html {
font-size: 12px
}
@media only screen and (max-width: 680px) {
html {
font-size: 8px
}
}
:root {
--editor-menu-height: 0px;
--menu-height: 0px;
--popup-spacing: 0px;
--stick-top-section-height: 0px;
--gallery-content-box-margin: 0px;
--dynamic-buttons-height: 0;
--dynamic-menu-logo-height: 0
}
section {
box-sizing: border-box;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
a {
color: inherit;
text-decoration: none
}
.website {
padding: 0;
margin: 0
}
.website section {
margin-left: auto;
margin-right: auto
}
.website section[data-position=popup] {
--popup-spacing: 8vw;
--popup-width: inherit;
max-height: calc(100vh - var(--editor-menu-height) - var(--popup-spacing));
width: var(--popup-width);
min-width: var(--popup-width);
max-width: var(--popup-width);
position: fixed;
top: 0;
left: 0 !important;
transform: translate(calc(50vw - 50%), calc(50vh + var(--editor-menu-height)/2 - 50%)) !important;
z-index: 1002;
box-shadow: -3px 11px 200px #00000030;
overflow-y: scroll
}
.website section[data-position=popup][data-section-width=stretched] {
--popup-width: calc(100vw - var(--popup-spacing))
}
.website section[data-position=popup][data-section-width=boxed] {
--popup-width: calc(70vw - var(--popup-spacing))
}
.website section[data-position=popup][data-section-width=boxed] .children {
max-width: unset !important
}
.website section[data-position=popup] {
display: none
}
.website section[data-position=popup].show-section {
display: inherit
}
.website section[data-position=popup] article .pic-side img.pic {
transform: scale(1) !important
}
.website section[data-position=stick-top] {
position: fixed;
top: var(--editor-menu-height);
z-index: 998
}
@media only screen and (max-width: 880px) {
.website section[data-position=popup], .website section[data-position=popup][data-section-width=boxed], .website section[data-position=popup][data-section-width=stretched] {
overflow-y: auto
}
.website section[data-position=stick-top] {
overflow-y: auto;
max-height: 40vh
}
}
@media only screen and (max-width: 680px) {
.website section[data-position=popup], .website section[data-position=popup][data-section-width=boxed], .website section[data-position=popup][data-section-width=stretched] {
--popup-spacing: 2vw;
--popup-mobile-height: calc(100vh - var(--editor-menu-height) - var(--popup-spacing));
--popup-width: calc(100vw - var(--popup-spacing));
height: var(--popup-mobile-height);
min-height: var(--popup-mobile-height) !important;
max-height: var(--popup-mobile-height)
}
}
.website section[data-height=fullscreen] {
min-height: 100vh !important
}
.website section[data-textalign=left] .section-item .text-side .buttons {
align-items: inherit;
text-align: inherit
}
.website section[data-textalign=left] .section-item .text-side {
align-items: flex-start;
text-align: left
}
.website section[data-blockstextalign=left] .section-header .text-side {
align-items: flex-start;
text-align: left
}
.website section[data-textalign=center] .section-item .text-side {
text-align: center
}
.website section[data-textalign=left] .section-item .text-side .buttons {
justify-content: flex-start
}
.website section[data-textalign=left] .section-item .text-side .buttons .element:nth-of-type(1) {
margin-left: 0 !important
}
.website section[data-textalign=center] .section-item .text-side .buttons {
justify-content: center
}
.website section[data-textalign=right] .section-item .text-side .buttons {
justify-content: flex-end
}
.website section[data-blockstextalign=center] .section-header .text-side {
text-align: center
}
.website section[data-textalign=right] .section-item .text-side {
align-items: flex-end;
text-align: right
}
.website section[data-blockstextalign=right] .section-header .text-side {
align-items: flex-end;
text-align: right
}
.website section[data-verticalalign=top] article.section-item {
justify-content: flex-start
}
.website section[data-verticalalign=center] article.section-item {
justify-content: space-evenly
}
.website section[data-verticalalign=bottom] article.section-item {
justify-content: flex-end
}
.website section[data-verticalalign=top] article.section-item .text-side {
align-self: flex-start;
justify-content: flex-start
}
.website section[data-verticalalign=stretch] article.section-item .text-side .buttons {
flex-grow: 1;
align-content: flex-end
}
.website section[data-verticalalign=stretch][data-layoutclass^=right-center] article.section-item .text-side, .website section[data-verticalalign=stretch][data-layoutclass^=left-center] article.section-item .text-side, .website section[data-verticalalign=stretch][data-layoutclass^=middle-center] article.section-item .text-side {
height: calc(100% - var(--gallery-content-box-margin) * 2)
}
.website section[data-verticalalign=center] article.section-item .text-side {
align-self: center;
justify-content: center
}
.website section[data-verticalalign=bottom] article.section-item .text-side {
align-self: flex-end;
justify-content: flex-end
}
.website section[data-blocksverticalalign=top] article.section-header {
justify-content: flex-start
}
.website section[data-blocksverticalalign=center] article.section-header {
justify-content: space-evenly
}
.website section[data-blocksverticalalign=bottom] article.section-header {
justify-content: flex-end
}
.website section[data-blockshorizontalalign=left] article.section-header {
align-items: flex-start
}
.website section[data-blockshorizontalalign=center] article.section-header {
align-items: center
}
.website section[data-blockshorizontalalign=right] article.section-header {
align-items: flex-end
}
.website section[data-layoutclass=middle-center][data-horizontalalign=left] article.section-item, .website section[data-layoutclass=middle-left][data-horizontalalign=left] article.section-item, .website section[data-layoutclass=middle-right][data-horizontalalign=left] article.section-item {
align-items: flex-start
}
.website section[data-layoutclass=middle-center][data-horizontalalign=center] article.section-item, .website section[data-layoutclass=middle-left][data-horizontalalign=center] article.section-item, .website section[data-layoutclass=middle-right][data-horizontalalign=center] article.section-item {
align-items: center
}
.website section[data-layoutclass=middle-center][data-horizontalalign=right] article.section-item, .website section[data-layoutclass=middle-left][data-horizontalalign=right] article.section-item, .website section[data-layoutclass=middle-left][data-horizontalalign=right] article.section-item, .website section[data-layoutclass=middle-right][data-horizontalalign=right] article.section-item {
align-items: flex-end
}
.website section[data-horizontalalign=left] article.section-item .text-side {
margin-right: auto !important
}
.website section[data-horizontalalign=center] article.section-item .text-side {
margin-right: auto !important;
margin-left: auto !important
}
.website section[data-horizontalalign=right] article.section-item .text-side {
margin-left: auto !important
}
@media only screen and (max-width: 680px) {
.website section[data-horizontalalign=right] article.section-item .text-side, .website section[data-horizontalalign=left] article.section-item .text-side {
margin-right: auto !important;
margin-left: auto !important
}
}
.website article {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
position: relative;
box-sizing: border-box
}
section.fill-height {
min-height: 100vh !important
}
.website section .children {
width: 100%;
min-height: inherit;
position: relative;
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
align-items: stretch;
box-sizing: border-box
}
.website section[data-effectshover=hover-effect-1] article:not(.section-header) .pic-side img.pic {
transition: all 1s cubic-bezier(.04, -.03, 0, 1.01)
}
.website section[data-effectshover=hover-effect-1] article:not(.section-header):hover .pic-side img.pic {
transition: all 3s cubic-bezier(.04, -.03, 0, 1.01);
transform: scale(1.2)
}
.website section[data-effectshover=hover-effect-2] article:not(.section-header) {
transition: box-shadow 1s cubic-bezier(.04, -.03, 0, 1.01);
box-shadow: -1px 8px 14px #0000
}
.website section[data-effectshover=hover-effect-2] article:not(.section-header):hover {
box-shadow: -1px 8px 14px #00000075
}
.website section[data-effectshover=hover-effect-3] article:not(.section-header) {
transition: transform 1s cubic-bezier(.04, -.03, 0, 1.01)
}
.website section[data-effectshover=hover-effect-3] article:not(.section-header):hover {
transform: translateY(-3%)
}
.website section[data-effectshover=hover-effect-4] article:not(.section-header) .text-side {
transition: opacity 1s cubic-bezier(.04, -.03, 0, 1.01);
opacity: 0
}
.website section[data-effectshover=hover-effect-4] article:not(.section-header):hover .text-side {
opacity: 1
}
.website section[data-effectshover=hover-effect-5] article:not(.section-header) .pic-side {
transition: opacity 1s cubic-bezier(.04, -.03, 0, 1.01);
opacity: 0
}
.website section[data-effectshover=hover-effect-5] article:not(.section-header):hover .pic-side {
opacity: 1
}
.website section[data-effectshover=hover-effect-6] article:not(.section-header) .pic-side {
transition: opacity 1s cubic-bezier(.04, -.03, 0, 1.01);
opacity: 1
}
.website section[data-effectshover=hover-effect-6] article:hover:not(.section-header) .pic-side {
opacity: .4
}
.website section[data-effectshover=hover-effect-7] article:not(.section-header) .pic-side {
transition: opacity 1s cubic-bezier(.04, -.03, 0, 1.01);
opacity: .5
}
.website section[data-effectshover=hover-effect-7] article:not(.section-header):hover .pic-side {
opacity: 1
}
.website section[data-effecttext=text-effect-1] .text-side h1, .website section[data-effecttext=text-effect-1] .text-side h2, .website section[data-effecttext=text-effect-1] .text-side h3, .website section[data-effecttext=text-effect-1] .text-side h4 {
text-shadow: 0px 3px 5px #00000038
}
.website section[data-effecttext=text-effect-2] .text-side {
outline-offset: 10px;
outline: 1px solid #cccccc7a
}
.website section[data-effecttext=text-effect-3] article:not(.section-header) .text-side:before {
position: absolute;
left: 0;
top: 13px;
width: 100%;
z-index: 999;
content: "";
border-top: 1px solid #cccccc7a
}
.website section[data-effecttext=text-effect-3] article:not(.section-header) .text-side:after {
position: absolute;
left: 0;
bottom: 13px;
width: 100%;
z-index: 999;
content: "";
border-top: 1px solid #cccccc7a
}
.website section[data-effecttext=text-effect-4] .text-side {
mix-blend-mode: multiply
}
.website section[data-effecttext=text-effect-5] .text-side h1, .website section[data-effecttext=text-effect-5] .text-side h3, .website section[data-effecttext=text-effect-5] .text-side h4, .website section[data-effecttext=text-effect-5] .text-side h2 {
background-color: var(--theme-color-1) !important;
padding: 10px !important;
color: var(--theme-color-2) !important
}
.website section[data-effecttext=text-effect-6] .text-side h1, .website section[data-effecttext=text-effect-6] .text-side h3, .website section[data-effecttext=text-effect-6] .text-side h4, .website section[data-effecttext=text-effect-6] .text-side h2 {
background-color: var(--theme-color-2) !important;
padding: 10px !important;
color: var(--theme-color-1) !important
}
.website section[data-idleeffect=darken_gardient_30] article[data-itemmediatype=PIC] .pic-side:before {
display: block;
position: absolute;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, #0000007d 100%);
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: 1
}
.website section[data-imagefit="1_1"] article img.pic {
object-fit: contain
}
@media only screen and (min-width: 680px) {
.website section[data-imagefit="1_1"] article img.pic {
object-fit: scale-down
}
}
.website section[data-imagefit=contain] article img.pic {
object-fit: contain
}
.website section[data-imagefit=cover] article img.pic {
object-fit: cover
}
.filter-preview {
position: relative
}
.filter-preview.filter-1, .website section[data-imagefilter=filter-1] article[data-itemmediatype=PIC] img.pic {
filter: brightness(100%)
}
.filter-preview.filter-2, .website section[data-imagefilter=filter-2] article[data-itemmediatype=PIC] img.pic {
filter: brightness(80%)
}
.filter-preview.filter-3, .website section[data-imagefilter=filter-3] article[data-itemmediatype=PIC] img.pic {
filter: brightness(60%)
}
.filter-preview.filter-4:after, .website section[data-imagefilter=filter-4] article[data-itemmediatype=PIC] .pic-side:before {
display: block;
position: absolute;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, #000000 100%);
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: 1;
pointer-events: none
}
.filter-preview.filter-5:after, .website section[data-imagefilter=filter-5] article[data-itemmediatype=PIC] .pic-side:before {
display: block;
position: absolute;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 60%, #000000 100%);
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: 1;
pointer-events: none
}
.filter-preview.filter-6:after, .website section[data-imagefilter=filter-6] article[data-itemmediatype=PIC] .pic-side:before {
display: block;
position: absolute;
background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 60%, #00000070 100%);
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: 1;
pointer-events: none
}
.filter-preview.filter-7:after, .website section[data-imagefilter=filter-7] article[data-itemmediatype=PIC] .pic-side:before {
display: block;
position: absolute;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 60%, #00000070 100%);
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: 1;
pointer-events: none
}
.filter-preview.filter-8:after, .website section[data-imagefilter=filter-8] article[data-itemmediatype=PIC] .pic-side:before {
display: block;
position: absolute;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 60%, #ffffff 100%);
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: 1;
pointer-events: none
}
.filter-preview.filter-9:after, .website section[data-imagefilter=filter-9] article[data-itemmediatype=PIC] .pic-side:before {
display: block;
position: absolute;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #ffffff 100%);
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: 1;
pointer-events: none
}
.filter-preview.filter-10:after, .website section[data-imagefilter=filter-10] article[data-itemmediatype=PIC] .pic-side:before {
display: block;
position: absolute;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 60%, #ffffff70 100%);
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: 1;
pointer-events: none
}
.filter-preview.filter-11:after, .website section[data-imagefilter=filter-11] article[data-itemmediatype=PIC] .pic-side:before {
display: block;
position: absolute;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 60%, #ffffff70 100%);
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: 1;
pointer-events: none
}
.filter-preview.filter-12:after, .website section[data-imagefilter=filter-12] article[data-itemmediatype=PIC] .pic-side:before {
display: block;
position: absolute;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 60%, #ffffff70 100%);
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: 1;
pointer-events: none
}
.website section[data-imagescroll=normal] article .pic-side img.pic {
height: 100% !important;
top: 0 !important
}
.website section[data-imagescroll=fixed] article .pic-side img.pic {
min-height: 100vh !important;
height: 100% !important
}
.website section[data-imagescroll=parallax] article .pic-side img.pic {
min-height: 100vh !important;
height: 100% !important
}
.website section[data-imagescroll=parallax] article[data-itemmediatype=MAP] .pic-side img, .website section[data-imagescroll=fixed] article[data-itemmediatype=MAP] .pic-side img {
transform: none !important
}
.website section article .text-side {
transition: all 2s cubic-bezier(.165, .84, .44, 1)
}
.website section[data-effectentrance=entrance-effect-1] article[data-visible=false] .text-side {
transition: none;
transform: translate3d(0, 50px, 0);
opacity: 0
}
.website section[data-effectentrance=entrance-effect-1] article[data-visible=true] .text-side {
transform: translateZ(0);
opacity: 1
}
.website section[data-effectentrance=entrance-effect-2] article[data-visible=false] .text-side {
transition: none;
transform: translate3d(-50px, 0, 0);
opacity: 0
}
.website section[data-effectentrance=entrance-effect-2] article[data-visible=true] .text-side {
transform: translateZ(0);
opacity: 1
}
.website section[data-effectentrance=entrance-effect-3] article[data-visible=false] .text-side {
transition: none;
transform: translateZ(0);
opacity: 0
}
.website section[data-effectentrance=entrance-effect-3] article[data-visible=true] .text-side {
transform: translateZ(0);
opacity: 1
}
.website section[data-effectentrance=entrance-effect-4] article .text-side div[data-elementtype=BUTTON], .website section[data-effectentrance=entrance-effect-4] article .text-side h1, .website section[data-effectentrance=entrance-effect-4] article .text-side h2, .website section[data-effectentrance=entrance-effect-4] article .text-side h4, .website section[data-effectentrance=entrance-effect-4] article .text-side h3 {
transition: all 2s cubic-bezier(.165, .84, .44, 1)
}
.website section[data-effectentrance=entrance-effect-4] article[data-visible=false] .text-side h1, .website section[data-effectentrance=entrance-effect-4] article[data-visible=false] .text-side h2, .website section[data-effectentrance=entrance-effect-4] article[data-visible=false] .text-side h4, .website section[data-effectentrance=entrance-effect-4] article[data-visible=false] .text-side h3 {
transition: none;
transform: translate3d(-500px, 0, 0);
opacity: 0
}
.website section[data-effectentrance=entrance-effect-4] article[data-visible=false] .text-side div[data-elementtype=BUTTON] {
transform: translate3d(0, 200px, 0)
}
.website section[data-effectentrance=entrance-effect-4] article .text-side {
overflow: hidden
}
.website section[data-effectentrance=entrance-effect-4] article[data-visible=true] .text-side div[data-elementtype=BUTTON], .website section[data-effectentrance=entrance-effect-4] article[data-visible=true] .text-side h4, .website section[data-effectentrance=entrance-effect-4] article[data-visible=true] .text-side h1, .website section[data-effectentrance=entrance-effect-4] article[data-visible=true] .text-side h2, .website section[data-effectentrance=entrance-effect-4] article[data-visible=true] .text-side h3 {
transform: translateZ(0);
opacity: 1
}
.website section[data-effectentrance=entrance-effect-5] article .text-side h1, .website section[data-effectentrance=entrance-effect-5] article .text-side h2, .website section[data-effectentrance=entrance-effect-5] article .text-side h3, .website section[data-effectentrance=entrance-effect-5] article .text-side h4 {
transition: all 2s cubic-bezier(.165, .84, .44, 1);
height: 1em;
overflow: hidden;
word-break: break-all
}
body[data-ineditor=true] .website section[data-layoutclass=middle-center] article .text-side {
transition: none
}
.website section[data-effectentrance=entrance-effect-5] article[data-visible=false] .text-side h1, .website section[data-effectentrance=entrance-effect-5] article[data-visible=false] .text-side h2, .website section[data-effectentrance=entrance-effect-5] article[data-visible=false] .text-side h3, .website section[data-effectentrance=entrance-effect-5] article[data-visible=false] .text-side h4 {
width: 0%
}
.website section[data-effectentrance=entrance-effect-5] article[data-visible=true] .text-side h1, .website section[data-effectentrance=entrance-effect-5] article[data-visible=true] .text-side h2, .website section[data-effectentrance=entrance-effect-5] article[data-visible=true] .text-side h3, .website section[data-effectentrance=entrance-effect-5] article[data-visible=true] .text-side h4 {
width: 100%
}
.website section article .pic-side {
overflow: hidden
}
.website section[data-effectimage=image-effect-1] article[data-itemmediatype=PIC] .pic-side {
transform: scale(.8)
}
.website section[data-effectimage=image-effect-2] article[data-itemmediatype=PIC] .pic-side {
transform: rotate(10deg) scale(.9)
}
.website section[data-effectimage=image-effect-3] article[data-itemmediatype=PIC] .pic-side {
transform: translate(-20%) scale(.9)
}
.website section[data-effectimage=image-effect-3] article[data-itemmediatype=PIC] .text-side {
transform: translate(20%) !important
}
@media only screen and (max-width: 680px) {
.website section[data-effectimage=image-effect-3] article[data-itemmediatype=PIC] .pic-side {
transform: translate(0) scale(1) !important
}
.website section[data-effectimage=image-effect-3] article[data-itemmediatype=PIC] .text-side {
transform: translate(0) !important
}
}
.website section[data-effectimage=image-effect-4] article[data-itemmediatype=PIC] .pic-side img.pic {
mix-blend-mode: multiply
}
.website section[data-effectimage=image-effect-5] article[data-itemmediatype=PIC]:not(.section-header) .pic-side {
min-height: initial !important;
height: initial !important;
overflow: inherit !important
}
.website section[data-effectimage=image-effect-5] article[data-itemmediatype=PIC]:not(.section-header) {
min-height: inherit !important
}
.website section[data-effectimage=image-effect-5][data-layoutclass=middle-center] article[data-itemmediatype=PIC]:not(.section-header):before {
content: "";
width: 100%;
padding-top: 100%;
position: relative
}
.website section[data-effectimage=image-effect-5][data-layoutclass=middle-center] article[data-itemmediatype=PIC]:not(.section-header) .text-side {
position: absolute
}
.website section[data-effectimage=image-effect-5] article[data-itemmediatype=PIC]:not(.section-header) .pic-side:before {
content: "";
width: 100%;
padding: 100% 0 0 !important;
position: relative
}
.website section[data-effectimage=image-effect-5] article[data-itemmediatype=PIC]:not(.section-header) .pic-side img.pic {
position: absolute;
border-radius: 1500px;
transform: scale(.9)
}
.website section[data-effectimage=image-effect-6] article[data-itemmediatype=PIC] .pic-side {
transform: translate(10%) scale(.9);
border: 20px solid white
}
.website section[data-effectimage=image-effect-6] article[data-itemmediatype=PIC] .text-side {
transform: translate(-10%) !important
}
@media only screen and (max-width: 480px) {
.website section[data-imagefilter=filter-4] article[data-itemmediatype=PIC] .pic-side:before {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%)
}
.website section[data-imagefilter=filter-5] article[data-itemmediatype=PIC] .pic-side:before {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 100%)
}
.website section[data-imagefilter=filter-6] article[data-itemmediatype=PIC] .pic-side:before {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #00000070 100%)
}
.website section[data-imagefilter=filter-7] article[data-itemmediatype=PIC] .pic-side:before {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #00000070 100%)
}
.website section[data-imagefilter=filter-8] article[data-itemmediatype=PIC] .pic-side:before {
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #ffffff 100%)
}
.website section[data-imagefilter=filter-9] article[data-itemmediatype=PIC] .pic-side:before {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%)
}
.website section[data-imagefilter=filter-10] article[data-itemmediatype=PIC] .pic-side:before {
background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #ffffff70 100%)
}
.filter-preview.filter-11:after, .website section[data-imagefilter=filter-11] article[data-itemmediatype=PIC] .pic-side:before {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff70 100%)
}
.website section[data-imagefilter=filter-12] article[data-itemmediatype=PIC] .pic-side:before {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff70 100%)
}
}
@media only screen and (max-width: 680px) {
.website section[data-effectimage=image-effect-6] article[data-itemmediatype=PIC] .pic-side {
transform: translate(0) scale(.9);
border: 20px solid white
}
.website section[data-effectimage=image-effect-6] article[data-itemmediatype=PIC] .text-side {
transform: translate(0) !important
}
}
.hidden {
display: none !important
}
.website section article .pic-side {
z-index: 1
}
.website section article .text-side {
z-index: 3
}
.rotate-180 {
transform: rotate(180deg)
}
body {
padding: 0;
margin: 0
}
img {
display: none
}
img[src] {
display: inline-block
}
h1, h2, h3, h4, p, div[data-elementtype=TITLE], div[data-elementtype=SUBTITLE], div[data-elementtype=BODY] {
font-smooth: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: auto;
word-break: break-word
}
a[data-item-type=ANCHOR] {
cursor: pointer
}
[data-elementtype=SUBTITLE] a, [data-elementtype=BODY] a {
text-decoration: underline !important
}
div[data-elementtype=TITLE], div[data-elementtype=SUBTITLE], div[data-elementtype=BODY] {
display: inline-block;
padding: 0;
margin: 0;
font-weight: 400;
width: 100%
}
h1 {
display: inline-block;
padding: 0;
margin: 0;
font-weight: 400
}
h2 {
display: inline-block;
padding: 0;
font-weight: 400
}
h3, h4 {
display: inline-block;
padding: 0;
margin: 0;
font-weight: 400
}
p {
display: block;
padding: 0;
margin: 0;
font-weight: 400;
max-width: 500px
}
div[data-elementtype=BODY] p {
max-width: initial
}
div[data-elementtype=BODY] h4, div[data-elementtype=BODY] h3, div[data-elementtype=BODY] h2, div[data-elementtype=BODY] h1 {
padding-left: 0
}
h1:empty {
display: none
}
h2:empty {
display: none
}
h3:empty {
display: none
}
p:empty {
display: none
}
p[contenteditable=true], button[contenteditable=true], h3[contenteditable=true], h2[contenteditable=true], h1[contenteditable=true] {
display: inline-block !important
}
img[src=""] {
display: none
}
button:empty {
display: none
}
.website {
padding: 0;
margin: 0
}
.text-side {
display: flex;
flex-direction: column;
align-items: center;
pointer-events: none
}
.text-side .buttons {
flex-direction: initial;
display: flex;
align-items: center
}
.text-side:empty, .website article .text-side:empty {
display: none
}
.text-side .buttons:empty {
display: none
}
.element {
pointer-events: auto
}
.links div {
border: none;
padding: 5px 10px;
margin: 2px;
outline: none;
display: inline-block
}
div[data-elementtype=BUTTON], div[data-elementtype=BUTTON2], div[data-elementtype=BUTTON3] {
display: inline-block !important;
padding: 10px 20px !important;
margin: 0 4px 0 0;
font-weight: 400;
max-width: 500px;
overflow: hidden;
text-overflow: ellipsis
}
hr[data-elementtype=DIVIDER] {
height: 2px;
width: 100%;
border: none;
background-color: var(--theme-color-1, #fff)
}
hr[data-elementtype=DIVIDER][data-variant=divider_variant_1] {
height: 1px
}
hr[data-elementtype=DIVIDER][data-variant=divider_variant_2] {
height: 2px
}
hr[data-elementtype=DIVIDER][data-variant=divider_variant_3] {
height: 5px;
max-width: 200px
}
hr[data-elementtype=DIVIDER][data-variant=divider_variant_4] {
height: 10px;
width: 10px
}
hr[data-elementtype=DIVIDER][data-variant=divider_variant_5] {
height: 20px;
width: 2px;
transform: rotate(45deg)
}
img[data-elementtype=ICON] {
height: 80px;
max-width: 100%;
min-width: 60px;
object-fit: contain !important
}
.buttons {
margin-top: 10px;
flex-wrap: wrap
}
.button_preset_1, .button_preset_2, .button_preset_3 {
text-align: center
}
.website[menu-collapse=true] .top_menu .buttons .button_preset_1, .website[menu-collapse=true] .top_menu .buttons .button_preset_2, .website[menu-collapse=true] .top_menu .buttons .button_preset_3 {
display: flex;
justify-content: center;
align-content: center;
flex-direction: column
}
div[data-variant=button_variant_1], div[data-variant=button_variant_2], div[data-variant=button_variant_3], div[data-variant=button_variant_4], div[data-variant=button_variant_5], div[data-variant=button_variant_6], div[data-variant=button_variant_7], div[data-variant=button_variant_8], div[data-variant=button_variant_9], div[data-variant=button_variant_10], div[data-variant=button_variant_11], div[data-variant=button_variant_12], div[data-variant=button_variant_13], div[data-variant=button_variant_14], div[data-variant=button_variant_15], div[data-variant=button_variant_16], div[data-variant=button_variant_17], div[data-variant=button_variant_18], div[data-variant=button_variant_19] {
min-width: 50px;
border: 1.5px solid;
border-color: var(--button-color-preset-border-color) !important;
padding: 10px 20px !important;
margin: 5px !important;
background-color: var(--button-color-preset-background-color) !important;
color: var(--button-color-preset-color) !important;
transition: background-color .3s cubic-bezier(.25, 1, .5, 1)
}
div[data-variant=button_variant_1]:hover, div[data-variant=button_variant_2]:hover, div[data-variant=button_variant_3]:hover, div[data-variant=button_variant_4]:hover, div[data-variant=button_variant_5]:hover, div[data-variant=button_variant_6]:hover, div[data-variant=button_variant_7]:hover, div[data-variant=button_variant_8]:hover, div[data-variant=button_variant_9]:hover, div[data-variant=button_variant_10]:hover, div[data-variant=button_variant_11]:hover, div[data-variant=button_variant_12]:hover, div[data-variant=button_variant_13]:hover, div[data-variant=button_variant_14]:hover, div[data-variant=button_variant_15]:hover, div[data-variant=button_variant_16]:hover, div[data-variant=button_variant_17]:hover, div[data-variant=button_variant_18]:hover, div[data-variant=button_variant_19]:hover {
background-color: var(--button-color-preset-background-hover-color) !important;
color: var(--button-color-preset-hover-color) !important
}
div[data-variant=button_variant_2] {
border-color: transparent !important;
box-shadow: -1px 3px 5px #0000000a
}
div[data-variant=button_variant_3]:hover, div[data-variant=button_variant_3] {
border-color: transparent !important;
background-color: transparent !important
}
div[data-variant=button_variant_5] {
border-color: transparent !important;
box-shadow: -1px 3px 5px #0000000a;
position: relative;
transition: all .3s cubic-bezier(.25, 1, .5, 1)
}
div[data-variant=button_variant_5]:hover {
background-color: transparent !important
}
div[data-variant=button_variant_5]:after {
content: "";
display: block;
bottom: 0;
height: 0%;
left: 0;
width: 100%;
position: absolute;
background-color: var(--button-color-preset-background-hover-color) !important;
transition: all .3s cubic-bezier(.25, 1, .5, 1);
z-index: -1
}
div[data-variant=button_variant_5]:hover:after {
height: 100%
}
div[data-variant=button_variant_4] {
border-width: 2px !important;
border-color: var(--button-color-preset-border-color) !important;
background-color: transparent !important
}
div[data-variant=button_variant_4]:hover:after {
height: 100%
}
div[data-variant=button_variant_6] {
border-radius: 6px
}
div[data-variant=button_variant_7] {
background-color: transparent !important;
border-color: transparent !important
}
div[data-variant=button_variant_7]:after {
content: "";
width: 0px;
position: relative;
bottom: 0;
height: 2px;
transform: translateY(6px);
background-color: var(--button-color-preset-hover-color);
display: block;
transition: width .3s cubic-bezier(.25, 1, .5, 1)
}
div[data-variant=button_variant_7]:hover:after {
width: 100%
}
div[data-variant=button_variant_8] {
border-radius: 50px
}
div[data-variant=button_variant_9] {
border-radius: 50px;
margin: 5px !important;
background-color: transparent !important;
transition: all .3s cubic-bezier(.25, 1, .5, 1)
}
div[data-variant=button_variant_9]:hover {
border-radius: 50px;
margin: 5px !important;
background-color: var(--button-color-preset-background-hover-color) !important;
color: var(--button-color-preset-hover-color) !important;
transition: all .3s cubic-bezier(.25, 1, .5, 1)
}
div[data-variant=button_variant_10] {
border: 2px solid;
border-color: var(--button-color-preset-border-color) !important;
border-radius: 100px !important;
width: 50px !important;
height: 50px !important;
padding: 0 !important;
font-size: 12px !important;
background-color: var(--button-color-preset-background-color) !important;
margin: 5px !important;
text-align: center !important;
color: var(--button-color-preset-color) !important;
display: flex !important;
align-items: center;
justify-content: center
}
div[data-variant=button_variant_11] {
border-radius: 50px
}
div[data-variant=button_variant_13], div[data-variant=button_variant_12] {
background-color: var(--button-color-preset-background-color) !important;
position: relative;
font-family: Open Sans, sans-serif;
font-size: 12px;
text-decoration: none;
color: var(--button-color-preset-color) !important;
border: solid 1px var(--button-color-preset-border-color) !important;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0 0 0 / 29%)), color-stop(1, rgb(255 255 255 / 28%)));
box-shadow: inset 0 1px #fdfdfda3, 0 1px #ffffff3b;
border-radius: 5px;
min-width: 50px;
padding: 10px 20px !important
}
div[data-variant=button_variant_13] {
border-radius: 50px
}
div[data-variant=button_variant_14] {
background-color: #000;
border-radius: 0;
min-width: 50px;
padding: 10px 20px !important;
background-color: var(--button-color-preset-background-color) !important
}
div[data-variant=button_variant_15] {
border-radius: 0;
border-color: transparent !important;
min-width: 50px;
padding: 10px 20px 10px 0 !important;
color: var(--button-color-preset-color) !important;
background-color: transparent !important
}
div[data-variant=button_variant_15]:hover {
background-color: transparent !important
}
div[data-variant=button_variant_15]:after {
content: "\2192";
transform: translate(-5px);
margin-left: 10px;
font-family: Arial;
color: var(--button-color-preset-color) !important;
display: inline-block;
transition: all .3s cubic-bezier(.25, 1, .5, 1);
background-color: transparent !important
}
div[data-variant=button_variant_15]:hover:after {
content: "\2192";
transform: translate(0);
color: var(--button-color-preset-hover-color) !important;
background-color: transparent !important
}
div[data-variant=button_variant_16] {
border: 2px solid;
border-color: var(--button-color-preset-border-color) !important;
border-radius: 100px !important;
width: 50px !important;
height: 50px !important;
padding: 0 !important;
font-size: 0px !important;
background-color: var(--button-color-preset-background-color) !important;
margin: 5px !important;
text-align: center !important;
color: var(--button-color-preset-color) !important
}
div[data-variant=button_variant_16]:after {
content: "\2192";
position: relative;
font-family: Arial;
color: var(--button-color-preset-color) !important;
font-size: 20px !important;
margin: 0 !important;
padding: 0 !important;
top: 14px !important;
letter-spacing: 0em !important;
line-height: 1em !important;
background-color: transparent !important
}
div[data-variant=button_variant_16]:hover:after {
color: var(--button-color-preset-hover-color) !important
}
div[data-variant=button_variant_17] {
border: none !important;
border-radius: 0 !important;
background-color: var(--button-color-preset-background-color) !important;
padding: 10px 20px !important;
margin: 5px !important;
color: var(--button-color-preset-color) !important
}
div[data-variant=button_variant_17]:after {
content: "\2192";
position: relative;
margin-left: 10px;
font-family: Arial;
color: var(--button-color-preset-color) !important;
font-size: 20px !important;
background-color: transparent !important
}
div[data-variant=button_variant_17]:hover:after {
color: var(--button-color-preset-hover-color) !important
}
div[data-variant=button_variant_18] {
display: flex !important;
flex-direction: row-reverse !important;
align-items: center;
border: none !important;
border-radius: 0 !important;
background-color: var(--button-color-preset-background-color) !important;
padding: 10px 20px !important;
margin: 5px !important;
color: var(--button-color-preset-color) !important
}
div[data-variant=button_variant_18]:after {
content: "\2192";
position: relative;
margin-right: 10px;
font-family: Arial;
color: var(--button-color-preset-color) !important;
font-size: 20px !important;
padding-bottom: 2px;
background-color: transparent !important
}
div[data-variant=button_variant_18]:hover:after {
color: var(--button-color-preset-hover-color) !important
}
div[data-variant=button_variant_19] {
border: none !important;
border-radius: 100px !important;
background-color: var(--button-color-preset-background-color) !important;
padding: 10px 20px !important;
margin: 5px !important;
color: var(--button-color-preset-color) !important
}
div[data-variant=button_variant_19]:after {
content: "\2192";
position: relative;
margin-left: 10px;
font-family: Arial;
color: var(--button-color-preset-color) !important;
font-size: 20px !important;
background-color: transparent !important
}
div[data-variant=button_variant_19]:hover:after {
color: var(--button-color-preset-hover-color) !important
}
div[data-variant=button_variant_1_invert] {
border-radius: 0;
min-width: 50px;
outline-offset: -2px !important;
padding: 10px 20px !important;
outline: 2px solid var(--button-color-preset-border-color) !important;
background-color: var(--button-color-preset-background-color) !important;
color: var(--button-color-preset-color) !important
}
div[data-variant=button_variant_1_accent] {
border-radius: 0;
min-width: 50px;
border: 0px solid var(--button-color-preset-border-color) !important;
padding: 10px 20px !important;
background-color: var(--button-color-preset-background-color) !important;
color: var(--button-color-preset-color) !important
}
div[data-variant=button_variant_1_accent]:hover {
background-color: var(--button-color-preset-background-hover-color) !important;
color: var(--button-color-preset-hover-color) !important
}
div[data-variant=button_variant_1_accent2] {
border-radius: 0;
min-width: 50px;
padding: 10px 20px !important;
border: 0px solid var(--theme-color-2) !important;
background-color: var(--button-color-preset-background-color) !important;
color: var(--button-color-preset-color) !important
}
div[data-variant=button_variant_1_accent2_semiround] {
border-radius: 5px;
min-width: 50px;
padding: 10px 20px !important;
color: var(--button-color-preset-color) !important;
background-color: var(--button-color-preset-background-color) !important
}
div[data-variant=button_variant_1_accent2_semiround_acc1] {
border-radius: 5px;
min-width: 50px;
padding: 10px 20px !important;
border: 2px solid var(--theme-color-2) !important;
background-color: var(--button-color-preset-background-color) !important;
color: var(--button-color-preset-color) !important
}
div[data-variant=button_variant_1_accent2_semiround_acc2] {
border-radius: 5px;
min-width: 50px;
padding: 10px 20px !important;
border: 0px solid var(--theme-color-1) !important;
box-shadow: 0 2px 2px #00000010;
color: var(--button-color-preset-color) !important;
background-color: var(--button-color-preset-background-color) !important
}
div[data-variant=button_variant_1_accent3], div[data-variant=button_variant_1_accent4] {
border-radius: 0;
min-width: 50px;
border: 0px solid var(--theme-color-6) !important;
padding: 10px 20px !important;
background-color: var(--button-color-preset-background-color) !important;
color: var(--button-color-preset-color) !important
}
div[data-variant=button_variant_2_invert] {
border-radius: 100px !important;
min-width: 50px;
border: 2px solid var(--theme-color-2) !important;
padding: 10px 20px !important;
color: var(--button-color-preset-color) !important;
background-color: var(--button-color-preset-background-color) !important
}
div[data-variant=button_variant_2_solid] {
border-radius: 100px !important;
min-width: 50px;
border: 0px solid var(--theme-color-2) !important;
padding: 10px 20px !important;
color: var(--button-color-preset-color) !important;
background-color: var(--button-color-preset-background-color) !important;
box-shadow: 0 2px 2px #00000010
}
div[data-variant=button_variant_2_solid_invert] {
border-radius: 100px !important;
min-width: 50px;
border: 0px solid var(--theme-color-1) !important;
padding: 10px 20px !important;
color: var(--button-color-preset-color) !important;
background-color: var(--button-color-preset-background-color) !important;
box-shadow: 0 2px 2px #00000010
}
div[data-elementtype=VIDEO] {
overflow: hidden;
position: relative;
height: 0
}
div[data-elementtype=VIDEO] iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute
}
.social {
display: flex;
flex-wrap: wrap
}
div[data-elementtype=SOCIAL] {
width: 25px;
height: 25px;
box-sizing: border-box;
display: flex
}
div[data-elementtype=SOCIAL] svg {
width: 80%;
height: 100%
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_1] svg {
fill: #b3b3b3
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_2] svg {
fill: #fff
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_3] svg {
fill: #000
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_4] {
background-color: #fff;
border-radius: 900px
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_4] svg {
fill: #000;
position: relative;
width: 50%;
height: 100%;
left: 25%
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_5] {
background-color: #000;
border-radius: 900px
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_5] svg {
fill: #fff;
position: relative;
width: 50%;
height: 100%;
left: 25%
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_6] {
background-color: #1e90ff;
border-radius: 900px
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_6] svg {
fill: #fff;
position: relative;
width: 50%;
height: 100%;
left: 25%
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_7] {
background-color: #1e90ff;
border-radius: 0
}
div.facebook[data-elementtype=SOCIAL][data-socialtheme=social_theme_8]:before, div.facebook[data-elementtype=SOCIAL][data-socialtheme=social_theme_6], div.facebook[data-elementtype=SOCIAL][data-socialtheme=social_theme_7] {
background-color: #3b5998
}
div.yelp[data-elementtype=SOCIAL][data-socialtheme=social_theme_8]:before, div.yelp[data-elementtype=SOCIAL][data-socialtheme=social_theme_6], div.yelp[data-elementtype=SOCIAL][data-socialtheme=social_theme_7] {
background-color: #d32323
}
div.twitter[data-elementtype=SOCIAL][data-socialtheme=social_theme_8]:before, div.twitter[data-elementtype=SOCIAL][data-socialtheme=social_theme_6], div.twitter[data-elementtype=SOCIAL][data-socialtheme=social_theme_7] {
background-color: #1da1f2
}
div.linkedin[data-elementtype=SOCIAL][data-socialtheme=social_theme_8]:before, div.linkedin[data-elementtype=SOCIAL][data-socialtheme=social_theme_6], div.linkedin[data-elementtype=SOCIAL][data-socialtheme=social_theme_7] {
background-color: #007bb5
}
div.whatsapp[data-elementtype=SOCIAL][data-socialtheme=social_theme_8]:before, div.whatsapp[data-elementtype=SOCIAL][data-socialtheme=social_theme_6], div.whatsapp[data-elementtype=SOCIAL][data-socialtheme=social_theme_7] {
background-color: #25d366
}
div.pinterest[data-elementtype=SOCIAL][data-socialtheme=social_theme_8]:before, div.pinterest[data-elementtype=SOCIAL][data-socialtheme=social_theme_6], div.pinterest[data-elementtype=SOCIAL][data-socialtheme=social_theme_7] {
background-color: #bd081c
}
div.youtube[data-elementtype=SOCIAL][data-socialtheme=social_theme_8]:before, div.youtube[data-elementtype=SOCIAL][data-socialtheme=social_theme_6], div.youtube[data-elementtype=SOCIAL][data-socialtheme=social_theme_7] {
background-color: red
}
div.instagram[data-elementtype=SOCIAL][data-socialtheme=social_theme_8]:before, div.instagram[data-elementtype=SOCIAL][data-socialtheme=social_theme_6], div.instagram[data-elementtype=SOCIAL][data-socialtheme=social_theme_7] {
background-color: #c32aa3
}
div.vimeo[data-elementtype=SOCIAL][data-socialtheme=social_theme_8]:before, div.vimeo[data-elementtype=SOCIAL][data-socialtheme=social_theme_6], div.vimeo[data-elementtype=SOCIAL][data-socialtheme=social_theme_7] {
background-color: #1ab7ea
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_7] svg {
fill: #fff;
position: relative;
width: 50%;
height: 100%;
left: 25%
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_8] {
position: relative
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_8]:before {
content: "";
background-color: red;
width: 100%;
height: 0%;
position: absolute;
bottom: 0;
transition: height .3s cubic-bezier(.25, 1, .5, 1)
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_8]:hover:before {
height: 100%
}
div[data-elementtype=SOCIAL][data-socialtheme=social_theme_8] svg {
fill: #fff;
position: relative;
width: 50%;
height: 100%;
left: 25%
}
div[data-elementtype=RATING] {
display: flex;
flex-wrap: wrap;
margin-left: 0 !important;
margin-right: 0 !important
}
div[data-elementtype=RATING] div[data-ratingstars=full], div[data-elementtype=RATING] div[data-ratingstars=half], div[data-elementtype=RATING] div[data-ratingstars=empty] {
width: 20px;
height: 20px;
background-position: center;
background-size: contain
}
div[data-elementtype=RATING] div[data-ratingstars=full] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/g%3E%3C/svg%3E")
}
div[data-elementtype=RATING] div[data-ratingstars=empty] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E")
}
div[data-elementtype=RATING] div[data-ratingstars=half] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_2] div[data-ratingstars=full] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/g%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_2] div[data-ratingstars=empty] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_2] div[data-ratingstars=half] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_3] div[data-ratingstars=full] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/g%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_3] div[data-ratingstars=empty] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_3] div[data-ratingstars=half] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_3] div {
background-color: green;
box-sizing: border-box;
background-size: 80%;
background-repeat: no-repeat;
margin: 1px;
padding: 3px
}
div[data-elementtype=RATING][data-variant=rating_variant_4] div[data-ratingstars=full] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/g%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_4] div[data-ratingstars=empty] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_4] div[data-ratingstars=half] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_4] div {
background-color: gold;
box-sizing: border-box;
background-size: 80%;
background-repeat: no-repeat;
margin: 1px;
padding: 3px
}
div[data-elementtype=RATING][data-variant=rating_variant_5] div[data-ratingstars=full] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='gold' width='18px' height='18px'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/g%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_5] div[data-ratingstars=empty] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gold' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E")
}
div[data-elementtype=RATING][data-variant=rating_variant_5] div[data-ratingstars=half] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gold' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E")
}
div[data-elementtype=BODY] div, div[data-elementtype=BODY] p:empty, div[data-elementtype=BODY] p {
white-space: pre-wrap;
display: inline-block;
width: 100%
}
.element[data-elementtype=BODY] p {
padding-top: 20px
}
.element[data-elementtype=BODY] h2, .element[data-elementtype=BODY] h3 {
padding-top: 30px
}
img[data-attribute-image-s] {
width: 300px;
max-height: inherit
}
img[data-attribute-image-m] {
width: 500px;
max-height: inherit
}
img[data-attribute-image-wide] {
width: 700px;
max-height: inherit
}
.maps-info-window_container {
line-height: 1.35;
overflow: hidden;
white-space: nowrap;
display: flex;
flex-direction: column;
max-width: 282px;
background-color: #fff
}
.maps-info-window_img {
flex: 1;
max-height: 140px;
display: flex;
overflow: hidden
}
.maps-info-window_img img {
max-height: 140px;
width: 100%;
object-fit: cover;
margin: auto
}
@media only screen and (max-width: 800px) {
.maps-info-window_img, .maps-info-window_img img {
max-height: 100px
}
}
.maps-info-window_name {
font-weight: 700;
color: #000;
padding-top: 10px;
white-space: normal
}
.maps-info-window_address {
opacity: 1;
color: gray;
white-space: normal
}
.maps-info-window_buttons {
display: flex;
flex-direction: row;
padding-top: 10px;
outline: none !important
}
.maps-info-window_call-button {
background-color: var(--multimap-color-button-background-color);
color: var(--multimap-color-button-color);
border: 1px solid #00000029 !important;
outline: none !important
}
.maps-info-window_call-button:hover {
background-color: var(--multimap-color-button-background-hover-color);
color: var(--multimap-color-button-hover-color);
border: 1px solid #00000029 !important;
outline: none !important
}
.maps-info-window_call-button, .maps-info-window_call-button a {
border-radius: 5px;
opacity: 1;
display: flex;
flex: 5;
outline: none !important
}
.maps-info-window_phone-svg {
display: flex;
padding: 5px
}
.maps-info-window_call-button svg {
fill: #fff;
margin: auto
}
.maps-info-window_phone-number {
margin: auto;
padding: 5px;
display: flex;
flex-direction: row;
width: 100%
}
.maps-info-window_phone-number .maps-info-window_phone-icon {
margin: auto 0;
flex: 0
}
.maps-info-window_phone-number svg {
padding-top: 3px;
padding-left: 6px
}
.maps-info-window_phone-number .maps-info-window_phone-text {
margin: auto 10px;
flex: 1;
text-align: center
}
.maps-info-window_navigate-button svg {
fill: var(--multimap-color-title-color) !important
}
.maps-info-window_navigate-button {
display: flex;
padding: 0 0 0 15px;
flex: 1
}
.maps-info-window_navigate-button a {
margin: auto;
display: flex
}
.maps-info-window_navigate-button a svg {
fill: #656565 !important;
margin: auto
}
.multimap-map-container {
flex: 1;
background-color: #fff
}
.multimap-container[data-variant=map_variant_1] .multimap-controls {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 220px;
z-index: 2
}
.multimap-container[data-variant=map_variant_1] .multimap-controls .multimap-controls-prev-scroller .multimap-controls-prev-scroller-button.up, .multimap-container[data-variant=map_variant_1] .multimap-controls .multimap-controls-next-scroller .multimap-controls-next-scroller-button.down {
display: block !important
}
.multimap-container[data-variant=map_variant_2] {
display: flex;
flex-direction: column-reverse
}
.multimap-container[data-variant=map_variant_2] .multimap-controls {
background-color: var(--multimap-color-background-color);
flex-direction: row
}
.multimap-container[data-variant=map_variant_2] .multimap-controls .multimap-controls-prev-scroller .multimap-controls-prev-scroller-button.left, .multimap-container[data-variant=map_variant_2] .multimap-controls .multimap-controls-next-scroller .multimap-controls-next-scroller-button.right {
display: block !important
}
.multimap-container[data-variant=map_variant_3] .multimap-controls {
flex-direction: column;
background-color: var(--multimap-color-background-color)
}
.multimap-container[data-variant=map_variant_3] .multimap-controls .multimap-controls-prev-scroller .multimap-controls-prev-scroller-button.up, .multimap-container[data-variant=map_variant_3] .multimap-controls .multimap-controls-next-scroller .multimap-controls-next-scroller-button.down {
display: block !important
}
.multimap-container[data-variant=map_variant_4] {
display: flex;
flex-direction: column
}
.multimap-container[data-variant=map_variant_4] .multimap-controls {
display: flex;
flex-direction: row
}
.multimap-container[data-variant=map_variant_4] .multimap-controls {
background-color: var(--multimap-color-background-color)
}
.multimap-container[data-variant=map_variant_4] .multimap-controls .multimap-controls-prev-scroller .multimap-controls-prev-scroller-button.left, .multimap-container[data-variant=map_variant_4] .multimap-controls .multimap-controls-next-scroller .multimap-controls-next-scroller-button.right {
display: block !important
}
.multimap-container .multimap-controls {
display: flex;
overflow: hidden
}
.multimap-container .multimap-controls-item-container-wrapper-outer {
display: block;
flex: 1;
overflow: hidden;
position: relative
}
.multimap-container .vertical .multimap-controls-item-container-wrapper {
width: 100%;
transition: left .3s cubic-bezier(.25, 1, .5, 1)
}
.multimap-container .horizontal .multimap-controls-item-container-wrapper {
transition: left .3s cubic-bezier(.25, 1, .5, 1);
height: 100%
}
.multimap-container .multimap-controls-item-container-wrapper {
display: inline-block
}
.multimap-container .multimap-controls-item-container {
height: 100%;
white-space: nowrap
}
.multimap-container .vertical .multimap-controls-item-container {
display: flex;
flex-direction: column
}
.multimap-container .vertical .multimap-controls-item {
width: 100%;
border: 1px solid #6f6f6f24;
border-top: none
}
.multimap-container[data-variant=map_variant_1] .multimap-controls-item {
margin: 10px 10px 0;
background-color: var(--multimap-color-background-color);
width: calc(100% - 20px)
}
.multimap-container .horizontal .multimap-controls-item-container {
display: flex;
flex-direction: row
}
.multimap-container .horizontal .multimap-controls-item {
width: 220px;
border: 1px solid #6f6f6f24;
border-left: none
}
.multimap-container.mobile .multimap-controls {
min-height: 110px
}
.multimap-container .multimap-controls-item {
display: inline-block;
line-height: 1.35;
overflow: hidden;
padding: 20px;
box-sizing: border-box
}
.multimap-container .multimap-controls-item:hover {
border-radius: 0;
cursor: pointer;
border-left: 5px solid var(--multimap-color-accent-color);
padding-left: 16px;
box-shadow: -1px 1px 4px 1px #00000017
}
.multimap-controls-item.control-selected {
border-left: 5px solid var(--multimap-color-accent-color) !important;
padding-left: 16px !important
}
.multimap-container .multimap-controls-item-name {
padding: 5px;
font-size: 14px !important;
font-weight: 700 !important;
white-space: normal !important;
letter-spacing: 0px !important;
color: var(--multimap-color-title-color)
}
.multimap-container .multimap-controls-item-address {
padding: 0 5px;
white-space: normal;
color: var(--multimap-color-color);
font-size: 12px !important;
font-weight: 400 !important;
white-space: normal !important;
letter-spacing: 0px !important
}
.multimap-container .multimap-controls-item-phone {
padding: 5px;
white-space: normal;
color: var(--multimap-color-color);
font-size: 12px !important;
font-weight: 400 !important;
white-space: normal !important;
letter-spacing: 0px !important
}
.multimap-container .multimap-map {
display: flex;
flex: 5
}
.multimap-controls-prev-scroller.clickable:hover, .multimap-controls-next-scroller.clickable:hover {
background-color: var(--multimap-color-button-background-hover-color);
color: var(--multimap-color-button-hover-color)
}
.multimap-controls-prev-scroller, .multimap-controls-next-scroller {
display: flex;
fill: #b3b3b3;
background-color: #8484840d
}
.multimap-controls-prev-scroller.hidden, .multimap-controls-next-scroller.hidden {
display: none
}
.multimap-controls-prev-scroller.clickable, .multimap-controls-next-scroller.clickable {
fill: #000;
cursor: pointer
}
.multimap-controls-prev-scroller-button, .multimap-controls-next-scroller-button {
margin: auto
}
.gm-style {
overflow-anchor: none
}
.gm-style iframe + div {
border: none !important
}
.gm-style iframe + a {
border: none !important
}
.gm-style iframe + span {
border: none !important
}
.gm-style *:focus {
outline: none !important
}
.gm-style .gm-style-iw.gm-style-iw-c {
padding: 15px 14px 12px 13px !important;
overflow: scroll
}
.gm-style .gm-style-iw-d {
display: inline
}
.clamping {
display: -webkit-box !important;
-webkit-box-orient: vertical;
overflow: hidden !important;
margin-bottom: 35px !important;
-webkit-line-clamp: var(--clamp-lines)
}
.clamping * {
display: contents !important
}
.unclamper {
pointer-events: all;
position: relative;
top: -25px;
cursor: pointer;
opacity: .7;
height: 0px;
font-size: 14px
}
.unclamper.hidden {
display: none
}
.unclamper:hover {
opacity: 1
}
.website section[data-arrangergallerycols="2"] article {
width: 50%
}
.website section[data-arrangergallerycols="3"] article {
width: 33.33333333333%
}
.website section[data-arrangergallerycols="4"] article {
width: 25%
}
@media only screen and (max-width: 680px) {
.website section[data-layoutclass=right-center] article .pic-side, .website section[data-layoutclass=right-right] article .pic-side, .website section[data-layoutclass=right-left] article .pic-side, .website section[data-layoutclass=left-center] article .pic-side, .website section[data-layoutclass=left-right] article .pic-side, .website section[data-layoutclass=left-left] article .pic-side, .website section[data-layoutclass=top-center] article .pic-side, .website section[data-layoutclass=top-left] article .pic-side, .website section[data-layoutclass=top-right] article .pic-side, .website section[data-layoutclass=bottom-left] article .pic-side, .website section[data-layoutclass=bottom-right] article .pic-side, .website section[data-layoutclass=bottom-center] article .pic-side {
min-height: var(--arranger-item-min-height, 250px) !important
}
.website section[data-layoutclass=middle-left]:not[data-arranger=flex] article, .website section[data-layoutclass=middle-right]:not[data-arranger=flex] article, .website section[data-layoutclass=middle-center]:not[data-arranger=flex] article, .website section[data-layoutclass=middle-left]:not[data-arranger=carousel] article, .website section[data-layoutclass=middle-right]:not[data-arranger=carousel] article, .website section[data-layoutclass=middle-center]:not[data-arranger=carousel] article {
min-height: 250px !important
}
}
@media only screen and (max-width: 850px) {
.website section[data-arrangergallerycols="10"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="9"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="8"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="7"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="6"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="5"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="4"]:not([data-arranger="carousel"]) article {
width: 25% !important;
flex-grow: 1
}
}
@media only screen and (max-width: 680px) {
.website section[data-arrangergallerycols="10"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="9"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="8"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="7"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="6"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="5"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="4"]:not([data-arranger="carousel"]) article {
width: 40% !important;
flex-grow: 1
}
.website section[data-arrangergallerycols="3"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="2"]:not([data-arranger="carousel"]) article {
width: 50% !important;
flex-grow: 1
}
}
@media only screen and (max-width: 480px) {
.website section[data-layoutclass=middle-center] article, .website section[data-layoutclass=middle-left] article, .website section[data-layoutclass=middle-right] article {
min-height: 20vw
}
.website section[data-arrangergallerycols="8"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="7"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="6"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="5"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="4"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="3"]:not([data-arranger="carousel"]) article, .website section[data-arrangergallerycols="2"]:not([data-arranger="carousel"]) article {
width: 100% !important;
flex-grow: 1
}
}
.website section[data-arrangergallerycols="5"]:not([data-arranger="carousel"]) article {
width: 20%
}
.website section {
position: relative;
width: 100%;
min-height: 0
}
.website section[data-layouttype=menu] {
min-height: auto
}
.website section .children {
width: 100%;
min-height: inherit;
position: relative;
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
align-items: flex-start
}
.website section .children .section-children {
width: 100%;
min-height: inherit;
position: relative;
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto
}
.website section[data-arranger=carousel] article.section-header, .website section[data-arranger=matrix] article.section-header {
width: 100% !important;
min-height: 0 !important;
height: inherit !important
}
@media only screen and (min-width: 880px) {
.website section[data-headerposition=right], .website section[data-headerposition=left] {
display: flex;
align-items: flex-start
}
.website section[data-headerposition=right] .children .section-children, .website section[data-headerposition=left] .children .section-children {
width: 70% !important
}
.website section[data-headerposition=right] article.section-header, .website section[data-headerposition=left] article.section-header {
width: calc(30% - var(--arranger-item-spacing) - var(--arranger-item-spacing)) !important;
margin-right: 0 !important;
margin-bottom: 0 !important
}
.website section[data-blocksverticalalign=bottom][data-headerposition=right] article.section-header, .website section[data-blocksverticalalign=bottom][data-headerposition=left] article.section-header {
align-self: flex-end
}
.website section[data-blocksverticalalign=center][data-headerposition=right] article.section-header, .website section[data-blocksverticalalign=center][data-headerposition=left] article.section-header {
align-self: center
}
.website section[data-blocksverticalalign=top][data-headerposition=right] article.section-header, .website section[data-blocksverticalalign=top][data-headerposition=left] article.section-header {
align-self: flex-start
}
.website section[data-headerposition=left] .children {
flex-direction: row
}
.website section[data-headerposition=right] .children {
flex-direction: row-reverse
}
.website section[data-arranger=carousel][data-headerposition=right] article.section-header, .website section[data-arranger=carousel][data-headerposition=left] article.section-header {
width: calc(30% - var(--arranger-item-spacing, 0px) - var(--arranger-item-spacing, 0px)) !important
}
.website section[data-arranger=carousel][data-headerposition=right] .children .glide, .website section[data-arranger=carousel][data-headerposition=left] .children .glide {
overflow: hidden;
width: calc(70% - var(--carousel-arrows-padding)) !important;
padding: 0 calc(calc(2 * var(--original-carousel-gap) + var(--carousel-arrows-padding)) * var(--carousel-arrows-outside));
margin: 0 auto
}
.website section[data-arranger=carousel][data-headerposition=right] .children .glide .glide__track .glide__arrows.arrows-outside .glide__arrow--left, .website section[data-arranger=carousel][data-headerposition=left] .children .glide .glide__track .glide__arrows.arrows-outside .glide__arrow--left {
left: 0
}
.website section[data-arranger=carousel][data-headerposition=right] .children .glide .glide__track .glide__arrows.arrows-outside .glide__arrow--right, .website section[data-arranger=carousel][data-headerposition=left] .children .glide .glide__track .glide__arrows.arrows-outside .glide__arrow--right {
right: 0
}
.website section[data-arranger=carousel][data-headerposition=right] .children .section-header, .website section[data-arranger=carousel][data-headerposition=left] .children .section-header {
margin-bottom: 0
}
.website section[data-arranger=carousel][data-headerposition=right] .children .glide .glide__track, .website section[data-arranger=carousel][data-headerposition=left] .children .glide .glide__track {
display: grid
}
.website section[data-arranger=carousel][data-headerposition=right] .children .section-children, .website section[data-arranger=carousel][data-headerposition=left] .children .section-children {
width: auto !important
}
.website section[data-arranger=carousel][data-headerposition=left] .children {
flex-direction: row
}
.website section[data-arranger=carousel][data-headerposition=right] .children {
flex-direction: row-reverse
}
}
.website section[data-arranger=matrix] article.pic-side {
display: none
}
.website section[data-arrangersubtype=mazonite] article {
min-height: min-content;
justify-content: end;
display: inline-block;
position: absolute
}
.website section[data-arrangersubtype=mazonite][data-layoutclass=bottom-center] article.section-item .pic-side {
flex-grow: 0
}
.website section[data-arrangersubtype=mazonite] article .pic-side img {
height: auto;
position: relative
}
.website section[data-arrangersubtype=mazonite] .children {
display: flex;
flex-flow: column wrap;
max-width: 100%
}
.website section[data-arrangersubtype=mazonite] article {
flex: 1 0 auto;
overflow: hidden
}
section[data-arranger=flex] article {
flex: 0 0 100%;
overflow: hidden;
min-height: inherit
}
section[data-arranger=carousel] article {
flex: none;
overflow: hidden
}
.website section[data-arranger=carousel] .children, .website section[data-arranger=flex] .children {
overflow: hidden;
flex-wrap: nowrap
}
.website section[data-arranger=carousel] .children, .website section[data-is-slide-section=true] .children {
flex-direction: column
}
.website section[data-arranger=carousel] .children .section-header {
align-self: center
}
.website section[data-arranger=flex] .children .section-children {
overflow: hidden;
flex-wrap: nowrap
}
.website section[data-arranger=carousel] .children .section-children {
flex-wrap: nowrap
}
.website section[data-arranger=flex] article.slide-animation {
transition: transform 1s cubic-bezier(.165, .84, .44, 1)
}
.website section[data-arranger=flex] article.fade-animation {
position: absolute;
inset: 0;
z-index: -1;
display: none
}
.website section[data-is-slide-section=false] article.slide-animation {
transform: translate(0) !important
}
.website section[data-is-slide-section=true] article.fade-animation {
transform: translate(0) !important
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeIn {
0% {
opacity: .1
}
to {
opacity: 1
}
}
.website section[data-arranger=flex] article.fade-animation.prev-visible-slide {
z-index: 2;
display: inherit;
animation-name: fadeOut;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out
}
.website section[data-arranger=flex] article.fade-animation.visible-slide {
z-index: 3;
position: relative;
display: inherit;
animation-name: fadeIn;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out
}
.website section[data-arranger=flex] .pagination {
position: absolute;
bottom: 20px;
left: 50%;
transform: translate(-50%);
z-index: 4
}
.website section[data-arranger=flex][data-carousel-bullets-position=outside] .pagination {
position: relative;
text-align: center;
display: flex;
flex: 1;
justify-content: center;
padding: 10px;
z-index: 4;
transform: unset;
left: unset;
bottom: unset
}
.website section[data-arranger=flex][data-carousel-bullets-position=none] .pagination {
display: none
}
.website section[data-arranger=carousel] .pagination {
display: grid;
justify-content: center;
grid-auto-flow: column;
padding: 20px
}
.website section[data-arranger=flex] .pagination .slide-dot, .website section[data-arranger=carousel] .pagination .slide-dot {
cursor: pointer;
float: left;
background-color: gray;
width: 9px;
height: 9px;
border-radius: 7px;
margin: 2px;
z-index: 4;
box-shadow: 0 .25em .5em #0000001a
}
.website section[data-arranger=flex] .pagination .slide-dot {
transition: all .3s ease-in-out
}
.website section[data-arranger=flex].section[data-arranger-pagination-style=lines] .pagination .slide-dot {
height: 4px;
width: 19px;
border-radius: 10%;
border: none
}
.website section[data-arranger=flex].section[data-arranger-pagination-style=lines] .pagination .slide-dot.active {
width: 40px
}
.website section[data-arranger=flex].section[data-arranger-pagination-style=hollow] .pagination .slide-dot {
box-sizing: border-box;
background-color: transparent;
border-style: solid;
border-color: gray;
border-width: 1px
}
.website section[data-arranger=flex].section[data-arranger-pagination-style=hollow] .pagination .slide-dot.active {
background-color: gray;
border-color: gray
}
.website section[data-arranger=flex].section[data-arranger-pagination-style=expanded-dots] .pagination .slide-dot {
cursor: pointer;
margin: 3px;
border-radius: 4px;
border: none;
width: 11px
}
.website section[data-arranger=flex].section[data-arranger-pagination-style=expanded-dots] .pagination .slide-dot.active {
width: 20px
}
.website section[data-arranger=flex] .pagination .slide-dot.active, .website section[data-arranger=flex] .pagination .slide-dot:hover, .website section[data-arranger=carousel] .pagination .slide-dot.active, .website section[data-arranger=carousel] .pagination .slide-dot:hover {
background-color: #e6e6e6;
box-shadow: 0 .25em .5em #0000001a
}
section[data-arranger=flex] .arrow, section[data-arranger=carousel] .arrow {
border: solid white;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 6px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
position: absolute;
right: 6%;
top: 50%;
content: ""
}
.website section[data-arranger=carousel] .gallery-pagination {
display: none
}
.website section[data-arranger=matrix] .gallery-pagination {
display: flex;
width: 100%;
align-items: center
}
.website section[data-arranger=matrix] .gallery-pagination .pagination-more-button.pagination_variant_1 {
margin: 20px auto 40px;
cursor: pointer;
padding: 10px;
font-family: arial, serif;
color: #a9a9a9;
font-size: 14px;
border: 1px solid darkgray;
position: relative
}
.website section[data-arranger=matrix] .gallery-pagination .pagination-more-button.pagination_variant_2 {
margin: 20px auto 40px;
cursor: pointer;
padding: 10px;
font-family: arial, serif;
color: #fff;
font-size: 14px;
border: 1px solid white;
position: relative
}
.website section[data-arranger=matrix] .gallery-pagination .pagination-more-button.pagination_variant_3 {
margin: 20px auto 40px;
cursor: pointer;
padding: 10px;
font-family: arial, serif;
color: #fff;
font-size: 14px;
border: 0 solid white;
position: relative;
background-color: gray
}
.popup-section-close-btn {
--close-btn-size: 24px;
display: flex;
background-color: transparent;
margin: 0;
padding: 0;
cursor: pointer;
outline: none;
border: none;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
border-radius: 50%;
transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms
}
.popup-section-close-btn-inner {
position: relative;
width: var(--close-btn-size);
height: var(--close-btn-size);
padding: 12px
}
.popup-section-close-btn:empty {
display: flex
}
.popup-section-close-btn:hover {
background-color: #00000014
}
.popup-section-close-btn:hover .popup-section-close-btn-inner:before, .popup-section-close-btn:hover .popup-section-close-btn-inner:after {
background-color: #a9a9a9
}
.popup-section-close-btn-inner:before, .popup-section-close-btn-inner:after {
position: absolute;
content: " ";
height: var(--close-btn-size);
width: 2px;
background-color: gray;
transition: background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms
}
.popup-section-close-btn-inner:before {
transform: rotate(45deg)
}
.popup-section-close-btn-inner:after {
transform: rotate(-45deg)
}
.website .top_menu {
--menu-background-color: rgba(var(--theme-color-1-rgbv), 1);
--menu-background-secondary-color: rgba(var(--theme-color-2-rgbv), 1);
--menu-background-accent-color: rgba(var(--theme-color-3-rgbv), 1);
--menu-background-mobile-color: var(--menu-background-color);
--menu-submenu-max-num-of-columns: 6;
transition: opacity .2s
}
@media only screen and (max-width: 680px) {
html:not([style*=--]) .top_menu {
opacity: 0 !important
}
}
.website article .text-side {
position: relative;
text-align: center;
padding: 10px 0;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box
}
.website section[data-container=boxed] article .text-side {
background-color: var(--theme-color-dark);
padding: 40px
}
.website section article .pic-side {
position: relative;
min-height: inherit;
height: 100%;
width: 100%;
flex-grow: 1
}
.website section article .pic-side a {
min-height: inherit
}
.website article .pic-side img.pic {
position: absolute !important;
width: 100% !important;
height: 100% !important;
min-height: inherit;
left: 0;
top: 0;
object-fit: cover;
object-position: center center
}
.website section[data-layoutborder="10"] article.section-item {
border: 0px transparent solid;
box-sizing: border-box
}
.website section[data-layoutborder="50"] article.section-item {
border: 50px transparent solid;
box-sizing: border-box
}
.website section[data-layoutborder="100"] article.section-item {
border: 100px transparent solid;
box-sizing: border-box
}
@media only screen and (max-width: 680px) {
.website section[data-layoutborder="10"] article.section-item {
border: 0px transparent solid
}
.website section[data-layoutborder="50"] article.section-item {
border: 25px transparent solid
}
.website section[data-layoutborder="100"] article.section-item {
border: 50px transparent solid
}
}
.website section[data-layoutclass=middle-center] article.section-item .pic-side, .website section[data-layoutclass=middle-left] article.section-item .pic-side, .website section[data-layoutclass=middle-right] article.section-item .pic-side {
position: absolute;
width: 100%;
min-height: 100%;
left: 0;
top: 0
}
.website section[data-layoutclass=middle-center] article.section-item .pic-side img.pic, .website section[data-layoutclass=middle-left] article.section-item .pic-side img.pic, .website section[data-layoutclass=middle-right] article.section-item .pic-side img.pic {
position: absolute
}
.website section[data-layoutclass=middle-left] article.section-item .text-side {
align-self: flex-start;
margin-left: 10%
}
.website section[data-layoutclass=middle-right] article.section-item .text-side {
align-self: flex-end;
margin-right: 10%
}
.website section[data-layoutclass=middle-center] article.section-item .text-side {
width: 100%
}
.website section[data-layoutclass=bottom-left] article.section-item, .website section[data-layoutclass=bottom-right] article.section-item, .website section[data-layoutclass=bottom-center] article.section-item {
flex-direction: column
}
.website section[data-layoutclass=bottom-left] article.section-item {
align-items: flex-start
}
.website section[data-layoutclass=bottom-right] article.section-item {
align-items: flex-end
}
.website section[data-layoutclass=bottom-left] article.section-item .text-side, .website section[data-layoutclass=bottom-right] article.section-item .text-side, .website section[data-layoutclass=bottom-center] article.section-item .text-side {
flex-grow: 50
}
.website section[data-verticalalign=top][data-layouttype=multi] article.section-item .text-side div[data-elementtype=BODY] {
flex-grow: 1
}
.website section[data-layoutclass=bottom-left] article.section-item .pic-side, .website section[data-layoutclass=bottom-right] article.section-item .pic-side, .website section[data-layoutclass=bottom-center] article.section-item .pic-side {
height: 0px;
min-height: inherit
}
.website section[data-layoutclass=bottom-left] article.section-item .pic-side img.pic, .website section[data-layoutclass=bottom-right] article.section-item .pic-side img.pic, .website section[data-layoutclass=bottom-center] article.section-item .pic-side img.pic {
height: 0px;
min-height: inherit
}
.website section[data-layoutclass=top-left] article.section-item, .website section[data-layoutclass=top-center] article.section-item, .website section[data-layoutclass=top-right] article.section-item {
flex-direction: column-reverse
}
.website section[data-layoutclass=top-left] article.section-item .text-side, .website section[data-layoutclass=top-right] article.section-item .text-side, .website section[data-layoutclass=top-center] article.section-item .text-side {
flex-grow: 50
}
.website section[data-layoutclass=top-left] article.section-item {
align-items: flex-start
}
.website section[data-layoutclass=top-right] article.section-item {
align-items: flex-end
}
.website section[data-layoutclass=top-left] article.section-item .pic-side, .website section[data-layoutclass=top-right] article.section-item .pic-side, .website section[data-layoutclass=top-center] article.section-item .pic-side {
height: 0px;
min-height: inherit
}
.website section[data-layoutclass=top-left] article.section-item .pic-side img.pic, .website section[data-layoutclass=top-right] article.section-item .pic-side img.pic, .website section[data-layoutclass=top-center] article.section-item .pic-side img.pic {
height: 0px;
min-height: inherit
}
.website section[data-layoutclass=right-left] article.section-item, .website section[data-layoutclass=right-center] article.section-item, .website section[data-layoutclass=right-right] article.section-item {
flex-direction: row;
justify-content: start
}
.website section[data-layoutclass=right-left] article:not([data-no-children="true"]).section-item .pic-side, .website section[data-layoutclass=right-center] article:not([data-no-children="true"]).section-item .pic-side, .website section[data-layoutclass=right-right] article:not([data-no-children="true"]).section-item .pic-side {
max-width: 50%
}
.website section[data-layouttype=multi][data-layoutclass=right-left] article.section-item .pic-side img.pic, .website section[data-layouttype=multi][data-layoutclass=right-center] article.section-item .pic-side img.pic, .website section[data-layouttype=multi][data-layoutclass=right-right] article.section-item .pic-side img.pic {
height: 0px;
min-height: inherit
}
.website section[data-layouttype=multi][data-layoutclass=right-left] article.section-item .pic-side a, .website section[data-layouttype=multi][data-layoutclass=right-center] article.section-item .pic-side a, .website section[data-layouttype=multi][data-layoutclass=right-right] article.section-item .pic-side a {
min-height: inherit
}
@media only screen and (max-width: 880px) {
.website section[data-layoutclass=right-left] article.section-item, .website section[data-layoutclass=right-center] article.section-item, .website section[data-layoutclass=right-right] article.section-item {
flex-direction: column
}
.website section[data-layoutclass=right-left] article.section-item .pic-side img.pic, .website section[data-layoutclass=right-center] article.section-item .pic-side img.pic, .website section[data-layoutclass=right-right] article.section-item .pic-side img.pic {
height: 0px;
min-height: inherit
}
.website section[data-layoutclass=right-left] article.section-item .pic-side, .website section[data-layoutclass=right-center] article.section-item .pic-side, .website section[data-layoutclass=right-right] article.section-item .pic-side {
height: 0px;
min-height: inherit;
min-width: 100% !important;
max-width: inherit !important
}
}
.website section[data-layoutclass=right-right] article.section-item .text-side {
flex: 1 1 50%
}
.website section[data-layoutclass=right-center] article.section-item .text-side {
flex: 1 1 50%
}
.website section[data-layoutclass=right-left] article.section-item .text-side {
flex: 1 1 50%
}
.website section[data-layoutclass=left-left] article.section-item, .website section[data-layoutclass=left-center] article.section-item, .website section[data-layoutclass=left-right] article.section-item {
flex-direction: row-reverse;
justify-content: end
}
.website section[data-layoutclass=left-left] article:not([data-no-children="true"]).section-item .pic-side, .website section[data-layoutclass=left-center] article:not([data-no-children="true"]).section-item .pic-side, .website section[data-layoutclass=left-right] article:not([data-no-children="true"]).section-item .pic-side {
max-width: 50%
}
@media only screen and (max-width: 880px) {
.website section[data-layoutclass=left-left] article.section-item, .website section[data-layoutclass=left-center] article.section-item, .website section[data-layoutclass=left-right] article.section-item {
flex-direction: column-reverse
}
.website section[data-layoutclass=left-left] article.section-item .pic-side img.pic, .website section[data-layoutclass=left-center] article.section-item .pic-side img.pic, .website section[data-layoutclass=left-right] article.section-item .pic-side img.pic {
height: 0px;
min-height: inherit
}
.website section[data-layoutclass=left-left] article.section-item .pic-side, .website section[data-layoutclass=left-center] article.section-item .pic-side, .website section[data-layoutclass=left-right] article.section-item .pic-side {
min-width: 100% !important;
max-width: inherit !important;
height: 0px;
min-height: inherit
}
}
.website section[data-layoutclass=left-right] article.section-item .text-side {
flex: 1 1 50%
}
.website section[data-layoutclass=left-center] article.section-item .text-side {
flex: 1 1 50%
}
.website section[data-layoutclass=left-left] article.section-item .text-side {
flex: 1 1 50%
}
.website article.section-header {
box-sizing: content-box !important
}
menu.top_menu h1, menu.top_menu h2, menu.top_menu h3, menu.top_menu h4, menu.top_menu ul, menu.top_menu li {
padding: 0;
margin: 0
}
menu ul, menu li {
list-style-type: none
}
menu.top_menu .buttons {
display: inline-block;
padding: 0 10px;
margin: 0 0 0 10px;
white-space: nowrap;
font-size: 1.5666666666666667rem;
font-family: Oxygen;
font-weight: 400;
font-style: normal;
letter-spacing: 0.05em;
line-height: 1.6em;
padding: 0px;
}
@media (max-width: 640px) {
menu.top_menu .buttons a:nth-child(n+3) {
display: none !important
}
}
menu.top_menu .buttons a div {
margin: 2px !important
}
menu.top_menu {
display: flex;
align-items: center;
width: 100%;
position: fixed;
z-index: 999;
flex-direction: row;
margin: 0;
padding: 0 10px;
font-family: Arial, Helvetica;
box-sizing: border-box
}
menu.top_menu .links {
display: flex;
align-items: center;
font-size: 1.5666666666666667rem;
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.5666666666666667rem;
font-family: Oxygen;
font-weight: 400;
font-style: normal;
letter-spacing: 0.05em;
line-height: 1.6em;
padding: 0px;
text-transform: uppercase;
}
menu.top_menu .links li {
padding: 10px;
position: relative
}
.identity {
display: flex;
align-items: center;
flex-grow: 1
}
menu .identity .icon {
padding: 10px;
height: 40px;
width: auto
}
menu .identity .logotype {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px
}
menu.top_menu .submenu {
display: none;
position: absolute;
z-index: 999;
padding: 10px;
transform: translate(-20px);
box-shadow: 1px 4px 5px #0000000a;
background-color: var(--menu-background-color)
}
.website menu.top_menu .submenu li {
width: 100% !important;
box-sizing: border-box;
padding: 8px 30px;
border-right: 1px solid rgba(100, 100, 100, .1)
}
.website[data-menucalculator=active]:not([data-menuposition="side_menu"]):not([data-menuposition="drawer_menu"]):not([data-menuposition="full_menu"]) menu .links > li > .submenu, .website:not([data-menuposition="side_menu"]):not([data-menuposition="drawer_menu"]):not([data-menuposition="full_menu"]) menu.top_menu .links > li:hover > .submenu {
display: grid;
grid-template-rows: repeat(var(--menu-submenu-max-num-of-columns, 6), auto);
gap: 0px;
grid-auto-flow: column;
grid-auto-columns: auto
}
.website section[data-layouttype=menu][data-menualign=left] {
z-index: 998;
background-color: transparent !important
}
menu .buttons:empty, menu .identity .logotype:empty {
display: none
}
.website section[data-layouttype=menu][data-menualign=center] .text-side {
flex-direction: column
}
.website[data-menuposition=middle_menu] .top_menu {
margin-top: var(--stick-top-section-height);
position: relative;
flex-direction: column;
background-color: var(--menu-background-color) !important
}
.website[data-menuposition=middle_menu] section[data-position=stick-top] {
z-index: 999
}
.website[data-menuposition=middle_menu] .top_menu .identity {
flex-direction: column
}
.website[data-menuposition=middle_menu] .top_menu .identity .logotype {
align-items: center
}
.website[data-menuposition=middle_menu] .top_menu .links li, .website[data-menuposition=middle_menu] .top_menu .identity .logotype h1, .website[data-menuposition=middle_menu] .top_menu .identity .logotype h4, .website[data-menuposition=middle_menu] .top_menu .identity .logotype h2, .website[data-menuposition=middle_menu] .top_menu .identity .logotype h3 {
text-align: center
}
.website[data-menuposition=middle_menu] .top_menu .links li {
padding: 5px 10px !important
}
.website[data-menuposition=middle_menu] .top_menu .links .submenu {
min-width: 100px
}
.website[data-menuposition=center_logo_menu] .top_menu {
margin-top: var(--stick-top-section-height);
position: relative;
flex-direction: column;
justify-content: center;
background-color: var(--menu-background-color) !important
}
.website[data-menuposition=center_logo_menu] section[data-position=stick-top] {
z-index: 999
}
.website[data-menuposition=center_logo_menu] .top_menu .identity {
flex-direction: column;
position: relative;
z-index: 999 !important
}
.website[data-menuposition=center_logo_menu] .top_menu .buttons {
z-index: 996
}
.website[data-menuposition=center_logo_menu] .top_menu .links:hover {
z-index: 998
}
.website[data-menuposition=center_logo_menu] .top_menu .links {
position: absolute;
transform: translate(var(--compensation-to-middle))
}
.website[data-menuposition=center_logo_menu] .top_menu .identity .logotype {
align-items: center
}
.website[data-menuposition=center_logo_menu] .top_menu .links > li[isMiddle=true] {
margin-right: var(--identity-width) !important
}
.website[data-menuposition=center_logo_menu] .top_menu .links li, .website[data-menuposition=center_logo_menu] .top_menu .identity .logotype h1, .website[data-menuposition=center_logo_menu] .top_menu .identity .logotype h4, .website[data-menuposition=center_logo_menu] .top_menu .identity .logotype h2, .website[data-menuposition=middlcenter_logo_menue_menu] .top_menu .identity .logotype h3 {
text-align: center
}
.website .top_menu .identity .logotype h1, .website .top_menu .identity .logotype h4, .website .top_menu .identity .logotype h2, .website .top_menu .identity .logotype h3 {
padding: 1px !important;
margin: 1px !important
}
.website[data-menuposition=center_logo_menu] .top_menu .links li {
padding: 5px 10px !important
}
.website[data-menuposition=center_logo_menu] .top_menu .links .submenu {
min-width: 100px
}
.website[data-menuposition=middle_transparent_menu] {
margin-top: var(--stick-top-section-height)
}
.website[data-menuposition=middle_transparent_menu] .top_menu {
position: fixed;
top: calc(var(--editor-menu-height) + var(--stick-top-section-height));
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
background-color: transparent !important;
transition: all .8s cubic-bezier(0, .98, .58, 1)
}
body[scroll-status=scrolled] .website[data-menuposition=middle_transparent_menu] .top_menu {
background-color: var(--menu-background-secondary-color) !important
}
body[scroll-status=scrolled] .website[data-menuposition=middle_transparent_menu] section[data-position=stick-top] {
z-index: 1000
}
body[scroll-status=scrolled] .website[data-menuposition=middle_transparent_menu] .top_menu {
transform: translateY(var(--identity-height)) !important
}
.website[data-menuposition=middle_transparent_menu] .top_menu:after {
display: block;
position: absolute;
opacity: .7;
min-height: 100px;
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: -1;
pointer-events: none;
background-image: linear-gradient(rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .65) 9.4%, rgba(0, 0, 0, .6) 17.6%, rgba(0, 0, 0, .5) 24.8%, rgba(0, 0, 0, .41) 31.2%, rgba(0, 0, 0, .37) 37%, rgba(0, 0, 0, .325) 42.4%, rgba(0, 0, 0, .275) 47.5%, rgba(0, 0, 0, .224) 52.5%, rgba(0, 0, 0, .176) 57.6%, rgba(0, 0, 0, .13) 63%, rgba(0, 0, 0, .086) 68.8%, rgba(0, 0, 0, .05) 75.2%, rgba(0, 0, 0, .024) 82.4%, rgba(0, 0, 0, .008) 90.6%, rgba(0, 0, 0, 0) 100%)
}
.website[data-menuposition=middle_transparent_menu] .top_menu .identity {
flex-direction: column;
padding-top: 20px;
overflow: hidden;
transform: translateY(0);
transition: all .5s ease-out;
width: 100%;
text-align: center
}
.website[data-menuposition=middle_transparent_menu] .top_menu .identity .logotype {
align-items: center
}
.website[data-menuposition=middle_transparent_menu] .top_menu .links li, .website[data-menuposition=middle_transparent_menu] .top_menu .identity .logotype h2, .website[data-menuposition=middle_transparent_menu] .top_menu .identity .logotype h3 {
text-align: center
}
.website[data-menuposition=middle_transparent_menu] .top_menu .submenu {
transform: translate(-22px) translateY(4px)
}
.website[data-menuposition=middle_transparent_menu] .top_menu .links li {
transition: all .5s ease-out;
padding: 5px 10px !important
}
.website[data-menuposition=side_menu] {
margin-top: var(--stick-top-section-height)
}
.website[data-menuposition=side_menu] .top_menu {
position: fixed;
display: inline-block;
flex-direction: column;
width: 250px;
height: 100%;
top: 0;
overflow: auto;
background-color: var(--menu-background-color) !important;
padding-bottom: 20px
}
.website[data-menuposition=side_menu] .top_menu .buttons {
white-space: normal;
padding-top: 30px;
width: 100%;
box-sizing: border-box;
position: relative;
top: var(--side-menu-space);
text-align: center
}
.website[data-menuposition=side_menu] .top_menu .buttons a {
width: 100%;
display: block;
text-align: center
}
.website[data-menuposition=side_menu] .top_menu .buttons a div {
max-width: 163px
}
.website[data-menuposition=drawer_menu] .top_menu .buttons a div {
max-width: calc(100% - 36px)
}
body[data-ineditor=true] .website[data-menuposition=side_menu] .top_menu {
top: calc(var(--editor-menu-height));
height: calc(100% - var(--editor-menu-height))
}
.website[data-menuposition=side_menu] .bottom_footer, .website[data-menuposition=side_menu] section {
left: 250px;
width: calc(100% - 250px);
margin-right: 0;
margin-left: 0
}
.website[data-menuposition=side_menu] .top_menu .identity {
flex-direction: column;
align-items: center;
padding-top: 30px;
flex-grow: 0
}
.website[data-menuposition=side_menu] .top_menu .logotype {
align-items: center;
text-align: center
}
.website[data-menuposition=full_menu] .top_menu .links, .website[data-menuposition=side_menu] .top_menu .links {
flex-direction: column;
flex-grow: 1;
margin-top: 40px !important
}
.website[data-menuposition=side_menu] .top_menu .links {
overflow: hidden
}
.website[data-menuposition=full_menu] .top_menu .links li, .website[data-menuposition=side_menu] .top_menu .links li {
text-align: center
}
.website[data-menuposition=full_menu] .top_menu .links li .submenu, .website[data-menuposition=side_menu] .top_menu .links li .submenu {
position: relative;
background-color: transparent !important;
transform: translate(0) !important;
opacity: 1;
box-shadow: none;
left: 0 !important;
border-right: 1px solid rgba(100, 100, 100, 0)
}
.website[data-menuposition=side_menu] menu.top_menu .submenu li {
border-right: 1px solid rgba(100, 100, 100, 0)
}
.website[data-menuposition=full_menu] .top_menu span.menu-parent, .website[data-menuposition=side_menu] .top_menu span.menu-parent {
position: relative
}
.website[data-menuposition=full_menu] .top_menu li.menu-open span.menu-parent span.expand-icon, .website[data-menuposition=full_menu] .top_menu li.menu-closed span.menu-parent span.expand-icon, .website[data-menuposition=side_menu] .top_menu li.menu-open span.menu-parent span.expand-icon, .website[data-menuposition=side_menu] .top_menu li.menu-closed span.menu-parent span.expand-icon {
display: inline-block;
width: 29px;
height: 29px;
padding: 0;
position: relative
}
.website[data-menuposition=full_menu] .top_menu li.menu-open span.menu-parent span.expand-icon, .website[data-menuposition=full_menu] .top_menu li.menu-closed span.menu-parent span.expand-icon {
position: absolute;
transform: translate(-40px)
}
.website[data-menuposition=full_menu] .top_menu li.menu-closed span.menu-parent span.expand-icon:before, .website[data-menuposition=side_menu] .top_menu li.menu-closed span.menu-parent span.expand-icon:before {
content: "";
display: inline-block;
position: absolute;
vertical-align: middle;
border-bottom: 2px solid var(--menu-background-accent-color);
width: 14px;
height: 13px;
left: 8px
}
.website[data-menuposition=full_menu] .top_menu li.menu-closed span.menu-parent span.expand-icon:after, .website[data-menuposition=side_menu] .top_menu li.menu-closed span.menu-parent span.expand-icon:after {
content: "";
display: inline-block;
position: absolute;
vertical-align: middle;
border-right: 2px solid var(--menu-background-accent-color);
height: 14px;
top: 7px;
left: 14px;
width: 0px
}
.website[data-menuposition=full_menu] .top_menu li.menu-open span.menu-parent span.expand-icon:before, .website[data-menuposition=side_menu] .top_menu li.menu-open span.menu-parent span.expand-icon:before {
content: "";
display: inline-block;
position: absolute;
vertical-align: middle;
border-bottom: 2px solid var(--menu-background-accent-color);
width: 14px;
height: 13px;
left: 8px
}
.website[data-menuposition=full_menu] .top_menu .menu-parent, .website[data-menuposition=side_menu] .top_menu .menu-parent {
display: flex;
align-items: center;
justify-content: center
}
.website[data-menuposition=full_menu] .top_menu .menu-parent {
display: flex;
align-items: center;
justify-content: flex-start
}
.website[data-menuposition=full] .submenu, .website[data-menuposition=side_menu] .submenu {
transition: opacity 1s cubic-bezier(.04, -.03, 0, 1.01)
}
.website[data-menuposition=side_menu] .menu-open .menu-parent, .website[data-menuposition=side_menu] .menu-closed .menu-parent {
transform: translate(-8px)
}
.website[data-menuposition=full_menu] .menu-closed .submenu, .website[data-menuposition=side_menu] .menu-closed .submenu {
display: none;
visibility: hidden;
height: 0px;
opacity: 0;
padding: 0
}
.website[data-menuposition=full_menu] .menu-open .submenu, .website[data-menuposition=side_menu] .menu-open .submenu {
display: block;
visibility: visible;
opacity: 1
}
.website[data-menuposition=full_menu] {
margin-top: var(--stick-top-section-height)
}
.website[data-menuposition=full_menu] {
padding-top: 60px
}
.website[data-menuposition=full_menu].show-menu {
padding-top: 0
}
.website[data-menuposition=full_menu] .hamburger {
position: fixed;
top: 11px;
right: 10px;
z-index: 999999;
background-color: transparent !important
}
.website[data-menuposition=full_menu] .top_menu .buttons {
flex-direction: column;
top: 0;
left: 0;
position: absolute;
height: 60px;
display: grid;
grid-template-columns: repeat(3, minmax(0, auto));
align-items: center;
justify-content: center;
width: 100%;
max-width: calc(100% - 70px);
overflow: hidden;
background-color: transparent !important
}
@media only screen and (min-width: 680px) {
.website[data-menuposition=full_menu] .top_menu .buttons {
display: flex;
align-items: baseline
}
}
.website[data-menuposition=full_menu][menu-shrink=true] .top_menu .buttons {
margin: 0 !important;
padding: 0 0 0 10px !important
}
.website[data-menuposition=full_menu][menu-shrink=true] .top_menu .buttons div {
font-size: 9px !important;
letter-spacing: 0 !important;
margin: 2px !important;
padding-left: 10px !important;
padding-right: 10px !important
}
.website[data-menuposition=full_menu] .top_menu .buttons:after {
content: "";
width: 100%
}
.website[data-menuposition=full_menu] .top_menu .buttons a {
position: relative;
display: flex;
width: auto !important
}
.website[data-menuposition=full_menu] .hamburger {
top: calc(12px + var(--editor-menu-height) + var(--stick-top-section-height))
}
.website[data-menuposition=full_menu].show-menu .hamburger {
top: calc(12px + var(--editor-menu-height))
}
.website[data-menuposition=full_menu] .open_close {
background-color: transparent !important;
height: 40px;
width: 40px
}
.website[data-menuposition=full_menu] .open_close:after {
content: "";
top: 10px;
right: 8px;
position: absolute;
width: 25px;
height: 12px;
border-top: 2px solid #cacaca;
border-bottom: 2px solid #cacaca;
transition: transform 1s cubic-bezier(.04, .99, .07, 1);
z-index: 9999
}
.website[data-menuposition=full_menu] .open_close:before {
content: "";
top: 17px;
position: absolute;
right: 8px;
width: 25px;
height: 2px;
background: #cacaca;
transition: transform 1s cubic-bezier(.04, .99, .07, 1);
z-index: 9999
}
.website[data-menuposition=full_menu] .top_menu {
position: fixed;
flex-direction: column;
width: 100vw;
max-width: 100vw;
height: 60px;
top: calc(0px + var(--editor-menu-height) + var(--stick-top-section-height));
padding: 0vw;
transition: height 1s cubic-bezier(.04, .99, .07, 1);
opacity: 1;
background-color: var(--menu-background-color) !important;
justify-content: stretch;
overflow: hidden
}
.website[data-menuposition=full_menu] .top_menu .identity {
transition: opacity .5s cubic-bezier(.04, .99, .07, 1);
opacity: 0;
padding-top: 15vh;
flex-grow: 1;
display: block;
text-align: center;
background-color: transparent !important
}
.website[data-menuposition=full_menu].show-menu .top_menu {
right: 0;
opacity: 1;
background-color: var(--menu-background-color) !important;
height: calc(100vh - var(--editor-menu-height));
top: 0 !important;
overflow: auto;
direction: ltr
}
body[data-ineditor=true] .website[data-menuposition=full_menu].show-menu .top_menu {
top: var(--editor-menu-height) !important
}
.website[data-menuposition=full_menu].show-menu .top_menu .identity {
opacity: 1
}
.website[data-menuposition=full_menu].show-menu .top_menu .links {
opacity: 1;
margin-top: 20px !important;
margin-bottom: 150px !important
}
.website[data-menuposition=full_menu].show-menu .open_close:after {
transform: rotate(45deg);
height: 0px;
top: 17px;
border-top: 0px solid white
}
.website[data-menuposition=full_menu].show-menu .open_close:before {
transform: rotate(-45deg)
}
.website[data-menuposition=full_menu] .top_menu .identity {
flex-direction: column;
align-items: center;
flex-grow: 1
}
.website[data-menuposition=full_menu] .top_menu .logotype {
align-items: center;
text-align: center
}
.website[data-menuposition=full_menu] .top_menu .links {
flex-direction: column;
flex-grow: 1;
width: 100%;
max-width: 800px;
transition: opacity .5s cubic-bezier(.04, .99, .07, 1);
opacity: 0;
display: block;
background-color: transparent !important
}
.website[data-menuposition=full_menu] .top_menu .links li {
text-align: left;
font-size: 18px !important;
padding: 20px 30px 20px 60px !important;
background-color: transparent !important;
line-height: 1.5em;
border-bottom: 1px solid #80808026;
box-sizing: border-box;
overflow: hidden;
box-sizing: content-box
}
.website[data-menuposition=full_menu] .top_menu .links li .submenu {
display: block;
position: relative;
background-color: transparent !important;
transform: translate(0) !important;
opacity: 1;
box-shadow: none
}
.website[data-menuposition=full_menu] .top_menu .submenu {
background-color: transparent !important;
left: 0 !important
}
.website[data-menuposition=full_menu] .top_menu .submenu li {
line-height: 1.5em;
border-bottom: 0px solid #80808026;
padding: 7px 5px 7px 10px !important;
margin-bottom: 0 !important
}
.website[data-menuposition=drawer_menu] {
margin-top: var(--stick-top-section-height)
}
.website[data-menuposition=drawer_menu] .hamburger {
position: fixed;
top: 20px;
right: 10px;
z-index: 999999
}
.website[data-menuposition=drawer_menu] .top_menu .buttons {
white-space: normal;
padding-top: 30px;
width: 100%;
box-sizing: border-box;
text-align: center
}
.website[data-menuposition=drawer_menu] .top_menu .buttons {
white-space: normal;
padding-top: 30px;
width: 100%;
box-sizing: border-box;
position: relative;
top: var(--side-menu-space)
}
.website[data-menuposition=drawer_menu] .top_menu .buttons a {
width: 100%;
display: block;
text-align: center
}
body[data-ineditor=true] .website[data-menuposition=drawer_menu] .hamburger {
top: calc(20px + var(--editor-menu-height))
}
.website[data-menuposition=drawer_menu] .open_close {
background-color: transparent;
height: 40px;
width: 40px
}
.website[data-menuposition=drawer_menu] .open_close:after {
content: "";
top: 10px;
right: 8px;
position: absolute;
width: 25px;
height: 12px;
border-top: 2px solid #cacaca;
border-bottom: 2px solid #cacaca;
transition: transform 1s cubic-bezier(.04, .99, .07, 1);
z-index: 9999
}
.website[data-menuposition=drawer_menu] .open_close:before {
content: "";
top: 17px;
position: absolute;
right: 8px;
width: 25px;
height: 2px;
background: #cacaca;
transition: transform 1s cubic-bezier(.04, .99, .07, 1);
z-index: 9999
}
.website[data-menuposition=drawer_menu] .top_menu {
position: fixed;
display: inline-block;
flex-direction: column;
width: 400px;
max-width: 100vw;
height: calc(100% - var(--editor-menu-height));
right: -400px;
padding: 0vw;
transition: right 1s cubic-bezier(.04, .99, .07, 1);
top: 0;
background-color: var(--menu-background-color) !important
}
body[data-ineditor=true] .website[data-menuposition=drawer_menu] .top_menu {
top: calc(var(--editor-menu-height))
}
.website[data-menuposition=drawer_menu] .top_menu .identity {
transition: opacity .5s cubic-bezier(.04, .99, .07, 1);
opacity: 0;
padding-top: 10vh
}
.website[data-menuposition=drawer_menu] .top_menu .links {
transition: opacity .5s cubic-bezier(.04, .99, .07, 1);
opacity: 0;
flex-grow: 1;
margin-top: 30px !important
}
.website[data-menuposition=drawer_menu].show-menu .top_menu .identity, .website[data-menuposition=drawer_menu].show-menu .top_menu .links {
opacity: 1
}
.website[data-menuposition=drawer_menu].show-menu .top_menu {
right: 0;
overflow: auto
}
.website[data-menuposition=drawer_menu].show-menu .open_close:after {
transform: rotate(45deg);
height: 0px;
top: 17px;
border-top: 0px solid white
}
.website[data-menuposition=drawer_menu].show-menu .open_close:before {
transform: rotate(-45deg)
}
.website[data-menuposition=drawer_menu] .top_menu .identity {
flex-direction: column;
align-items: center;
flex-grow: 0
}
.website[data-menuposition=drawer_menu] .top_menu .logotype {
align-items: center;
text-align: center
}
.website[data-menuposition=drawer_menu] .top_menu .links {
flex-direction: column
}
.website[data-menuposition=drawer_menu] .top_menu .buttons {
padding-bottom: 10vh
}
.website[data-menuposition=drawer_menu] .top_menu .links li {
text-align: center;
background-color: transparent
}
.website[data-menuposition=drawer_menu] .top_menu .links > li {
text-align: center;
background-color: transparent !important
}
.website[data-menuposition=drawer_menu] .top_menu .links li .submenu {
display: block;
position: relative;
box-shadow: none;
transform: none !important;
background-color: transparent !important;
left: 0 !important
}
.website[data-menuposition=drawer_menu] menu.top_menu .submenu li {
border-right: 1px solid rgba(100, 100, 100, 0)
}
.website[data-menuposition=top_menu] .top_menu {
margin-top: var(--stick-top-section-height);
position: relative;
background-color: var(--menu-background-color) !important
}
.website[data-menuposition=top_menu] section[data-position=stick-top] {
z-index: 999
}
.website[data-menuposition=top_menu] .top_menu .links li, .website[data-menuposition=top_menu] .top_menu .identity .logotype h2, .website[data-menuposition=top_menu] .top_menu .identity .logotype h3 {
text-align: left;
white-space: nowrap !important;
width: min-content !important
}
.website[data-menuposition=top_menu] .top_menu .identity .logotype {
min-width: 100px
}
.website[data-menuposition=top_menu] .top_menu .buttons {
white-space: normal
}
.website[data-menuposition=top_menu][menu-collapse=true] .top_menu .buttons {
display: flex;
position: absolute;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
height: 50px;
top: 0;
left: 0;
padding: 0;
margin: 0
}
.website[data-menuposition=top_menu][menu-collapse=true] .top_menu {
padding-top: 50px
}
.website[data-menuposition=top_menu][menu-collapse=true] .top_menu .buttons div {
flex-grow: 1;
height: 100%
}
.website[data-menuposition=top_menu][menu-collapse=true] .top_menu .buttons div {
box-sizing: border-box;
margin: 0 !important;
max-width: inherit;
width: 100%
}
.website[data-menuposition=top_menu] .top_menu .links li {
padding: 10px !important
}
.website[data-menuposition=top_menu] .top_menu .links .submenu li {
width: auto !important;
text-align: left;
padding-right: 15px !important;
padding-left: 15px !important
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu, .website[data-menuposition=simple_menu] .top_menu {
position: relative;
background-color: var(--menu-background-secondary-color) !important;
flex-wrap: wrap;
padding-left: 0;
padding-right: 0
}
.website[data-menuposition=simple_menu] .top_menu {
margin-top: var(--stick-top-section-height)
}
.website[data-menuposition=simple_menu] section[data-position=stick-top] {
z-index: 999
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu {
position: fixed
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .links li, .website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .identity .logotype h2, .website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .logotype h3, .website[data-menuposition=simple_menu] .top_menu .links li, .website[data-menuposition=simple_menu] .top_menu .identity .logotype h2, .website[data-menuposition=simple_menu] .top_menu .identity .logotype h3 {
text-align: left;
white-space: nowrap !important;
width: min-content !important
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .identity .logotype, .website[data-menuposition=simple_menu] .top_menu .identity .logotype {
min-width: 100px
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .links li, .website[data-menuposition=simple_menu] .top_menu .links li {
padding: 20px !important;
position: relative;
margin-top: 0 !important;
margin-bottom: 0 !important
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .links li:after, .website[data-menuposition=simple_menu] .top_menu .links li:after {
content: "";
width: 0%;
height: 2px;
left: 0%;
position: absolute;
bottom: 0;
background-color: var(--menu-background-accent-color);
transition: all .2s ease-out
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .links li:hover:after, .website[data-menuposition=simple_menu] .top_menu .links li:hover:after {
width: 100%;
left: 0%
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .links .submenu li:after, .website[data-menuposition=simple_menu] .top_menu .links .submenu li:after {
display: none
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .identity, .website[data-menuposition=simple_menu] .top_menu .identity {
order: 1;
padding-left: 10px
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .links, .website[data-menuposition=simple_menu] .top_menu .links {
order: 3;
width: 100%;
padding-left: 20px;
padding-right: 20px;
justify-content: center;
background-color: var(--menu-background-color) !important
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .buttons, .website[data-menuposition=simple_menu] .top_menu .buttons {
white-space: normal;
order: 2;
padding-right: 10px;
display: flex;
align-items: center
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] menu.top_menu .submenu, .website[data-menuposition=simple_menu] menu.top_menu .submenu {
transform: translate(-22px) translateY(20px) !important
}
.website[data-menuposition=top_menu_fixed][menu-collapse=true] .top_menu .submenu li, .website[data-menuposition=simple_menu] menu.top_menu .submenu li {
width: 100% !important;
box-sizing: border-box;
padding: 15px 50px 15px 30px !important
}
.website[data-menuposition=top_menu_fixed] .top_menu {
position: fixed;
background-color: var(--menu-background-color) !important;
top: calc(var(--editor-menu-height) + var(--stick-top-section-height))
}
.website[data-menuposition=top_menu_fixed] {
margin-top: calc(var(--menu-height) * -1 + var(--stick-top-section-height))
}
.website[data-menuposition=top_menu_fixed] .top_menu .identity .logotype {
min-width: 100px
}
.website[data-menuposition=top_menu_fixed] .top_menu .identity [data-elementtype=ICON] {
transition: max-height 1s cubic-bezier(.04, .99, .07, 1);
max-height: 200px !important
}
body[scroll-status=scrolled] .website[data-menuposition=top_menu_fixed] .top_menu .identity [data-elementtype=ICON] {
max-height: 60px !important
}
.website[data-menuposition=top_menu_fixed] .top_menu .links {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.website[data-menuposition=top_menu_fixed] .top_menu .links li, .website[data-menuposition=top_menu_fixed] .top_menu .identity .logotype h2, .website[data-menuposition=top_menu_fixed] .top_menu .identity .logotype h3 {
white-space: nowrap !important;
width: min-content !important;
text-align: left
}
.website[data-menuposition=top_menu_fixed] .top_menu .links .submenu li {
width: auto !important;
text-align: left;
padding-right: 15px !important;
padding-left: 15px !important
}
.website[data-menuposition=top_menu_fixed] .top_menu .buttons {
white-space: normal
}
.website[data-menuposition=top_menu_fixed] .top_menu .buttons div, .website[data-menuposition=top_menu] .top_menu .buttons div, .website[data-menuposition=drawer_menu] .top_menu .buttons div, .website[data-menuposition=side_menu] .top_menu .buttons div, .website[data-menuposition=simple_menu] .top_menu .buttons div {
white-space: nowrap
}
.website[data-menuposition=top_menu_fixed] .top_menu .links li {
padding: 10px !important
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] {
padding-top: max(60px, calc(var(--dynamic-menu-logo-height) + var(--dynamic-buttons-height)))
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu {
transition: min-height 1s cubic-bezier(.04, .99, .07, 1);
width: 100%
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true]:not(.show-menu) .top_menu {
height: auto;
min-height: max(60px, calc(var(--dynamic-menu-logo-height) + var(--dynamic-buttons-height)))
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true].show-menu .top_menu {
max-height: 0;
min-height: calc(100vh - var(--editor-menu-height));
overflow-x: hidden;
overflow-y: overlay
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true]:not(.show-menu) .top_menu .links {
opacity: 0;
max-height: 0px !important;
margin-top: auto !important
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu .links {
opacity: 1;
order: 2
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu .identity a {
display: inline-flex;
justify-content: center
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu .identity .logotype {
display: none
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu .identity {
opacity: 1 !important;
padding-top: 0 !important;
order: 0;
max-height: var(--dynamic-menu-logo-height);
display: flex;
width: 75%;
padding-right: 16px
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu .identity [data-elementtype=ICON] {
max-height: 50px !important;
margin: 0 !important;
padding-top: 15px
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu .buttons {
position: static
}
@media only screen and (min-width: 680px) {
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu .buttons {
display: flex;
align-items: baseline
}
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu .buttons a {
display: inline-flex
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu .buttons:after {
content: unset
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu .buttons:empty {
display: none
}
.website[data-menuposition=full_menu][data-menulogovisiblemobile=true] .top_menu .buttons div[data-elementtype^=BUTTON] {
font-size: 9px !important
}
.website[data-menuposition=full_menu][menu-shrink=true] .top_menu .buttons {
margin: 0 !important;
padding: 0 !important
}
.website[data-menuposition=fix_menu], .website[data-menuposition=fix_menu_bright] {
margin-top: var(--stick-top-section-height)
}
.website[data-menuposition=fix_menu] .top_menu, .website[data-menuposition=fix_menu_bright] .top_menu {
position: fixed;
top: calc(var(--editor-menu-height) + var(--stick-top-section-height));
background-color: transparent !important;
padding-top: 10px;
padding-bottom: 10px
}
.website[data-menuposition=fix_menu_bright] .top_menu .identity .logotype, .website[data-menuposition=fix_menu] .top_menu .identity .logotype {
min-width: 100px
}
.website[data-menuposition=fix_menu_bright] .top_menu .identity img, .website[data-menuposition=fix_menu] .top_menu .identity img {
max-height: 200px;
transition: max-height 1s cubic-bezier(.04, .99, .07, 1)
}
body[scroll-status=scrolled] .website[data-menuposition=fix_menu] .top_menu .identity img, body[scroll-status=scrolled] .website[data-menuposition=fix_menu_bright] .top_menu .identity img {
max-height: 60px;
transition: max-height 1s cubic-bezier(.04, .99, .07, 1)
}
.website[data-menuposition=fix_menu_bright] .top_menu .identity .logotype h2, .website[data-menuposition=fix_menu_bright] .top_menu .identity .logotype h3, .website[data-menuposition=fix_menu] .top_menu .identity .logotype h2, .website[data-menuposition=fix_menu] .top_menu .identity .logotype h3 {
padding: 2px !important;
margin: 0 !important;
line-height: 1 !important
}
.website[data-menuposition=fix_menu_bright] .top_menu .submenu, .website[data-menuposition=fix_menu] .top_menu .submenu {
transform: translate(-22px) translateY(4px)
}
.website[data-menuposition=fix_menu_bright] .top_menu .links li, .website[data-menuposition=fix_menu] .top_menu .links li {
padding: 5px 10px !important;
white-space: nowrap
}
.website[data-menuposition=fix_menu_bright] .top_menu:after, .website[data-menuposition=fix_menu] .top_menu:after {
display: block;
position: absolute;
opacity: .7;
min-height: 100px;
height: 100%;
top: 0;
left: 0;
width: 100%;
content: "";
z-index: -1;
pointer-events: none;
background-image: linear-gradient(rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .65) 9.4%, rgba(0, 0, 0, .6) 17.6%, rgba(0, 0, 0, .5) 24.8%, rgba(0, 0, 0, .41) 31.2%, rgba(0, 0, 0, .37) 37%, rgba(0, 0, 0, .325) 42.4%, rgba(0, 0, 0, .275) 47.5%, rgba(0, 0, 0, .224) 52.5%, rgba(0, 0, 0, .176) 57.6%, rgba(0, 0, 0, .13) 63%, rgba(0, 0, 0, .086) 68.8%, rgba(0, 0, 0, .05) 75.2%, rgba(0, 0, 0, .024) 82.4%, rgba(0, 0, 0, .008) 90.6%, rgba(0, 0, 0, 0) 100%)
}
.website[data-menuposition=fix_menu_bright] .top_menu:after {
background-image: linear-gradient(rgba(256, 256, 256, .8) 0%, rgba(256, 256, 256, .7) 20%, rgba(256, 256, 256, 0) 100%)
}
body[scroll-status=scrolled] .website[data-menuposition=fix_menu] .top_menu {
background-color: #00000080 !important
}
body[scroll-status=scrolled] .website[data-menuposition=fix_menu_bright] .top_menu:after {
background-image: linear-gradient(rgba(256, 256, 256, .5) 0%, rgba(256, 256, 256, 0) 100%);
opacity: .7
}
.website[data-menuposition=fix_menu_bright] .top_menu {
background-color: #fff0;
transition: background-color .5s linear
}
.website[data-menuposition=fix_menu] .top_menu {
background-color: #0000;
transition: background-color .5s linear
}
body[scroll-status=scrolled] .website[data-menuposition=fix_menu_bright] .top_menu {
background-color: #fffc !important
}
body[scroll-status=scrolled] .website[data-menuposition=fix_menu] .top_menu {
background-color: #0006
}
.website[data-menuposition=transparent_menu] .top_menu {
display: none !important
}
.website menu.bottom_footer {
box-sizing: border-box
}
.website[data-footerposition=hidden_footer] menu.bottom_footer {
display: none !important
}
.website[data-footerposition=horizontal_footer] .bottom_footer {
flex-direction: column;
background-color: var(--menu-background-color) !important
}
.website[data-footerposition=horizontal_footer] .bottom_footer .bottom_footer_elements {
display: flex;
flex-direction: row
}
.website[data-footerposition=vertical_footer] .bottom_footer {
flex-direction: column;
align-items: center;
background-color: var(--menu-background-color) !important
}
menu.bottom_footer {
display: flex;
position: relative;
padding: 0;
margin: 0;
align-items: center;
overflow: hidden;
flex-wrap: wrap
}
menu.bottom_footer .pic-side, menu.bottom_footer .links, menu.bottom_footer .text-side, menu.bottom_footer .identity {
position: relative;
flex-grow: 1;
align-items: center;
display: flex;
flex-direction: row;
padding: 20px;
box-sizing: border-box
}
menu.bottom_footer .pic-side {
padding: 0
}
menu.bottom_footer .links, menu.bottom_footer .text-side {
position: relative;
flex-grow: 1;
align-items: center;
display: flex;
flex-direction: row;
min-width: 140px;
height: fit-content;
padding: 10px
}
.website[data-footerposition=horizontal_footer] menu.bottom_footer .text-side {
border-left: 1px solid #80808070
}
menu.bottom_footer .links {
min-width: inherit;
justify-content: center;
max-width: 100%;
flex-wrap: wrap
}
menu.bottom_footer .identity {
flex-direction: column;
justify-content: center;
align-items: baseline
}
menu.bottom_footer .links {
align-items: baseline;
height: fit-content
}
menu.bottom_footer .links:empty, menu.bottom_footer .buttons:empty, menu.bottom_footer .logotype:empty, menu.bottom_footer .identity:empty, menu.bottom_footer .text-side:empty {
display: none
}
menu.bottom_footer .links > li {
margin: 20px;
font-weight: 700
}
menu.bottom_footer .links > li .submenu {
padding: 10px 0 0;
font-weight: 400
}
menu.bottom_footer[data-horizontalalign=center] .links > li, menu.bottom_footer[data-horizontalalign=center] .links > li .submenu > li {
text-align: center
}
menu.bottom_footer[data-horizontalalign=left] .links > li, menu.bottom_footer[data-horizontalalign=left] .links > li .submenu > li {
text-align: left
}
menu.bottom_footer[data-horizontalalign=right] .links > li, menu.bottom_footer[data-horizontalalign=right] .links > li .submenu > li {
text-align: right
}
.website[data-footerposition=vertical_footer] menu.bottom_footer .pic-side, menu[data-footerposition=horizontal_footer] .pic-side img.pic {
width: 100%
}
.website[data-footerposition=vertical_footer] menu.bottom_footer {
padding-top: 20px;
padding-bottom: 0
}
.website[data-footerposition=vertical_footer] menu.bottom_footer .identity {
order: 1;
align-items: center;
padding-top: 0;
margin-top: 0;
padding-bottom: 0;
margin-bottom: 0
}
.website[data-footerposition=vertical_footer] menu.bottom_footer .identity .logotype {
align-items: center;
text-align: center
}
.website[data-footerposition=vertical_footer] menu.bottom_footer .text-side {
order: 3;
text-align: center;
flex-direction: column;
padding: 10px;
margin: 10px
}
.website[data-footerposition=vertical_footer] menu.bottom_footer .buttons {
order: 4;
text-align: center
}
.website[data-footerposition=vertical_footer] menu.bottom_footer .links {
order: 5;
padding-bottom: 20px !important
}
.website[data-footerposition=vertical_footer] menu.bottom_footer .pic-side {
order: 6
}
.website[data-footerposition=vertical_footer] menu.bottom_footer .section-link {
order: 7;
padding-bottom: 16px
}
.website[data-footerposition=horizontal_footer] menu.bottom_footer {
flex-wrap: nowrap;
padding: 20px
}
.website[data-footerposition=horizontal_footer] menu.bottom_footer .identity {
flex-grow: 0;
padding: 10px;
min-width: 100px
}
.website[data-footerposition=horizontal_footer] menu.bottom_footer .text-side {
flex-direction: column;
align-items: start;
flex-grow: 1
}
.website[data-footerposition=horizontal_footer] menu.bottom_footer .buttons {
display: flex;
flex-direction: column;
flex-grow: 0
}
.website[data-footerposition=horizontal_footer] menu.bottom_footer .links {
flex-grow: 1
}
.website[data-footerposition=horizontal_footer] menu.bottom_footer .pic-side {
align-self: stretch
}
.website[data-footerposition=horizontal_footer] menu.bottom_footer .pic-side iframe {
height: 100%
}
@media only screen and (max-width: 800px) {
#vbid-7be45adb-5d03-4976-8c96-1e781660c57b .section-item .text-side img{
max-width:100%;
}
menu.bottom_footer {
flex-wrap: wrap !important
}
}
section[data-arranger=flex][data-arranger-arrows-position=outside] .slide-arrows, section[data-arranger=flex][data-arranger-arrows-position=overlay] .slide-arrows {
z-index: 3
}
section[data-arranger=flex][data-arranger-arrows-position=none] .slide-arrows button {
display: none
}
section[data-arranger=flex][data-arranger-arrows-position=outside] .slide-arrows button, section[data-arranger=flex][data-arranger-arrows-position=overlay] .slide-arrows button {
position: absolute;
display: block;
top: 50%;
z-index: 2;
color: #fff;
text-transform: uppercase;
padding: 9px 12px;
background-color: transparent;
border: 2px solid rgba(255, 255, 255, .5);
border-radius: 4px;
box-shadow: 0 .25em .5em #0000001a;
text-shadow: 0 .25em .5em rgba(0, 0, 0, .1);
opacity: 1;
cursor: pointer;
transition: opacity .15s ease, border .3s ease-in-out;
transform: translateY(-50%);
line-height: 1
}
section[data-arranger=flex] .slide-arrows .left-arrow {
left: 2em
}
section[data-arranger=flex] .slide-arrows .right-arrow {
right: 2em
}
section[data-arranger=flex] {
--slideshow-arrows-color: 128, 128, 128
}
section[data-arranger=flex] .slide-arrows button {
border-color: rgba(var(--slideshow-arrows-color), .5) !important
}
section[data-arranger=flex] .slide-arrows svg path {
fill: rgb(var(--slideshow-arrows-color));
transition: fill .3s ease-in-out
}
section[data-arranger=flex] .slide-arrows .left-arrow svg {
transform: rotate(180deg)
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
display: inline-block;
vertical-align: middle;
vertical-align: auto;
zoom: 1;
display: inline;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
vertical-align: auto;
zoom: 1;
display: inline;
visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
inset: 0;
overflow: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
p.MuiTypography-root.MuiTypography-body1 {
max-width: 100%;
}
@media only screen and (max-width:768px) {
.website[data-footerposition=horizontal_footer] .bottom_footer .bottom_footer_elements{
flex-direction: column;
}
.website[data-footerposition=horizontal_footer] menu.bottom_footer .text-side{
display:none;
}
#vbid-d23ce038-610e-4606-9ae3-e277d69e0819 .section-item [data-elementtype=SUBTITLE] {
color: rgba(var(--theme-color-2-rgbv), 1);
font-size: 1.8666666666666667rem !important;
}
}