html { line-height: 1.15; -webkit-text-size-adjust: 100% }
body { margin: 0 }
h1 { font-size: 2em; margin: .67em 0 }
hr { box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace, monospace; font-size: 1em }
a { background-color: transparent }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b, strong { font-weight: bolder }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -.25em }
sup { top: -.5em }
img { border-style: none }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 }
button, input { overflow: visible }
button, select { text-transform: none }
[type=button], [type=reset], [type=submit], button { -webkit-appearance: button }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 }
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText }
fieldset { padding: .35em .75em .625em }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { vertical-align: baseline }
textarea { overflow: auto }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px }
[type=search]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }
details { display: block }
summary { display: list-item }
template { display: none }
[hidden] { display: none }
body.compensate-for-scrollbar { overflow: hidden }
.fancybox-active { height: auto }
.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden }
.fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; height: 100%; left: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992 }
.fancybox-container * { box-sizing: border-box }
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 }
.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto }
.fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71) }
.fancybox-is-open .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(.22, .61, .36, 1) }
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s, visibility 0s linear .25s; visibility: hidden; z-index: 99997 }
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s, visibility 0s; visibility: visible }
.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; text-align: center; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.fancybox-toolbar { right: 0; top: 0 }
.fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); z-index: 99994 }
.fancybox-is-open .fancybox-stage { overflow: hidden }
.fancybox-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; height: 100%; left: 0; outline: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994 }
.fancybox-slide:before { content: ""; display: inline-block; height: 100%; margin-right: -.25em; vertical-align: middle; width: 0 }
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block }
.fancybox-slide--next { z-index: 99995 }
.fancybox-slide--image { overflow: visible; padding: 44px 0 }
.fancybox-slide--image:before { display: none }
.fancybox-slide--html { padding: 6px 6px 0 }
.fancybox-slide--iframe { padding: 44px 44px 0 }
.fancybox-content { background: #fff; display: inline-block; margin: 0 0 6px; max-width: 100%; overflow: auto; padding: 0; padding: 24px; position: relative; text-align: left; vertical-align: middle }
.fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1); animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; background: 0 0; background-repeat: no-repeat; background-size: 100% 100%; left: 0; margin: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 }
.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out }
.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in }
.fancybox-can-drag .fancybox-content { cursor: -webkit-grab; cursor: grab }
.fancybox-is-dragging .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing }
.fancybox-container [data-selectable=true] { cursor: text }
.fancybox-image, .fancybox-spaceball { background: 0 0; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% }
.fancybox-spaceball { z-index: 1 }
.fancybox-slide--html .fancybox-content { margin-bottom: 6px }
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; margin: 0; overflow: visible; padding: 0; width: 100% }
.fancybox-slide--video .fancybox-content { background: #000 }
.fancybox-slide--map .fancybox-content { background: #e5e3df }
.fancybox-slide--iframe .fancybox-content { background: #fff; height: calc(100% - 44px); margin-bottom: 44px }
.fancybox-iframe, .fancybox-video { background: 0 0; border: 0; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% }
.fancybox-iframe { vertical-align: top }
.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% }
.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 }
.fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; cursor: pointer; display: inline-block; height: 44px; margin: 0; outline: 0; padding: 10px; transition: color .2s; vertical-align: top; width: 44px }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc }
.fancybox-button:focus, .fancybox-button:hover { color: #fff }
.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default }
.fancybox-button svg { display: block; overflow: visible; position: relative; shape-rendering: geometricPrecision }
.fancybox-button svg path { fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3 }
.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) { display: none }
.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path { fill: currentColor }
.fancybox-button--share svg path { stroke-width: 1 }
.fancybox-navigation .fancybox-button { height: 38px; opacity: 0; padding: 6px; position: absolute; top: 50%; width: 38px }
.fancybox-show-nav .fancybox-navigation .fancybox-button { transition: opacity .25s, visibility 0s, color .25s }
.fancybox-navigation .fancybox-button:after { content: ""; left: -25px; padding: 50px; position: absolute; top: -25px }
.fancybox-navigation .fancybox-button--arrow_left { left: 6px }
.fancybox-navigation .fancybox-button--arrow_right { right: 6px }
.fancybox-close-small { background: 0 0; border: 0; border-radius: 0; color: #555; cursor: pointer; height: 44px; margin: 0; padding: 6px; position: absolute; right: 0; top: 0; width: 44px; z-index: 10 }
.fancybox-close-small svg { fill: transparent; opacity: .8; stroke: currentColor; stroke-width: 1.5; transition: stroke .1s }
.fancybox-close-small:focus { outline: 0 }
.fancybox-close-small:hover svg { opacity: 1 }
.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small { color: #ccc; padding: 5px; right: -12px; top: -44px }
.fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg { background: 0 0; color: #fff }
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none }
.fancybox-caption { bottom: 0; color: #fff; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px; right: 0 }
.fancybox-caption:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -25px; z-index: -1 }
.fancybox-caption:after { border-bottom: 1px solid hsla(0, 0%, 100%, .3); content: ""; display: block; left: 44px; position: absolute; right: 44px; top: 0 }
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none }
.fancybox-caption a:hover { color: #fff; text-decoration: underline }
.fancybox-loading { -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: 0 0; border: 6px solid hsla(0, 0%, 39%, .5); border-radius: 100%; border-top-color: #fff; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: .6; padding: 0; position: absolute; top: 50%; width: 60px; z-index: 99999 }
@-webkit-keyframes a {
0% { -webkit-transform: rotate(0); transform: rotate(0) }
to { -webkit-transform: rotate(359deg); transform: rotate(359deg) }
}
@keyframes a {
0% { -webkit-transform: rotate(0); transform: rotate(0) }
to { -webkit-transform: rotate(359deg); transform: rotate(359deg) }
}
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1) }
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
.fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
.fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1) }
.fancybox-fx-fade.fancybox-slide--current { opacity: 1 }
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5) }
.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(.5, .5, .5); transform: scale3d(.5, .5, .5) }
.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) }
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-1turn); transform: rotate(-1turn) }
.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(1turn); transform: rotate(1turn) }
.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0) }
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) }
.fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) }
.fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0) }
.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) }
.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) }
.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) }
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center }
.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px }
.fancybox-share p { margin: 0; padding: 0 }
.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap }
.fancybox-share__button:link, .fancybox-share__button:visited { color: #fff }
.fancybox-share__button:hover { text-decoration: none }
.fancybox-share__button--fb { background: #3b5998 }
.fancybox-share__button--fb:hover { background: #344e86 }
.fancybox-share__button--pt { background: #bd081d }
.fancybox-share__button--pt:hover { background: #aa0719 }
.fancybox-share__button--tw { background: #1da1f2 }
.fancybox-share__button--tw:hover { background: #0d95e8 }
.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px }
.fancybox-share__button svg path { fill: #fff }
.fancybox-share__input { background: 0 0; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: 0; padding: 10px 15px; width: 100% }
.fancybox-thumbs { background: #fff; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995 }
.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden }
.fancybox-show-thumbs .fancybox-thumbs { display: block }
.fancybox-show-thumbs .fancybox-inner { right: 212px }
.fancybox-thumbs>ul { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% }
.fancybox-thumbs-x>ul { overflow: hidden }
.fancybox-thumbs-y>ul::-webkit-scrollbar { width: 7px }
.fancybox-thumbs-y>ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) }
.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px }
.fancybox-thumbs>ul>li { -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: 0; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px }
.fancybox-thumbs-loading { background: rgba(0, 0, 0, .1) }
.fancybox-thumbs>ul>li { background-position: 50%; background-repeat: no-repeat; background-size: cover }
.fancybox-thumbs>ul>li:before { border: 4px solid #4ea7f9; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 }
.fancybox-thumbs .fancybox-thumbs-active:before { opacity: 1 }
@media (max-width:800px) {
.fancybox-thumbs { width: 110px }
.fancybox-show-thumbs .fancybox-inner { right: 110px }
.fancybox-thumbs>ul>li { max-width: calc(100% - 10px) }
}
/*!
* Bootstrap Grid v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@-ms-viewport { width: device-width }
html { box-sizing: border-box; -ms-overflow-style: scrollbar }
*, ::after, ::before { box-sizing: inherit }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
@media (min-width:576px) {
.container { max-width: 540px }
}
@media (min-width:768px) {
.container { max-width: 720px }
}
@media (min-width:992px) {
.container { max-width: 960px }
}
@media (min-width:1200px) {
.container { max-width: 1140px }
}
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px }
.no-gutters { margin-right: 0; margin-left: 0 }
.no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px }
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none }
.col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 }
.order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 }
.order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 }
.order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }
.order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 }
.order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 }
.order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 }
.order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 }
.order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 }
.order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 }
.order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 }
.order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 }
.order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 }
.offset-1 { margin-left: 8.333333% }
.offset-2 { margin-left: 16.666667% }
.offset-3 { margin-left: 25% }
.offset-4 { margin-left: 33.333333% }
.offset-5 { margin-left: 41.666667% }
.offset-6 { margin-left: 50% }
.offset-7 { margin-left: 58.333333% }
.offset-8 { margin-left: 66.666667% }
.offset-9 { margin-left: 75% }
.offset-10 { margin-left: 83.333333% }
.offset-11 { margin-left: 91.666667% }
@media (min-width:576px) {
.col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none }
.col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 }
.order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 }
.order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 }
.order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }
.order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 }
.order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 }
.order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 }
.order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 }
.order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 }
.order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 }
.order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 }
.order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 }
.order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 }
.offset-sm-0 { margin-left: 0 }
.offset-sm-1 { margin-left: 8.333333% }
.offset-sm-2 { margin-left: 16.666667% }
.offset-sm-3 { margin-left: 25% }
.offset-sm-4 { margin-left: 33.333333% }
.offset-sm-5 { margin-left: 41.666667% }
.offset-sm-6 { margin-left: 50% }
.offset-sm-7 { margin-left: 58.333333% }
.offset-sm-8 { margin-left: 66.666667% }
.offset-sm-9 { margin-left: 75% }
.offset-sm-10 { margin-left: 83.333333% }
.offset-sm-11 { margin-left: 91.666667% }
}
@media (min-width:768px) {
.col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none }
.col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 }
.order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 }
.order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 }
.order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }
.order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 }
.order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 }
.order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 }
.order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 }
.order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 }
.order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 }
.order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 }
.order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 }
.order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 }
.offset-md-0 { margin-left: 0 }
.offset-md-1 { margin-left: 8.333333% }
.offset-md-2 { margin-left: 16.666667% }
.offset-md-3 { margin-left: 25% }
.offset-md-4 { margin-left: 33.333333% }
.offset-md-5 { margin-left: 41.666667% }
.offset-md-6 { margin-left: 50% }
.offset-md-7 { margin-left: 58.333333% }
.offset-md-8 { margin-left: 66.666667% }
.offset-md-9 { margin-left: 75% }
.offset-md-10 { margin-left: 83.333333% }
.offset-md-11 { margin-left: 91.666667% }
}
@media (min-width:992px) {
.col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none }
.col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 }
.order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 }
.order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 }
.order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }
.order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 }
.order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 }
.order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 }
.order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 }
.order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 }
.order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 }
.order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 }
.order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 }
.order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 }
.offset-lg-0 { margin-left: 0 }
.offset-lg-1 { margin-left: 8.333333% }
.offset-lg-2 { margin-left: 16.666667% }
.offset-lg-3 { margin-left: 25% }
.offset-lg-4 { margin-left: 33.333333% }
.offset-lg-5 { margin-left: 41.666667% }
.offset-lg-6 { margin-left: 50% }
.offset-lg-7 { margin-left: 58.333333% }
.offset-lg-8 { margin-left: 66.666667% }
.offset-lg-9 { margin-left: 75% }
.offset-lg-10 { margin-left: 83.333333% }
.offset-lg-11 { margin-left: 91.666667% }
}
@media (min-width:1200px) {
.col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none }
.col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 }
.order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 }
.order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 }
.order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }
.order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 }
.order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 }
.order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 }
.order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 }
.order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 }
.order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 }
.order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 }
.order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 }
.order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 }
.offset-xl-0 { margin-left: 0 }
.offset-xl-1 { margin-left: 8.333333% }
.offset-xl-2 { margin-left: 16.666667% }
.offset-xl-3 { margin-left: 25% }
.offset-xl-4 { margin-left: 33.333333% }
.offset-xl-5 { margin-left: 41.666667% }
.offset-xl-6 { margin-left: 50% }
.offset-xl-7 { margin-left: 58.333333% }
.offset-xl-8 { margin-left: 66.666667% }
.offset-xl-9 { margin-left: 75% }
.offset-xl-10 { margin-left: 83.333333% }
.offset-xl-11 { margin-left: 91.666667% }
}
.d-none { display: none !important }
.d-inline { display: inline !important }
.d-inline-block { display: inline-block !important }
.d-block { display: block !important }
.d-table { display: table !important }
.d-table-row { display: table-row !important }
.d-table-cell { display: table-cell !important }
.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
.d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important }
@media (min-width:576px) {
.d-sm-none { display: none !important }
.d-sm-inline { display: inline !important }
.d-sm-inline-block { display: inline-block !important }
.d-sm-block { display: block !important }
.d-sm-table { display: table !important }
.d-sm-table-row { display: table-row !important }
.d-sm-table-cell { display: table-cell !important }
.d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
.d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important }
}
@media (min-width:768px) {
.d-md-none { display: none !important }
.d-md-inline { display: inline !important }
.d-md-inline-block { display: inline-block !important }
.d-md-block { display: block !important }
.d-md-table { display: table !important }
.d-md-table-row { display: table-row !important }
.d-md-table-cell { display: table-cell !important }
.d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
.d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important }
}
@media (min-width:992px) {
.d-lg-none { display: none !important }
.d-lg-inline { display: inline !important }
.d-lg-inline-block { display: inline-block !important }
.d-lg-block { display: block !important }
.d-lg-table { display: table !important }
.d-lg-table-row { display: table-row !important }
.d-lg-table-cell { display: table-cell !important }
.d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
.d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important }
}
@media (min-width:1200px) {
.d-xl-none { display: none !important }
.d-xl-inline { display: inline !important }
.d-xl-inline-block { display: inline-block !important }
.d-xl-block { display: block !important }
.d-xl-table { display: table !important }
.d-xl-table-row { display: table-row !important }
.d-xl-table-cell { display: table-cell !important }
.d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
.d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important }
}
@media print {
.d-print-none { display: none !important }
.d-print-inline { display: inline !important }
.d-print-inline-block { display: inline-block !important }
.d-print-block { display: block !important }
.d-print-table { display: table !important }
.d-print-table-row { display: table-row !important }
.d-print-table-cell { display: table-cell !important }
.d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
.d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important }
}
.flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important }
.flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important }
.flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
.flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
.justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important }
.justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important }
.justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important }
.justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important }
.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important }
.align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important }
.align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important }
.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important }
.align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important }
.align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important }
.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important }
.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important }
.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important }
.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important }
.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important }
.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important }
.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important }
.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
.align-self-center { -ms-flex-item-align: center !important; align-self: center !important }
.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important }
.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important }
@media (min-width:576px) {
.flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important }
.flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important }
.flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
.flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
.flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
.flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
.flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
.justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important }
.justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important }
.justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important }
.justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important }
.justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important }
.align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important }
.align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important }
.align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important }
.align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important }
.align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important }
.align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important }
.align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important }
.align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important }
.align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important }
.align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important }
.align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important }
.align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important }
.align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
.align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
.align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important }
.align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important }
.align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important }
}
@media (min-width:768px) {
.flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important }
.flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important }
.flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
.flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
.flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
.flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
.flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
.justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important }
.justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important }
.justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important }
.justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important }
.justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important }
.align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important }
.align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important }
.align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important }
.align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important }
.align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important }
.align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important }
.align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important }
.align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important }
.align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important }
.align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important }
.align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important }
.align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important }
.align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
.align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
.align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important }
.align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important }
.align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important }
}
@media (min-width:992px) {
.flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important }
.flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important }
.flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
.flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
.flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
.flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
.flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
.justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important }
.justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important }
.justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important }
.justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important }
.justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important }
.align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important }
.align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important }
.align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important }
.align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important }
.align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important }
.align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important }
.align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important }
.align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important }
.align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important }
.align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important }
.align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important }
.align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important }
.align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
.align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
.align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important }
.align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important }
.align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important }
}
@media (min-width:1200px) {
.flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important }
.flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important }
.flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
.flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
.flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
.flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
.flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
.justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important }
.justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important }
.justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important }
.justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important }
.justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important }
.align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important }
.align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important }
.align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important }
.align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important }
.align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important }
.align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important }
.align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important }
.align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important }
.align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important }
.align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important }
.align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important }
.align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important }
.align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
.align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
.align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important }
.align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important }
.align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important }
}
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut {
0% { opacity: 1 }
100% { opacity: 0 }
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(../vendor/owl/owl.video.play.html) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
* { line-height: 100%; text-decoration: none; margin: 0; padding: 0; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; list-style-type: none }
form input { line-height: initial }
form input, form select, form textarea { outline: 0 !important }
form input:active, form input:focus, form select:active, form select:focus, form textarea:active, form textarea:focus { outline: 0 !important }
a, a:active, a:focus, a:hover, a:link, a:visited { text-decoration: none !important; outline: 0 !important }
button { background-color: transparent; border: none; padding: 0; cursor: pointer }
button, button:active, button:focus { outline: 0 !important }
h1, h2, h3, h4, h5, h6 { line-height: 100%; margin: 0 }
ol, ul { margin: 0; list-style-type: none }
label { font-weight: 400 }
html { scroll-behavior: smooth }
body { font-size: 16px; font-family: Poppins, sans-serif; background-color: #fff8eb; color: #605b39 }
body .title { font-size: 48px; font-weight: 700; color: #65734e; text-transform: uppercase; text-align: center }
@media (max-width:768px) {
body .title { font-size: 32px }
}
body .subtitle { font-size: 22px; font-weight: 500; color: #65734e; line-height: 1.2; letter-spacing: 1.4px; text-transform: uppercase; text-align: center }
body::before { content: ""; background-color: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 200; opacity: 0; pointer-events: none; -webkit-transition: opacity .6s; transition: opacity .6s }
body.shadow { width: 100%; overflow: hidden }
body.shadow::before { opacity: .6; pointer-events: initial }
body .modal-window { position: fixed; background-color: rgba(0, 0, 0, .45); top: 0; right: 0; bottom: 0; left: 0; z-index: 100; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: all .3s; transition: all .3s }
body .modal-window:target { visibility: visible; opacity: 1; pointer-events: auto }
body .modal-window>div { width: 90vw; max-width: 1000px; max-height: 90vh; overflow: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 2em; background: #fff }
body .modal-window p { line-height: 1.3 }
body .modal-close { color: #000; font-weight: 700; line-height: 50px; font-size: 24px; position: absolute; right: 0; text-align: center; top: 0; width: 70px; text-decoration: none }
body .modal-close:hover { color: #000 }
body .cookieConsentContainer { z-index: 100; width: 370px; min-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 30px 30px 30px; background: #232323; overflow: hidden; position: fixed; bottom: 30px; right: 30px; display: none }
body .cookieConsentContainer .cookieTitle a { color: #fff; font-size: 22px; line-height: 20px; display: block }
body .cookieConsentContainer .cookieDesc p { margin: 0; padding: 0; color: #fff; font-size: 13px; line-height: 20px; display: block; margin-top: 10px }
body .cookieConsentContainer .cookieDesc a { color: #fff; text-decoration: underline !important }
body .cookieConsentContainer .cookieButton a { display: inline-block; color: #fff; font-size: 14px; font-weight: 700; margin-top: 14px; background-color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 24px; text-align: center; -webkit-transition: background-color .3s ease; transition: background-color .3s ease }
body .cookieConsentContainer .cookieButton a:hover { cursor: pointer; background: #1a9aab }
@media (max-width:900px) {
body .cookieConsentContainer { bottom: 0; left: 0; width: 100% }
}
.container { width: 100%; max-width: 1200px; margin: 0 auto }
@media (max-width:1300px) {
.container { padding: 0 25px }
}
@media screen and (device-aspect-ratio:40 / 71) {
.container { padding: 0 15px }
}
#main-footer { width: 100%; padding: 80px 0 30px 0; position: relative; overflow: hidden; z-index: 0; background-color: #a1ab84 }
@media (max-width:768px) {
#main-footer { padding: 40px 0; height: unset }
}
#main-footer .background { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; pointer-events: none }
#main-footer .background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
#main-footer .container { height: 100% }
#main-footer .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% }
@media (max-width:768px) {
#main-footer .flex-wrapper { padding: 0 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly }
}
#main-footer .flex-wrapper .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative }
@media (max-width:768px) {
#main-footer .flex-wrapper .left { margin-bottom: 30px }
}
#main-footer .flex-wrapper .left .logo-wrapper { max-width: 360px; margin-bottom: 30px }
@media (max-width:768px) {
#main-footer .flex-wrapper .left .logo-wrapper { max-width: 300px }
}
#main-footer .flex-wrapper .left .logo-wrapper img { width: 100% }
@media (max-width:768px) {
#main-footer .flex-wrapper .middle { margin-bottom: 40px }
}
#main-footer .flex-wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative }
#main-footer .flex-wrapper .right .right-title { margin-bottom: 20px }
@media (max-width:768px) {
#main-footer .flex-wrapper .right .right-title { display: -webkit-box; display: -ms-flexbox; display: flex }
}
#main-footer .flex-wrapper .right .right-title .title { color: #65734e; text-transform: uppercase; font-size: 20px; font-weight: 600 }
#main-footer .flex-wrapper .right .pitchon { margin-bottom: 40px }
@media (max-width:768px) {
#main-footer .flex-wrapper .right .pitchon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative }
#main-footer .flex-wrapper .right .pitchon:before { content: ""; position: absolute; width: 250px; height: 1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -50px; background-color: #887858 }
}
#main-footer .flex-wrapper .right .pitchon img { max-width: 230px }
@media (max-width:768px) {
#main-footer .flex-wrapper .right .pitchon img { max-width: 200px }
}
#main-footer .flex-wrapper .right .social-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
@media (max-width:768px) {
#main-footer .flex-wrapper .right .social-wrapper { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
}
#main-footer .flex-wrapper .right .social-wrapper .whatsapp { position: relative; right: -15px; z-index: 45 }
#main-footer .flex-wrapper .right .social-wrapper .whatsapp a { background-image: linear-gradient(-61deg, #56aa00 0, #7ef800 50%, #56aa00 100%); background-size: 200% 100%; background-position: left center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 1px 1px 0; width: 46px; height: 46px; border-radius: 50%; position: relative; z-index: 2; -webkit-transition: background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: box-shadow 350ms ease, background-position 750ms ease; transition: box-shadow 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease; -webkit-box-shadow: 0 0 10px 6px rgba(86, 170, 0, .3); box-shadow: 0 0 10px 6px rgba(86, 170, 0, .3) }
#main-footer .flex-wrapper .right .social-wrapper .whatsapp a svg { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(.8); transform: scale(.8) }
#main-footer .flex-wrapper .right .social-wrapper .whatsapp:hover a:hover { -webkit-box-shadow: 0 0 14px 12px rgba(86, 170, 0, .4); box-shadow: 0 0 14px 12px rgba(86, 170, 0, .4); background-position: right center }
#main-footer .flex-wrapper .right .social-wrapper .link { -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; color: #f2f1ef; font-weight: 400; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
#main-footer .flex-wrapper .right .social-wrapper .link svg { margin-right: 8px }
#main-footer .flex-wrapper .right .social-wrapper .link:hover { opacity: .7 }
#main-footer .flex-wrapper .right .social-wrapper .link.phone { font-size: 18px; margin-top: 10px }
#main-footer .flex-wrapper .right .social-wrapper .link.site { text-transform: uppercase; letter-spacing: 2px; margin-top: 14px; font-weight: 300 }
#main-footer .copyright { margin-top: 70px }
@media (max-width:768px) {
#main-footer .copyright { margin-top: 40px; text-align: center }
}
#main-footer .copyright-text { color: #687059; font-size: 12px; font-weight: 300 }
@media (max-width:768px) {
#main-footer .copyright-text { font-size: 10px }
}
.screen-progress { background-color: #65734e; color: #fff; text-align: center; min-width: 300px; position: fixed; top: 50%; left: 50%; z-index: 205; margin-top: 15px; padding: 40px 20px 32px; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: margin-top .7s cubic-bezier(.5, 0, 0, 1), opacity .7s cubic-bezier(0, 0, .3, 1); transition: margin-top .7s cubic-bezier(.5, 0, 0, 1), opacity .7s cubic-bezier(0, 0, .3, 1); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1); box-shadow: 0 5px 10px rgba(0, 0, 0, .1) }
.screen-progress.open { margin-top: 0; opacity: 1 }
.screen-progress .screen-message { font-size: 18px; font-weight: 400; margin: 0; margin-bottom: 15px; color: #fff; font-family: Arial }
.screen-progress .spinner { display: inline-block; width: 40px; height: 40px; position: relative }
@-webkit-keyframes progress_spinner {
0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 }
50% { opacity: .3 }
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 }
}
@keyframes progress_spinner {
0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 }
50% { opacity: .3 }
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 }
}
.screen-progress .spinner span { background-color: #262f45; border-radius: 50%; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-animation: progress_spinner 1.5s infinite; animation: progress_spinner 1.5s infinite }
.screen-progress .spinner span:nth-child(2) { -webkit-animation-delay: .5s; animation-delay: .5s }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 105; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity .7s cubic-bezier(.5, 0, 0, 1), visibility .7s cubic-bezier(.5, 0, 0, 1); transition: opacity .7s cubic-bezier(.5, 0, 0, 1), visibility .7s cubic-bezier(.5, 0, 0, 1) }
.modal.open { opacity: 1; visibility: visible; pointer-events: initial }
.modal-cta { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px }
.modal-cta .close { color: #000; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 15px; right: 15px }
.modal-cta .close svg path { fill: #000 }
.modal-cta .wrapper { max-width: 350px; width: 100%; margin: 0 auto; padding: 0 }
.modal-cta .wrapper .wrapper-title { color: #000; font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 1.4; letter-spacing: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0; padding: 0 }
.modal-cta .wrapper .form { width: 100%; margin: 0; padding: 25px 25px 30px }
.modal-cta .wrapper .form .field-group { position: relative; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #000; -webkit-transition: border-color .5s cubic-bezier(0, 0, .3, 1); transition: border-color .5s cubic-bezier(0, 0, .3, 1) }
.modal-cta .wrapper .form .field-group:not(:last-child) { margin-bottom: 60px; margin-top: 40px }
.modal-cta .wrapper .form .field-group label { position: relative; bottom: 30px }
.modal-cta .wrapper .form .field-group .placeholder { color: rgba(0, 0, 0, .4); font-size: 16px; font-weight: 500; position: absolute; bottom: 8px; left: 0; pointer-events: none; -webkit-transition: opacity .7s cubic-bezier(0, 0, .3, 1); transition: opacity .7s cubic-bezier(0, 0, .3, 1) }
.modal-cta .wrapper .form .field-group .field { background-color: transparent; color: #000; font-size: 18px; font-weight: 500; margin: 0; padding: 0; position: relative; bottom: 8px; border: none; width: 100%; display: block }
.modal-cta .wrapper .form .field-group.invalid { border-color: red }
.modal-cta .wrapper .form .field-group.focus .placeholder, .modal-cta .wrapper .form .field-group.not-empty .placeholder { opacity: 0 }
.modal-cta .wrapper .form .form-submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 30px 0 0; padding: 0 }
.modal-cta .wrapper .form .form-submit button { background-color: #21262c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; position: relative; font-size: 16px; font-weight: 600; text-transform: uppercase; width: 100%; height: 60px; letter-spacing: 1px; -webkit-box-shadow: 0 15px 22px 0 rgba(19, 27, 46, .44); box-shadow: 0 15px 22px 0 rgba(19, 27, 46, .44); -webkit-transition: letter-spacing 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: letter-spacing 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: letter-spacing 350ms ease, box-shadow 350ms ease, background-position 750ms ease; transition: letter-spacing 350ms ease, box-shadow 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease }
.modal-cta .wrapper .form .form-submit button:hover { -webkit-box-shadow: 0 8px 12px 0 rgba(19, 27, 46, .59); box-shadow: 0 8px 12px 0 rgba(19, 27, 46, .59); background-position: right center }
.modal-success { background-color: rgba(0, 0, 0, .7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.modal-success .wrapper { background-color: #fff; position: relative; width: 700px; padding: 70px 0 }
@media (max-width:768px) {
.modal-success .wrapper { width: 90vw }
}
.modal-success .wrapper-description { text-align: center; padding: 0 30px }
@media (max-width:767px) {
.modal-success .wrapper-description { width: 100%; padding: 0 25px }
}
.modal-success .wrapper-description p { color: grey; font-size: 16px; font-weight: 500; line-height: 1.7 }
@media (max-width:768px) {
.modal-success .wrapper-description p br { display: none }
}
.modal-success .wrapper-description p:not(:last-child) { margin-bottom: 25px }
.modal-success .wrapper-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px }
@media (max-width:768px) {
.modal-success .wrapper-actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
}
.modal-success .wrapper-actions button:not(:last-child) { margin-right: 15px }
@media (max-width:768px) {
.modal-success .wrapper-actions button:not(:last-child) { margin: 0 0 35px }
}
.modal-success .wrapper-actions a { background-color: #65734e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; position: relative; font-size: 14px; font-weight: 600; text-transform: uppercase; width: 290px; line-height: 1.4; height: 50px; text-align: center; -webkit-transition: background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: box-shadow 350ms ease, background-position 750ms ease; transition: box-shadow 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease }
.modal-success .wrapper-actions a:hover { -webkit-box-shadow: 0 8px 12px 0 rgba(19, 27, 46, .59); box-shadow: 0 8px 12px 0 rgba(19, 27, 46, .59); background-position: right center }
.modal-whatsapp { background-color: rgba(0, 0, 0, .7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 15px }
.modal-whatsapp .close { color: #000; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: -45px; right: -45px }
@media (max-width:768px) {
.modal-whatsapp .close { right: 0 }
}
.modal-whatsapp .close svg path { fill: #fff }
.modal-whatsapp .wrapper { position: relative; width: 380px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@media screen and (max-width:1366px) {
.modal-whatsapp .wrapper { -webkit-transform: scale(.9); transform: scale(.9) }
}
.modal-whatsapp .wrapper-title { background-color: rgba(53, 48, 33, .8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100px; padding: 0 10px; width: 100%; margin-bottom: -1px }
@media (max-width:768px) {
.modal-whatsapp .wrapper-title { height: 80px }
}
.modal-whatsapp .wrapper-title h3 { font-size: 18px; font-weight: 600; line-height: 1.4; color: #fff; text-transform: uppercase }
@media (max-width:768px) {
.modal-whatsapp .wrapper-title h3 { font-size: 16px }
}
.modal-whatsapp .wrapper-form { position: relative; background-color: rgba(53, 48, 33, .8); width: 100%; padding: 35px }
@media (max-width:768px) {
.modal-whatsapp .wrapper-form { padding: 25px 15px }
}
.modal-whatsapp .wrapper-form .field-group { position: relative; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #fff; -webkit-transition: border-color .5s cubic-bezier(0, 0, .3, 1); transition: border-color .5s cubic-bezier(0, 0, .3, 1) }
.modal-whatsapp .wrapper-form .field-group:not(:last-child) { margin-bottom: 50px; margin-top: 20px }
.modal-whatsapp .wrapper-form .field-group label { position: relative; bottom: 30px; color: #fff }
.modal-whatsapp .wrapper-form .field-group .placeholder { color: rgba(255, 255, 255, .4); font-size: 16px; font-weight: 500; position: absolute; bottom: 8px; left: 0; pointer-events: none; -webkit-transition: opacity .7s cubic-bezier(0, 0, .3, 1); transition: opacity .7s cubic-bezier(0, 0, .3, 1) }
.modal-whatsapp .wrapper-form .field-group .field { background-color: transparent; color: #fff; font-size: 18px; font-weight: 500; margin: 0; padding: 0; position: relative; bottom: 8px; border: none; width: 100%; display: block }
.modal-whatsapp .wrapper-form .field-group.invalid { border-color: red }
.modal-whatsapp .wrapper-form .field-group.focus .placeholder, .modal-whatsapp .wrapper-form .field-group.not-empty .placeholder { opacity: 0 }
.modal-whatsapp .wrapper-form .form-submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: -10px 0 0; padding: 0 }
.modal-whatsapp .wrapper-form .form-submit button { background-image: linear-gradient(-61deg, #d0be8b 0, #e3d5af 50%, #d0be8b 100%); background-size: 200% 100%; background-position: left center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #333132; font-weight: 900; position: relative; font-size: 18px; text-transform: uppercase; width: 100%; height: 60px; letter-spacing: 1px; -webkit-box-shadow: 0 6px 35px 2px rgba(211, 186, 124, .6); box-shadow: 0 6px 35px 2px rgba(211, 186, 124, .6); -webkit-transition: letter-spacing 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: letter-spacing 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: letter-spacing 350ms ease, box-shadow 350ms ease, background-position 750ms ease; transition: letter-spacing 350ms ease, box-shadow 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease }
.modal-whatsapp .wrapper-form .form-submit button:hover { letter-spacing: 1.4px; -webkit-box-shadow: 0 5px 20px 1px rgba(211, 186, 124, .45); box-shadow: 0 5px 20px 1px rgba(211, 186, 124, .45); background-position: right center }
.modal-whatsapp .wrapper-form .terms-option { margin-top: 30px }
.modal-whatsapp .wrapper-form .terms-option .checkbox-whatsapp { background-color: transparent; padding-left: 25px; border: none; position: relative; margin: 0; bottom: -2px }
.modal-whatsapp .wrapper-form .terms-option .checkbox-text { color: #000; font-size: 11px; text-align: left; font-weight: 400 }
.modal-whatsapp .wrapper-form .terms-option .checkbox-text a { font-weight: 700; color: #000 }
.modal-whatsapp .wrapper-form .terms-option.active button::before { background-color: #000; border-color: #000 }
#page-home .mobile-ctas { position: fixed; right: 0; bottom: 0; left: 0; height: 60px; z-index: 45; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none }
@media (min-width:1200px) {
#page-home .mobile-ctas { display: none }
}
#page-home .mobile-ctas .cta { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100% }
#page-home .mobile-ctas .cta button { background-color: #e0cab6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #21262c; position: relative; font-size: 18px; font-weight: 600; text-transform: uppercase; width: 100%; height: 60px; padding-top: 4px; letter-spacing: 2px; -webkit-box-shadow: 0 15px 22px 0 rgba(19, 27, 46, .44); box-shadow: 0 15px 22px 0 rgba(19, 27, 46, .44); -webkit-transition: letter-spacing 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: letter-spacing 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: letter-spacing 350ms ease, box-shadow 350ms ease, background-position 750ms ease; transition: letter-spacing 350ms ease, box-shadow 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease }
#page-home .mobile-ctas .cta button:hover { -webkit-box-shadow: 0 8px 12px 0 rgba(19, 27, 46, .59); box-shadow: 0 8px 12px 0 rgba(19, 27, 46, .59); background-position: right center }
#page-home .section-hero { position: relative; width: 100%; background-color: #f5edec; z-index: 10 }
@media (max-width:768px) {
#page-home .section-hero { min-height: unset; max-height: unset; height: 100vh }
/* #page-home .section-hero:before { content: ''; position: absolute; width: 20vw; height: 100%; background-color: #5f5a3a; left: 0; bottom: 0; z-index: 2 }*/
}
#page-home .section-hero .container { max-width: 1400px }
@media (max-width:1400px) {
#page-home .section-hero .container { max-width: 1200px }
}
#page-home .section-hero .tag { position: absolute; left: 45%; -webkit-transform: translateX(-50%) scale(.8); transform: translateX(-50%) scale(.8); -webkit-transform-origin: bottom center; transform-origin: bottom center; bottom: 0; z-index: 4 }
@media (max-width:1500px) {
#page-home .section-hero .tag { -webkit-transform: translateX(-50%) scale(.68); transform: translateX(-50%) scale(.68) }
}
@media (max-width:768px) {
#page-home .section-hero .tag { -webkit-transform: translateX(-50%) scale(.5); transform: translateX(-50%) scale(.5) }
}
#page-home .section-hero .whatsapp { position: fixed; top: 43px; right: 45px; z-index: 45 }
@media (max-width:768px) {
#page-home .section-hero .whatsapp { top: 30px; right: 25px }
}
#page-home .section-hero .whatsapp a { background-image: linear-gradient(-61deg, #56aa00 0, #7ef800 50%, #56aa00 100%); background-size: 200% 100%; background-position: left center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 1px 1px 0; width: 50px; height: 50px; border-radius: 50%; position: relative; z-index: 2; -webkit-transition: background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: background-position 750ms ease, -webkit-box-shadow 350ms ease; transition: box-shadow 350ms ease, background-position 750ms ease; transition: box-shadow 350ms ease, background-position 750ms ease, -webkit-box-shadow 350ms ease; -webkit-box-shadow: 0 0 10px 6px rgba(86, 170, 0, .3); box-shadow: 0 0 10px 6px rgba(86, 170, 0, .3) }
#page-home .section-hero .whatsapp a svg { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(.8); transform: scale(.8) }
#page-home .section-hero .whatsapp:hover a:hover { -webkit-box-shadow: 0 0 14px 12px rgba(86, 170, 0, .4); box-shadow: 0 0 14px 12px rgba(86, 170, 0, .4); background-position: right center }
#page-home .section-hero .background { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; pointer-events: none }
#page-home .section-hero .background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
#page-home .section-hero .container { position: relative; z-index: 2; height: 100% }
#page-home .section-hero .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100% }
@media (max-width:768px) {
#page-home .section-hero .flex-wrapper { position: relative; padding-top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
}
@media screen and (device-aspect-ratio:40 / 71) {
#page-home .section-hero .flex-wrapper { height: 100vh; padding-top: 0 }
}
#page-home .section-hero .flex-wrapper .left { height: 100vh; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@media screen and (max-width:1920px) {
#page-home .section-hero .flex-wrapper .left { -webkit-transform: scale(.85); transform: scale(.85) }
}
@media screen and (max-width:1500px) {
#page-home .section-hero .flex-wrapper .left { -webkit-transform: scale(.9); transform: scale(.9) }
}
@media (max-width:768px) {
#page-home .section-hero .flex-wrapper .left { padding: 0; height: unset; padding-top: 40px }
}
@media screen and (device-aspect-ratio:40 / 71) {
#page-home .section-hero .flex-wrapper .left { padding: 40px 10px 40px 10px; -webkit-transform: scale(.75); transform: scale(.75); bottom: 20px; position: relative }
}
#page-home .section-hero .flex-wrapper .left .logo { width: 100%; margin-bottom: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
@media (max-width:768px) {
#page-home .section-hero .flex-wrapper .left .logo { margin-bottom: 0; margin-top: -20px }
}
#page-home .section-hero .flex-wrapper .left .infos-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@media (max-width:768px) {
#page-home .section-hero .flex-wrapper .left .infos-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 80px }
}
#page-home .section-hero .flex-wrapper .left .infos-wrapper .title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 44px }
#page-home .section-hero .flex-wrapper .left .infos-wrapper .title-wrapper .subtitle { color: #fff; text-align: left; font-size: 24px }
#page-home .section-hero .flex-wrapper .left .infos-wrapper .title-wrapper .title { color: #687059; text-align: left; font-size: 72px }
@media (max-width:768px) {
#page-home .section-hero .flex-wrapper .left .infos-wrapper .title-wrapper .title { font-size: 42px }
}
#page-home .section-hero .flex-wrapper .left .infos-wrapper .tipologia { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
#page-home .section-hero .flex-wrapper .left .infos-wrapper .tipologia .top { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
#page-home .section-hero .flex-wrapper .left .infos-wrapper .tipologia .top-title { text-transform: uppercase; color: #fff; font-weight: 500; font-size: 24px }
#page-home .section-hero .flex-wrapper .left .infos-wrapper .tipologia .top-content { color: #687059; font-size: 64px; text-transform: uppercase; font-weight: 700 }
#page-home .section-hero .flex-wrapper .left .infos-wrapper .tipologia .top-content-2 { padding: 10px; width: 260px; background-color: #d6d5bd; text-transform: uppercase; color: #687059; text-align: center; font-weight: 600 }
#page-home .section-hero .flex-wrapper .left .infos-wrapper .bottom-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 2.4; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 1px }
@media (max-width:768px) {
#page-home .section-hero .flex-wrapper .left .infos-wrapper .bottom-list__item { font-size: 13px; white-space: nowrap }
}
#page-home .section-hero .flex-wrapper .left .infos-wrapper .bottom-list__item img { width: 20px; margin-right: 10px }
#page-home .section-hero .flex-wrapper .img-mobile { display: none; width: 100vw }
@media (max-width:768px) {
#page-home .section-hero .flex-wrapper .img-mobile { display: -webkit-box; display: -ms-flexbox; display: flex }
}
#page-home .section-hero .flex-wrapper .img-mobile img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
#page-home .section-hero .flex-wrapper .right-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@media (max-width:768px) {
#page-home .section-hero .flex-wrapper .right-wrapper { margin-top: 20px }
}
#page-home .section-hero .flex-wrapper .right-wrapper .right { width: 380px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@media screen and (max-width:1366px) {
#page-home .section-hero .flex-wrapper .right-wrapper .right { -webkit-transform: scale(.9); transform: scale(.9) }
}
@media (max-width:768px) {
#page-home .section-hero .flex-wrapper .right-wrapper .right { display: none }
}
#page-home .section-hero .flex-wrapper .right-wrapper .right-title { background-color: #687059; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 70px; padding: 0 10px; width: 100%; margin-bottom: -1px }
#page-home .section-hero .flex-wrapper .right-wrapper .right-title h3 { font-size: 18px; letter-spacing: 1px; text-transform: uppercase; line-height: 1.4; font-weight: 600; color: #fff }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form { position: relative; background-color: #687059; backdrop-filter: blur(7.5px); width: 100%; padding: 35px }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group:not(:last-child) { margin-bottom: 25px }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group .label { color: #c89778; text-transform: uppercase; font-weight: 500; font-size: 12px; margin-bottom: 20px; letter-spacing: 2px }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group .field { background-color: transparent; color: #fff; font-size: 14px; font-weight: 400; padding-bottom: 10px; border: none; border-bottom: 1px solid #85837b; width: 100%; display: block; outline: 0; -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: .7s; transition-duration: .7s; -webkit-transition-timing-function: cubic-bezier(.5, 0, 0, 1); transition-timing-function: cubic-bezier(.5, 0, 0, 1); margin-bottom: 20px }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group .field::-webkit-input-placeholder { color: rgba(255, 255, 255, .7); opacity: 1; -webkit-transition: opacity 450ms; transition: opacity 450ms }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group .field:-ms-input-placeholder { color: rgba(255, 255, 255, .7); opacity: 1; -webkit-transition: opacity 450ms; transition: opacity 450ms }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group .field::-ms-input-placeholder { color: rgba(255, 255, 255, .7); opacity: 1; -webkit-transition: opacity 450ms; transition: opacity 450ms }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group .field::placeholder { color: rgba(255, 255, 255, .7); opacity: 1; -webkit-transition: opacity 450ms; transition: opacity 450ms }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group .field:focus::-webkit-input-placeholder { opacity: 0 }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group .field:focus:-ms-input-placeholder { opacity: 0 }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group .field:focus::-ms-input-placeholder { opacity: 0 }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group .field:focus::placeholder { opacity: 0 }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .field-group.invalid .field { border-color: red }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .form-submit { position: relative; width: 100%; margin-top: 40px }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .form-submit button { background-color: #97a080; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-weight: 500; position: relative; font-size: 14px; text-transform: uppercase; width: 100%; height: 60px; letter-spacing: 1px; -webkit-box-shadow: 0 6px 35px 2px rgba(0, 0, 0, .7); box-shadow: 0 6px 35px 2px rgba(0, 0, 0, .7); -webkit-transition: letter-spacing 350ms ease, -webkit-box-shadow 350ms ease; transition: letter-spacing 350ms ease, -webkit-box-shadow 350ms ease; transition: letter-spacing 350ms ease, box-shadow 350ms ease; transition: letter-spacing 350ms ease, box-shadow 350ms ease, -webkit-box-shadow 350ms ease }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .form-submit button:hover { letter-spacing: 1.4px; -webkit-box-shadow: 0 5px 20px 1px rgba(0, 0, 0, .45); box-shadow: 0 5px 20px 1px rgba(0, 0, 0, .45) }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .terms-option { margin-top: 30px }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .terms-option .checkbox { background-color: transparent; padding-left: 25px; border: none; position: relative; margin: 0; bottom: -2px }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .terms-option .checkbox-text { color: #fff; font-size: 10px; text-align: left; line-height: 1; font-weight: 400 }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .terms-option .checkbox-text a { font-weight: 700; color: #fff }
#page-home .section-hero .flex-wrapper .right-wrapper .right-form .terms-option.active button::before { background-color: #fff; border-color: #fff }
#page-home .section-about { position: relative; width: 100%; padding: 0; padding-bottom: 90vh; z-index: 0 }
@media (max-width:880px) {
#page-home .section-about { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: unset; max-height: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 0 0 0; margin-bottom: -40px; height: 100vh }
}
#page-home .section-about .background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none }
@media (max-width:768px) {
#page-home .section-about .background { bottom: 0 }
}
#page-home .section-about .background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
#page-home .section-about .container { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% }
#page-home .section-about .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
#page-home .section-about .content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 100%; z-index: 2; padding-top: 10vh }
@media (max-width:768px) {
#page-home .section-about .content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 50px }
}
#page-home .section-about .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@media (max-width:768px) {
#page-home .section-about .content { padding-right: 0 }
}
#page-home .section-about .title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative }
@media (max-width:768px) {
#page-home .section-about .title-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
}
#page-home .section-about .title-wrapper .title { margin-top: 8px }
#page-home .section-about .description-wrapper { margin-top: 24px; text-align: center; padding: 0 120px }
@media (max-width:768px) {
#page-home .section-about .description-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin-top: 20px; padding: 0 }
}
#page-home .section-about .description-wrapper .description { font-size: 16px; line-height: 1.6; text-align: center }
@media (max-width:768px) {
#page-home .section-about .description-wrapper .description { line-height: 1.5; font-size: 12px; padding-bottom: 40px }
}
#page-home .section-diferenciais { position: relative; width: 100%; padding: 70px 0 30px 0 }
@media (max-width:768px) {
#page-home .section-diferenciais { top: 0; padding: 30px 0 }
}
@media (max-width:768px) {
#page-home .section-diferenciais .container { padding: 0 15px }
}
#page-home .section-diferenciais .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; padding-bottom: 30px; width: 100%; background-color: #c3c2ac; margin-top: -120px; padding: 64px }
@media (max-width:768px) {
#page-home .section-diferenciais .flex-wrapper { bottom: unset; text-align: center; margin-top: -80px; padding: 30px 10px }
}
#page-home .section-diferenciais .title-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 50px }
@media (max-width:768px) {
#page-home .section-diferenciais .title-wrapper { margin-bottom: 40px }
}
#page-home .section-diferenciais .grid-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
#page-home .section-diferenciais .grid-wrapper:nth-child(2) { margin-bottom: 40px; position: relative }
#page-home .section-diferenciais .grid-wrapper:nth-child(2):before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #65734e }
@media (max-width:768px) {
#page-home .section-diferenciais .grid-wrapper:nth-child(2):before { bottom: -20px }
}
#page-home .section-diferenciais .grid-wrapper .subtitle { text-align: left; margin-bottom: 28px; font-weight: 600 }
@media (max-width:768px) {
#page-home .section-diferenciais .grid-wrapper .subtitle { font-size: 18px }
}
#page-home .section-diferenciais .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 50px }
@media (max-width:768px) {
#page-home .section-diferenciais .grid { padding: 0; gap: 30px 0; grid-template-columns: repeat(2, 1fr) }
}
#page-home .section-diferenciais .grid .grid-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 300px; height: 80px; padding: 8px 6px 6px 6px; position: relative; margin: auto }
@media (max-width:768px) {
#page-home .section-diferenciais .grid .grid-item { width: 160px; height: auto; padding: 0 }
}
#page-home .section-diferenciais .grid .grid-item.blank { border: none }
@media (max-width:768px) {
#page-home .section-diferenciais .grid .grid-item.blank { display: none }
}
#page-home .section-diferenciais .grid .grid-item__icon { width: 60px }
#page-home .section-diferenciais .grid .grid-item .icon { max-width: 30px; max-height: 40px }
@media (max-width:768px) {
#page-home .section-diferenciais .grid .grid-item .icon { max-width: 38px; max-height: 38px; margin-bottom: 2px }
}
#page-home .section-diferenciais .grid .grid-item__title { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; position: relative; width: 100% }
@media (max-width:768px) {
#page-home .section-diferenciais .grid .grid-item__title { -webkit-box-align: center; -ms-flex-align: center; align-items: center }
}
#page-home .section-diferenciais .grid .grid-item__title .title { font-size: 14px; font-weight: 500; color: #65734e; text-transform: unset; text-align: left; line-height: 1.4 }
@media (max-width:768px) {
#page-home .section-diferenciais .grid .grid-item__title .title { font-size: 11px; line-height: 1.1 }
}
#page-home .section-video { position: relative; width: 100%; z-index: 3; padding: 70px 0 0 0; margin-bottom: -90px }
@media (max-width:880px) {
#page-home .section-video { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: unset; max-height: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin-bottom: 40px }
}
#page-home .section-video .container { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% }
#page-home .section-video .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative }
#page-home .section-video .video { position: relative; background-color: #000; height: 450px; aspect-ratio: 16/9; margin: 30px auto; padding: 0; -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .45); box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .45) }
@media (max-width:1023px) {
#page-home .section-video .video { width: 100%; height: 230px }
}
#page-home .section-video .video-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5 }
#page-home .section-video .video-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1 }
#page-home .section-video .video-image:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background-color: #000; z-index: 1; opacity: .05 }
#page-home .section-video .video-image img { position: relative; width: 100%; height: 100%; -webkit-filter: blur(1px); filter: blur(1px); -o-object-fit: cover; object-fit: cover; opacity: .85 }
#page-home .section-video .video-icon { background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c5ccc0)); background-image: linear-gradient(to bottom, #fff, #c5ccc0); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; padding: 0 0 0 8px; z-index: 2; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform .5s cubic-bezier(0, 0, .3, 1); transition: -webkit-transform .5s cubic-bezier(0, 0, .3, 1); transition: transform .5s cubic-bezier(0, 0, .3, 1); transition: transform .5s cubic-bezier(0, 0, .3, 1), -webkit-transform .5s cubic-bezier(0, 0, .3, 1) }
@media (max-width:1023px) {
#page-home .section-video .video-icon { width: 60px; height: 60px }
}
#page-home .section-video .video-icon svg { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform .5s cubic-bezier(0, 0, .3, 1); transition: -webkit-transform .5s cubic-bezier(0, 0, .3, 1); transition: transform .5s cubic-bezier(0, 0, .3, 1); transition: transform .5s cubic-bezier(0, 0, .3, 1), -webkit-transform .5s cubic-bezier(0, 0, .3, 1) }
@media (max-width:1023px) {
#page-home .section-video .video-icon svg { -webkit-transform: scale(.7); transform: scale(.7) }
}
#page-home .section-video .video:hover .video-icon { -webkit-transform: scale(.7) translate(-50%, -50%); transform: scale(.7) translate(-50%, -50%) }
#page-home .section-video .video:hover .video-icon svg { -webkit-transform: scale(1.1); transform: scale(1.1) }
@media (max-width:1023px) {
#page-home .section-video .video:hover .video-icon svg { -webkit-transform: scale(.7); transform: scale(.7) }
}
#page-home .section-video .thumbnails { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
#page-home .section-video .thumbnail { position: relative; margin: 0 10px; width: 200px; height: 120px; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
@media (max-width:768px) {
#page-home .section-video .thumbnail { width: 121px; height: 72px }
}
#page-home .section-video .thumbnail:hover { opacity: .7 }
#page-home .section-video .thumbnail:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background-color: #605b39; opacity: .6 }
#page-home .section-video .thumbnail:after { content: ""; position: absolute; width: 20px; height: 23px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(../assets/images/white-play.png) }
#page-home .section-video .thumbnails img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; cursor: pointer }
#page-home .section-isometrica { position: relative; width: 100%; padding: 100px 0 0 0; overflow: hidden; margin-bottom: -90px }
@media (max-width:768px) {
#page-home .section-isometrica { top: 0; padding: 0; margin-bottom: 0; height: 65vh; min-height: 500px }
}
#page-home .section-isometrica .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative }
@media (max-width:768px) {
#page-home .section-isometrica .flex-wrapper { bottom: unset; text-align: center; margin-top: 40px }
}
#page-home .section-isometrica .title-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: -25vh; z-index: -1 }
@media (max-width:768px) {
#page-home .section-isometrica .title-wrapper { margin-bottom: -50px }
}
#page-home .section-isometrica .title-wrapper .title { color: #efe6cf; text-transform: uppercase; font-size: 30vh; font-weight: 200; letter-spacing: 8vw; line-height: 1.4 }
@media (max-width:768px) {
#page-home .section-isometrica .title-wrapper .title { font-size: 20vw }
}
#page-home .section-isometrica .title-wrapper .title strong { font-weight: 800 }
#page-home .section-isometrica .isometrica { width: 90vw; max-width: 1920px; position: relative }
@media (max-width:768px) {
#page-home .section-isometrica .isometrica { width: calc(100vw + 60px) }
}
#page-home .section-isometrica .isometrica .isometrica-img { width: 100% }
#page-home .section-isometrica .isometrica .legenda { position: absolute; left: 10vw; bottom: 40vh }
@media (max-width:768px) {
#page-home .section-isometrica .isometrica .legenda { bottom: -6vh; left: 10%; width: 220px }
}
#page-home .section-isometrica .isometrica .icon { position: absolute; right: 15vw; top: 25vh }
@media (max-width:768px) {
#page-home .section-isometrica .isometrica .icon { bottom: -20px; top: unset }
}
#page-home .section-slider { position: relative; width: 100%; padding: 70px 0 0 0 }
@media (max-width:768px) {
#page-home .section-slider { padding-top: 0; padding-bottom: 0 }
}
#page-home .section-slider .title-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; max-width: 75vw; margin: 0 auto 50px auto }
@media (max-width:768px) {
#page-home .section-slider .title-wrapper { margin: 0; padding-left: 10px }
}
#page-home .section-slider .title-wrapper .title { text-align: left; line-height: 1.4 }
#page-home .section-slider .title-wrapper .subtitle { text-align: left }
@media (max-width:768px) {
#page-home .section-slider .title-wrapper { margin-bottom: 40px }
}
#page-home .section-slider .container { max-width: 100%; overflow: hidden; padding-bottom: 80px }
@media (max-width:768px) {
#page-home .section-slider .container { padding: 0 0 80px 25px }
}
#page-home .section-slider .plantas { position: relative }
@media (max-width:768px) {
#page-home .section-slider .plantas { margin-top: 0 }
}
#page-home .section-slider .plantas .item { position: relative; width: 50vw; height: 500px; margin-left: -10vw }
@media (max-width:768px) {
#page-home .section-slider .plantas .item { margin: 0 auto; padding: 0; width: 65vw; height: 300px; margin-left: -10vw }
}
#page-home .section-slider .plantas .item .content { width: 100%; max-width: 610px; margin: 0 auto }
#page-home .section-slider .plantas .item__row-zoom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; top: 0; right: 120px; z-index: 2 }
@media (max-width:768px) {
#page-home .section-slider .plantas .item__row-zoom { right: 0; top: 0 }
}
#page-home .section-slider .plantas .item__row-zoom a { font-size: 14px; color: #000; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
@media (max-width:768px) {
#page-home .section-slider .plantas .item__row-zoom a { -webkit-transform: scale(.7); transform: scale(.7) }
}
#page-home .section-slider .plantas .item__row-zoom a span { margin-right: 10px; -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease }
#page-home .section-slider .plantas .item__row-zoom a span:hover { -webkit-transform: scale(1.1); transform: scale(1.1) }
#page-home .section-slider .plantas .item__row-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; height: 90% }
@media (max-width:768px) {
#page-home .section-slider .plantas .item__row-image { height: 90%; -webkit-box-shadow: unset; box-shadow: unset }
}
#page-home .section-slider .plantas .item__row-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
#page-home .section-slider .plantas .item__caption { width: 100%; height: 10%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; padding: 10px 12px; right: 10px; bottom: 0 }
@media (max-width:768px) {
#page-home .section-slider .plantas .item__caption { padding: 0; height: 10%; bottom: 0; right: 0 }
}
#page-home .section-slider .plantas .item__caption span { font-size: 14px; color: #605b39; font-weight: 400; text-align: center; position: relative }
@media (max-width:768px) {
#page-home .section-slider .plantas .item__caption span { font-size: 14px }
}
#page-home .section-slider .plantas .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px }
@media (max-width:768px) {
#page-home .section-slider .plantas .owl-dots { margin-top: 20px }
}
#page-home .section-slider .plantas .owl-dots .owl-dot { width: 10px; height: 10px; background-color: #b2b2b2; border-radius: 50%; margin: 0 3px; -webkit-transition: background-color 350ms ease; transition: background-color 350ms ease }
#page-home .section-slider .plantas .owl-dots .owl-dot.active { background-color: #000 }
#page-home .section-slider .plantas .first-slider__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 200px; z-index: 2; top: -90px; right: 5vw }
@media (max-width:768px) {
#page-home .section-slider .plantas .first-slider__navigation { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: -100px; height: 60px; right: -5vw; -webkit-transform: unset; transform: unset }
}
#page-home .section-slider .plantas .first-slider__navigation .arrow { opacity: 1; -webkit-transition: 250ms; transition: 250ms; height: 60px; width: 60px; border-radius: 50%; border: 1px solid #605b39; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition: background-color 350ms ease; transition: background-color 350ms ease }
@media (max-width:768px) {
#page-home .section-slider .plantas .first-slider__navigation .arrow { -webkit-transform: scale(.7); transform: scale(.7) }
}
#page-home .section-slider .plantas .first-slider__navigation .arrow svg path { -webkit-transition: fill 350ms ease; transition: fill 350ms ease }
#page-home .section-slider .plantas .first-slider__navigation .arrow:hover { background-color: #605b39 }
#page-home .section-slider .plantas .first-slider__navigation .arrow:hover svg path { fill: #fff }
#page-home .section-slider .plantas .first-slider__navigation .arrow__prev { position: relative; left: -10px }
@media (max-width:768px) {
#page-home .section-slider .plantas .first-slider__navigation .arrow__prev { left: 0 }
}
#page-home .section-slider .plantas .first-slider__navigation .arrow__prev .arrow__button { width: 100%; height: 100% }
#page-home .section-slider .plantas .first-slider__navigation .arrow__prev svg { position: relative; top: 2px }
#page-home .section-slider .plantas .first-slider__navigation .arrow__next { position: relative; right: -10px }
@media (max-width:768px) {
#page-home .section-slider .plantas .first-slider__navigation .arrow__next { right: 0 }
}
#page-home .section-slider .plantas .first-slider__navigation .arrow__next .arrow__button { width: 100%; height: 100% }
#page-home .section-slider .plantas .first-slider__navigation .arrow__next svg { position: relative; top: 2px }
#page-home .section-slider .plantas .first-slider__navigation .carousel-numbers { color: #65734e; font-size: 14px }
#page-home .section-map { position: relative; width: 100%; z-index: 3; padding: 100px 0; background-color: #efe6d0 }
@media (max-width:880px) {
#page-home .section-map { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: unset; max-height: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 0 0 0; overflow: hidden }
}
#page-home .section-map .background { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; pointer-events: none }
#page-home .section-map .background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
#page-home .section-map .container { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% }
#page-home .section-map .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; position: relative }
@media (max-width:768px) {
#page-home .section-map .flex-wrapper { margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
}
#page-home .section-map .title-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; padding-right: 140px }
@media (max-width:768px) {
#page-home .section-map .title-wrapper { margin-bottom: 40px; padding-right: 0 }
}
#page-home .section-map .title-wrapper .title { text-transform: uppercase; margin: 4px 0 24px 0; text-align: left }
@media (max-width:768px) {
#page-home .section-map .title-wrapper .title { font-size: 24px; text-align: center }
}
#page-home .section-map .title-wrapper .subtitle { text-align: left }
@media (max-width:768px) {
#page-home .section-map .title-wrapper .subtitle { text-align: center }
}
#page-home .section-map .title-wrapper .text { font-size: 14px; line-height: 1.6 }
@media (max-width:768px) {
#page-home .section-map .title-wrapper .text { text-align: center }
}
#page-home .section-map .title-wrapper .link { padding: 20px; margin-top: 50px; background-color: #605b39; width: 180px; text-transform: uppercase; letter-spacing: 1.4px; font-weight: 400; font-size: 14px; color: #e5d48b; white-space: nowrap; border: 1px solid #605b39; position: relative; -webkit-transition: background-color 350ms ease, color 350ms ease; transition: background-color 350ms ease, color 350ms ease }
@media (max-width:768px) {
#page-home .section-map .title-wrapper .link { margin: 30px auto 10px auto }
}
#page-home .section-map .title-wrapper .link:hover { color: #605b39; background-color: #f1e8d2 }
#page-home .section-map .title-wrapper .link a { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0 }
#page-home .section-map .mapa { width: 100%; height: 100% }
@media (max-width:768px) {
#page-home .section-map .mapa { max-width: unset; width: 100vw }
}
#page-home .section-map .mapa img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% }
#page-home .section-form { width: 100%; height: 1000px; padding: 100px 0 40px 0; position: relative; z-index: 1; background-color: #f0e7d1 }
@media (max-width:768px) {
#page-home .section-form { padding: 20px 0 90px 0; margin-top: -2px; height: 1200px }
}
#page-home .section-form:before { content: ''; position: absolute; width: 100%; height: 100px; left: 0; top: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#efefef)); background-image: linear-gradient(to bottom, #efefef, #efefef); }
#page-home .section-form .background { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; pointer-events: none }
#page-home .section-form .background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
#page-home .section-form .title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; z-index: 2 }
@media (max-width:768px) {
#page-home .section-form .title-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 60px }
}
#page-home .section-form .title-wrapper .title { font-size: 22px; color: #605b39 }
#page-home .section-form .title-wrapper .title strong { color: #65734e }
#page-home .section-form .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
@media (max-width:768px) {
#page-home .section-form .content { width: 100% }
}
#page-home .section-form .cta { position: relative; width: 100%; margin-top: 64px; padding: 0; z-index: 1 }
@media (max-width:768px) {
#page-home .section-form .cta { width: 85vw; margin-top: 40px }
}
#page-home .section-form .cta .form { border: 1px solid #65734e; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 25px 25px 35px }
#page-home .section-form .cta .form .fields { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
@media (max-width:768px) {
#page-home .section-form .cta .form .fields { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
}
#page-home .section-form .cta .form .field-group { position: relative; width: 100%; padding: 0; border-bottom: 1px solid #1f5d3c; -webkit-transition: border-color .5s cubic-bezier(0, 0, .3, 1); transition: border-color .5s cubic-bezier(0, 0, .3, 1); margin: 20px 20px 40px 20px }
#page-home .section-form .cta .form .field-group label { font-size: 12px; color: #65734e; font-weight: 400; position: relative; letter-spacing: 2px; text-transform: uppercase; bottom: 14px }
#page-home .section-form .cta .form .field-group .placeholder { color: rgba(96, 91, 57, .4); font-size: 14px; font-weight: 400; position: absolute; bottom: 8px; left: 0; pointer-events: none; -webkit-transition: opacity .7s cubic-bezier(0, 0, .3, 1); transition: opacity .7s cubic-bezier(0, 0, .3, 1) }
#page-home .section-form .cta .form .field-group .field { background-color: transparent; color: #605b39; font-size: 14px; font-weight: 400; margin: 0; padding: 0 0 4px; border: none; width: 100%; display: block }
#page-home .section-form .cta .form .field-group.invalid { border-color: red }
#page-home .section-form .cta .form .field-group.focus .placeholder, #page-home .section-form .cta .form .field-group.not-empty .placeholder { opacity: 0 }
#page-home .section-form .cta .form .terms-option { margin-bottom: 30px; padding: 0 280px }
@media (max-width:768px) {
#page-home .section-form .cta .form .terms-option { padding: 0 }
}
#page-home .section-form .cta .form .terms-option .checkbox { background-color: transparent; padding-left: 25px; border: none; position: relative; margin: 0; bottom: -2px }
#page-home .section-form .cta .form .terms-option .checkbox-text { color: #605b39; font-size: 10px; text-align: left; line-height: 1; font-weight: 400 }
#page-home .section-form .cta .form .terms-option .checkbox-text a { font-weight: 700; color: #605b39 }
#page-home .section-form .cta .form .terms-option.active button::before { background-color: #605b39; border-color: #605b39 }
#page-home .section-form .cta .form .form-submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; margin: 10px 0 0; padding: 0 }
#page-home .section-form .cta .form .form-submit button { background-color: #65734e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-weight: 500; position: relative; font-size: 14px; text-transform: uppercase; width: 300px; margin: 0 auto; height: 60px; letter-spacing: 1px; -webkit-transition: letter-spacing 350ms ease, -webkit-box-shadow 350ms ease; transition: letter-spacing 350ms ease, -webkit-box-shadow 350ms ease; transition: letter-spacing 350ms ease, box-shadow 350ms ease; transition: letter-spacing 350ms ease, box-shadow 350ms ease, -webkit-box-shadow 350ms ease }
#page-home .section-form .cta .form .form-submit button:hover { letter-spacing: 1.4px }
#page-home .section-form .cta .form .download-button { margin-top: 24px; color: #605b39; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease }
#page-home .section-form .cta .form .download-button:hover { opacity: .7 }
#page-home .section-form .cta .form .download-button a { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0 }
#page-home .section-form .cta .form .download-button svg { margin-left: 10px }