@charset "UTF-8";
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #121212;
font-family: 'Archivo', sans-serif;
font-size: 16px;
line-height: 1.5;
}
body.layout-dark {
color: #ededed
}
h1,
h2,
h3,
h4 {
margin-bottom: 1em;
}
h1.big-title {
font-size: 100px;
font-style: normal;
font-weight: 600;
line-height: 110px;
margin-left: -7px;
margin-top: 20px;
margin-bottom: 69px;
}
h1 {
font-size: 47px;
line-height: 65px;
font-weight: 600
}
h2 {
font-size: 36px;
line-height: 50px;
font-weight: 600;
}
h3 {
font-size: 30px;
line-height: 50px;
margin-left: -1px;
font-weight: 600;
}
h4 {
font-size: 24px;
line-height: 40px;
margin-left: -1px;
font-weight: 600;
}
h5 {
font-size: 18px;
line-height: 35px;
margin-left: -1px;
font-weight: normal;
margin-bottom: 1em;
}
h6 {
font-size: 12px;
line-height: 18px;
margin: 0;
}
p {
line-height: 33px;
margin-bottom: 15px
}
p.big-p {
font-size: 21px;
line-height: 35px;
}
.caption {
letter-spacing: 2px;
font-size: 13px;
margin-bottom: 30px;
}
h1.thin,
h2.thin,
h3.thin,
h4.thin {
font-weight: normal;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote::before {
content: "";
display: block;
position: absolute;
background-color: #121212;
width: 2px;
height: 100%;
left: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
blockquote {
position: relative;
color: #121212;
}
.entry-content cite {
font-weight: 600;
}
address {
margin: 0 0 1.5em;
}
pre {
background-color: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background-color: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background-color: #ededed;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
table {
text-align: center;
}
td,
th {
padding: 8px;
background-color: #ededed;
color: #a2a2a2;
width: 10px;
height: 10px;
}
thead th {
border-width: 1px;
color: #464646;
}
table a {
color: #121212;
text-decoration: none;
font-weight: 600;
}
thead tr {
background: none;
}
thead th {
background-color: #e3e3e3;
}
tbody tr {
border-bottom: 1px solid red;
}
th {}
tbody th,
tbody td {
background-color: #e8e8e8;
} td,
th { color: #808080;
}
.wp-calendar-nav-prev a {
text-decoration: none;
color: #121212;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
#wp-calendar > caption {
text-align: left;
font-size: 12px;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 12px;
} a {
color: #121212;
}
.entry-content a {
font-weight: 600
}
a:visited {
color: #121212;
}
a:hover,
a:focus,
a:active {
color: #121212;
}
.layout-dark a {
color: #ededed;
}
.layout-dark a:visited {
color: #ededed;
}
.layout-dark a:hover,
.layout-darkedededus,
.layout-darkedededive {
color: #ededed;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a.underline {
position: relative;
color: #121212
}
.layout-dark a.underline {
color: #ededed
}
a.underline::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 1px;
display: block;
background-color: #121212;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.layout-dark a.underline::before {
background-color: #ededed
}
a.underline:hover {
text-decoration: none;
}
a.underline:hover::before {
width: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
background: none;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
position: relative;
display: block;
padding: 0;
color: #121212;
cursor: pointer;
letter-spacing: 1px;
}
.submit::before,
button::before {
content: "";
position: absolute;
width: 98%;
height: 2px;
bottom: -2px;
right: 0;
background-color: #ededed;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#submit:hover::before,
.button:hover::before {
width: 0;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
font-size: 14px;
padding: 5px;
}
textarea {
width: 100%;
}
.c-form {
background-color: #121212;
overflow: hidden;
padding: 40px;
}
.c-form label {
color: #ededed;
margin-bottom: 5px;
margin-left: 3px;
padding: 10px 0;
}
.c-form .privacy-wrap {
padding: 0;
}
.privacy-wrap span {
width: 100%
}
.c-form input[type="text"],
.c-form input[type="tel"],
.c-form input[type="email"],
.c-form button,
.c-form textarea,
.c-form input[type="button"],
.c-form input[type="reset"],
.c-form input[type="submit"] {
color: #ededed
}
.c-form .field-active::after {
background-color: #ededed
}
.layout-dark .c-form {
background-color: #0b0b0b
}
.field-wrap,
.message-wrap {
position: relative;
margin-bottom: 40px;
width: 100%;
display: block;
float: left;
}
.field-wrap::before,
.message-wrap::before,
.field-wrap::after,
.message-wrap::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
background: rgba(121, 121, 121, 0.3);
z-index: 2;
bottom: 0;
}
.field-wrap::after,
.message-wrap::after {
background-color: #121212;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
width: 0;
}
.field-active::after {
width: 100%
}
label {
width: 30%;
float: left;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
padding: 20px 20px;
color: #121212;
}
.comment-form label {
padding: 0;
padding-bottom: 20px;
letter-spacing: 0;
}
input[type="text"],
input[type="tel"],
input[type="email"] {
border: none;
width: 70%;
display: block;
background: transparent;
}
textarea:focus,
input:focus {
outline: none !important
}
textarea {
border: none;
width: 70%;
display: block;
background: transparent;
}
::-webkit-input-placeholder {
color: #535353;
font-size: 13px;
letter-spacing: 1px
}
::-moz-placeholder {
color: #535353;
font-size: 13px;
letter-spacing: 1px
}
:-ms-input-placeholder {
color: #535353;
font-size: 13px;
letter-spacing: 1px
}
::-ms-input-placeholder {
color: #535353;
font-size: 13px;
letter-spacing: 1px
}
::placeholder {
color: #535353;
font-size: 13px;
letter-spacing: 1px
}
.privacy-wrap,
.send-wrap {
display: block;
}
.privacy-wrap {
float: left;
padding-left: 20px;
}
.send-wrap {
float: right;
padding-right: 20px;
}
.privacy-wrap span {
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
margin-left: 10px;
color: #ededed;
}
.wp-block-button {
margin-bottom: 15px
}
.wp-block-cover,
.wp-block-cover-image {
margin-bottom: 30px
}
.wp-block-cover p:not(.has-text-color) {
color: #fff
}
.single-post-content {
overflow: hidden
}
.blocks-gallery-grid,
.wp-block-gallery {
margin-bottom: 20px
}   .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}  #comments {
float: left;
clear: both;
display: block;
width: 100%;
}
.comment-list {
margin: 0;
padding: 0;
list-style: none !important;
}
.comment-list ul.children {
list-style: none;
margin-left: 30px;
}
.comment {
background-color: #f4f4f4;
margin-bottom: 20px;
position: relative;
overflow: hidden;
padding: 20px 20px 0 20px;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comment .image {
float: left;
height: 100%;
}
.comment .image img {
margin-right: 20px;
margin-bottom: 20px;
}
.comment .text_holder {
padding-left: 120px;
}
.comment-reply-link {
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
position: absolute;
top: 20px;
right: 20px;
}
.comment .name {
display: inline;
}
.comment .name,
.comment .name .url {
font-size: 14px;
color: #000;
font-weight: 600;
text-decoration: none;
}
.comment_date {
font-size: 10px;
color: #121212;
font-weight: 600;
display: block;
opacity: .6;
text-transform: uppercase;
letter-spacing: 1px;
}
.comment-notes,
.comment-notes * {
display: none
}
.comment-form-cookies-consent {
display: none;
}
.comments-title,
.comment-reply-title {
font-size: 18px;
font-weight: 600
}
.comment-reply-title {
display: block;
float: left;
line-height: 29px;
margin: 0;
margin-right: 20px;
margin-bottom: 20px;
width: 100%;
}
.comment p {
font-size: 14px;
}
.comment-reply-title a {
color: #fa343d;
}
#cancel-comment-reply-link {
color: #000;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
margin-left: 10px;
}
.comment-meta {
margin-bottom: 15px
}
.comment-respond {
background-color: #f4f4f4;
padding: 1.5em;
}
a.comment-reply-link.underline {
position: absolute;
text-decoration: none
}
.logged-in-as a {
text-decoration: none;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 600;
color: #121212;
opacity: .6;
}
.logged-in-as {
margin-top: 0;
margin-bottom: 25px;
text-align: right
}
.logged-in-as a {
font-size: 10px;
}
.logged-in-as > a:nth-child(2) {
margin-left: 10px;
}
.layout-dark .comment-respond,
.layout-dark .comment {
background-color: #0b0b0b
}
.layout-dark .field-wrap::after,
.layout-dark .message-wrap::after {
background-color: #ededed
}
.layout-dark .comment .name,
.layout-dark .comment .name .url {
color: #fff
}
.layout-dark button,
.layout-dark input[type="button"],
.layout-dark input[type="reset"],
.layout-dark input[type="submit"],
.layout-dark label,
.layout-dark .comment_date {
color: #ededed
}
.layout-dark .np-title {
color: #fff
} .widget {
margin: 0 0 1.5em;
background-color: #f4f4f4;
padding: 30px;
}
.site-footer .widget {
padding: ;
padding: 0;
background: none !important;
padding-right: 20px;
margin-bottom: 50px;
}
.site-footer .caption {
text-transform: uppercase;
}
.widget-title {
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 25px;
display: block;
font-weight: 600;
opacity: .6;
}
.widget > ul {
margin: 0;
padding: 0;
list-style: none
}
.widget select {
max-width: 100%;
}
.widget ul li a {
color: #121212;
text-decoration: none
}
.widget.widget_archive ul {
margin: 0;
padding: 0;
list-style: none
}
.widget.widget_archive ul > li {
font-size: 0
}
.widget.widget_archive > ul li a {
color: #6c6c6c;
text-decoration: none;
display: inline-block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-size: 14px;
line-height: 28px
}
.widget.widget_archive > ul li a::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 10px;
height: 1px;
background-color: #6c6c6c;
margin-right: 10px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.widget.widget_archive > ul li a:hover::before {
width: 20px
}
.widget.widget_archive > ul li a:hover {
color: #121212
}
.widget li > ul,
.widget li > ol {
margin-left: 0;
padding-left: 25px;
}
.widget.widget_categories > ul {
list-style: square;
list-style-position: inside;
}
.widget.widget_categories > ul li {
font-size: 12px;
color: #8e8e8e;
}
.widget.widget_categories > ul li a {
font-size: 14px;
line-height: 30px;
}
.widget.widget_categories > ul li {
color: #939393;
}
.widget.widget_categories ul {
list-style: disclosure-closed inside;
}
.widget.widget_meta a {
font-weight: 600;
display: block;
}
.widget.widget_meta a::before {
content: "";
display: block;
position: absolute;
right: 0;
width: 100%;
background-color: #121212;
height: 2px;
bottom: 1px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.widget.widget_meta a:hover::before {
width: 0
}
.widget.widget_meta a {
display: inline-block;
position: relative;
margin-bottom: 10px;
}
.widget.widget_meta li {
display: block;
font-size: 14px
}
.widget.widget_recent_comments li a {
font-weight: 600;
}
.widget.widget_recent_comments li {
font-size: 14px;
line-height: 28px;
display: block;
margin-bottom: 15px;
color: #868686;
font-style: italic;
}
.widget.widget_recent_comments li a {
font-style: normal;
} .widget.widget_rss li {
display: block;
margin-bottom: 30px;
}
.widget.widget_rss ul {
list-style: circle;
list-style-position: inside;
}
.widget.widget_rss li a {
font-weight: 600;
}
.widget.widget_rss li a::after {
content: "";
display: inline-block;
width: 21px;
height: 1px;
background-color: #121212;
vertical-align: middle;
margin: 0 10px;
}
.widget.widget_rss li .rss-date {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}
.widget.widget_rss li .rssSummary {
display: block;
margin-top: 8px;
font-size: 14px;
color: #777;
}
.widget.widget_rss li cite {
display: block;
margin-top: 10px;
font-size: 14px;
font-weight: 600;
}
.widget.widget_rss li { margin-bottom: 40px;
}
.widget.widget_rss li .rss-date { font-size: 11px;
font-weight: 600;
opacity: .6;
}
.widget .tagcloud a {
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
padding: 10px 20px;
border: 1px solid #a8a8a8;
margin-bottom: 15px;
margin-right: 15px;
font-size: 10px !important;
color: #686868;
text-decoration: none;
font-weight: 600;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.widget .tagcloud a:hover {
border-color: #686868
} .widget.widget_pages ul,
.widget .menu,
.widget .sub-menu {
margin: 0;
padding: 0;
list-style: none;
}
.widget .menu {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
text-align: unset;
}
.widget.widget_pages .children,
.widget .sub-menu {
list-style: none;
display: block;
margin-left: 1.5em;
}
.widget.widget_pages .page_item,
.widget .menu-item {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
}
.widget.widget_pages .page_item a,
.widget .menu-item a {
padding: 7px 0;
display: block;
color: #121212;
text-decoration: none;
}
.widget.widget_pages .children a,
.widget .sub-menu a {
color: #6c6c6c;
font-weight: normal
}
.widget.widget_pages page_item_has_children::before,
.widget .menu-item.menu-item-has-children::before { content: ;
content: "\e764";
font-family: 'entypo';
display: inline-block;
font-size: 8px;
margin-right: 7px;
vertical-align: middle;
margin-top: -1px;
}
.widget.widget_pages .page_item a,
.widget .menu-item a {
display: inline-block;
color: #4d4d4d;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: -ms-grid;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
-ms-grid-columns: (1fr)[7];
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
-ms-grid-columns: (1fr)[8];
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
-ms-grid-columns: (1fr)[9];
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} .lines {
position: relative;
}
.line {
display: block;
width: 1px;
height: 0;
position: fixed;
background-color: hsla(0, 0%, 48.6%, .2);
z-index: -1;
top: 0;
pointer-events: none;
}
.line.page-change {
z-index: 9999
}
.line-1 {
left: 25%;
}
.line-2 {
left: 50%;
bottom: 0;
top: unset;
}
.line-arange {
z-index: 4
}
body.layout-dark .line-2::after {
background-color: #121212
}
body.layout-dark {
background-color: #121212
}
.line-after-out::after {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%)
}
.line-3 {
left: 75%;
}
.overlay {
display: block;
position: fixed;
background-color: #121212;
height: 0;
width: 0;
z-index: -2;
top: 0;
-webkit-transition: height .6s cubic-bezier(.645, .045, .355, 1);
-o-transition: height .6s cubic-bezier(.645, .045, .355, 1);
transition: height .6s cubic-bezier(.645, .045, .355, 1);
border-right: 1px solid hsla(0, 0%, 48.6%, .2);
}
body.layout-dark .overlay {
background-color: #ededed
}
.overlay-1 {
left: 0;
}
.overlay-2 {
left: 25%;
-webkit-transition-delay: .03333s;
-o-transition-delay: .03333s;
transition-delay: .03333s
}
.overlay-3 {
left: 50%;
-webkit-transition-delay: .06667s;
-o-transition-delay: .06667s;
transition-delay: .06667s
}
.overlay-4 {
left: 75%;
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.overlay-out {
height: 0;
}
.overlay-ch-out {
width: 0;
}
.loading-text {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 40px;
text-transform: uppercase;
z-index: 99999;
letter-spacing: 20px;
font-weight: 600;
mix-blend-mode: difference;
color: #ededed;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.loading-text.page-change {
opacity: 1;
visibility: visible;
}
.loading-text .letter {
display: inline-block
}
.overlay.page-change {
width: 25%;
height: 100%;
background-color: #121212;
z-index: 999;
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.cygni-loader {
position: fixed;
bottom: 0;
left: 50%;
z-index: 999;
overflow: hidden;
padding-left: 10px;
-webkit-transform: translateY(120%);
-ms-transform: translateY(120%);
transform: translateY(120%)
}
.counter {
font-size: 22px;
color: #404040;
font-weight: 500;
-webkit-transition: all 0.8s cubic-bezier(0.65, 0, 0.35, 1);
-o-transition: all 0.8s cubic-bezier(0.65, 0, 0.35, 1);
transition: all 0.8s cubic-bezier(0.65, 0, 0.35, 1);
display: block;
overflow: hidden
}
.counter::after {
content: "%";
font-size: 11px;
-webkit-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
transform: translate(100%, 100%);
margin-left: 2px;
vertical-align: top;
}
.cygni-loader.out .counter {
-webkit-transform: translateX(-150%);
-ms-transform: translateX(-150%);
transform: translateX(-150%);
}
h5.cyg_widget-title {
font-weight: 700;
}
.col-al-right {
text-align: right;
padding-right: 0;
padding-left: 15px;
} .landing-section {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow-x: hidden
}
.lc-header {
position: relative;
width: 100%;
height: 100vh;
}
.lc-content {
position: absolute;
left: 10%;
width: 30%;
height: 100%;
display: block;
}
.lc-images {
position: absolute;
right: 0;
width: 60%;
height: 100%;
z-index: 1
}
.lc-images-sec {
display: block;
width: 150%;
height: 33vh;
}
.lc-images-sec:nth-child(1),
.lc-images-sec:nth-child(3) {
margin-left: 23%;
}
.lc-image {
max-width: 55%;
height: 100%;
display: block;
float: left;
margin-right: 40px;
}
.lc-image img {
width: auto;
height: 100%;
}
.lc-images-sec { height: 33.33333333333%;
padding: 20px 0;
}
.lc-top {
position: absolute;
top: 15%;
white-space: nowrap;
}
.lc-top a {
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
margin-right: 40px;
opacity: .5;
color: #121212;
text-decoration: none;
}
.ls-dark .lc-top a {
color: #ededed
}
.lc-top .underline {
font-size: 12px;
letter-spacing: 1px;
font-weight: 600;
opacity: 1;
}
.lc-mid {
position: absolute;
top: 45%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.lc-bottom {
position: absolute;
bottom: 10%;
}
.scroll-not {
font-size: 12px;
letter-spacing: 1px;
color: #cacaca
}
.scroll-not::before {
content: "\e764";
font-family: 'entypo';
margin-right: 10px;
opacity: 1;
}
.lc-logo {
width: 220px;
margin-bottom: 60px;
position: relative;
}
.lc-logo::after {
content: "DARK";
color: #ededed;
position: absolute;
top: 0;
right: -11px;
-webkit-transform: translatex(100%);
-ms-transform: translatex(100%);
transform: translatex(100%);
font-size: 12px;
letter-spacing: 10px;
font-weight: 400;
}
.lc-logo > img:nth-child(1) {
width: 100%;
}
.lc-capt {
color: #ededed;
font-size: 10px;
letter-spacing: 2px;
opacity: .5;
width: 200px;
line-height: 22px;
}
.image-wrapper.landing-im {
margin-bottom: 150px;
z-index: 1
}
.left-ims .landing-im:nth-child(1) {
margin-top: 150px;
}
.right-ims .landing-im {
padding-left: 35px;
}
.left-ims .landing-im {
padding-right: 35px;
}
.landing-im .caption {
font-size: 10px;
text-transform: uppercase;
margin-left: 30px;
}
.landing-im a {
text-decoration: none
}
.layout-light .lc-logo::after {
color: #121212;
content: "LIGHT"
}
.layout-light .lc-capt {
color: #121212
}
.landing-select {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
overflow: hidden
}
.landing-select.lsc-dark {
right: 0;
left: unset;
}
.select-but {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
z-index: 2;
}
.select-but::after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: #ededed;
z-index: -1;
-webkit-transition: height .75s ease 1s;
-o-transition: height .75s ease 1s;
transition: height .75s ease 1s;
}
.loaded .select-but::after {
height: 100%
}
.lsc-dark .select-but::after {
background-color: #121212
}
.select-but .sb-span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
text-decoration: none;
color: hsla(0, 0%, 48.6%, 0.6);
width: 100%;
text-align: center;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
background: transparent;
opacity: 0;
-webkit-transition: opacity 1s ease 2s;
-o-transition: opacity 1s ease 2s;
transition: opacity 1s ease 2s;
}
.loaded .select-but .sb-span {
opacity: 1
} .select-but span {
display: block;
position: absolute;
background: hsla(0, 0%, 48.6%, .2);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 1px;
height: 1px;
opacity: 0;
-webkit-transition: width 1s ease 1s, height 1s ease 1s;
-o-transition: width 1s ease 1s, height 1s ease 1s;
transition: width 1s ease 1s, height 1s ease 1s;
}
.select-but span::after {
content: "";
display: block;
width: 0;
height: 0;
background: hsl(0, 0%, 48.6%);
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.select-but:hover span::after {
width: 100%;
height: 100%
}
.loaded .select-but span {
opacity: 1;
} .loaded .select-but span:nth-child(1) {
width: 100%;
height: 1px;
} .loaded .select-but span:nth-child(2) {
height: 100%;
width: 1px;
bottom: 0;
} .loaded .select-but span:nth-child(3) {
width: 100%;
height: 1px;
bottom: 0;
} .loaded .select-but span:nth-child(4) {
height: 100%;
width: 1px;
right: 0;
}
.lsc-images {
width: 65%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation-name: lscIm;
animation-name: lscIm;
-webkit-animation-duration: 120s;
animation-duration: 120s;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity: 0;
-webkit-transition: opacity 1s linear 2s;
-o-transition: opacity 1s linear 2s;
transition: opacity 1s linear 2s;
}
.loaded .lsc-images {
opacity: 1
}
.lsc-dark .lsc-images {
-webkit-animation-name: lscImDark;
animation-name: lscImDark
}
.lsc-dark .lsc-images {
bottom: 0;
top: unset
}
.landing-select img {
width: 100%;
margin-bottom: 50px;
opacity: .2;
}
@-webkit-keyframes lscIm {
100% {
-webkit-transform: translateX(-50%) translateY(-100%);
transform: translateX(-50%) translateY(-100%);
}
}
@keyframes lscIm {
100% {
-webkit-transform: translateX(-50%) translateY(-100%);
transform: translateX(-50%) translateY(-100%);
}
}
@-webkit-keyframes lscImDark {
100% {
-webkit-transform: translateX(-50%) translateY(100%);
transform: translateX(-50%) translateY(100%);
}
}
@keyframes lscImDark {
100% {
-webkit-transform: translateX(-50%) translateY(100%);
transform: translateX(-50%) translateY(100%);
}
}
.lsc-ov {
position: absolute;
width: 25%;
height: 0;
bottom: 0;
background-color: #ededed;
z-index: auto;
-webkit-transition: height .6s cubic-bezier(.645, .045, .355, 1);
-o-transition: height .6s cubic-bezier(.645, .045, .355, 1);
transition: height .6s cubic-bezier(.645, .045, .355, 1)
}
.lsc-ov::after {
content: "";
display: block;
position: fixed;
width: 25%;
height: 0;
-webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
-o-transition: all .6s cubic-bezier(.645, .045, .355, 1);
transition: all .6s cubic-bezier(.645, .045, .355, 1);
bottom: 0;
z-index: 3;
}
.lsc-ov:nth-child(2)::after,
.lsc-ov:nth-child(1)::after {
background-color: #121212
}
.lsc-ov:nth-child(1)::after,
.lsc-ov:nth-child(3)::after {
border-right: 1px solid hsla(0, 0%, 48.6%, .2);
}
.lsc-ov:nth-child(3)::after {
border-left: 1px solid hsla(0, 0%, 48.6%, .2);
}
.dark-in .lsc-ov:nth-child(1)::after,
.dark-in .lsc-ov:nth-child(2)::after {
height: 100%
}
.light-in .lsc-ov:nth-child(3)::after,
.light-in .lsc-ov:nth-child(4)::after {
height: 100%
}
.lsc-ov:nth-child(3)::after,
.lsc-ov:nth-child(4)::after {
background-color: #ededed
}
.lsc-ov:nth-child(1)::after {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.lsc-ov:nth-child(2)::after {
-webkit-transition-delay: .233s;
-o-transition-delay: .233s;
transition-delay: .233s
}
.lsc-ov:nth-child(3)::after {
-webkit-transition-delay: .266s;
-o-transition-delay: .266s;
transition-delay: .266s
}
.lsc-ov:nth-child(4)::after {
-webkit-transition-delay: .299s;
-o-transition-delay: .299s;
transition-delay: .299s
}
.lsc-ov:nth-child(1) {
left: 0;
}
.lsc-ov:nth-child(2) {
left: 25%;
-webkit-transition-delay: .233s;
-o-transition-delay: .233s;
transition-delay: .233s
}
.lsc-ov:nth-child(3) {
left: 50%;
background-color: #121212;
-webkit-transition-delay: .266s;
-o-transition-delay: .266s;
transition-delay: .266s
}
.lsc-ov:nth-child(4) {
left: 75%;
background-color: #121212;
-webkit-transition-delay: .299s;
-o-transition-delay: .299s;
transition-delay: .299s
}
.loaded .lsc-ov {
height: 100%
}
.ls-out .lsc-images {
opacity: 0;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.ls-out .select-but span {
width: 0 !important;
height: 0 !important;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
.ls-out .select-but .sb-span {
opacity: 0;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
.ls-out .select-but::after {
height: 0;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
.overlay.ls-light-go {
bottom: 0;
top: unset;
height: 100%;
width: 25%;
background-color: #ededed;
z-index: 3;
border-right: 1px solid hsla(0, 0%, 48.6%, .2)
}
.overlay.ls-dark-go {
bottom: 0;
top: unset;
height: 100%;
width: 25%;
background-color: #121212;
z-index: 3;
border-right: 1px solid hsla(0, 0%, 48.6%, .2)
} .site-header {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
pointer-events: none;
transition: opacity .5s ease;
}
.st-op {
opacity: 0;
}
.admin-bar .site-header {
margin-top: 32px !important
}
@media screen and (max-width: 782px) {
.admin-bar .site-header {
margin-top: 46px !important
}
} .site-branding {
position: absolute;
top: 10vh;
left: 7vw;
z-index: 556;
width: auto;
pointer-events: all;
overflow: hidden;
}
.site-branding img {
width: 100%;
-webkit-transform: translatey(-100%);
-ms-transform: translatey(-100%);
transform: translatey(-100%);
-webkit-transition: all .6s cubic-bezier(0.42, 0.4, 0.26, 1.01);
-o-transition: all .6s cubic-bezier(0.42, 0.4, 0.26, 1.01);
transition: all .6s cubic-bezier(0.42, 0.4, 0.26, 1.01);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 110px;
}
.site-branding img.logo-in {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible
}
.site-branding .site-title,
.site-branding .site-description {
margin: 0
}
.light-logo .site-title a,
.light-logo .site-description {
color: #ededed;
} .site-navigation {
position: relative;
z-index: 555;
width: 100%;
height: 0;
pointer-events: all
}
.site-navigation.nav-open {
height: 100%
}
.site-navigation .menu-owrapper,
.site-navigation .menu-widget-wrapper {
visibility: hidden;
}
.site-navigation .menu-ov {
position: fixed;
height: 0;
background-color: #121212;
-webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
-o-transition: all .6s cubic-bezier(.645, .045, .355, 1);
transition: all .6s cubic-bezier(.645, .045, .355, 1);
top: 0;
width: 25%;
}
.site-navigation .menu-ov-1 {
left: 0;
border-right: 1px solid hsla(0, 0%, 48.6%, .2);
}
.site-navigation .menu-ov-2 {
left: 25%;
-webkit-transition-delay: .03333s;
-o-transition-delay: .03333s;
transition-delay: .03333s;
border-right: 1px solid hsla(0, 0%, 48.6%, .2);
}
.site-navigation .menu-ov-3 {
left: 50%;
-webkit-transition-delay: .06667s;
-o-transition-delay: .06667s;
transition-delay: .06667s;
border-right: 1px solid hsla(0, 0%, 48.6%, .2);
}
.site-navigation .menu-ov-4 {
left: 75%;
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.site-navigation .menu-ov.menu-ov-in {
height: 100%;
}
.site-navigation .menu-wrapper {
position: absolute;
left: 25%;
width: 50%;
background: transparent;
top: 0;
bottom: 0;
visibility: hidden;
overflow: hidden
}
.site-navigation .menu {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
margin: 0;
padding: 0;
}
.site-navigation .menu > li {
position: relative;
display: block;
padding-left: 40px;
padding-bottom: 35px;
white-space: nowrap
}
.site-navigation .menu a {
text-decoration: none;
color: #000;
}
.site-navigation .menu > li > a {
font-size: 45px;
font-weight: 500;
line-height: 55px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
display: inline-block;
letter-spacing: 4px;
opacity: 0;
color: rgba(255, 255, 255, 0.6);
-webkit-transform: translateX(-120%);
-ms-transform: translateX(-120%);
transform: translateX(-120%);
visibility: hidden;
}
.site-navigation .menu > li > a::before {
content: attr(data-hover);
position: absolute;
left: 0;
width: 0;
overflow: hidden;
color: #fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.site-navigation .menu > li.menu-item-hover > a::before {
width: 100%;
}
.site-navigation .menu-item a.menu-item-comes {
-webkit-transform: translatex(0);
-ms-transform: translatex(0);
transform: translatex(0);
opacity: 1;
visibility: visible;
}
.site-navigation .menu > li > .sub-menu {
position: absolute;
left: 25vw;
top: 10px;
opacity: 0;
visibility: hidden;
cursor: pointer;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
width: 100%;
margin: 0;
padding: 0;
}
.site-navigation .menu > li > .sub-menu > li {
font-size: 20px;
line-height: 28px;
position: relative;
overflow: hidden;
display: block;
margin-bottom: 23px;
padding-left: 20px;
}
.site-navigation .menu > li > .sub-menu > li.current_page_item a {
color: #ededed;
}
.site-navigation .menu li > .sub-menu li a {
color: #a2a2a2;
display: inline-block;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.5s cubic-bezier(0.58, -0.01, 0.39, 0.99);
-o-transition: all 0.5s cubic-bezier(0.58, -0.01, 0.39, 0.99);
transition: all 0.5s cubic-bezier(0.58, -0.01, 0.39, 0.99);
}
.site-navigation .menu li > .sub-menu li a:hover {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
color: #ededed
}
.site-navigation.light .menu li > .sub-menu li a:hover {
color: #121212
}
.site-navigation .menu li > .sub-menu.sub-menu-in {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.site-navigation .menu li > .sub-menu.sub-menu-in li a {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.site-navigation .sub-menu .sub-menu {
overflow: hidden;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
padding: 0;
margin: 0;
margin-left: -9px;
list-style: none
}
.site-navigation.full_screen .sub-menu .sub-menu {
padding-left: 25px;
}
.site-navigation .sub-menu .sub-menu.sub-sub-in {
max-height: 100px;
}
.site-navigation .sub-menu .sub-menu li a {
font-size: 18px;
}
.site-navigation .sub-menu .sub-menu li {
margin-top: 14px;
}
.sub-toggle {
display: inline-block;
font-size: 20px;
margin-right: 10px;
color: rgba(147, 147, 147, 0.6);
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
position: absolute;
left: 6px;
top: 10px;
opacity: 0;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.sub-toggle.st-in {
opacity: 1;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.sub-toggle.st-active {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
color: #fff
}
.site-navigation .menu-toggle {
position: absolute;
right: 7vw;
cursor: pointer;
top: 10vh;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
z-index: 113;
width: 35px;
height: 35px;
}
.site-navigation .toggle-line {
display: block;
height: 2px;
width: 0;
background-color: #000;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
-webkit-transition: all .25s cubic-bezier(.475, .425, 0, .995);
-o-transition: all .25s cubic-bezier(.475, .425, 0, .995);
transition: all .25s cubic-bezier(.475, .425, 0, .995);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.site-navigation .toggle-line-in {
width: 35px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.site-navigation .toggle-line-1 {
margin-top: 9px;
}
.site-navigation .toggle-line-2 {
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.site-navigation .is-active .toggle-line-1 {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.site-navigation .is-active .toggle-line-2 {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
margin-top: -7px;
}
.site-navigation .is-active .toggle-line {
background-color: #ededed
}
.site-navigation .menu-widget-wrapper {
position: absolute;
left: 50%;
z-index: 444;
bottom: 0;
padding: 3em;
width: 25%;
}
.site-navigation .mww-3 {
left: 75%;
top: 15%;
bottom: unset;
-webkit-transform: translatey(30px);
-ms-transform: translatey(30px);
transform: translatey(30px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.site-navigation .mww-2 {
-webkit-transform: translatey(-30px);
-ms-transform: translatey(-30px);
transform: translatey(-30px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
overflow: hidden;
bottom: 3%;
padding: 0;
z-index: 700
}
.menu-widget {
display: none
}
.site-navigation.nav-open .menu-widget {
display: block
}
.site-navigation .mww-1 {
left: 7vw;
padding: 0;
width: 16%;
-webkit-transform: translatey(-30px);
-ms-transform: translatey(-30px);
transform: translatey(-30px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.site-navigation .mww-in {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.site-navigation .scrolling-button a {
font-size: 100px;
font-weight: 700;
color: hsla(0, 0%, 48.6%, .1);
line-height: 140px;
width: 300px;
-webkit-transition: color .5s;
-o-transition: color .5s;
transition: color .5s;
white-space: nowrap;
text-decoration: none
}
.site-navigation .scrolling-button a:hover {
text-decoration: none;
color: #ededed;
}
.site-navigation .menu-widget-title {
color: #909090;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
margin-bottom: 20px;
}
.site-navigation .menu-widget h5 {
color: #ededed;
font-weight: normal;
}
.site-navigation .menu-widget {
margin-bottom: 60px;
}
.widget-socials {
margin: 0;
padding: 0;
}
.widget-socials li {
font-size: 20px;
line-height: 45px;
display: block;
-webkit-transform: skewy(10deg) translatey(20px);
-ms-transform: skewy(10deg) translatey(20px);
transform: skewy(10deg) translatey(20px);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
visibility: hidden;
}
.widget-socials li.so-li-in {
-webkit-transform: skewY(0) translateY(0);
-ms-transform: skewY(0) translateY(0);
transform: skewY(0) translateY(0);
visibility: visible;
opacity: 1;
}
.widget-socials li a {
color: #ededed;
position: relative;
text-decoration: none
}
.widget-socials li a::before {
content: "";
position: absolute;
bottom: 0;
left: 1px;
height: 1px;
width: 0;
display: block;
background-color: #ededed;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sticky_nav_menu .site-navigation .menu-toggle {
position: fixed;
}
.sticky_nav_menu .site-navigation {
position: fixed;
}
.sticky_nav_menu .site-branding {
position: fixed;
}
.site-navigation.light .widget-socials li a::before {
background-color: #121212
}
.widget-socials li a:hover {
text-decoration: none;
}
.widget-socials li a:hover::before {
width: 100%;
}
.site-navigation.light .menu-ov {
background-color: #ededed
}
.site-navigation.light .menu > li > a {
color: #9f9f9f
}
.site-navigation.light .menu-widget h5 {
color: #121212
}
.site-navigation.light .widget-socials li a {
color: #121212
}
.site-navigation.light .scrolling-button a:hover {
color: #121212
}
.site-navigation.light .is-active .toggle-line {
background-color: #121212
}
.site-navigation.light .sub-toggle.st-active {
color: #121212
}
.site-navigation .menu > li > .sub-menu > li.current_page_item a {
color: #121212
}
.site-navigation.dark .menu > li > .sub-menu > li.current_page_item a {
color: #ededed
}
.site-header .light-logo {
display: none;
}
.site-header .dark-logo {
display: block;
}
.site-header.light .light-logo {
display: block;
}
.site-header.light .dark-logo {
display: none;
}
.site-header.light-nav-active .light-logo,
.site-header.dark-nav-active .dark-logo {
display: none;
}
.site-header.light-nav-active .dark-logo,
.site-header.dark-nav-active .light-logo {
display: block
}
.site-header.dark-nav-active.toggle-line,
.site-header.light .toggle-line {
background-color: #ededed;
}
.site-navigation.light .menu > li.menu-item-hover > a::before {
color: #121212;
}
.site-navigation.light .sub-menu li a {
color: #9f9f9f;
}
.site-navigation.light .sub-menu li a:hover {
color: #121212;
}
.site-navigation.light .sub-menu li::after {
background-color: #cecece
} .site-navigation.classic .menu-widget-wrapper,
.site-navigation.classic .menu-toggle,
.site-navigation.classic .menu-overlays {
display: none;
}
.site-navigation.classic .menu-wrapper {
visibility: visible;
}
.site-navigation.classic .menu-wrapper {
position: absolute;
right: 7vw;
width: unset;
top: 10vh;
bottom: unset;
left: unset;
overflow: visible;
}
.site-navigation.classic .menu {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.site-navigation.classic .menu > li {
display: inline-block;
padding-bottom: 0;
overflow: visible;
position: relative;
padding-left: 0
}
.site-navigation.classic .menu li.menu-item-has-children::before {
content: "\e764";
font-family: 'entypo';
display: inline-block;
position: absolute;
left: 0;
font-size: 10px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease 1.4s;
-o-transition: all .3s ease 1.4s;
transition: all .3s ease 1.4s;
}
.site-navigation.classic .sub-menu li.menu-item-has-children::before {
content: "";
font-family: 'entypo';
display: inline-block;
position: absolute;
left: 0;
font-size: 10px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
visibility: hidden; height: 87%;
width: 1px;
background: #eaeaea;
display: block;
-webkit-transform: translateX(-10px) translateY(-50%) !important;
-ms-transform: translateX(-10px) translateY(-50%) !important;
transform: translateX(-10px) translateY(-50%) !important;
top: 50%;
}
.site-navigation.classic .sub-menu .sub-menu li {
position: relative
}
.site-navigation.classic .sub-menu .sub-menu li::before {
content: "";
width: 15px;
height: 1px;
background: #eaeaea;
left: 0;
top: 50%;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.loaded .site-navigation.classic .menu li.menu-item-has-children::before {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible;
}
.site-navigation.classic .menu .sub-menu li.menu-item-has-children::before {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
.site-navigation.classic .menu > li.menu-item-has-children::after {
content: "";
display: none;
width: 100%;
height: 35px;
background: transparent;
}
.site-navigation.classic .menu > li.menu-item-has-children:hover::after {
display: block
}
.site-navigation.classic .menu > li > a {
font-size: 13px;
line-height: normal;
display: block;
letter-spacing: 1px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
overflow: hidden !important;
opacity: 1;
visibility: visible;
text-transform: uppercase;
color: rgba(24, 25, 25, 0.52);
-webkit-transition: transform .3s;
-o-transition: transform .3s;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
font-weight: 600;
position: relative;
padding: 0 20px
}
.site-navigation.classic .menu > li:last-child > a {
padding-right: 0
}
.site-navigation.classic .menu > li > a span {
display: block;
-webkit-transition: -webkit-transform .6s cubic-bezier(0.42, 0.4, 0.26, 1.01);
transition: -webkit-transform .6s cubic-bezier(0.42, 0.4, 0.26, 1.01);
-o-transition: transform .6s cubic-bezier(0.42, 0.4, 0.26, 1.01);
transition: transform .6s cubic-bezier(0.42, 0.4, 0.26, 1.01);
transition: transform .6s cubic-bezier(0.42, 0.4, 0.26, 1.01), -webkit-transform .6s cubic-bezier(0.42, 0.4, 0.26, 1.01);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.site-navigation.classic .menu > li > a span.span-in {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.site-navigation.classic .menu > li.menu-item-hover > a span.span-in {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.site-navigation.classic .menu > li.current-menu-item > a > span.span-in {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.site-navigation.classic .menu > li:hover > a > span {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.site-navigation.classic .menu > li > a span::after {
content: attr(data-hover);
position: absolute;
display: block;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #121212;
}
.site-navigation.classic .menu > li > a::before {
display: none;
}
.site-navigation.classic .menu > li > .sub-menu {
position: absolute;
left: 40px;
top: 40px;
z-index: -1;
opacity: 1;
visibility: visible;
background-color: #fff;
opacity: 0;
visibility: hidden;
padding: 30px 65px 30px 50px;
-webkit-transform: translateX(-50px) translateY(40px);
-ms-transform: translateX(-50px) translateY(40px);
transform: translateX(-50px) translateY(40px);
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
-webkit-transition: all .4s cubic-bezier(0.66, 0.02, 0.36, 1);
-o-transition: all .4s cubic-bezier(0.66, 0.02, 0.36, 1);
transition: all .4s cubic-bezier(0.66, 0.02, 0.36, 1);
width: unset;
}
.site-navigation.classic .menu > li.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(-50px) translateY(0);
-ms-transform: translateX(-50px) translateY(0);
transform: translateX(-50px) translateY(0);
}
.site-navigation.classic .menu li > .sub-menu li a:hover {
color: #121212
}
.site-navigation.classic .sub-menu .menu-item-has-children:hover > .sub-menu {
max-height: 100px
}
.site-navigation.classic .menu > li > .sub-menu > li {
overflow: visible;
font-size: 13px;
line-height: 32px;
margin-bottom: 0;
font-weight: 600;
padding-left: 0;
white-space: nowrap;
display: block
}
.site-navigation.classic .sub-menu li a {
display: block;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
color: rgba(24, 25, 25, 0.52);
}
.site-navigation.classic .menu li > .sub-menu li a {
-webkit-transition: all 0.25s cubic-bezier(0.58, -0.01, 0.39, 0.99);
-o-transition: all 0.25s cubic-bezier(0.58, -0.01, 0.39, 0.99);
transition: all 0.25s cubic-bezier(0.58, -0.01, 0.39, 0.99)
}
.site-navigation.classic .sub-menu li::after {
display: none;
}
.site-navigation.classic .sub-menu .sub-menu li a {
font-size: 12px;
}
.site-navigation.classic .sub-menu .sub-menu li {
margin-top: 0
}
.site-header.light .site-navigation.classic .menu > li > a,
.site-header.light .site-navigation.classic .sub-menu li a,
.site-header.light .menu > li > .sub-menu > li.has-children::before {
color: rgba(255, 255, 255, 0.64);
}
.site-header.light .site-navigation.classic .menu > li > a span::after,
.site-header.light .site-navigation.classic .menu li > .sub-menu li a:hover {
color: #fff
}
.site-header.light .site-navigation.classic .menu > li > .sub-menu {
background-color: #121212;
} .site-main {
overflow: hidden;
margin-top: 25vh;
opacity: 0;
visibility: hidden
}
.admin-bar .site-main {
margin-top: 26.5vh
}
@media screen and (max-width: 782px) {
.admin-bar .site-main {
margin-top: 27vh
}
}
.site-main.elementor-page {
margin-top: 0;
}
.site-main.loaded {
opacity: 1;
visibility: visible;
} .archive .page-title {
margin-left: 40px
}
.type-page {
margin-bottom: 100px
}
.section.search-res {
margin-bottom: 0
}
.search-res .page-title {
padding-left: 37px
} .search-res .hentry {
background-color: #f4f4f4;
padding: 40px;
margin-bottom: 75px
}
.archive .hentry {
margin-bottom: 0
}
.search-res .hentry .entry-title a {
color: #121212;
text-decoration: none;
} .search-res .hentry .entry-meta a {
font-size: 10px;
font-weight: 500;
margin-bottom: 15px;
letter-spacing: 1px;
text-transform: uppercase;
color: #121212;
text-decoration: none;
opacity: .6;
}
.search-res .hentry .entry-title {
margin-top: 0;
margin-bottom: 10px;
}
.search-res .hentry .entry-meta {
margin-bottom: 30px;
}
.search-res .hentry .byline::after {
content: "";
display: inline-block;
width: 10px;
height: 1px;
background-color: #121212;
vertical-align: middle;
margin: 0 10px;
}
.no-results .search-form label {
padding: 0;
}
.no-results .search-form .search-submit {
padding: 8px
}
.not-404 {
font-size: 200px;
font-weight: 600;
line-height: 200px;
}
.not-found .page-header.wrapper,
.not-found .page-header.wrapper h1 {
margin-bottom: 0
}
.not-found .search-form .search-submit,
.not-found .search-form label {
display: inline-block;
}
.not-found .search-form .search-submit {
background: #121212;
color: #ededed;
padding: 6px 23px;
}
.not-found-page label {
float: none;
}
.not-found .search-form input[type="search"] {
width: 96%;
}
.cygni-search {
padding: 0;
display: block;
margin: auto;
position: relative;
width: 100%
}
.not-found .cygni-search {
width: 30%
}
.cygni-search input[type="search"] {
background: none;
border: none;
border-radius: 0;
width: 100%
}
.cygni-search::after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
left: 0;
background: hsla(0, 0%, 48.6%, .7);
}
.cygni-search::before {
content: "";
position: absolute;
bottom: 0;
width: 0;
height: 1px;
left: 0;
background: #121212;
z-index: 1;
transition: all .4s ease;
}
.cygni-search.search-active::before {
width: 100%
}
.cygni-search button[type="submit"] {
display: inline-block;
position: absolute;
right: 0;
font-size: 20px;
color: #aeaeae;
transition: all .4s ease;
}
.cygni-search.search-active button[type="submit"] {
color: #121212
}
.not-found .searchform {
margin-top: 40px
} .pe-journal.section {
margin-bottom: 0
}
.pe-blog-posts.wrapper {
max-width: 1100px
}
.cygni-post {
display: block;
overflow: hidden;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
visibility: hidden;
}
.archive .cygni-post {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible
}
.cygni-post.post-in {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible;
-webkit-transition: all 1s ease .4s;
-o-transition: all 1s ease .4s;
transition: all 1s ease .4s;
}
.c-col-12.sidebar-passive {
height: 100%
}
.cygni-post.no-thumb {
background-color: #f4f4f4;
padding: 40px;
}
.cygni-post .post-excerpt {
display: none
}
.archive .cygni-post .post-excerpt,
.cygni-post.no-thumb .post-excerpt {
display: block
}
.archive .cygni-post,
.sidebar-active .cygni-post {
width: 100%;
margin-bottom: 100px
}
.pe-blog-gutter {
width: 10%;
}
.pe-post {
margin-bottom: 350px;
position: relative;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
-webkit-transform: translateY(150px);
-ms-transform: translateY(150px);
transform: translateY(150px);
opacity: 0;
visibility: hidden;
}
.pe-post:last-child {
margin-bottom: 100px;
}
.pe-post a {
text-decoration: none;
color: #121212
}
.pe-post.anim-in {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.pe-blog-posts .pe-post:nth-child(2) {
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
display: none
}
.pe-blog-posts .pe-post:nth-child(3) {
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.j-back {
position: fixed;
top: 30%;
left: 50%;
font-size: 351px;
font-weight: 700;
pointer-events: none;
z-index: -5;
color: rgba(0, 0, 0, 0.02);
opacity: 0;
-webkit-transition: left 1s ease, opacity 1s ease;
-o-transition: left 1s ease, opacity 1s ease;
transition: left 1s ease, opacity 1s ease;
}
.j-back.anim-in {
left: 30%;
opacity: 1;
}
.pe-post.sticky {
margin-bottom: 250px;
margin-top: 130px
}
.pe-blog-title {
margin-left: 60px;
margin-top: -100px;
margin-bottom: -100px
}
.blog-page-title {
font-size: 100px;
font-weight: 600;
color: #121212;
line-height: 110px;
}
.pe-blog-stamp .caption {
color: rgba(0, 0, 0, 0.55);
margin-left: 3px;
}
.pe-blog-sep {
display: block;
margin-bottom: 15px;
font-size: 18px;
color: #C7C7C7;
-webkit-transform: translateX(-15%);
-ms-transform: translateX(-15%);
transform: translateX(-15%);
}
.pe-blog-sep::before {
content: "";
display: inline-block;
width: 73px;
height: 1px;
background-color: #C7C7C7;
vertical-align: middle;
margin-right: 17px;
}
.posts-nav,
.posts-navigation {
display: block;
width: 100%;
overflow: hidden;
}
.posts-navigation ul {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid hsla(0, 0%, 48.6%, .2);
border-bottom: 1px solid hsla(0, 0%, 48.6%, .2);
}
.posts-navigation li {
display: block;
float: left;
text-align: center;
border-right: 1px solid hsla(0, 0%, 48.6%, .2);
background-color: #ededed;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.posts-navigation li a {
color: hsla(0, 0%, 32.5%, 0.53);
text-decoration: none;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
display: block;
padding: 30px
}
.posts-navigation li:hover,
.posts-navigation li.active {
background-color: #121212
}
.posts-navigation li:hover a,
.posts-navigation li.active a {
color: #ededed
}
.previous-posts,
.nav-page-links,
.next-posts {
display: block;
width: 25%;
text-align: center;
position: relative;
float: left;
}
.nav-page-links {
width: 50%;
}
.previous-posts::before,
.next-posts::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background-color: #ccc;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: -1
}
.previous-posts:hover::before,
.next-posts:hover::before {
height: 100%;
}
.nav-page-links li {
display: block;
width: 20%;
height: 100%;
text-align: center;
float: left;
}
.previous-posts a,
.next-posts a,
.nav-page-links a {
color: #0000006b;
font-size: 10px;
font-weight: 500;
letter-spacing: 1px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
padding: 30px;
display: inline-block;
width: 100%;
}
.previous-posts a:hover,
.next-posts a:hover,
.nav-page-links a:hover {
text-decoration: none;
color: #000;
}
.posts-nav-page-num {
font-size: 12px;
font-weight: 500;
color: #dadada;
}
.posts-nav-active a {
color: #000;
}
.pe-post.is-inview {
margin-top: 0;
}
.pe-post-featured {
width: 100%;
height: 100%;
overflow: hidden;
max-height: 500px
}
.sidebar-active .pe-post-featured {
height: 500px
}
.pe-post-featured a {
display: block;
width: 100%;
height: 100%;
}
.cygni-post img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.cygni-post:hover .pe-post-featured img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.sticky {
position: relative
} .cygni-post.cygni-sticky.no-thumb {
background-color: #121212;
}
.cygni-post.cygni-sticky.no-thumb .post-title a {
color: #ededed;
}
.cygni-post.cygni-sticky.no-thumb .post-meta a {
color: #bdbdbd;
}
.cygni-post.cygni-sticky.no-thumb .post-excerpt p {
color: #cecece;
}
.cygni-post.cygni-sticky.no-thumb .post-meta a { color: #fff;
}
.cygni-post.cygni-sticky.no-thumb .post-read-more a {
color: #ededed;
}
.cygni-post.cygni-sticky.no-thumb .post-read-more a::before {
background-color: #ededed;
}
.post-meta {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.post-cat {
font-size: 10px;
font-weight: 500;
margin-bottom: 15px;
letter-spacing: 1px;
}
.post-title {
font-size: 18px;
line-height: 33px;
font-weight: 600;
margin-bottom: 15px;
}
.post-meta a {
color: #828282;
text-decoration: none;
text-transform: uppercase;
}
.post-title a {
color: #121212;
text-transform: none
}
.posted-on::after {
content: "";
display: inline-block;
width: 10px;
height: 1px;
background-color: #121212;
vertical-align: middle;
margin: 0 10px;
}
.cygni-post.has-thumb .post-read-more {
display: none;
}
.archive .cygni-post.has-thumb .post-read-more {
display: block;
margin-left: 40px
}
.cygni-post.has-thumb .post-meta {
margin-top: 40px;
margin-left: 40px;
margin-right: 40px;
}
.post-cat { font-size: 10px;
}
.post-read-more {
margin-top: 28px;
display: block;
}
.post-read-more a {
color: #121212;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
}
.pe-prev-post,
.pe-next-post {
display: block;
width: 50%;
height: 100%;
padding: 50px;
position: absolute;
left: 0;
background-color: #ededed;
}
.layout-dark .pe-prev-post,
.layout-dark .pe-next-post {
background-color: #121212
}
.pe-prev-post::after,
.pe-next-post::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #121212;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.layout-dark .pe-prev-post::after,
.layout-dark .pe-next-post::after {
background-color: #ededed
}
.pe-prev-post::after {
right: 0;
left: unset;
}
.pe-next-post {
left: unset;
right: 0;
}
.pe-single-post-navigation {
border-top: 1px solid rgba(187, 187, 187, .3);
height: 20vh;
position: relative;
}
.pe-single-post-navigation::before {
content: "";
display: block;
width: 1px;
background: hsla(0, 0%, 48.6%, .2);
position: absolute;
height: 100%;
z-index: 3;
left: 50%;
}
.np-title {
color: #000;
font-size: 17px;
font-weight: 600;
display: inline-block;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.prev-post-title,
.next-post-title {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
-webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.np-p {
display: block;
color: #969696;
font-size: 10px;
margin-bottom: 15px;
font-weight: 500;
letter-spacing: 1px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.pe-prev-post:hover::after,
.pe-next-post:hover::after {
width: 100%;
}
.pe-prev-post:hover .np-p,
.pe-prev-post:hover .np-title,
.pe-next-post:hover .np-p,
.pe-next-post:hover .np-title {
color: #ededed
}
.layout-dark .pe-prev-post:hover .np-p,
.layout-dark .pe-prev-post:hover .np-title,
.layout-dark .pe-next-post:hover .np-p,
.layout-dark .pe-next-post:hover .np-title {
color: #121212
}
.layout-dark .posted-on::after {
background-color: #ededed
}
.layout-dark .cygni-sticky .posted-on::after {
background-color: #121212
}
.layout-dark .j-back {
color: rgba(255, 255, 255, 0.02);
}
.layout-dark .pe-single-post-title,
.layout-dark .blog-page-title,
.layout-dark .posts-nav-active a,
.layout-dark .post-title,
.layout-dark .previous-posts a:hover,
.layout-dark .next-posts a:hover,
.layout-dark .nav-page-links a:hover {
color: #ededed
}
.layout-dark .previous-posts::before,
.layout-dark .next-posts::before {
background: rgba(0, 0, 0, 0.46)
}
.layout-dark .post-cat,
.layout-dark .previous-posts a,
.layout-dark .next-posts a,
.layout-dark .nav-page-links a {
color: rgba(255, 255, 255, 0.49);
} .pe-post-header {
display: block;
width: 100%;
margin: 250px auto 0 auto;
overflow: hidden;
}
.single-post-image {
width: 100%;
}
.single-post-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.pe-single-post-cat {
font-size: 13px;
letter-spacing: 2px;
font-weight: 500;
margin-bottom: 30px;
margin-left: 1px;
color: #c1c1c1;
-webkit-transform: translatex(-50px);
-ms-transform: translatex(-50px);
transform: translatex(-50px);
}
.pe-single-post-cat::before {
content: "";
display: inline-block;
width: 100px;
height: 1px;
background-color: #c1c1c1;
vertical-align: middle;
margin-right: 15px;
}
.single-post-title {
margin-bottom: 40px;
}
.single-post-title h1 {
font-size: 50px;
line-height: 70px;
font-weight: 600;
margin: 0
}
.pe-single-post-content p {
font-size: 20px;
line-height: 38px;
} .single-post-meta a {
color: #404040;
text-decoration: none;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
}
.single-post-date {
display: inline-block;
}
.single-post-categories {
display: inline-block;
}
.single-post-tags {
display: block;
margin: 50px 0;
font-size: 14px;
font-weight: 600;
clear: both;
float: left;
}
.single-post-tags a {
text-decoration: none;
color: #121212;
opacity: .6;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
font-size: 12px;
padding: 10px 20px;
border: 1px solid #12121282;
margin: 10px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
display: inline-block
}
.single-post-tags a:hover {
opacity: 1;
}
.post-password-form label {
float: none;
}
.post-password-form input[type="submit"] {
display: inline-block;
padding: 6px 20px;
color: #ededed;
background: #121212;
margin: 0;
}
.post-password-form label {
padding: 0
} .page-links a {
color: #121212;
font-weight: normal;
text-decoration: none;
}
.post-page-numbers.current {
font-weight: 600;
}
span.post-page-numbers:nth-child(1) {
margin-left: 10px;
}
.post-page-numbers::after {
content: "";
display: inline-block;
width: 20px;
height: 1px;
background-color: #121212;
vertical-align: middle;
margin: 0 10px;
}
.post-page-numbers:last-child::after {
display: none;
} .layout-dark .posts-navigation li:hover,
.layout-dark .posts-navigation li.active,
.layout-dark .widget,
.layout-dark .cygni-post.no-thumb {
background-color: #0b0b0b
}
.layout-dark .wp-calendar-nav-prev a,
.layout-dark table a,
.layout-dark .widget.widget_pages .page_item a,
.layout-dark .widget .menu-item a,
.layout-dark .widget ul li a,
.layout-dark .post-title a {
color: #ededed
}
.layout-dark thead th,
.layout-dark .widget.widget_meta a::before,
.layout-dark .widget.widget_rss li a::after,
.layout-dark .cygni-post.cygni-sticky.no-thumb {
background-color: #ededed
}
.layout-dark .cygni-post.cygni-sticky.no-thumb .post-read-more a,
.layout-dark .cygni-post.cygni-sticky.no-thumb .post-meta a,
.layout-dark .cygni-post.cygni-sticky.no-thumb .post-title a {
color: #121212;
}
.layout-dark .cygni-post.cygni-sticky.no-thumb .post-excerpt p {
color: #353535;
}
.layout-dark .cygni-post.cygni-sticky.no-thumb .post-read-more a::before,
.layout-dark .posts-navigation li,
.layout-dark thead th,
.layout-dark tbody th,
.layout-dark tbody td {
background-color: #121212
}
.wrapper-small {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.wrapper {
width: 100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 70px;
}
.wrapper-full {
width: 100%;
margin-bottom: 170px;
}
.section {
width: 100%;
margin-bottom: 100px;
position: relative;
}
.archive-header.wrapper {
margin-bottom: 0
}
.section.archive {
margin-bottom: 0
}
.section.has-bg {
margin-bottom: 350px;
padding-top: 100px;
margin-top: 350px;
}
.page-content .section:last-child {
margin-bottom: 0
}
.section.send-back {
z-index: -9
}
.section-bars {
position: absolute;
z-index: -10;
width: 100%;
height: 100%;
display: block;
}
.sec-bg-ov {
width: 25%;
background-repeat: repeat;
background-clip: border-box;
background-position: center;
float: left;
will-change: auto;
}
.sec-bg-ov:nth-child(1) {
height: calc(100% + 100px);
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0)
}
.sec-bg-ov:nth-child(2) {
height: calc(100% + 200px);
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
.sec-bg-ov:nth-child(3) {
height: calc(100% + 300px);
-webkit-transform: translate3d(0, -150px, 0);
transform: translate3d(0, -150px, 0)
}
.sec-bg-ov:nth-child(4) {
left: 75%;
height: calc(100% + 200px);
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
.wrapper:after,
.wrapper-small:after,
.wrapper-full:after,
section:after {
display: table;
clear: both;
content: '';
}
.c-col-1,
.c-col-2,
.c-col-3,
.c-col-4,
.c-col-5,
.c-col-6,
.c-col-7,
.c-col-8,
.c-col-9,
.c-col-10,
.c-col-11,
.c-col-12 {
float: left;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.no-gap {
padding-left: 0;
padding-right: 0;
}
.no-margin {
margin-bottom: 0
}
.c-col-6 {
width: 50%;
}
.c-col-4 {
width: 33.333333%
}
.c-col-8 {
width: 66.666666%
}
.c-col-3 {
width: 25%;
}
.c-col-2 {
width: 16.6666666%
}
.c-col-5 {
width: 41.666666%
}
.c-col-10 {
width: 83.333333%
}
.c-col-9 {
width: 75%
}
.c-col-12 {
width: 100%;
}
@media only screen and (max-width: 576px) {
.wrapper {
max-width: 90%;
margin-bottom: 25px;
}
.wrapper-small {
max-width: 90%;
margin-bottom: 25px;
}
.wrapper-full {
margin-bottom: 100px;
}
.c-col-1,
.c-col-2,
.c-col-3,
.c-col-4,
.c-col-5,
.c-col-6,
.c-col-7,
.c-col-8,
.c-col-9,
.c-col-10,
.c-col-11,
.c-col-12 {
width: 100%;
margin-bottom: 35px;
}
.fit-col {
margin: 0;
}
}
@media only screen and (min-width: 576px) {
.wrapper {
max-width: 90%;
}
.wrapper-small {
max-width: 90%;
}
}
@media only screen and (min-width: 768px) {
.wrapper {
max-width: 90%;
}
.wrapper-small {
max-width: 88%;
}
}
@media only screen and (min-width: 992px) {
.wrapper {
max-width: 1014px;
}
.wrapper-small {
max-width: 790px;
}
}
@media only screen and (min-width: 1200px) {
.wrapper {
max-width: 1240px;
}
.wrapper-small {
max-width: 950px;
}
}
.no-results .page-header.wrapper h1 {
margin-top: 0;
margin-bottom: 0
}
.no-results .page-header.wrapper {
margin-bottom: 0
} .footer-nav li {
margin-bottom: 30px;
}
.footer-nav li a {
font-size: 30px;
line-height: 30px;
color: hsla(0, 0%, 48.6%, .1);
font-weight: 500;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.footer-nav li a:hover {
text-decoration: none;
color: #ededed;
}
.has-pad-left {
padding-left: 20px;
}
.site-footer {
padding: 50px 0;
position: relative;
margin-top: 100px;
}
.ft-headline {
margin-top: 50px
}
.site-footer.no-ovs {
margin-top: 0
}
.site-footer.no-ovs .footer-ov {
display: none;
}
.site-footer.project-footer {
margin-top: 0
}
.site-footer a {
text-decoration: none
}
.footer-ov {
width: 25%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
z-index: -2;
border-left: 1px solid hsla(0, 0%, 48.6%, .2);
}
.site-footer.blog-footer {
margin-top: 0;
}
.site-footer.blog-footer .footer-ov {
display: none;
}
.site-footer.blog-footer .footer-ov:nth-child(1) {
display: block;
width: 100%;
height: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.footer-ov:nth-child(1) {
left: 0;
height: calc(100% + 100px);
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
.footer-ov:nth-child(2) {
left: 25%;
height: calc(100% + 50px);
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.footer-ov:nth-child(3) {
left: 50%;
height: 100%
}
.footer-ov:nth-child(4) {
left: 75%;
height: calc(100% + 50px);
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.footer-dark .footer-ov,
.layout-dark .footer-ov {
background-color: #0b0b0b
}
.no-ovs.footer-dark {
background-color: #0b0b0b
}
.no-ovs.footer-light {
background-color: #fff
}
.footer-logo {
width: 100px;
}
.footer-logo img {
width: 100%;
}
.footer-widget-title {
font-size: 13px;
margin-bottom: 30px;
font-weight: 600;
letter-spacing: 2px;
color: #909090;
margin-top: 15px;
}
.footer-list {
list-style: none;
margin: 0;
padding: 0
}
.footer-list li {
font-size: 18px;
margin-bottom: 15px;
}
.footer-list li a:hover {
text-decoration: none;
color: #ededed;
}
.footer-menu,
.footer-menu ul {
margin: 0;
padding: 0;
list-style: none
}
.footer-menu li {
display: inline-block;
margin-right: 20px;
}
.footer-menu li a {
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-weight: 600;
color: hsla(0, 0%, 33.3%, 0.4);
line-height: 28px;
}
.footer-menu li a:hover {
color: #121212;
text-decoration: none;
opacity: 1;
}
.footer-menu .sub-menu,
.footer-menu .children {
display: none
}
.copyright-text {
color: hsla(0, 0%, 48.6%, .4);
font-size: 13px;
margin: 0;
}
.no-footer .site-footer {
display: none
} .fullscreen-footer {
display: block;
padding-left: 7%;
padding-right: 7%;
z-index: 1;
overflow: hidden
}
.fullscreen-footer a {
color: rgba(24, 25, 25, 0.66);
font-size: 13px;
position: relative;
font-weight: 500;
text-decoration: none;
letter-spacing: 0px;
display: block;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.fullscreen-footer i {
font-size: 30px;
}
.layout-dark .fullscreen-footer a {
color: #ededed
}
.fullscreen-footer a.span-in {
-webkit-transform: translatey(0);
-ms-transform: translatey(0);
transform: translatey(0)
}
.fullscreen-footer a::after {
content: "";
display: block;
height: 1px;
background-color: #ededed;
position: absolute;
width: 0;
-webkit-transition: all .3s cubic-bezier(0.61, 0, 0.48, 1);
-o-transition: all .3s cubic-bezier(0.61, 0, 0.48, 1);
transition: all .3s cubic-bezier(0.61, 0, 0.48, 1);
bottom: 0;
}
.fullscreen-footer a:hover::after {
width: 100%;
}
.fullscreen-footer.light a {
color: #ededed
}
.ff-right {
text-align: right
}
.ff-right,
.ff-left {
display: block;
width: 50%;
float: left;
}
.ff-socials li {
display: inline-block;
margin-right: 30px;
}
.ff-socials li:last-child {
margin-right: 0;
}
.ff-socials.social-icons i {
font-size: 20px;
}
.ff-socials.social-icons a {
opacity: .3;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.ff-socials.social-icons a:hover {
opacity: 1
}
.ff-socials.social-icons li {
margin-right: 20px;
}
.ff-link {
color: #121212;
font-size: 17px;
} .project-header {
height: 100vh;
position: relative;
margin-bottom: 150px;
}
.project-content {
position: relative;
}
.project-header .project-image {
width: 100%;
display: block;
height: 50%;
position: relative;
overflow: hidden;
}
.project-header .project-image.project-image-full {
height: 100%
}
.project-header .project-image img,
.project-header .project-image video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
z-index: -999;
-webkit-transform: translate3d(0, 0, 0);
}
.pi-ov {
position: absolute;
bottom: 0;
width: 25%;
background-color: #ededed;
height: 100%;
z-index: -3;
-webkit-transition: height .6s cubic-bezier(.65, .05, .36, 1);
-o-transition: height .6s cubic-bezier(.65, .05, .36, 1);
transition: height .6s cubic-bezier(.65, .05, .36, 1);
-webkit-transform: translate3d(0, 0, 0);
}
.layout-dark .pi-ov {
background-color: #121212
}
.pi-ov-1 {
left: 0;
-webkit-transition-delay: 1.03333s;
-o-transition-delay: 1.03333s;
transition-delay: 1.03333s;
}
.pi-ov-2 {
left: 25%;
-webkit-transition-delay: 1.06666s;
-o-transition-delay: 1.06666s;
transition-delay: 1.06666s;
}
.pi-ov-3 {
left: 50%;
-webkit-transition-delay: 1.09999s;
-o-transition-delay: 1.09999s;
transition-delay: 1.09999s;
}
.pi-ov-4 {
left: 75%;
-webkit-transition-delay: 1.13333s;
-o-transition-delay: 1.13333s;
transition-delay: 1.13333s;
}
.pi-ov-in.pi-ov-1 {
height: 17%
}
.pi-ov-in.pi-ov-2 {
height: 7%
}
.pi-ov-in.pi-ov-3 {
height: 2%
}
.pi-ov-in.pi-ov-4 {
height: 22%
}
.project-header .project-image.no-overlays .pi-ov.pi-ov-in {
height: 0
}
.project-top {
position: absolute;
top: 40%;
left: 20%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 35vw;
}
.project-meta {
position: absolute;
left: 20.5%;
top: 65%;
}
.project-work {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 18px;
margin-left: 2px;
color: #797979;
}
.s-proejct-cat::before {
content: "- ";
}
.s-proejct-cat:first-child::before {
display: none;
}
.project-title {
font-size: 100px;
font-weight: 600;
line-height: 110px;
margin: 0
}
.layout-dark .project-summary,
.layout-dark .project-meta div,
.layout-dark .project-title {
color: #ededed
}
.layout-dark .project-work {
color: #d2d2d2
}
.project-summary {
font-size: 18px;
line-height: 36px;
position: absolute;
right: 20%;
max-width: 28vw;
top: 65%;
}
.project-client {
margin-right: 50px;
}
.project-meta div {
display: block;
margin-bottom: 40px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
}
.pm-tit {
font-weight: 500;
opacity: .5;
}
.pm-tit::after {
content: ": ";
}
.project-header.light .project-title,
.project-header.light .project-summary,
.project-header.light .project-work,
.project-header.light .project-meta div {
color: #ededed;
}
.projects-nav {
position: relative;
min-height: 85vh;
overflow: hidden
}
.np-ov {
width: 25%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #ededed;
z-index: -3
}
.layout-dark .np-ov {
background-color: #121212
}
.np-ov:nth-child(1) {
left: 0;
height: 100px;
}
.np-ov:nth-child(2) {
left: 25%;
height: 50px
}
.np-ov:nth-child(3) {
left: 50%;
height: 0
}
.np-ov:nth-child(4) {
left: 75%;
height: 50px;
}
.next-project {
width: 100%;
height: 100%;
}
.next-project-wrapper {
position: absolute;
left: 20%;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
z-index: 2;
}
.next-project-image-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: -7;
height: 100%;
-webkit-transition: all .6s cubic-bezier(0.73, 0, 0.23, 0.99);
-o-transition: all .6s cubic-bezier(0.73, 0, 0.23, 0.99);
transition: all .6s cubic-bezier(0.73, 0, 0.23, 0.99);
}
.next-project a:hover .next-project-image-wrapper {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.next-project-image-wrapper video,
.next-project-image-wrapper img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.projects-nav a {
text-decoration: none;
color: #ededed
}
.next-project span {
font-size: 12px;
letter-spacing: 1px;
font-weight: 600;
-webkit-transition: all .4s cubic-bezier(0.44, 0.4, 0.23, 0.99);
-o-transition: all .4s cubic-bezier(0.44, 0.4, 0.23, 0.99);
transition: all .4s cubic-bezier(0.44, 0.4, 0.23, 0.99);
display: block;
color: #121212;
text-transform: uppercase;
opacity: .5 !important;
margin-left: 2px;
}
.layout-dark .next-project span {
color: #ededed
}
.next-project-title {
font-size: 60px;
font-weight: 600;
color: #121212;
margin-top: 20px;
max-width: 70%;
line-height: 74px;
}
.layout-dark .next-project-title {
color: #ededed
} .fullscreen {
position: relative;
width: 100%;
top: 0;
bottom: 0;
height: 100vh;
}
.go-to-top {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
opacity: 0;
visibility: hidden;
cursor: pointer;
}
.go-to-top-in {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.portfolio-showcase video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.portfolio-showcase .plyr--video,
.portfolio-showcase .plyr__video-wrapper {
width: 100%;
height: 100%
}
.portfolio-showcase .plyr--video,
.portfolio-showcase .plyr__video-wrapper {
background: transparent !important
} .slideshow-overlay {
position: fixed;
bottom: 0;
left: 10%;
height: 45vh;
width: 28vw;
background-color: #fff;
z-index: 55
}
.slideshow-overlay-2 {
left: 38%;
height: 35vh;
}
.slideshow-overlay-3 {
right: 6%;
height: 25vh;
left: unset;
} .list-titles {
position: absolute !important;
left: 15%;
top: 0;
z-index: 2;
height: 100vh;
}
.scrollbar-track {
display: none !important
}
.list-title {
display: block;
font-size: 60px;
line-height: 70px;
margin-bottom: 60px;
font-weight: 600;
opacity: 1;
cursor: pointer;
position: relative;
color: rgba(0, 0, 0, 0.1);
letter-spacing: -2px;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
visibility: hidden;
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}
.scroll-rat {
display: block;
height: 50vh;
pointer-events: none;
}
.list-title:hover {
text-decoration: none;
color: rgba(0, 0, 0, 0.1);
}
.list-title.ino {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.layout-dark .list-carousel .list-title {
color: rgba(255, 255, 255, 0.1);
}
.list-title::after {
content: attr(data-hover);
position: absolute;
color: #121212;
left: 0;
width: 0;
-webkit-transition: width 0.8s;
-o-transition: width 0.8s;
transition: width 0.8s;
overflow: hidden;
white-space: nowrap;
}
.dark .list-title::after {
color: #ededed
}
.dark-slide-init .ltc-ov {
width: 25%
}
.list-title.swiper-pagination-bullet-active {
background: none;
}
.list-title.swiper-pagination-bullet-active::after {
width: 100%;
}
.list-images {
position: relative;
bottom: 0;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 0
}
.list-images .swiper-wrapper {
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
-o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.list-image {
width: 55% !important;
height: 55% !important;
position: relative !important;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.list-images img,
.list-images video {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.list-image-wrapper {
overflow: hidden;
width: 100%;
position: relative;
display: block;
height: 100%;
-webkit-transition: all .7s cubic-bezier(.65, .05, .36, 1);
-o-transition: all .7s cubic-bezier(.65, .05, .36, 1);
transition: all .7s cubic-bezier(.65, .05, .36, 1);
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
visibility: hidden;
}
.list-image.ino .list-image-wrapper {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.list-image a,
.list-image .list-p-title {
display: none
}
.list-scroll {
font-size: 10px;
letter-spacing: 2px;
font-weight: 500;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.list-titles-fraction {
position: absolute;
bottom: 7%;
right: 7%;
left: unset;
width: unset;
overflow: hidden;
z-index: 1
}
.lt-current,
.lt-total {
font-size: 16px;
font-weight: 600;
color: #666;
display: inline-block;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.lt-current.ino,
.lt-total.ino {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.lt-current::after {
content: "";
display: inline-block;
width: 0;
height: 2px;
vertical-align: middle;
margin: 0 10px;
background-color: #666;
opacity: .5;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.lt-current.ino::after {
width: 25px;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s
}
.list-titles-meta {
position: absolute;
left: 73%;
top: 0;
z-index: 1;
-webkit-transform: translateY(-120%) translateX(-50%);
-ms-transform: translateY(-120%) translateX(-50%);
transform: translateY(-120%) translateX(-50%);
width: 25vw;
text-align: center;
overflow: hidden;
}
.list-titles-meta span {
display: inline-block;
text-align: right;
font-size: 11px;
font-weight: 600;
color: #121212;
margin-bottom: 15px;
letter-spacing: 0px;
opacity: .3;
letter-spacing: 1px;
-webkit-transform: translatey(-120%);
-ms-transform: translatey(-120%);
transform: translatey(-120%);
-webkit-transition: all .3s cubic-bezier(.65, .05, .36, 1);
-o-transition: all .3s cubic-bezier(.65, .05, .36, 1);
transition: all .3s cubic-bezier(.65, .05, .36, 1);
text-transform: uppercase
}
.layout-dark .list-carousel .list-titles-meta span {
color: #ededed
}
.list-init .swiper-slide-active.ino .list-titles-meta span {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.swiper-slide-active .list-titles-meta > span:first-child {
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.swiper-slide-active .list-titles-meta > span:nth-child(2) {
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
}
.swiper-slide-active .list-titles-meta > span:nth-child(3) {
-webkit-transition-delay: .7s;
-o-transition-delay: .7s;
transition-delay: .7s;
}
.list-titles-meta span::after {
content: "";
display: inline-block;
width: 20px;
height: 1px;
background-color: #121212;
vertical-align: middle;
margin: 0 10px;
}
.layout-dark .list-carousel .list-titles-meta span::after {
background-color: #ededed
}
.list-titles-meta span:last-child::after {
display: none;
margin-right: 19px;
}
.list-titles-meta > span:last-child {
margin-right: 0;
}
.lt-total {
opacity: .5;
}
.list-carousel-pagination {
position: absolute;
bottom: 7%;
left: 7%;
z-index: 10;
cursor: pointer
}
.lc-prev,
.lc-next {
display: block;
font-size: 19px;
outline: none;
}
.lc-prev i,
.lc-next i {
display: block;
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
opacity: 0;
visibility: hidden;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.lc-prev i {
-webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%)
}
.lc-prev i.ino,
.lc-next i.ino {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible
}
.lc-next {
margin-bottom: 5px;
}
.layout-dark .list-carousel .lc-prev,
.layout-dark .list-carousel .lc-total,
.layout-dark .list-carousel .lc-current,
.layout-dark .list-carousel .lc-next {
color: #ededed
}
.layout-dark .list-image::after {
background-color: #121212
}
.layout-dark .list-title::after {
color: #ededed
} .detailed-portfolios {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.detailed-project {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
}
.detailed-project.dp-active {
opacity: 1;
visibility: visible;
}
.detailed .project-image {
display: none;
}
.detailed-images {
position: absolute !important;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 30%;
height: 75%;
z-index: 0 !important
}
.detailed-image {
width: 100%;
height: 100%;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
overflow: hidden;
position: absolute;
-webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1) .3s;
-o-transition: all 1s cubic-bezier(.645, .045, .355, 1) .3s;
transition: all 1s cubic-bezier(.645, .045, .355, 1) .3s;
bottom: 0
}
.dt-loaded .detailed-image {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
.detailed-image img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.detailed .project-details {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 30%;
height: 75%;
}
.detailed .project-category {
position: absolute;
left: 0;
-webkit-transform: translateX(-170px);
-ms-transform: translateX(-170px);
transform: translateX(-170px);
top: 20%;
font-size: 13px;
font-weight: 500;
display: inline-block
}
.detailed .project-category span::before {
content: "[";
display: inline-block;
vertical-align: middle;
margin-right: 2px;
}
.project-category span::after {
content: "]";
display: inline-block;
vertical-align: middle;
margin-right: 2px;
}
.detailed .project-year {
position: absolute;
right: 0;
-webkit-transform: translateX(108px);
-ms-transform: translateX(108px);
transform: translateX(108px);
font-size: 30px;
top: 17%;
}
.detailed .project-category span,
.detailed .project-excerpt span,
.detailed .project-year span {
display: block
}
.detailed .project-title {
position: absolute;
right: 0;
-webkit-transform: translateX(50%) translateY(-50%);
-ms-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
font-size: 60px;
max-width: 200px;
line-height: 75px;
font-weight: 400;
top: 50%;
z-index: 11;
text-transform: lowercase
}
.detailed .project-title div:nth-child(2) span {
-webkit-transform: translateX(20%);
-ms-transform: translateX(20%);
transform: translateX(20%);
display: block;
}
.detailed .project-title div {
position: relative
}
.project-title div:nth-child(1) .dpt-line {
display: block;
position: relative;
}
.detailed .project-excerpt {
position: absolute;
right: 0;
-webkit-transform: translateX(220px);
-ms-transform: translateX(220px);
transform: translateX(220px);
font-size: 12px;
max-width: 180px;
line-height: 25px;
bottom: 15%;
}
.detailed .project-metas {
position: absolute;
left: 0;
-webkit-transform: translateX(-120px);
-ms-transform: translateX(-120px);
transform: translateX(-120px);
bottom: 20%;
text-align: right;
}
.detailed .project-meta {
display: block;
position: static;
font-size: 12px;
line-height: 27px;
text-transform: lowercase;
}
.detailed .project-meta .meta-title {
display: inline-block;
font-weight: 600;
}
.detailed-dots {
position: absolute;
top: 50%;
left: 7vw;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.detailed-dot {
display: block;
padding: 10px 0;
cursor: pointer
}
.detailed-dot::before {
content: "";
display: inline-block;
width: 0;
height: 1px;
background-color: #121212;
vertical-align: middle;
margin-right: 10px;
margin-top: 3px;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.detailed-dot.dot-in::before {
width: 20px;
}
.dot-index-active.dot-in.detailed-dot::before {
width: 30px;
}
.dot-index {
font-size: 10px;
font-weight: 600;
display: inline-block;
opacity: 0;
visibility: hidden;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.dot-index-active.dot-in .dot-index {
opacity: 1;
visibility: visible;
}
.detailed-fraction {
position: absolute;
bottom: 7vh;
right: 7vw;
z-index: 2;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease 2s;
-o-transition: all .4s ease 2s;
transition: all .4s ease 2s;
}
.dt-loaded .detailed-fraction {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.detailed-fraction div {
display: inline-block;
}
.detailed-fraction .current {
font-size: 30px;
margin-right: 30px;
}
.detailed-fraction .total::before {
content: "/";
}
.detailed-arrows {
position: absolute;
bottom: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
}
.detailed-arrows div {
display: inline-block;
margin: 0 15px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease 2s;
-o-transition: all .4s ease 2s;
transition: all .4s ease 2s;
}
.detailed-arrows div:nth-child(1) {
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.detailed-arrows div:nth-child(2) {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
.dt-loaded .detailed-arrows div {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible
}
.detailed-arrows i {
font-size: 12px;
font-weight: 900;
opacity: .5;
}
.detailed-arrows div {
cursor: pointer;
}
.plus-button {
position: absolute;
left: 7vw;
bottom: 7vh;
z-index: 2;
overflow: visible;
width: 40px;
height: 40px;
cursor: pointer;
}
.plus-button a {
width: 100%;
height: 100%;
position: relative;
display: block;
}
.plus-button .line-s {
display: block;
width: 1px;
height: 0;
background-color: #121212;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.pb-in.plus-button .line-s {
height: 100%;
}
.pb-in.plus-button .line-s:nth-child(2) {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.ap-text {
position: absolute;
top: 50%;
right: 0;
white-space: nowrap;
font-size: 10px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transform: translateX(100%) translateY(-50%);
-ms-transform: translateX(100%) translateY(-50%);
transform: translateX(100%) translateY(-50%);
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
opacity: 0;
visibility: hidden;
}
.pb-in.pb-active .ap-text {
opacity: 1;
visibility: visible
}
.pb-in.pb-active .line-s {
height: 50%;
}
.pb-in.pb-active .line-s:nth-child(1) {
-webkit-transform: translate(-50%, -50%) rotate(-225deg);
-ms-transform: translate(-50%, -50%) rotate(-225deg);
transform: translate(-50%, -50%) rotate(-225deg);
}
.pb-in.pb-active .line-s:nth-child(2) {
-webkit-transform: translate(-50%, -50%) rotate(225deg);
-ms-transform: translate(-50%, -50%) rotate(225deg);
transform: translate(-50%, -50%) rotate(225deg);
}
.detailed-button {
position: absolute;
width: 113px;
height: 113px;
top: 50%;
left: 25%;
-webkit-transform: translateX(-50%) rotate(45deg) translateY(-50%);
-ms-transform: translateX(-50%) rotate(45deg) translateY(-50%);
transform: translateX(-50%) rotate(45deg) translateY(-50%);
text-align: center;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
z-index: 2;
}
.detailed-button::after {
content: "";
display: block;
width: 100%;
background-color: #ededed;
z-index: -1;
height: 0;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.detailed-button.db-loaded::after {
height: 100%;
}
.detailed-button span {
position: absolute;
background: hsla(0, 0%, 48.6%, .2);
display: block;
width: 0;
height: 0;
}
.detailed-button a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
display: block;
}
.detailed-button p {
position: absolute;
top: 55%;
left: 55%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
width: 100%;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
line-height: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
margin: 0
}
.db-loaded.detailed-button p {
top: 50%;
left: 50%;
opacity: 1;
visibility: visible
}
.db-loaded.detailed-button span:nth-child(1),
.db-loaded.detailed-button span:nth-child(3) {
width: 100%;
height: 1px;
top: 0;
-webkit-transition: width .4s ease;
-o-transition: width .4s ease;
transition: width .4s ease;
}
.db-loaded.detailed-button span:nth-child(3) {
top: unset;
bottom: 0
}
.db-loaded.detailed-button span:nth-child(2),
.db-loaded.detailed-button span:nth-child(4) {
width: 1px;
height: 100%;
top: 0;
-webkit-transition: height .4s ease;
-o-transition: height .4s ease;
transition: height .4s ease;
}
.db-loaded.detailed-button span:nth-child(4) {
right: 0
}
.db-loaded.detailed-button span:nth-child(3),
.db-loaded.detailed-button span:nth-child(4) {
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s
}
.detailed-button:hover span {
background: hsla(0, 0%, 48.6%, .7);
-webkit-transition: all .4s ease !important;
-o-transition: all .4s ease !important;
transition: all .4s ease !important;
}
.dt-ov {
position: absolute;
width: 25%;
height: 0;
background-color: #e6e6e6;
display: block;
left: 50%;
z-index: -2;
top: 0;
-webkit-transition: height 1s cubic-bezier(.645, .045, .355, 1);
-o-transition: height 1s cubic-bezier(.645, .045, .355, 1);
transition: height 1s cubic-bezier(.645, .045, .355, 1);
}
.dt-loaded .dt-ov {
height: 100%
}
.layout-dark .dt-ov {
background-color: #171717;
}
.layout-dark .detailed-button::after {
background-color: #121212
}
.layout-dark .detailed-dot::before,
.layout-dark .plus-button .line-s {
background-color: #ededed
}
.layout-dark .dot-index,
.layout-dark .ap-text,
.layout-dark .detailed-arrows i,
.layout-dark .detailed-fraction div,
.layout-dark .detailed .project-title {
color: #ededed
}
.layout-dark .detailed .project-excerpt,
.layout-dark .detailed .project-meta {
color: #9f9f9f
}
.layout-dark .detailed .project-year,
.layout-dark .detailed .project-category {
color: #c1c1c1
} .portfolio-grid {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
border-top: 1px solid hsla(0, 0%, 48.6%, .2);
}
.pg-sizer,
.grid-project {
width: 25%
}
.grid-project.width-1 {
width: 50%;
}
.grid-project.width-2 {
width: 25%;
margin-right: 10px
}
.grid-project.width-3 {
width: 50%;
}
.grid-project.width-3.no-mar {
margin-bottom: 0 !important
}
.grid-project.width-4 {
width: 25%;
}
.grid-project.width-5 {
width: 25%;
}
.grid-project-meta {
position: absolute;
bottom: 40px;
right: 40px;
z-index: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.grid-project-title {
font-size: 14px;
font-weight: 600;
text-transform: lowercase;
max-width: 80px;
text-align: right;
line-height: 18px;
}
.grid-project-cat {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
opacity: .5;
margin-bottom: 13px;
display: none !important
}
.grid-project-cat,
.grid-project-title,
.grid-project-index {
display: block;
overflow: hidden
}
.grid-project-meta span,
.grid-project-index span {
display: block;
-webkit-transition: all .5s ease 1s;
-o-transition: all .5s ease 1s;
transition: all .5s ease 1s;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.grid-project-index span {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
display: none !important
}
.grid-project.is-inview .grid-project-meta span,
.grid-project.is-inview .grid-project-index span {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.grid-project-index {
position: absolute;
top: 50px;
left: 50px;
font-size: 35px;
font-weight: 700;
color: transparent;
-webkit-text-stroke: 0.5px #121212;
}
.grid-project-image {
display: block;
width: 100%;
height: 100%;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
z-index: -1;
-webkit-transform: skewy(10deg) translateY(100px);
-ms-transform: skewy(10deg) translateY(100px);
transform: skewy(10deg) translateY(100px);
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
opacity: 0;
visibility: hidden;
overflow: hidden
}
.grid-project.is-inview .grid-project-image {
-webkit-transform: skewy(0);
-ms-transform: skewy(0);
transform: skewy(0);
opacity: 1;
visibility: visible
}
.grid-project:hover .grid-project-image img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.grid-project img {
width: 100%;
display: block;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.grid-project a {
color: #121212
}
.grid-project-view {
position: absolute;
bottom: 56px;
text-transform: lowercase;
font-size: 12px;
font-weight: 600;
left: 50px;
opacity: 0;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px)
}
.layout-dark .grid-project-title {
color: #ededed
} .cygni-horizontal-images {
position: absolute !important;
left: 25%;
width: 75%;
top: 0;
right: 0;
height: 100%;
opacity: 0;
margin-left: 0 !important;
margin-right: 0 !important;
}
.cygni-horizontal-images.init {
opacity: 1;
}
.cygni-horizontal-images .swiper-slide {
width: 100%;
height: 100%;
}
.cygni-horizontal-images .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.cygni-horizontal-titles .title {
font-size: 75px;
display: inline-block;
font-weight: 600;
-webkit-text-stroke: 1px #121212;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
color: transparent;
overflow: hidden;
white-space: nowrap
}
.cygni-horizontal-titles .title span {
display: block;
-webkit-transition: all .6s cubic-bezier(0.43, 0.41, 0.12, 1.01);
-o-transition: all .6s cubic-bezier(0.43, 0.41, 0.12, 1.01);
transition: all .6s cubic-bezier(0.43, 0.41, 0.12, 1.01);
-webkit-transform: translatey(100%);
-ms-transform: translatey(100%);
transform: translatey(100%)
}
.cygni-horizontal-titles {
position: absolute;
z-index: 9;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow: visible;
left: 0;
width: 100vw;
list-style: none;
padding: 0;
}
.horizontal-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transition-duration: 1s !important;
-o-transition-duration: 1s !important;
transition-duration: 1s !important;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease
}
.cygni-horizontal-titles .horizontal-item {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.horizontal-image-wrapper {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute
}
.slide-bgimg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.cygni-horizontal-titles .horizontal-wrapper {
left: -25vw
}
.cygni-horizontal-titles .horizontal-item {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
height: 100%;
position: relative;
}
.cygni-horizontal-titles .horizontal-item .horizontal-image {
display: none
}
.cygni-horizontal-titles .title::before {
content: attr(data-hover);
position: absolute;
left: 0;
top: 0;
color: #121212;
overflow: hidden;
-webkit-transition: all .5s cubic-bezier(0.6, 0, 0.3, 1);
-o-transition: all .5s cubic-bezier(0.6, 0, 0.3, 1);
transition: all .5s cubic-bezier(0.6, 0, 0.3, 1);
width: 0;
}
.cygni-horizontal-titles.hor-init .horizontal-item.swiper-slide-active .title {
-webkit-text-stroke: 1px #121212;
}
.cygni-horizontal-titles.hor-init .horizontal-item.swiper-slide-active .title::before {
width: 100%;
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s
}
.cygni-horizontal-titles .year {
position: absolute;
top: 0;
right: 0;
-webkit-transform: translatex(100%) translateY(-100%);
-ms-transform: translatex(100%) translateY(-100%);
transform: translatex(100%) translateY(-100%);
font-size: 18px;
color: #7D7D7D;
overflow: hidden;
max-height: 0;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.cygni-horizontal-titles.hor-init .swiper-slide-active .year {
max-height: 20px;
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
}
.horizontal-cats {
position: absolute;
left: 26%;
z-index: 2;
top: 12vh;
}
.horizontal-cats .category {
font-size: 18px;
font-weight: 600;
}
.horizontal-fraction {
position: absolute;
right: 7vw;
bottom: 9vh;
width: 100px;
height: 1px;
z-index: 1
}
.horizontal-progress {
width: 0;
height: 1px;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.horizontal-progress.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background-color: #000
}
.hor-current,
.hor-total {
display: block;
position: absolute;
font-size: 13px;
color: rgba(0, 0, 0, 0.45);
font-weight: 600;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
opacity: 0;
visibility: hidden
}
.hor-current {
top: 0;
-webkit-transform: translatey(0);
-ms-transform: translatey(0);
transform: translatey(0);
color: rgba(0, 0, 0, 0.72);
}
.hor-total {
bottom: 0;
-webkit-transform: translatey(0);
-ms-transform: translatey(0);
transform: translatey(0);
right: 0;
}
.horizontal-progress.anim-in {
width: 100px;
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.horizontal-progress.anim-in .hor-current,
.horizontal-progress.anim-in .hor-total {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.horizontal-progress.anim-in .hor-current {
-webkit-transform: translateY(-150%);
-ms-transform: translateY(-150%);
transform: translateY(-150%);
}
.horizontal-progress.anim-in .hor-total {
-webkit-transform: translateY(150%);
-ms-transform: translateY(150%);
transform: translateY(150%);
}
.horizontal-project-link {
position: absolute;
bottom: 7vh;
left: 7vw;
overflow: hidden
}
.horizontal-project-link a {
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
font-weight: 600;
text-decoration: none;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
display: block;
}
.horizontal-project-link.anim-in a {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.horizontal-project-link a:hover {
color: #121212
}
.horizontal-project-link a::before {
content: "\e75e";
font-family: 'entypo';
font-weight: bold;
font-size: 17px;
display: inline-block;
vertical-align: middle;
margin-top: -1.3px;
margin-right: 10px;
color: #000;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.horizontal-project-link a:hover::before {
margin-right: 20px;
}
.horizontal-pagination {
position: absolute;
bottom: 40%;
left: 25%;
z-index: 1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.horizontal-pagination div {
display: inline-block;
font-size: 14px;
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.horizontal-pagination div i {
color: rgba(0, 0, 0, 0.3)
}
.horizontal-prev {
padding-right: 0;
}
.horizontal-next {
padding-left: 0;
}
.horizontal-pagination div:focus {
outline: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important
}
.horizontal-prev::after {
content: "";
display: inline-block;
width: 0;
height: 1px;
background: rgba(0, 0, 0, 0.3);
vertical-align: middle;
margin-top: -3.5px;
margin-left: -11px;
-webkit-transition: width .4s ease;
-o-transition: width .4s ease;
transition: width .4s ease;
}
.horizontal-next::before {
content: "";
display: inline-block;
width: 0;
height: 1px;
background: rgba(0, 0, 0, 0.3);
vertical-align: middle;
margin-top: -3.5px;
margin-right: -7px;
-webkit-transition: width .4s ease;
-o-transition: width .4s ease;
transition: width .4s ease;
}
.horizontal-pagination.anim-in div {
opacity: 1;
visibility: visible;
}
.horizontal-pagination.anim-in .horizontal-prev {
padding-right: 12.5px;
}
.horizontal-pagination.anim-in .horizontal-next {
padding-left: 12.5px;
}
.horizontal-pagination.anim-in .horizontal-prev::after,
.horizontal-pagination.anim-in .horizontal-next::before {
width: 30px;
}
.horizontal-pagination.anim-in div:hover::before,
.horizontal-pagination.anim-in div:hover::after {
width: 60px
}
.hor-ov {
position: absolute;
width: 25%;
height: 100%;
background-color: #ededed;
display: block;
z-index: 2;
-webkit-transition: all .8s cubic-bezier(.77, 0, .18, 1);
-o-transition: all .8s cubic-bezier(.77, 0, .18, 1);
transition: all .8s cubic-bezier(.77, 0, .18, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.layout-dark .hor-ov {
background-color: #121212
}
.hor-ov:nth-child(1) {
left: 25%;
}
.hor-ov:nth-child(2) {
left: 50%
}
.hor-ov:nth-child(3) {
left: 75%;
}
.hor-ov.anim-in {
width: 0
}
.cygni-horizontal::before {
content: "";
display: block;
width: 0;
background-color: #121212;
height: 100%;
position: absolute;
z-index: 4;
-webkit-transition: all .8s cubic-bezier(.77, 0, .18, 1);
-o-transition: all .8s cubic-bezier(.77, 0, .18, 1);
transition: all .8s cubic-bezier(.77, 0, .18, 1);
}
.cygni-horizontal.dark-slide-active::before {
width: 25%;
right: 75%;
}
.layout-dark .horizontal-project-link a::before,
.layout-dark .cygni-horizontal .year,
.layout-dark .cygni-horizontal .carousel-prev,
.layout-dark .cygni-horizontal .carousel-next {
color: #ededed
}
.layout-dark .cygni-horizontal .title {
color: transparent;
-webkit-text-stroke: 1px #ededed
}
.layout-dark .cygni-horizontal-titles.hor-init .horizontal-item.swiper-slide-active .title {
-webkit-text-stroke: 1px #ededed
}
.layout-dark .cygni-horizontal a {
color: rgba(255, 255, 255, 0.4)
}
.layout-dark .cygni-horizontal .cygni-horizontal-titles .title::before {
color: #ededed
}
.layout-dark .swiper-pagination-progressbar {
background: rgba(255, 255, 255, 0.25);
}
.layout-dark .hor-current,
.layout-dark .hor-total {
color: rgba(255, 255, 255, 0.45);
}
.layout-dark .horizontal-progress.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background-color: #fff;
}
.layout-dark .hor-current {
color: rgba(255, 255, 255, 0.72);
}
.layout-dark .horizontal-pagination div i {
color: rgba(255, 255, 255, 0.3);
}
.layout-dark .horizontal-prev::after,
.layout-dark .horizontal-next::before {
background: rgba(255, 255, 255, 0.3)
}
.cygni-horizontal-titles .title span.anim-in {
-webkit-transform: none;
-ms-transform: none;
transform: none
} .vertical-projects {
width: 65%;
display: block;
z-index: 55;
position: relative;
padding-top: 20vh;
margin-left: auto;
margin-right: auto;
padding-bottom: 20vh;
}
.vertical-item {
display: block;
width: 100%;
position: relative;
margin-bottom: 100px;
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s
}
.vertical-item::after {
display: table;
clear: both;
content: '';
}
.vertical-image-wrapper {
width: 45%;
display: block;
position: relative;
overflow: hidden;
min-height: 350px
}
.vertical-item img,
.vertical-item video {
width: 100%;
height: 100% !important;
-webkit-transform: scale(1.1) translateX(40px);
-ms-transform: scale(1.1) translateX(40px);
transform: scale(1.1) translateX(40px);
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
right: 0;
max-width: unset !important
}
.vertical-item.is-inview video,
.vertical-item.is-inview img {
-webkit-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
transform: scale(1) translateX(0)
}
.vertical-item:nth-child(even) .vertical-image-wrapper {
float: right;
}
.vertical-back-text {
position: fixed;
top: 25vh;
font-size: 170px;
color: #000;
font-weight: 800;
right: -10%;
white-space: nowrap;
text-align: right;
line-height: 190px;
-webkit-transition: right 1s cubic-bezier(.59, .45, .25, 1) 1s, opacity 1s cubic-bezier(.59, .45, .25, 1) 1s;
-o-transition: right 1s cubic-bezier(.59, .45, .25, 1) 1s, opacity 1s cubic-bezier(.59, .45, .25, 1) 1s;
transition: right 1s cubic-bezier(.59, .45, .25, 1) 1s, opacity 1s cubic-bezier(.59, .45, .25, 1) 1s;
opacity: 0;
pointer-events: none
}
.vertical-back-text.is-inview {
right: 10%;
opacity: .02
}
.vertical-item-meta {
position: absolute;
top: 40%;
left: 40%;
width: 250px;
margin-bottom: 0;
z-index: 2;
overflow: hidden;
}
.vertical-item-title {
color: #121212;
font-size: 40px;
font-weight: 700;
line-height: 55px;
letter-spacing: -1px;
}
.vertical-item:nth-child(even) .vertical-item-meta {
left: unset;
right: 40%;
text-align: right
}
.vertical-item-link {
position: absolute;
width: 50%;
height: 100%;
z-index: 3;
}
.vertical-item:nth-child(even) .vertical-item-link {
right: 0;
}
.vertical-item-link:hover {
text-decoration: none;
}
.vertical-item-title div {
overflow: hidden;
}
.vertical-item-title div .title-line {
-webkit-transform: translatey(100%);
-ms-transform: translatey(100%);
transform: translatey(100%);
display: block;
-webkit-transition: transform .6s ease .6s;
-o-transition: transform .6s ease .6s;
-webkit-transition: -webkit-transform .6s ease .6s;
transition: -webkit-transform .6s ease .6s;
transition: transform .6s ease .6s;
transition: transform .6s ease .6s, -webkit-transform .6s ease .6s;
}
.vertical-item-title div:nth-child(2) .title-line {
-webkit-transition-delay: .7s;
-o-transition-delay: .7s;
transition-delay: .7s;
}
.vertical-category {
font-size: 14px;
opacity: .6;
color: #121212;
font-weight: 600;
margin-bottom: 20px;
display: inline-block;
-webkit-transform: translatex(-100%);
-ms-transform: translatex(-100%);
transform: translatex(-100%);
-webkit-transition: transform .4s ease 1s;
-o-transition: transform .4s ease 1s;
-webkit-transition: -webkit-transform .4s ease 1s;
transition: -webkit-transform .4s ease 1s;
transition: transform .4s ease 1s;
transition: transform .4s ease 1s, -webkit-transform .4s ease 1s;
}
.vertical-projects.vertical-init .vertical-category {
-webkit-transition: all .4s ease .4s;
-o-transition: all .4s ease .4s;
transition: all .4s ease .4s;
}
.vertical-item:nth-child(even) .vertical-category {
-webkit-transform: translatex(100%);
-ms-transform: translatex(100%);
transform: translatex(100%);
}
.vertical-item-meta.is-inview .vertical-category {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.vertical-item-title div {
overflow: hidden;
display: block;
}
.vertical-item-meta.is-inview .vertical-item-title div .title-line {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.vertical-projects.vertical-init .vertical-item-title div:nth-child(1) .title-line {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.vertical-projects.vertical-init .vertical-item-title div:nth-child(2) .title-line {
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.vertical-anim-holder {
display: block;
width: 0;
position: absolute;
overflow: hidden;
right: 0;
height: 100%;
-webkit-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
-o-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
}
.is-inview .vertical-anim-holder {
width: 100%
}
.layout-dark .vertical-item-title,
.layout-dark .vertical-category,
.layout-dark .vertical-back-text {
color: #ededed
} .big-slider {
margin-left: auto;
margin-right: auto;
overflow: hidden;
list-style: none;
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: auto;
pointer-events: none;
}
.big-slider-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.big-slider-item {
width: 100%;
height: 100%;
overflow: visible;
position: absolute;
}
.bs-inactive {
opacity: 0;
visibility: hidden;
}
.bs-active {
opacity: 1;
visibility: visible
}
.big-slider .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: none;
}
.big-slider .top {
position: absolute;
top: 30%;
left: 7vw;
z-index: auto;
width: 35vw;
}
.big-slider .title {
overflow: hidden;
margin-bottom: 30px;
line-height: 100px;
font-size: 85px;
color: #121212;
font-weight: 600;
overflow: hidden;
letter-spacing: -2px;
position: relative;
z-index: 4;
width: 35vw
}
.layout-dark .bs-bullets .swiper-pagination-bullet,
.layout-dark .big-slide-pag i,
.layout-dark .big-slider .title {
color: #ededed
}
.big-slider .title div {
display: block;
overflow: hidden;
}
.big-slider .title div .span-line {
display: inline-block;
}
.big-slider .meta {
position: absolute;
top: 13%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
overflow: hidden
}
.big-slider .meta div {
font-size: 12px;
font-weight: normal;
display: inline-block;
margin: 0 60px;
text-transform: lowercase;
letter-spacing: 1px;
overflow: hidden;
}
.big-slider .meta div > span {
display: block;
}
.portfolio-showcase.loading .big-slider .meta div > span {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.big-slider .meta span.meta-title {
display: inline-block;
color: #121212;
opacity: .3;
margin-right: 10px;
}
.big-slider .year {
position: absolute;
z-index: 2;
font-size: 40px;
top: 23%;
left: 75%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
overflow: hidden
}
.big-slider .year span {
display: block
}
.portfolio-showcase.loading .big-slider .year span {
display: block;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.big-slide-button .project-url {
position: absolute;
z-index: 2;
left: 25%;
top: 80%;
-webkit-transform: translateX(-50%) rotate(45deg) translateY(-50%);
-ms-transform: translateX(-50%) rotate(45deg) translateY(-50%);
transform: translateX(-50%) rotate(45deg) translateY(-50%);
color: rgba(24, 25, 25, 0.52);
width: 130px;
height: 130px;
pointer-events: all;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
}
.project-url .bsb-link {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
width: 100%;
text-align: center;
color: rgba(24, 25, 25, 0.5);
font-size: 10px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
background: none;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
line-height: 1;
overflow: hidden;
margin: 0
}
.project-url .bsb-link wrap {
display: block;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.project-url .bsb-link wrap {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.project-url.loaded .bsb-link wrap {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.project-url span {
position: absolute;
background: rgba(24, 25, 25, 0.2);
display: block;
}
.project-url span:nth-child(3),
.project-url span:nth-child(4) {
height: 0;
-webkit-transition: height .6s ease;
-o-transition: height .6s ease;
transition: height .6s ease;
}
.project-url span:nth-child(1),
.project-url span:nth-child(2) {
width: 0;
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.project-url span:nth-child(2),
.project-url span:nth-child(4) {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s
}
.project-url.loaded span:nth-child(3),
.project-url.loaded span:nth-child(4) {
width: 1px;
height: 100%;
}
.project-url.loaded span:nth-child(1),
.project-url.loaded span:nth-child(2) {
width: 100%;
height: 1px;
}
.project-url span::before {
content: "";
display: block;
background-color: #121212;
left: 0;
width: 0px;
height: 0px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.project-url span:nth-child(1)::before,
.project-url span:nth-child(2)::before {
height: 100%;
width: 0;
}
.project-url span:nth-child(3)::before,
.project-url span:nth-child(4)::before {
height: 0;
width: 100%;
}
.project-url span:nth-child(1)::before,
.project-url span:nth-child(3)::before {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.project-url:hover span:nth-child(1)::before,
.project-url:hover span:nth-child(3)::before {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
.project-url:hover span:nth-child(2)::before,
.project-url:hover span:nth-child(4)::before {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.project-url:hover span::before {
width: 100%;
height: 100%;
}
.project-url:hover .bsb-link {
color: #121212
}
.project-url span:nth-child(1) {
top: 0;
}
.project-url span:nth-child(2) {
bottom: 0;
}
.project-url span:nth-child(3) {
left: 0;
}
.project-url span:nth-child(4) {
right: 0;
}
.big-slider .summary {
font-size: 15px;
line-height: 28px;
margin-bottom: 50px;
color: #121212;
opacity: .7;
position: absolute;
z-index: 2;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 76.5%;
width: 16.5%;
}
.big-slider .summary .span-line {
display: block;
}
.portfolio-showcase.loading .big-slider .summary .span-line {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
visibility: hidden;
}
.big-slider .category {
margin-bottom: 50px;
opacity: 1;
overflow: hidden;
z-index: 2;
-webkit-transform: translatex(20%);
-ms-transform: translatex(20%);
transform: translatex(20%);
position: relative
}
.big-slider .category span {
font-size: 14px;
font-weight: 600;
display: inline-block;
line-height: 17px;
}
.big-slider .category span::before {
content: "";
display: inline-block;
width: 0px;
height: 1px;
vertical-align: middle;
margin-top: -1px;
background-color: #121212;
margin-right: 15px;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.big-slider .category.in span::before {
width: 50px
}
.big-slide-pag {
position: absolute;
z-index: 222;
left: 7%;
bottom: 7vh;
}
.big-slide-prev {
margin-bottom: 19px;
}
.big-slide-next,
.big-slide-prev {
cursor: pointer;
display: inline-block;
font-size: 17px;
letter-spacing: 1px;
font-weight: 200;
color: #121212;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-right: 10px;
margin-bottom: 0
}
.big-slide-pag i {
display: block;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.big-slide-next:hover,
.big-slide-prev:hover {
color: #000
}
.bs-bullets {
position: absolute;
right: 7%;
bottom: 7vh;
z-index: 99;
z-index: 222;
overflow: hidden;
}
.bs-bullets .swiper-pagination-bullet {
width: auto;
height: auto;
display: inline-block;
background: transparent;
font-size: 16px;
position: relative;
border-radius: 0;
-webkit-transition: opacity .3s, -webkit-transform .5s ease;
transition: opacity .3s, -webkit-transform .5s ease;
-o-transition: transform .5s ease, opacity .3s;
transition: transform .5s ease, opacity .3s;
transition: transform .5s ease, opacity .3s, -webkit-transform .5s ease;
}
.bs-bullets .swiper-pagination-bullet::after {
content: "";
display: inline-block;
width: 0;
height: 1px;
background-color: #c6c6c6;
vertical-align: middle;
margin: 0 20px;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.bs-bullets .swiper-pagination-bullet:last-child::before,
.bs-bullets .swiper-pagination-bullet:last-child::after {
display: none
}
.bs-bullets .swiper-pagination-bullet::before {
content: "";
display: none;
position: absolute;
left: 37.8px;
width: 0;
height: 1px;
background-color: #000;
top: 50%;
}
.bs-bullets .swiper-pagination-bullet-active::before {
display: block;
}
.progress-init::before {
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
@-webkit-keyframes progressBar {
from {
width: 0px;
}
to {
width: 100px;
}
}
@keyframes progressBar {
from {
width: 0px;
}
to {
width: 100px;
}
}
.bs-ov {
position: absolute;
width: 25%;
height: 100%;
background-color: #ededed;
top: 0;
z-index: 3;
}
.loaded .bs-ov {
height: 0
}
.loaded .bs-ov-1 {
-webkit-transition: height .6s cubic-bezier(.645, .045, .355, 1) .5s;
-o-transition: height .6s cubic-bezier(.645, .045, .355, 1) .5s;
transition: height .6s cubic-bezier(.645, .045, .355, 1) .5s;
}
.loaded .bs-ov-2 {
-webkit-transition: height .6s cubic-bezier(.645, .045, .355, 1) .5333s;
-o-transition: height .6s cubic-bezier(.645, .045, .355, 1) .5333s;
transition: height .6s cubic-bezier(.645, .045, .355, 1) .5333s;
}
.loaded .bs-ov-3 {
-webkit-transition: height .6s cubic-bezier(.645, .045, .355, 1) .5666s;
-o-transition: height .6s cubic-bezier(.645, .045, .355, 1) .5666s;
transition: height .6s cubic-bezier(.645, .045, .355, 1) .5666s;
}
.loaded .bs-ov-4 {
-webkit-transition: height .6s cubic-bezier(.645, .045, .355, 1) .5999s;
-o-transition: height .6s cubic-bezier(.645, .045, .355, 1) .5999s;
transition: height .6s cubic-bezier(.645, .045, .355, 1) .5999s;
}
.bs-ov.trans-start {
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
height: 100%;
}
.bs-ov-1 {
left: 0
}
.bs-ov-2 {
left: 25%;
}
.bs-ov-3 {
left: 50%;
}
.bs-ov-4 {
left: 75%;
}
.big-images {
position: absolute !important;
width: 100%;
height: 100%;
}
.big-images .swiper-slide {
overflow: hidden;
}
.big-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.big-image .plyr,
.big-image .plyr__video-wrapper {
height: 100%;
}
.big-images .swiper-wrapper {
-webkit-transition-timing-function: cubic-bezier(.77, 0, .18, 1);
-o-transition-timing-function: cubic-bezier(.77, 0, .18, 1);
transition-timing-function: cubic-bezier(.77, 0, .18, 1);
}
.big-images img,
.big-images video {
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100vw;
height: 100% !important;
object-fit: cover;
}
.big-image::before {
content: "";
display: none;
position: absolute;
left: 0;
top: 0;
background-color: #000;
width: 100%;
height: 100%;
opacity: .4;
}
.dark-slide .big-image::before {
display: block;
} .layout-dark .bs-bullets .swiper-pagination-bullet::before {
background-color: #ededed
}
.layout-dark .bs-bullets .swiper-pagination-bullet::after {
color: #c6c6c6
}
.layout-dark .link a::before,
.layout-dark .big-slide-current::after {
background-color: #ededed
}
.layout-dark .bs-ov {
background-color: #121212
}
.layout-dark .bsb-link {
color: #ededed91;
}
.layout-dark .project-url span {
background-color: #ededed91
}
.layout-dark .big-slider .category span::before,
.layout-dark .project-url span::before {
background-color: #ededed
}
.layout-dark .big-slider .meta span.meta-title,
.layout-dark .big-slider .year {
color: #ededed
}
.layout-dark .big-slider .meta div > span,
.layout-dark .big-slider .summary {
color: #edededa6
}
.layout-dark .big-slider .year,
.layout-dark .big-slider .category span {
color: #edededd4;
}
.layout-dark .project-url:hover .bsb-link {
color: #ededed
} .ready-for-bs {
width: 25%;
height: 100%;
z-index: 4;
}
.out-for-bs {
height: 0
}
.bs-bullets .swiper-pagination-bullet,
.big-slider .top.anim-ready .title-inner,
.big-slider .top.anim-ready .summary-line,
.big-slider .top.anim-ready .link a {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.big-slide-pag i {
opacity: 0;
visibility: hidden;
}
.big-slide-pag .big-slide-prev i {
-webkit-transform: translateY(300%);
-ms-transform: translateY(300%);
transform: translateY(300%);
}
.big-slide-pag .big-slide-next i {
-webkit-transform: translateY(-300%);
-ms-transform: translateY(-300%);
transform: translateY(-300%)
}
.big-slide-pag i.anim-in {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.bs-bullets .swiper-pagination-bullet.anim-in {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.bs-bullets .swiper-pagination-bullet-active.anim-in::after {
width: 100px;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s
}
.anim-in.progress-init::before {
-webkit-animation-name: progressBar;
animation-name: progressBar;
} .all-projects {
z-index: 222;
top: 0;
bottom: 0;
height: 100%;
left: 52%;
width: 48%;
position: absolute;
}
.pe-projects-images {
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
}
.pe-project-image {
-webkit-transition: -webkit-transform 1s cubic-bezier(.46, .03, .52, .96);
transition: -webkit-transform 1s cubic-bezier(.46, .03, .52, .96);
-o-transition: transform 1s cubic-bezier(.46, .03, .52, .96);
transition: transform 1s cubic-bezier(.46, .03, .52, .96);
transition: transform 1s cubic-bezier(.46, .03, .52, .96), -webkit-transform 1s cubic-bezier(.46, .03, .52, .96);
position: absolute;
width: 100%;
overflow: hidden;
left: 0;
height: 100%;
bottom: 0;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 0;
visibility: hidden;
z-index: 220
}
.pe-project-image::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
background-color: #000;
z-index: 999;
width: 100%;
height: 100%;
opacity: .6;
}
.pe-project-image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.pe-project-image.image-show {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.all-projects .category {
position: absolute;
display: block;
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
transform: translateY(200%);
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
font-size: 14px;
letter-spacing: 1px;
color: #fff;
}
.all-projects .project:hover .category {
opacity: .6;
visibility: visible;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%)
}
.all-projects .project {
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
display: block;
position: relative;
overflow: hidden;
cursor: pointer;
margin-bottom: 70px;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.all-projects .title {
overflow: hidden;
display: inline-block;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-transition-timing-function: cubic-bezier(.65, .05, .36, 1);
-o-transition-timing-function: cubic-bezier(.65, .05, .36, 1);
transition-timing-function: cubic-bezier(.65, .05, .36, 1);
}
.all-projects .title a {
color: #121212;
font-size: 47px;
line-height: 47px;
font-weight: 400;
text-decoration: none
}
.all-projects .project:hover .title a {
color: #ededed;
}
.all-projects .project.project-hidden .title a {
color: #ededed;
opacity: .1
}
.all-projects .featured-image {
display: none;
}
.projects-padding {
display: block;
height: 75vh;
width: 100%;
}
.all-projects-metas {
position: fixed;
top: 0;
left: 7vw;
height: 100%;
z-index: 11;
width: 17%;
z-index: 221;
pointer-events: none;
}
.all-projects-metas .category {
position: absolute;
top: 20%;
font-size: 20px;
color: #ededed
}
.all-project-meta {
width: 100%;
height: 100%
}
.all-projects-metas .category span {
display: block;
-webkit-transform: translatey(10px);
-ms-transform: translatey(10px);
transform: translatey(10px);
-webkit-transition: all .4s cubic-bezier(.77, 0, .18, 1);
-o-transition: all .4s cubic-bezier(.77, 0, .18, 1);
transition: all .4s cubic-bezier(.77, 0, .18, 1);
opacity: 0;
}
.all-projects-metas .image-show .category span {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.all-projects-metas .meta-summ {
position: absolute;
width: 100%;
bottom: 20%;
}
.all-projects-metas .meta div {
font-size: 14px;
margin-bottom: 30px;
font-weight: 600;
-webkit-transform: translatey(10px);
-ms-transform: translatey(10px);
transform: translatey(10px);
opacity: 0;
color: #ededed;
-webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
-o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
transition: all .5s cubic-bezier(.25, .46, .45, .94);
}
.light-init .pe-project-image::before {
display: none;
}
.light-init .all-projects-metas .meta div,
.light-init .all-projects-metas .summary,
.light-init .all-projects-metas .category {
color: #000
}
.light-init .all-projects .project:hover .title a {
color: #121212;
}
.light-init .all-projects .project.project-hidden .title a {
color: #121212;
opacity: .1
}
.all-projects-metas .image-show .meta div {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.all-projects-metas .summary {
font-size: 16px;
line-height: 29px;
-webkit-transform: translatey(10px);
-ms-transform: translatey(10px);
transform: translatey(10px);
opacity: 0;
visibility: hidden;
color: #ededed;
-webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
-o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
transition: all .5s cubic-bezier(.25, .46, .45, .94);
}
.all-projects-metas .meta-title {
font-size: 14px;
display: block;
margin-bottom: 15px;
opacity: .3;
font-weight: normal;
}
.all-projects-metas .image-show .summary {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible
}
.all-projects .project .summary,
.all-projects .project .category,
.all-projects .project .meta {
display: none
}
.summary-wrapper {
display: block;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.all-project-meta.image-show .client {
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.all-projects-metas .meta,
.all-projects-metas .summary {
display: block
}
.pe-project:hover .pe-project-client,
.pe-project:hover .pe-project-date,
.pe-project:hover .pe-project-cat {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.all-projects-cats {
position: fixed;
right: 50%;
top: 30%;
text-align: right;
}
.all-projects-cats ul {
padding-right: 25px;
}
.all-projects-cats li {
display: block;
position: relative;
font-size: 14px;
color: #9A9A9A;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
margin-bottom: 30px;
text-transform: uppercase;
font-weight: 600;
overflow: hidden
}
.all-projects-cats li span {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
display: inline-block;
}
.all-projects-cats li::after {
content: attr(data-hover);
position: absolute;
color: #000;
-webkit-transform: translatey(100%);
-ms-transform: translatey(100%);
transform: translatey(100%);
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
right: 0;
}
.all-projects-cats li:hover span {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.all-projects-cats li:hover::after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.all-projects-cats.all-init li.cat-active span {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.all-projects-cats.all-init li.cat-active::after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.all-projects .project.up .title {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.all-projects .project.ready .title {
-webkit-transform: translateY(110%);
-ms-transform: translateY(110%);
transform: translateY(110%);
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.all-projects .project.anim-ready {
-webkit-transform: translateY(100px) skewY(10deg);
-ms-transform: translateY(100px) skewY(10deg);
transform: translateY(100px) skewY(10deg);
opacity: 0;
visibility: hidden;
}
.all-projects-cats li span.anim-ready {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
} .wall-wrapper {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%;
padding-left: 100px;
}
.wall-project {
display: inline-block;
margin-right: 95px;
margin-bottom: 32px;
position: relative;
cursor: pointer;
z-index: auto;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
margin-top: 32px;
}
.wall-project a {
position: relative;
z-index: auto;
display: block
}
.wall .project-image {
display: block;
position: fixed;
width: auto;
height: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -40%);
-ms-transform: translate(-50%, -40%);
transform: translate(-50%, -40%);
overflow: hidden;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.wall .year {
position: absolute;
top: 0;
right: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
font-size: 10px;
color: #121212;
font-weight: 500;
opacity: .5;
letter-spacing: 1px;
overflow: hidden;
z-index: -1
}
.wall .year span {
display: block;
-webkit-transform: translatey(100%);
-ms-transform: translatey(100%);
transform: translatey(100%);
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s
}
.wall .project-image img,
.wall .project-image video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.wall .title {
font-size: 40px;
line-height: 60px;
color: #121212;
overflow: hidden;
position: relative;
font-weight: 500;
z-index: -1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.layout-dark .wall .title {
color: #ededed;
}
.wall .title span {
display: block;
-webkit-transform: translatey(100%);
-ms-transform: translatey(100%);
transform: translatey(100%);
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.wall-project.project-in .title span,
.wall-project.project-in .year span {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.wall-project a:hover {
text-decoration: none;
}
.wall-project:hover .project-image {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wall-project:hover .title,
.wall-project:hover .year {
z-index: 15;
}
.pw-op {
opacity: .1;
z-index: -1;
}
.layout-dark .wall .year {
color: #ededed
}
.wall-project .category {
display: none
}
.wall-cat {
position: absolute;
right: 7%;
bottom: 7%;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
opacity: 0;
visibility: hidden;
display: block;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.wall-cat.active {
opacity: .5;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}  .overlay-button {
font-size: 30px;
display: inline-block;
font-weight: 700;
color: hsla(0, 0%, 48.6%, .1);
text-decoration: none;
position: relative;
margin-bottom: 15px;
}
.overlay-button::after {
content: attr(data-hover);
position: absolute;
left: 0;
color: #000;
width: 0;
height: 100%;
overflow: hidden;
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
;
z-index: 2
}
.overlay-button:hover {
color: #e0e0e0;
text-decoration: none;
}
.overlay-button:hover::after {
width: 100%;
}
.light-button:hover {
color: #fff;
} .sub-heading {
display: block;
margin-bottom: 15px;
font-size: 18px;
color: #C7C7C7;
-webkit-transform: translateX(-70px);
-ms-transform: translateX(-70px);
transform: translateX(-70px);
}
.sub-heading::before {
content: "";
display: inline-block;
width: 73px;
height: 1px;
background-color: #C7C7C7;
vertical-align: middle;
margin-right: 17px;
} .team-member {
position: relative;
margin-bottom: -5px;
}
.team-member-image {
width: 100%;
height: 100%;
}
.team-member-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block
}
.team-member-details {
position: absolute;
bottom: 50px;
width: 100%;
z-index: 3;
left: 50px;
}
.team-member-name {
color: #ededed;
font-size: 19px;
margin-bottom: 15px;
font-weight: 600;
overflow: hidden
}
.team-member-pos {
font-size: 13px;
font-weight: 500;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
color: rgba(237, 237, 237, 0.48);
overflow: hidden
}
.team-member-image::before {
content: "";
display: block;
position: absolute;
mix-blend-mode: multiply;
left: 0;
bottom: 0;
right: 0;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), to(rgba(255, 255, 255, 1)));
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 1) 100%);
height: 30%;
opacity: 0;
}
.team-member-image::after {
content: "";
display: block;
position: absolute;
z-index: 1;
background-color: #121212;
width: 100%;
height: 100%;
top: 0;
left: 0;
mix-blend-mode: saturation;
opacity: .5;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.team-member:hover .team-member-image::before {
opacity: 1
}
.team-member:hover .team-member-image::after {
opacity: 0
}
.member-socials {
position: absolute;
right: 30px;
top: 30px;
text-align: right;
z-index: 2;
list-style: none
}
.member-socials li {
font-size: 17px;
line-height: 29px;
}
.member-socials a {
text-decoration: none;
display: block;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.member-socials li:first-child a {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.member-socials li:nth-child(2) a {
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.member-socials li:nth-child(3) a {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.member-socials li:nth-child(4) a {
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.member-socials li:nth-child(5) a {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.member-socials li:nth-child(6) a {
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.team-member-details span {
display: block;
-webkit-transform: translatey(100%);
-ms-transform: translatey(100%);
transform: translatey(100%);
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.team-member:hover .team-member-pos span {
-webkit-transition-delay: .15s;
-o-transition-delay: .15s;
transition-delay: .15s
}
.team-member:hover .team-member-title span {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0
}
.team-member:hover .team-member-details span {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.team-member:hover .member-socials a {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible;
} .c-accordion {
margin-top: 50px;
}
.accordion-title {
display: block;
padding-bottom: 50px;
font-size: 20px;
color: #121212;
cursor: pointer;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
visibility: hidden;
will-change: transform;
}
.layout-dark .accordion-title {
color: #ededed
}
.accordion-title.is-inview {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible
}
.accordion-title::before {
content: attr(data-index);
margin-right: 20px;
font-size: 16px;
vertical-align: middle;
color: #7C7C7C;
}
.accordion-title a:hover {
text-decoration: none;
}
.accordion-content {
padding-left: 39px;
font-size: 15px;
line-height: 27px;
overflow: hidden;
margin: 0;
margin-top: 20px;
} .c-clients {
width: 100%;
display: block;
}
.c-client {
display: block;
width: 25%;
float: left;
text-align: center;
opacity: 1;
margin-bottom: 120px;
opacity: .7;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.c-clients.columns-3 .c-client {
width: 33.333333%
}
.c-clients.columns-2 .c-client {
width: 50%
}
.c-clients.columns-1 .c-client {
width: 100%
}
.c-client:hover {
opacity: 1;
}
.c-client img {
width: 160px;
opacity: 1;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.c-client:hover img {
opacity: 1;
} .wrapper-small {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.wrapper {
width: 100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 70px;
}
.wrapper-full {
width: 100%;
margin-bottom: 170px;
}
.section {
width: 100%;
margin-bottom: 100px;
position: relative;
}
.section.has-bg {
margin-bottom: 350px;
padding-top: 100px;
margin-top: 350px;
}
.page-content .section:last-child {
margin-bottom: 0
}
.section.send-back {
z-index: -9
}
.wrapper:after,
.wrapper-small:after,
.wrapper-full:after,
section:after {
display: table;
clear: both;
content: '';
}
.c-col-1,
.c-col-2,
.c-col-3,
.c-col-4,
.c-col-5,
.c-col-6,
.c-col-7,
.c-col-8,
.c-col-9,
.c-col-10,
.c-col-11,
.c-col-12 {
float: left;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.no-gap {
padding-left: 0;
padding-right: 0;
}
.no-margin {
margin-bottom: 0
}
.c-col-6 {
width: 50%;
}
.c-col-4 {
width: 33.333333%
}
.c-col-8 {
width: 66.666666%
}
.c-col-3 {
width: 25%;
}
.c-col-2 {
width: 16.6666666%
}
.c-col-5 {
width: 41.666666%
}
.c-col-10 {
width: 83.333333%
}
.c-col-9 {
width: 75%
}
.c-col-12 {
width: 100%;
}
@media only screen and (max-width: 576px) {
.wrapper {
max-width: 90%;
margin-bottom: 25px;
}
.wrapper-small {
max-width: 90%;
margin-bottom: 25px;
}
.wrapper-full {
margin-bottom: 100px;
}
.c-col-1,
.c-col-2,
.c-col-3,
.c-col-4,
.c-col-5,
.c-col-6,
.c-col-7,
.c-col-8,
.c-col-9,
.c-col-10,
.c-col-11,
.c-col-12 {
width: 100%;
margin-bottom: 35px;
}
.fit-col {
margin: 0;
}
}
@media only screen and (min-width: 576px) {
.wrapper {
max-width: 90%;
}
.wrapper-small {
max-width: 90%;
}
}
@media only screen and (min-width: 768px) {
.wrapper {
max-width: 90%;
}
.wrapper-small {
max-width: 88%;
}
}
@media only screen and (min-width: 992px) {
.wrapper {
max-width: 1014px;
}
.wrapper-small {
max-width: 790px;
}
}
@media only screen and (min-width: 1200px) {
.wrapper {
max-width: 1240px;
}
.wrapper-small {
max-width: 950px;
}
}
.no-margin {
margin-bottom: 0
} .pe-empty-space {
width: 100%;
display: block;
} .text-wrapper {
display: block;
width: 100%;
}
.text-wrapper * {
width: 100%
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
} .nav-page-wrapper {
display: block;
}
.lp-title {
font-size: 120px;
line-height: 150px;
color: hsla(0, 0%, 48.6%, .3);
overflow: hidden;
position: relative;
font-weight: normal;
display: block;
margin-left: -4px;
}
.lp-title::after {
content: attr(data-hover);
position: absolute;
width: 0;
height: 100%;
color: #121212;
overflow: hidden;
left: 0;
-webkit-transition: all .6s cubic-bezier(.22, .61, .36, 1);
-o-transition: all .6s cubic-bezier(.22, .61, .36, 1);
transition: all .6s cubic-bezier(.22, .61, .36, 1);
}
.lp-sub {
font-size: 17px;
margin-top: 20px;
display: block;
color: hsla(0, 0%, 48.6%, .3);
-webkit-transform: translatex(-45px);
-ms-transform: translatex(-45px);
transform: translatex(-45px);
}
.lp-sub::before {
content: "";
display: inline-block;
width: 100px;
height: 1px;
background: hsla(0, 0%, 48.6%, .3);
vertical-align: middle;
margin-right: 15px;
-webkit-transition: all .6s cubic-bezier(.22, .61, .36, 1);
-o-transition: all .6s cubic-bezier(.22, .61, .36, 1);
transition: all .6s cubic-bezier(.22, .61, .36, 1);
} .image-wrapper {
width: 100%;
height: auto;
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.image-wrapper img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.image-wrapper.image-lightbox {
cursor: pointer;
}
.image-wrapper.parallax-image {
overflow: hidden;
}
.image-wrapper.parallax-image img {
-webkit-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease
} .c-image-trio {
position: relative;
width: 100%;
}
.trio-wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.trio-wrap-right {
right: 0;
width: 50%;
position: absolute;
bottom: 25%;
z-index: 2;
}
.trio-wrap-left {
position: absolute;
top: 0;
left: 0;
width: 75%;
z-index: 1;
height: 100%;
} .pe-parallax-image {
width: 100%;
overflow: hidden;
}
.pe-parallax-image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
} .plyr--full-ui input[type="range"] {
color: #000
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
background-color: #000
}
.plyr__control--overlaid {
background-color: #000;
}
.plyr__video-embed iframe {
top: -50%;
height: 200%;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: none;
}
.pe-embed-video {
width: 100%;
display: block;
position: relative;
-webkit-box-shadow: -10px 11px 24px -11px rgba(0, 0, 0, 0.5);
box-shadow: -10px 11px 24px -11px rgba(0, 0, 0, 0.5);
}
.pe-video-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
z-index: 1;
opacity: 0;
}
.pe-video-play {
position: absolute;
top: 50%;
z-index: 3;
color: #fff;
font-size: 35px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-weight: 500;
cursor: pointer;
}
.pe-video-play::after {
content: "";
display: block;
width: 100px;
height: 100px;
background-color: #000;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
opacity: .4;
}
.pe-video-play i {
margin: 0;
font-size: 42px;
margin-left: 4px;
} .pe-video-style-2 {
position: relative;
}
.video-control {
position: absolute;
width: 100%;
height: 100%;
z-index: 11;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.video-control i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 30px;
border: 1px solid;
line-height: 120px;
text-align: center;
vertical-align: baseline;
display: inline-block;
white-space: nowrap;
border-radius: 100px;
width: 120px;
height: 120px;
cursor: pointer;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.video-control i:hover {
opacity: 0.5;
}
.video-cover-image {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.controls-gone {
opacity: 0;
visibility: hidden;
} .pe-carousel {
display: block;
width: 100%;
max-height: 90vh;
position: relative;
}
.pe-carousel-item,
.pe-carousel-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.carousel-navigate {
height: 0;
width: 0;
border: 2px solid #000;
border-radius: 50%;
display: inline-block;
position: absolute;
top: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 2;
opacity: 0;
}
.navs-in {
height: 50px;
width: 50px;
opacity: 1;
}
.carousel-navigate i {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translatey(-50%) translateX(-200%);
-ms-transform: translatey(-50%) translateX(-200%);
transform: translatey(-50%) translateX(-200%);
}
.carousel-navigate i:nth-child(2) {
right: 0;
-webkit-transform: translatey(-50%) translateX(200%);
-ms-transform: translatey(-50%) translateX(200%);
transform: translatey(-50%) translateX(200%);
left: unset;
}
.cn-touch-start {
height: 35px;
width: 35px;
} .has-parallax {
width: 110%;
}
.has-parallax-parent {
overflow: hidden;
}
.has-animation {
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;
transition-duration: .8s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition-delay: .15s;
-o-transition-delay: .15s;
transition-delay: .15s;
will-change: transform;
}
.fade-in {
opacity: 0;
}
.fade-in.is-inview {
opacity: 1;
}
.fade-in-up {
opacity: 0;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
}
.fade-in-up.is-inview {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.fade-in-down {
opacity: 0;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
.fade-in-down.is-inview {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.fade-in-left {
opacity: 0;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px)
}
.fade-in-left.is-inview {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.fade-in-right {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px)
}
.fade-in-right.is-inview {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.skew-up {
opacity: 0;
-webkit-transform: skewY(5deg) translatey(50%);
-ms-transform: skewY(5deg) translatey(50%);
transform: skewY(5deg) translatey(50%);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease;
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease;
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.skew-up.is-inview {
-webkit-transform: skewY(0);
-ms-transform: skewY(0);
transform: skewY(0);
opacity: 1;
}
.caption.skew-up.is-inview {
opacity: .4;
}
.skew-down {
opacity: 0;
-webkit-transform: skewY(-5deg) translatey(-50%);
-ms-transform: skewY(-5deg) translatey(-50%);
transform: skewY(-5deg) translatey(-50%);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease;
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease;
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.skew-down.is-inview {
-webkit-transform: skewY(0);
-ms-transform: skewY(0);
transform: skewY(0);
opacity: 1;
}
.has-animation.lines-down div,
.has-animation.lines-up div {
display: block;
overflow: hidden;
}
.has-animation.lines-fade-down div,
.has-animation.lines-fade-up div {
overflow: visible;
}
.has-animation.lines-up div .split-line,
.has-animation.lines-fade-up div .split-line {
display: block;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
-o-transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
}
.has-animation.lines-fade-up div .split-line,
.has-animation.lines-fade-down div .split-line {
opacity: 0;
visibility: hidden;
}
.has-animation.lines-down div .split-line,
.has-animation.lines-fade-down div .split-line {
display: block;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-webkit-transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
-o-transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
}
.has-animation.lines-down.is-inview div .split-line,
.has-animation.lines-fade-down.is-inview div .split-line,
.has-animation.lines-fade-up.is-inview div .split-line,
.has-animation.lines-up.is-inview div .split-line {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible
}
.image-wrapper.has-animation .slide-anim-holder {
position: absolute;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
-webkit-transition: all .75s cubic-bezier(0.86, 0.02, 0.32, 1);
-o-transition: all .75s cubic-bezier(0.86, 0.02, 0.32, 1);
transition: all .75s cubic-bezier(0.86, 0.02, 0.32, 1)
}
.image-wrapper.has-animation img {
-webkit-transition: all .75s ease;
-o-transition: all .75s ease;
transition: all .75s ease
}
.image-wrapper.has-animation.slide-bottom .slide-anim-holder {
top: unset;
bottom: 0
}
.image-wrapper.has-animation.slide-left .slide-anim-holder {
left: 0;
}
.image-wrapper.has-animation.slide-right .slide-anim-holder {
right: 0;
}
.image-wrapper.has-animation.slide-left img {
left: 0;
height: 100%;
-webkit-transform: scale(1.1) translatex(-10%);
-ms-transform: scale(1.1) translatex(-10%);
transform: scale(1.1) translatex(-10%);
}
.image-wrapper.has-animation.slide-right img {
right: 0;
height: 100%;
-webkit-transform: scale(1.1) translatex(10%);
-ms-transform: scale(1.1) translatex(10%);
transform: scale(1.1) translatex(10%);
}
.image-wrapper.has-animation.slide-top img {
top: 0;
-webkit-transform: scale(1.1) translateY(-10%);
-ms-transform: scale(1.1) translateY(-10%);
transform: scale(1.1) translateY(-10%);
}
.image-wrapper.has-animation.slide-bottom img {
bottom: 0;
-webkit-transform: scale(1.1) translateY(10%);
-ms-transform: scale(1.1) translateY(10%);
transform: scale(1.1) translateY(10%);
}
.image-wrapper.has-animation.is-inview img {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.image-wrapper.has-animation.slide-left .slide-anim-holder.sa-ready,
.image-wrapper.has-animation.slide-right .slide-anim-holder.sa-ready {
width: 0;
}
.image-wrapper.has-animation.slide-left.is-inview .slide-anim-holder.sa-ready,
.image-wrapper.has-animation.slide-right.is-inview .slide-anim-holder.sa-ready {
width: 100%;
}
.image-wrapper.has-animation.slide-bottom .slide-anim-holder.sa-ready,
.image-wrapper.has-animation.slide-top .slide-anim-holder.sa-ready {
height: 0;
}
.image-wrapper.has-animation.slide-bottom.is-inview .slide-anim-holder,
.image-wrapper.has-animation.slide-top.is-inview .slide-anim-holder {
height: 100%
} .has-parallax {
width: 110%;
}
.has-parallax-parent {
overflow: hidden;
}
.has-animation {
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;
transition-duration: .8s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition-delay: .15s;
-o-transition-delay: .15s;
transition-delay: .15s;
}
.fade-in {
opacity: 0;
}
.fade-in.is-inview {
opacity: 1;
}
.fade-in-up {
opacity: 0;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
}
.fade-in-up.is-inview {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.fade-in-down {
opacity: 0;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
.fade-in-down.is-inview {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.fade-in-left {
opacity: 0;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px)
}
.fade-in-left.is-inview {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.fade-in-right {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px)
}
.fade-in-right.is-inview {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.skew-up {
opacity: 0;
-webkit-transform: skewY(5deg) translatey(50%);
-ms-transform: skewY(5deg) translatey(50%);
transform: skewY(5deg) translatey(50%);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease;
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease;
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.skew-up.is-inview {
-webkit-transform: skewY(0);
-ms-transform: skewY(0);
transform: skewY(0);
opacity: 1;
}
.skew-down {
opacity: 0;
-webkit-transform: skewY(-5deg) translatey(-50%);
-ms-transform: skewY(-5deg) translatey(-50%);
transform: skewY(-5deg) translatey(-50%);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease;
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease;
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 0.5s ease, -webkit-transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.skew-down.is-inview {
-webkit-transform: skewY(0);
-ms-transform: skewY(0);
transform: skewY(0);
opacity: 1;
}
.has-animation.lines-down div,
.has-animation.lines-up div {
display: block;
overflow: hidden;
}
.has-animation.lines-fade-down div,
.has-animation.lines-fade-up div {
overflow: visible;
}
.has-animation.lines-up div .split-line,
.has-animation.lines-fade-up div .split-line {
display: block;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
-o-transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
}
.has-animation.lines-fade-up div .split-line,
.has-animation.lines-fade-down div .split-line {
opacity: 0;
visibility: hidden;
}
.has-animation.lines-down div .split-line,
.has-animation.lines-fade-down div .split-line {
display: block;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-webkit-transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
-o-transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
transition: all .5s cubic-bezier(0.38, 0.28, 0.39, 0.91);
}
.has-animation.lines-down.is-inview div .split-line,
.has-animation.lines-fade-down.is-inview div .split-line,
.has-animation.lines-fade-up.is-inview div .split-line,
.has-animation.lines-up.is-inview div .split-line {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible
}
.image-wrapper.has-animation .slide-anim-holder {
position: absolute;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
-webkit-transition: all .75s cubic-bezier(0.86, 0.02, 0.32, 1);
-o-transition: all .75s cubic-bezier(0.86, 0.02, 0.32, 1);
transition: all .75s cubic-bezier(0.86, 0.02, 0.32, 1)
}
.image-wrapper.has-animation img {
-webkit-transition: all .75s ease;
-o-transition: all .75s ease;
transition: all .75s ease
}
.image-wrapper.has-animation.slide-bottom .slide-anim-holder {
top: unset;
bottom: 0
}
.image-wrapper.has-animation.slide-left .slide-anim-holder {
left: 0;
}
.image-wrapper.has-animation.slide-right .slide-anim-holder {
right: 0;
}
.image-wrapper.has-animation.slide-left img {
left: 0;
height: 100%;
-webkit-transform: scale(1.1) translatex(-10%);
-ms-transform: scale(1.1) translatex(-10%);
transform: scale(1.1) translatex(-10%);
}
.image-wrapper.has-animation.slide-right img {
right: 0;
height: 100%;
-webkit-transform: scale(1.1) translatex(10%);
-ms-transform: scale(1.1) translatex(10%);
transform: scale(1.1) translatex(10%);
}
.image-wrapper.has-animation.slide-top img {
top: 0;
-webkit-transform: scale(1.1) translateY(-10%);
-ms-transform: scale(1.1) translateY(-10%);
transform: scale(1.1) translateY(-10%);
}
.image-wrapper.has-animation.slide-bottom img {
bottom: 0;
-webkit-transform: scale(1.1) translateY(10%);
-ms-transform: scale(1.1) translateY(10%);
transform: scale(1.1) translateY(10%);
}
.image-wrapper.has-animation.is-inview img {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.image-wrapper.has-animation.slide-left .slide-anim-holder.sa-ready,
.image-wrapper.has-animation.slide-right .slide-anim-holder.sa-ready {
width: 0;
}
.image-wrapper.has-animation.slide-left.is-inview .slide-anim-holder.sa-ready,
.image-wrapper.has-animation.slide-right.is-inview .slide-anim-holder.sa-ready {
width: 100%;
}
.image-wrapper.has-animation.slide-bottom .slide-anim-holder.sa-ready,
.image-wrapper.has-animation.slide-top .slide-anim-holder.sa-ready {
height: 0;
}
.image-wrapper.has-animation.slide-bottom.is-inview .slide-anim-holder,
.image-wrapper.has-animation.slide-top.is-inview .slide-anim-holder {
height: 100%
} .landing-header {
width: 100%;
height: 100vh;
position: absolute;
z-index: 6;
top: 0;
left: 0;
}
.landing-head-image {
position: absolute;
width: 50%
}
.landing-head-image {
width: 100%;
} @media only screen and (max-width: 850px) {
.site-navigation.classic {
display: none
}
.archive .page-title {
font-size: 30px;
margin-bottom: 10px;
}
.archive .cygni-post,
.sidebar-active .cygni-post {
width: 100%;
margin-bottom: 40px;
}
.site-main {
padding: 0 15px
}
.site-main.elementor-page {
padding: 0
}
.comment .text_holder {
padding-left: 0;
margin-top: 30px;
}
.comment .image img {
max-width: 50px
}
.comment-reply-link {
position: static
}
.comment {
padding: 20px
}
.site-branding,
.site-navigation .menu-toggle {
top: 5vh
}
.site-branding {
left: 15px
}
.site-navigation .menu-toggle {
right: 15px
}
h1.big-title {
font-size: 55px;
line-height: 70px;
margin-bottom: 35px;
}
.site-navigtion .menu {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
.site-navigation .menu-ov {
width: 50%;
}
.site-navigation .menu-ov-2 {
left: 50%;
}
.overlay-1,
.overlay-2 {
width: 50%;
}
.overlay-2 {
left: 50%
}
.overlay.ls-dark-go,
.overlay.ls-light-go {
height: 100%;
width: 50%;
}
.overlay.page-change {
width: 50%;
}
.hor-ov:nth-child(3),
.hor-ov:nth-child(4),
.overlay-3,
.overlay-4,
.bs-bullets .swiper-pagination-bullet::before,
.bs-bullets .swiper-pagination-bullet::after,
.big-slider .meta,
.big-slider .year,
.big-slider .summary,
.bs-ov-3,
.bs-ov-4,
.ov-ready-hor:nth-child(3),
.ov-ready-hor:nth-child(4),
.sec-bg-ov:nth-child(3),
.sec-bg-ov:nth-child(4),
.mww-1,
.mww-3,
.menu-ov-3,
.menu-ov-4,
.line-1,
.line-3 {
display: none
}
.big-slider .category {
margin-bottom: 10px;
transform: none;
}
.big-slider .category span::before {
display: none
}
.site-navigation .menu-wrapper {
left: 0%;
width: 100%;
top: 50%;
bottom: unset;
height: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-navigation .menu > li > a {
font-size: 40px;
line-height: 55px;
letter-spacing: 0px;
}
.site-navigation .menu > li {
padding-bottom: 20px;
}
.site-navigation .menu li > .sub-menu li a {
font-size: 16px
}
.site-navigation .menu > li > .sub-menu > li {
padding-left: 0;
margin-bottom: 10px;
}
.dark-nav-active .site-meta,
.light-nav-active .site-meta {
display: none
}
.site-navigation .menu > li > .sub-menu > li:last-child {
margin-bottom: 0
}
.site-navigation .menu > li > .sub-menu > li:first-child {
margin-top: 20px
}
.site-navigation .mww-2 {
bottom: 0;
left: 0;
width: 100%;
}
.site-navigation .menu > li > .sub-menu {
position: static;
width: 100%;
max-height: 0px;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
overflow: hidden;
display: block;
}
.site-navigation .menu > li > .sub-menu.sub-menu-in {
max-height: 250px
}
.site-navigation .menu > li > a {
-webkit-transform: translateY(-120%);
-ms-transform: translateY(-120%);
transform: translateY(-120%);
}
.site-navigation .menu-item a.menu-item-comes {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.loading-text {
font-size: 20px;
letter-spacing: 10px;
white-space: nowrap
}
.sec-bg-ov {
width: 50%
}
.sec-bg-ov:nth-child(1) {
width: 50%;
}
.sec-bg-ov:nth-child(2) {
width: 50%;
left: 50%;
}
.bottom-ovs .sec-bg-ov:nth-child(1) {
height: 50px;
bottom: 1px;
left: 50%;
top: unset;
}
.section.has-bg {
margin-bottom: 200px
}
.pe-empty-space {
display: none
}
.fullscreen-footer {
bottom: 5%
}
.list-image {
width: 100% !important;
height: 100% !important;
position: relative;
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.list-titles {
pointer-events: none;
}
.list-title.swiper-pagination-bullet-active {
pointer-events: all
}
.list-title {
font-size: 30px;
line-height: 30px;
margin-bottom: 30px;
}
.scroll-rat {
height: 15vh;
}
.list-titles-fraction,
.list-carousel-pagination {
bottom: 5%;
}
.lc-prev,
.lc-next {
float: right
}
.vertical-projects {
width: 100%;
}
.vertical-image-wrapper {
width: 75%;
margin-left: 15px;
margin-right: 15px;
}
.vertical-item-link {
width: 100%
}
.vertical-item-title {
font-size: 30px;
line-height: 40px;
}
.vertical-item-meta {
left: 60%;
width: 40%;
}
.vertical-item:nth-child(even) .vertical-item-meta {
left: unset;
right: 60%;
text-align: right
}
.cygni-horizontal-images {
left: 0;
width: 100%;
}
.cygni-horizontal-titles .horizontal-wrapper {
left: unset;
}
.cygni-horizontal-titles .title {
font-size: 40px;
}
.horizontal-project-link {
bottom: 6%;
z-index: 2
}
.horizontal-fraction {
bottom: 7%
}
.horizontal-pagination {
left: 50%
}
.hor-ov:nth-child(1),
.hor-ov:nth-child(2) {
width: 50%;
}
.cygni-horizontal-titles .year {
left: 50%;
-webkit-transform: translatex(-50%) translateY(-40px);
-ms-transform: translatex(-50%) translateY(-40px);
transform: translatex(-50%) translateY(-40px);
right: unset;
font-size: 14px;
}
.hor-ov:nth-child(1) {
left: 0;
}
.hor-ov:nth-child(2) {
left: 50%
}
.hor-ov.anim-in {
width: 0
}
.wall-wrapper {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 90%;
text-align: center;
padding-left: 15px;
}
.wall .title {
font-size: 25px;
}
.wall-project {
margin-right: 30px;
margin-bottom: 10px;
margin-top: 11px;
}
.wall .year {
display: none
}
.wall .project-image {
width: 80%
}
.wrapper-small,
.wrapper {
max-width: 100%
}
.bs-ov {
width: 50%;
}
.bs-ov-2 {
left: 50%;
}
.big-slider .top {
width: 85%;
text-align: center;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.big-slider .title {
font-size: 40px;
margin-bottom: 10px;
width: 100%;
line-height: 50px;
}
.big-slider .year {
top: 20%;
left: 50%;
opacity: .5;
}
.big-slide-button .project-url {
top: 50%;
left: 50%
}
.bs-bullets {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
text-align: center;
white-space: nowrap;
bottom: 10%;
position: fixed;
}
.bs-bullets .swiper-pagination-bullet {
margin: 0 15px
}
.big-slider .link a {
font-size: 12px
}
.page-content {
margin-top: 170px;
}
.text-wrapper {
margin-bottom: 30px
}
label {
width: 100%;
padding: 0;
}
input[type="text"],
input[type="email"],
textarea {
width: 100%
}
.c-form {
padding: 50px 30px;
}
button,
input,
optgroup,
select,
textarea {
padding-bottom: 10px
}
.send-wrap,
.privacy-wrap {
padding: 0;
}
.wrapper .c-col-12 {
padding: 0
}
.footer-ov {
width: 50%;
top: 1px
}
.footer-ov:nth-child(1) {
width: 50%
}
.footer-ov:nth-child(2) {
width: 50%;
left: 50%;
}
.footer-ov:nth-child(3),
.footer-ov:nth-child(4) {
display: none
}
.layout-dark .footer-ov {
background-color: #090909
}
.project-header {
height: auto;
margin-bottom: 50px
}
.project-header .project-image.project-image-full {
height: 80vh
}
.project-header.no-image {
margin-top: 35vh;
}
.project-header .project-image {
height: 60vh;
}
.project-summary,
.project-meta,
.project-top {
left: 0;
display: block;
width: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
position: static
}
.project-top {
margin-bottom: -30px
}
.project-title {
font-size: 55px;
line-height: 70px;
}
.project-work {
font-size: 12px
}
.project-meta div {
display: inline-block;
margin-right: 10px;
font-size: 10px
}
.pi-ov {
height: 100%;
width: 50%
}
.pi-ov-2 {
height: 100%;
width: 50%;
left: 50%
}
.pi-ov-3,
.pi-ov-4 {
display: none
}
.ready-for-sp {
width: 50%;
}
.ready-for-sp:nth-child(2) {
left: 50%
}
.ready-for-sp:nth-child(3),
.ready-for-sp:nth-child(4) {
display: none
}
.np-ov {
width: 50%;
}
.np-ov:nth-child(1) {
height: 50px
}
.np-ov:nth-child(2),
.np-ov:nth-child(3),
.np-ov:nth-child(4) {
display: none
}
.next-project-wrapper {
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%;
text-align: center;
}
.next-project-title {
max-width: 100%
}
h1.thin {
font-size: 31px;
line-height: 50px;
}
.site-footer .wrapper,
.site-footer .wrapper-full {
margin-bottom: 75px;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.pe-blog-sizer,
.pe-post {
width: 100%
}
.blog-page-title {
font-size: 70px;
line-height: 85px;
}
.pe-post.sticky {
margin-bottom: 50px;
margin-top: 100px;
}
.pe-post {
margin-bottom: 100px;
}
.j-back {
font-size: 150px
}
.pe-single-post-title {
font-size: 25px;
line-height: 40px;
font-weight: 600;
}
.pe-post-header {
display: block;
width: 100%;
margin: 150px auto 0 auto;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
}
.post-content .section:last-child {
margin-bottom: 0
}
.pe-prev-post,
.pe-next-post {
width: 100%;
height: 35%;
position: relative;
}
.pe-single-post-navigation {
height: auto;
}
.pe-prev-post,
.pe-next-post {
border-bottom: 1px solid hsla(0, 0%, 48.6%, .2);
height: 35vh;
padding: 0
}
.pe-blog-stamp {
top: 15vh;
width: 100%;
margin-bottom: 0;
}
.c-client {
width: 100%
}
.c-client img {
width: 250px
}
.landing-select {
width: 100%;
height: 50%;
}
.lsc-dark {
bottom: 0;
top: unset
}
span.lsc-ov:nth-child(1) {
width: 100%;
height: 0;
top: 0;
}
span.lsc-ov:nth-child(3) {
width: 100%;
height: 0;
left: 0;
}
.loaded span.lsc-ov:nth-child(3),
.loaded span.lsc-ov:nth-child(1) {
height: 50%
}
span.lsc-ov:nth-child(4),
span.lsc-ov:nth-child(2) {
display: none;
}
.lsc-ov::after {
position: absolute;
width: 100%
}
.lc-images {
display: none
}
.hide-mobile {
display: none
}
.right-ims .landing-im,
.left-ims .landing-im {
padding: 0
}
.image-wrapper.landing-im {
margin-bottom: 80px
}
.section.has-bg {
margin-top: 100px
}
.lc-content {
width: 100%;
left: 0;
padding: 40px;
display: block;
}
.lc-top {
top: 5%;
white-space: break-spaces;
text-align: center;
}
.lc-top a {
margin-bottom: 20px;
display: inline-block;
}
.lc-mid {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.lc-logo::after {
bottom: 0;
right: unset;
-webkit-transform: translatex(-50%) translateY(30px);
-ms-transform: translatex(-50%) translateY(30px);
transform: translatex(-50%) translateY(30px);
left: 50%;
top: unset;
}
.lc-logo {
margin-bottom: 80px;
}
.lc-capt {
width: 100%;
text-align: center;
}
.lc-bottom {
width: 78%;
text-align: center;
}
.left-ims .landing-im:nth-child(1) {
margin-top: 0;
}
.c-col-3.no-gap,
.c-col-6.no-gap {
margin-bottom: 0;
}
.site-footer .c-col-3 {
width: 100%
}
.detailed-images {
width: 90%;
height: 80%;
}
.detailed .project-metas,
.detailed-dots,
.detailed .project-excerpt,
.plus-button {
display: none
}
.detailed-arrows {
bottom: 2%;
left: 7%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.dt-loaded .detailed-fraction {
bottom: 1%;
right: 7%
}
.detailed .project-title {
right: unset;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
font-size: 50px;
line-height: 60px;
max-width: 80vw;
}
.detailed .project-title div:nth-child(2) span {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.detailed-button {
left: 50%;
bottom: 1%;
top: unset;
}
.detailed-button::after {
background: none
}
.dt-loaded .dt-ov {
width: 50%s
}
.detailed .project-category {
-webkit-transform: translateX(-90px);
-ms-transform: translateX(-90px);
transform: translateX(-90px);
top: 10%;
}
.pg-sizer,
.grid-project {
width: 100%
}
.grid-project {
margin: 0 !important
}
.grid-project.width-1,
.grid-project.width-2,
.grid-project.width-3,
.grid-project.width-4,
.grid-project.width-5 {
width: 100%;
}
.has-bars {
margin-bottom: 100px !important;
margin-top: 100px !important
}
.c-col-3 {
width: 50%
}
h4.site-title {
font-size: 20px;
}
p.site-description {
font-size: 15px;
line-height: 20px;
}
.sub-toggle {
left: 6px;
top: 10px;
}
.entry-header.single-post-header {
padding: 0 15px;
}
.site-navigation.full_screen .sub-menu .sub-menu {
padding-left: 13px;
}
.sidebar-active .pe-post-featured {
height: 250px;
}
.archive .page-title {
margin-left: 0
}
.c-col-8.sidebar-active {
padding: 0
}
.posts-navigation li a {
padding: 10px !important
}
.posts-navigation li:first-child {
border-left: 1px solid hsla(0, 0%, 48.6%, .2);
}
h1.entry-title {
margin-top: 0
}
.footer-ov {
z-index: -1
}
.single-post-date {
display: inline-block;
margin: 0
}
.single-post-categories {
display: inline-block;
margin-top: 0;
margin-bottom: 15px
}
.copyright-text,
.footer-menu {
text-align: center
}
.section.archive .c-col-4,
.section.archive .c-col-8,
.cygni-single-post .c-col-4,
.cygni-single-post .c-col-8,
.pe-blog-posts.wrapper .c-col-8,
.pe-blog-posts.wrapper .c-col-4 {
width: 100%;
}
.logged-in-as {
text-align: left
}
.search-res .page-title {
padding-left: 0
}
.not-404 {
font-size: 150px;
line-height: 150px;
}
.not-found .page-content.wrapper {
margin-top: 50px !important
}
.cygni-search {
width: 100% !important
}
.cygni-horizontal-titles .title {
position: relative;
left: 50%;
transform: translatex(-50%);
}
.project-url span {
display: none
}
.big-slide-button .project-url {
top: unset;
left: 50%;
bottom: 10%;
position: fixed;
}
.big-slide-pag {
bottom: unset;
top: 30%;
left: 50%;
transform: translateX(-50%);
}
.big-slide-next {
margin-right: 0;
}
.big-images {
pointer-events: none
}
.project-url .bsb-link {
color: rgb(24, 25, 25)
}
.fullscreen {
position: fixed
}
}

@font-face {
font-family: 'entypo';
src: url(//aratama.tech/wp-content/themes/cygni/css/entypo.eot);
src: url(//aratama.tech/wp-content/themes/cygni/css/entypo.eot?#iefix) format('embedded-opentype'),
url(//aratama.tech/wp-content/themes/cygni/css/entypo.woff) format('woff'),
url(//aratama.tech/wp-content/themes/cygni/css/entypo.ttf) format('truetype'),
url(//aratama.tech/wp-content/themes/cygni/css/entypo.svg#entypo) format('svg');
font-weight: normal; font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: entypo;
font-style: normal; display: inline-block;
width: 1.1em;
margin-right: .1em;
text-align: center;
}
.the-icons li {
font-size: 14px;
line-height: 24px;
height: 24px;
}
.icon-note:before { content: "\266a"; } .icon-note-beamed:before { content: "\266b"; } .icon-music:before { content: "🎵"; } .icon-search:before { content: "🔍"; } .icon-flashlight:before { content: "🔦"; } .icon-mail:before { content: "\2709"; } .icon-heart:before { content: "\2665"; } .icon-heart-empty:before { content: "\2661"; } .icon-star:before { content: "\2605"; } .icon-star-empty:before { content: "\2606"; } .icon-user:before { content: "👤"; } .icon-users:before { content: "👥"; } .icon-user-add:before { content: "\e700"; } .icon-video:before { content: "🎬"; } .icon-picture:before { content: "🌄"; } .icon-camera:before { content: "📷"; } .icon-layout:before { content: "\268f"; } .icon-menu:before { content: "\2630"; } .icon-check:before { content: "\2713"; } .icon-cancel:before { content: "\2715"; } .icon-cancel-circled:before { content: "\2716"; } .icon-cancel-squared:before { content: "\274e"; } .icon-plus:before { content: "\2b"; } .icon-plus-circled:before { content: "\2795"; } .icon-plus-squared:before { content: "\229e"; } .icon-minus:before { content: "\2d"; } .icon-minus-circled:before { content: "\2796"; } .icon-minus-squared:before { content: "\229f"; } .icon-help:before { content: "\2753"; } .icon-help-circled:before { content: "\e704"; } .icon-info:before { content: "\2139"; } .icon-info-circled:before { content: "\e705"; } .icon-back:before { content: "🔙"; } .icon-home:before { content: "\2302"; } .icon-link:before { content: "🔗"; } .icon-attach:before { content: "📎"; } .icon-lock:before { content: "🔒"; } .icon-lock-open:before { content: "🔓"; } .icon-eye:before { content: "\e70a"; } .icon-tag:before { content: "\e70c"; } .icon-bookmark:before { content: "🔖"; } .icon-bookmarks:before { content: "📑"; } .icon-flag:before { content: "\2691"; } .icon-thumbs-up:before { content: "👍"; } .icon-thumbs-down:before { content: "👎"; } .icon-download:before { content: "📥"; } .icon-upload:before { content: "📤"; } .icon-upload-cloud:before { content: "\e711"; } .icon-reply:before { content: "\e712"; } .icon-reply-all:before { content: "\e713"; } .icon-forward:before { content: "\27a6"; } .icon-quote:before { content: "\275e"; } .icon-code:before { content: "\e714"; } .icon-export:before { content: "\e715"; } .icon-pencil:before { content: "\270e"; } .icon-feather:before { content: "\2712"; } .icon-print:before { content: "\e716"; } .icon-retweet:before { content: "\e717"; } .icon-keyboard:before { content: "\2328"; } .icon-comment:before { content: "\e718"; } .icon-chat:before { content: "\e720"; } .icon-bell:before { content: "🔔"; } .icon-attention:before { content: "\26a0"; } .icon-alert:before { content: "💥"; } .icon-vcard:before { content: "\e722"; } .icon-address:before { content: "\e723"; } .icon-location:before { content: "\e724"; } .icon-map:before { content: "\e727"; } .icon-direction:before { content: "\27a2"; } .icon-compass:before { content: "\e728"; } .icon-cup:before { content: "\2615"; } .icon-trash:before { content: "\e729"; } .icon-doc:before { content: "\e730"; } .icon-docs:before { content: "\e736"; } .icon-doc-landscape:before { content: "\e737"; } .icon-doc-text:before { content: "📄"; } .icon-doc-text-inv:before { content: "\e731"; } .icon-newspaper:before { content: "📰"; } .icon-book-open:before { content: "📖"; } .icon-book:before { content: "📕"; } .icon-folder:before { content: "📁"; } .icon-archive:before { content: "\e738"; } .icon-box:before { content: "📦"; } .icon-rss:before { content: "\e73a"; } .icon-phone:before { content: "📞"; } .icon-cog:before { content: "\2699"; } .icon-tools:before { content: "\2692"; } .icon-share:before { content: "\e73c"; } .icon-shareable:before { content: "\e73e"; } .icon-basket:before { content: "\e73d"; } .icon-bag:before { content: "👜"; } .icon-calendar:before { content: "📅"; } .icon-login:before { content: "\e740"; } .icon-logout:before { content: "\e741"; } .icon-mic:before { content: "🎤"; } .icon-mute:before { content: "🔇"; } .icon-sound:before { content: "🔊"; } .icon-volume:before { content: "\e742"; } .icon-clock:before { content: "🕔"; } .icon-hourglass:before { content: "\23f3"; } .icon-lamp:before { content: "💡"; } .icon-light-down:before { content: "🔅"; } .icon-light-up:before { content: "🔆"; } .icon-adjust:before { content: "\25d1"; } .icon-block:before { content: "🚫"; } .icon-resize-full:before { content: "\e744"; } .icon-resize-small:before { content: "\e746"; } .icon-popup:before { content: "\e74c"; } .icon-publish:before { content: "\e74d"; } .icon-window:before { content: "\e74e"; } .icon-arrow-combo:before { content: "\e74f"; } .icon-down-circled:before { content: "\e758"; } .icon-left-circled:before { content: "\e759"; } .icon-right-circled:before { content: "\e75a"; } .icon-up-circled:before { content: "\e75b"; } .icon-down-open:before { content: "\e75c"; } .icon-left-open:before { content: "\e75d"; } .icon-right-open:before { content: "\e75e"; } .icon-up-open:before { content: "\e75f"; } .icon-down-open-mini:before { content: "\e760"; } .icon-left-open-mini:before { content: "\e761"; } .icon-right-open-mini:before { content: "\e762"; } .icon-up-open-mini:before { content: "\e763"; } .icon-down-open-big:before { content: "\e764"; } .icon-left-open-big:before { content: "\e765"; } .icon-right-open-big:before { content: "\e766"; } .icon-up-open-big:before { content: "\e767"; } .icon-down:before { content: "\2b07"; } .icon-left:before { content: "\2b05"; } .icon-right:before { content: "\27a1"; } .icon-up:before { content: "\2b06"; } .icon-down-dir:before { content: "\25be"; } .icon-left-dir:before { content: "\25c2"; } .icon-right-dir:before { content: "\25b8"; } .icon-up-dir:before { content: "\25b4"; } .icon-down-bold:before { content: "\e4b0"; } .icon-left-bold:before { content: "\e4ad"; } .icon-right-bold:before { content: "\e4ae"; } .icon-up-bold:before { content: "\e4af"; } .icon-down-thin:before { content: "\2193"; } .icon-left-thin:before { content: "\2190"; } .icon-right-thin:before { content: "\2192"; } .icon-up-thin:before { content: "\2191"; } .icon-ccw:before { content: "\27f2"; } .icon-cw:before { content: "\27f3"; } .icon-arrows-ccw:before { content: "🔄"; } .icon-level-down:before { content: "\21b3"; } .icon-level-up:before { content: "\21b0"; } .icon-shuffle:before { content: "🔀"; } .icon-loop:before { content: "🔁"; } .icon-switch:before { content: "\21c6"; } .icon-play:before { content: "\25b6"; } .icon-stop:before { content: "\25a0"; } .icon-pause:before { content: "\2389"; } .icon-record:before { content: "\26ab"; } .icon-to-end:before { content: "\23ed"; } .icon-to-start:before { content: "\23ee"; } .icon-fast-forward:before { content: "\23e9"; } .icon-fast-backward:before { content: "\23ea"; } .icon-progress-0:before { content: "\e768"; } .icon-progress-1:before { content: "\e769"; } .icon-progress-2:before { content: "\e76a"; } .icon-progress-3:before { content: "\e76b"; } .icon-target:before { content: "🎯"; } .icon-palette:before { content: "🎨"; } .icon-list:before { content: "\e005"; } .icon-list-add:before { content: "\e003"; } .icon-signal:before { content: "📶"; } .icon-trophy:before { content: "🏆"; } .icon-battery:before { content: "🔋"; } .icon-back-in-time:before { content: "\e771"; } .icon-monitor:before { content: "💻"; } .icon-mobile:before { content: "📱"; } .icon-network:before { content: "\e776"; } .icon-cd:before { content: "💿"; } .icon-inbox:before { content: "\e777"; } .icon-install:before { content: "\e778"; } .icon-globe:before { content: "🌎"; } .icon-cloud:before { content: "\2601"; } .icon-cloud-thunder:before { content: "\26c8"; } .icon-flash:before { content: "\26a1"; } .icon-moon:before { content: "\263d"; } .icon-flight:before { content: "\2708"; } .icon-paper-plane:before { content: "\e79b"; } .icon-leaf:before { content: "🍂"; } .icon-lifebuoy:before { content: "\e788"; } .icon-mouse:before { content: "\e789"; } .icon-briefcase:before { content: "💼"; } .icon-suitcase:before { content: "\e78e"; } .icon-dot:before { content: "\e78b"; } .icon-dot-2:before { content: "\e78c"; } .icon-dot-3:before { content: "\e78d"; } .icon-brush:before { content: "\e79a"; } .icon-magnet:before { content: "\e7a1"; } .icon-infinity:before { content: "\221e"; } .icon-erase:before { content: "\232b"; } .icon-chart-pie:before { content: "\e751"; } .icon-chart-line:before { content: "📈"; } .icon-chart-bar:before { content: "📊"; } .icon-chart-area:before { content: "🔾"; } .icon-tape:before { content: "\2707"; } .icon-graduation-cap:before { content: "🎓"; } .icon-language:before { content: "\e752"; } .icon-ticket:before { content: "🎫"; } .icon-water:before { content: "💦"; } .icon-droplet:before { content: "💧"; } .icon-air:before { content: "\e753"; } .icon-credit-card:before { content: "💳"; } .icon-floppy:before { content: "💾"; } .icon-clipboard:before { content: "📋"; } .icon-megaphone:before { content: "📣"; } .icon-database:before { content: "\e754"; } .icon-drive:before { content: "\e755"; } .icon-bucket:before { content: "\e756"; } .icon-thermometer:before { content: "\e757"; } .icon-key:before { content: "🔑"; } .icon-flow-cascade:before { content: "\e790"; } .icon-flow-branch:before { content: "\e791"; } .icon-flow-tree:before { content: "\e792"; } .icon-flow-line:before { content: "\e793"; } .icon-flow-parallel:before { content: "\e794"; } .icon-rocket:before { content: "🚀"; } .icon-gauge:before { content: "\e7a2"; } .icon-traffic-cone:before { content: "\e7a3"; } .icon-cc:before { content: "\e7a5"; } .icon-cc-by:before { content: "\e7a6"; } .icon-cc-nc:before { content: "\e7a7"; } .icon-cc-nc-eu:before { content: "\e7a8"; } .icon-cc-nc-jp:before { content: "\e7a9"; } .icon-cc-sa:before { content: "\e7aa"; } .icon-cc-nd:before { content: "\e7ab"; } .icon-cc-pd:before { content: "\e7ac"; } .icon-cc-zero:before { content: "\e7ad"; } .icon-cc-share:before { content: "\e7ae"; } .icon-cc-remix:before { content: "\e7af"; } .icon-github:before { content: "\f300"; } .icon-github-circled:before { content: "\f301"; } .icon-flickr:before { content: "\f303"; } .icon-flickr-circled:before { content: "\f304"; } .icon-vimeo:before { content: "\f306"; } .icon-vimeo-circled:before { content: "\f307"; } .icon-twitter:before { content: "\f309"; } .icon-twitter-circled:before { content: "\f30a"; } .icon-facebook:before { content: "\f30c"; } .icon-facebook-circled:before { content: "\f30d"; } .icon-facebook-squared:before { content: "\f30e"; } .icon-gplus:before { content: "\f30f"; } .icon-gplus-circled:before { content: "\f310"; } .icon-pinterest:before { content: "\f312"; } .icon-pinterest-circled:before { content: "\f313"; } .icon-tumblr:before { content: "\f315"; } .icon-tumblr-circled:before { content: "\f316"; } .icon-linkedin:before { content: "\f318"; } .icon-linkedin-circled:before { content: "\f319"; } .icon-dribbble:before { content: "\f31b"; } .icon-dribbble-circled:before { content: "\f31c"; } .icon-stumbleupon:before { content: "\f31e"; } .icon-stumbleupon-circled:before { content: "\f31f"; } .icon-lastfm:before { content: "\f321"; } .icon-lastfm-circled:before { content: "\f322"; } .icon-rdio:before { content: "\f324"; } .icon-rdio-circled:before { content: "\f325"; } .icon-spotify:before { content: "\f327"; } .icon-spotify-circled:before { content: "\f328"; } .icon-qq:before { content: "\f32a"; } .icon-instagrem:before { content: "\f32d"; } .icon-dropbox:before { content: "\f330"; } .icon-evernote:before { content: "\f333"; } .icon-flattr:before { content: "\f336"; } .icon-skype:before { content: "\f339"; } .icon-skype-circled:before { content: "\f33a"; } .icon-renren:before { content: "\f33c"; } .icon-sina-weibo:before { content: "\f33f"; } .icon-paypal:before { content: "\f342"; } .icon-picasa:before { content: "\f345"; } .icon-soundcloud:before { content: "\f348"; } .icon-mixi:before { content: "\f34b"; } .icon-behance:before { content: "\f34e"; } .icon-google-circles:before { content: "\f351"; } .icon-vkontakte:before { content: "\f354"; } .icon-smashing:before { content: "\f357"; } .icon-sweden:before { content: "\f601"; } .icon-db-shape:before { content: "\f600"; } .icon-logo-db:before { content: "\f603"; }html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100vh;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}@keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:subpixel-antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5764;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions .plyr__caption div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr__control--overlaid{background:rgba(0,179,255,.8);border:0;border-radius:100%;color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#00b3ff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls .plyr__controls__item.plyr__volume{padding-right:5px}.plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right:0}.plyr__controls:empty{display:none}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4a5764;padding:10px}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:35px 10px 10px}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5764;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(74,87,100,.8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(74,87,100,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#c1c9d1;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:#00b3ff;display:block;height:19px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__progress{left:6.5px;margin-right:13px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(193,201,209,.66)}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,201,209,.66)}.plyr__volume{align-items:center;display:flex;flex:1;position:relative}.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:90px}}@media (min-width:768px){.plyr__volume{max-width:110px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(35,41,47,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c9d1;border-radius:2px;overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;color:#fff;font-size:14px;padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}