/* TESTE DE RESPONSIVO DESKTOP USANDO TRANSFORM PARA MELHOR ADAPTAÇÃO EM PC BAIXA RESOLUÇÃO */
/* body > *{transform: scale(0.9);width: 112%;left: -6%;position: relative;} */

.row{ max-width: 90%; }
.row.fullwidth{ max-width: 100%; }
[class*="block-grid-"]{max-width:100%;margin:0;}
[class*="block-grid-"].collapse > li{padding:0;padding-bottom:20px;}

.column, .columns {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.row .row {margin: 0 -10px;max-width: 100%;}

img{max-width: 100%}

.text-sticky{position: sticky;top: 20px}

.body-white{
	/* background: #fff; */
	display: inline-block;
	padding: 0 30px 0px;
	margin-bottom: -6px
}

body{background: #eee}

body, p, .sub-nav dt, .sub-nav dd, .sub-nav li, span, div, li, ul{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px; 
	line-height: 22px;
	color:#323031; 
}

a{
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	line-height:20px;
	color:#CB864B;
	outline: 0;
	transition:0.25s;
	display: inline-block;
	max-width: 100%;
}

a:hover, a:focus, a.active{text-decoration: none;outline:0;transition:0.25s;color:#fa8334}


.button{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	text-decoration: none !important;
	text-transform: uppercase;
	background: #32160b;
	border-radius: 15px;
	padding: 10px 20px;
}
.button:hover, .button:focus{background: #222222;outline: 0}
.button i{margin-right: 5px}


small{font-size: 70%;}

h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;color:#323031;margin-top:0}
h1, h2, h3, h4, h5, h6, h1 > *:not(br), h2 > *:not(br), h3 > *:not(br), h4 > *:not(br), h5 > *:not(br), h6 > *:not(br) {margin-top:0;margin-bottom:20px}
h2 > *:not(br), h3 > *:not(br), h4 > *:not(br), h5 > *:not(br), h6 > *:not(br) {font-family:inherit;color:inherit;font-size:inherit;}
h1:hover > *, h2:hover > *, h3:hover > *, h4:hover > *, h5:hover > *:not(.label), h6:hover > *{color:inherit;} 


h1, .h1size{font-weight: 700;font-size: 52px;} 
h2{font-size: 2.125rem;} 
h3{font-size: 1.6875rem;}
h4{font-size: 1.375rem;}
h5{font-size: 1.125rem;} 
h6{font-size: 1.125rem;}


.text-primary{color:#628395 !important}
.text-secondary{color:#fc9e4f !important}

.bg-primary{background:#628395}
.bg-secondary{background:#fc9e4f}
.bg-cinza{background:#e7ecef}

::placeholder{color:#628395;opacity: 1}
input[type="text"]{
	box-shadow: none;
}

/* ------------------------------ */

.anime{
    transition-property: opacity;
    transition-duration: 0.8s;
    opacity: 0;
}
.anime.animated {
    opacity: 1;
}

header{
	padding: 15px 0;
	background: #fff;
}

header nav{margin-top: 30px;display: inline-block;}
header nav span{display: inline-block;position: relative;}
header nav a{font-size: 15px;color:#222222}
header nav a.active, header nav span:hover > a, header nav span a+div.submenu > a:hover{color:#CB864B}
header nav span:not(:last-of-type){margin-right:25px;}

header nav a:hover:after, header nav a.active::after{
	display: block;
	height: 1px;
	width: 30px;
	background: #CB864B;
	content: "";
	margin-top: 10px;
}

header nav span a+div.submenu{
	display: none;
	background: rgba(50, 22, 11, 0.96);
	padding: 10px 15px;
	position: absolute;
	width: 228px;
	left: -15px;
	z-index: 999;
	top: 31px;
}

header nav span a:hover+div.submenu, header nav span a+div.submenu:hover{display: block;}

header nav span a+div.submenu > a{color:#fff;text-transform: uppercase;}
header nav span a+div.submenu > a:not(:last-of-type){margin-bottom: 10px}

header nav span a+div.submenu > a:hover:after, header nav span a+div.submenu > a.active::after{display: none;}


header .inline-list{vertical-align: middle;margin-left: 25px;}
header .inline-list li:not(:last-of-type) {
    border-right: 1px solid #222222;
}

.inline-list{margin: 0;display: inline-block;}
.inline-list a{line-height: 16px;}
.inline-list a:not(.active):not(:hover){color:#222222}
.inline-list > li{padding: 0 10px;margin: 2px 0 5px;}


hr{border-color:#272932;}
hr.text-white{border-color:#fff;}
hr.text-center{margin: 20px auto;}
hr.small{max-width: 70px;border-width: 1px;}

.link-img:hover{opacity: 0.75;}

.filter{
	height: 100%;
	width: 100%;
	background: rgba(0,0,0 ,0.4);
	transition: 0.25s
}

.filter:not(.nohover):hover{
	background: rgba(255, 255, 255, 0.4);
}

.boxText{
	background:rgba(50, 22, 11, 0.9);
	padding:30px 30px 10px;
}

.boxText p{
	color:#fff;
	position: relative;
}

.orbit-next {
	right: 50px; 
}

.orbit-bullets li{width: 16px!important; height: 16px!important; }

.port-slider{
	object-fit:cover;
	height:600px;
	width:100%;
	cursor:pointer;
}

.clearingSemNav .clearing-blackout {background: rgba(51, 51, 51, 0.9);padding-top: 50px}
.clearingSemNav .clearing-assembled .clearing-container .visible-img {background: none}
.clearingSemNav .clearing-assembled .clearing-container .carousel {display: none}

/************************************************ FREEWALL TESTE	*****************************/

.free-wall {
	width: 100%;
	height: 100%;
	
}

@keyframes start {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}

@-webkit-keyframes start {
	from {
		-webkit-transform: scale(0);
	}
	to {
		-webkit-transform: scale(1);
	}
}

.free-wall .brick{
	overflow: hidden;
}
.free-wall .brick > img{transition: 0.25s}
.free-wall .brick:hover > img{transform: scale(1.2)}

.free-wall .brick[data-state="init"] {
	display: none;
}

.free-wall .brick[data-state="start"]  {
	display: block;
	animation: start 0.5s;
	-webkit-animation: start 0.5s;
}

.free-wall .brick[data-state="move"]  {
	transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
	-webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
}

.free-wall .brick:nth-child(3n+1){
	width: calc(1920px/6);
	height: calc(1080px/6);
}
.free-wall .brick:nth-child(3n+2){
	width: calc(1920px/4);
	height: calc(1080px/4);
}
.free-wall .brick:nth-child(3n){
	width: calc(1920px/3);
	height: calc(1080px/3);
}

.imagembonita{object-fit: cover;height: 100%;width:100%}

.card-overlay{
	background:rgba(50, 22, 11, 0.8);
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	opacity: 0;
	transition: 0.25s;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	color:#fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
}

.card-overlay:hover{opacity: 1;}

.btn:hover{
	background: #51341eb3;
}
/************************************************ FREEWALL TESTE FIM	*****************************/


.banner-box{position: relative;}
.audio-cage{
	position: absolute;
	bottom: -25px;
	right: 0;
}


.flex-center{
	display: flex !important;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.footer-spacing{display: none;}

footer{
	background: rgba(255, 255, 255, 0.9);
	padding: 15px;
	width: 100%;
	transition: 0.4s;
	z-index: 997;
}

footer:hover{background: #fff;}

.socialicon a{
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	color:#fff;
	margin: 2px 5px;
}
.socialicon a:last-of-type{margin-right: 0;}
.socialicon a{background:#555;}
.socialicon a.ico-fb:hover{background:#3b5998;}
.socialicon a.ico-ig:hover{background:#c32aa3;}
.socialicon a.ico-tw:hover{background:#1da1f2;}
.socialicon a.ico-ld:hover{background:#007bb5;}

.socialicon a:hover{transform: scale(1.2)}



.menu-acordeao ul {
    margin-left: 0;
    margin-bottom: 0
}

.menu-acordeao li {
    list-style-type: none
}

.menu-acordeao ul ul li a,
.menu-acordeao h4 {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    display: block;
    padding: 0 15px;
    -webkit-transition: all .15s;
    transition: all .15s;
    position: relative;
    font-weight: normal
}

.menu-acordeao ul ul li a:hover, .menu-acordeao ul ul li.active{
    background: #444444;
    border-left: 5px solid #CB864B;
	color:#fff
}

.menu-acordeao ul ul li a:focus{
	background: #444444;
	color:#fff
}

.menu-acordeao ul ul {
    display: none
}

.menu-acordeao li.active>ul {
    display: block
}

.menu-acordeao ul ul ul {
    margin-left: 15px;
    border-left: 1px dotted rgba(0, 0, 0, 0.3)
}

.menu-acordeao a:not(:only-child):after {
    content: "\f104";
    font-family: fontawesome;
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 14px
}

.menu-acordeao a.notafter:after {
    content: ""
}

.menu-acordeao .active>a:not(:only-child):after {
    content: "\f107"
}

.cat-filter{visibility: hidden}
.cat-filter .button{margin-bottom: 0}

.bg-wallpaper{min-height: calc(100vh - 172px);padding: 130px 0 60px}

.bg-size{height:173px;}


.exit-off-canvas{display: none}

@media only screen and (max-width: 40em) { 
	
	.row {max-width: 100%;}

	header{padding: 15px 0}

	header nav{display: none;}

	header .inline-list {
		margin-left: 0;
		margin-top: 29px
	}

	header .left-off-canvas-toggle{margin-right: 30px;font-size: 20px}

	.cat-filter{visibility: initial;padding-top: 20px}
	.cat-filter .button{margin-bottom: 20px}
	.cat-filter .button:not(:last-of-type){margin-right: 5px}

	.bg-wallpaper{padding: 20px 0 60px}

	.bg-size{height:142px;}
	.filter h1{font-size: 32px;text-align: center}

} 

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

	.row {max-width: 95%;}

	header nav {margin-top: 19px;}

}

@media only screen and (min-width: 64.063em) {
	.flex-large{display:flex}
	.footer-spacing{
		height:64px;
		display: block;
	}

	footer{
		position: fixed;
		bottom: 0;
	}

}