@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

body {
font-family: 'Montserrat', sans-serif;
}

.main-column p {
line-height: 23px;
font-size: 14px;
}

header {
display: none;
}

#top {
padding: 15px 0;
/*position: absolute;
top: 0;
width: 100%;
z-index: 2;
*/
background-image: linear-gradient(to right, #000000, #401107, #592715);
}

.navbar .nav {
margin-top: 20px;
}

.navbar .nav > li > a {
padding: 10px 22px;
text-transform: uppercase;
font-weight: bold;
}

.menu-vv li ul {
border: none;
}

.menu-vv li ul li a {
color: #333 !important;
padding: 12px 15px !important;
}

.menu-vv .title-grupo:after {
border-top-color: rgba(255,255,255,.6);
}

.menu-vv li .link-destaque {
color: #fff !important;
border-radius: 50px;
border: solid 2px #E6A804;
margin-top: -2px;
margin-left: 15px;
}


.main-column {
min-height: 400px !important;
}

.carousel-caption, .carousel-indicators {
display: none;
}

.carousel-control {
background: transparent;
border: none;
top: 53.5%;
}


/*.breadcrumb {
margin-top: 120px;
}*/

.div-button-menu-mobile {
display: none;
position: absolute;
top: 35px;
right: 15px;
line-height: 0;
}
.div-button-menu-mobile a {
background: #ddd;
padding: 7px 9px 11px 9px;
border-radius: 100%;
}

.mm-header {
padding-top: 20px !important;
}
.mm-menu.mm-hasheader.mm-ismenu>.mm-panel {
padding-top: 0;
}
.mm-header .mm-next, .mm-header .mm-prev {
bottom: 14px;
}

footer {
margin-top: 40px;
padding-top: 40px;
background-image: linear-gradient(to right, #401107, #592715);
}

.content-footer .pull-left, .content-footer .pull-right {
float: none;
}

.carousel .carousel-inner .item {
  transition-property: opacity;
}
.carousel .carousel-inner .item,
.carousel .carousel-inner .active.left,
.carousel .carousel-inner .active.right {
  opacity: 0;
}
.carousel .carousel-inner .active,
.carousel .carousel-inner .next.left,
.carousel .carousel-inner .prev.right {
  opacity: 1;
}
.carousel .carousel-inner .next,
.carousel .carousel-inner .prev,
.carousel .carousel-inner .active.left,
.carousel .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
.carousel .carousel-control {
  z-index: 2;
}



.row-s {
  display: flex;
  flex-wrap: wrap;
}

.col-s {
  flex: 1 0 18%;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}



@media only screen and (min-width: 768px) {
footer {background: #1D1E1C; background: linear-gradient(to bottom, #592715, #592715 87%, #111 87%, #111 100%)}
}


@media only screen and (max-width: 768px) {
.hidden-mobile, #top .menu-vv {display: none !important;}
.container {margin-right: 15px; margin-left: 15px;}
.logo-header {height: 60px;}
.div-button-menu-mobile {display: block;}
}