/* UTILIT */
.cream{color:#F1E2BF}
.bttm{margin-bottom: 4rem;}

/* TOPO */
.barra-topo{
	color: #ffffff;
	text-align: right;
	padding: 0.5rem 0;
	height: 2rem;
}

.topo{
	position: fixed;
	padding-top: 0;
	display: table;
	width: 100%;
	z-index: 999
}
.topo-menu2{
	background-image:url(../../imgs/bg-cab.png);
}

.menu a{
	font-family: 'Montserrat', sans-serif;
	color:#F1E2BF;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 1.4px;
	padding:10px;
	margin-right: 20px;
	transition: width 2s ease-in-out 0.5s;
}

.menu a:hover{
	color: #ffffff;
}


.logo{
	padding: 1rem 0.5rem;
}
.logomob{
	padding: 1rem 0.6rem;
	text-align: center;
	display: none;
}
.logo2{
	padding-top: 2.7rem;
}

.content-menu{
	margin-top: 2.4rem;
	padding-left: 2.6rem;
	text-align: right;
}

.midias-header{text-align: center; padding-top: 31px;}
.midias-header a {font-size: 1.6rem; color: white; padding: 5px; float: left}
.midias-header a:hover {color: #e9d9b6;}

/* HOME */


.content_banners{
	width: 100%;
	display: table;}

.banner-textos{
	color: #ffffff;
	text-align: center;
}

.banner-textos H1 {
    font-family: 'Raleway', sans-serif;
    font-size: 3rem;
    line-height: 2.7rem;
    font-weight: 900;
    color: #ffffff;
    text-align: center;
}

.banner-textos H3 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.8rem;
    line-height: 2.7rem;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
}

.banner-bg{
	padding-top: 320px;
	background-position: center;
	height: 860px;
}

.destaques-home{text-align: center; padding: 4.20rem 0; color: #555555}
.destaques-home-icons{font-size: 2.6rem; padding: 3px; color: #F1E2BF}
.destaques-home h4{font-family: 'Raleway', sans-serif; font-weight: 500;}
.destaques-home p{font-family: 'Montserrat', sans-serif; font-size: 0.9rem; line-height: 1.8rem;}
.destaque{min-height: 130px}

.servico-ilust {padding: 20px;}
.servico-ilust-interno {background-color: #fbfaf8; min-height: 300px; padding: 0; color:#c7b299; text-align: left; transition: background-color 0.25s ease-out, color 0.25s ease-out;}
.servico-ilust-interno:hover {background-color: #e9d9b6; color:white}
.servico-ilust-interno h2{font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 1.3rem; padding: 26px}

.faixa-home{background: rgb(73,30,29); background: linear-gradient(90deg, rgba(73,30,29,1) 0%, rgba(109,51,49,1) 100%); padding: 1.8rem 10px; color: white}
.faixa-home h3{font-family: 'Raleway', sans-serif; font-weight: 300; text-align: center;}

.moeda-individual{
	margin-bottom: 2rem;
}

/** SOBRE **/

.conteudo-interno{
	padding: 4rem 10px;
}

.conteudo-interno h6{
	color: #666; 
}

.conteudo-interno p{
	font-size: 0.9rem;
	color: #555555;
	margin-bottom: 1.8rem;
	text-align: justify;
}

.texto-sobre{
	padding: 0 3.8rem 0 0;
}

.texto-sobre h3{
	font-weight: 300;
}

.box-lateral{
	border-left: #e0e0e0 dotted 1px;
	padding-left: 1.6rem
}

.box-lateral p{
	font-size: 0.84rem;
}


/* SERVIÇOS */
.conteudo-servicos{text-align: center;}
.conteudo-servicos p{text-align: center;}
.segmentos-servicos{text-align: center; margin-bottom: 4rem;}
.segmentos-servicos h3{font-size: 2.5rem; color: #e9d9b6; font-weight: 300;}
.segmentos-servicos h4{font-size: 3.3rem; color: #e9d9b6; font-weight: 300;}
.segmentos-servicos h5{font-size: 1.1rem; color: #555555; font-weight: 300}

/** TOPOS **/

.topo-titulo{padding-top: 8rem; color: white; text-align: center;}

.topo-titulo H1 {
	font-size:2.2rem;
	font-weight: 300;
	padding: 2rem 5px 0 5px;
}

.topo-titulo p {
	text-transform:none;
	font-weight:400;
}

.topo-sobre{
	width: 100%;
	min-height: 420px;
	background-image: url(../../imgs/topos/topo-sobre.jpg);
	background-position:center;
	background-color:#000000;
}

.topo-contato{
	width: 100%;
	min-height: 420px;
	background-image: url(../../imgs/topos/topo-contato.jpg);
	background-position:center;
	background-color:#000000;
}

.topo-quemsomos{
	width: 100%;
	min-height: 420px;
	background-image: url(../../imgs/topos/topo-quemsomos.jpg);
	background-position:center;
	background-color:#000000;
}

.topo-servicos{
	width: 100%;
	min-height: 420px;
	background-image: url(../../imgs/topos/topo-servicos.jpg);
	background-position:center;
	background-color:#000000;
}

/* MODULO VIDEOS*/
.videoreviews{
	background-image: url("../../imgs/bgs/bg-reviews.jpeg");
	background-size: cover;
	background-position: center ; background-repeat: no-repeat; 
	min-height: 100px;
	padding: 3rem 20px;
	text-align: center;
	display: block;
}


/** FOOTER **/

.footer{
	background-color: #6d3331;
	padding: 2rem 5px;
	color:#ffffff;
	list-style-type:none;
}

.logofooter{padding:10px 20px; border-bottom: 1px solid white; margin-bottom: 2rem;}

.footer-center{
	border-bottom: #ffffff 1px solid;
}

.footer H5{
	font-family: 'Raleway', sans-serif;
	text-transform: none;
	text-align:left;
	font-weight: 600;
	color:#F1E2BF;
	padding-bottom: 6px;
	margin-bottom: 6px;
}

.footer p{
	font-family: 'Montserrat', sans-serif;
	font-size:0.8rem;
	color:#ffffff;
	margin-bottom:5px;
	font-weight:bold;
}

.modulo_footer a{
	font-family: 'Montserrat', sans-serif;
	font-size:0.9rem;
	color:#ffffff;
	border-radius: 10px;
	font-weight:600;
	padding: 1px 5px;
	-webkit-appearance: none;
  	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.modulo_footer a:hover{
	color:#666;
	background-color: #ffffff;
	border-radius: 10px;
}

.modulo_some a{color: white}
.modulo_some a:hover{color: #F1E2BF}

.alinha-midias {padding: 5px; text-align: center; display: table; margin: 0}
.alinha-midias li {align-items: center; display: inline-block;}
.socialfoofa a{font-family: "Font Awesome 5 Brands"; color: #fff; font-size: 1.7rem; float: left; padding: 0 0.84rem 0 0}
.socialfoofa a:hover{color: #F1E2BF;}

.grupo_footer{
	margin-bottom:20px;
}

.modulo_footer{
	margin-bottom:1.6rem;
}

.modulo_footer_social{
	margin-bottom:1.6rem;
}

.align-midias a{text-align: center}

.copyright{
	background-color: #491e1d;
	padding: 0.7rem 5px ;
}

.copyright p{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.84rem;
	color:#ffffff;
	text-align: center;
	margin-bottom: 0;
}

.copyright a{
	color:#ffffff;
	text-decoration: underline;
}

.copyright a:hover{
	color:#fff;
}

/** MENU **/

.toggleMenu {
    display:  none;
    background: #6c0600;
    padding: 10px;
	text-align: center;
    color: #ffffff;
	width:100%;
}
.nav {
    list-style: none;
    *zoom: 1;
	margin-right: auto;
	margin-left:auto;
	text-align:center;
}
.nav:before,
.nav:after {
    content: " ";
    display: table;
}
.nav:after {
    clear: both;
}

.dddskt a:hover{
	background-color: #ffffff;
	color: #fb3457;
}

.nav ul {
    list-style: none;
	margin:0;
	width:280px;
	padding:0;
	background-color:#fb3457;
	z-index:999;
	border-radius: 0px 15px 15px 15px;
}
.nav ul a {
	padding: 5px;
	text-align: left;
}

.nav a {
	font-family: 'Montserrat', sans-serif;
	font-size:1.1rem;
	font-weight: 400;
    padding: 1px 10px;
	color:#ffffff;
	border-bottom: 3px solid transparent;
}

.nav a:hover {border-bottom: 3px solid #ffffff;}

.nav li {
    position: relative;
	margin:0 10px
}
.nav > li {
    float: left;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
	margin-left:5px;
}


.nav li  ul {
    position: absolute;
    left: -9999px;
	padding: 10px 0;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    color: #ffffff;
	background-color: #9c1a04;
    position: relative;
    z-index:100;
	padding:10px 5px 6px 10px; ;
	border-radius: 5px;
	font-weight: 400;
	text-align: left;
	margin: 5px 3px;
}

.nav li li a:hover {background-color: #ffffff; color: #9c1a04; border-radius: 5px;}

.nav li li i {
	margin-right: 10px;
	width: 1rem;
}

.nav li li li a {
    background:#ffffff;
    z-index:200;
}

@media screen and (max-width: 768px) {

	.banner_individual{
		background-position:center bottom;
		padding:5rem 2px;
	}

	.toggleMenu{
		margin:0;
	}

	.nav{
		float:left;
		width:100%;
		padding:0 2rem 0 0;
	}

    .active {
		width:100%;
        display: block;
		color:#ffffff;
    }
    .nav > li {
		text-align:center;
		width:100%;
        float: none;
		border-bottom:solid 1px #ffffff;
		padding:10px 5px 5px 5px;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../../imgs/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
		font-size:12px;
		text-align:center;
    }

	.nav ul a {
	padding: 5px 10px;
    }

	.nav ul a:hover {
	color:#EEE8C6;
    }

    .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

	.modulo_footer{
		text-align:center;
	}
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #ce4914;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* BLOG */

.topo-blog{
	height: 540px;
	background-position: top center;
	text-transform: none;
	text-align: center;
	padding-top: 15rem;
	padding-bottom: 4rem;
	margin-bottom: 4rem;
	border-bottom: #c30511 solid 10px;
}

.bgblog{
	background-image: url(../../imgs/bgs/bg-blog.jpg);
}

.topo-blog H1{
	font-size: 5rem;
	line-height: 5.2rem;
	color: #ffffff;
}

.topo-blog H2{
	font-size: 2rem;
	color: #ffffff;
	font-weight: 100;
}

.topo-blog p{
	font-family: 'Rubik', sans-serif;
	color: #ffffff;
	font-weight: 100;
}

/* CONTATO */

.faleconosco-geral{padding: 4rem 10px;}

#divAcao{
	font-family: 'Rubik', sans-serif;
	font-size: 1rem;
	padding-bottom: 2rem;
	text-align: center;
}

#back-top {
    position: fixed;
    opacity: 0.75;
    bottom: 1px;
    left: 1px;
    z-index: 100;
}
#back-top:hover {
  opacity: 1;
}

.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}