abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
body div,
caption,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline;
    background: transparent
}

article,
aside,
details,
figure,
footer,
header,
nav,
section,
summary {
    display: block
}

html {
    box-sizing: content-box
}

*,
:after,
:before {
    box-sizing: inherit
}

embed,
img,
object {
    max-width: 100%
}

html {
    overflow-y: scroll
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: separate;
    border-spacing: 0
}

th {
    font-weight: 700;
    vertical-align: bottom
}

td {
    font-weight: 400;
    vertical-align: top
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type=radio] {
    vertical-align: text-bottom
}

input[type=checkbox] {
    vertical-align: bottom
}

.ie7 input[type=checkbox] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font: 99% sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

small {
    font-size: 85%
}

strong {
    font-weight: 700
}

td,
td img {
    vertical-align: top
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

code,
kbd,
pre,
samp {
    font-family: monospace, sans-serif
}

.clickable,
button,
input[type=button],
input[type=file],
input[type=submit],
label {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0
}

button,
input[type=button] {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.clearfix:after {
    content: " "
}

a {
    color: #000;
    text-decoration: none
}

html {
    font-family: TTNormsPro-Regular;
    font-size: 16px
}

@media (max-width:767px) {
    html {
        font-size: 75%
    }
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 17px;
    background: #000;
    height: 4px;
    transition-property: left, right;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-underline-from-center:active:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:hover:before {
    left: 17px;
    right: 17px
}

.hvr-underline-from-center_0 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden
}

.hvr-underline-from-center_0:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #000;
    height: 4px;
    transition-property: left, right;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.hvr-underline-from-center_0:active:before,
.hvr-underline-from-center_0:focus:before,
.hvr-underline-from-center_0:hover:before {
    left: 0;
    right: 0
}

h1 {
    font-size: 45px;
    font-weight: 400;
    line-height: 55px
}

@media (max-width:767px) {
    h1 {
        font-size: 35px
    }
}

@media (max-width:480px) {
    h1 {
        font-size: 30px
    }
}

h3 {
    font-size: 18px;
    font-family: TTNormsPro-Bold;
    text-transform: uppercase
}

h2 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 300
}

@media (max-width:1199px) {
    h2 {
        font-size: 26px
    }
}

p {
    padding: 20px 0
}

p~p {
    padding-top: 30px
}


.clearfix:after {
    display: block;
    content: "";
    clear: both
}

body .site-header {
    width: 95px;
    height: 100vh;
    background-color: #fff;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 10
}

@media (max-width:1024px) {
    body .site-header {
        width: 100%;
        height: 95px
    }
}

body .site-header .lang-switch {
    position: fixed;
    z-index: 2;
    right: 50px;
    top: 25px;
    font-family: TTNormsPro-Regular;
    font-size: .9375em
}

@media (max-width:1023px) {
    body .site-header .lang-switch {
        position: absolute;
        right: 30px
    }
}

body .site-header .site-logo {
    overflow: hidden;
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width:1023px) {
    body .site-header .site-logo {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
        transform: translateX(-50%) translateY(-50%) rotate(90deg)
    }
}

body .site-header .site-logo img {
    display: block
}

@media (max-width:1023px) {
    body .site-header .site-logo img {
        width: 100%
    }
}

body .site-header.is-opened .site-logo img:first-child,
body .site-header .site-logo img:last-child {
    display: none
}

body .site-header.is-opened .site-logo img:last-child {
    display: block
}

@media (max-width:1023px) {
    body .site-header.is-opened .lang-switch {
        z-index: 999
    }

    body .site-header.is-opened .lang-switch a {
        color: #fff
    }
}

body .site-header [type=checkbox]#menu-button {
    display: none
}

body .site-header [type=checkbox]#menu-button~[for=menu-button] {
    display: block;
    text-align: center;
    position: absolute;
    padding: 20px 23px
}

@media (max-width:1399px) {
    body .site-header [type=checkbox]#menu-button~[for=menu-button] {
        padding: 15px 0 0;
        width: 100%
    }
}

@media (max-width:1024px) {
    body .site-header [type=checkbox]#menu-button~[for=menu-button] {
        width: 75px;
        height: 75px;
        padding-top: 11px;
		right: 0;
    }
}

body .site-header [type=checkbox]#menu-button~[for=menu-button] .menu-text {
    opacity: 0;
    color: #fff;
    z-index: 999;
    position: absolute;
    top: 33px;
    left: 91px;
    transition: opacity .3s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .3s ease-in-out, transform .2s ease-in-out;
    transition: opacity .3s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px)
}

@media (max-width:1399px) {
    body .site-header [type=checkbox]#menu-button~[for=menu-button] .menu-text {
        top: 27px
    }
}

@media (max-width:767px) {
    body .site-header [type=checkbox]#menu-button~[for=menu-button] .menu-text {
        display: none
    }
}

body .site-header [type=checkbox]#menu-button~[for=menu-button] .is-active+.menu-text {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

body .site-header [type=checkbox]#menu-button:checked+nav {
    display: block;
}

body .site-header [type=checkbox]#menu-button:checked+nav .menu-wrap {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: translateX(-50vw);
        transform: translateX(-50vw)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes a {
    0% {
        -webkit-transform: translateX(-50vw);
        transform: translateX(-50vw)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes b {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

body .site-header nav {
    overflow-x: hidden;
    display: none;
    background-color: #000;
    top: 0;
    left: 0;
    position: fixed;
    width: calc(50vw + 50px);
    height: 100vh;
    z-index: 99;
    padding: 70px 70px 70px 105px;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-y: auto;
    -webkit-animation-name: a;
    animation-name: a;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

@media (max-width:1023px) {
    body .site-header nav {
        width: 100%;
        padding: 70px;
        overflow-y: auto
    }
}

@media (max-width:480px) {
    body .site-header nav {
        padding: 70px 30px 30px
    }
}

body .site-header nav li a,
body .site-header nav ul a {
    color: #fff;
    font-size: .9375em;
    line-height: 25px;
    font-weight: 100
}

body .site-header nav .menu-wrap {
    max-width: 600px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    min-height: 100%;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:480px) {
    body .site-header nav .menu-wrap {
        max-height: none;
        height: auto
    }
}

body .site-header nav .menu-wrap .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media (max-width:480px) {
    body .site-header nav .menu-wrap .row {
        display: block;
        margin-bottom: 40px !important
    }

    body .site-header nav .menu-wrap .row:last-child {
        margin-bottom: 0 !important
    }
}

body .site-header nav .menu-wrap .row:first-child {
    margin-bottom: 90px
}

body .site-header nav .menu-wrap .row:nth-child(2),
body .site-header nav .menu-wrap .row:nth-child(3) {
    margin-bottom: 110px
}

body .site-header nav .menu-wrap .row>ul {
    padding-left: 55px;
    position: relative;
    -webkit-column-count: 2;
    column-count: 2;
    width: 100%
}

@media (max-width:480px) {
    body .site-header nav .menu-wrap .row>ul {
        -webkit-column-count: 2;
        column-count: 2;
        padding-left: 0
    }
}

body .site-header nav .menu-wrap .row>ul li {
    padding: 15px 0
}

@media (max-width:480px) {
    body .site-header nav .menu-wrap .row>ul li {
        padding: 5px 0
    }
}

body .site-header nav .menu-wrap .row .label {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    display: block;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    color: #ada5a5;
    font-size: .9375em;
    font-weight: 300;
    left: -20px;
    top: 50%
}

@media (max-width:480px) {
    body .site-header nav .menu-wrap .row .label {
        position: static;
        left: auto;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

body .site-header nav .menu-wrap .row .search {
    padding-left: 50px;
    width: 80%;
    position: relative
}

@media (max-width:480px) {
    body .site-header nav .menu-wrap .row .search {
        padding-left: 0;
        width: 100%
    }
}

body .site-header nav .menu-wrap .row .search input {
    width: 100%;
    border: none;
    border-bottom: 1px solid gray;
    background-color: #000;
    color: gray;
    font-family: TTNormsPro-ExtraLight;
    font-size: 34px;
    padding-bottom: 10px;
    outline: none
}

@media (max-width:480px) {
    body .site-header nav .menu-wrap .row .search input {
        font-size: 26px;
        padding-right: 35px
    }
}

body .site-header nav .menu-wrap .row .search button.submit {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 35px;
    border: none;
    outline: none;
    background: url(../img/icon-arrow-grey.png) no-repeat 50% transparent
}

@media (max-width:480px) {
    body .site-header nav .menu-wrap .row .search button.submit {
        right: 0
    }
}

body .site-header .hamburger {
    position: relative;
    z-index: 999
}

body .site-header .hamburger .hamburger-inner:before {
    display: none
}

body .site-header .hamburger .hamburger-inner:after {
    margin-top: -6px
}

body .site-header .hamburger.is-active .hamburger-inner:after {
    margin-top: 0
}

body .site-header .hamburger.is-active .hamburger-inner,
body .site-header .hamburger.is-active .hamburger-inner:after,
body .site-header .hamburger.is-active .hamburger-inner:before {
    background-color: #fff
}

body .social-share {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35px;
    padding: 10px;
    text-align: center
}

@media (max-width:1023px) {
    body .social-share {
        display: none
    }
}

body .social-share:hover ul {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

body .social-share ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 10px 5px;
    width: 70px;
    position: absolute;
    opacity: 0;
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    top: 6px;
    left: 90px;
    background-color: #fcfcfc;
    z-index: 9999
}

body .social-share ul li {
    padding-right: 10px
}

.single header {
    padding-bottom: 50px
}

@media (min-width:768px) {
    .single header {
        padding-top: 200px
    }
}

.single h1 {
    line-height: 55px;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.single .overview p {
    font-size: 24px
}

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

.single .show-more {
    text-align: left
}

.single .show-more>span,
.single .show-more a {
    cursor: pointer;
    margin-top: 5px !important
}

.single .overview-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.single .overview-grid article {
    width: 33.33333%;
    -webkit-flex: 1 1 33.3333%;
    -ms-flex: 1 1 33.3333%;
    flex: 1 1 33.3333%;
    padding: 0 20px;
    margin-bottom: 90px
}

.single .overview-grid article figure {
    overflow: hidden
}

.single .overview-grid article figure img {
    width: auto;
    height: 100%;
    object-fit: cover;
    transition: -webkit-transform .45s ease;
    transition: transform .45s ease;
    transition: transform .45s ease, -webkit-transform .45s ease;
    display: block
}

@media (max-width:480px) {
    .single .overview-grid article figure img {
        height: 270px;
        width: 100%
    }
}

.single .overview-grid article figure:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.single .overview-grid article h3 {
    font-size: .9375em;
    line-height: 18px;
    margin-top: 30px
}

.single .overview-grid button {
    margin-left: 20px
}

.news .overview {
    padding-bottom: 50px
}

.news .overview h3 {
    font-family: TTNormsPro-Bold;
    text-transform: none
}

.news .overview .date {
    font-family: TTNormsPro-Medium
}

.news .overview-grid h3 {
    font-family: TTNormsPro-Bold;
    font-size: 20px;
    text-transform: none
}

.news .overview-grid .date {
    font-family: TTNormsPro-Medium
}

.news .filters-menu {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 50px
}

.news .filters-menu .filters li {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 10px
}

.news .filters-menu .filters li.current-cat {
    font-family: TTNormsPro-Bold
}

footer {
    min-height: 406px;
    background-color: #fff;
    padding: 70px 70px 50px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer img.footer-logo {
    max-height: 36px;
    width: auto
}


footer .title,
footer p {
    font-size: 15px;
    font-weight: 300;
    margin-top: 30px;
    line-height: 24px
}

footer .title {
    margin: 0;
    margin-bottom: 35px;
    font-family: TTNormsPro-Medium;
    font-size: 15px
}

footer .title+p {
    margin: 0
}

footer .certification p {
    max-width: 80%
}

footer .social-links {
    margin-top: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

footer .social-links li {
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    margin-right: 10px;
    max-width: 10%
}

footer .copyright {
    width: 100%;
    font-size: .8125em;
    font-family: TTNormsPro-Light
}

@media (min-width:768px) {
    footer .copyright>div {
        width: 50%;
        float: left
    }

    footer .copyright>div:nth-child(2) {
        text-align: right;
        padding-right: 90px
    }
}

footer .contact-info p {
    margin-top: 0;
    padding-top: 0
}

footer .company-details p,
footer p.smaller {
    margin-top: 0
}

.smaller {
    font-size: small
}

.input-wrap {
    border: 2px solid #000;
    max-width: 270px;
    padding-right: 50px !important
}

.input-wrap button {
    border: none;
    margin-left: auto;
    background-color: transparent;
    width: 50px;
    text-align: center
}

.input-wrap input {
    width: 100%;
    padding: 12px 0 12px 12px;
    outline: 0;
    border: 0;
    font-size: 14px
}

footer .subscribe .global-error {
    font-size: 14px;
    color: red;
    line-height: 1.2;
    margin-top: 10px
}

footer .subscribe #logo,
footer .subscribe #mg-edit_content br,
footer .subscribe #mg-footer,
footer .subscribe .reset-font,
footer .subscribe h1 {
    display: none
}

footer .subscribe .ffields {
    font-size: 14px;
    margin: 0 !important;
    padding: 0 20px 0 0;
    line-height: 1.2
}

footer .subscribe .ffields h2 {
    font-size: 18px
}

footer .subscribe .ffields p {
    margin: 15px 0;
    padding: 0
}

.page h1 {
    padding-top: 255px
}

@media (max-width:1199px) {
    .page h1 {
        padding-top: 55px
    }
}

.page h1+p {
    padding-bottom: 120px
}

.page h2+p {
    padding-top: 10px;
    padding-bottom: 80px
}

@media (min-width:1200px) {
    .page .narrow-text {
        max-width: 470px
    }
}

.page .narrow-text article {
    padding-bottom: 40px;
    border-bottom: 1px solid #8f5a5a;
    margin-bottom: 108px
}

.page .narrow-text article h3 {
    padding-bottom: 20px
}

.page section .narrow-text p {
    font-size: 15px;
    line-height: 30px
}

.page.portfolio article,
.page.single-article article {
    border-bottom: none
}

.page.portfolio h3,
.page.single-article h3 {
    font-family: TTNormsPro-Bold
}

.page.portfolio .project-info aside,
.page.single-article .project-info aside {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.page.portfolio .project-info aside .title-small,
.page.single-article .project-info aside .title-small {
    font-size: 1.125em;
    font-family: TTNormsPro-Bold;
    margin-top: 55px;
    margin-bottom: 35px;
    text-align: left;
    padding-left: 0
}

.page.portfolio .project-info aside .title,
.page.single-article .project-info aside .title {
    font-size: 1.5em !important;
    font-family: TTNormsPro-Medium
}

.page.portfolio .project-info aside p,
.page.single-article .project-info aside p {
    padding: 15px 0 35px;
    font-size: 15px;
    line-height: 30px
}

.page.portfolio .swiper-slide h3,
.page.single-article .swiper-slide h3 {
    margin-top: 40px;
    font-size: 26px;
    max-width: 440px
}

.page.portfolio .swiper-slide .date,
.page.single-article .swiper-slide .date {
    font-family: TTNormsPro-Medium;
    margin-top: 10px
}

.page.portfolio .swiper-slide .description,
.page.single-article .swiper-slide .description {
    max-width: 350px
}

.page.portfolio .swiper-slide .show-more,
.page.single-article .swiper-slide .show-more {
    text-align: left
}

.page.portfolio .swiper-slide .show-more>span,
.page.portfolio .swiper-slide .show-more a,
.page.single-article .swiper-slide .show-more>span,
.page.single-article .swiper-slide .show-more a {
    cursor: pointer;
    margin-top: 0
}

.page.portfolio .swiper-scrollbar,
.page.single-article .swiper-scrollbar {
    margin-top: 50px
}

.page.news .sticky img {
    padding: 130px 60px 130px 75px
}

.page.news .date {
    font-size: 1.25em;
    font-family: TTNormsPro-Medium;
    margin-bottom: 80px;
    margin-top: 20px
}

.page.news .swiper-slide h3 {
    margin-top: 40px;
    font-size: 26px
}

.page.news .swiper-slide .date {
    font-family: TTNormsPro-Medium;
    margin-top: 10px
}

.page.news .swiper-slide .description {
    max-width: 40%
}

.page.news .swiper-slide .show-more {
    text-align: left
}

.page.news .swiper-slide .show-more>span,
.page.news .swiper-slide .show-more a {
    cursor: pointer;
    margin-top: 0
}

.page.news .title-small {
    margin-top: 50px
}

.page.contact .narrow-text {
    margin-top: 255px
}

.page.contact .narrow-text h3 {
    padding-bottom: 10px
}

.page.contact #map {
    height: 90vh;
    width: 100%
}

a.simple,
button.simple {
    border: 2px solid #1e1a16;
    padding: 8px 35px;
    font-size: 18px;
    position: relative;
    color: #1e1a16;
    display: inline-block;
    background: transparent;
    z-index: 3
}

a.simple:after,
button.simple:after {
    content: " ";
    background: transparent;
    width: 0;
    position: absolute;
    transition: all .25s;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

a.slide:focus,
a.slide:hover,
button.slide:focus,
button.slide:hover {
    color: #f7f7f7
}

a.slide:focus:after,
a.slide:hover:after,
button.slide:focus:after,
button.slide:hover:after {
    background: #1e1a16;
    width: 100%
}

.txt-align-left {
    text-align: left !important
}

p+button {
    margin-top: 60px
}

.timeline-carousel {
    width: 100%
}

.timeline-carousel .card {
    position: relative;
    width: 183px;
    height: 500px;
    padding-top: 30px
}

@media (min-width:481px) {
    .timeline-carousel .card {
        height: 700px
    }
}

.timeline-carousel .card:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 97%;
    border-left: 1px solid #8f5a5a
}

@media (min-width:481px) {
    .timeline-carousel .card:hover+.card:after {
        height: 98%
    }

    .timeline-carousel .card:hover .description {
        opacity: 1
    }

    .timeline-carousel .card:hover .title {
        color: #1e1a16;
        opacity: 1
    }

    .timeline-carousel .card:hover:after {
        height: 98%
    }

    .timeline-carousel .card:hover .year {
        font-weight: 700;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.timeline-carousel .card .year {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    transition: all .15s ease
}

.timeline-carousel .card .description {
    font-size: 16px;
    font-family: TTNormsPro-Medium;
    padding: 20px 15px;
    line-height: 1.5
}

@media (min-width:481px) {
    .timeline-carousel .card .description {
        opacity: 0;
        transition: opacity .3s ease-in
    }
}

.timeline-carousel .card .title {
    -webkit-transform: rotate(-90deg) translateY(-50%) translateZ(0) scale(1);
    transform: rotate(-90deg) translateY(-50%) translateZ(0) scale(1);
    left: 50%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    position: absolute;
    bottom: -45px;
    font-smoothing: antialiased !important;
    font-size: 28px;
    font-family: TTNormsPro-Light;
    white-space: nowrap;
    color: #1e1a16;
    opacity: .3;
    transition: opacity .3s ease-in;
    line-height: 45px
}

@media (min-width:481px) {
    .timeline-carousel .card .title {
        font-size: 48px
    }
}

.timeline-carousel+input[type=range] {
    width: 100%;
    margin-bottom: 40px;
    outline: none;
    height: 1px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .12)
}

.timeline-carousel+input[type=range]:active,
.timeline-carousel+input[type=range]:focus {
    outline: none !important
}

.timeline-carousel+input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    width: 60px;
    height: 0;
    cursor: pointer;
    outline: none;
    background-color: #1e1a16
}

.timeline-carousel+input[type=range]::-moz-range-thumb:focus,
.timeline-carousel+input[type=range]::-moz-range-thumb:hover {
    height: 10px
}

.swiper-container-2 .swiper-wrapper {
    padding-bottom: 80px
}

.swiper-scrollbar,
.swiper-scrollbar-2 {
    margin: 80px 10px;
    position: relative;
    height: 3px;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-2.dragging .swiper-scrollbar-drag:after,
.swiper-scrollbar.dragging .swiper-scrollbar-drag:after {
    height: 9px;
    border-radius: 0
}

.swiper-scrollbar-drag {
    border-radius: 0;
    height: 16px;
    top: -8px;
    cursor: grab;
    background: transparent
}

.swiper-scrollbar-drag:hover:after {
    height: 8px
}

.swiper-scrollbar-drag:after {
    content: " ";
    background-color: #0e0c0b;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: height .2s ease
}

span.icon-arrow img {
    padding-bottom: 5px;
    margin-left: 20px
}

.btn.next-btn:after {
    margin-left: 17px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS43MTgiIGhlaWdodD0iOS4xODkiIHZpZXdCb3g9IjAgMCAxOS43MTggOS4xODkiPjxwYXRoIGQ9Ik0tNDEuMTg1LTc2LjA4OWEuNy43LDAsMCwxLC4zNzUtLjFoMTYuMjg4YS43LjcsMCwwLDEsLjM3Ny4wODcuMjg3LjI4NywwLDAsMSwuMTM0LjI1N3YxLjI3YS4yNzUuMjc1LDAsMCwxLS4xNjIuMjQ2LjgyOS44MjksMCwwLDEtLjQuMDg5SC00MC44MWEuNzk0Ljc5NCwwLDAsMS0uMzc1LS4wODUuMjczLjI3MywwLDAsMS0uMTY0LS4yNXYtMS4yNDRBLjMwNi4zMDYsMCwwLDEtNDEuMTg1LTc2LjA4OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxLjM0OSA3OS44NzkpIiBmaWxsPSIjMWExODE4Ii8+PHBhdGggZD0iTS0zMC4xMDYtNzQuMjc5YS43MTUuNzE1LDAsMCwxLS4wOTMuMWwtNC4zMiw0LjNhLjMxMS4zMTEsMCwwLDEtLjIyNC4xLjIyNi4yMjYsMCwwLDEtLjE2Ni0uMDY2bC0uODcyLS44NTNhLjMzNy4zMzcsMCwwLDEtLjEtLjI0Mi4yODEuMjgxLDAsMCwxLC4wODQtLjIwN2wzLjI3NS0zLjIxOEwtMzUuOC03Ny42YS4yNzcuMjc3LDAsMCwxLS4wODQtLjIwNy4zMzIuMzMyLDAsMCwxLC4xLS4yNGwuODcyLS44NDdhLjIzMS4yMzEsMCwwLDEsLjE2Ni0uMDc0LjMxMS4zMTEsMCwwLDEsLjIyNC4xbDQuMzIsNC4zMDVhMS4yMzgsMS4yMzgsMCwwLDEsLjA5My4xLjE4NC4xODQsMCwwLDEsLjAxNS4wOTJBLjIwNy4yMDcsMCwwLDEtMzAuMTA2LTc0LjI3OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5LjgwOSA3OC45NjkpIiBmaWxsPSIjMWExODE4Ii8+PC9zdmc+)
}

.btn.next-btn:after,
.btn.prev-btn:before {
    content: "";
    width: 20px;
    height: 10px;
    display: inline-block
}

.btn.prev-btn:before {
    margin-right: 17px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS43MTgiIGhlaWdodD0iOS4xOSIgdmlld0JveD0iMCAwIDE5LjcxOCA5LjE5Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOS43MTggOS4xOSkgcm90YXRlKDE4MCkiPjxwYXRoIGQ9Ik0tNDEuMTg1LTc2LjA4OWEuNy43LDAsMCwxLC4zNzUtLjFoMTYuMjg4YS43LjcsMCwwLDEsLjM3Ny4wODcuMjg3LjI4NywwLDAsMSwuMTM0LjI1N3YxLjI3YS4yNzUuMjc1LDAsMCwxLS4xNjIuMjQ2LjgyOS44MjksMCwwLDEtLjQuMDg5SC00MC44MWEuNzk0Ljc5NCwwLDAsMS0uMzc1LS4wODUuMjczLjI3MywwLDAsMS0uMTY0LS4yNXYtMS4yNDRBLjMwNi4zMDYsMCwwLDEtNDEuMTg1LTc2LjA4OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxLjM0OSA3OS44NzkpIiBmaWxsPSIjMWExODE4Ii8+PHBhdGggZD0iTS0zMC4xMDYtNzQuMjc5YS43MTUuNzE1LDAsMCwxLS4wOTMuMWwtNC4zMiw0LjNhLjMxMS4zMTEsMCwwLDEtLjIyNC4xLjIyNi4yMjYsMCwwLDEtLjE2Ni0uMDY2bC0uODcyLS44NTNhLjMzNy4zMzcsMCwwLDEtLjEtLjI0Mi4yODEuMjgxLDAsMCwxLC4wODQtLjIwN2wzLjI3NS0zLjIxOEwtMzUuOC03Ny42YS4yNzcuMjc3LDAsMCwxLS4wODQtLjIwNy4zMzIuMzMyLDAsMCwxLC4xLS4yNGwuODcyLS44NDdhLjIzMS4yMzEsMCwwLDEsLjE2Ni0uMDc0LjMxMS4zMTEsMCwwLDEsLjIyNC4xbDQuMzIsNC4zMDVhMS4yMzgsMS4yMzgsMCwwLDEsLjA5My4xLjE4NC4xODQsMCwwLDEsLjAxNS4wOTJBLjIwNy4yMDcsMCwwLDEtMzAuMTA2LTc0LjI3OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5LjgwOSA3OC45NjkpIiBmaWxsPSIjMWExODE4Ii8+PC9nPjwvc3ZnPg==)
}

.title-small {
    font-family: TTNormsPro-Medium;
    font-family: 15px;
    text-align: center;
    margin-top: 110px;
    margin-bottom: 45px;
    padding-left: 30px
}

.display-carousel {
    padding-bottom: 80px
}

.display-carousel:hover {
    cursor: url(../svg/drag_icon_related.svg), auto !important
}

.display-carousel article {
    padding: 0 50px
}

.display-carousel .swiper-slide {
    width: auto
}

.display-carousel figure {
    overflow: hidden
}

.display-carousel figure img {
    width: 460px;
    height: 432px;
    object-fit: cover;
    display: block;
    transition: -webkit-transform .45s ease;
    transition: transform .45s ease;
    transition: transform .45s ease, -webkit-transform .45s ease
}

.display-carousel figure:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.display-carousel .big figure img {
    width: 640px;
    height: 725px
}

.swiper-container-2 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #000
}

.full-gallery #lightgallery .card:hover {
    cursor: zoom-in
}

.lg-backdrop {
    z-index: 999909999;
    background-color: #f9f7f6f2 !important
}

.lg-toolbar {
    background-color: transparent !important;
    height: 63px
}

#lg-counter,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-toolbar .lg-icon {
    color: #000 !important;
    background: transparent !important
}

.people h1 {
    line-height: 50px;
    text-align: center;
    margin-top: 190px;
    margin-bottom: 60px
}

@media (max-width:1199px) {
    .people h1 {
        font-size: 26px;
        margin-top: 100px
    }
}


.people article {
    width: 16.666666%;
    padding: 0 20px 50px
}

@media (max-width:1399px) {
    .people article {
        width: 25%
    }
}

@media (max-width:1199px) {
    .people article {
        width: 33%
    }
}

@media (max-width:767px) {
    .people article {
        width: 50%
    }
}

@media (max-width:480px) {
    .people article {
        width: 100%
    }
}

@media (min-width:768px) {
    .people article figure:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.people article figure .card-image {
    overflow: hidden
}

.people article figure img {
    display: block;
    transition: -webkit-transform .45s ease;
    transition: transform .45s ease;
    transition: transform .45s ease, -webkit-transform .45s ease;
    height: 210px;
    width: 100%;
    object-fit: cover
}

@media (max-width:767px) {
    .people article figure img {
        max-height: none !important
    }
}

.people article figure figcaption {
    font-size: 20px;
    font-family: TTNormsPro-Bold;
    margin-top: 35px
}

.people article figure p {
    padding: 10px 0
}

.people article .show-more a {
    margin-top: 5px
}

.clients article {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.clients article,
.clients article figure {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.clients article figure {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.grid-list {
    padding: 0 80px 0 55px
}


.grid-list.services .intro-text {
    padding-left: 15%;
    margin-bottom: 140px
}

.grid-list.services .intro-text p {
    font-size: 24px;
    line-height: 30px
}

@media (max-width:1199px) {
    .grid-list.services .intro-text p {
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width:1199px) {
    .grid-list.services .intro-text {
        padding-left: 10%
    }
}

.grid-list.portfolio .intro-text,
.grid-list.single-article .intro-text {
    margin-top: 199px;
    margin-bottom: 55px
}

.grid-list.portfolio .intro-text h1,
.grid-list.single-article .intro-text h1 {
    margin: 0 auto;
    text-align: center
}

.grid-list article {
    margin-bottom: 100px
}

.grid-list article h2+p {
    padding-bottom: 18px
}

.grid-list article figure {
    margin-bottom: 40px
}

.grid-list article figure img {
    width: 100%;
    object-fit: cover;
    
}

@media (max-width:1199px) {
    .grid-list article figure img {
        
    }
}

.grid-list article.small {
    margin-left: 15%;
    max-width: 564px
}

.grid-list article.small figure img {
    max-height: 420px
}

.grid-list article:last-child {
    margin-bottom: 0
}

.grid-list .show-more {
    text-align: left
}

.grid-list .show-more>span,
.grid-list .show-more a {
    cursor: pointer;
    margin-top: 0;
    display: inline-block
}

.filters-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    border-top: 1px solid #e6e6e6;
    padding: 30px 10px 0;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 70px;
    font-size: 15px;
    text-transform: uppercase
}

.filters-menu.portfolio-filters {
    margin-right: 0;
    margin-left: 0
}

.filters-menu span {
    text-transform: uppercase;
    opacity: .4
}

.filters-menu span.label {
    padding-right: 20px
}

.filters-menu .filters {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filters-menu .filters li {
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.filters-menu .filters li.current-cat {
    font-family: TTNormsPro-Bold
}

.filters-menu .filters li a {
    padding: 0 5px
}

.dropdown-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f7f7f7;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 17px 0 20px
}

.dropdown-menu select {
    max-width: 280px;
    width: 22%;
    margin: 0 10px
}

.dropdown-menu .title {
    width: 100%;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 25px;
    text-align: center;
    margin-bottom: 15px;
    position: relative
}

@media (max-width:767px) {
    .dropdown-menu .title {
        margin-bottom: 0
    }

    .dropdown-menu .title.active {
        margin-bottom: 15px
    }

    .dropdown-menu .title.active .filters-toggle {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.dropdown-menu .title .filters-toggle {
    display: none;
    position: absolute;
    top: 11px;
    right: 27px;
    width: 12px;
    height: 12px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    cursor: pointer
}

@media (max-width:767px) {
    .dropdown-menu .title .filters-toggle {
        display: block
    }
}

.dropdown-menu__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media (max-width:767px) {
    .dropdown-menu__wrapper {
        display: none
    }

    .dropdown-menu__wrapper.opened {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.select-css {
    display: block;
    font-size: 15px;
    font-family: sans-serif;
    font-weight: 400;
    color: #444;
    line-height: 1.3;
    padding: .9em 1.4em .9em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #dbdbdb;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f7f7f7;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjU3MiIgaGVpZ2h0PSI3LjkzNCIgdmlld0JveD0iMCAwIDkuNTcyIDcuOTM0Ij4KICA8cGF0aCBpZD0iUGF0aF84NSIgZGF0YS1uYW1lPSJQYXRoIDg1IiBkPSJNLTEzNDE0LjQ3Nyw5NDQuODQxbDQuNjUxLDYuNzMsNC4wODItNi43MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM0MTQuODg4IC05NDQuNTU3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmYyZjJmIiBzdHJva2Utd2lkdGg9IjEiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%
}

.select-css::-ms-expand {
    display: none
}

.select-css:hover {
    border-color: #888
}

.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none
}

.select-css option {
    font-weight: 400
}

@media (min-width:768px) {
    [data-fade-in] {
        opacity: 0;
        transition: opacity .8s;
        will-change: opacity
    }
}

@media (min-width:768px) {
    [data-fade-in].show {
        opacity: 1
    }
}

@media (min-width:768px) {
    [data-fade-in-up] {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        transition: all .8s;
        will-change: transform
    }
}

@media (min-width:768px) {
    [data-fade-in-up].show {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media (min-width:768px) {

    [data-fade-in-left],
    [data-fade-in-right] {
        opacity: 0;
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0);
        transition: all .8s;
        will-change: transform
    }
}

@media (min-width:768px) {

    [data-fade-in-left].show,
    [data-fade-in-right].show {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media (min-width:768px) {
    [data-fade-in-right] {
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0)
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,
.slick-prev {
    position: unset;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    border: none;
	transform:unset
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #000;
    opacity: 1;
}





.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}


.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.hamburger {
    padding: 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger.is-active:hover,
.hamburger:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #1e1a16
}

.hamburger-box {
    width: 20px;
    height: 17px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1.5px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 20px;
    height: 3px;
    background-color: #1e1a16;
    border-radius: 20px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -7px
}

.hamburger-inner:after {
    bottom: -7px
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 40px;
    perspective: 40px
}

.hamburger--3dx .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
    transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
    transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 40px;
    perspective: 40px
}

.hamburger--3dx-r .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
    transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
    transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 40px;
    perspective: 40px
}

.hamburger--3dy .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
    transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
    transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 40px;
    perspective: 40px
}

.hamburger--3dy-r .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
    transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
    transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
    -webkit-perspective: 40px;
    perspective: 40px
}

.hamburger--3dxy .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
    transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
    transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
    -webkit-perspective: 40px;
    perspective: 40px
}

.hamburger--3dxy-r .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
    transform: rotateX(180deg) rotateY(180deg) rotate(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
    transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
    transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(-4px, 0, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-4px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(-4px, 0, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(-4px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(4px, 0, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(4px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(4px, 0, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(4px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: translate3d(-4px, -5px, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-4px, -5px, 0) rotate(-45deg) scaleX(.7);
    transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: translate3d(-4px, 5px, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(-4px, 5px, 0) rotate(45deg) scaleX(.7);
    transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: translate3d(4px, -5px, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(4px, -5px, 0) rotate(45deg) scaleX(.7);
    transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: translate3d(4px, 5px, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(4px, 5px, 0) rotate(-45deg) scaleX(.7);
    transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowturn.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner:after {
    top: -14px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
    transform: translate3d(0, -7px, 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -14px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -7px, 0) rotate(45deg);
    transform: translate3d(0, -7px, 0) rotate(45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s
}

.hamburger--elastic .hamburger-inner {
    top: 1.5px;
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner:before {
    top: 7px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
    top: 14px;
    transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 7px, 0) rotate(135deg);
    transform: translate3d(0, 7px, 0) rotate(135deg);
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -14px, 0) rotate(-270deg);
    transform: translate3d(0, -14px, 0) rotate(-270deg);
    transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
    top: 1.5px;
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner:before {
    top: 7px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after {
    top: 14px;
    transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 7px, 0) rotate(-135deg);
    transform: translate3d(0, 7px, 0) rotate(-135deg);
    transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -14px, 0) rotate(270deg);
    transform: translate3d(0, -14px, 0) rotate(270deg);
    transition-delay: 75ms
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    transition: top .05s linear .125s, left .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner:after {
    top: 7px;
    right: 0;
    transition: top .05s linear .125s, right .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    left: -40px;
    top: -40px;
    -webkit-transform: translate3d(40px, 40px, 0) rotate(45deg);
    transform: translate3d(40px, 40px, 0) rotate(45deg);
    transition: left .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    right: -40px;
    top: -40px;
    -webkit-transform: translate3d(-40px, 40px, 0) rotate(-45deg);
    transform: translate3d(-40px, 40px, 0) rotate(-45deg);
    transition: right .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    transition: top .05s linear .125s, left .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner:after {
    top: 7px;
    right: 0;
    transition: top .05s linear .125s, right .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
    left: -40px;
    top: 40px;
    -webkit-transform: translate3d(40px, -40px, 0) rotate(-45deg);
    transform: translate3d(40px, -40px, 0) rotate(-45deg);
    transition: left .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
    right: -40px;
    top: 40px;
    -webkit-transform: translate3d(-40px, -40px, 0) rotate(45deg);
    transform: translate3d(-40px, -40px, 0) rotate(45deg);
    transition: right .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--minus .hamburger-inner:after,
.hamburger--minus .hamburger-inner:before {
    transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner:after,
.hamburger--minus.is-active .hamburger-inner:before {
    opacity: 0;
    transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s
}

.hamburger--minus.is-active .hamburger-inner:before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner:after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: 1.5px
}

.hamburger--slider .hamburger-inner:before {
    top: 7px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner:after {
    top: 14px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
    transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    -webkit-transform: rotate(-45deg) translate3d(-2.85714px, -4px, 0);
    transform: rotate(-45deg) translate3d(-2.85714px, -4px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -14px, 0) rotate(-90deg);
    transform: translate3d(0, -14px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 1.5px
}

.hamburger--slider-r .hamburger-inner:before {
    top: 7px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner:after {
    top: 14px
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 7px, 0) rotate(-45deg);
    transform: translate3d(0, 7px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
    -webkit-transform: rotate(45deg) translate3d(2.85714px, -4px, 0);
    transform: rotate(45deg) translate3d(2.85714px, -4px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -14px, 0) rotate(90deg);
    transform: translate3d(0, -14px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
    transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--spring .hamburger-inner {
    top: 1.5px;
    transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
    top: 7px;
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
    top: 14px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
    transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transform: translate3d(0, 7px, 0) rotate(-45deg);
    transform: translate3d(0, 7px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner:after {
    top: -14px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
    transform: translate3d(0, -7px, 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s
}

.hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s
}

.hamburger--stand .hamburger-inner {
    transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s;
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s
}

.hamburger--stand .hamburger-inner:before {
    transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s
}

.hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand-r .hamburger-inner {
    transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s;
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s
}

.hamburger--stand-r .hamburger-inner:before {
    transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent !important;
    transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s
}

.hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top 75ms ease, opacity 75ms ease .12s
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--vortex .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner:before {
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    -ms-transform: rotate(765deg);
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner:before {
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    -ms-transform: rotate(-765deg);
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    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 {
    -webkit-transform-style: preserve-3d;
    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(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(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 {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    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: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -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%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    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-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: 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;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: c 1s steps(12) infinite;
    animation: c 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes c {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes c {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.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;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    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 {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    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: 0;
    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
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    border: none;
    outline: none
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes d {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@keyframes d {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes e {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

@keyframes e {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: d .3s;
    animation: d .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: e .3s;
    animation: e .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .45)
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, .45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    transition: opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear, -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear, -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    transition: opacity .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s !important;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s !important;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width:1025px) {
    .lg-outer .lg-thumb-item {
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #fff
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat scroll 0 -58px transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url(../img/video-play.png) no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat scroll 0 -60px transparent
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    transition: opacity .08s ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: opacity .15s, -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s !important;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s, -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s !important;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: inset 0 0 0 2px #fff
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s, -webkit-transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    box-shadow: inset 0 0 0 8px hsla(0, 0%, 100%, .7);
    display: block;
    height: 12px;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: inset 0 0 0 8px #fff
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
    transition-delay: 0s;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #fff
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    transition: visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s;
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown>li:hover .lg-icon,
.lg-outer .lg-dropdown>li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: 0;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    transition-duration: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url(../img/loading.gif) no-repeat scroll 50% transparent;
    display: none !important
}

.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

body,
html {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    font-size: 16px;
    line-height: 30px
}

@media (max-width:1023px) {

    body,
    html {
        overflow: auto
    }
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    min-height: 100vh
}

.sticky figure {
    height: 100%
}

.sticky figure>img {
    height: 100%;
    object-fit: cover
}

body {
    overflow-x: hidden;
    padding-left: 95px;
    min-height: 100%;
    color: #1e1a16
}

@media (max-width:1023px) {
    body {
        padding-left: 0;
       
    }
}

main {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: calc(100% - 20px)
}

@media (max-width:1023px) {
    main {
        overflow: unset;
        max-width: 100%
    }
}

main #d {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:480px) {
    main #d {
        max-width: 100%
    }
}

@media (min-width:768px) {
    main #d {
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media (min-width:1024px) {
    main #d {
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row
    }
}


main #d#featured .label {
    width: 60%;
    padding: 0 50px
}

main .home-carousel {
    width: 100%
}

main .home-carousel .slick-next {
    right: 20px;
    display: none !important
}

main .home-carousel .slick-prev {
    z-index: 100;
    left: 20px;
    display: none !important
}

main .home-carousel .slick-current .card .cover {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

main .home-carousel .slick-current .card h2 {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

main .home-carousel .slick-dots {
    bottom: 0 !important;
    height: 50px;
    padding: 0 10%;
    -ms-flex-align: center
}

main .home-carousel .slick-dots,
main .home-carousel .slick-dots li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

main .home-carousel .slick-dots li {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 20px;
    margin: 0;
    -ms-flex-align: center
}

main .home-carousel .slick-dots li button {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    opacity: .2;
    transition: opacity .4s linear;
    height: 2px !important;
    background-color: #fff;
    display: inline-block;
    padding: 0
}

main .home-carousel .slick-dots li button:active,
main .home-carousel .slick-dots li button:focus {
    outline: none
}

main .home-carousel .slick-dots li button:before {
    display: none
}

main .home-carousel .slick-dots li.slick-active button {
    opacity: 1
}

main .home-carousel .card {
    width: 100%;
    height: 100vh;
    position: relative
}

@media (max-width:1023px) {
    main .home-carousel .card {
        height: calc(100vh - 75px)
    }
}

main .home-carousel .card .cover {
    height: 100%;
    background-color: bisque;
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 100%;
    background-repeat: no-repeat;
    transition: width 1.7s ease-in, -webkit-transform .9s ease-in-out;
    transition: transform .9s ease-in-out, width 1.7s ease-in;
    transition: transform .9s ease-in-out, width 1.7s ease-in, -webkit-transform .9s ease-in-out
}

main .home-carousel .card .content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 10%;
    color: #fff;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%
}

main .home-carousel .card .content>* {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

main .home-carousel .card .content .label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 !important;
    font-size: .9375em;
    line-height: 18px
}

main .home-carousel .card .content .label.down {
    padding-bottom: 30px !important
}

main .home-carousel .card h2 {
    font-size: 5em;
    font-family: TTNormsPro-Light;
    max-width: 60%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: opacity .4s ease-in, -webkit-transform .9s ease-in-out;
    transition: transform .9s ease-in-out, opacity .4s ease-in;
    transition: transform .9s ease-in-out, opacity .4s ease-in, -webkit-transform .9s ease-in-out;
    opacity: 0;
    -webkit-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
    line-height: 100px
}

main .home-carousel .card figure {
    display: none
}

main .home-carousel .card img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

main .projects article {
    margin-top: 95px;
    padding: 0 50px
}

@media (max-width:1199px) {
    main .projects article {
        padding: 0
    }
}

main .projects header h2 {
    max-width: 80%;
    font-size: 2.1875em;
    text-transform: uppercase
}

@media (max-width:1199px) {
    main .projects header h2 {
        max-width: 100%;
        font-size: 38px
    }
}

main .projects header .label {
    font-size: .9375em;
    line-height: 18px;
    margin: 5px 0 24px;
    font-family: TTNormsPro-Medium;
    padding: 0 !important
}

main .projects figure img {
    object-fit: cover;
    width: 100%
}

main #news {
    margin-top: 50px
}

main #news h3 {
    margin-bottom: 50px;
    margin-left: 100px;
    font-family: TTNormsPro-Medium
}

@media (max-width:1199px) {
    main #news h3 {
        margin-left: 0
    }
}

main #news article {
    border-top: 1px solid #d6d6d6
}

main #news article:last-child {
    border-bottom: 1px solid #d6d6d6
}

main #news article>a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1199px) {
    main #news article>a {
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

main #news article .content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 25px 0
}

@media (max-width:1199px) {
    main #news article .content {
        padding: 5px 0 25px
    }
}

main #news article .title {
    font-family: TTNormsPro-Medium;
    font-size: .9375em;
    line-height: 1.1875em;
    max-width: 60%;
    display: block
}

@media (max-width:1199px) {
    main #news article .title {
        max-width: 90%
    }
}

main #news article .date {
    padding: 25px 0;
    font-weight: 300;
    font-size: .9375em;
    line-height: 1.1875em;
    -webkit-flex-basis: 120px;
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    text-align: center
}

@media (max-width:1199px) {
    main #news article .date {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding: 25px 0 5px;
        text-align: left
    }
}

main #news article span {
    margin-left: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px
}

main #news article span img {
    display: block
}

main #news .show-more {
    margin-bottom: 80px
}

main #group,
main #services {
    min-height: 100vh;
    background-color: #f7f7f7
}




main #group .show-more,
main #services .show-more {
    text-align: center
}

main #group {
    min-height: 100vh
}

.label {
    font-size: 14px;
    font-weight: 100
}

.square {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    text-align: center;
    overflow: hidden
}

.show-more {
    text-align: right
}

.show-more>span,
.show-more a {
    position: relative;
    transition: padding-right .4s ease-in-out;
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 300;
    margin-top: 55px;
    display: inline-block
}

.show-more>span:hover:after,
.show-more a:hover:after {
    width: 100%
}

.show-more>span:after,
.show-more a:after {
    content: "";
    display: block;
    width: 130%;
    position: absolute;
    bottom: 2px;
    border-bottom: 2px solid #1e1a16;
    transition: width .15s ease-in-out
}

.show-more--white a {
    color: #fff
}

.show-more--white a:after {
    border-color: #fff
}

img {
    max-width: 100%
}

figcaption {
    font-size: .9375em;
    font-weight: 100
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(../svg/arrow-right.svg);
    width: 62px;
    height: 62px;
    right: 80px;
    left: auto;
    background-size: cover
}

.swiper-button-next:active,
.swiper-container-rtl .swiper-button-prev:active {
    outline: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url(../svg/arrow-left.svg);
    left: 80px;
    right: auto;
    width: 62px;
    height: 62px;
    background-size: cover
}

.swiper-button-prev:active,
.swiper-container-rtl .swiper-button-next:active {
    outline: none
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

::selection {
    background-color: #1e1a16;
    color: #fff
}

.sticky:not(.sticky-reset) {
    height: 100vh;
    min-height: 0
}

.single.news .sticky figure>img {
    max-height: 80vh
}

.single.news .overview-grid article figure img {
    max-height: 280px
}

.single.content .swiper-wrapper .description {
    max-width: 350px
}

.text-with-read-more {
    height: 110px;
    overflow: hidden
}

.text-with-read-more+[data-read-more] {
    margin-top: 20px
}

.text-with-read-more+[data-read-more].active span:first-child,
.text-with-read-more+[data-read-more] span:nth-child(2) {
    display: none
}

.text-with-read-more+[data-read-more].active span:first-child {
    display: inline-block
}

.service-pagination {
    position: relative
}

.service-pagination .btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:1199px) {
    .service-pagination .btn span {
        display: none
    }
}

.service-pagination .btn.prev-btn {
    left: 35px
}

@media (max-width:767px) {
    .service-pagination .btn.prev-btn {
        left: 15px
    }
}

.service-pagination .btn.next-btn {
    right: 15px
}

.service-pagination h1 {
    padding: 0 35px
}

@media (max-width:480px) {
    .single-service .overview-grid article {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.single-service a.simple {
    clear: left;
    margin-left: 20px
}

@media (min-width:768px) {
    .single-service a.simple {
        margin-left: 20px
    }
}

.page.search article {
    padding-bottom: 0;
    margin-bottom: 0
}

.page.search #news {
    margin-top: 0
}

.carousel .swiper-wrapper .card h3 {
    color: #1e1a16;
    margin-top: 30px
}

.search .input-wrap {
    padding-right: 40px;
    position: relative
}

.search .input-wrap button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.title-small {
    padding-right: 30px
}


@media (max-width:767px) {
    footer {
        padding-left: 25px;
        padding-right: 25px
    }
}


@media (max-width:480px) {

    .display-carousel .big figure img,
    .display-carousel figure img {
        max-height: 270px;
        max-width: calc(100vw - 50px)
    }
}

@media (max-width:480px) {
    .swiper-button-prev {
        left: 20px
    }
}

@media (max-width:480px) {
    .swiper-button-next {
        right: 20px
    }
}

.grid-list.portfolio .intro-text,
.grid-list.single-article .intro-text,
main.archive.people.content h1 {
    margin-top: 80px !important
}

main.single.content.single-service>header,
main.single.news.content>header {
    padding-top: 80px !important
}

.sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.sticky-sidebar figure img {
    max-height: 70vh
}

.square img {
    transition: -webkit-transform .45s ease;
    transition: transform .45s ease;
    transition: transform .45s ease, -webkit-transform .45s ease;
    display: block
}

.square:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width:767px) {
    main .home-carousel .card h2 {
        font-size: 3em;
        line-height: 1.2
    }
}

@media (min-width:1024px) {
    main .home-carousel .card .content .label.down {
        padding-bottom: 60px !important
    }
}

main .home-carousel .card .label {
    font-size: 20px
}

main .home-carousel .card .label.down {
    font-size: 14px
}

main .home-carousel .card .label.down a {
    color: #fff
}

main .home-carousel .card .cover {
    background-color: #1a1818
}

main .home-carousel .slick-dots {
    pointer-events: none
}

@media (min-width:1024px) {
    main .home-carousel .slick-dots {
        height: 110px
    }
}

.home.content .top-text {
    font-size: .9375em;
    line-height: 25px
}

@media (min-width:1024px) {
    .home.content .top-text {
        padding-left: 50px;
        max-width: 75%
    }
}

.home.content .top-text p:first-child {
    padding-top: 0
}



@media (max-width:767px) {

    .home.content #featured #news .show-more,
    .home.content #featured .projects .show-more {
        text-align: left
    }
}


.home.content #services .services__top-title {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 100%;
    text-align: center;
    font-size: .9375em;
    line-height: 18px
}

.home.content #services .services__top-title,
.home.content #services .sticky .content {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home.content #services .sticky .content {
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:968px) {
    .home.content #services .sticky .content {
        padding-left: 5%;
        padding-right: 5%
    }
}

.home.content #services .sticky .content__middle {
    width: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home.content #services .sticky .content h2,
.home.content #services .sticky .content p {
    text-align: center;
    max-width: 100%
}

.home.content #services .sticky .content h2 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    font-size: 1.875em;
    line-height: 40px
}

@media (min-width:968px) {
    .home.content #services .sticky .content h2 {
        font-size: 2.1875em;
        line-height: 45px
    }
}

.home.content #services .sticky .content p {
    margin-left: auto;
    margin-right: auto;
    max-width: 85%
}

@media (min-width:968px) {
    .home.content #services .sticky .content p {
        max-width: 75%
    }
}

.home.content #services .sticky .content .show-more {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}




.home.content #services .service-item {
    position: relative;
    overflow: hidden;
    z-index: 0;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 1px 1px 1px #fff
}

@media (min-width:550px) {
    .home.content #services .service-item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: calc(25vw - 95px);
        width: 50%
    }
}

.home.content #services .service-item .service-item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: opacity .3s ease-in-out, -webkit-transform .55s ease-in-out;
    transition: opacity .3s ease-in-out, transform .55s ease-in-out;
    transition: opacity .3s ease-in-out, transform .55s ease-in-out, -webkit-transform .55s ease-in-out;
    z-index: -1;
    background-position: 50%;
    background-size: cover
}

.home.content #services .service-item .service-item__image:before {
    display: inline-block;
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .15)
}

.home.content #services .service-item .service-item__icon {
    transition: opacity .3s ease;
    max-height: 80px;
    width: auto
}

@media (min-width:550px) {
    .home.content #services .service-item:hover .service-item__image {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .home.content #services .service-item:hover .service-item__icon {
        opacity: 0
    }

    .home.content #services .service-item:hover .show-more a,
    .home.content #services .service-item:hover h3 {
        color: #fff
    }

    .home.content #services .service-item:hover .show-more a:after {
        border-color: #fff
    }
}

.home.content #services .service-item>div {
    width: 100%;
    height: 100%;
    padding: 40px
}

@media (max-width:767px) {
    .home.content #services .service-item>div {
        padding: 25px
    }
}

.home.content #services .service-item h3 {
    margin-top: 20px;
    min-height: 80px;
    font-family: TTNormsPro-Regular;
    text-transform: uppercase;
    transition: color .3s ease;
    font-size: 1.875em;
    line-height: 40px
}

@media (min-width:968px) {
    .home.content #services .service-item h3 {
        font-size: 2.1875em;
        line-height: 45px
    }
}

.home.content #services .service-item .show-more {
    text-align: left
}

.home.content #services .service-item .show-more a {
    margin-top: 20px;
    transition: color .3s ease
}

.home.content #services .service-item .show-more a:after {
    transition: all .3s ease
}


.about-bottom-image {
    padding: 0 30px 30px
}

@media (min-width:768px) {
    .about-bottom-image {
        padding: 0 80px 80px
    }
}

.about-bottom-image img {
    display: block;
    margin: 0 auto
}

@media (max-width:1199px) {
    .grid-list.about-banners {
        padding: 0 55px
    }
}

@media (max-width:767px) {
    .grid-list.about-banners {
        padding: 0 20px
    }
}


@media (max-width:767px) {
    .grid-list.about-banners .about-banners__with-text {
        margin-left: 0;
        max-width: 100%
    }
}

.grid-list.about-banners .about-banners__with-text h2 {
    text-align: center;
    line-height: 1.35
}

.grid-list.about-banners .about-banners__quote {
    text-align: center;
    padding: 100px 20px;
    background-color: #e6e2df;
    margin-left: -70px;
    width: calc(100% + 140px)
}

@media (max-width:1199px) {
    .grid-list.about-banners .about-banners__quote {
        padding-top: 80px;
        width: 100%;
        margin-left: 0
    }
}

.grid-list.about-banners .about-banners__quote__title {
    font-size: 17px;
    font-family: TTNormsPro-Medium;
    text-transform: uppercase;
    margin-bottom: 20px
}

.grid-list.about-banners .about-banners__quote__text {
    font-size: 45px;
    font-family: TTNormsPro-Light;
    line-height: 1.2
}

@media (min-width:768px) {
    .grid-list.about-banners .about-banners__quote__text {
        font-size: 65px
    }
}

@media (min-width:1200px) {
    .grid-list.about-banners .about-banners__quote__text {
        font-size: 80px
    }
}

.grid-list.about-banners .about-banners__quote--small {
    margin-left: 30%;
    width: calc(70% + 160px);
    margin-bottom: 300px;
    margin-top: 60px
}

@media (max-width:480px) {
    .grid-list.about-banners .about-banners__quote--small {
        margin-left: -20px !important
    }
}

@media (max-width:1199px) {
    .grid-list.about-banners .about-banners__quote--small {
        margin-top: 0;
        margin-left: 0;
        width: calc(100% + 40px);
        margin-bottom: 60px
    }
}

.carousel .card h3 {
    color: #fff
}

.carousel .card .show-more {
    text-align: left
}

.carousel .card .description {
    max-width: 300px
}

@media (min-width:481px) {
    .carousel .card.swiper-slide:not(.big) {
        margin-top: 50px
    }
}

@media (min-width:768px) {
    .carousel .card.swiper-slide:not(.big) {
        margin-top: 80px
    }
}

@media (min-width:968px) {
    .carousel .card.swiper-slide:not(.big) {
        margin-top: 100px
    }
}

@media (min-width:1200px) {
    .carousel .card.swiper-slide:not(.big) {
        margin-top: 120px
    }
}

@media (max-width:767px) {
    main.services.page .grid-list {
        padding-left: 0;
        padding-right: 0
    }
}

main.services.page .grid-list .intro-text {
    margin-bottom: 140px;
    padding-left: 15%
}

@media (max-width:767px) {
    main.services.page .grid-list .intro-text {
        margin-bottom: 70px;
        padding-left: 20px;
        padding-right: 20px
    }
}

main.services.page h1+p {
    font-size: 15px;
    line-height: 30px
}

@media (max-width:767px) {
    main.services.page h1+p {
        padding-bottom: 40px
    }
}

@media (max-width:967px) {

    .page.contact.content .narrow-text,
    .page.contact.content .title-small {
        margin-top: 60px
    }
}

.simple-map__infobox {
    background-color: #fff;
    color: #1e1a16;
    padding: 15px 20px 10px 15px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .3)
}

.simple-map__infobox:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.simple-map__infobox h4 {
    font-size: 11px;
    font-size: 1.1rem;
    font-family: TTNormsPro-Medium;
    color: #1e1a16;
    margin: 0 0 10px
}

.simple-map__infobox p {
    margin: 10px 0;
    line-height: 1.3
}

.simple-map__infobox img {
    width: 13px;
    height: 13px;
    position: absolute;
    top: -6px;
    right: -11px
}

.single-article .swiper-slide h3 {
    color: #1e1a16
}

@media (max-width:1023px) {

    .grid-list.portfolio,
    .grid-list.single-article {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (max-width:767px) {

    .grid-list.portfolio .intro-text,
    .grid-list.single-article .intro-text {
        margin: 60px 0
    }
}

@media (max-width:767px) {

    .grid-list.portfolio .filters-menu,
    .grid-list.single-article .filters-menu {
        padding-left: 0;
        padding-right: 0
    }
}

.grid-list.portfolio .filters-menu select,
.grid-list.single-article .filters-menu select {
    margin: 0
}

@media (min-width:768px) {

    .grid-list.portfolio .filters-menu select,
    .grid-list.single-article .filters-menu select {
        display: none
    }
}

@media (max-width:767px) {

    .grid-list.portfolio .filters-menu .label,
    .grid-list.single-article .filters-menu .label {
        padding-top: 9px
    }
}

@media (max-width:767px) {

    .grid-list.portfolio .filters-menu ul.filters,
    .grid-list.single-article .filters-menu ul.filters {
        display: none
    }
}

@media (max-width:767px) {

    .grid-list.portfolio .select-css,
    .grid-list.single-article .select-css {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        margin-left: 25px;
        margin-right: 25px
    }

    .grid-list.portfolio .select-css:last-child,
    .grid-list.single-article .select-css:last-child {
        margin-bottom: 0
    }
}

.grid-list.portfolio #portfolio-items,
.grid-list.single-article #portfolio-items {
    transition: opacity .45s ease
}

.grid-list.portfolio #portfolio-items.loading,
.grid-list.single-article #portfolio-items.loading {
    opacity: .3
}

.page.content.portfolio h1+p,
.page.content.single-article h1+p {
    padding-bottom: 40px
}

.page.content.portfolio section .narrow-text p,
.page.content.single-article section .narrow-text p {
    font-size: 15px;
    line-height: 30px
}

.page.content.portfolio section.full-gallery:hover #lightgallery .card,
.page.content.single-article section.full-gallery:hover #lightgallery .card {
    cursor: url(../svg/zoom-icon.svg), auto
}

@media (max-width:1023px) {
    .single.news .filters-menu {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media (max-width:480px) {
    .single.news .overview-grid article {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%
    }
}

@media (min-width:481px) and (max-width:767px) {
    .single.news .overview-grid article {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        width: 50%
    }
}

@media (min-width:968px) and (max-width:1399px) {
    .single.news .overview-grid article {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        width: 50%
    }
}

@media (max-width:480px) {
    .single.news .overview-grid article:last-child {
        margin-bottom: 0
    }
}

.archive.content.clients .card {
    padding-left: 5px;
    padding-right: 5px
}

.archive.content.clients .card .info,
.archive.content.clients .card figcaption {
    width: 100%;
    padding: 0 20px
}

.archive.content.clients .card img {
    max-width: 100%;
    width: auto;
    height: auto
}

.archive.content.clients .page-description {
    max-width: 900px;
    margin: 0 auto
}

.archive.content.clients .page-description p {
    padding: 0;
    margin: 15px 0
}

@media (min-width:1024px) {

    .archive.content.clients,
    .archive.people.content {
        padding-right: 95px
    }
}

.single.news.content .filters-menu {
    margin-left: 25px;
    margin-right: 25px
}

@media (min-width:968px) {
    .single.news.content .filters-menu {
        margin-right: 80px
    }
}

@media (min-width:1024px) {
    .single.news.content .filters-menu {
        margin-left: 15px
    }
}

@media (min-width:1200px) {
    .single.news.content .filters-menu {
        margin-left: 35px
    }
}



html {height: auto;}
h1,h2,h3,h4,h5,h6,p,a,ol li,ul li {font-family: "Roboto Condensed", sans-serif;color: #000;font-weight:400;text-transform:unset;}
div {font-family: "Roboto Condensed", sans-serif;}
p {line-height:1.4;}
body {padding-left: 0;} 
iframe {width:100%}
a:hover {text-decoration:none}
a.active {border-bottom: 1px solid;}
img{display:block}
.magazine-container ul{margin-bottom: 10px;list-style: disc;
padding: 10px 30px;}
.magazine-container ul li {padding:0;}
.site-header {display:none;}
.site-logo {display: flex;align-items: center;margin: auto;}       
.site-logo img {max-height: 100px;}
main {max-width: 100%;}
a.social:hover{color:#f8f05e!important;}
li.menu__item{position:relative}
li.menu__item:after, .footer-columns-inner a.social:after{background: none repeat scroll 0 0 transparent;content: "";display: block;height: 1px;left: 50%;position: absolute;background: #3c171d;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}
li.menu__item:hover:after, .footer-columns-inner a.social:hover:after { width: 100%; left: 0; }
li.menu__item.menu__item--current:after{height:0;}
li.menu__item.menu__item--current {border-bottom: 1px solid #3c171d;}
.menu {display: flex;align-items: center;}       
.menu ul {list-style-type: none;margin: 0;padding: 0;display: flex;}      
.menu li {margin: 0 10px;min-width: 90px;text-align: center;font-family: "roboto";font-size:16px;}        
.menu a {text-decoration: none;color: #3c171d;font-weight:bold;}     
.menu.left {margin: auto;}    
.menu.right {margin: auto 10px auto auto;}
.mobile-menu.small {z-index: 111!important;}
.mobile-menu.big {height: 100px;transition: .4s ease-in-out;animation-duration: .4s;animation-name: menu;z-index: 13;}
span.TRP-LS-LANGUAGE-NAME {font-weight: bold;}
img{width:100%}
/*MAP*/
.map-container{position:relative;width: 100%;max-width: 1320px;margin: auto;}
.main-post {cursor: pointer;border-left: 4px solid #fff;display: flex;align-items: center;flex: 0 1 calc(33.333% - 15px);background-color: #f9f9f9;padding: 10px;border: 1px solid #ddd;box-sizing: border-box;text-align: left;overflow: hidden;}
.main-post img {margin-right: 10px;width: 50px;height: 50px;object-fit: cover;}
.main-post-container{margin-top: 50px;height: 50vh;overflow-y: scroll;overflow-x: hidden;scrollbar-width: thin;scrollbar-color: #01572c #f1f1f1;display: flex;flex-wrap: wrap;gap: 20px;}
.main-post-container::-webkit-scrollbar{width: 8px;}
.main-post-container::-webkit-scrollbar-track{ background: #f1f1f1; }
.main-post-container::-webkit-scrollbar-thumb{background-color: #036e1e;border-radius: 10px;}
.main-post-container::-webkit-scrollbar-thumb:hover{background: #003308;}
.main-post h3 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-post p {padding:5px 20px;font-size:14px;}
.pin-wrapper {position: absolute;cursor: pointer;}
.pins {width: 40px;height: 42px;}

.pin-wrapper.active .pins , .pin-wrapper.active .counting-map{animation: moveUpDown 1s ease-in infinite;}
@keyframes moveUpDown {
  0% {transform: translateY(0);}
  25% {transform: translateY(-4px);}
  100% {transform: translateY(0);}
}

.popup {display: none;position: absolute;background-color: rgba(255, 255, 255, 1);padding: 10px;border-radius: 5px;box-shadow: 0 2px 20px rgba(0, 0, 0);width: 400px;z-index: 12;}
.popup h3 {font-size: 20px;border-bottom: 1px solid;padding: 5px;}
.popup .close-btn {position: absolute;top: -14px;right: -14px;cursor: pointer;z-index: 10;color: #fff;background: #c1262c;line-height: 17px;width: 28px;font-size: 28px;font-weight: 800;height: 28px;text-align: center;border-radius: 22px;border: 2px solid;line-height:24px;}
.pin-wrapper.active img {scale:1.3;margin-top:-5px;}
.pin-wrapper.active .counting-map {scale: 1.3;margin-top:-5px;z-index:1}
.pin-wrapper.active .popup {display: block;animation-name: popup;animation-duration: 0.4s;}
.pin-wrapper.active .popup img{margin-top: 0;}
.read{margin:15px auto;display:block;width:fit-content}
.read a{background: #006955;padding: 5px 15px;color: #fff;box-shadow: 0px 3px 8px #5c5c5c;line-height: 1;font-size: 17px;border-radius: 15px;}
.popup p {padding: 10px 5px;line-height: 1.4;font-size: 14px;}
.main-post.active {background-color: #f0f0f0;border-left: 4px solid #0073e6;pointer-events: none;cursor:default}
.counting-map {color: #fff;line-height: 1;border-radius: 50px;width: 20px;height: 20px;font-weight: bold;position: absolute;font-size: 14px;left: 10px;top: 10px;text-align: center;padding: 1px;font-family: 'Roboto Condensed';}
@keyframes popup {
	  0%   {scale:0;}
	  25%  {scale:0.5;}
	  50%  {scale:0.8;}
	  75%  {scale:0.95;}
	  100% {scale:1;}
	}
 /*MAGAZINE*/
 .featured-magazines {max-width: 1320px;margin: auto;}
 .featured-magazines-bottom{display:flex; max-width:1320px;margin-top:65px!important}
.magazine-sidebar{width:360px;}
.magazine-container{width:calc(100% - 410px);margin-right:50px;}
.grid-list.portfolio.magazine {display: flex;max-width: 1320px;}
.magazine-container img {margin:auto;margin-bottom: 10px;width:auto}
.magazine-container h3 {font-size: 25px;text-align: left;font-weight: bold;margin-top: 20px;}
.magazine-container ol {padding: 10px 30px;}
.magazine-container ol li {margin: 5px 0;}
.magazine-desc p{font-size:16px;}
.magazine-container p{font-size:16px;}
.magazine-container ol li{font-size:16px;}
.magazine-container h5{font-size:20px;font-weight:bold}
.magazine-container h4 {font-size: 22px;font-weight: bold;margin-top: 20px;}
.magazine-item h3 {position: absolute;bottom: 10%;left: 50%;color: #fff;font-size: 37px;text-align: center;width: 85%;background: #57585a94;padding: 7px;line-height: 1.3;transform: translateX(-50%);transition:0.3s}
.magazine-item h3:hover{background:rgba(0,105,85,0.5)}
.magazine-item {position:relative}
.magazine-item img{width:100%;transition:1.05s}
.magazine-description p {color: #000;font-size: 18px;text-align: center;font-weight: bold;}
.magazine-container {width: calc(100% - 410px);margin-right: 50px;}
.magazine-item a:hover img {scale: 1.05;}
a .magazine-title h3 {text-decoration: none;}
a:hover .magazine-title h3 {text-decoration: none; }
.social-share-new {margin-left:5px;}
.social-share-new a {text-decoration: none;color: #006954;margin-right: 10px;}
.social-share-new a:hover {color: #009578;}
.magazine-contain {padding: 8px 40px;background: #fcfaf2;}
.magazine-contain .title{font-size:24px;position:relative; border-bottom: 1px solid #e8e8e8;padding: 10px 0;}
.magazine-contain .title:before{content: "";width: 60px;height: 3px;background-color: #006954;position: absolute;left: 0;bottom: -2px;}
.magazine-categories { margin-top: 10px;}
.magazine-categories .counting{ float:right}
.pagination {display: flex;justify-content: center;margin-top: 20px;}
.pagination .page-numbers {margin: 0 5px;padding: 0 10px;background-color: #f0f0f0;border-radius: 3px;}
.pagination .page-numbers.current {background-color: #006954;color: #fff;}
.page-numbers:hover {color: #006954;}
.post-category a {background: #006954;color: #FFF;padding: 2px 5px;margin: 0 3px;text-decoration:none;transition:0.5s;border-radius:2px;font-size:20px}
.post-category a:hover{background:#fff;color:#006954;box-shadow:0px 0px 3px #006954;font-weight:400}
.post-date {margin-left: 5px;}
.post-date a {text-decoration: none;font-weight: 600;color: #6e6e6e;}
.post-date a:hover {color: #aaa;}
.container {width:100%; padding:0;max-width:100%;}
.grid-list article {margin-bottom: 20px;}
.grid-list article figure{margin-bottom:20px;}
.magazine-post-navigation{display:flex}
.previous-post{width:50%;text-align:left;max-width: 330px;margin-left: 0;margin-right: auto;}
.next-post{width:50%;text-align:right;max-width: 330px;margin-left: auto;margin-right: 0;}
.previous-post a:hover {color: #006954;}
.next-post a:hover {color: #006954;}
.prev-title, .next-title{line-height: 1.4;font-weight: 700;}
.magazine-container .main-text {margin: 30px auto auto auto;text-align: left;line-height: 1.4;}
.magazine-container .main-text p {padding: 10px 0;}
.magazine-container .main-text a {color: #0300cf;text-decoration:underline}
.post-category {display: inline-block;}
#comments {margin-top: 40px;padding: 0!important;background-color: #fff;}
#comments h3 {font-size: 24px;font-weight: 700;margin-bottom: 20px;color: #333;}
.comment-list {list-style-type: none;margin: 0;padding: 0!important;}
.comment-list li {padding: 0;margin-bottom: 30px!important;background-color: #ffffff;border-radius: 8px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);display: flex;flex-direction: column;width: fit-content;}
.comment-list li:hover {background-color: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}
.comment-list .comment-author {font-size: 16px;font-weight: bold;display: flex;align-items: center;}
.comment-list .comment-author img {border-radius: 50%;width: 25px;height: 25px;margin: 10px 5px 10px 10px;vertical-align: middle;}
.comment-list .comment-meta {font-size: 12px;color: #ffffff;display: flex;justify-content: space-between;align-items: center;background: #006955;border-radius:8px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}
.comment-list .comment-content {padding:10px}
.comment-list .comment-content p{font-size: 15px;line-height: 1.4}

.comment-metadata {text-align: right;padding: 0 10px;}
.comment-list .comment-content p{padding:0}
.comment-list .reply {font-size: 14px;color: #0073aa;text-decoration: none;font-weight: 600;}
.comment-list .reply:hover {text-decoration: underline;}
.comment-list .children {margin-left: 20px;padding-left: 20px;border-left: 2px solid #f1f1f1;}
#respond {margin-top: 40px;padding: 20px;background-color: #f9f9f9;border: 1px solid #ddd;border-radius: 5px;}
#respond h3 {font-size: 22px;font-weight: 700;margin-bottom: 20px;}
#respond p {margin-bottom: 20px;}
#respond input[type="text"],
#respond input[type="email"],
#respond textarea {width: 100%;padding: 10px;margin-bottom: 15px;border: 1px solid #ddd;border-radius: 3px;font-size: 14px;background-color: #fff;box-sizing: border-box;}
#respond textarea {min-height: 120px;}
#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond textarea:focus {border-color: #0073aa;outline: none;}
#respond input[type="submit"] {padding: 10px 20px;background-color: #0073aa;color: #fff;border: none;border-radius: 3px;cursor: pointer;font-size: 16px;}
#respond input[type="submit"]:hover {background-color: #005a8c;}
.comment-form-wrapper {margin-top: 40px;}
.comment-form-row {display: flex;gap: 20px;margin-bottom: 20px;}
.comment-form-author,.comment-form-email {width: 48%;padding: 10px;border: 1px solid #ddd;border-radius: 5px;font-size: 14px;}
.comment-form-author:focus,
.comment-form-email:focus {border-color: #0073aa;outline: none;}
.comment-text-area {margin-top: 20px;}
.comment-form-submit {text-align: right;margin-top: 10px;}
.comment-form-comment {width: 100%;padding: 10px;border: 1px solid #ddd;border-radius: 5px;font-size: 14px;resize: vertical;}
.comment-form-comment:focus {border-color: #0073aa;outline: none;}
.comment-form input[type="submit"] {padding: 10px 20px;background-color: #006954;color: white;border: none;border-radius: 5px;cursor: pointer;font-size: 16px;}
.comment-form input[type="submit"]:hover {background-color: #00a382;}
.comments-pagination {text-align: center;margin-top: 30px;}
.comments-pagination .page-numbers {display: inline-block;padding: 10px 15px;margin: 5px;background-color: #f1f1f1;color: #333;text-decoration: none;border-radius: 5px;}
.comments-pagination .page-numbers.current {background-color: #0073aa;color: #fff;font-weight: bold;}
.comments-pagination .page-numbers:hover {background-color: #333;color: #fff;}
footer.comment-meta {padding: 0px;min-height: 0;}
.comment-text p {padding: 0 5px;}

/* width */
::-webkit-scrollbar {width: 0px;}

/* Track */
::-webkit-scrollbar-track {border-radius: 10px;}
 
/* Handle */
::-webkit-scrollbar-thumb {background: #EEDAD7; border-radius: 10px;}
.slick-prev::before,
.slick-next::before {font-family: 'OTKairo';font-weight: normal;font-size: 20px;color: #000;}
.slick-prev:before {content: "←";font-size:20px;}
.slick-prev {z-index:111;width: 20px;height: 20px;}
.slick-next:before {content: "→";font-size:20px;}
.slick-next { z-index:111;width: 20px;height: 20px}

.slider {width: 100%;margin: 20px auto;}
.slick-prev:before, .slick-next:before {color: #000;}
.slick-slide {transition: all ease-in-out .3s;opacity: 1;}
.slick-active { opacity: 1;}
.slick-current {opacity: 1;}

.fa-brands, .fab {font-weight: 400;padding: 0 1vw;font-size: 25px;}
i.fa-solid.fa-arrow-up-long {margin-left: 20px;}


.grid-list {width: 80%;margin: auto;padding: 0;}

.new-footer{ background-color: #006954;}
.new-footer .row {display: flex;margin: 0 auto 0;padding: 20px;width:90%;}
.columns {flex: 1 1 30%;margin: 0 10px; }
.columns .title {margin-bottom: 15px;font-size: 1.5em;color: #fff;border-bottom: 1px solid;width: fit-content;padding: 5px 10px 5px 0;}
.columns .text {color:#fff;line-height: 1.4;font-size:14px;padding-right:50px;font-family: 'Roboto Condensed',sans-serif;}
.columns img{width:50%;margin: 20px 0;}
.columns .fa-brands, .fab {font-weight: 400;padding: 0;font-size: 25px;margin-left:5px;}
.columns a {color:#fff;text-decoration:none;}.columns a:hover {color:#0c4548;}.copyright-foot{    text-align: center;padding: 2px 0;background: #2f423a;color: #fff;font-size:13px;}
.top-footer{margin-top:80px}


@media (min-width: 1024px) and (max-width: 1367px)  {
	 .menu li {margin: 0px 10px;}
}

@media screen and (max-width: 1024px) {
	main{margin-top:0}
.pagination {margin-top: 0;margin-bottom: 20px;}
	span.hamburger-inner2 {width: 20px;height: 3px;background-color: #1e1a16;border-radius: 20px;position: absolute;left: 0;}
body .site-header .hamburger.is-active .hamburger-inner2, body .site-header .hamburger.is-active .hamburger-inner2:after, body .site-header .hamburger.is-active .hamburger-inner2:before {display: none;}
	.col-sm {flex-basis: auto;}
	.col-sm.right-responsive {order: 1;height: 40vw;}
	.col-sm.left-responsive {order: 2;}
	.home{margin-top:50px;}
	.container {padding: 0 30px;}
	li.menu__item:after, .footer-columns-inner a.social:after{display:none}
	.grid-list article.small figure img{max-height:100%}
	.featured-magazines-bottom {display: block;margin-top: 10px !important;}
	.mobile-footer{display:flex;padding: 20px 0;border-top:1px solid #888;border-bottom:1px solid #888;margin: 20px}
	body .site-header{background-color:#fff}
	.grid-list article figure img {height: auto;}
	.close-button{top: 100px;}
	.slick-prev {left: 0%;}
	.slick-next {right: 0%;}
	.site-header {display:block;}
	.slick-slide img {height:50vh;width: 100vw;object-fit: cover;}
	.slider {width: 85%;margin: 20px auto;}
	header.mobile-menu {display: block;}
	body .site-header .site-logo {top: 50%;transform: translate(-50%, -50%);rotate: 0deg;left: 50%;width: 200px;}
	body .site-header .hamburger.is-active .hamburger-inner, body .site-header .hamburger.is-active .hamburger-inner:after, body .site-header .hamburger.is-active .hamburger-inner:before {background-color: #000;}
	body .site-header.is-opened .lang-switch a {color: #000;}
	body .site-header nav {background-color: #fffafa;}
	body .site-header nav li a, body .site-header nav ul a, .menu li  {color: #000;font-size: 20px;font-weight:600;}
	body .site-header nav .menu-wrap .row>ul {column-count: 1;}
	.menu {display: block;}
	.grid-list {width: 100%;}
	.flex{display:block;}
	.left-col {width: 100%;margin: 0;}
	.scrollable-mobile {width: 85%;margin: auto;display: block;}
	.mobile{display: none}
	.set a {font-size: 25px;font-family: 'Playfair Display';}
	.magazine-item h3{ width: 100%;font-size: 16px;bottom: unset;bottom: 0;}
	.grid-list.portfolio.magazine {display: block;max-width: 1320px;margin-top:20px;}
	.magazine-description p{font-size: 14px;padding: 0 5px;line-height: 1.5;}
	.magazine-container {width: 100%;margin-right: auto;}
	.magazine-sidebar {width: 100%;}

	.map-container {position: relative;width: 1320px;max-width: 1320px;}
	#maps-items {width: 1320px;overflow: auto;}
	.main-post-container{display:block;height:60vh}
	.popup{position:fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width:90%}
	.magazine-container .main-text {width: 100%;margin: auto;text-align: left;line-height: 1.4;}
	.columns .text{padding-right:0}
	.magazine-container ol { padding: 0;}
	#comments { margin-top: 20px;padding: 0px;background-color: #fff;margin-bottom: 15px;}
}





.top-intro{max-width:1200px;margin:auto}



	.place-title {font-family:'Roboto Condensed'; text-align: center;color: #003c31;font-weight: 700;font-size: 15px;line-height: 1.2;margin-top: 10px;overflow: hidden;position: absolute;width: 134px;left: -100%;}
	.home-map{margin-top:0}
	.zoom-container { width: 100%;height: auto;position: relative;padding:50px;overflow: hidden; touch-action: pinch-zoom;}
	.zoom-button {position: absolute;bottom:10%;right: 5%;font-size: 20px;cursor: pointer;z-index: 1;}
	#zoom-in,#zoom-out{width: 30px;height: 30px;line-height: 1;font-size: 20px;padding: 0px 0 5px 0;border:none;vertical-align: middle;}
	#zoom-in.disable,#zoom-out.disable{opacity:0.5;pointer-events:none;cursor:not-allowed}
	#enable-zoom,#enable-fullscreen {height: 30px;line-height: 1;font-size: 15px;padding: 5px;border: none;vertical-align: middle;}
	button:focus {outline: none;}
	img.pins.enter {width: 40px;height: 40px;}
	#maps-items {width: 100%;height: 100%;transition: transform 0.1s ease-out; transform-origin: center center;}
	.map-photo {background: url(https://pediontouareostoparkomas.gr/wp-content/uploads/2025/03/new-final.svg);width: 100%;background-size: 100%;aspect-ratio: 263 / 150;}
	.map-text {text-align: center;font-weight: 500;padding: 16px;background: #006955;color: #fff;}

	.main-posts-wrapper {display: flex;flex-wrap: wrap;gap: 16px;padding: 20px;position:unset;width:100%}
	.main-post {flex: 0 1 calc(20% - 8px);background-color: #f2f2f2;padding: 20px;text-align: center;border-radius: 8px;box-sizing: border-box;}
	.popup {animation-name: popup;animation-duration: 0.4s;}
	@keyframes popup{
		0% {scale: 0;}
		25% {scale: 0.5;}
		50% {scale: 0.8;}
		75% {scale: 0.95;}
		100% {scale: 1;}
	}
	@media (max-width: 1500px) {
		.main-post {flex: 0 1 calc(25% - 11px);}
	}
	@media (max-width: 1300px) {
		.main-post {flex: 0 1 calc(33.33333% - 11px);}
		.zoom-button {bottom:10%}
	}	
	@media (max-width: 1024px) {
		.zoom-container { overflow: scroll}
		.zoom-container::-webkit-scrollbar {height: 0px;}
		.main-post-container.left {margin-top: 5px;}
		#maps-items{padding:50px 30px;}
		.zoom-button {display: none;}
		.toggle-buttons {display: none;}
		.zoom-container{padding:0!important}
	}
	@media (min-width: 1024px) {
		
		.zoom-container{border:1px solid #ccc}
		.main-post-container{margin:20px auto;width:90%;height:auto;max-height:300px;overflow: auto;gap:10px; transition: left 0.3s ease; }
		.main-post-container.left{left:-300px}
		.main-post-container.right{left:-300px;}
		.main-post{width:100%;border-top:none;background-color:#fff;}
		.main-post:nth-child(2n+1){background-color:#f9f9f9}
		.toggle-buttons {position: absolute;bottom:1.6%; /* Adjust position as needed */left: 16%;display: flex;}
		.toggle-buttons button {font-size: 16px;cursor: pointer;border: none;padding: 5px;}
		.toggle-buttons button:focus {outline: none;}
		button#toggle-left-container,button#toggle-right-container {margin: 0 5px;border-radius: 20px;background: #006954;color: #fff;line-height: 1;padding:10px;box-shadow: 0px 0px 1px 2px #ffffff}
		button#toggle-left-container{background: #007fff;}
		button#toggle-right-container{background: #006954;}
		/* Disable text selection */

	.pin-wrapper, 
		.pin-wrapper * {
			user-select: none; /* Standard */
			-webkit-user-select: none; /* Safari & Chrome */
			-moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
		}
	}	

















	.home-magazine{ display: flex;flex-wrap: wrap;gap: 20px;justify-content: space-between;max-width: 1200px;margin: 0 auto;}
	.home-magazine article{background-color: #fff;padding: 20px;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);flex: 0 1 calc(50% - 20px); box-sizing: border-box;transition:0.5s ease;}
	.home-magazine article:hover {background: #f3f3f3;}
	.home-magazine article:last-child { margin-bottom: 20px;}
	.home-magazine article p{line-height:1.4}
	
	.home-magazine.entertainment{ display: flex;flex-wrap: wrap;gap: 20px;justify-content: space-between;max-width: 100%;margin: 0 auto;}
	.home-magazine.entertainment article{background-color: #fff;padding: 0px;border-radius: 0;box-shadow: none;flex: 0 1 calc(50% - 20px); box-sizing: border-box;transition:0.5s ease;}
	.home-magazine.entertainment article:hover {background: #f3f3f3;}
	.home-magazine.entertainment article:last-child { margin-bottom: 20px;}
	.home-magazine.entertainment article p{line-height:1.4}
	.home-magazine.entertainment article figure {position:relative;margin-bottom:0}
	.home-magazine.entertainment article h3{position: absolute;bottom: 0;left: 0;padding: 5px;background: rgba(0, 105, 85, 1);color: #fff;width: 100%;text-align: center;}
	.image-container{position: relative;display: inline-block;width: 100%;}
	.top-intro{max-width:1200px;margin:auto auto 50px auto}
	.middle-intro{max-width:1200px;margin:50px auto}
	.weather{margin:auto;max-width:1320px;width:80%}
	.map-title {margin:40px auto}
	.map-title h3 {font-size: 40px;text-align: center;padding: 20px;}
	
	@media (max-width: 1024px) {
		.home-magazine{ display: block;}
		.home-magazine.entertainment{display:block}
		.home-magazine.entertainment article h3{font-size:12px;}
		.top-intro{margin:20px auto 25px auto}
		.middle-intro{margin:25px auto}
		.weather{width:100%}
		.map-title {margin:20px auto}
		.map-title h3 {font-size: 36px;text-align: center;padding: 10px;}

		}