@font-face { font-family: "icons"; src: url("../themes/hopscotch/assets/fonts/icons/icons.eot?b032ab67497cfa5f675e346cd700b8fe"); src: url("../themes/hopscotch/assets/fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("../themes/hopscotch/assets/fonts/icons/icons.woff?b032ab67497cfa5f675e346cd700b8fe") format("woff"), url("../themes/hopscotch/assets/fonts/icons/icons.ttf?b032ab67497cfa5f675e346cd700b8fe") format("truetype"); font-weight: normal; font-style: normal; }
.icon { font-family: "icons"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon_all:before { content: "\f101"; }

.icon_download:before { content: "\f102"; }

.icon_eye:before { content: "\f103"; }

.icon_facebook-sq:before { content: "\f104"; }

.icon_facebook:before { content: "\f105"; }

.icon_icn-view:before { content: "\f106"; }

.icon_instagram:before { content: "\f107"; }

.icon_photo:before { content: "\f108"; }

.icon_photobooth:before { content: "\f109"; }

.icon_pinterest:before { content: "\f10a"; }

.icon_plus:before { content: "\f10b"; }

.icon_text:before { content: "\f10c"; }

.icon_tout:before { content: "\f10d"; }

.icon_trophy:before { content: "\f10e"; }

.icon_twitter:before { content: "\f10f"; }

.icon_video:before { content: "\f110"; }

.icon_youtube:before { content: "\f111"; }

* { margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

html, body { z-index: 1; position: relative; height: 100%; overflow: hidden; font: 15px sans-serif; font-family: 'Montserrat',sans-serif; }

.page-overlay { visibility: hidden; z-index: 99; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.header { z-index: 9; position: relative; text-align: center; background-color: #fff; }
.header img { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; margin: auto; max-height: 65%; }

.main-container { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: hidden; background-color: #ccc; }

.main-container__grid { z-index: 1; float: left; position: relative; height: 100%; overflow: hidden; background-color: #E1E1E1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.main-container__grid:after { content: ''; z-index: 0; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; margin: auto; background-color: #ccc; }

.main-container__grid .grid-details { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 50%; margin: auto; max-width: 90%; text-align: center; color: #CCC; }
.main-container__grid .grid-details h2 { margin-bottom: 1em; text-transform: uppercase; font-size: 36px; font-weight: bold; }
.main-container__grid .grid-details p:before { content: ''; z-index: 1; position: absolute; top: 0; right: 0; left: 0; width: 40px; height: 4px; margin: auto; background-color: #ccc; }
.main-container__grid .grid-details p { z-index: 1; position: relative; margin-top: 1em; padding-top: 1em; font-size: 25px; }

.main-container--background { background: transparent no-repeat top center; background-size: 100% auto; }
.main-container--background .main-container__grid { background: transparent; }
.main-container--background .main-container__grid:after { display: none; }
.main-container--background .grid-details { display: none; }

.main-container__grid .grid-content { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.content-social { z-index: 1; position: relative; margin-top: 1em; padding-top: 0.3em; padding-left: 3em; line-height: 2.2; }

.content-social .authorcontent { display: block; line-height: 1.1; }

.content-social .authorimage { z-index: 1; position: absolute; top: 0; left: 0; width: 2.5em; height: 2.5em; border-radius: 50%; object-fit: cover; }

.content-social i[class*="icon"] { display: block; }

.content-social .authorname { font-size: 0.8em; }

.block-wrapper { z-index: 1; position: absolute; bottom: 0; left: 0; margin: auto; overflow: hidden; background: #fff no-repeat center center; background-size: cover; }

.block-wrapper .block__media { z-index: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: hidden; }
.block-wrapper .block__media img, .block-wrapper .block__media video { display: block; z-index: 1; position: relative; width: 100%; height: 100%; object-fit: cover; }

.block-wrapper .block__content { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -moz-box-sizing: border-box; box-sizing: border-box; margin: auto; padding: 30px; overflow: hidden; font-size: 1.35em; background-color: #fff; }
.block-wrapper .block__content .content-subtitle { text-transform: uppercase; font-size: 0.8em; font-weight: bold; }
.block-wrapper .block__content .content-title { margin-bottom: 1em; text-transform: uppercase; font-size: 1.4em; font-weight: bold; }
.block-wrapper .block__content .content-text { line-height: 1.3; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; word-wrap: break-word; }
.block-wrapper .block__content .content-social { z-index: 1; position: absolute; right: 30px; bottom: 30px; left: 30px; margin: auto; }
.block-wrapper .block__content .content-social:empty, .block-wrapper .block__content .content-subtitle:empty, .block-wrapper .block__content .content-title:empty, .block-wrapper .block__content .content-text:empty { display: none; }

.block-wrapper.block-wrapper--vert.block-type--media .block__media, .block-wrapper.block-wrapper--vert.block-type--media .block__content { height: 50%; }
.block-wrapper.block-wrapper--vert.block-type--media.block-position--1 .block__content, .block-wrapper.block-wrapper--vert.block-type--media.block-position--2 .block__media, .block-wrapper.block-wrapper--vert.block-type--media.block-position--3 .block__content, .block-wrapper.block-wrapper--vert.block-type--media.block-position--4 .block__media { bottom: auto; }
.block-wrapper.block-wrapper--vert.block-type--media.block-position--1 .block__media, .block-wrapper.block-wrapper--vert.block-type--media.block-position--3 .block__media, .block-wrapper.block-wrapper--vert.block-type--media.block-position--2 .block__content, .block-wrapper.block-wrapper--vert.block-type--media.block-position--4 .block__content { top: auto; }

.block-wrapper.block-wrapper--hori.block-type--media .block__media, .block-wrapper.block-wrapper--hori.block-type--media .block__content { width: 50%; }
.block-wrapper.block-wrapper--hori.block-type--media.block-position--1 .block__content, .block-wrapper.block-wrapper--hori.block-type--media.block-position--2 .block__media, .block-wrapper.block-wrapper--hori.block-type--media.block-position--3 .block__content, .block-wrapper.block-wrapper--hori.block-type--media.block-position--4 .block__media { left: auto; }
.block-wrapper.block-wrapper--hori.block-type--media.block-position--1 .block__media, .block-wrapper.block-wrapper--hori.block-type--media.block-position--3 .block__media, .block-wrapper.block-wrapper--hori.block-type--media.block-position--2 .block__content, .block-wrapper.block-wrapper--hori.block-type--media.block-position--4 .block__content { right: auto; }

.block-wrapper.block-wrapper--hl.block-type--media .block__content { width: 50%; height: 50%; }
.block-wrapper.block-wrapper--hl.block-type--media.block-position--1 .block__content { right: auto; bottom: auto; }
.block-wrapper.block-wrapper--hl.block-type--media.block-position--2 .block__content { bottom: auto; left: auto; }
.block-wrapper.block-wrapper--hl.block-type--media.block-position--3 .block__content { top: auto; left: auto; }
.block-wrapper.block-wrapper--hl.block-type--media.block-position--4 .block__content { top: auto; right: auto; }

.main-overlay { visibility: hidden; z-index: 3; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.overlay-wrapper { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.sliderbullet-wrapper { display: flex; z-index: 2; position: absolute; top: 0; bottom: 0; left: 50px; align-items: center; justify-content: center; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -webkit-transform: translate3d(0, -110vh, 0); transform: translate3d(0, -110vh, 0); }

.sliderbullet-wrapper:before { content: ''; align-self: flex-start; }

.sliderbullet-wrapper > * { display: block; width: 100%; }

.sliderbullet-wrapper:after { content: ''; align-self: flex-end; }

.main-overlay[data-overlay--visible="1"] .sliderbullet-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slider-bullet { z-index: 1; position: relative; }
.slider-bullet:only-child { display: none; }
* + .slider-bullet { margin-top: 50px; }
.slider-bullet .slider-bullet__img, .slider-bullet img { display: block; z-index: 2; position: relative; width: 50px; height: 50px; border-radius: 999px; object-fit: cover; }

[data-bullet--active="1"] .slider-bullet__cover { visibility: visible; opacity: 0.999; }
.slider-bullet__cover { visibility: hidden; z-index: 1; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; margin: auto; border-radius: 50%; opacity: 0; background-color: transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.overlay__content, .overlay__media { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; margin: auto; }

.overlay__media { right: auto; overflow: hidden; }

.overlay__media video, .overlay__media img { display: block; width: 100%; height: 100%; object-fit: cover; }

.overlay__content { left: auto; padding: 150px 75px; text-align: left; }
.overlay__content .content-subtitle { margin-bottom: 0.1em; font-size: 40px; line-height: 1.1; }
.overlay__content .content-title { margin-bottom: 0.5em; font-size: 75px; font-weight: 300; line-height: 1.1; }
.overlay__content .content-text { font-size: 30px; line-height: 1.4; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; word-wrap: break-word; }
.overlay__content .content-social { z-index: 1; position: absolute; bottom: 150px; left: 75px; font-size: 30px; }

[data-block--hidden="1"] { opacity: 0; -webkit-transform: translateY(-110vh); transform: translateY(-110vh); }

[data-overlayblock--invisible="1"] { -webkit-transform: translateY(-110vh); transform: translateY(-110vh); }

[data-grid--emptying="1"] { opacity: 0; }

[data-overlay--visible="1"] { visibility: visible; opacity: 0.999; }

[data-overlay--invisible="1"] { -webkit-transform: translateY(110vh); transform: translateY(110vh); }

.header { height: 100px; }

.main-overlay, .main-container { top: 100px; }

.grid-1 { width: 50vw; }

.overlay-1 .block-theme--1 > *, .grid-1 .block-theme--1 > * { color: white; background-color: #2f83c5; }
.overlay-1 .block-theme--2 > *, .grid-1 .block-theme--2 > * { color: white; background-color: #215ea8; }
.overlay-1 .block-theme--3 > *, .grid-1 .block-theme--3 > * { color: black; background-color: #a9d3e1; }
.overlay-1 .block-theme--4 > *, .grid-1 .block-theme--4 > * { color: white; background-color: #e7532e; }
.overlay-1 .block-theme--5 > *, .grid-1 .block-theme--5 > * { color: white; background-color: #ea6162; }
.overlay-1 .block-theme--6 > *, .grid-1 .block-theme--6 > * { color: black; background-color: #f3a2a7; }
.overlay-1 .block-theme--7 > *, .grid-1 .block-theme--7 > * { color: black; background-color: #f9b917; }

.grid-2 { width: 33.333333vw; }

.overlay-2 .block-theme--1 > *, .grid-2 .block-theme--1 > * { color: white; background-color: black; }
.overlay-2 .block-theme--2 > *, .grid-2 .block-theme--2 > * { color: white; background-color: #87674f; }

.grid-3 { width: 16.666666vw; }

.overlay-3 .block-theme--1 > *, .grid-3 .block-theme--1 > * { color: black; background-color: white; }

.main-container__grid .grid-details { width: 33.333333vw; }

.block-wrapper { width: 16.666666vw; height: 16.666666vw; -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; }

.block-wrapper--vert { height: 33.333333vw; }

.block-wrapper--hori { width: 33.333333vw; }

.block-wrapper--hl { width: 33.333333vw; height: 33.333333vw; }

img.ob-emoji { display: inline-block; height: 1em; width: 1em; margin: 0 .05em 0 .1em; vertical-align: -0.1em; }