@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i');

.d-flex-wrap{
	display: flex;
	flex-wrap: wrap;
}

.row{
	max-width: 70rem;
}

#filter{height:100vh !important}

a:hover, a:focus{
	color: #7f7f7f;
}
a{
	color: #000;
}

body, .top-bar-section ul li > a, h1, h2, h3, h4, h5, h6, button, .button, .tabs dd > a, .tabs .tab-title > a{ font-family: 'Lato', sans-serif; }
.nav{ border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
.header-menu.top-bar{ background: inherit; }
.header-menu .top-bar-section ul.left li{ background: inherit; }
.header-menu .top-bar-section ul.left li:not(.has-form) a:not(.button){ background: inherit; color: #333; border-right: 1px solid #e5e5e5; }
.header-menu .top-bar-section .dropdown{ border-left: 1px solid #555; border-bottom: 1px solid #555; background: rgba(255,255,255,.6); }
.header-menu .top-bar-section ul.left  .has-dropdown > a:after {
    border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.product-menu ul li {
	float:none;
    display: inline-block;
	vertical-align: top;
}
.product-menu.top-bar-section li:not(.has-form) a:not(.button) {
	line-height: 43px;
	padding: 0px 20px;
}
.top-bar-section li:not(.has-form) a:not(.button) {background:#000}
.top-bar-section li.active:not(.has-form) > a:not(.button) {background:#555}
.top-bar-section li.active:not(.has-form) > a:hover:not(.button) {background:#272727}
.top-bar-section ul li {background:transparent}

h1{margin:0;font-size:34px;}
h2{font-size:28px;line-height:36px;margin:20px 0 0 0;}

.book{
	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
}


.faq_cartao{
	background:url('/img/faq_cartao.jpg');
	background-size: 250px 140px;
}

.login_cartao{
	background:url('/img/login_cartao.jpg');
	background-size: 250px 160px;
	background-position: 0px -15px;
}

.client_cartao{
	background:url('/img/client_cartao.jpg');
	background-size: 250px 140px;
}

.agent_cartao{
	background:url('/img/agent_cartao.jpg');
	background-size: 250px 140px;
}

.black_filter{
	background:rgba(0,0,0,0.6);width:100%;height:100%;padding:20px;
}
.black_filter:hover{
	background:rgba(0,0,0, 0.8) !important;
	-webkit-transition: all  0.3s ease-in-out;
	-moz-transition: all  0.3s ease-in-out;
	-ms-transition: all  0.3s ease-in-out;
	-o-transition: all  0.3s ease-in-out;
	transition: all  0.3s ease-in-out;
}

.square_home {
	height:170px;
	padding:20px;
	background:#000;
	font-size:15px;
	line-height:23px;

}

p .square_home, a .square_home{
	color:#fff;
	font-size:15px;
	line-height:23px;
}

.contain-to-grid{ background: none; }
/* .contain-to-grid.fixed{ background: #222; } 
.contain-to-grid.fixed .mt10{ margin-top:0 !important; }
*/

/*.fixed .top-bar{  background: #fff; box-shadow: 2px 2px 2px #333; }*/

.fixed .top-bar .product-menu.top-bar-section li:not(.has-form) a:not(.button){
	/*background: transparent;*/
	box-shadow: 2px 2px 2px #333;
}



.prev, .next{   margin-top: 22px;  display: inline-block;font-size: 28px; }
.datepicker .prev,.datepicker .next{ margin-top: 0; }
.datepicker table thead{ background: transparent; }
.item{ margin: 3px; }
.item img{ height: auto; cursor: pointer; }
.th{ border: 2px solid white; line-height: initial;}
.th.active{ border: 2px solid #333; }

.encomenda th, .encomenda td{ padding: 1px; text-align: center; }
.encomenda th{ text-align: center; }
.encomenda input{ margin-bottom:0;padding: 2px;text-align: center; }

[class*="block-grid-"] > li { padding: 0 0.625rem 1.25rem; }
.zona1{ background: #e5eaef; color: #000; }
.zona2{ background: #cdd7df; color: #000; }
.zona3{ background: #b5c3d0; color: #000; }
.zona4{ background: #9db0c1; color: #000; }
.zona5{ background: #859cb2; color: #000; }
.switch { display: inline-block; }
* { margin: 0; }
.tabs dd > a, .tabs .tab-title > a{ font-size: 14px; padding: 10px; }

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100vh;
	height: auto !important;
	height: 100vh;
	margin: 0 auto -190px;/* the bottom margin is the negative value of the footer's height */
}
footer, .push {
	min-height: 190px; /* '.push' must be the same height as 'footer' */
}
footer{ background: #f2f2f2; padding: 0 0 20px;}
.cookie{padding:5px;background:rgba(128, 128, 128, 0.44);margin-bottom:20px;color:#f5f5f5;}
button, .button{ 
	margin-bottom: 0;
	background-color:#000;
}
button:hover, .button:hover{
	background-color:#333;
}

.button.tiny.block {
	display: block;
	width: 100%;
}

button.active, .button.active{ 
	margin-bottom: 0;
	background-color:#fff;
	border:2px solid #000;
	color:#000;
	padding-top:8px;
	padding-bottom:9px;
}

ul.pagination li.current a {
	background: #000;
	color: #fff;
}

ul.pagination li.current a:hover{
	background: #333;
}

table tr th, table tr td{
	padding: 0.1625rem 0.225rem;
}

table.small td, table.small th{ font-size: 12px; }
.tabs dd.active a, .tabs .tab-title.active a{ 
	font-weight: bold;
}

ul.pagination li, ul.pagination li a{
	display: inline-block;
	float: inherit;
}
.label{ padding: 0.25rem; }
label.filtro{
	display: inline !important;
	text-transform: uppercase;
	font-size: 12px;
}
div.filtro{
	margin-bottom: 5px;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select{
	margin-bottom: 0;
	vertical-align: middle;
}
.ttl_colection{padding:10px 0;background: #000;color: #FFF;}





.css-accordion{margin-bottom:20px;margin-top:14px;}
.css-accordion dd a:before{
	transition: all 700ms 0s ease-in-out;
	font-family:FontAwesome;
	content: "\f105";
	-moz-transform: rotate(0deg);
	display: inline-block;
}

.css-accordion dd.accordion-navigation.active  a:before{
	-webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}



.css-accordion dd a.no_awesome:before{
	content: "";
	padding-right:0px;
}


.accordion.css-accordion dd > a {
	border-bottom: 1px solid #fff;
}
.accordion.css-accordion .content{border-left:1px solid #E3E3E3;border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;}
.fa-stack.fa-lg{color:#E7E7E7;}
.mt20{margin-top:20px !important;}
.mb20{margin-bottom:20px !important;}
.social{margin-top:10px;}
.social i {padding-right:10px;font-size:20px;color: rgba(128, 128, 131, 0.62);}

#filter{ border-bottom: 1px solid #d8d8d8; }
#filter .panel{ padding: 10px; }
#filter p{ margin-bottom: 10px; }
#filter input[type="checkbox"] + label, #filter input[type="radio"] + label{
	margin:0;
	font-size: 10px
}
#filter input{
	transition: opacity 0.3s ease-in-out;
}

.filtros.filtros-produtos .filtro input:disabled + label.filtro, .filtros.filtros-produtos .filtro input:disabled {
	display: none !important; /* tentei usar o máximo de regras mas o label não funciona sem o !important */
}
.filtros.filtros-produtos ul.has-columns li:has(input[type="checkbox"]:disabled) {
	position: absolute;
  	right: 0;
}

#search_filter
{
    display: none;
    
	position: fixed;
    top: 50%;
    left: 50%;
    text-align:center;
    padding:10px;
    margin-left: -50px;
	z-index:2;
    overflow: auto;
	box-shadow: 0 0 5px #444;
	font-weight: bold;
	background: #fff;
}
#filter input[disabled] + label{
	opacity: 0.45;
}
#filter input[disabled]{
	opacity: 0;
}

#este_produto{
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
dialog.large, .reveal-modal.large{
	top: 40px;
}

.text-alert{ color:#cf2a0e; }


@media only screen and (min-width: 40.063em) and (max-width: 87em) {
	dialog.large, .reveal-modal.large{
		margin-left: -47.5% !important;
		width: 95%  !important;
		
	}
}

.v-text-center{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.produto-item{ 
	position: relative;
	display: inline-block !important;
	padding:1px 3px;
	cursor: pointer;
	font-size: 12px;
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.6);*/
  	width: 100%;
}

.produto-item::before {
	content: " ";
	display: block !important;
	/*background: rgba(0,0,0,0.08);*/
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 1;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: opacity 0.5s cubic-bezier(.25,.8,.25,1);
}
.produto-item:hover::before {
	opacity: 1;
}

.produto-item .produto-etiqueta{
	background-color: #7e97b5;
	color: #fff; 
	line-height: 1.2;
	text-transform: uppercase;
	position: absolute;
	top:0px; 
	right: 0;
	--size: 75px;
	width: var(--size);
	height: var(--size);
	padding: 5px; 
	border-radius: 50%;
	display: flex;
	justify-content: center;
  	align-items: center;
	text-align: center;
	z-index: 999;
}

.produto-item .produto-etiqueta.small{
	font-size: 10px;
}
.produto-item .produto-etiqueta.medium{
	font-size: 16px;
	font-weight: bold;
}
.produto-item .produto-etiqueta.large{
	font-size: 18px;
	font-weight: bold;
}

.produto-imagem img {
	/*
	position: relative;
	top: 100%;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	*/
}

.login .prefix{background:#fff;box-shadow:none;border-right:0px}
.login input, .login input:focus{border-left:0;box-shadow:none;border-color:#ccc;background:#fff}
.off-canvas-wrap, .off-canvas-wrap > .inner-wrap {  min-height: 100vh; }

#menu-admin-aside {
    display: none;
}
.off-canvas-wrap.move-left #menu-admin-aside {
	display: unset;
}

.owl-controls .owl-next, .owl-controls .owl-prev{text-shadow: 0px 0px 1px #f5f5f5}
@media only screen and (min-width: 64.063em) { 

	.reveal-modal.xlarge.open{max-width:80vw;}

} /* min-width 1025px, large screens */


@media only screen and (min-width: 40.063em) and (max-width: 87em) {
	.reveal-modal.xlarge.open{max-width: 95vw !important;}
}

.select2-container--default .select2-selection--single{
	border-radius: 0px;
  	font-size: 0.875rem;
    height: 2.3125rem;
    margin: 0 0 1rem;
    padding: 0.2rem;
 }


/*no more table*/
.tableShow{display:none;}
.tableHide{display:block;}
@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    table.no-more-tables {
		border:0;
	}
	
    table.no-more-tables ,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-tables tr { box-shadow: 0px 0px 2px #A1A1A1; margin:12px 0px;padding: 8px 5px;}

    .no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
		vertical-align: middle;
		padding-top:7px;
		padding-bottom:7px;
		text-align:left !important;
    }
	
	.no-more-tables td:last-child {border:0}
	
	.no-more-tables div.switch label {
		margin-bottom:0
	}
	
    .no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: normal;
        text-align:left;
        font-weight: bold;
	}

    /*
    Label the data
    */
    .no-more-tables td:before { content: attr(data-title);vertical-align: middle;text-transform:none;}
	
	.no-more-tables .tableHead{background:#E7E7E7}
	
	.no-more-tables td span.label {white-space:normal !important;text-align:left !important;line-height: 16px;font-size: 12px;}
	.no-more-tables td span.label > strong {font-weight:normal !important;}
	
	.no-more-tables .tableShow{display:block;padding-left:0.225rem}
	.no-more-tables .tableHide{display:none;}
	.no-more-tables .tableShow strong{color: #008CBA;}
}


.filtros-contactos li a, .filtros-clientes li a, .filtros-oportunidades li a{
	display: block;
	background: #eaeaea;
	padding: 3px;
	margin-bottom: 3px;
}
.filtros-contactos .label,.filtros-clientes .label,.filtros-oportunidades .label{
	margin-top:3px;
	margin-right:3px;
}
.filtros-contactos li a:hover, .filtros-clientes li a:hover, .filtros-oportunidades li a:hover{
	background: #f5f5f5;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #000000;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

/* initially, hide all slides... */
ul[data-orbit] li,
ul[data-orbit] .orbit-caption {
    display: none;
}

/* ...except for the first one */
ul[data-orbit] li:first-child { display: block; }

/* show slides once .orbit-container is loaded */
.orbit-container ul[data-orbit] li,
.orbit-container ul[data-orbit] .orbit-caption {
    display: block;
}

.orbit-homepage .orbit-image{
	background-image: var(--data-orbit-lg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.orbit-homepage .orbit-image, .orbit-homepage .orbit-video{
	width:100%;height:720px;object-fit:cover;
}

.check-opcoes{ height: 0; overflow: hidden; } .check-menu{ display:none } .check-menu:checked + .check-opcoes { height: auto;overflow: auto; }
ul.off-canvas-list li a { padding: 0.4rem; }


.menu{background:#222;box-shadow: 1px 1px 3px rgba(0,0,0,.1);}
.menu ul li a{
	color:#fff;
	font-size: 14px;
	line-height: 18px;
	vertical-align: middle;
	text-transform: uppercase; 
	font-weight: bold;
	transition: 0s;
	display: block;
	padding: 0;
	position: relative;
}
.menu ul li a:hover, .menu ul.menu-produtos li a:hover{color:#f1e99e;text-decoration: none;}



@media only screen and (min-width: 64.063em) {
	.sidenav-container-active{
		width: 70% !important;
	}


	.submenu_responsive.menu-produtos.right{right: 0 !important;left: auto !important;}

	ul.submenu_responsive.last-parent li, ul.submenu_responsive.last-parent li > :last-child {
		padding: 2px 0 !important;
	}
	.submenu_responsive.menu-produtos {
		min-height: 500px;
	}

	.menu ul{list-style-type: none;width:100%;margin-left:0;margin-bottom: 0}
	.menu-acordeao > ul ul{width: calc(50% - 30px);min-height: 270px;}
	.menu ul li{display: inline-block;padding: 8px 8px 8px 15px;}
	.menu div.menu-acordeao > ul > li{padding: 12px 8px;}


	.menu ul li:not(:last-of-type) a{border-right:2px solid #fff;padding-right: 12px;}
	

	.menu-produtos{display: none;}
	li > a.active+.menu-produtos, li:hover > .menu-produtos{display: block;}

	.menu ul.menu-produtos li a {
		border-right:0;
	}

	.menu ul li .active{color:#f1e99e}

	.menu-produtos{
		position: absolute;
		z-index: 997;
		background: #444444;
		width: 80%;
		top: 41px;
		right: 0;
		margin-right: 15px;
	}
	.menu-produtos:not(.menu-right){left: 0;margin-left: 15px;margin-right: auto}

	ul.menu-produtos li{display: block;}
	ul.menu-produtos li a{
		display: block;
		color:#fff;
		padding: 2px;
		font-size:14px;
		font-weight: 400;
		text-transform: none
	}

	ul.submenu_responsive.menu-produtos li a{
		padding: 2px
	}
	ul.submenu_responsive.menu-produtos li > :last-child{padding-bottom: 15px}
	.menu-produtos strong{display: block;}

	ul.menu-produtos > li:hover{background: #222;cursor: pointer}
	ul.menu-produtos > li:hover > a{color: #f1e99e;}
	ul.menu-produtos > li.childs > a{position: relative}
	ul.menu-produtos > li.childs > a:after{content: "\f105";font-family: FontAwesome;position: absolute; right: 8px;color:#f1e99e;top: 4px;}

	.menu-produtos .more{
		position: absolute;
		left: 100%;
		width: calc(175% - -60px);
		top: 0;
		background: #222;
		height: 100%;
		display: none;
	}
	.menu-produtos .more ul{cursor:default;}
	.menu-produtos .more ul > li a{color:#fff;font-weight: 400;text-transform: none;}
	.menu-produtos .more strong{color:#f1e99e;text-transform: uppercase}
	.menu-produtos .more strong > a{font-weight: bold !important}
	.menu-produtos .more ul > li a:hover{text-decoration: underline;}

	ul.menu-produtos > li:hover > .more{display: flex}
	ul.menu-produtos > li:hover > .more li{flex: 1;}

}


/*Small Screens*/
@media only screen and (max-width: 64em) { 
	
	.sidenav-container-active{
		width: 100% !important;
	}


	.submenu_responsive.menu-produtos.right{float:none !important;}

	.menu ul li a{
		padding: 15px 0;
	}

	.menu-acordeao ul {
		margin-left: 0;
		margin-bottom: 0
	}

	.menu-acordeao li {
		list-style-type: none
	}

	.menu-acordeao ul ul li a{
		background: #4F5151;
		padding: 15px 35px 15px 15px;
		color:#fff
	}
	.menu-acordeao ul ul li a:focus{
		background: #4F5151;
		color:#fff
	}

	.menu-acordeao ul ul {
		display: none
	}

	.menu-acordeao li.active>ul {
		display: block
	}

	.menu-acordeao li.childs > a:not(:only-child):after {
		content: "\f104";
		font-family: fontawesome;
		position: absolute;
		right: 10px;
		top: 15px;
		font-size: 14px
	}

	.menu-acordeao ul ul li.childs > a:not(:only-child)::after{
		right:25px;
	}

	.submenu_responsive.menu-produtos{margin: auto -15px;}
	.submenu_responsive.last-parent{
		display: block;
		margin: 1px 0px;
		border-left: 3px solid rgb(204, 204, 204);
	}

	.menu-acordeao a.notafter:after {
		content: ""
	}

	.menu-acordeao .active>a:not(:only-child):after {
		content: "\f107" !important
	}

}

.pick-option {display:flex;margin-top:20px}
.pick-option .dropdown.v-select{
	flex-grow: 1
}
.pick-option .dropdown.v-select:not(:last-of-type){margin-right: 10px;}
.pick-option .v-select .dropdown-toggle {
	background: #eee;
	border: 0;
	border-radius: 0;
	color: #555;
	padding: 4px 5px 8px;
}
.pick-option .v-select .selected-tag {
	background: #fff;
	border: 0;
	border-radius: 0;
	color: #555;
}
.pick-option .v-select.unsearchable input[type="search"] {opacity: 1}

.pick-option ::placeholder {
    color: #555;
    font-weight: bold;
    opacity: 1;
}


input.valor[value=""]{ background-color: rgba(255, 0, 0, 0.433);color: white; }

.off-canvas-wrap {overflow: initial;}

body{overflow-x: hidden}

.custom-shoe{
	min-height:calc(100vh - 143px);
	margin-bottom: -24px;
}

.custom-shoe > div.row{
	display:flex;
	flex-wrap:wrap;
	max-width: 100%;
	min-height: inherit;
}

@media only screen and (-webkit-min-device-pixel-ratio:0) {
	.custom-shoe > div.row:after,
	.custom-shoe > div.row:before {
		width: 0
	}
}

.custom-shoe .cs-menu{
	border-right: 1px solid #ccc;
	display: flex;
	flex-wrap: wrap;
	background: #F7F7F7;
}

.custom-shoe .cs-menu > *{width: 100%;}
.custom-shoe .cs-menu > form{margin-top:auto;}

.custom-shoe .cs-sample > img, .custom-shoe .cs-sample > .img{
	border-radius: 50%;
	max-width: 65px;
	display: block;
	margin: auto;
	border:1px solid #ccc;
	padding: 2px;
}
.custom-shoe .cs-sample > .img{height: 65px;}
.custom-shoe .cs-sample > span{
	text-transform: uppercase;
	font-size: 12px;
}

.custom-shoe .cs-shoe{
	position: sticky;
	top:20px;
	max-width: 1000px;
	padding: 0 45px;
	margin:auto;
}

.custom-shoe li.accordion-navigation.active > a:first-of-type{
	position: sticky;
	top: 0;
	z-index: 999;
}

.custom-shoe ul:not(.acc-simple) > li.accordion-navigation:first-of-type{border-top: 1px solid #7f7f7f;}
.custom-shoe ul:not(.acc-simple) > li.accordion-navigation{
	border-bottom: 1px solid #7f7f7f;
}

.custom-shoe .cs-chosen[src]{
	height: 20px;
	width:20px;
	object-fit: cover;
	float: right;
	border-radius: 50%;
	border:1px solid #ccc;
}


.acc-simple.accordion .accordion-navigation > a{
	background: transparent;
}

.acc-simple.accordion .accordion-navigation > a:after{
	content: "\f107";
	font-family: FontAwesome;
	position: absolute;
	right: 20px;
}
.acc-simple.accordion .accordion-navigation.active > a:after{
	content: "\f106";
}

.acc-simple.accordion .accordion-navigation.active > a[aria-expanded="true"]{
	background: #fff;
	color:#000;
}

.text-alert {
	color: #f04124;
}

.text-success {
	color: #43AC6A;
}

.vjs-checkbox{position:absolute;left:-30px;color:#1f2d3d;user-select:none}.vjs-checkbox.is-checked .vjs-checkbox__inner{background-color:#1890ff;border-color:#0076e4}.vjs-checkbox.is-checked .vjs-checkbox__inner:after{transform:rotate(45deg) scaleY(1)}.vjs-checkbox .vjs-checkbox__inner{display:inline-block;position:relative;border:1px solid #bfcbd9;border-radius:2px;vertical-align:middle;box-sizing:border-box;width:16px;height:16px;background-color:#fff;z-index:1;cursor:pointer;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.vjs-checkbox .vjs-checkbox__inner:after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;transform-origin:center}.vjs-checkbox .vjs-checkbox__original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.vjs-radio{position:absolute;left:-30px;color:#1f2d3d;user-select:none}.vjs-radio.is-checked .vjs-radio__inner{background-color:#1890ff;border-color:#0076e4}.vjs-radio.is-checked .vjs-radio__inner:after{transform:translate(-50%,-50%) scale(1)}.vjs-radio .vjs-radio__inner{border:1px solid #bfcbd9;border-radius:100%;width:16px;height:16px;vertical-align:middle;background-color:#fff;position:relative;cursor:pointer;display:inline-block;box-sizing:border-box}.vjs-radio .vjs-radio__inner:after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.vjs-radio .vjs-radio__original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.vjs-tree{font-family:Monaco,Menlo,Consolas,Bitstream Vera Sans Mono,monospace;font-size:14px}.vjs-tree.is-root{position:relative}.vjs-tree.is-root.has-selectable-control{margin-left:30px}.vjs-tree.is-mouseover{background-color:#e6f7ff}.vjs-tree.is-highlight-selected{background-color:#ccefff}.vjs-tree .vjs-tree__content{padding-left:1em}.vjs-tree .vjs-tree__content.has-line{border-left:1px dotted #bfcbd9}.vjs-tree .vjs-tree__brackets{cursor:pointer}.vjs-tree .vjs-tree__brackets:hover{color:#1890ff}.vjs-tree .vjs-comment{color:#bfcbd9}.vjs-tree .vjs-value__null{color:#ff4949}.vjs-tree .vjs-value__boolean,.vjs-tree .vjs-value__number{color:#1d8ce0}.vjs-tree .vjs-value__string{color:#13ce66}

.sidenav-container {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
	box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
}

.label { 
	padding: .25rem .3rem;
	margin: -1rem .25rem;
	font-weight: bold; 
	border-radius: 0.1rem;
}


.box-svg-frame{
	position: relative;
}
.box-svg-frame a{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 2;
	left: 0;
}
.box-svg-frame iframe{
	z-index: -1;
	max-width: 100%;
}

.box-customizer {
	cursor: pointer;
}
.box-customizer img{
	z-index: -1;
	max-width: 100%;
	max-height: 100px;
}


.tabs-btn li.tab-title{
	float: none;
	display: inline-block;
	margin: 5px;
}
.tabs-btn li.tab-title a{
	border: 1px solid #000;
	padding: 5px 15px;
}
.tabs-btn li.tab-title.active a{
	background: #000;
	color:#fff
}

.bloco-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

/* Card Videos */
.card {
	flex-basis: calc(33.33% - 20px);
	width: 300px;
	margin: 10px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07);
	padding: 1rem;
	transition: box-shadow 0.2s ease-in-out;
}

.card:hover {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);
}

.card h5 {
	margin-top: 0;
	word-wrap: break-word;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1; 
	line-clamp: 1; 
	-webkit-box-orient: vertical;
}

.card p {
	margin-bottom: 0;
	word-wrap: break-word;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	line-clamp: 2; 
	-webkit-box-orient: vertical;
}


.block-img-admin a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-wall {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 55px;
}
.image-wall-column {
	flex: 25%;
	max-width: 25%;
	padding: 0 4px;
	position: relative;
	overflow: hidden;
	border: 35px solid #fff;
}
.image-wall-column:hover img {
	opacity: .7;
}
.image-wall-column img {
	margin-top: 8px;
	vertical-align: middle;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.image-wall-column.hide {
	display: none;
}
.image-wall-title {
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
    height: 12%;
	min-width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    left: 11%;
    position: absolute;
    bottom: 5%;
    color: white;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 20px;
}

.btn-group {
	display: flex;
	justify-content: center;
}

#newsletter-modal.reveal-modal {
	max-width: 710px;
}

/* Tablet landscape */
@media only screen and (max-width: 1100px) {
	.image-wall-column {
		flex: 50%;
		max-width: 50%;
	}
	.image-wall-title {
		height: 10%;
		font-size: 20px;
		min-width: 64%;
		left: 18%;
	}
}

@media only screen and (max-width: 767px) {
	.card {
		flex-basis: 100%;
		width: 100%;
		margin: 10px 0;
	}
}

@media only screen and (max-width: 1300px) {
	.btn-group {
		flex-wrap: wrap;
	}
}

/* Mobile */
@media only screen and (max-width: 40em) {
	
	.orbit-homepage .orbit-image, .orbit-homepage .orbit-video{
		height: 70vh;
	}

	.orbit-homepage .orbit-image{
		background-image: var(--data-orbit-sm, var(--data-orbit-lg));
	}

	.banner-secundario .columns{text-align: center;}
	.banner-secundario img{max-height: 175px;}

	header > .row{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	header .columns{margin-top: 0 !important;}
	header img, .logo-header{max-width: 90px;}
	header [data-reveal-id="loginModal"] span{display: none;}
	header .top-bar {height: auto;}

	[data-reveal-id="loginModal"], .header-menu .product-menu.top-bar-section li:not(.has-form) a:not(.button) {
		--padding-vertical: 10px;
		--padding-lateral: 13.5px;
		font-size: 12px;
		line-height: 14px;
		padding: var(--padding-vertical) var(--padding-lateral);
	}

	.image-wall-column {
		flex: 100%;
		max-width: 100%;
	}
	.image-wall-title {
		height: 13%;
		font-size: 20px;
		min-width: 85%;
		left: 8%;
	}

	.header-menu{margin-top: 0 !important;}
	
	/* newslleter form */
	#newsletter-modal form.needsclick.klaviyo-form  {
		display: block !important;
	}
	.needsclick.kl-private-reset-css-Xuajs1 {
		min-width: unset !important;
		min-height: unset !important;
		width: 100% !important;
	}
	.needsclick.kl-private-reset-css-Xuajs1 img {
		margin-bottom: 10px !important;
	}
}

/* Medium */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

	.orbit-homepage .orbit-image, .orbit-homepage .orbit-video{
		height: 350px;
	}

	header > .row{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	header .columns{margin-top: 0 !important;}
}

/* Desktop */
@media only screen and (min-width: 64.063em) { 
	
}