/* Reset */
body,figure{margin: 0}
p,h1,h2,h3,h4,h5,h6,ul{margin-top: 0;line-height: 1.5;}
img{vertical-align: bottom; width: 100%}
a{color:var(--color-1);text-decoration: none;cursor: var(--pointer)}
hr {background:rgba(255,255,255,0.5);height:1px;border:none}
ul {padding-left: 0;list-style: none}
ul li{position:relative;margin-bottom: 1.5rem;}
ul li:before{
	position: absolute;
    content: '';
    width: .5rem;
    height: .5rem;
    top: 1rem;
    left: -2rem;
    background-color: currentColor;
}
/* Position */
.rel,.field-wrap {position:relative}
.abs {position:absolute}
.fixed{position: fixed}
.abs-center{top: 50%;left:50%;transform: translate(-50%,-50%)}
.abs-center-y{top: 50%;transform: translateY(-50%)}
.abs-center-x{left: 50%;transform: translateX(-50%)}

/* Text */
.font-weight-light{font-weight: 300}
.font-weight-bold{font-weight: 700}
.text-uppercase{text-transform: uppercase}
.text-capitalize{text-transform: capitalize}
.text-lowercase{text-transform: lowercase}

/* Buttons */
.btn, [class*="btn-"]{
	display: inline-flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: var(--font-family);
	font-size: var(--body-size);
	background-color: transparent;
    -webkit-appearance: none;
	padding: var(--btn-padding);
	line-height: var(--line-height);
	text-decoration: none;
	border: none;
	height: fit-content;
	outline: none;
	cursor: var(--pointer);
	transition: all 0.3s ease;
}

.btn-sm{
	font-size: var(--small);
	padding: .2rem .9rem .3rem .9rem;
}

.btn-lg{padding: 1rem;font-size: var(--body-size)}

.btn-primary{background-color: var(--color-1);color: #fff}
.btn-primary:hover{background-color: var(--color-2)}

.btn-outline {border: 1px solid currentColor;color: currentColor}
.btn-outline:hover{background-color: #fff;color:#000}

.btn-light{color: #fff;border-color: #fff}
.btn-light:hover{color: var(--color-1) !important}

.back-img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}

.overhidden{overflow: hidden}

.shadow{
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.boxed {border: 1rem solid #fff}

.iframe-responsive,.video-responsive{width: 100%;height: calc((100vw - 4rem) * (9/16));max-height: calc(800px * 9/16)}

.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}

.debug {width: 100%;padding: 0;margin: 0;overflow: auto;overflow-y: hidden;line-height: 20px;background: #000;color: green ;padding: 2rem;margin: 2rem 0}

.wow{visibility: hidden}

.poster {width: 100%;height: 100vh}

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

.trans,.link,main,footer,#menu{transition: all 0.3s ease}

.back-cover,.back-fix {background-position:center;background-size:cover}

.back-fix {background-attachment: fixed}

[class*="icon-"]{width: 1.5rem}
.icon-left{margin-right: 1rem}
.icon-right{margin-left: 1rem}

.link{text-decoration: none}
.link:hover{text-decoration: underline}

.ps-mail:before {content: attr(data-mail)}

.blind-list {list-style:none;padding-left:0}

.nowrap {white-space:nowrap}

.underline:hover {text-decoration:underline}

.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}

.loader{display: none;position: absolute;left: 0;top: -5rem;width: 100%;height: 100%;background-image: url(img/loader.gif);background-size: 4.3rem;background-position: left top;background-repeat: no-repeat}

.scroller {position:absolute;width:100%;height:100%;left:0;top:0;overflow:auto}

/* Accordion */
.acc-btn {cursor: var(--pointer)}
.acc-content {display: none;padding-bottom: 3rem;}
.acc-content.default {display: block}

.z-10{z-index: 10}.z-20{z-index: 20}.z-30{z-index: 30}.z-40{z-index: 40}.z-50{z-index: 50}.z-60{z-index: 60}.z-70{z-index: 70}.z-80{z-index: 80}.z-90{z-index: 90}.z-100{z-index: 100}

/* Cursor */
.brand, .btn-modal, .pointer{cursor: var(--pointer)}

#whatsapp {
    position: fixed;
    width:18rem;
    height: 3.5rem;
    bottom: 2rem;
    right: 4.5rem;
    z-index: 99999;
    background: var(--color-1);
    border: 2px solid var(
    --color-1);
    border-radius: 50px;
    cursor: var(--pointer);
}

#whatsapp:hover {
  background-color: var(--color-2);
  border-color: var(--color-2);
}

#whatsapp a{display: block}

#whatsapp img {
    position: absolute;
    width: 15%;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
}

#whatsapp span {
    position: absolute;
    white-space: nowrap;
    color: #fff;
    left: 0;
    top: 50%;
    transform: translate(15%,-50%);
}

/* Multiply */
.multiply:before{
	position: absolute;
	content:'';
	width: 100%;
	height: 100%;
	background-color: var(--color-1);
	top: 0;
	left: 0;
	mix-blend-mode: multiply;
	z-index: 1;
	pointer-events: none;
}
/* OverDark */
.overdark:before,
.overdark-bottom:after{
    position: absolute;
    content:'';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
    opacity: .5;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.overdark-top:before{
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.overdark-bottom:after{
top: inherit;
bottom: 0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

/* Modal */
.overlay{
	position: fixed;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	top: 3rem;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	background-color: #fff;
	opacity:0;
	visibility: hidden;
	z-index: 1;
	pointer-events: none;
	transition: all .3s ease-in-out;
	will-change: top;
}

.overlay[data-show="on"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	top: 0;
	pointer-events: inherit;
	opacity:1;
	visibility: visible !important;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	z-index: 99999999;
}

.close{
	position: relative;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
	z-index: 999999;
}

.close:before, .close:after {position: absolute;content: '';top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: .3rem;height: 3.2rem;background:currentColor}
.close:before{-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg)}
.close:after{-webkit--transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg)}

.overlay .close{
	position: absolute;
	top: 4rem;
	right: 4rem;
	color: #fff
}