html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, figure, footer, header,
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
pre {
padding: 15px;
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; width: auto !important; }
.ie6 input { vertical-align: text-bottom; } label, input[type=button], input[type=submit], button { cursor: pointer; }
:focus {
outline: 0;
} .ie7 img { -ms-interpolation-mode: bicubic; }
.clearer {
visibility: hidden;
display: block;
font-size: 0;
clear: both;
height: 0;
} h1, h2, h3 { text-rendering: optimizeLegibility; } #infocontent {
width: 100px;
height: 100px;
position: absolute;
top: -900px;
left: -900px;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-size: 10px;
}
#infocontent ul li {
list-style-type: none;
}
#infocontent h3 a,
#infocontent ul li a {
font-size: 10px;
font-weight: normal;
font-style: normal;
text-decoration: none;
} :root {
--p-120: min(max(60px, 6.25vw), 120px);
scroll-behavior: smooth;
}
::selection {
background: #111;
color: #fff;
}
::-moz-selection {
background: #111;
color: #fff;
}
#loader {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
background-color: #0c0c0d;
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 600ms;
-moz-transition: all 600ms;
-webkit-transition: all 600ms;
-o-transition: all 600ms;
}
#loader.nascosto {
opacity: 0;
z-index: -100;
}
@font-face{
font-family:"FreightBig W05 Book";
src:url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/27610a3d-1b68-44da-ade7-b643bf7ccfbe.woff2) format("woff2"),url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/3b1c6a83-1d42-431f-ab04-beb36ae1befd.woff) format("woff");
} @font-face {
font-family: 'Sofia Pro';
src: url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaPro-Light.eot);
src: url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaPro-Light.eot?#iefix) format('embedded-opentype'),
url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaPro-Light.woff2) format('woff2'),
url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaPro-Light.woff) format('woff'),
url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaPro-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaProRegular.eot);
src: url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaProRegular.eot?#iefix) format('embedded-opentype'),
url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaProRegular.woff2) format('woff2'),
url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaProRegular.woff) format('woff'),
url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaProRegular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaPro-Bold.eot);
src: url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaPro-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaPro-Bold.woff2) format('woff2'),
url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaPro-Bold.woff) format('woff'),
url(//www.newwave-media.it/wp-content/themes/newwave-media/common/fonts/SofiaPro-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
body {
font-family: "Sofia Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 400;
color: #aaa;
background-color: #0c0c0d;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: background 600ms cubic-bezier(0.4, 0.0, 0.2, 1);;
-moz-transition: background 600ms cubic-bezier(0.4, 0.0, 0.2, 1);;
-webkit-transition: background 600ms cubic-bezier(0.4, 0.0, 0.2, 1);;
-o-transition: background 600ms cubic-bezier(0.4, 0.0, 0.2, 1);;
will-change: background-color;
}
body.noscroll {
overflow: hidden;
}
body[data-page="cases"],
body.dark {
color: #555;
background-color: #fff;
} .t-serif {
font-family: "FreightBig W05 Book", "serif";
}
a, a:hover {
color: inherit;
text-decoration: none;
outline: 0;
}
.btn {
white-space: wrap;
}
sub, sup {
position: relative;
font-size: .75em;
line-height: 0;
vertical-align: baseline;
}
img:not([src]), img[src=""] {
visibility: hidden; }
.figure, .img-full {
position: relative;
width: 100%;
height: auto;
display: block;
}
.figure-bg, .figure-bg::after, .img-cover, .img-contain, .img-scale {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.figure-bg, .figure-bg::after {
user-select: none;
pointer-events: none;
}
.img-contain {
object-fit: contain;
}
.img-scale {
object-fit: scale-down;
}
.fullH {
min-height: 100vh;
min-height: calc(var(--vh, 1vh) * 100);
display: flex;
flex-direction: column;
justify-content: center;
}
.halfH {
min-height: 50vh; display: flex;
flex-direction: column;
justify-content: center;
}
.more-inline {
position: relative;
color: #0b0b0c;
text-transform: uppercase;
font-size: 11px;
display: inline-block;
letter-spacing: 1px;
-webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.container {
padding-right: 30px !important;
padding-left: 30px !important;
}
.more-btn {
font-weight: 500;
font-size: 12px;
line-height: 130%;
text-transform: uppercase;
color: #fff;
display: inline-block;
background-color: transparent;
border: 1px solid #fff;
border-radius: 0;
padding: 10px 30px;
letter-spacing: 1px;
transition: all 560ms cubic-bezier(0.4, 0.0, 0.2, 1);
-moz-transition: all 560ms cubic-bezier(0.4, 0.0, 0.2, 1);
-webkit-transition: all 560ms cubic-bezier(0.4, 0.0, 0.2, 1);
-o-transition: all 560ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.more-btn:hover {
color: #4D4D4F;
background-color: #fff;
}
.txt .more-btn {
margin-top: 30px;
} #logo_bg {
position: fixed;
top: 0;
left: 0;
z-index: 0;
align-items: center;
display: flex;
flex-direction: column;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
justify-content: center;
width: auto;
}
#logo_bg svg {
stroke-width: 0.1px;
width: auto;
min-height: 80%;
display: block;
fill: none;
stroke: url(#logo_gradient);
opacity: 0.2;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
body[data-page="cases"] #logo_bg svg {
opacity: 0.1;
}
#logo_bg svg path {
stroke-dasharray: 1050;
stroke-dashoffset: 1050;
-webkit-animation: draw 5s ease-in-out infinite alternate;
animation: draw 5s ease-in-out infinite alternate;
}
@keyframes draw {
0% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes draw {
0% {
stroke-dashoffset: 0;
}
} #header {
position: fixed;
top: 0;
left: 0;
height: auto;
width: 100%;
z-index: 100;
color: #999;
background-color: transparent;
-webkit-backdrop-filter: saturate(100%) blur(0);
backdrop-filter: saturate(100%) blur(0);
will-change: backdrop-filter, background-color, transform;
backface-visibility: hidden;
transform: translateZ(0);
transition: all .2s ease-in-out;
} #header.headroom--pinned:not(.headroom--top) {
transform: translateY(0%);
color: #333;
background-color: rgba(255, 255, 255, 0.8);
-webkit-backdrop-filter: saturate(180%) blur(10px);
backdrop-filter: saturate(180%) blur(10px);
}
#header.headroom--unpinned {
transform: translateY(-100%);
}
body.dark #header {
color: #333;
}
#header_main {
padding: 15px 0;
}
#hamburger {
width: 32px;
height: auto;
display: block;
}
#hamburger span {
width: 100%;
height: 1px;
margin: 6px 0;
display: block;
background-color: currentColor;
}
#hamburger span:nth-child(2) {
width: 70%;
}
#hamburger span:nth-child(3) {
width: 90%;
}
#hamburger span:nth-child(4) {
width: 30%;
}
#hamburger:hover span {
width: 100% !important;
} #brand {
width: 80px;
height: auto;
display: block;
}
#brand svg {
width: 100%;
height: auto;
display: block;
fill: currentColor;
} #drawer {
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
z-index: 101;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.8);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
transition: all 360ms ease-in-out;
}
#drawer.in {
opacity: 1 !important;
pointer-events: all;
}
#drawer .drawer-wrapper {
position: relative;
width: 100%;
height: 100%;
overflow-y: auto;
}
#drawer .drawer-wrapper .drawer-header {
padding: 18px 0;
}
#brand_drawer {
width: 80px;
height: auto;
display: block;
}
#brand_drawer svg {
width: 100%;
height: auto;
display: block;
fill: #333;
}
#hamburger_close {
width: 32px;
height: 22px;
display: block;
position: relative;
}
#hamburger_close span {
position: relative;
top: 10px;
width: 100%;
height: 1px;
margin: 0;
display: block;
background-color: #000;
transform: rotate(-45deg);
transition: all 360ms ease-in-out;
}
#hamburger_close span:nth-child(2) {
transform: rotate(45deg);
}
#drawer .drawer-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 45px 0;
min-height: calc(100vh - 115px);
}
#drawer .drawer-menu {
text-align: center;
}
#drawer .drawer-menu .menu-item {
padding: 0;
}
#drawer .drawer-menu .menu-item a {
padding: 0;
font-size: 24px;
line-height: 133%;
display: inline-block;
margin-bottom: 60px;
color: #333;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 3px;
}
#drawer .drawer-menu .menu-item.current-menu-item a {
color: #000;
}
#drawer .drawer-menu .menu-item.small a {
font-weight: 400;
}
#drawer .sub-menu {}
#drawer .sub-menu .menu-item {}
#drawer .sub-menu .menu-item a {
font-weight: 400;
font-size: 13px;
line-height: 133%;
margin-bottom: 7px;
}
#nw_nav {
top: 0;
right: 10px;
position: fixed;
z-index: 100;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 5px;
overflow: hidden;
display: none;
}
#nw_nav ul {}
#nw_nav ul li {
display: block;
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform : translate3d(10px, 0, 0);
-webkit-transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
margin-bottom: 5px;
}
#nw_nav ul li.in {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform : translate3d(0, 0, 0);
}
#nw_nav ul li a {
position: relative;
display: block;
padding: 8px 0 10px 8px;
text-align: center;
}
#nw_nav ul li a .dot {
width: 4px;
height: 4px;
display: block;
margin-left: auto;
border-radius: 50px;
background-color: #aaa;
position: relative;
transition: all 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-moz-transition: all 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-webkit-transition: all 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-o-transition: all 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#nw_nav ul li.active a .dot {
background-color: #fff;
transform: scale(1.5);
}
body[data-page="services"] #nw_nav ul li.active a .dot,
body[data-page="cases"] #nw_nav ul li.active a .dot {
background-color: #000;
}
#nw_nav ul li:hover a .dot {
transform: scale(1.5);
}
#nw_nav ul li a .label {
display: none;
line-height: 100%;
font-size: 10px;
text-align: right;
float: left;
margin-top: -7px;
margin-right: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}
#nw_nav ul li a:hover .label {
display: block;
} #footer {
color: var(--white);
background-color: #000;
}
#footer_cta {
position: relative;
padding-top: var(--p-120);
padding-bottom: var(--p-120);
background-color: #212121;
}
#footer_cta::before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #1a1a1a;
}
#footer_cta .cta-title {
font-weight: 400;
font-size: min(max(36px,2.76vw),52px);
line-height: 110%;
max-width: 40ch;
text-wrap: balance;
}
#footer_cta .btn {
margin-top: max(20px,2.3vw);
}
#footer_main {
padding-top: calc(var(--p-120) * 0.5);
padding-bottom: var(--p-120);
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #aaa;
}
#footer_main .footer-title {
font-weight: 600;
line-height: 120%;
color: #fff;
}
#footer_main .footer-text {
font-weight: 400;
font-size: var(--fs-xs);
line-height: 160%;
margin-top: 0.8em;
}
#footer_main .footer-nav-title {
color: var(--white);
margin-bottom: 0.3em;
}
#footer_main .footer-nav a {
margin-bottom: 0.8em;
display: inline-block;
}
#footer_main a:hover {
opacity: 0.75;
}
#footer_colophon {
position: relative;
padding: 14px 0;
font-weight: 400;
font-size: 12px;
line-height: 130%;
letter-spacing: 0.02em;
color: var(--white);
background-color: var(--text-black);
} #hero {
position: relative;
}
#hero .hero-link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
#hero .tt {
overflow: hidden;
font: 50px/120% FreightBig W05 Book;
letter-spacing: 1px;
color: #fff;
}
#hero .tt span,
.about-tt span {
display: inline-block;
}
#hero .txt {
font-weight: 300;
font-size: 15px;
line-height: 170%;
margin: 30px 0 60px;
color: #eee;
}
#hero .more-inline {
font-size: 11px;
font-weight: 700;
line-height: 150%;
letter-spacing: 1px;
color: #999;
text-transform: uppercase;
border-top: 1px solid #999;
padding-right: 45px;
padding-top: 15px;
transition: color 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-moz-transition: color 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-webkit-transition: color 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-o-transition: color 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#hero .more-inline:hover {
color: #ccc;
} #cases {
padding: 180px 0;
}
#cases .container,
#contacts .container {
padding-right: 0 !important;
padding-left: 0 !important;
}
#cases .container .row,
#contacts .container .row {
margin-right: 0;
margin-left: 0;
}
#cases .container .row .col-figure,
#contacts .container .row .col-figure {
padding-right: 0;
padding-left: 0;
}
#contacts .container .row .col-figure .about-tt {
padding-right: 30px;
padding-left: 30px;
}
#cases .case-txt-wrapper {
padding-right: 15px;
padding-left: 15px;
}
#cases .case {
display: block;
}
#cases .case + .case {
margin-top: 130px;
}
#cases .case .case-figure {
width: 100%;
padding-top: calc((3 / 4) * 100%);
height: auto;
display: block;
position: relative;
overflow: hidden;
margin-bottom: 20px;
background-color: #fff;
will-change: transform;
backface-visibility: hidden;
transform: translateZ(0);
}
#cases .case .case-figure .case-img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
color: rgba(0, 0, 0, 0) !important;
}
#cases .case .case-figure iframe {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
#cases .case .case-figure .video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 101%;
object-fit: cover;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
#cases .case .case-figure .swiper-container {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
#cases .case .case-figure .swiper-container .swiper-slide {
overflow: hidden;
}
#cases .case .case-figure .swiper-container .swiper-slide .swiper-img {
height: 100%;
width: 100%;
display: block;
object-fit: cover;
pointer-events: none;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
#cases .case .case-figure .swiper-container .swiper-pagination-bullets-dynamic {
bottom: 25px;
}
#cases .case .case-figure .swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
opacity: 0.6;
}
#cases .case .case-figure .swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
opacity: 1;
background-color: #fff;
}
#cases .case .case-tt,
#about .about-tt,
#services .about-tt,
#contacts .about-tt {
font-size: 36px;
font-weight: 400;
line-height: 118%;
color: #0c0c0d;
letter-spacing: 1px;
overflow: hidden;
margin-bottom: 20px;
}
#about .about-tt,
#services .about-tt,
#contacts .about-tt  {
color: #fff;
margin-bottom: 65px;
font-size: 36px;
}
#services .about-tt {
color: #111;
}
#cases .case .case-tt span {
display: inline-block;
}
#cases .case .case-cat {
font-size: 11px;
font-weight: 700;
line-height: 150%;
letter-spacing: 1px;
color: #333;
text-transform: uppercase;
margin-bottom: 10px;
}
#cases .case .case-cat.sx {
color: #999;
}
#cases .case .case-txt {
font-size: 13px;
line-height: 150%;
font-weight: normal;
font-style: normal;
text-decoration: none;
margin-bottom: 35px;
color: #888;
}
#cases .case .more-inline,
#about .more-inline,
#services .more-inline {
font-size: 11px;
font-weight: 700;
line-height: 150%;
letter-spacing: 1px;
color: #999;
text-transform: uppercase;
border-top: 1px solid #999;
padding-right: 45px;
padding-top: 15px;
}
#cases .case .more-inline {
font-size: 10px;
}
#cases .case .more-inline:hover,
#services .more-inline:hover {
color: #000;
}
#about .more-inline:hover {
color: #fff;
} #cases .swiper-lazy-preloader {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
margin: 0;
animation: none;
border: 0;
}
#cases .swiper-lazy-preloader > .spinner > div {
margin: 0 1px;
} #about,
#contacts,
#services {
padding: 180px 0;
}
#contacts {
padding-bottom: 90px;
}
#about .side-tt,
#contacts .side-tt,
#services .side-tt {
color: #a4a4a4;
font-size: 11px;
font-weight: 700;
line-height: 150%;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 45px;
}
#contacts .side-tt {
padding-right: 15px;
padding-left: 15px;
}
#about .main-txt,
#contacts .main-txt,
#services .main-txt {
font-size: 15px;
line-height: 170%;
color: #bbb;
}
#services .main-txt {
color: #666;
}
#about .main-txt strong,
#contacts .main-txt strong,
#services .main-txt strong {
color: #338AFF;
}
#services .main-txt strong {
color: #000;
letter-spacing: 1px;
}
#about .main-txt p,
#contacts .main-txt p,
#services .main-txt p {
margin-bottom: 45px;
}
#about .tt,
#contacts .tt,
#services .tt {
margin-top: 30px;
margin-bottom: 10px;
font-size: 24px;
}
#about .txt ul,
#contacts .txt ul,
#services .txt ul {
list-style: none;
}
#about .txt ul li,
#contacts .txt ul li,
#services .txt ul li {
padding-left: 10px;
position: relative;
}
#about .txt ul li:before,
#contacts .txt ul li:before,
#services .txt ul li:before {
content: "";
position: absolute;
width: 5px;
height: 1px;
left: 0;
top: 11px;
display: block;
background-color: #aaa;
}
#about .more-inline {
color: #bbb;
border-top: 1px solid #bbb;
}
#services .more-inline {
color: #666;
border-top: 1px solid #666;
}
#contacts .txt-wrapper {
padding-right: 15px;
padding-left: 15px;
margin-bottom: 25px;
font-size: 11px;
line-height: 180%;
color: #bbb;
letter-spacing: 1px;
text-transform: uppercase;
}
#contacts .txt-wrapper p {
margin-bottom: 7px;
}
#contacts .txt-wrapper strong {
color: #fff;
font-weight: bold;
}
#contacts #map {
width: 100%;
padding-top: calc((9 / 16) * 100%);
height: auto;
display: block;
position: relative;
overflow: hidden;
margin-bottom: 30px;
margin-top: 45px;
background-color: #0c0c0d;
}
#contacts #map > div {
height: calc(100% + 50px) !important;
top: -25px !important;
}
#contacts .link-inline {
position: relative;
display: inline-block;
-webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
padding-bottom: 1px;
border-bottom: 1px solid transparent;
}
#contacts .link-inline:hover {
color: #fff;
padding-right: 10px;
border-bottom: 1px solid #ccc;
}
#services {
background-color: #efefef;
} .default-page {
padding: 160px 0 120px;
}
.default-page .tt-page {
color: #fff;
font-weight: 700;
margin-bottom: 30px;
font-size: 130%;
}
.default-page .txt-page {
line-height: 180%;
}
.default-page .txt-page > h1,
.default-page .txt-page > h2,
.default-page .txt-page > h3,
.default-page .txt-page > h4,
.default-page .txt-page > h5,
.default-page .txt-page > h6 {
margin-top: 45px;
font-weight: 700;
color: #fff;
font-size: 120%;
}
.default-page .txt-page > * {
margin: 0 0 15px;
}
.default-page .txt-page > *:first-child {
margin-top: 0;
}
.hide-mobile {
display: none;
} .page-404 { min-height: calc(var(--vh, 1vh) * 100 - 70px);
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.page-404 .link-inline {
position: relative;
display: inline-block;
-webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
padding-bottom: 1px;
border-bottom: 1px solid transparent;
}
.page-404 .link-inline:hover {
color: #fff;
border-bottom: 1px solid #ccc;
} #pop_up {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.9);
z-index: 1001;
display: flex;
justify-content: center;
align-items: center;
}
#pop_up .pop-ex {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
#pop_up .pop-container {
position: relative;
max-width: 1060px;
overflow-y: auto;
max-height: 90vh;
padding: 0;
background-color: #262626;
z-index: 1;
}
#pop_up .pop-container #pop_close {
position: absolute;
top: 7px;
right: 7px;
width: 32px;
height: 32px;
display: block;
}
#pop_up .pop-container #pop_close span {
position: absolute;
top: 15px;
left: 5px;
width: 20px;
height: 1px;
background-color: #fff;
}
#pop_up .pop-container #pop_close span:nth-child(1) {
transform: rotate(45deg);
}
#pop_up .pop-container #pop_close span:nth-child(2) {
transform: rotate(-45deg);
}
#pop_up .pop-container .form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#pop_up .pop-container .form .gform_wrapper textarea {
border: 0;
color: #fff;
padding: 13px 0;
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
text-transform: inherit;
font-size: 14px;
width: 100%;
margin-bottom: 2px;
letter-spacing: 1px;
}
#pop_up .pop-container .form .gform_wrapper textarea {
height: 100px;
}
#pop_up .pop-container .form .gfield_required {
color: #fff;
font-size: 11px;
display: none;
}
#pop_up .pop-container .form ::-webkit-input-placeholder {
color: #fff;
font-weight: 300;
}
#pop_up .pop-container .form ::-moz-placeholder {
color: #fff;
font-weight: 300;
}
#pop_up .pop-container .form :-ms-input-placeholder {
color: #fff;
font-weight: 300;
}
#pop_up .pop-container .form :-moz-placeholder {
color: #fff;
font-weight: 300;
}
#pop_up .pop-container .form .gform_wrapper li.hidden_label input {
margin-top: 0;
vertical-align: middle;
}
#pop_up .pop-container .form .gform_wrapper li.hidden_label#field_1_5 input {
width: auto !important;
max-width: 20px;
float: left;
display: inline-block;
}
#pop_up .pop-container .form .gform_wrapper li.hidden_label#field_1_5 .gfield_consent_label {
width: calc(100% - 35px) !important;
margin-left: 10px;
float: left;
display: inline-block;
}
#pop_up .pop-container .form .gform_wrapper .gfield_consent_label {
font-size: 13px;
margin-left: 3px;
color: #fff;
}
#pop_up .pop-container .form .gform_wrapper div.validation_error,
#pop_up .pop-container .form .gform_wrapper .validation_message {
color: #ddd;
border: 0;
padding: 0;
font-weight: 700;
}
#pop_up .pop-container .form .gform_wrapper .validation_message {
margin-top: 5px;
}
#pop_up .pop-container .form .gform_wrapper li.gfield.gfield_error {
color: #ddd;
border: 0;
padding: 0;
font-weight: 300;
background-color: transparent;
}
#pop_up .pop-container .form .gform_wrapper .gform_footer { }
#pop_up .pop-container .form .gform_wrapper .gform_button {
font-weight: 500;
font-size: 13px;
line-height: 130%;
text-transform: uppercase;
color: #fff;
display: inline-block;
background-color: transparent;
border: 1px solid #fff;
border-radius: 0;
margin-top: 45px;
padding: 10px 64px;
min-width: 100px;
transition: all 560ms cubic-bezier(0.4, 0.0, 0.2, 1);
-moz-transition: all 560ms cubic-bezier(0.4, 0.0, 0.2, 1);
-webkit-transition: all 560ms cubic-bezier(0.4, 0.0, 0.2, 1);
-o-transition: all 560ms cubic-bezier(0.4, 0.0, 0.2, 1);
letter-spacing: 1px;
}
#pop_up .pop-container .form .gform_wrapper .gform_button:hover {
color: #4D4D4F;
background-color: #fff;
}
#pop_up .pop-container .form .gform_validation_errors>h2 {
color: #fff;
}
#pop_up .pop-container .form .gform_validation_errors>h2:before {
display: none;
}
#pop_up .pop-container .form .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
background-color: transparent !important;
border: none !important; 
color: #fff !important;
margin-left: 0 !important;
font-size: 14px !important;
} #page_progetti {
padding-top: 120px;
background-color: #fff;
} .loop-item {}
.loop-item + .loop-item {
border-top: 1px solid #ddd;
}
.loop-item .loop-link {
padding: min(max(40px,2.92vw),56px) 0;
display: block;
}
.loop-item .loop-thumbnail {
position: relative;
padding-top: 75%;
width: 100%;
background-color: #efefef;
}
.loop-item .loop-thumbnail .img-cover {
position: absolute;
top: 0;
left: 0;
width: 100%; height: 100%;
object-fit: cover;
}
.loop-item .loop-content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
}
.loop-item .loop-head {
padding-top: 25px;
}
.loop-item .loop-title {
color: #000;
font-weight: 400;
font-size: min(max(32px,2.3vw),44px);
line-height: 110%;
margin-bottom: 10px;
}
.loop-item .loop-subtitle {
font-weight: normal;
font-size: 16px;
line-height: 120%;
margin-bottom: 35px;
}
.loop-item .loop-excerpt {
font-weight: normal;
font-size: 16px;
line-height: 140%;
color: #999;
margin-bottom: 35px;
}
.loop-item .loop-meta {
display: flex;
flex-direction: row;
column-gap: 2.5em;
row-gap: 0.5em;
font-weight: normal;
font-size: 13px;
line-height: 110%;
}
.loop-item .loop-meta .loop-tax {
color: var(--text-gray);
font-weight: 300;
} #archive_post,
#post {
padding-top: min(max(150px,15.26vw),290px);
padding-bottom: min(max(60px,6.25vw),120px);
background-color: #fff;
}
#archive_post .page-title {
color: #000;
font-size: 47px;
line-height: 105%;
margin-bottom: 25px;
font-family: FreightBig W05 Book;
}
#post .pretitle {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 12px;
color: #888;
letter-spacing: 1px;
font-weight: 300;
}
#post .title {
color: #000;
font-size: 47px;
line-height: 105%;
margin-bottom: 25px;
font-family: FreightBig W05 Book;
}
#post .subtitle {
color: #666;
font-size: 25px;
line-height: 110%;
margin-bottom: 70px;
font-weight: 300;
}
#post .figure-thumb {
width: 100%;
height: 0;
padding-top: 56.25%;
display: block;
overflow: hidden;
pointer-events: none;
user-select: none;
margin-bottom: 30px;
}
#post .figure-thumb > .img-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
#post .arrow {
display: block;
position: relative;
--icon-size: 22px;
z-index: 2;
width: var(--icon-size);
height: calc(var(--icon-size) * 1.25);
background: no-repeat center / contain;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='26' fill='none' viewBox='0 0 22 26'%3e%3cpath fill='black' fill-rule='evenodd' d='M11.998 0v21.651l8.544-9.046 1.454 1.373-10.998 11.645L0 13.978l1.454-1.373 8.544 9.046V0h2Z' clip-rule='evenodd'/%3e%3c/svg%3e");
cursor: pointer;
}
#post .content {
color: #333;
font-weight: 300;
font-size: 17px;
line-height: 180%;
}
#post .content h2 {
font-weight: 700;
}
#post .content h3 {
font-weight: 700;
margin-top: 50px;
font-size: 25px;
margin-bottom: 20px;
line-height: 120%;
}
#post .content p {
text-align: justify;
margin-bottom: 15px;
}
#post .content p strong {
font-weight: 700;
}
#post .content p + h3 {
margin-top: 100px;
}
#post .content ul,
#post .content ol {
margin-bottom: 15px;
margin-left: 15px;
}
#post .content ul li,
#post .content ol li {
margin-bottom: 5px;
}
#post .content ul li strong,
#post .content ol li strong {
font-weight: 700;
}
#post .content a {
text-decoration: underline;
}
.content + .btn {
margin-top: 28px;
}
.content a {
color: #000;
font-weight: 700;
text-transform: underline;
}
.content a:hover {
text-decoration: none;
}
.small, small {
font-size: .875em !important;
}
#nav_posts {
color: #000;
padding-top: var(--p-120);
}
#nav_posts .nav-label {
color: #888;
text-align: center;
font-size: 13px;
font-weight: 500;
line-height: 110%;
letter-spacing: 0.09em;
text-transform: uppercase;
margin-bottom: 36px;
}
#nav_posts ul {
list-style: none;
display: flex;
flex-direction: row;
}
#nav_posts li {
flex: 1 0 0%;
width: 100%;
max-width: 100%;
}
#nav_posts a {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
column-gap: 2em;
height: 100%;
padding: 2em 1.5em;
text-wrap: balance;
font-weight: 300;
font-size: 18px;
line-height: 130%;
border: 1px solid currentColor;
transition: color .3s ease-in, background .3s ease-in, border .3s ease-in;
}
#nav_posts a:hover {
color: #fff;
border-color: #000;
background-color: #000;
}
#nav_posts li + li a {
margin-left: -1px;
}
#nav_posts a svg {
width: 1.2em;
min-width: 1.2em;
height: auto;
}
#nav_posts .post-prev a {
padding-right: 3.5em;
}
#nav_posts .post-next a {
padding-left: 3.5em;
} .sharing {
list-style: none;
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
column-gap: 16px;
row-gap: 15px;
padding-top: 60px;
}
.sharing .share-label {
color: #888;
font-size: 13px;
font-weight: 500;
line-height: 110%;
letter-spacing: 0.04em;
text-transform: uppercase;
margin-right: 10px;
}
.sharing a {
--font-size-text: 16px;
width: calc(var(--font-size-text) * 2.3);
height: calc(var(--font-size-text) * 2.3);
display: block;
background: no-repeat center / contain;
transition: opacity .3s var(--transition-timing);
}
.sharing:has(a:hover) a {
opacity: 0.6;
}
.sharing:has(a:hover) a:hover {
opacity: 1;
}
.sharing a[href*="linkedin.com"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3e%3crect width='47' height='47' x='.5' y='.5' stroke='%23141519' rx='23.5'/%3e%3cpath fill='%23141519' fill-rule='evenodd' d='M18.901 16.974c0 1.077-.855 1.948-2.192 1.948-1.285 0-2.14-.871-2.113-1.948-.027-1.128.828-1.974 2.139-1.974s2.14.846 2.166 1.974ZM14.703 33V20.46h4.065v12.537h-4.065Zm7.324-8.538c0-1.564-.053-2.897-.107-4h3.53l.188 1.718h.08c.536-.795 1.873-2 4.04-2 2.673 0 4.68 1.693 4.68 5.384V33h-4.066v-6.949c0-1.616-.587-2.718-2.059-2.718-1.123 0-1.791.744-2.058 1.461-.108.257-.16.615-.16.975V33h-4.066v-8.538h-.002Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.sharing a[href*="facebook.com"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3e%3crect width='47' height='47' x='.5' y='.5' stroke='%23141519' rx='23.5'/%3e%3cpath fill='%23141519' d='m29.179 25.43.632-3.978h-3.853v-2.61c0-1.119.568-2.175 2.274-2.175H30v-3.418S28.421 13 26.842 13c-3.22 0-5.305 1.927-5.305 5.345v3.045H18v3.977h3.537V35h4.358v-9.57h3.284Z'/%3e%3c/svg%3e");
}
.sharing a[href*="twitter.com"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3e%3crect width='47' height='47' x='.5' y='.5' stroke='%23141519' rx='23.5'/%3e%3cpath fill='%23141519' d='M35.92 17.278a9.208 9.208 0 0 1-2.3.647c.374-.054.909-.755 1.123-1.025.32-.43.588-.916.749-1.401 0-.054.053-.108 0-.108h-.107c-.856.485-1.766.809-2.782 1.078-.054 0-.16 0-.214-.054-.054-.108-.16-.162-.268-.27-.428-.323-.856-.646-1.337-.808a4.37 4.37 0 0 0-2.033-.323c-.696.053-1.338.215-1.926.539a5.12 5.12 0 0 0-1.552 1.293 4.758 4.758 0 0 0-.91 1.887c-.16.647-.16 1.348-.052 1.995 0 .108 0 .108-.108.108-3.798-.593-6.9-1.94-9.469-4.852-.107-.108-.16-.108-.267 0-1.124 1.671-.589 4.367.802 5.715.16.161.375.377.589.539-.054 0-1.017-.108-1.82-.54-.106-.053-.16-.053-.16.108 0 .162 0 .324.054.54.214 1.725 1.39 3.288 2.996 3.881.214.108.428.162.588.162-.374.108-.749.162-1.819.054-.107 0-.16.054-.107.162.803 2.156 2.515 2.803 3.745 3.18.16.055.321.055.535.055l-.053.053c-.428.647-1.873 1.133-2.568 1.348-1.23.431-2.622.647-3.906.485-.214-.053-.267-.053-.32 0-.054.054 0 .108.053.162l.802.485c.856.432 1.712.809 2.622 1.079 4.707 1.294 10.004.323 13.481-3.181 2.782-2.75 3.745-6.578 3.745-10.405 0-.162.16-.216.268-.324.695-.539 1.284-1.186 1.819-1.94a.669.669 0 0 0 .107-.378c.107 0 .107 0 0 .054Z'/%3e%3c/svg%3e");
}
.sharing a[href*="twitter.com"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3e%3crect width='47' height='47' x='.5' y='.5' stroke='%23141519' rx='23.5'/%3e%3cpath fill='%23141519' d='M29.99 14h3.308l-7.227 8.26 8.502 11.24h-6.658l-5.214-6.817-5.966 6.817h-3.31l7.73-8.835L13 14h6.825l4.713 6.231L29.988 14h.002Zm-1.161 17.52h1.833L18.83 15.876h-1.967L28.829 31.52Z'/%3e%3c/svg%3e");
}
.sharing a[href^="mailto:"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3e%3crect width='47' height='47' x='.5' y='.5' stroke='%23141519' rx='23.5'/%3e%3cpath fill='%23141519' d='M12 15.62a.5.5 0 0 0 .195.396l12 9.232a.5.5 0 0 0 .61 0l12-9.232A.5.5 0 0 0 37 15.62v-.12a.5.5 0 0 0-.5-.5h-24a.5.5 0 0 0-.5.5v.12ZM36.186 29.1a.5.5 0 0 0 .813-.39v-9.578a.5.5 0 0 0-.805-.396l-6.101 4.697a.5.5 0 0 0-.008.787l6.101 4.88Z'/%3e%3cpath fill='%23141519' d='M24.805 27.498a.5.5 0 0 1-.61 0l-3.018-2.321a.5.5 0 0 0-.617.006l-8.372 6.703a.5.5 0 0 0-.188.39v.081a.5.5 0 0 0 .5.5h24a.5.5 0 0 0 .5-.5v-.081a.5.5 0 0 0-.188-.39l-8.372-6.703a.5.5 0 0 0-.617-.006l-3.018 2.32Zm-12-8.762a.5.5 0 0 0-.805.396v9.578a.5.5 0 0 0 .812.39l6.101-4.88a.5.5 0 0 0-.007-.787l-6.101-4.697Z'/%3e%3c/svg%3e");
} #cursor {
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
contain: layout style size;
pointer-events: none;
display: none;
}
#cursor::before {
content: "";
position: absolute;
top: -15px;
left: -15px;
font-size: .8181rem;
line-height: 1.22;
color: #fff;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
text-transform: uppercase;
width: 110px;
height: 110px;
font-weight: 500;
-webkit-transform: scale(0.3);
transform: scale(0.3);
background-color: rgba(51, 51, 51, 0.85);
border-radius: 50%;
opacity: 0.3;
transition: opacity .35s ease, -webkit-transform .45s cubic-bezier(0.79, 0, 0.4, 1);
transition: transform .45s cubic-bezier(0.79, 0, 0.4, 1), opacity .35s ease;
transition: transform .45s cubic-bezier(0.79, 0, 0.4, 1), opacity .35s ease, -webkit-transform .45s cubic-bezier(0.79, 0, 0.4, 1);
will-change: transform;
}
#cursor.is-hover::before {
transform: scale(1);
opacity: 1;
background-color: rgba(51, 51, 51, 0.85);
}
#cursor.is-mousedown::before {
transition-duration: 0.1s !important;
transform: scale(0.85) !important;
}
#cursor.drag::before {
content: "Drag";
}
#cursor.link::before {
content: var(--cursorCaption, "Scopri");
}
#cursor.link-inv::before {
color: #333;
content: var(--cursorCaption, "Scopri");
background-color: rgba(255, 255, 255, 0.85);
}
#cursor.play::before {
content: "Play";
}
#cursor.pause::before {
content: "Pause";
} .awwwards-badge {
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
height: 32px;
min-width: 32px;
color: #fff;
border-radius: 25px;
background-color: #49c5b6;
overflow: hidden;
}
.awwwards-badge .a-dot {
display: block;
height: 32px;
min-width: 32px;
background: url(//www.newwave-media.it/wp-content/themes/newwave-media/common/img/awwwards-small.svg) no-repeat center / 18px auto;
}
.awwwards-badge .a-nominee,
.awwwards-badge:hover .a-nominee,
.awwwards-badge:focus .a-nominee {
font-size: 14px;
color: #fff;
}
.awwwards-badge .a-nominee span {
padding: 0px 10px 0 4px;
} .btn-cta-ai {
display: block;
padding: 24px;
text-wrap: balance;
margin-top: 50px;
color: #000 !important;
border: 1px solid currentColor;
text-decoration: none !important;
transition: color .3s ease-in, background .3s ease-in, border .3s ease-in;
}
.btn-cta-ai .t-serif {
font-weight: 300 !important;
font-size: min(max(32px,2.3vw),44px);
line-height: 120%;
font-family: FreightBig W05 Book;
}
.btn-cta-ai .label {
display: flex;
flex-direction: row;
align-items: center;
column-gap: 0.7em;
font-weight: 499;
font-size: 12px;
line-height: 130%;
text-transform: uppercase;
letter-spacing: 0.02em;
opacity: 0.75;
margin-top: 4em;
}
.btn-cta-ai:hover {
color: #fff !important;
border-color: #000 !important;
background-color: #000 !important;
}
.btn-cta-ai svg {
width: 1em;
height: 1lh;
flex: 0 0 auto;
} #tmpl_ai {
--fs-xxl: min(max(28px,3.6vw),72px);
color: #000;
background-color: #fff;
transition: background 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-moz-transition: background 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-webkit-transition: background 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-o-transition: background 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
will-change: background-color;
}
#tmpl_ai[data-page="agentai"] {
color: #aaa;
background-color: #0c0c0d;
}
#tmpl_ai .btn {
font-weight: 500;
font-size: 12px;
line-height: 130%;
text-transform: uppercase;
border-radius: 0;
padding: 0.8em 1.2em;
letter-spacing: 0.04em;
}
#tmpl_ai .btn-light {
background-color: rgba(255, 255, 255, 0.82);
border: 1px solid #fff;
backdrop-filter: blur(8px);
}
#tmpl_ai .btn-light:hover {
background-color: #fff;
}
#tmpl_ai .btn-dark {
color: #fff;
background-color: #000;
border-color: #000;
}
#hero_ai {
position: relative;
width: 100%;
min-height: 100vh;
min-height: 100svh;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
padding: var(--p-120) 0;
overflow: hidden;
color: #fff;
background-color: #000;
text-shadow: 0 0 32px #000;
}
#hero_ai video { margin-top: 33vh;
}
#hero_ai .headline {
font-weight: 400;
font-size: min(max(42px,4.4vw),86px);
line-height: 110%;
text-align: center;
margin: auto;
margin-bottom: 0.32em;
max-width: 22ch;
text-wrap: balance;
}
#hero_ai .subheadline {
font-weight: 300;
font-size: min(max(16px,1.48vw),22px);
line-height: 160%;
text-align: center;
margin: auto;
margin-bottom: 2em;
max-width: 70ch;
text-wrap: balance;
}
#content_ai { }
#benefit_ai {
position: relative;
margin-top: calc(var(--p-120) * -1);
}
#benefit_ai .gy-5 {
row-gap: 20px;
}
#benefit_ai .wrapper {
background: rgba(255, 255, 255, 0.52);
border: 1px solid #FFFFFF;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(38px); padding: min(max(20px,3.38vw),50px) min(max(20px,2.43vw),36px);
}
#benefit_ai .benefit-title {
font-weight: 400;
font-size: min(max(22px,1.52vw),28px);
line-height: 140%;
margin-bottom: 0.4em;
}
#benefit_ai .benefit-text {
font-weight: 300;
font-size: min(max(15px,1.08vw),17px);
line-height: 160%;
color: #373737;
}
#benefit_ai .benefit-link {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 2.6em;
column-gap: 1em;
font-size: 11px;
font-weight: 700;
line-height: 150%;
letter-spacing: 1px;
text-transform: uppercase;
}
#benefit_ai .benefit-link:hover {
text-decoration: underline;
}
#benefit_ai .benefit-link::after {
content: "";
width: 0.66em;
height: 0.66em;
background: no-repeat center / contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjkiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA5IDkiPjxwYXRoIGZpbGw9IiMxMzE2MTkiIGQ9Ik04LjQ3NyA0LjE3NyA0LjMgOC4zMzdsLS43NzMtLjc3MyAyLjk4NS0yLjgzSDBWMy42Mmg2LjUxMkwzLjUyNy43NzMgNC4zIDBsNC4xNzcgNC4xNzdaIi8+PC9zdmc+");
}
#benefit_ai .wrapper .sep {
height: 1px;
width: 100%;
background-color: #d9d9d9;
}
#intro_ai {
padding-top: var(--p-120);
padding-bottom: var(--p-120);
}
#intro_ai .figure {
padding-top: 100%;
mix-blend-mode: multiply;
pointer-events: none;
user-select: none;
}
#intro_ai .intro-title {
font-weight: 400;
font-size: var(--fs-xxl);
line-height: 120%;
text-wrap: balance;
}
#intro_ai .intro-text {
margin-top: 2em;
line-height: 150%;
font-weight: 400;
color: #888;
}
#focus_ai {
padding-top: var(--p-120);
padding-bottom: var(--p-120);
}
#focus_ai .focus-title {
font-weight: 400;
font-size: var(--fs-xxl);
line-height: 120%;
text-wrap: balance;
}
#focus_ai .focus-text {
line-height: 150%;
font-weight: 400;
color: #888;
}
#focus_ai .row-fcards {
margin-top: calc(var(--p-120) * 0.5);
}
#focus_ai .fcard {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
padding: 36px min(max(22px,2.43vw),36px);
height: 100%;
background: rgba(255, 255, 255, 0.2);
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(38px);
}
#focus_ai .fcard .figure {
width: 140px;
height: 120px;
pointer-events: none;
user-select: none;
}
#focus_ai .fcard .fcard-title {
font-weight: 400;
font-size: min(max(22px, 1.52vw), 28px);
line-height: 140%;
margin-top: 1em;
margin-bottom: 0.4em;
}
#focus_ai .fcard .fcard-text {
line-height: 150%;
font-weight: 400;
color: #888;
}
#focus_ai .fcard .fcard-link {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 4em;
column-gap: 1em;
font-size: 11px;
font-weight: 700;
line-height: 150%;
letter-spacing: 1px;
text-transform: uppercase;
}
#focus_ai .fcard .fcard-link:hover {
text-decoration: underline;
}
#focus_ai .fcard .fcard-link::after {
content: "";
width: 0.66em;
height: 0.66em;
background: no-repeat center / contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjkiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA5IDkiPjxwYXRoIGZpbGw9IiMxMzE2MTkiIGQ9Ik04LjQ3NyA0LjE3NyA0LjMgOC4zMzdsLS43NzMtLjc3MyAyLjk4NS0yLjgzSDBWMy42Mmg2LjUxMkwzLjUyNy43NzMgNC4zIDBsNC4xNzcgNC4xNzdaIi8+PC9zdmc+");
}
#agentai {
opacity: 0;
visibility: hidden;
pointer-events: none;
user-select: none;
transition: opacity .3s ease-in;
}
#agentai.agentai-inpage {
padding-top: var(--p-120);
padding-bottom: var(--p-120); }
#agentai.agentai-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
display: flex;
flex-direction: column;
justify-content: center; background-color: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(6px);
}
#tmpl_ai[data-page="agentai"] #agentai,
#agentai.agentai-modal.is-open {
opacity: 1;
visibility: visible;
pointer-events: all;
}
#agentai_wrapper {
--wrapper-height: min(90vh,90svh,920px);
position: relative;
padding: 12px;
padding-top: 24px;
width: 100%;
max-width: 920px;
height: var(--wrapper-height);
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #262626;
overflow: auto;
}
#agentai_wrapper::-webkit-scrollbar {
width: 0px;
border-radius: 0px;
background: transparent;
}
.agent-hidden {
pointer-events: none;
position: absolute;
inset: 0;
display: none !important;
}
.agent-visible {
pointer-events: auto;
position: static;
}
#agentai_bot_head {
max-height: calc(var(--wrapper-height) * 0.35 - var(--p-120) * 0.5 - 36px);
overflow: hidden;
}
#agentai_bot .wrapper-title {
display: block;
font-weight: 400;
font-size: min(max(24px,2.19vw),42px);
line-height: 120%;
text-wrap: balance;
margin-bottom: 0.6em;
text-align: center;
color: #fff;
}
#agentai_bot .wrapper-text {
font-weight: 400;
color: #bbb;
text-align: center;
margin: auto;
max-width: 50ch;
text-wrap: balance;
}
#agentai_bot #agentai_embed {
width: 100%;
max-width: 720px;
height: 512px;
max-height: calc(var(--wrapper-height) * 0.65);
margin: auto;
margin-top: calc(var(--p-120) * 0.5);
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
overflow: hidden;
border-radius: 10px 10px 0 0;
}
#agentai_bot #agentai_embed iframe {
border: 0;
width: 100%;
height: 100%;
}
#docsbot-widget-embed {
width: 100%;
height: 100%;
}
#agentai_form {
width: 100%;
max-width: 720px;
height: 100%;
padding-top: 36px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
}
#agentai_form .btn-close {
position: absolute;
top: 0;
right: 0;
border: 0;
width: 1em;
height: 1em;
background: no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e") center / 1em auto;
box-sizing: content-box;
}
#agentai_form .gform-footer {
padding-bottom: 36px;
}
.btn-close:focus {
box-shadow: none;
}
#sectors_ai {
padding-top: var(--p-120);
padding-bottom: var(--p-120);
}
#sectors_ai .sectors-title {
font-weight: 400;
font-size: var(--fs-xxl);
line-height: 120%;
text-wrap: balance;
}
#sectors_ai .sectors-text {
line-height: 150%;
font-weight: 400;
color: #888;
}
#sectors_ai .row-sectors-intro {
padding-bottom: var(--p-120);
}
#sectors_ai .row-sectors .col-sm-6 {
padding: 0;
}
#sectors_ai .row-sectors > *:nth-child(2n) {
background: rgba(255, 255, 255, 0.4);
box-shadow: 0px 0px 46px rgba(0, 0, 0, 0.05);
backdrop-filter: blur(13px);
}
#sectors_ai .sector {
padding: 28px;
padding-bottom: 50px;
}
#sectors_ai .sector .sector-title {
font-weight: 400;
font-size: min(max(22px,1.52vw),28px);
line-height: 160%;
margin-bottom: 0.8em;
}
#sectors_ai .sector .sector-label {
display: inline-block;
font-weight: 400;
font-size: min(max(12px,0.68vw),13px);
line-height: 160%;
background: #EDF1F4;
border-radius: 50px;
padding: 6px 20px;
}
#sectors_ai .sector .sector-text {
font-weight: 300;
font-size: min(max(15px,1.08vw),17px);
color: #373737;
max-width: 40ch;
text-wrap: balance;
margin-top: 2em;
margin-bottom: 1.5em;
}
#sectors_ai .sector .sector-text ul {
list-style-position: inside;
margin-top: 1em;
}
#faq_ai {
padding: var(--p-120) 0;
}
#faq_ai .faq-title {
font-weight: 400;
font-size: var(--fs-xxl);
line-height: 120%;
text-wrap: balance;
}
.accordion {
padding-top: calc(var(--p-120) * 0.66);
}
.accordion .card {
border: 0;
border-bottom: 1px solid #ccc;
border-radius: 0;
background: transparent;
}
.accordion .card-header {
font-weight: 400;
font-size: min(max(18px,1.48vw),26px);
line-height: 140%;
text-wrap: balance;
padding: 1em 0;
background: transparent;
border: 0;
}
.accordion .card-header h2 {
margin-bottom: 0;
}
.accordion .card-header .btn-link {
position: relative;
font-size: 16px;
font-weight: 400;
color: #000;
border: 0;
padding: 0;
text-decoration: none;
background: transparent !important;
box-shadow: none !important;
width: 100%;
text-align: left;
}
.accordion .card-header .btn-link::after {
content: '';
width: 1.25rem;
height: 1.25rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(-180deg);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform 0.2s ease-in-out;
}
.accordion .card-header .btn-link.collapsed::after {
transform: translateY(-50%) rotate(0deg);
}
.accordion .card-header .btn-link:hover,
.accordion .card-header .btn-link:focus {
color: inherit;
text-decoration: none;
box-shadow: none;
outline: none;
}
.accordion .card-header .btn-link:not(.collapsed) {
color: inherit;
background: transparent;
box-shadow: none;
}
.accordion .card-body {
font-weight: 300;
padding-top: 0;
padding-bottom: 2em;
max-width: 100ch;
} .gform_required_legend {
display: none;
}
.gfield_description a {
text-decoration: underline;
}
.gform-theme {
--gf-radius: 12px !important;
--gf-font-weight-secondary: 400 !important;
--gf-color-primary: #fff !important;
--gf-color-primary-rgb: 208,208,208 !important;
--gf-color-primary-contrast: #fff !important;
--gf-color-primary-darker: #fff !important;
--gf-color-primary-light: #fff !important;
--gf-ctrl-bg-color: transparent !important;
--gf-ctrl-shadow: none !important;
--gf-ctrl-radius: 0px !important;
--gf-ctrl-outline-width-focus: none !important;
--gf-ctrl-border-color: rgba(255, 255, 255, 0.25) !important;
--gf-ctrl-size-md: 48px !important;
--gf-color-in-ctrl: transparent !important;
--gf-color-in-ctrl-contrast: #fff !important;
--gf-color-in-ctrl-primary: currentColor !important;
--gf-ctrl-label-color-primary: currentColor !important;
--gf-ctrl-label-color-secondary: currentColor !important;
--gf-ctrl-shadow-focus: none !important;
--gf-ctrl-btn-padding-x: 2em !important;
--gf-form-footer-margin-y-start: 32px !important;
--gf-ctrl-label-color-req: currentColor !important;
--gf-form-gap-y: 20px !important;
--gf-form-gap-x: 12px !important;
--gf-ctrl-btn-radius: 0px !important;
--gf-ctrl-btn-padding-x: 1.44em !important;
--gf-ctrl-btn-padding-y: 1em !important;
--gf-ctrl-btn-font-weight: 400 !important;
--gf-ctrl-btn-font-size: var(--fs-xs) !important;
--gf-ctrl-btn-color-primary: var(--white) !important;
--gf-ctrl-btn-color-hover-primary: var(--white) !important;
--gf-ctrl-btn-color-focus-primary: var(--white) !important;
--gf-ctrl-btn-text-transform: none !important;
--gf-ctrl-btn-bg-color-primary: #1A1A1A !important;
--gf-ctrl-btn-bg-color-hover-primary: #2a2a2a !important;
--gf-ctrl-btn-bg-color-focus-primary: #333333 !important;
--gf-ctrl-btn-border-color-primary: #1A1A1A !important;
--gf-ctrl-btn-border-color-hover-primary: #242424 !important;
--gf-ctrl-btn-border-color-focus-primary: #242424 !important;
}
.gfield_consent_label a {
text-decoration: underline;
}
.gfield_consent_label .gfield_required_text {
padding-left: 0.4em;
}
.gform_drop_area::before {
display: none !important;
}
.gform-theme--framework input[type="text"],
.gform-theme--framework input[type="email"],
.gform-theme--framework input[type="tel"],
.gform-theme--framework textarea {
--gf-local-border-width: 0 !important;
padding-left: 0 !important;
border-bottom: var(--gf-ctrl-border-width) solid var(--gf-ctrl-border-color) !important;
}
.gform-theme--framework input[type="text"]:focus,
.gform-theme--framework input[type="email"]:focus,
.gform-theme--framework input[type="tel"]:focus,
.gform-theme--framework textarea:focus {
--gf-local-outline-width: 0px !important;
--gf-ctrl-border-color: #fff !important;
}
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
max-width: 100%;
}
#cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
background-color: #0c0c0d;
} @media screen and (min-width:768px) {
.container {
max-width: 768px;
padding-right: 60px !important;
padding-left: 60px !important;
}
#cases .case-txt-wrapper {
padding-right: 45px;
padding-left: 45px;
}
#cases .case .case-tt,
#about .about-tt,
#services .about-tt,
#contacts .about-tt {
margin-bottom: 30px;
}
#cases .case .case-txt {
font-size: 16px;
line-height: 180%;
}
#cases .case .case-cat {
font-size: 13px;
}
#cases .case .more-inline {
font-size: 12px;
}
#cases .case .case-tt,
#about .about-tt,
#services .about-tt,
#contacts .about-tt {
font-size: 45px;
margin-bottom: 40px;
}
#cases .case + .case {
margin-top: 170px;
}
#cases .case .case-figure {
margin-bottom: 30px;
}
#hero .tt {
font-size: 80px;
}
#hero .txt {
font-size: 17px;
max-width: 90%;
margin: 45px 0 75px;
}
#about .side-tt,
#contacts .side-tt,
#services .side-tt {
font-size: 12px;
margin-bottom: 95px;
}
#about .main-txt,
#contacts .main-txt,
#services .main-txt {
font-size: 17px;
line-height: 180%;
}
#cases .case .more-inline,
#about .more-inline,
#services .more-inline {
font-size: 12px;
}
#cases .case .more-inline,
#about .more-inline,
#services .more-inline {
padding-top: 20px;
}
#about .more-inline,
#services .more-inline {
margin-top: 60px;
}
#contacts .side-tt {
padding-right: 45px;
padding-left: 45px;
}
#contacts .container .row .col-figure .about-tt {
padding-right: 60px;
padding-left: 60px;
}
#contacts .txt-wrapper {
padding-right: 45px;
padding-left: 45px;
font-size: 12px;
line-height: 180%;
}
footer .copy,
footer .privacy,
footer .privacy a {
font-size: 11px;
}
#services .main-txt strong {
font-size: 16px;
}
#pop_up .pop-container {
padding: 30px;
}
#benefit_ai .wrapper .col-md {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
#benefit_ai .wrapper .col-md:last-child {
border-right: none;
}
#benefit_ai .wrapper .sep {
height: 100%;
width: 1px;
margin: auto min(max(20px,2vw),50px);
}
#focus_ai .row-fcards {
margin-right: -8px;
margin-left: -8px;
}
#focus_ai .row-fcards .col-md {
padding-left: 8px;
padding-right: 8px;
}
}
@media screen and (min-width:992px) {
.container {
max-width: 960px !important;
padding-right: 15px !important;
padding-left: 15px !important;
}
#drawer {
display: none;
}
#header_main {
padding: 20px 0;
}
#main_navbar {
font-weight: 400;
font-size: 16px;
line-height: 72%;
}
#main_navbar li {
margin-left: 30px;
}
#main_navbar li a {
font-size: 12px;
letter-spacing: 3px;
font-weight: 700;
text-transform: uppercase;
}
#hero .txt {
max-width: 70%;
}
#cases .container,
#contacts .container {
padding-right: 15px !important;
padding-left: 15px !important;
}
#cases .container .row,
#contacts .container .row {
margin-right: -15px;
margin-left: -15px;
}
#cases .container .row .col-figure,
#contacts .container .row .col-figure {
margin-right: auto;
margin-left: auto;
}
#cases .container .row .col-figure,
#contacts .container .row .col-figure {
padding-right: 15px;
padding-left: 15px;
}
#cases .case .case-figure {
margin-bottom: 0;
}
#cases .case-txt-wrapper {
padding-right: 0;
padding-left: 0;
}
#cases .case .case-cat {
font-size: 11px;
}
#cases .case .case-tt,
#about .about-tt,
#services .about-tt,
#contacts .about-tt {
font-size: 35px;
margin-bottom: 60px;
}
#cases .case .case-tt {
margin-bottom: 20px;
}
#cases .case .case-txt {
font-size: 14px;
line-height: 160%;
margin-bottom: 30px;
}
#cases .case .more-inline,
#about .more-inline,
#services .more-inline {
font-size: 11px;
padding-top: 15px;
}
#about .main-txt,
#contacts .main-txt,
#services .main-txt {
font-size: 15px;
line-height: 160%;
}
#about .main-txt p,
#contacts .main-txt p,
#services .main-txt p {
margin-bottom: 25px;
}
#about .more-inline,
#services .more-inline {
margin-top: 0;
padding-top: 0;
border-top: none;
}
#about .side-tt,
#contacts .side-tt,
#services .side-tt {
font-size: 11px;
margin-bottom: 0;
}
#contacts .side-tt {
padding-right: 0;
padding-left: 0;
}
#contacts .container .row .col-figure .about-tt {
padding-right: 0;
padding-left: 0;
}
#contacts .txt-wrapper {
font-size: 11px;
line-height: 180%;
padding-right: 0;
padding-left: 0;
margin-bottom: 0;
text-transform: uppercase;
}
#contacts .txt-wrapper .txt {
margin-bottom: 20px;
}
footer .copy,
footer .privacy,
footer .privacy a {
font-size: 10px;
}
.hide-mobile {
display: flex;
}
#nw_nav {
display: flex;
}
#contacts #map {
margin-bottom: 60px;
}
.loop-item .loop-meta {
margin-bottom: 25px;
}
}
@media screen and (min-width:1200px) {
.container {
max-width: 1260px !important;
}
#header_main {
padding: 25px 0;
}
#nw_nav ul li a .label {
display: block;
white-space: nowrap;
position: absolute;
top: 0;
right: 15px;
font-size: 12px;
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
transition: all 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-moz-transition: all 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-webkit-transition: all 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
-o-transition: all 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#nw_nav ul li a:hover .label {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#nw_nav ul li.active a .label {
color: #338AFF;
}
#hero .tt {
font-size: 86px;
}
#hero .txt {
font-size: 20px;
line-height: 180%;
max-width: 730px;
margin: 60px 0 90px;
}
#hero .more-inline {
font-size: 12px;
}
#about .about-tt,
#services .about-tt,
#contacts .about-tt {
font-size: 49px;
}
#about .more-inline,
#services .more-inline {
color: #a4a4a4;
}
footer .copy,
footer .privacy,
footer .privacy a {
font-size: 11px;
}
#contacts .txt-wrapper {
font-size: 11px;
}
#about .main-txt,
#contacts .main-txt,
#services .main-txt {
font-size: 16px;
line-height: 180%;
}
#cases .case .case-txt {
font: 15px;
} .awwwards-badge {
height: 36px;
min-width: 36px;
}
.awwwards-badge .a-dot {
height: 36px;
min-width: 36px;
background-size: 20px auto;
}
.awwwards-badge .a-nominee {
width: 0;
transition: width 600ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.awwwards-badge:hover .a-nominee,
.awwwards-badge:focus .a-nominee {
width: 86px;
}
#post .title {
font-size: 57px;
line-height: 120%;
margin-bottom: 35px;
}
#post .subtitle {
line-height: 120%;
font-size: 32px;
}
#post .content h3 {
font-size: 32px;
margin-top: 100px;
margin-bottom: 40px;
}
#post .content {
font-size: 19px;
}
}
@media screen and (min-width: 1600px) {
.container {
max-width: 1560px !important;
}
#header_main {
padding: 28px 0;
}
#hero .tt {
font-size: 114px;
}
#hero .txt {
font-size: 24px;
margin-top: 60px;
max-width: 920px;
margin: 75px 0 105px;
}
#hero .more-inline {
font-size: 14px;
}
#cases .case .case-tt,
#about .about-tt,
#services .about-tt,
#contacts .about-tt {
font-size: 45px;
}
#cases .case .case-tt {
margin-bottom: 40px;
}
#cases .case .case-txt {
font-size: 15px;
line-height: 180%;
margin-bottom: 60px;
}
#cases .case .more-inline {
font-size: 10px;
}
#cases .case + .case {
margin-top: 350px;
}
#about .about-tt,
#services .about-tt,
#contacts .about-tt {
font-size: 51px;
}
#contacts .txt-wrapper .txt {
margin-bottom: 25px;
}
#contacts .txt-wrapper {
font-size: 11px;
}
}  @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.spinner {
width: 50px;
height: 16px;
text-align: center;
font-size: 10px;
position: relative;
top: 50%;
margin: -8px auto 100px;
}
.spinner > div {
background-color: #666;
height: 100%;
width: 1px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4)
}
20% {
-webkit-transform: scaleY(1.0)
}
}
@keyframes stretchdelay {
0%,
40%,
100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}  .revInLeft {
-webkit-animation-name: revInLeft;
animation-name: revInLeft;
}
.revInRight {
-webkit-animation-name: revInRight;
animation-name: revInRight;
}
.revInUp {
-webkit-animation-name: revInUp;
animation-name: revInUp;
}
.revInDown {
-webkit-animation-name: revInDown;
animation-name: revInDown;
}
.revInLeftSkew {
-webkit-animation-name: revInLeftSkew;
animation-name: revInLeftSkew;
}
.revInRightSkew {
-webkit-animation-name: revInRightSkew;
animation-name: revInRightSkew;
}
.revInCircle {
-webkit-animation-name: revInCircle;
animation-name: revInCircle;
}
.revInArrowL {
-webkit-animation-name: revInArrowL;
animation-name: revInArrowL;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.revInArrowR {
-webkit-animation-name: revInArrowR;
animation-name: revInArrowR;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
} @-webkit-keyframes revInLeft {
from {
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@keyframes revInLeft {
from {
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
} @-webkit-keyframes revInRight {
from {
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@keyframes revInRight {
from {
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
} @-webkit-keyframes revInUp {
from {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@keyframes revInUp {
from {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
} @-webkit-keyframes revInDown {
from {
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}
to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@keyframes revInDown {
from {
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}
to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
} @-webkit-keyframes revInLeftSkew {
0% {
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
50% {
-webkit-clip-path: polygon(0 0, 95% 0, 5% 100%, 0% 100%);
clip-path: polygon(0 0, 95% 0, 5% 100%, 0% 100%);
}
100% {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@keyframes revInLeftSkew {
0% {
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
50% {
-webkit-clip-path: polygon(0 0, 95% 0, 5% 100%, 0% 100%);
clip-path: polygon(0 0, 95% 0, 5% 100%, 0% 100%);
}
100% {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
} @-webkit-keyframes revInRightSkew {
0% {
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
50% {
-webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 95% 100%);
clip-path: polygon(5% 0, 100% 0, 100% 100%, 95% 100%);
}
100% {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@keyframes revInRightSkew {
0% {
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
50% {
-webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 95% 100%);
clip-path: polygon(5% 0, 100% 0, 100% 100%, 95% 100%);
}
100% {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
} @-webkit-keyframes revInCircle {
from {
-webkit-clip-path: circle(0% at 50% 50%);
clip-path: circle(0% at 50% 50%);
}
to {
-webkit-clip-path: circle(80% at 50% 50%);
clip-path: circle(80% at 50% 50%);
}
}
@keyframes revInCircle {
from {
-webkit-clip-path: circle(0% at 50% 50%);
clip-path: circle(0% at 50% 50%);
}
to {
-webkit-clip-path: circle(80% at 50% 50%);
clip-path: circle(80% at 50% 50%);
}
} @-webkit-keyframes revInArrowL {
0% {
-webkit-clip-path: polygon(0 35%, 0 50%, 0 65%, 0 100%, 0 100%, 0 0, 0 0);
clip-path: polygon(0 35%, 0 50%, 0 65%, 0 100%, 0 100%, 0 0, 0 0);
}
100% {
-webkit-clip-path: polygon(100% 40%, 92% 50%, 100% 60%, 100% 100%, 0 100%, 0 0, 100% 0);
clip-path: polygon(100% 40%, calc(100% - 45px) 50%, 100% 60%, 100% 100%, 0 100%, 0 0, 100% 0);
}
}
@keyframes revInArrowL {
0% {
-webkit-clip-path: polygon(0 35%, 0 50%, 0 65%, 0 100%, 0 100%, 0 0, 0 0);
clip-path: polygon(0 35%, 0 50%, 0 65%, 0 100%, 0 100%, 0 0, 0 0);
}
100% {
-webkit-clip-path: polygon(100% 40%, 92% 50%, 100% 60%, 100% 100%, 0 100%, 0 0, 100% 0);
clip-path: polygon(100% 40%, calc(100% - 45px) 50%, 100% 60%, 100% 100%, 0 100%, 0 0, 100% 0);
}
} @-webkit-keyframes revInArrowR {
0% {
-webkit-clip-path: polygon(100% 40%, 100% 50%, 100% 60%, 100% 100%, 100% 100%, 100% 0, 100% 0);
clip-path: polygon(100% 40%, 100% 50%, 100% 60%, 100% 100%, 100% 100%, 100% 0, 100% 0);
}
100% {
-webkit-clip-path: polygon(0 40%, 8% 50%, 0 60%, 0 100%, 100% 100%, 100% 0, 0 0);
clip-path: polygon(0 40%, 45px 50%, 0 60%, 0 100%, 100% 100%, 100% 0, 0 0);
}
}
@keyframes revInArrowR {
0% {
-webkit-clip-path: polygon(100% 40%, 100% 50%, 100% 60%, 100% 100%, 100% 100%, 100% 0, 100% 0);
clip-path: polygon(100% 40%, 100% 50%, 100% 60%, 100% 100%, 100% 100%, 100% 0, 100% 0);
}
100% {
-webkit-clip-path: polygon(0 40%, 8% 50%, 0 60%, 0 100%, 100% 100%, 100% 0, 0 0);
clip-path: polygon(0 40%, 45px 50%, 0 60%, 0 100%, 100% 100%, 100% 0, 0 0);
}
}