@charset "utf-8";
@font-face {
  font-family: arialLight;
  src: url(fonts/ArialNova-Light.woff);
}
@font-face {
  font-family: arialNova;
  src: url(fonts/ArialNova.woff);
}
html,body {margin:0; padding:0; overflow-x: hidden;}
body {background-color:#fff;max-width:100%;overflow-x:hidden;color: #000;font-family: arialNova,Helvetica,sans-serif;font-weight: 400;font-style: normal;letter-spacing: 0em;text-transform: none;line-height: 1.3em;font-size: 1rem;line-height: 1.3}
a {color: inherit; text-decoration:none; cursor:pointer; border:none; position:relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease}
.wrap {width:100%;max-width:1200px;display:block;display:inline-block;position:relative}
.t-left {text-align:left}
.t-right {text-align:right}
.t-center {text-align:center}
.clear {clear:both}
.h10 {height:10px}
.h20 {height:20px}
.h40 {height:40px}
h1,h2,h3,h4,h5 {font-family:arialLight; font-weight:700}
p {font-size:18px}
header {width:100%;display:block;background:#fff;top:0;left:0;position:absolute;position:fixed; z-index:10}
.wrap.header-wrap {padding:calc(1.8vw + 1px) 0 calc(1.8vw + 3px)}
.header-logo, .header-nav {display:inline-block;position:relative;vertical-align:middle}
.header-nav {width:calc(100% - 220px)}
.header-nav a {dispalay:inline-block;padding-left:2vw;font-size:13px}
main, article, section, footer {position:relative}
main, footer {text-align:center}
.baner {width:100%;display:block;position:relative; background-color:#1a1a1a;background-color:#929191}
#title-section{margin-top:117px}
.full-height {height:calc(100vh - 117px); overflow:hidden}
.real-full-height {min-height:100vh;box-sizing:border-box; vertical-align:middle;display:flex;justify-content: center;align-items: center}
._1n2-height {height:50vh;overflow:hidden}
._2n3-height {height:66vh;overflow:hidden}
._1n3-height {height:33vh;overflow:hidden}
._1n4-height {height:25vh;overflow:hidden}
.baner .baner-background {width:100%;height:100%; top:0;left:0;position:absolute;z-index:1; overflow:hidden}
.baner .baner-background img {width:100%; height:auto;top:50%; left:50%; position:absolute; transform:translate(-50%,-50%) }
h1 {width:calc(100% - 20px); padding-right:10px; box-sizing:border-box;vertical-align:middle;margin:0;display:block;font-size:60px}
#anim-baner {top:50%; left:50%; position:absolute; transform:translate(-50%,-50%); margin-top:5vh}
#anim-baner span {vertical-align:middle;display:block}
h2,h3 {margin:0; vertical-align:inherit}
h3 {font-size:35px;padding-right:260px}
h3 strong {font-weight:400}
h3 span {font-size:0.5em; display:block; margin-top:-0.1em; font-family:arialNova}
.va-top {vertical-align:text-top}
.va-bottom {vertical-align:baseline}
.va-center {vertical-align:middle;margin:auto 0}
.bottom {bottom:0;left:0;width:100%;position:absolute}
.white {color:#fff}

.section-content {padding:5vmax 0;position:relative;z-index:2; text-align:left}
.real-full-height .section-content {}
.no-padding {padding:0}
.section-content.small-padding {padding:5vmax 0}
.section-content ul, .section-content ul li {position:relative; padding-left:0; list-style:none; width:100%; box-sizing:border-box}
.section-content ul li {padding-left: 12px}
.section-content ul li::before {content:'';display:block;left:0;top:9px;position:absolute;width:4px;height:4px; border-radius:50%;background:#000}
.w50p, .w40p, .w60p, .w20p, .w33p {width:50%;display:block;display:inline-block; box-sizing:border-box;vertical-align:inherit}
.w50p:first-child, .w40p:first-child, .w60p:first-child {padding-right:2vw}
.w50p:last-child:not(:first-child), .w40p:last-child:not(:first-child), .w60p:last-child:not(:first-child) {padding-left:84px}
.w40p {width:40%}
.w60p {width:60%}
.w40p img {width:76%; height:auto}
.w20p {width:20%;padding-right:2vw;min-width:200px}
.w33p {width:33%;padding-right:2vw;min-width:250px}
.w33p p {font-size:14px}
.more {font-size:.75rem; padding-top:2.5vmax}
.more a {padding: .1rem .167rem; border-bottom:2px solid #121212}
.more a:hover {background:#121212; color:#fff}


animated.slow {-webkit-animation-duration: 1s;animation-duration: 1s}
footer {background:#121212;color:#fff;font-size:12px; line-height:17px}
footer p {font-size:12px}
footer .section-content {padding:2vmax}
footer a {display:block;text-decoration:underline}
.big-title-90 {font-size:90px}
.big-title-70 {font-size:70px}
.big-title-60 {font-size:60px}
.big-title-48 {font-size:48px}
.big-text-35 {font-size:35px; font-family:arialLight}
#menu-triger {width:35px;height:35px;display:none;top:50%;right:20px;position:absolute;margin-top:-18px;z-index:10}
#menu-triger::before, #menu-triger::after {content:'';display:block;top:50%;left:0;position:absolute; width:100%;height:1px;background:#000; transform-origin:center;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease}
#menu-triger::before {top:33%}
#menu-triger::after {top:66%}
.active .header-nav {display:block}
.active #menu-triger::before {transform:rotate(45deg);margin-top:6px}
.active #menu-triger::after {transform:rotate(-45deg);margin-top:-6px}

.stop-scroling {}
.w40p img.p-2 {display:none}

.line-list {font-size:18px;width:100%; max-width:800px; margin:5vmax auto 0}
.line-list .line {width:100%; border-top:1px solid #000}
.line-list .line:last-child {border-bottom:1px solid #000}
.line-list .line a {padding:1.5em 0; padding-right:20px; position:relative;font-weight:400;width:100%;box-sizing:border-box;display:block}
.line-list .line a::before, .line-list .line a::after {content:'';display:block;top:50%;right:0px;position:absolute; width:14px;height:1px;background:#000; transform-origin:center;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease}
.line-list .line a::after {transform:rotate(90deg)}
.line-list .line.active a::after {transform:rotate(0deg)}

.line-list ul {padding:0 1em 1em; color:#4b4c4c}
.line-list ul:first-of-type {margin-top:-0.4em}
.line-list ul li {line-height:2em}
.line-list ul li::before {top:17px; background:#4b4c4c}
.sub h1 {color:inherit; margin:-1.5em auto 0.75em; max-width:800px;}
.sub p {max-width:800px; margin:1em auto}
.no-margin-top p:first-of-type {margin-top:0}
.bigger-margins p {margin:1.5em auto}
.bigger-margins p strong {line-height:2em}
.razem {white-space: nowrap}
.broader-perspective {font-family:arialLight; font-weight:400}
.details-matter {font-weight:400}
h3.name-title span {font-weight:700}
.wired-padding {font-weight:400;padding:5vmax 0;padding-right: 220px;}
.f14 {font-size:14px}
@media (orientation: landscape) {
	.wrap.header-wrap {padding:1.8vw 0 1.8vw}
	.broader-perspective {padding-right:288px}
	.details-matter {padding-right:40%}
}
@media (orientation: portrait) {
 #menu-triger {display:block}
 .header-nav {top:52px;left:0;position:absolute;position:fixed;width:100%;height:calc(100vh - 52px);background:#fff; text-align:left; vertical-align:middle;display:none}
 .active .header-nav {display:block}
 .header-nav a {font-size:36px; padding:8px 22px; margin:4px 0; width:100%;display:block;display:inline-block; vertical-align:middle; font-weight:400; font-family:arialNova}
 .header-nav a b {font-family:arialNova}
 .header-nav a:first-child {margin-top:40vh}
 .baner-background img {height:110% !important; width:auto !important}
 h1 {line-height:120%}
 .w50p {width:100%; padding:1vmax !important; margin:2vmax auto}
 .wrap {padding-left:22px !important; padding-right:18px !important; box-sizing:border-box}
 .no-mobile {display:none !important}
 .header-logo img {height:30px; width:auto; padding:4px 0px 0}
 .more-wrap {padding-bottom:0}
 .more-wrap h2 {margin-top:-1em}
  #anim-baner {margin-left:18px}
  .full-height {height:calc(100vh - 51px)}
  #title-section {margin-top:51px}
  .shoes {padding-top:6vh;padding-bottom:6vh}
  .sub h1 {color:inherit; margin:-1.5em 0 0.75em}
}
@media (max-width: 1210px) {
	.wrap {padding-left:22px !important; padding-right:18px !important; box-sizing:border-box}
}
@media (max-width: 1020px) and (min-width: 801px) {
	h1 {font-size:60px}
	h2 {font-size:48px}
	h3 {font-size:32px; padding-right:0}
	h3.name-title {font-size:34px}
	.big-title-90 {font-size:64px}
	.big-title-70 {font-size:56px}
	.big-title-60 {font-size:52px}
	.big-title-48 {font-size:42px}
	.big-text-35 {font-size:26px;font-family:inherit}
}
@media (max-width: 800px) {
	.w50p, .w40p, .w60p {width:100%; padding:0 !important}
	.w40p {padding-bottom:2vmax !important}
	.w40p img {width:100%; max-width:420px}
	.w40p img.p-2 {width:75%;display:inline-block}
	.w20p {font-size:18px}
	h1 {font-size:42px}
	h2 {font-size:40px}
	h3 {font-size:24px; padding-right:0}
	h3.name-title {font-size:34px}
	h1,h2,h3 {font-weight:400; font-family:arialNova}
	.big-title-90 {font-size:52px}
	.big-title-70 {font-size:42px}
	.big-title-60 {font-size:38px}
	.big-title-48 {font-size:36px}
	.big-text-35 {font-size:22px;font-family:inherit}
	footer {padding-bottom:1vh}
	footer p {width:100%;display:block;display:inline-block}
	h3 strong {font-size:0.75em}
	.wired-padding {padding:0}
	#anim-baner {margin-top:calc(5vh + 42px);padding-right:20px}
	.bigger-margins p {margin: 0.75em auto;}
	.broader-perspective {font-family:arialNova}
}
@media (max-width: 1024px) {.header-logo img {height:30px; width:auto; padding:4px 0px 0}}
@media (max-width: 1020px) and (min-width: 822px) {
.w20p {width:calc(25% - 1vw);padding-right:1vw	}
}
@media (max-width: 821px) and (min-width: 622px) {
.w20p {width:calc(33% - 1vw);padding-right:1vw	}
.w33p {width:calc(50% - 1vw);padding-right:1vw}
}
@media (max-width: 621px) and (min-width: 401px) {
.w20p {width:calc(50% - 1vw);padding-right:1vw}
.w33p {width:100%; padding-right:0}	
}
@media (max-width: 400px) {
.w20p, .w33p {width:100%; padding-right:0}	
}