a, html {
-webkit-font-smoothing:antialiased!important;
}
.pointer, button {
cursor:pointer
}
.clearfix, html[xmlns] .clearfix {
display:block
}
.embed-video, .overflowH {
overflow:hidden
}
.overflowHX, body {
overflow-x:hidden
}
.flexcenter, .page-home {
-webkit-box-align:center
}
.bearheader--burger>div>div>div, .bearheader--refresh {
-webkit-backface-visibility:hidden;
-webkit-perspective:1000
}
.bearheader--text, .uppercase {
text-transform:uppercase
}
.bearnav--nav ul li a, .btn-dropdown--dropdown a, .footcontrol--cta, .homenav--nav ul li a, .markup a, .projects--item, .references--item, .talents--item, .team--item, .teamover--item-markup a {
text-decoration:none
}
@font-face {
font-family:DINPro;
src:url(../fonts/DINPro-Bold.eot);
src:url(../fonts/DINPro-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINPro-Bold.woff2) format("woff2"), url(../fonts/DINPro-Bold.woff) format("woff"), url(../fonts/DINPro-Bold.ttf) format("truetype");
font-weight:700;
font-style:normal
}
@font-face {
font-family:DINPro;
src:url(../fonts/DINPro-Regular.eot);
src:url(../fonts/DINPro-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts/DINPro-Regular.woff2) format("woff2"), url(../fonts/DINPro-Regular.woff) format("woff"), url(../fonts/DINPro-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Kessel 105';
src:url(../fonts/Kessel105-Bold.eot);
src:url(../fonts/Kessel105-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Kessel105-Bold.woff2) format("woff2"), url(../fonts/Kessel105-Bold.woff) format("woff"), url(../fonts/Kessel105-Bold.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Bauer Bodoni Std';
src:url(../fonts/BauerBodoniStd-Italic.eot);
src:url(../fonts/BauerBodoniStd-Italicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/BauerBodoniStd-Italic.woff2) format("woff2"), url(../fonts/BauerBodoniStd-Italic.woff) format("woff"), url(../fonts/BauerBodoniStd-Italic.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:DINPro;
src:url(../../work/fonts/DINPro-Bold.eot);
src:url(../../work/fonts/DINPro-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../../work/fonts/DINPro-Bold.woff2) format("woff2"), url(../../work/fonts/DINPro-Bold.woff) format("woff"), url(../../work/fonts/DINPro-Bold.ttf) format("truetype");
font-weight:700;
font-style:normal
}
@font-face {
font-family:DINPro;
src:url(../../work/fonts/DINPro-Regular.eot);
src:url(../../work/fonts/DINPro-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../../work/fonts/DINPro-Regular.woff2) format("woff2"), url(../../work/fonts/DINPro-Regular.woff) format("woff"), url(../../work/fonts/DINPro-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Kessel 105';
src:url(../../work/fonts/Kessel105-Bold.eot);
src:url(../../work/fonts/Kessel105-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../../work/fonts/Kessel105-Bold.woff2) format("woff2"), url(../../work/fonts/Kessel105-Bold.woff) format("woff"), url(../../work/fonts/Kessel105-Bold.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Bauer Bodoni Std';
src:url(../../work/fonts/BauerBodoniStd-Italic.eot);
src:url(../../work/fonts/BauerBodoniStd-Italicd41d.eot?#iefix) format("embedded-opentype"), url(../../work/fonts/BauerBodoniStd-Italic.woff2) format("woff2"), url(../../work/fonts/BauerBodoniStd-Italic.woff) format("woff"), url(../../work/fonts/BauerBodoniStd-Italic.ttf) format("truetype");
font-weight:400;
font-style:normal
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
margin:0;
padding:0;
border:0;
vertical-align:baseline;
font-style:inherit;
}
ol, ul {
list-style:none
}
h1, h2, h3, h4, h5, h6 {
font-weight:400
}
html {
font-size:100%
}
a {
color:inherit
}
button {
border:none;
font-size:16px;
font-size:1rem
}
.bearheader, .theme--black .bearheader {
border-bottom:1px solid rgba(255, 255, 255, .1)
}
button, input {
border-radius:0
}
.cursorDefault {
cursor:default
}
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
.ie10.theme--black .home--bg div:before, .ie10.theme--polar .home--bg div:before, .simplifiedVersion.theme--black .home--bg div:before, .simplifiedVersion.theme--polar .home--bg div:before {
content:none
}
* html .clearfix {
height:1%
}
.dnone {
display:none
}
.ib {
display:inline-block
}
.b, .bold, b {
font-weight:700
}
.i, .italic {
font-style:italic
}
.txt_center {
text-align:center
}
.txt_right {
text-align:right
}
.txt_left {
text-align:left
}
.bearheader--burger, .bearnav--nav, .footcontrol--inner, .footsoc {
text-align:center
}
.smallcaps {
font-variant:small-caps
}
.opa0 {
opacity:0
}
.opa1 {
opacity:1
}
/*.theme--black body, body{
background: #1d1d1B!important;
color: #fff;}*/
.unselect {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
*, :after, :before {
box-sizing:border-box
}
.rel {
position:relative
}
.abs {
position:absolute
}
.fix {
position:fixed
}
.auto {
margin-left:auto;
margin-right:auto
}
.overflowHY {
overflow-y:hidden
}
.pad0 {
padding:0
}
.pad10 {
padding:10px
}
.pad20 {
padding:20px
}
.pad30 {
padding:30px
}
.pad40 {
padding:40px
}
.padw0 {
padding-left:0;
padding-right:0
}
.padw10 {
padding-left:10px;
padding-right:10px
}
.padw20 {
padding-left:20px;
padding-right:20px
}
.padw30 {
padding-left:30px;
padding-right:30px
}
.padw40 {
padding-left:40px;
padding-right:40px
}
.padh0 {
padding-top:0;
padding-bottom:0
}
.padh10 {
padding-top:10px;
padding-bottom:10px
}
.padh20 {
padding-top:20px;
padding-bottom:20px
}
.padh30 {
padding-top:30px;
padding-bottom:30px
}
.padh40 {
padding-top:40px;
padding-bottom:40px
}
.padt0 {
padding-top:0
}
.padt10 {
padding-top:10px
}
.padt20 {
padding-top:20px
}
.padt30 {
padding-top:30px
}
.padt40 {
padding-top:40px
}
.padb0 {
padding-bottom:0
}
.padb10 {
padding-bottom:10px
}
.padb20 {
padding-bottom:20px
}
.padb30 {
padding-bottom:30px
}
.padb40 {
padding-bottom:40px
}
.padl0 {
padding-left:0
}
.padl10 {
padding-left:10px
}
.padl20 {
padding-left:20px
}
.padl30 {
padding-left:30px
}
.padl40 {
padding-left:40px
}
.padr0 {
padding-right:0
}
.padr10 {
padding-right:10px
}
.padr20 {
padding-right:20px
}
.padr30 {
padding-right:30px
}
.padr40 {
padding-right:40px
}
.mar0 {
margin:0
}
.mar10 {
margin:10px
}
.mar20 {
margin:20px
}
.mar30 {
margin:30px
}
.mar40 {
margin:40px
}
.marw0 {
margin-left:0;
margin-right:0
}
.marw10 {
margin-left:10px;
margin-right:10px
}
.marw20 {
margin-left:20px;
margin-right:20px
}
.marw30 {
margin-left:30px;
margin-right:30px
}
.marw40 {
margin-left:40px;
margin-right:40px
}
.marh0 {
margin-top:0;
margin-bottom:0
}
.marh5 {
margin-top:5px;
margin-bottom:5px
}
.marh10 {
margin-top:10px;
margin-bottom:10px
}
.marh20 {
margin-top:20px;
margin-bottom:20px
}
.marh30 {
margin-top:30px;
margin-bottom:30px
}
.marh40 {
margin-top:40px;
margin-bottom:40px
}
.mart0 {
margin-top:0
}
.mart10 {
margin-top:10px
}
.mart20 {
margin-top:20px
}
.mart30 {
margin-top:30px
}
.mart40 {
margin-top:40px
}
.marb0 {
margin-bottom:0
}
.marb10 {
margin-bottom:10px
}
.marb20 {
margin-bottom:20px
}
.marb30 {
margin-bottom:30px
}
.marb40 {
margin-bottom:40px
}
.marl0 {
margin-left:0
}
.marl10 {
margin-left:10px
}
.marl20 {
margin-left:20px
}
.marl30 {
margin-left:30px
}
.marl40 {
margin-left:40px
}
.marr0 {
margin-right:0
}
.marr10 {
margin-right:10px
}
.marr20 {
margin-right:20px
}
.marr30 {
margin-right:30px
}
.marr40 {
margin-right:40px
}
.embed-video {
position:relative;
padding-bottom:56.25%;
padding-top:25px;
height:0
}
.embed-video iframe, body, html {
height:100%;
width:100%
}
.embed-video iframe {
margin:auto;
position:absolute;
top:0;
left:0;
right:0
}
.global-container, .page-container, .page-content, body, html {
position:relative
}
@-webkit-keyframes rotate360 {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotate360 {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes fromy-100 {
0% {
-webkit-transform:translateZ(0) translateY(-100%);
transform:translateZ(0) translateY(-100%)
}
100% {
-webkit-transform:translateZ(0) translateY(0);
transform:translateZ(0) translateY(0)
}
}
@keyframes fromy-100 {
0% {
-webkit-transform:translateZ(0) translateY(-100%);
transform:translateZ(0) translateY(-100%)
}
100% {
-webkit-transform:translateZ(0) translateY(0);
transform:translateZ(0) translateY(0)
}
}
@-webkit-keyframes fromy100 {
0% {
-webkit-transform:translateZ(0) translateY(100%);
transform:translateZ(0) translateY(100%)
}
100% {
-webkit-transform:translateZ(0) translateY(0);
transform:translateZ(0) translateY(0)
}
}
@keyframes fromy100 {
0% {
-webkit-transform:translateZ(0) translateY(100%);
transform:translateZ(0) translateY(100%)
}
100% {
-webkit-transform:translateZ(0) translateY(0);
transform:translateZ(0) translateY(0)
}
}
@-webkit-keyframes fromx-100 {
0% {
-webkit-transform:translateZ(0) translateX(-100%);
transform:translateZ(0) translateX(-100%)
}
100% {
-webkit-transform:translateZ(0) translateX(0);
transform:translateZ(0) translateX(0)
}
}
@keyframes fromx-100 {
0% {
-webkit-transform:translateZ(0) translateX(-100%);
transform:translateZ(0) translateX(-100%)
}
100% {
-webkit-transform:translateZ(0) translateX(0);
transform:translateZ(0) translateX(0)
}
}
@-webkit-keyframes fromx100 {
0% {
-webkit-transform:translateZ(0) translateX(100%);
transform:translateZ(0) translateX(100%)
}
100% {
-webkit-transform:translateZ(0) translateX(0);
transform:translateZ(0) translateX(0)
}
}
@keyframes fromx100 {
0% {
-webkit-transform:translateZ(0) translateX(100%);
transform:translateZ(0) translateX(100%)
}
100% {
-webkit-transform:translateZ(0) translateX(0);
transform:translateZ(0) translateX(0)
}
}
@-webkit-keyframes opa1 {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes opa1 {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes opa0 {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes opa0 {
0% {
opacity:1
}
100% {
opacity:0
}
}
.light {
font-weight:300
}
.normal {
font-weight:400
}
.medium {
font-weight:500
}
.semibold {
font-weight:600
}
.bold {
font-weight:700
}
.extrabold {
font-weight:800
}
.black {
font-weight:900
}
::-webkit-scrollbar {
width:10px
}
::-webkit-scrollbar-track {
background:#000
}
::-webkit-scrollbar-thumb {
background:#ffd431
}
::selection {
background:#ffd94a;
color:#1d1d1b
}
::-moz-selection {
background:#ffd94a;
color:#1d1d1b
}
.theme--black {
background:#1d1d1b;
color:#fff
}
body {
font-family:DINPro, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:400;
overflow-y:scroll;
font-size:16px;
font-size:1rem
}
.bearheader--burger>span, .bearheader--text, .bearnav--nav ul li a, .footcontrol--cta-text {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.markup a, .markup b, .markup strong {
font-weight:700
}
.theme--polar {
background:#1d1d1c;
color:#fff
}
.global-container {
overflow:hidden
}
@media (max-width:992px) {
.teamover--deployed .scroll-container {
display:none
}
}
.page-container {
/*padding:20px;*/
-webkit-animation:opa1 1s;
animation:opa1 1s
}
@media only screen and (max-width:660px) {
.page-container {
padding:10px
}
}
.prehome-active .page-container {
display:none
}
.page-content {
padding-top:120px;/*min-height:calc(100vh - 40px)*/
}
.page-content-new {
padding-top:0px;
min-height:calc(100vh - 40px)
}
@media only screen and (max-width:660px) {
.page-content {
padding-top:56px
}
}
.page-content.page-home {
padding-top:0
}
.page-home {
height:calc(100vh - 20px);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
z-index:1;
background:#1d1d1b
}
/*.home--bg, .home--bg div, .home--bg div video, .home--bg div:before {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
.home--bg {
z-index:-1
}
.home--bg div {
background:center center no-repeat;
background-size:cover;
-webkit-transition:.5s;
transition:.5s;
opacity:0
}
.home--bg div.home--bg--polar {
background-color:#fff
}
.home--bg div.home--bg--black {
background-color:#1d1d1b
}
.theme--black .home--bg div.home--bg--black, .theme--polar .home--bg div.home--bg--polar {
opacity:1
}
.ie10.theme--black .home--bg div, .simplifiedVersion.theme--black .home--bg div {
background:url(../img/home--bg--black.jpg) center center no-repeat #1d1d1b;
background-size:cover;
opacity:1
}
.ie10.theme--polar .home--bg div, .simplifiedVersion.theme--polar .home--bg div {
background:url(../img/home--bg--polar.jpg) center center no-repeat #eaeaea;
background-size:cover;
opacity:1
}*/
.home--bg div:before {
content:"";
z-index:50
}
.home--bg div.home--bg--polar:before {
background-color:#fff;
opacity:.52
}
.home--bg div.home--bg--black:before {
background-color:#1d1d1b;
opacity:.89
}
.simplifiedVersion .home--bg div video {
display:none
}
@media (min-aspect-ratio:16 / 9) {
.home--bg div video {
height:300%;
top:-100%
}
}
@media (max-aspect-ratio:16 / 9) {
.home--bg div video {
width:300%;
left:-100%
}
}
.bearstrokes, .bearstrokes div {
left:0;
top:0;
pointer-events:none
}
@supports ((-o-object-fit:cover) or (object-fit:cover)) {
.home--bg div video {
width:100%;
height:100%;
top:0;
left:0;
-o-object-fit:cover;
object-fit:cover
}
}
.flexcenter {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center
}
.bearnav, .prehome {
-webkit-box-align:center
}
@media only screen and (min-width:661px) {
.smartphone-only {
display:none
}
}
@media (min-width:801px) {
.under800-only {
display:none
}
}
.bearborder div {
position:fixed;
background:#fff;
-webkit-transition:1s -webkit-transform cubic-bezier(.77, 0, .175, 1), 1s -webkit-transform cubic-bezier(.77, 0, .175, 1), .5s background cubic-bezier(.455, .03, .515, .955);
transition:1s transform cubic-bezier(.77, 0, .175, 1), 1s -webkit-transform cubic-bezier(.77, 0, .175, 1), .5s background cubic-bezier(.455, .03, .515, .955);
z-index:20000
}
.theme--black .bearborder div {
background:#fff
}
.theme--polar .bearborder div {
background:#fff
}
.bearborder div:nth-child(1) {
top:0;
left:0;
width:100%;
height:20px;
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
@media only screen and (max-width:660px) {
.bearborder div:nth-child(1) {
height:10px
}
}
.site--loaded .bearborder div:nth-child(1) {
-webkit-transform:none;
transform:none
}
.bearborder div:nth-child(2) {
top:0;
right:0;
width:20px;
height:100%;
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
@media only screen and (max-width:660px) {
.bearborder div:nth-child(2) {
width:10px
}
}
.site--loaded .bearborder div:nth-child(2) {
-webkit-transform:none;
transform:none
}
.bearborder div:nth-child(3) {
bottom:0;
left:0;
width:100%;
height:20px;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
@media only screen and (max-width:660px) {
.bearborder div:nth-child(3) {
height:10px
}
}
.site--loaded .bearborder div:nth-child(3) {
-webkit-transform:none;
transform:none
}
.bearborder div:nth-child(4) {
top:0;
left:0;
width:20px;
height:100%;
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
@media only screen and (max-width:660px) {
.bearborder div:nth-child(4) {
width:10px
}
.beardots--dot__c1:nth-child(21) {
display:none
}
}
.site--loaded .bearborder div:nth-child(4) {
-webkit-transform:none;
transform:none
}
.bearstrokes {
position:fixed;
height:100%;
width:1164px;
z-index:0
}
.PageHome .bearstrokes, .prehome-active .bearstrokes {
z-index:8000
}
.bearstrokes div {
height:100%;
width:1px;
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
opacity:.1;
background:#fff;
position:absolute
}
.theme--black .bearstrokes div {
background:#fff
}
.theme--polar .bearstrokes div {
background:#fff
}
.prehome-active .bearstrokes div {
background:#fff
}
.bearstrokes div:nth-child(1) {
left:-1358px
}
.bearstrokes div:nth-child(2) {
left:-1164px
}
.bearstrokes div:nth-child(3) {
left:-970px
}
.bearstrokes div:nth-child(4) {
left:-776px
}
.bearstrokes div:nth-child(5) {
left:-582px
}
.bearstrokes div:nth-child(6) {
left:-388px
}
.bearstrokes div:nth-child(7) {
left:-194px
}
.bearstrokes div:nth-child(8) {
left:0
}
.bearstrokes div:nth-child(9) {
left:194px
}
.bearstrokes div:nth-child(10) {
left:388px
}
.bearstrokes div:nth-child(11) {
left:582px
}
.bearstrokes div:nth-child(12) {
left:776px
}
.bearstrokes div:nth-child(13) {
left:970px
}
.bearstrokes div:nth-child(14) {
left:1164px
}
.bearstrokes div:nth-child(15) {
left:1358px
}
.bearstrokes div:nth-child(16) {
left:1552px
}
.bearstrokes div:nth-child(17) {
left:1746px
}
.bearstrokes div:nth-child(18) {
left:1940px
}
.bearstrokes div:nth-child(19) {
left:2134px
}
.bearstrokes div:nth-child(20) {
left:2328px
}
.bearstrokes div:nth-child(21) {
left:2522px
}
.beardots {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
pointer-events:none
}
.PageHome .beardots {
opacity:1!important
}
.prehome-active .beardots {
opacity:1!important;
z-index:8000
}
.beardots--dot {
position:absolute;
border-radius:50%
}
.beardots--dot__c0 {
background:#ffd94a
}
.beardots--dot__c1, .theme--black .beardots--dot__c1 {
background:#e6e6e6
}
.theme--polar .beardots--dot__c1 {
background:#373734
}
.beardots--dot__c1:nth-child(21) {
background:#f2f2f2
}
.theme--black .beardots--dot__c1:nth-child(21) {
background:#f2f2f2
}
.theme--polar .beardots--dot__c1:nth-child(21) {
background:#2a2a27
}
.page-loader {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
overflow:hidden;
z-index:90000;
display:none
}
.page-loader.is-visible {
display:block
}
.page-loader--a, .page-loader--b, .page-loader--c {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
.page-loader--a {
z-index:10;
background:#030302
}
.page-loader--b {
z-index:10;
background:#ffd94a
}
.bearheader, .page-loader--c, .page-loader--loader div {
background:#1d1d1b
}
.page-loader--loader {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:100%;
text-align:center;
-webkit-animation:opa1 1s .25s backwards;
animation:opa1 1s .25s backwards
}
.page-loader--loader div {
width:9px;
height:9px;
display:inline-block;
margin:0 13.5px;
border-radius:50px
}
.page-loader--loader div:nth-child(1) {
-webkit-animation:1.25s .1s load infinite cubic-bezier(.455, .03, .515, .955);
animation:1.25s .1s load infinite cubic-bezier(.455, .03, .515, .955)
}
.page-loader--loader div:nth-child(2) {
-webkit-animation:1.25s .2s load infinite cubic-bezier(.455, .03, .515, .955);
animation:1.25s .2s load infinite cubic-bezier(.455, .03, .515, .955)
}
.page-loader--loader div:nth-child(3) {
-webkit-animation:1.25s .3s load infinite cubic-bezier(.455, .03, .515, .955);
animation:1.25s .3s load infinite cubic-bezier(.455, .03, .515, .955)
}
.page-loader--loader div:nth-child(4) {
-webkit-animation:1.25s .4s load infinite cubic-bezier(.455, .03, .515, .955);
animation:1.25s .4s load infinite cubic-bezier(.455, .03, .515, .955)
}
@-webkit-keyframes load {
0%, 100%, 60% {
opacity:1
}
30% {
opacity:.15
}
}
@keyframes load {
0%, 100%, 60% {
opacity:1
}
30% {
opacity:.15
}
}
.bearheader {
position:fixed;
top:20px;
left:20px;
right:20px;
z-index:9000;
height:100px;
opacity:0;
-webkit-transition:1s cubic-bezier(.165, .84, .44, 1);
transition:1s cubic-bezier(.165, .84, .44, 1);
-webkit-transform:translateY(0);
transform:translateY(0)
}
@media only screen and (max-width:660px) {
.bearheader {
top:-10px;
left:10px;
right:10px;
height:110px
}
.PageHome .bearheader {
display:none
}
}
.theme--black .bearheader {
background:#1d1d1b;
opacity:1
}
.theme--polar .bearheader {
background:#1d1d1b;
border-bottom:1px solid rgba(255, 255, 255, .1);
opacity:1
}
.PageHome .bearheader {
background:0 0;
border-bottom:1px solid transparent
}
.prehome-active .bearheader {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
.bearheader--logo {
position:absolute;
left:50px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.bearheader--logo img {
height:70px;
width:190px;
}
.PageHome .bearheader--logo {
display:none
}
.bearheader--logo a {
display:block
}
.bearheader--logo a svg {
width:130px;
height:20px;
display:block;
fill:#fff
}
.theme--black .bearheader--logo a svg {
fill:#fff
}
.theme--polar .bearheader--logo a svg {
fill:#1d1d1b
}
.bearheader--theme {
position:absolute;
padding:20px;
right:30px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
cursor:pointer
}
.theme--black .bearheader--theme svg {
fill:#fff
}
@media only screen and (max-width:660px) {
.bearheader--logo {
left:20px
}
.bearheader--logo a svg {
width:100px;
height:16px
}
.bearheader--theme {
right:70px;
padding:20px 0;
margin-top:-2px
}
.theme--black .bearheader--theme svg {
fill:#626262
}
}
.theme--polar .bearheader--theme svg {
fill:#1d1d1b
}
.bearheader--refresh {
display:inline-block;
vertical-align:middle;
margin-right:6px;
-webkit-transition:.35s;
transition:.35s;
backface-visibility:hidden;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
perspective:1000
}
.bearheader--refresh svg {
width:14px;
display:block
}
.bearheader--theme:hover .bearheader--refresh {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
-webkit-transform:translate3d(0, 0, 0) rotate(-90deg);
transform:translate3d(0, 0, 0) rotate(-90deg)
}
.bearheader--bear {
display:inline-block;
vertical-align:middle;
margin-right:10px
}
@media only screen and (max-width:660px) {
.theme--polar .bearheader--theme svg {
fill:#d2d2d1
}
.bearheader--refresh svg {
width:18px
}
.bearheader--bear {
margin-right:0
}
}
.bearheader--bear svg {
width:16px;
display:block
}
@media only screen and (max-width:660px) {
.bearheader--bear svg {
width:20px
}
}
.bearheader--text {
display:inline-block;
vertical-align:middle;
font-size:10px;
font-size:.625rem;
line-height:16px;
letter-spacing:3px;
width:100px
}
.bearheader--text span {
display:none
}
.theme--black .bearheader--text .bearheader--text--black, .theme--polar .bearheader--text .bearheader--text--polar {
display:block
}
.bearheader--burger {
margin:auto;
width:100px;
padding:20px;
position:absolute;
left:0;
right:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
cursor:pointer
}
@media only screen and (max-width:660px) {
.bearheader--text {
display:none
}
.bearheader--burger {
left:auto;
width:70px
}
}
.bearheader--burger>div {
position:relative;
width:28px;
height:17px;
margin:auto auto 10px
}
@media only screen and (max-width:660px) {
.bearheader--burger>div {
margin-bottom:0
}
}
.bearheader--burger>div>div {
width:28px;
height:3px;
background:#666;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
overflow:hidden
}
.theme--black .bearheader--burger>div>div {
background:#666
}
.theme--polar .bearheader--burger>div>div {
background:#cacaca
}
.bearheader--burger>div>div:nth-child(1) {
-webkit-transform:translateY(-7px);
transform:translateY(-7px)
}
.bearheader--burger>div>div:nth-child(3) {
-webkit-transform:translateY(7px);
transform:translateY(7px)
}
.bearheader--burger>div>div>div {
background:#ffd94a;
width:100%;
height:3px;
-webkit-transition:.35s;
transition:.35s;
backface-visibility:hidden;
perspective:1000;
-webkit-transform:translate(-100%);
transform:translate(-100%);
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
.menu--deployed .bearheader--burger>div>div>div {
-webkit-transform:none;
transform:none
}
.bearheader--burger>div>div:nth-child(1)>div {
-webkit-transition-delay:0s;
transition-delay:0s
}
.bearheader--burger>div>div:nth-child(2)>div {
-webkit-transition-delay:50ms;
transition-delay:50ms
}
.bearheader--burger>div>div:nth-child(3)>div {
-webkit-transition-delay:.1s;
transition-delay:.1s
}
.bearheader--burger:hover>div>div>div {
-webkit-transform:none;
transform:none
}
.bearheader--burger>span {
display:block;
font-size:10px;
font-size:.625rem
}
@media only screen and (max-width:660px) {
.bearheader--burger>span {
display:none
}
}
.PageHome .bearheader--burger {
display:none
}
.bearnav {
-webkit-transform:translateX(9000%);
transform:translateX(9000%);
z-index:10000;
position:fixed;
top:120px;
left:20px;
right:20px;
bottom:20px;
overflow:hidden;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.menu--active .bearnav, .menu--deployed .bearnav {
-webkit-transform:translateX(0);
transform:translateX(0)
}
@media only screen and (max-width:660px) {
.bearnav {
top:66px;
left:10px;
right:10px;
bottom:10px
}
.bearnav--close {
display:none
}
}
.PageHome .bearnav, .prehome-active .bearnav {
display:none
}
.bearnav--close {
position:relative;
width:50px;
height:50px;
margin:-50px auto 50px;
cursor:pointer
}
.bearnav--close-circle, .bearnav--close-stroke {
position:absolute;
margin:auto;
left:0;
top:0;
bottom:0;
right:0
}
.bearnav--close-stroke {
width:14px;
height:1px;
background:#fff;
-webkit-transition:.7s cubic-bezier(.455, .03, .515, .955);
transition:.7s cubic-bezier(.455, .03, .515, .955);
opacity:0
}
.menu--deployed__end .bearnav--close-stroke {
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1);
opacity:1
}
.bearnav--close-stroke.bearnav--close-stroke-a {
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.bearnav--close-stroke.bearnav--close-stroke-b {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.bearnav--close:hover .bearnav--close-stroke {
background:#ffd94a
}
.bearnav--close:hover .bearnav--close-stroke.bearnav--close-stroke-a {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.bearnav--close:hover .bearnav--close-stroke.bearnav--close-stroke-b {
-webkit-transform:rotate(0);
transform:rotate(0)
}
.bearnav--close-circle {
opacity:0;
-webkit-transition:1s cubic-bezier(.77, 0, .175, 1);
transition:1s cubic-bezier(.77, 0, .175, 1)
}
.menu--deployed .bearnav--close-circle {
opacity:1
}
.bearnav--close-circle path {
fill:none;
stroke:#fff;
stroke-width:2;
stroke-dashoffset:122.59px;
stroke-dasharray:122.592, 122.592;
-webkit-transition:.7s cubic-bezier(.455, .03, .515, .955);
transition:.7s cubic-bezier(.455, .03, .515, .955)
}
.menu--deployed .bearnav--close-circle path {
-webkit-transition:1s .2s cubic-bezier(.77, 0, .175, 1);
transition:1s .2s cubic-bezier(.77, 0, .175, 1)
}
.menu--deployed__end .bearnav--close-circle path {
-webkit-transition:.7s cubic-bezier(.77, 0, .175, 1);
transition:.7s cubic-bezier(.77, 0, .175, 1)
}
.bearnav--close-circle.bearnav--close-circle-a path {
stroke-dashoffset:122.59px
}
.menu--deployed__end .bearnav--close-circle.bearnav--close-circle-a path {
-webkit-transition:.9s cubic-bezier(.77, 0, .175, 1);
transition:.9s cubic-bezier(.77, 0, .175, 1)
}
.menu--deployed .bearnav--close-circle.bearnav--close-circle-a path, .menu--deployed__end .bearnav--close-circle.bearnav--close-circle-a path {
stroke-dashoffset:0
}
.bearnav--close:hover .bearnav--close-circle.bearnav--close-circle-a path {
stroke-dashoffset:-122.59px
}
.menu--deployed__end .bearnav--close:hover .bearnav--close-circle.bearnav--close-circle-a path {
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1)
}
.bearnav--close-circle.bearnav--close-circle-b path {
stroke:#ffd94a;
stroke-dashoffset:122.59px
}
.menu--deployed__end .bearnav--close-circle.bearnav--close-circle-b path {
stroke-dashoffset:122.59px
}
.bearnav--close:hover .bearnav--close-circle.bearnav--close-circle-b path {
stroke-dashoffset:-122.59px
}
.menu--deployed__end .bearnav--close:hover .bearnav--close-circle.bearnav--close-circle-b path {
stroke-dashoffset:0
}
.bearnav--nav ul li {
display:block;
overflow:hidden
}
.bearnav--nav ul li a {
display:inline-block;
font-size:50px;
font-size:3.125rem;
line-height:1.5;
text-transform:lowercase;
position:relative;
overflow:hidden
}
.bearnav--nav ul li a:before {
color:#ffd94a;
content:attr(content);
position:absolute;
top:0;
left:0;
white-space:nowrap;
width:0;
-webkit-transition:.5s cubic-bezier(.645, .045, .355, 1);
transition:.5s cubic-bezier(.645, .045, .355, 1);
overflow:hidden
}
.bearnav--nav ul li a:hover:before {
width:100%
}
.bearnav--bg {
position:absolute;
top:0;
left:0;
height:100%;
width:1164px;
z-index:-1
}
.bearnav--bg>div {
height:100%;
width:195px;
position:absolute;
top:0;
left:0;
overflow:hidden
}
.bearnav--bg>div:nth-child(1) {
left:-1378px
}
.bearnav--bg>div:nth-child(2) {
left:-1184px
}
.bearnav--bg>div:nth-child(3) {
left:-990px
}
.bearnav--bg>div:nth-child(4) {
left:-796px
}
.bearnav--bg>div:nth-child(5) {
left:-602px
}
.bearnav--bg>div:nth-child(6) {
left:-408px
}
.bearnav--bg>div:nth-child(7) {
left:-214px
}
.bearnav--bg>div:nth-child(8) {
left:-20px
}
.bearnav--bg>div:nth-child(9) {
left:174px
}
.bearnav--bg>div:nth-child(10) {
left:368px
}
.bearnav--bg>div:nth-child(11) {
left:562px
}
.bearnav--bg>div:nth-child(12) {
left:756px
}
.bearnav--bg>div:nth-child(13) {
left:950px
}
.bearnav--bg>div:nth-child(14) {
left:1144px
}
.bearnav--bg>div:nth-child(15) {
left:1338px
}
.bearnav--bg>div:nth-child(16) {
left:1532px
}
.bearnav--bg>div:nth-child(17) {
left:1726px
}
.bearnav--bg>div:nth-child(18) {
left:1920px
}
.bearnav--bg>div:nth-child(19) {
left:2114px
}
.bearnav--bg>div:nth-child(20) {
left:2308px
}
.bearnav--bg>div:nth-child(21) {
left:2502px
}
.bearnav--bg>div div {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#171717;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:1000;
perspective:1000;
-webkit-transition:.35s cubic-bezier(.25, .46, .45, .94);
transition:.35s cubic-bezier(.25, .46, .45, .94);
-webkit-transform:translate(100%, 0);
transform:translate(100%, 0);
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
.menu--deployed .bearnav--bg>div div {
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
.bearnav--bg>div:nth-child(1) div {
-webkit-transition-delay:20ms;
transition-delay:20ms
}
.bearnav--bg>div:nth-child(2) div {
-webkit-transition-delay:40ms;
transition-delay:40ms
}
.bearnav--bg>div:nth-child(3) div {
-webkit-transition-delay:60ms;
transition-delay:60ms
}
.bearnav--bg>div:nth-child(4) div {
-webkit-transition-delay:80ms;
transition-delay:80ms
}
.bearnav--bg>div:nth-child(5) div {
-webkit-transition-delay:.1s;
transition-delay:.1s
}
.bearnav--bg>div:nth-child(6) div {
-webkit-transition-delay:120ms;
transition-delay:120ms
}
.bearnav--bg>div:nth-child(7) div {
-webkit-transition-delay:140ms;
transition-delay:140ms
}
.bearnav--bg>div:nth-child(8) div {
-webkit-transition-delay:160ms;
transition-delay:160ms
}
.bearnav--bg>div:nth-child(9) div {
-webkit-transition-delay:180ms;
transition-delay:180ms
}
.bearnav--bg>div:nth-child(10) div {
-webkit-transition-delay:.2s;
transition-delay:.2s
}
.bearnav--bg>div:nth-child(11) div {
-webkit-transition-delay:220ms;
transition-delay:220ms
}
.bearnav--bg>div:nth-child(12) div {
-webkit-transition-delay:240ms;
transition-delay:240ms
}
.bearnav--bg>div:nth-child(13) div {
-webkit-transition-delay:260ms;
transition-delay:260ms
}
.bearnav--bg>div:nth-child(14) div {
-webkit-transition-delay:280ms;
transition-delay:280ms
}
.bearnav--bg>div:nth-child(15) div {
-webkit-transition-delay:.3s;
transition-delay:.3s
}
.bearnav--bg>div:nth-child(16) div {
-webkit-transition-delay:320ms;
transition-delay:320ms
}
.bearnav--bg>div:nth-child(17) div {
-webkit-transition-delay:340ms;
transition-delay:340ms
}
.bearnav--bg>div:nth-child(18) div {
-webkit-transition-delay:360ms;
transition-delay:360ms
}
.bearnav--bg>div:nth-child(19) div {
-webkit-transition-delay:380ms;
transition-delay:380ms
}
.bearnav--bg>div:nth-child(20) div {
-webkit-transition-delay:.4s;
transition-delay:.4s
}
.bearnav--bg>div:nth-child(21) div {
-webkit-transition-delay:420ms;
transition-delay:420ms
}
.footsoc {
padding-bottom:20px
}
.PageHome .footsoc {
position:absolute;
bottom:0;
left:0;
right:0
}
.footsoc li {
display:inline-block
}
.footsoc--link {
display:block;
width:60px;
height:60px;
position:relative
}
.footsoc--link svg, .scrolltotop, .scrolltotop--arrow, .scrolltotop--circle {
position:absolute;
right:0;
margin:auto;
left:0;
top:0;
bottom:0
}
.footsoc--link svg {
display:block;
width:20px;
height:20px;
-webkit-transition:.35s cubic-bezier(.455, .03, .515, .955);
transition:.35s cubic-bezier(.455, .03, .515, .955)
}
.footsoc--link svg:first-child {
fill:#fff;
clip:rect(0,20px,20px,0)
}
.theme--black .footsoc--link svg:first-child {
fill:#fff
}
.theme--polar .footsoc--link svg:first-child {
fill:#fff
}
.footsoc--link svg:last-child {
fill:#ffd94a;
clip:rect(20px,20px,20px,0)
}
.footsoc--link:hover svg:first-child {
clip:rect(0,20px,0,0)
}
.footsoc--link:hover svg:last-child {
clip:rect(0,20px,20px,0)
}
.scrolltotop {
width:50px;
height:50px;
cursor:pointer;
z-index:10
}
@media only screen and (max-width:660px) {
.bearnav--nav ul li a {
font-size:20px;
font-size:1.25rem;
line-height:2
}
.footsoc {
padding-bottom:0
}
.scrolltotop {
display:none
}
}
.scrolltotop--arrow {
width:5px;
height:13px;
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1);
fill:#fff
}
.scrolltotop--arrow svg {
display:block
}
.theme--black .scrolltotop--arrow {
fill:#fff
}
.scrolltotop:hover .scrolltotop--arrow {
fill:#fff;
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
.scrolltotop--circle path {
fill:none;
stroke:#fff;
stroke-width:2;
stroke-dashoffset:122.59px;
stroke-dasharray:122.592, 122.592;
-webkit-transition:.7s cubic-bezier(.77, 0, .175, 1);
transition:.7s cubic-bezier(.77, 0, .175, 1)
}
.theme--black .scrolltotop--circle path {
stroke:#fff
}
.scrolltotop--circle.scrolltotop--circle-a path {
-webkit-transition:.9s cubic-bezier(.77, 0, .175, 1);
transition:.9s cubic-bezier(.77, 0, .175, 1);
stroke-dashoffset:0
}
.scrolltotop:hover .scrolltotop--circle.scrolltotop--circle-a path {
stroke-dashoffset:-122.59px;
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1)
}
.footcontrol--cta, .footcontrol--cta:after {
-webkit-transition:.35s cubic-bezier(.77, 0, .175, 1)
}
.scrolltotop--circle.scrolltotop--circle-b path {
stroke:#ffd94a;
stroke-dashoffset:122.59px
}
.scrolltotop:hover .scrolltotop--circle.scrolltotop--circle-b path {
stroke-dashoffset:0
}
.footcontrol {
margin:60px 0 10px;
padding:40px;
position:relative;
z-index:1
}
@media only screen and (max-width:660px) {
.footcontrol {
margin:0;
padding:20px;
text-align:center
}
}
.footcontrol--inner {
max-width:1164px;
margin:auto;
position:relative;
padding:30px 100px
}
.footcontrol--cta {
border-radius:50px;
display:inline-block;
cursor:pointer;
position:relative;
overflow:hidden;
z-index:1;
transition:.35s cubic-bezier(.77, 0, .175, 1);
border:2px solid #fff;
fill:#fff;
padding: 10px 0px;
}
.theme--black .footcontrol--cta {
border:2px solid #fff;
fill:#fff
}
.footcontrol--cta__left {
float:left
}
.footcontrol--cta__right {
float:right
}
@media only screen and (max-width:660px) {
.footcontrol--cta__left {
display:none
}
.footcontrol--cta__right {
float:none
}
}
.footcontrol--cta:after {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#ffd94a;
-webkit-transform:translateY(100%);
transform:translateY(100%);
z-index:-1;
transition:.35s cubic-bezier(.77, 0, .175, 1)
}
.footcontrol--cta-arrow, .homenav--nav ul li a {
-webkit-transition:.35s cubic-bezier(.77, 0, .175, 1)
}
.footcontrol--cta:hover {
border-color:#ffd94a;
color:#1d1d1b;
}
.footcontrol--cta:hover:after {
-webkit-transform:translateY(0);
transform:translateY(0)
}
.footcontrol--cta-text {
/*display:block;*/
font-size:14px;
font-size:.875rem;
padding:14px 22px 12px
}
.footcontrol--cta__right .footcontrol--cta-text {
margin-right:30px
}
.footcontrol--cta__left .footcontrol--cta-text {
margin-left:30px
}
.footcontrol--cta-arrow {
display:block;
width:5px;
height:13px;
transition:.35s cubic-bezier(.77, 0, .175, 1);
position:absolute;
top:0;
bottom:0;
margin:auto
}
.markup a, .markup ul>li {
position:relative
}
.footcontrol--cta-arrow svg {
display:block
}
.footcontrol--cta-arrow__right {
right:28px;
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.footcontrol--cta:hover .footcontrol--cta-arrow__right {
-webkit-transform:rotate(90deg) translateY(-4px);
transform:rotate(90deg) translateY(-4px)
}
.footcontrol--cta-arrow__left {
left:28px;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.footcontrol--cta:hover .footcontrol--cta-arrow__left {
-webkit-transform:rotate(-90deg) translateY(-4px);
transform:rotate(-90deg) translateY(-4px)
}
.markup {
font-size:20px;
font-size:1.25rem;
line-height:1.5
}
.markup>* {
margin-bottom:20px
}
.markup>:last-child {
margin-bottom:0
}
.markup a {
background-image:-webkit-linear-gradient(270deg, #ffd94a, #ffd94a);
background-image:linear-gradient(180deg, #ffd94a, #ffd94a);
background-position:0 1em;
background-repeat:no-repeat;
-webkit-transition:.15s;
transition:.15s;
padding:.075rem 0
}
.theme--black .markup a {
background-image:-webkit-linear-gradient(270deg, #000, #000);
background-image:linear-gradient(180deg, #000, #000);
color:#ffd94a
}
.markup a:hover {
background-position:0 0
}
.markup ul {
padding-left:60px
}
.markup ul>li:before {
content:"";
width:4px;
height:4px;
background:#ffd94a;
display:block;
position:absolute;
top:14px;
left:-20px
}
.markup ul>li>ol li:before, .markup>ol>li:before, .markup>ol>li>ol li:before {
counter-increment:list-ol;
content:counters(list-ol, ".") ".";
margin-right:5px;
text-align:right;
font-weight:700
}
@media only screen and (min-width:661px) and (max-width:989px) {
.markup {
font-size:18px;
font-size:1.125rem
}
.markup ul {
padding-left:40px
}
.markup ul>li:before {
top:10px;
left:-18px
}
}
@media only screen and (max-width:660px) {
.markup {
font-size:16px;
font-size:1rem
}
.markup ul {
padding-left:20px
}
.markup ul>li:before {
top:8px;
left:-14px
}
}
.markup ul>li>ol {
padding-left:20px;
counter-reset:list-ol
}
.markup>ol {
padding-left:40px;
counter-reset:list-ol
}
.markup>ol>li {
position:relative
}
.markup>ol>li>ol {
padding-left:30px;
counter-reset:list-ol
}
.markup blockquote:before, .talents--item-inner:before, .teamover--item-text:before {
content:""
}
.homenav, .homenav--svg, .prehome {
text-align:center
}
.markup h1, .markup h2, .markup h3, .markup h4, .markup h5, .markup h6 {
margin-top:20px;
font-weight:700
}
.markup h1 {
font-size:30px;
font-size:1.875rem
}
.markup h2 {
font-size:28px;
font-size:1.75rem
}
.markup h3 {
font-size:26px;
font-size:1.625rem
}
.markup h4 {
font-size:24px;
font-size:1.5rem
}
.markup h5 {
font-size:22px;
font-size:1.375rem
}
.markup h6 {
font-size:20px;
font-size:1.25rem
}
.markup img {
display:block;
margin:30px auto;
border-radius:2px
}
.markup blockquote {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
padding:10px 20px 10px 30px;
position:relative;
font-size:1.2em
}
.markup blockquote:before {
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
width:5px;
background:#ffd94a
}
.markup blockquote>* {
margin-bottom:20px
}
.markup blockquote>:last-child {
margin-bottom:0
}
#prehome--dots {
position:absolute;
display:block;
top:0;
left:0;
z-index:-1
}
.prehome, .prehome--bg {
position:fixed;
width:100%;
height:100%;
left:0;
top:0
}
.prehome {
z-index:10000;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
display:none
}
.post-flex, .superheaders {
-webkit-box-align:center
}
.post-flex, .superheaders {
-webkit-box-align:center
}
.prehome-active .prehome {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.prehome--bg {
background:#1d1d1b;
z-index:6000;
display:none
}
.prehome-active .prehome--bg {
display:block
}
.prehome--title {
font-size:60px;
font-size:3.75rem;
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#ffd94a;
display:inline-block;
position:relative;
overflow:hidden
}
@media only screen and (max-width:660px) {
.markup blockquote {
padding:10px 20px
}
.prehome--title {
font-size:10vw
}
}
.prehome--title>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#ffd94a;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.prehome--title>span {
display:block;
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:0
}
.prehome--subtitle {
font-size:50px;
font-size: 2.426rem;
/*font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;*/
color:#fff;
margin-bottom: 15px;
margin-top: 45px;
display:inline-block;
position:relative;
overflow:hidden
}
.prehome--subtitle-2 {
font-size:50px;
font-size: 1.8rem;
/*font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;*/
color:#fff;
margin-bottom:80px;
margin-top: 30px;
display:inline-block;
position:relative;
overflow:hidden
}
@media only screen and (max-width:660px) {
.prehome--subtitle {
font-size:8vw;
margin-bottom:30px
}
}
.prehome--subtitle>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#fff;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.prehome--subtitle>span {
display:block;
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:0
}
.prehome--chosen>div {
display:inline-block;
border-radius:50%;
cursor:pointer;
width:180px;
height:180px;
margin:0 100px;
z-index:1;
position:relative;
overflow:hidden;/*font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif*/
}
.click-home {
padding-top:55px;
font-weight: 500;
}
@media (max-width:800px) {
.prehome--chosen>div {
margin:0 20px
}
}
@media only screen and (max-width:660px) {
.prehome--chosen>div {
margin:0 20px;
width:100px;
height:100px;
font-size:12px;
font-size:.75rem
}
.click-home {
padding-top:23px;
font-weight: 600;
}
.prehome--title img {
width:50%;
height:25%;
}
}
.prehome--chosen>div svg {
width:46px;
height:29.29px;
display:block;
margin:54px auto 14px;
-webkit-transform:translateX(3px);
transform:translateX(3px)
}
@media only screen and (max-width:660px) {
.prehome--chosen>div svg {
margin-top:30px;
margin-bottom:8px;
width:30px
}
}
.prehome--chosen>div span {
display:block
}
.prehome--chosen>div.prehome--polar {
color:#fff;
background:#000;
fill:#fff
}
.prehome--chosen>div.prehome--black {
color:#000;
background:#fff;
fill:#000
}
.prehome--chosen>div.prehome--polar:hover {
color:#000;
fill:#000
}
.prehome--chosen>div>div {
position:absolute;
top:0;
left:0;
background:#ffd94a;
width:100%;
height:100%;
z-index:-1;
-webkit-transform:rotate(-15deg) translateY(101%);
transform:rotate(-15deg) translateY(101%);
-webkit-transition:.45s cubic-bezier(.77, 0, .175, 1);
transition:.45s cubic-bezier(.77, 0, .175, 1)
}
.prehome--chosen>div:hover>div {
-webkit-transform:rotate(-8deg) translateY(0);
transform:rotate(-8deg) translateY(0)
}
.homenav--header {
letter-spacing:-.25em
}
.homenav--header>* {
letter-spacing:0
}
.homenav--svg {
width:730px;
margin:auto auto -10px;
fill:#fff;
padding:20px 0;
display:inline-block;
position:relative;
overflow:hidden
}
@media only screen and (max-width:660px) {
.homenav--svg {
width:250px;
margin-bottom:-20px
}
}
.theme--black .homenav--svg {
fill:#fff
}
.theme--polar .homenav--svg {
fill:#1d1d1b
}
.homenav--svg svg {
display:block;
width:388px;
height:70px
}
@media only screen and (max-width:660px) {
.homenav--svg svg {
width:250px;
height:45px
}
}
.homenav--svg>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#ffd94a;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.homenav--svg>span {
display:block;
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:0
}
.homenav--subtitle {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
font-size:25px;
font-size:1.5625rem;
display:inline-block;
position:relative;
overflow:hidden;
padding: 0px 15px;
}
.homenav--nav ul li a, .superheader--title {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: capitalize;
letter-spacing: 3px;
}
.homenav--nav ul li a, .superheader--title-1 {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: none;
letter-spacing: 3px;
font-size:60px;
font-size:3.75rem;
line-height:1;
/*text-transform:lowercase;*/
text-align:center;
padding:0 0 10px;
display:inline-block;
position:relative;
overflow:hidden
}
.homenav--nav ul li a, .superheaders--title {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: capitalize;
letter-spacing: 3px;
}
.homenav--subtitle>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#1d1d1b;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.theme--black .homenav--subtitle>div {
background:#fff
}
.homenav--subtitle>span {
display:block;
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:0
}
.homenav--nav {
margin-top:50px;
position:relative;
z-index:10000
}
@media only screen and (max-width:660px) {
.homenav--subtitle {
font-size:16px;
font-size:1.5rem;
padding: 0 10px;
}
.homenav--nav {
margin-top:20px
}
.homenav--svg img {
width: 100%;
}
}
.homenav--nav ul li {
width:194px;
float:left;
text-align:center
}
.homenav--nav ul li a {
color:#fff;
}
@media (max-width:900px) {
.homenav--nav ul li {
float:none;
margin:auto
}
}
.homenav--nav ul li a {
display:block;
font-size:16px;
font-size:1rem;
padding:20px 0;
position:relative;
transition:.35s cubic-bezier(.77, 0, .175, 1)
}
.homenav--nav ul li a:after, .homenav--nav ul li a:before {
-webkit-transition:.35s cubic-bezier(.77, 0, .175, 1);
transition:.35s cubic-bezier(.77, 0, .175, 1);
content:"";
width:1px;
height:100%;
position:absolute;
top:0;
background:#fff;
opacity:0;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
.homenav--svg img {
width:60%;
}
.superheader, .superheader--title {
position:relative;
text-align:center
}
.superheader, .superheaders--title {
position:relative;
text-align:center
}
.theme--black .homenav--nav ul li a:after, .theme--black .homenav--nav ul li a:before {
background:#fff
}
.theme--polar .homenav--nav ul li a:after, .theme--polar .homenav--nav ul li a:before {
background:#fff
}
.homenav--nav ul li a:before {
left:0
}
.homenav--nav ul li a:after {
left:99%
}
.homenav--nav ul li a:hover {
opacity:1
}
.homenav--nav ul li a:hover:after, .homenav--nav ul li a:hover:before {
opacity:1;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
.homenav--nav ul:hover a {
opacity:.2
}
.superheader {
/*display: inline-block;*/
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height: auto;
margin-top: 85px;
}
.head-1 {
margin: 8% 0%;
}
.theme--polar .head-2 {
bottom:-140px;
}
.superheaders {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:calc(100vh - 120px - (20px * 2))
}
/*.superheader {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:calc(100vh - 120px - (20px * 2))
}*/
@media only screen and (max-width:660px) {
.homenav--nav ul li a {
padding:10px 0
}
.superheader {
display:block;
}
.superheaders {
display:block
}
.basic-headline--big {
padding: 20px 0;
}
}
.superheader--titles {
font-size:60px;
font-size:2.75rem;
font-size:8vmin;
line-height:1;
padding:0 0 10px;
display:inline-block;
overflow:hidden;
font-family: "Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 3px;
text-transform: capitalize;
}
.superheader--title {
font-size:60px;
font-size:2.75rem;
font-size:5vmin;
line-height:1;
padding:0 0 10px;
display:inline-block;
overflow:hidden;
}
.superheader--title>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#ffd94a;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.superheader--title>span {
display:block;
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:0
}
.superheader--subtitle {
font-size:20px;
font-size:1.25rem;
font-size:3.33333vmin;
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
/*text-transform:lowercase;*/
text-align:center;
display:inline-block;
position:relative;
overflow:hidden
}
.superheader--subtitle-2 {
font-size:20px;
font-size:1.25rem;
font-size:3.888888vmin;
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
/*text-transform:lowercase;*/
text-align:center;
display:inline-block;
position:relative;
overflow:hidden
}
.superheader-2 {
-moz-box-pack: center;
align-items: center;
height: auto;
justify-content: center;
margin-top: 85px;
position: relative;
text-align: center;
padding: 3% 2%;
}
.superheader--subtitle>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#1d1d1b;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.theme--black .superheader--subtitle>div {
background:#fff
}
.scrollto, .theme--black .scrollto {
/*background:#1d1d1b*/
}
.superheader--subtitle>span {
display:block;
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:0
}
/*.scrollto {
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:7000;
cursor:pointer;
width:180px;
padding:20px
}*/
.superheaders--title {
font-size:60px;
font-size:2.75rem;
font-size:10vmin;
line-height:1;
padding:0 0 10px;
display:inline-block;
overflow:hidden
}
.superheaders--title>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#ffd94a;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.superheaders--title>span {
display:block;
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:0
}
.superheaders--subtitle {
font-size:20px;
font-size:1.25rem;
font-size:3.33333vmin;
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
text-transform:lowercase;
text-align:center;
display:inline-block;
position:relative;
overflow:hidden
}
.superheaders--subtitle>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#1d1d1b;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.theme--black .superheaders--subtitle>div {
background:#fff
}
.scrollto, .theme--black .scrollto {
/*background:#1d1d1b*/
}
.superheaders--subtitle>span {
display:block;
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:0
}
.scrollto {
position: absolute;
bottom: -80px!important;
left: 0;
right: 0;
margin: auto;
z-index: 7000;
cursor: pointer;
width: 190px;
margin-bottom: -35px;
}
.scrollto-new {
position: absolute;
bottom: -50px!important;
left: 0;
right: 0;
margin: auto;
z-index: 7000;
cursor: pointer;
width: 190px;
margin-bottom: -35px;
}
.theme--polar .scrollto {
/*background:#1d1d1b*/
}
.scrollto--icon {
width:18px;
position:relative;
margin:auto;
height:60px;
-webkit-transition:.5s fill;
transition:.5s fill;
fill:#fff
}
.supertext-a--icon, .supertext-b--icon {
width:280px;
height:280px;
right:0;
z-index:-1;
bottom:0
}
.scrollto--icon svg {
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}
.supertext-a, .supertext-a--titlecont {
position:relative
}
.theme--black .scrollto--icon {
fill:#fff
}
.theme--polar .scrollto--icon {
fill:#fff
}
.scrollto--wheel {
-webkit-animation:2s scrolltoWheel infinite cubic-bezier(.77, 0, .175, 1);
animation:2s scrolltoWheel infinite cubic-bezier(.77, 0, .175, 1)
}
@-webkit-keyframes scrolltoWheel {
0% {
-webkit-transform:translate(0, -1px);
transform:translate(0, -1px);
opacity:0
}
60% {
-webkit-transform:translate(0, 2px);
transform:translate(0, 2px);
opacity:1
}
100% {
-webkit-transform:translate(0, 2px);
transform:translate(0, 2px);
opacity:0
}
}
@keyframes scrolltoWheel {
0% {
-webkit-transform:translate(0, -1px);
transform:translate(0, -1px);
opacity:0
}
60% {
-webkit-transform:translate(0, 2px);
transform:translate(0, 2px);
opacity:1
}
100% {
-webkit-transform:translate(0, 2px);
transform:translate(0, 2px);
opacity:0
}
}
.scrollto--arrow {
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1);
-webkit-transform:translate(0, 2px);
transform:translate(0, 2px)
}
.scrollto:hover .scrollto--arrow {
-webkit-transform:translate(0, 10px);
transform:translate(0, 10px)
}
.scrollto--text {
text-align:center;
font-size:10px;
font-size:.625rem;
text-transform:uppercase;
letter-spacing:3px;
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.supertext-a {
padding:100px 40px;
margin:auto;
text-align:center;
max-width:1164px;
opacity:0
}
.supertext-a.is-revealed {
opacity:1
}
.supertext-a--and {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
font-size:380px;
font-size:23.75rem;
z-index:-1;
color:#ffd94a;
-webkit-transition:.75s .25s;
transition:.75s .25s;
opacity:0
}
.supertext-a--subtitle .splitter-word, .supertext-a--title .splitter-line, .supertext-a--title .splitter-word {
position:relative
}
@media only screen and (max-width:660px) {
.supertext-a {
padding:20px
}
.supertext-a--and {
font-size:100px;
font-size:6.25rem
}
}
.theme--black .supertext-a--and {
color:#3e3e3e
}
.supertext-a.is-revealed .supertext-a--and {
opacity:1
}
.supertext-a--title {
font-size:60px;
font-size:3.75rem;
line-height:1.1;
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:lowercase;
margin-bottom:30px
}
.supertext-a--subtitle, .supertext-b--small {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif
}
@media only screen and (max-width:660px) {
.supertext-a--title {
font-size:24px;
font-size:1.5rem
}
}
.theme--black .supertext-a--title {
color:#ffd94a
}
.supertext-a--title .splitter-line {
overflow:hidden
}
.supertext-a--subtitle {
font-size:20px;
font-size:1.25rem;/*text-transform:lowercase*/
}
.supertext-a--subtitle .splitter-line {
overflow:hidden;
position:relative
}
.supertext-a--icon {
position:absolute;
top:0;
left:0;
margin:auto;
stroke:#d1d1d1;
stroke-width:2px;
-webkit-transform:translate(-60%, 30%);
transform:translate(-60%, 30%)
}
.supertext-b, .supertext-b--big-1 .splitter-line, .supertext-b--big-1 .splitter-word, .supertext-b--big-2 .splitter-line, .supertext-b--big-2 .splitter-word, .supertext-b--small .splitter-word {
position:relative
}
.supertext-a--icon svg {
-webkit-animation:rotate360 120s infinite linear;
animation:rotate360 120s infinite linear
}
.supertext-b {
padding:100px 40px;
margin:auto;
text-align:center;
max-width:1164px;
opacity:0
}
@media only screen and (max-width:660px) {
.supertext-a--subtitle {
font-size:16px;
font-size:1rem
}
.supertext-b {
padding:20px
}
}
.supertext-b.is-revealed {
opacity:1
}
.supertext-b--text {
line-height:1.2
}
.supertext-b--text>div {
margin:10px 0
}
.supertext-b--small {
font-size:20px;
font-size:1.25rem;
/*text-transform:lowercase*/
}
.basic-headline--big, .supertext-b--big-1, .supertext-b--big-2 {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:lowercase
}
@media only screen and (max-width:660px) {
.supertext-b--small {
font-size:16px;
font-size:1rem
}
}
.supertext-b--small .splitter-line {
overflow:hidden;
position:relative
}
.supertext-b--big-1 {
font-size:60px;
font-size:3.75rem
}
@media only screen and (max-width:660px) {
.supertext-b--big-1 {
font-size:24px;
font-size:1.5rem
}
}
.theme--black .supertext-b--big-1 {
color:#fff
}
.supertext-b--big-1 .splitter-line {
overflow:hidden
}
.supertext-b--big-2 {
font-size:60px;
font-size:3.75rem;
color:#ffd94a
}
.supertext-b--big-2 .splitter-line {
overflow:hidden
}
.supertext-b--icon {
position:absolute;
top:0;
left:0;
margin:auto;
stroke:#d1d1d1;
stroke-width:2px;
-webkit-transform:translate(-60%, 30%);
transform:translate(-60%, 30%)
}
.basic-headline, .basic-headline--big .splitter-line, .basic-headline--big .splitter-word, .basic-headline--small .splitter-word, .talents, .talents--item, .talents--item-inner {
position:relative
}
.supertext-b--icon svg {
-webkit-animation:rotate360 120s infinite linear;
animation:rotate360 120s infinite linear
}
.basic-headline {
text-align:center;
margin:0 auto 100px;
opacity:0
}
@media only screen and (max-width:660px) {
.supertext-b--big-2 {
font-size:24px;
font-size:1.5rem
}
.basic-headline {
margin-bottom:20px
}
}
.basic-headline.is-revealed {
opacity:1
}
.basic-headline--text>div {
margin:10px 0
}
.basic-headline--big {
font-size:60px;
font-size:3.75rem;
line-height:1.1;
margin-bottom:30px
}
@media only screen and (max-width:660px) {
.basic-headline--big {
font-size:24px;
font-size:1.5rem
}
}
.theme--black .basic-headline--big {
color:#fff
}
.basic-headline--big.basic-headline--big__cc {
color:#ffd94a
}
.basic-headline--big .splitter-line {
overflow:hidden
}
.basic-headline--small {
font-size:20px;
font-size:1.25rem;
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;/*text-transform:lowercase*/
}
.basic-headline--small .splitter-line {
overflow:hidden;
position:relative
}
.talents {
padding:100px 10px;
text-align:center
}
.talents-container {
max-width:1200px;
margin:auto;
opacity:0
}
@media only screen and (max-width:660px) {
.basic-headline--small {
font-size:16px;
font-size:1rem
}
.talents {
padding:20px 10px
}
.talents-container {
display:none
}
}
.talents-container.is-revealed {
opacity:1
}
.talents--list {
width:272px;
display:inline-block;
vertical-align:top;
margin:0 10px
}
.talents--list:nth-child(2) {
/*margin-top:50px*/
}
.talents--list:nth-child(3) {
/*margin-top:100px*/
}
.talents--list:nth-child(4) {
/*margin-top:150px*/
}
.talents--item {
overflow:hidden;
width:272px;
display:block;
margin:30px 10px
}
.talents-container__reassort .talents--item {
margin:30px 0
}
.talents--item-inner {
opacity:0;
overflow:hidden;
padding:23px 13px;
z-index:1
}
.talents--item.is-revealed .talents--item-inner {
opacity:1
}
.talents--item__c0 .talents--item-inner {
background:0 0;
color:#fff;
border:7px solid rgba(255, 255, 255, 10)
}
.theme--black .talents--item__c0 .talents--item-inner {
border:7px solid #fff;
color:#fff
}
.talents--item__c1 .talents--item-inner {
background:#ffd94a;
border:7px solid #ffd94a;
color:#1d1d1b
}
.talents--item__c2 .talents--item-inner {
background:#fff;
border:7px solid #fff;
color:#1d1d1b;
}
.theme--black .talents--item__c2 .talents--item-inner {
background:#fff;
border:7px solid #fff;
color:#1d1d1b
}
.talents--item-inner:before {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:-1;
-webkit-transition:.35s cubic-bezier(.77, 0, .175, 1);
transition:.35s cubic-bezier(.77, 0, .175, 1);
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.talents--item__c0 .talents--item-inner:before {
background:rgba(230, 230, 230, 0.20);
}
.theme--black .talents--item__c0 .talents--item-inner:before {
background:#52524c
}
.talents--item__c1 .talents--item-inner:before {
background:#ffe687
}
.talents--item__c2 .talents--item-inner:before {
background:#e6e6e6
}
.theme--black .talents--item__c2 .talents--item-inner:before {
background:#e6e6e6
}
.talents--item-inner:hover:before {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
.awards--item-overlay, .talents--item-overlay {
-webkit-transform:translateY(100%);
left:0;
height:100%;
top:0
}
.talents--item-name {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:18px;
font-size:1.125rem;
margin-bottom:10px
}
.awards--item-year, .talents--item-job {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif
}
.talents--item-job {
font-size:16px;
font-size:1rem
}
.talents--item-overlay {
z-index:2;
position:absolute;
width:100%;
transform:translateY(100%)
}
.talents--item__c0 .talents--item-overlay {
background:#d0d0d0
}
.theme--black .talents--item__c0 .talents--item-overlay {
background:#030302
}
.talents--item__c1 .talents--item-overlay {
background:#ffce17
}
.talents--item__c2 .talents--item-overlay {
background:#030302
}
.theme--black .talents--item__c2 .talents--item-overlay {
background:#e6e6e6
}
.talents-smartphone {
display:block;
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
font-size: 1.25rem;
}
@media only screen and (max-width:660px) {
.talents-smartphone {
display:block;
background:#ffd94a;
margin:0 -10px;
position:relative;
z-index:8000;
padding:20px;
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
font-size:16px;
font-size:1rem
}
}
.awards {
padding:100px 10px;
text-align:center;
position:relative
}
@media only screen and (max-width:660px) {
.awards {
padding:20px 10px;
display:block;
}
.superheader--title-1 {
font-size: 1.6rem;
}
}
.awards-container {
max-width:1200px;
margin:auto;
opacity:0
}
.awards-container.is-revealed {
opacity:1
}
.awards--list {
width:272px;
display:inline-block;
vertical-align:top;
margin:0 10px
}
.awards--list:nth-child(2) {
margin-top:50px
}
.awards--list:nth-child(3) {
margin-top:100px
}
.awards--list:nth-child(4) {
margin-top:150px
}
.awards--item {
text-decoration:none;
width:272px;
display:block;
margin:30px 10px;
position:relative;
overflow:hidden;
color:#1d1d1b
}
.awards-container__reassort .awards--item {
margin:30px 0
}
.awards--item-inner {
overflow:hidden;
padding:23px 13px;
border:7px solid #e9e9e9;
background:#fff;
opacity:0
}
.awards--item-inner img {
max-width:90%;
margin:auto;
display:block
}
.awards--item.is-revealed .awards--item-inner {
opacity:1
}
.awards--item-year {
font-size:16px;
font-size:1rem;
margin:20px 0
}
.awards--item-desc, .awards--item-rank, .skills--title {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.awards--item-desc {
font-size:12px;
font-size:.75rem;
margin:20px 0
}
.awards--item-rank {
font-size:12px;
font-size:.90rem;
color:#1b1b1b;
margin:20px 0 0
}
.awards--item-overlay {
z-index:2;
position:absolute;
width:100%;
transform:translateY(100%);
background:#e6e6e6
}
.awards--item__c0 .awards--item-overlay {
background:#d0d0d0
}
.theme--black .awards--item__c0 .awards--item-overlay {
background:#030302
}
.awards--item__c1 .awards--item-overlay {
background:#ffce17
}
.awards--item__c2 .awards--item-overlay {
background:#030302
}
.theme--black .awards--item__c2 .awards--item-overlay {
background:#e6e6e6
}
.references {
padding:100px 10px;
text-align:center;
position:relative;/*background:#efefef*/
}
.theme--black .references {
/*background:#282828*/
}
.references-container {
max-width:1200px;
margin:auto;
opacity:0
}
.references-container.is-revealed {
opacity:1
}
.references--item {
width:272px;
display:inline-block;
margin:10px;
overflow:hidden;
position:relative;
border: 3px solid #fff;
}
@media only screen and (max-width:660px) {
.references {
padding:20px 10px
}
.references--item {
width:130px;
margin:2px
}
}
.references--item-inner {
padding:20px;
/*background:#fff;*/
color:#1d1d1b;
opacity:0;
}
.references--item-inner img {
max-width:90%;
margin:auto;
display:block
}
.references--item.is-revealed .references--item-inner {
opacity:1
}
.references--item-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-transform:translateY(100%);
transform:translateY(100%);
background:#e6e6e6
}
.references--item:nth-child(3n+0) .references--item-overlay {
background:#d0d0d0
}
.theme--black .references--item:nth-child(3n+0) .references--item-overlay {
background:#030302
}
.references--item:nth-child(3n+1) .references--item-overlay {
background:#ffce17
}
.references--item:nth-child(3n+2) .references--item-overlay {
background:#030302
}
.theme--black .references--item:nth-child(3n+2) .references--item-overlay {
background:#e6e6e6
}
.skills {
padding:100px 10px;
margin:auto;
text-align:center;
position:relative
}
.skills-2 {
padding:20px 10px;
margin:auto;
position:relative
}
.skills-container {
margin-top:-40px;
opacity:0
}
@media only screen and (max-width:660px) {
.skills {
padding:20px 10px
}
.skills-container {
margin-top:0
}
}
.skills-container.is-revealed {
opacity:1
}
.skills--list {
display:inline-block;
vertical-align:top;
width:77%;
position:relative;
padding:40px 20px 40px
}
@media (max-width:900px) {
.skills--list {
width:194px
}
}
.skills--list:nth-child(1) {
margin-top:0px
}
@media (max-width:1250px) {
.skills--list:nth-child(1) {
margin-top:0
}
}
.skills--list:nth-child(3) {
margin-top:0px
}
@media (max-width:1250px) {
.skills--list:nth-child(3) {
margin-top:0
}
}
@media screen and (max-width: 1600px) {
.superheader {
padding:0% 2%;
}
}
.superheaders {
padding:0% 2%;
}
}
.skills--stroke {
position:absolute;
bottom:0;
left:55px;
right:55px;
margin:auto;
height:20px;
background:url(../img/stroke--skills.svg) center bottom repeat-x;
background-size:20px;
opacity:0
}
@media only screen and (max-width:660px) {
.skills--list {
width:100%;
padding:10px
}
.skills--list:last-child {
padding-bottom:50px
}
.skills--stroke {
display:none
}
.skills--list:last-child .skills--stroke {
display:block;
left:-10px;
right:-10px
}
}
.teamover--close, .teamover--content {
right:0;
margin:auto;
position:absolute
}
.skills--title {
font-size:20px;
font-size:1.25rem;
display:inline-block;
padding:20px 0;
margin-bottom:50px;
position:relative;
overflow:hidden
}
.skills--title-2 {
font-size:20px;
font-size: 5vmin;
display:inline-block;
padding:20px 0;
margin-bottom:0px;
position:relative;
overflow:hidden;
font-family: "Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.skills--title-stroke-2 {
background: #fff none repeat scroll 0 0;
bottom: 0;
height: 4px;
right: 0;
transform: translateY(100%);
}
.skills--title .head-text {
font-size:1.85rem;
}
.skills--desc, .territory--desc {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif
}
.skills--title-overlay, .skills--title-stroke {
position:absolute;
left:0;
-webkit-transform:translateY(100%)
}
@media only screen and (max-width:660px) {
.skills--title {
font-size:16px;
font-size:1rem;
margin-bottom:20px
}
}
.skills--title-stroke {
bottom:0;
right:0;
height:4px;
background:#1d1d1b;
transform:translateY(100%)
}
.theme--black .skills--title-stroke {
background:#fff
}
.theme--polar .skills--title-stroke {
background:#fff
}
.skills--title-overlay {
width:100%;
height:100%;
top:0;
background:#ffd94a;
transform:translateY(100%)
}
.skills--desc .splitter-word, .team, .team--item-thumb, .territory {
position:relative
}
.skills--title-text {
display:block;
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}
.skills--title-text-2 {
display:block;
/*-webkit-transform:translateY(100%);
transform:translateY(100%);*/
opacity:1
}
.skills--desc {
font-size:18px;
font-size:1.125rem;
line-height:1.5
}
.skills--desc .splitter-line {
overflow:hidden;
position:relative
}
.territory {
padding:100px 20px;
margin:auto;
text-align:center
}
.territory-container {
opacity:0
}
.territory-container.is-revealed {
opacity:1
}
.territory--bears {
margin-bottom:50px
}
.territory--bears>div {
display:inline-block;
vertical-align:middle;
margin:0 38px
}
.territory--minibear {
width:120px;
opacity:.5
}
.territory--bear {
width:298px;
height:184px
}
@media only screen and (max-width:660px) {
.skills--desc {
font-size:16px;
font-size:1rem
}
.territory {
padding:20px
}
.territory--bears>div {
margin:auto
}
.territory--minibear {
display:none!important
}
.territory--bear {
width:80%;
max-width:300px;
height:auto
}
}
.territory--desc {
font-size:20px;
font-size:1.25rem;
max-width:600px;
margin:auto
}
.post-header--title, .projects--item-title, .teamover--item-title {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.svg-illubear--forme {
fill:none;
stroke:#1d1d1b;
stroke-width:1.2;
stroke-linecap:round;
stroke-linejoin:round;
stroke-miterlimit:10;
stroke-dasharray:3, 5
}
.theme--black .svg-illubear--forme {
stroke:#fff
}
.svg-illubear--path {
stroke:#ffd94a
}
.svg-illubear--circle {
fill:#ffd94a
}
.team {
padding:100px 0;
margin:auto;
text-align:center
}
.team-container {
max-width:1200px;
margin:auto;
opacity:0
}
.team-container.is-revealed {
opacity:1
}
.team--item {
width:388px;
display:inline-block;
vertical-align:top;
margin-bottom:80px
}
@media (min-width:1214px) {
.team--item:nth-child(3n - 1) {
-webkit-transform:translateY(100px);
transform:translateY(100px)
}
}
@media (min-width:901px) and (max-width:1213px) {
.team--item:nth-child(2n) {
-webkit-transform:translateY(100px);
transform:translateY(100px)
}
}
@media (max-width:900px) {
.team--item {
width:194px;
margin-bottom:0
}
}
@media only screen and (max-width:660px) {
.team {
padding:20px 10px
}
.team--item {
width:130px;
margin-bottom:0
}
}
.team--item-thumb {
cursor:pointer;
width:300px;
height:300px;
overflow:hidden;
margin:auto
}
@media (max-width:900px) {
.team--item-thumb {
width:194px;
height:194px
}
}
@media only screen and (max-width:660px) {
.team--item-thumb {
width:130px;
height:130px
}
}
.team--item-img, .team--item-overlay {
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
opacity:0
}
.team--item-overlay {
z-index:2
}
.team--item__c0 .team--item-overlay {
background:#ffd94a
}
.team--item__c1 .team--item-overlay {
background:#1d1d1b
}
.team--item__c2 .team--item-overlay {
background:#ccc
}
.team--item-img {
overflow:hidden;
z-index:1
}
.team--item-img img, .team--item-img video {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
width:300px;
height:300px
}
@media (max-width:900px) {
.team--item-img img, .team--item-img video {
width:194px;
height:194px
}
}
@media only screen and (max-width:660px) {
.team--item-img img, .team--item-img video {
width:130px;
height:130px
}
}
.simplifiedVersion .team--item-img video {
display:none
}
.team--item-polar {
opacity:0
}
.team--item-polar-hover {
opacity:0;
-webkit-transition:.15s;
transition:.15s
}
.team--item-black {
opacity:0
}
.team--item-black-hover {
opacity:0;
-webkit-transition:.15s;
transition:.15s
}
.theme--black .team--item-black, .theme--black .team--item-thumb:hover .team--item-black-hover, .theme--polar .team--item-polar, .theme--polar .team--item-thumb:hover .team--item-polar-hover {
opacity:1
}
.teamover {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
-webkit-transform:translateX(9000%);
transform:translateX(9000%)
}
.teamover--active .teamover {
-webkit-transform:translateX(0);
transform:translateX(0)
}
@media (max-width:992px) {
.teamover {
position:absolute;
top:140px;
height:auto;
-webkit-transform:none;
transform:none;
display:none
}
.teamover--active .teamover {
display:block
}
}
@media only screen and (max-width:660px) {
.teamover {
top:65px
}
}
.teamover--overlay {
position:absolute;
top:0;
left:0;
background:#1d1d1b;
width:100%;
height:100%;
opacity:.9
}
.theme--black .teamover--overlay {
background:#1d1d1b
}
.teamover--content {
width:780px;
left:0;
top:140px;
bottom:100px;
z-index:2
}
@media (max-width:992px) {
.teamover--content {
height:auto;
top:auto;
bottom:auto;
-webkit-transform:none;
transform:none;
width:100%;
padding:0 20px
}
}
.teamover--close {
left:0;
bottom:40px;
width:50px;
height:50px;
cursor:pointer;
z-index:10
}
@media (max-width:992px) {
.teamover--close {
bottom:auto;
left:auto;
right:40px;
top:20px
}
}
@media only screen and (max-width:660px) {
.teamover--content {
padding:0 10px
}
.teamover--close {
right:20px
}
.teamover--nav {
display:none
}
}
.teamover--close-circle, .teamover--close-stroke {
left:0;
right:0;
position:absolute;
top:0;
bottom:0;
margin:auto
}
.teamover--close-stroke {
width:14px;
height:1px;
background:#fff;
-webkit-transition:.7s cubic-bezier(.455, .03, .515, .955);
transition:.7s cubic-bezier(.455, .03, .515, .955);
opacity:0
}
.theme--black .teamover--close-stroke {
background:#fff
}
.teamover--deployed__end .teamover--close-stroke {
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1);
opacity:1
}
.teamover--close-stroke.teamover--close-stroke-a {
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.teamover--close-stroke.teamover--close-stroke-b {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.teamover--close:hover .teamover--close-stroke {
background:#ffd94a
}
.teamover--close:hover .teamover--close-stroke.teamover--close-stroke-a {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.teamover--close:hover .teamover--close-stroke.teamover--close-stroke-b {
-webkit-transform:rotate(0);
transform:rotate(0)
}
.teamover--close-circle path {
fill:none;
stroke:#fff;
stroke-width:2;
stroke-dashoffset:122.59px;
stroke-dasharray:122.592, 122.592;
-webkit-transition:.7s cubic-bezier(.455, .03, .515, .955);
transition:.7s cubic-bezier(.455, .03, .515, .955)
}
.theme--black .teamover--close-circle path {
stroke:#fff
}
.teamover--deployed .teamover--close-circle path {
-webkit-transition:1s .2s cubic-bezier(.77, 0, .175, 1);
transition:1s .2s cubic-bezier(.77, 0, .175, 1)
}
.teamover--deployed__end .teamover--close-circle path {
-webkit-transition:.7s cubic-bezier(.77, 0, .175, 1);
transition:.7s cubic-bezier(.77, 0, .175, 1)
}
.teamover--close-circle.teamover--close-circle-a path {
stroke-dashoffset:122.59px
}
.teamover--deployed__end .teamover--close-circle.teamover--close-circle-a path {
-webkit-transition:.9s cubic-bezier(.77, 0, .175, 1);
transition:.9s cubic-bezier(.77, 0, .175, 1)
}
.teamover--deployed .teamover--close-circle.teamover--close-circle-a path, .teamover--deployed__end .teamover--close-circle.teamover--close-circle-a path {
stroke-dashoffset:0
}
.teamover--close:hover .teamover--close-circle.teamover--close-circle-a path {
stroke-dashoffset:-122.59px
}
.teamover--deployed__end .teamover--close:hover .teamover--close-circle.teamover--close-circle-a path {
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1)
}
.teamover--close-circle.teamover--close-circle-b path {
stroke:#ffd94a;
stroke-dashoffset:122.59px
}
.teamover--deployed__end .teamover--close-circle.teamover--close-circle-b path {
stroke-dashoffset:122.59px
}
.teamover--close:hover .teamover--close-circle.teamover--close-circle-b path {
stroke-dashoffset:-122.59px
}
.teamover--deployed__end .teamover--close:hover .teamover--close-circle.teamover--close-circle-b path {
stroke-dashoffset:0
}
.teamover--nav {
position:absolute;
top:0;
bottom:0;
width:50px;
height:50px;
margin:auto;
cursor:pointer;
z-index:10
}
.teamover--nav__next {
right:-70px;
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
@media (max-width:992px) {
.teamover--nav__next {
bottom:auto;
left:auto;
right:91px;
top:19px;
z-index:100
}
}
.teamover--nav__prev {
left:-70px;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg)
}
@media (max-width:992px) {
.teamover--nav__prev {
bottom:auto;
left:auto;
right:141px;
top:20px;
z-index:100
}
}
.teamover--nav-arrow, .teamover--nav-circle {
top:0;
margin:auto;
position:absolute;
left:0;
right:0;
bottom:0
}
.teamover--nav-arrow {
width:5px;
height:13px;
-webkit-transition:.7s cubic-bezier(.455, .03, .515, .955);
transition:.7s cubic-bezier(.455, .03, .515, .955);
opacity:0;
fill:#fff
}
.teamover--deployed__end .teamover--nav-arrow {
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1);
opacity:1
}
.teamover--nav-arrow svg {
display:block
}
.theme--black .teamover--nav-arrow {
fill:#fff
}
.teamover--nav:hover .teamover--nav-arrow {
fill:#ffd94a;
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
.teamover--nav-circle path {
fill:none;
stroke:#fff;
stroke-width:2;
stroke-dashoffset:122.59px;
stroke-dasharray:122.592, 122.592;
-webkit-transition:.7s cubic-bezier(.455, .03, .515, .955);
transition:.7s cubic-bezier(.455, .03, .515, .955)
}
.theme--black .teamover--nav-circle path {
stroke:#fff
}
.teamover--deployed .teamover--nav-circle path {
-webkit-transition:1s .2s cubic-bezier(.77, 0, .175, 1);
transition:1s .2s cubic-bezier(.77, 0, .175, 1)
}
.teamover--deployed__end .teamover--nav-circle path {
-webkit-transition:.7s cubic-bezier(.77, 0, .175, 1);
transition:.7s cubic-bezier(.77, 0, .175, 1)
}
.teamover--nav-circle.teamover--nav-circle-a path {
stroke-dashoffset:122.59px
}
.teamover--deployed__end .teamover--nav-circle.teamover--nav-circle-a path {
-webkit-transition:.9s cubic-bezier(.77, 0, .175, 1);
transition:.9s cubic-bezier(.77, 0, .175, 1)
}
.teamover--deployed .teamover--nav-circle.teamover--nav-circle-a path, .teamover--deployed__end .teamover--nav-circle.teamover--nav-circle-a path {
stroke-dashoffset:0
}
.teamover--nav:hover .teamover--nav-circle.teamover--nav-circle-a path {
stroke-dashoffset:-122.59px
}
.teamover--deployed__end .teamover--nav:hover .teamover--nav-circle.teamover--nav-circle-a path {
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1)
}
.teamover--nav-circle.teamover--nav-circle-b path {
stroke:#ffd94a;
stroke-dashoffset:122.59px
}
.teamover--deployed__end .teamover--nav-circle.teamover--nav-circle-b path {
stroke-dashoffset:122.59px
}
.teamover--nav:hover .teamover--nav-circle.teamover--nav-circle-b path {
stroke-dashoffset:-122.59px
}
.teamover--deployed__end .teamover--nav:hover .teamover--nav-circle.teamover--nav-circle-b path {
stroke-dashoffset:0
}
.teamover--item {
position:absolute;
left:0;
right:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
opacity:0
}
.teamover--item.teamover--item__active, .teamover--item.teamover--item__current {
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
opacity:1
}
@media (max-width:992px) {
.teamover--item {
position:relative;
display:none
}
.teamover--item.teamover--item__active, .teamover--item.teamover--item__current {
-webkit-transform:none;
transform:none
}
}
.teamover--item.teamover--item__current {
z-index:50;
display:block
}
.teamover--item-thumb {
width:50%;
float:left;
min-height:100px;
height:470px;
/*margin-top:-20px;*/
overflow:hidden;
position:relative
}
@media only screen and (max-width:660px) {
.teamover--item-thumb {
width:100%;
float:none;
height:0;
padding-bottom:60%
}
}
@media (max-height:780px) {
.teamover--item-thumb {
margin-top:0
}
}
.teamover--item-thumb img {
display:block
}
@media (max-width:992px) {
.teamover--item-thumb {
margin-top:0;
height:calc(100vh - 140px - 20px)
}
.teamover--item-thumb img {
position:absolute;
z-index:-1;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
min-width:100%;
min-height:100%;
width:auto;
height:auto
}
}
.theme--black .teamover--item-thumb__polar, .theme--polar .teamover--item-thumb__black {
display:none
}
.teamover--item-desc {
width:50%;
float:left;
/*margin-top:20px;*/
overflow:hidden;
position:relative
}
@media only screen and (max-width:660px) {
.teamover--item-desc {
width:100%;
float:none
}
}
@media (max-height:780px) {
.teamover--item-desc {
margin-top:0
}
}
.teamover--item-text {
box-shadow:0 0 0 13px #ffd94a inset;
padding:43px;
background:#1d1d1b;
letter-spacing:-.25em;
min-height:470px
}
.teamover--item-text:before {
width:0;
max-height:384px;
display:inline-block;
vertical-align:bottom
}
.teamover--item-text>div {
letter-spacing:0;
width:100%;
display:inline-block;
vertical-align:bottom
}
.theme--black .teamover--item-text {
background:#1d1d1b
}
.teamover--item-title {
font-size:40px;
font-size:1.6rem;
margin-bottom:30px;
width:100%
}
.teamover--item-title span {
font-size:40px;
font-size:1.0rem;
margin-bottom:30px;
width:100%
}
@media (max-width:992px) {
.teamover--item-desc {
margin-top:0
}
.teamover--item-text:before {
content:none
}
.teamover--item-text {
padding:100px 50px;
min-height:calc(100vh - 160px);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.teamover--item-title {
font-size:30px;
font-size:1.875rem
}
}
@media only screen and (max-width:660px) {
.teamover--item-text {
min-height:auto;
padding:40px
}
.teamover--item-title {
font-size:24px;
font-size:1.5rem
}
}
.teamover--item-markup {
font-size:14px;
font-size:.875rem;
width:100%
}
.teamover--item-markup>* {
margin-top:1em
}
.teamover--item-markup a {
font-weight:700;
position:relative;
border-bottom:2px solid #1d1d1b
}
.theme--black .teamover--item-markup a {
border-bottom:2px solid #fff
}
.teamover--item-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
background:#ffd94a
}
.teamover--item-desc .teamover--item-overlay {
background:#1d1d1b
}
.theme--black .teamover--item-desc .teamover--item-overlay {
background:#fff
}
.projects {
padding:100px 10px;
text-align:center;
position:relative
}
.projects-container {
max-width:1200px;
margin:auto;
opacity:0
}
.projects-container.is-revealed {
opacity:1
}
.projects--list {
width:272px;
display:inline-block;
vertical-align:top;
margin:0 10px
}
@media only screen and (max-width:660px) {
.projects {
padding:20px 10px
}
.projects--list {
margin:0!important;
width:100%
}
}
.projects--list:nth-child(2) {
margin-top:50px
}
.projects--list:nth-child(3) {
margin-top:100px
}
.projects--list:nth-child(4) {
margin-top:150px
}
.projects--item {
width:272px;
display:block;
margin:30px 10px;
position:relative;
overflow:hidden;
z-index:1;
min-height:200px
}
@media only screen and (max-width:660px) {
.projects--item {
width:100%;
margin:20px 0
}
}
.projects-container__reassort .projects--item {
margin:30px 0
}
@media only screen and (max-width:660px) {
.projects-container__reassort .projects--item {
margin:20px 0
}
.projects--item-thumb {
height:120px
}
}
@media only screen and (max-width:989px) {
.projects--item {
border:7px solid #ffd94a;
min-height:auto
}
}
.projects--item-thumb {
opacity:0;
/*background:#282828;*/
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
overflow:hidden;
z-index:-1;
border:3px solid #fff;
}
.projects--item.is-revealed .projects--item-thumb {
opacity:1
}
.projects--item-thumb img {
position:absolute;
top:-9000px;
left:-9000px;
right:-9000px;
bottom:-9000px;
margin:auto;
min-height:100%;
min-width:100%
}
@media only screen and (max-width:989px) {
.projects--item-thumb {
position:relative;
border:none!important
}
}
@media only screen and (min-width:661px) and (max-width:989px) {
.projects--item-thumb {
height:140px
}
}
.projects--item-content {
opacity:0;
display:block;
background:#fff;
color:#1d1d1b;
text-align:left;
border:7px solid #ffd94a;
min-height:200px;
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1);
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.projects--item.is-revealed .projects--item-content {
opacity:1
}
.projects--item:hover .projects--item-content {
-webkit-transform:translateY(0);
transform:translateY(0)
}
@media only screen and (max-width:989px) {
.projects--item-content {
border:none;
min-height:auto;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.projects--item-logo {
display:none
}
}
.projects--item-logo {
text-align:center;
border-bottom:1px solid #e9e9e9;
padding:24px 20px;
-webkit-transition:.5s cubic-bezier(.895, .03, .685, .22);
transition:.5s cubic-bezier(.895, .03, .685, .22);
-webkit-transform:translateY(100px);
transform:translateY(100px);
opacity:0
}
.projects--item-logo img {
max-width:100%
}
.projects--item:hover .projects--item-logo {
-webkit-transition:.5s .2s cubic-bezier(.165, .84, .44, 1), opacity .5s .2s cubic-bezier(.25, .46, .45, .94);
transition:.5s .2s cubic-bezier(.165, .84, .44, 1), opacity .5s .2s cubic-bezier(.25, .46, .45, .94);
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
.projects--item-desc {
padding:20px;
overflow:hidden
}
.projects--item-title {
font-size:16px;
font-size:1rem;
margin-bottom:1rem;
-webkit-transition:.5s cubic-bezier(.895, .03, .685, .22);
transition:.5s cubic-bezier(.895, .03, .685, .22);
-webkit-transform:translateY(100px);
transform:translateY(100px);
opacity:0
}
.projects--item:hover .projects--item-title {
-webkit-transition:.5s .3s cubic-bezier(.165, .84, .44, 1), opacity .5s .3s cubic-bezier(.25, .46, .45, .94);
transition:.5s .3s cubic-bezier(.165, .84, .44, 1), opacity .5s .3s cubic-bezier(.25, .46, .45, .94);
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
@media only screen and (max-width:989px) {
.projects--item-title {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.projects--item-excerpt {
font-size:14px;
font-size:.875rem;
-webkit-transition:.5s cubic-bezier(.895, .03, .685, .22);
transition:.5s cubic-bezier(.895, .03, .685, .22);
-webkit-transform:translateY(100px);
transform:translateY(100px);
opacity:0
}
.projects--item:hover .projects--item-excerpt {
-webkit-transition:.5s .4s cubic-bezier(.165, .84, .44, 1), opacity .5s .4s cubic-bezier(.25, .46, .45, .94);
transition:.5s .4s cubic-bezier(.165, .84, .44, 1), opacity .5s .4s cubic-bezier(.25, .46, .45, .94);
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
@media only screen and (max-width:989px) {
.projects--item-excerpt {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.projects--item-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
z-index:20
}
.post-header, .post-nav {
z-index:7000;
position:relative
}
.projects--item__c0 .projects--item-overlay {
background:#ffd94a
}
.projects--item__c1 .projects--item-overlay {
background:#1d1d1b
}
.projects--item__c2 .projects--item-overlay {
background:#ccc
}
.post-cont {
max-width:1164px;
margin:100px auto;
position:relative
}
@media (max-width:800px) {
.post-cont {
margin:auto
}
}
.post-cont[fullwidth] {
max-width:100%
}
.choices, .post-header--inner {
max-width:1164px;
text-align:center
}
.post-header~.post-cont {
margin-top:0
}
.post-header~.post-cont.post-cont__article {
margin-top:50px
}
.post-item__w50 {
float:left;
width:50%
}
.post-item__w70 {
float:left;
width:66.5%;
}
.box-shadow {
position: relative;
text-align: center;
}
.box-shadow::after {
box-shadow: inset 0 0 1px 5px #ffd94a;
bottom: 0;
content: "";
display: block;
left: 0;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
/*.post-item__w70 img {
border:10px solid #ffd94a;
}*/
.post-article--markup p span {
color:#ffd94a;
font-weight:600;
}
.post-item__w100 {
width:100%;
height:auto;
}
.post-item__w30 {
float:left;
width:33.5%
}
.post-flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center
}
.post-flex-head {
/*display:-webkit-box;
display:-ms-flexbox;
display:flex;*/
-ms-flex-align:center;
align-items:center;
text-align:center;
}
.post-flex-head blockquote p {
margin-top: 15px;
font-size: 16px;
font-size: 1.4rem;
font-family: "Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
line-height: 1.5;
margin-bottom: 20px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 799px) {
.post-item__w70 {
float:left;
width:100%;
}
.post-item__w30 {
float:left;
width:100%
}
}
@media (max-width:800px) {
.post-item__w50 {
width:100%;
float:none
}
.post-flex {
display:block
}
}
.post-header {
background:#1d1d1b;
/*box-shadow:0 1px #eee;*/
opacity:0
}
.theme--black .post-header {
background:#1d1d1b;
box-shadow:0 1px #282828
}
.post-header.is-revealed {
opacity:1
}
.post-nav {
height:80px;
background:#282828;
-webkit-transition:1s cubic-bezier(.215, .61, .355, 1);
transition:1s cubic-bezier(.215, .61, .355, 1)
}
.theme--black .post-nav {
background:#282828
}
.post-header--inner {
margin:auto;
position:relative;
padding:40px 55px;
opacity:0
}
@media only screen and (max-width:660px) {
.post-header--inner {
padding:20px
}
}
.footcontrol .post-header--inner, .post-header.is-revealed .post-header--inner {
opacity:1
}
.post-header--title {
font-size:60px;
font-size:3.75rem;
line-height:1;
/*text-transform:lowercase;*/
text-align:center;
padding:0 0 10px;
display:inline-block;
position:relative;
overflow:hidden
}
@media only screen and (max-width:660px) {
.post-header--title {
font-size:20px;
font-size:1.25rem;
padding:0
}
}
.post-header--title>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#ffd94a;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.post-header--title>span {
display:block;
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}
.post-header--subtitle {
font-size:20px;
font-size:1.25rem;
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
/*text-transform:lowercase;*/
text-align:center;
display:inline-block;
position:relative;
overflow:hidden
}
.post-article--hash, .post-article--title {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.post-article--hash, .post-article--title-2 {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
font-size: 2.88889vmin;
}
.post-header--subtitle>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#1d1d1b;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.theme--black .post-header--subtitle>div {
background:#fff
}
.post-header--subtitle>span {
display:block;
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}
.post-header--nav--arrow, .post-header--nav--stroke {
top:0;
bottom:0;
margin:auto;
opacity:1;
position:absolute
}
.post-header--nav {
position:absolute;
top:0;
bottom:0;
width:50px;
height:50px;
margin:auto;
z-index:10
}
.post-header--nav__prev {
left:30px;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.post-header--nav__next {
right:30px;
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.post-header--nav__close {
left:0;
right:0
}
@media only screen and (max-width:660px) {
.post-header .post-header--nav {
display:none
}
}
.post-header--nav>a {
cursor:pointer
}
.post-header--nav:empty {
display:none
}
.post-header--nav svg {
display:block
}
.post-header--nav--arrow {
width:5px;
height:13px;
left:0;
right:0;
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1);
fill:#fff
}
.theme--black .post-header--nav--arrow {
fill:#fff
}
.post-header--nav:hover .post-header--nav--arrow {
fill:#ffd94a;
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
.post-header--nav--circle {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto
}
.post-header--nav--circle path {
fill:none;
stroke:#fff;
stroke-width:2;
stroke-dashoffset:122.59px;
stroke-dasharray:122.592, 122.592;
-webkit-transition:.7s cubic-bezier(.77, 0, .175, 1);
transition:.7s cubic-bezier(.77, 0, .175, 1)
}
.theme--black .post-header--nav--circle path {
stroke:#fff
}
.post-header--nav--circle.post-header--nav--circle-a path {
-webkit-transition:.9s cubic-bezier(.77, 0, .175, 1);
transition:.9s cubic-bezier(.77, 0, .175, 1);
stroke-dashoffset:0
}
.post-header--nav:hover .post-header--nav--circle.post-header--nav--circle-a path {
stroke-dashoffset:-122.59px;
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1)
}
.post-header--nav--circle.post-header--nav--circle-b path {
stroke:#ffd94a;
stroke-dashoffset:122.59px
}
.post-header--nav:hover .post-header--nav--circle.post-header--nav--circle-b path {
stroke-dashoffset:0
}
.post-header--nav--stroke {
width:14px;
height:1px;
left:0;
right:0;
background:#fff;
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1)
}
.theme--black .post-header--nav--stroke {
background:#fff
}
.post-header--nav--stroke.post-header--nav--stroke-a {
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.post-header--nav--stroke.post-header--nav--stroke-b {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.post-header--nav:hover .post-header--nav--stroke {
background:#ffd94a
}
.post-header--nav:hover .post-header--nav--stroke.post-header--nav--stroke-a {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.post-header--nav:hover .post-header--nav--stroke.post-header--nav--stroke-b {
-webkit-transform:rotate(0);
transform:rotate(0)
}
.post-ss {
position:relative;
background:#1d1d1b;
z-index:7000;
-webkit-transition:.7s .7s cubic-bezier(.215, .61, .355, 1);
transition:.7s .7s cubic-bezier(.215, .61, .355, 1);
opacity:0;
-webkit-transform:translateY(50px);
transform:translateY(50px)
}
.post-ss.is-revealed {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.post-ss--dots {
z-index:100;
position:absolute;
bottom:20px;
right:20px;
cursor:default
}
@media only screen and (max-width:660px) {
.post-ss--dots {
bottom:10px;
right:10px
}
}
.post-ss--dots li {
display:inline-block;
width:20px;
height:20px;
margin:0 -1px;
cursor:pointer;
position:relative
}
.post-ss--dots li:after, .post-ss--dots li:before {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:16px;
height:16px;
border-radius:50%;
margin:auto;
display:block;
content:""
}
.post-ss--dots li:before {
background:#fff;
-webkit-transition:.25s cubic-bezier(.455, .03, .515, .955);
transition:.25s cubic-bezier(.455, .03, .515, .955);
-webkit-transform:scale(.5);
transform:scale(.5)
}
.post-ss--dots li:after {
-webkit-transition:.25s cubic-bezier(.455, .03, .515, .955);
transition:.25s cubic-bezier(.455, .03, .515, .955);
border:2px solid #ffd94a;
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:0
}
.post-ss--dots li:hover:before {
background:#ffce17;
-webkit-transform:scale(.65);
transform:scale(.65)
}
.post-ss--dots li.current:before {
background:#ffd94a;
-webkit-transform:scale(0);
transform:scale(0);
opacity:0
}
.post-ss--dots li.current:after {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
.post-ss--ss {
position:relative;
height:520px;
overflow:hidden
}
.post-ss--ss li {
position:absolute;
top:-1px;
left:-1px;
right:-1px;
bottom:-1px;
margin:auto;
background:#1d1d1b;
overflow:hidden;
-webkit-transform:translateX(100%);
transform:translateX(100%);
z-index:0
}
.post-ss--ss li.current {
z-index:10
}
.post-ss--ss li img {
width:100%;
display:block
}
.post-ss--ready .post-ss--ss li img {
width:100%;
height:auto;
position:absolute;
top:-9000px;
left:-9000px;
right:-9000px;
bottom:-9000px;
margin:auto
}
.map, .post-img {
position:relative;
z-index:7000
}
.post-article {
padding:0 40px;
opacity:0
}
@media (max-width:1100px) {
.post-article {
padding:0 50px
}
}
@media (max-width:800px) {
.post-article {
padding:40px 20px
}
}
.post-article.is-revealed {
opacity:1
}
.post-article--hash {
color:#9b9b9b;
margin-bottom:40px;
font-size:20px;
font-size:1.25rem
}
@media only screen and (max-width:660px) {
.post-article--hash {
margin-bottom:20px;
font-size:14px;
font-size:.875rem
}
}
.post-article--title {
font-size:30px;
/*font-size:1.875rem;*/
font-size: 5vmin;
}
.choice--title, .post-article--subtitle {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif
}
@media only screen and (max-width:660px) {
.post-article--title {
font-size:20px;
font-size:1.25rem
}
}
.post-article--subtitle {
font-size:20px;
font-size:1.25rem;
color:#ffd94a;
padding-top: 20px;
}
.post-article--markup p {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
font-size:1.2rem;
}
@media only screen and (max-width:660px) {
.post-article--subtitle {
font-size:14px;
font-size:.875rem
}
}
.post-article--markup {
margin-top:15px;
font-size:16px;
font-size:1rem
}
.post-article--markup-2 {
margin-top:15px;
font-size:16px;
font-size:1.4rem;
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
}
@media only screen and (max-width:660px) {
.post-article--markup {
margin-top:20px;
font-size:14px;
font-size:.875rem
}
}
.post-img {
letter-spacing:-.25em;
opacity:0
}
.post-img[border] {
padding:50px;
background:#eee
}
.post-img img {
width:100%;
display:block;
}
.post-img img+img {
margin-top:50px
}
@media (max-width:800px) {
.post-img[border] {
padding:10px
}
.post-img img+img {
margin-top:10px
}
}
@media only screen and (min-width:661px) {
.post-img[vertical] img {
display:inline-block;
width:48%;
margin:1%
}
}
.post-img.is-revealed {
opacity:1
}
.contact-smartphone-headline {
margin:50px auto 0
}
.map {
opacity:0;
background:#efefef
}
.mal--link, .map--info {
position:absolute;
z-index:10
}
.map.is-revealed {
opacity:1
}
.map--info {
bottom:40px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
background:#fff;
font-size:12px;
font-size:.75rem;
padding:20px 30px;
border-radius:100px;
color:#1d1d1b
}
.map--embed {
height:550px;
width:100%
}
@media only screen and (max-width:660px) {
.contact-smartphone-headline {
margin:20px auto 0
}
.map--info {
display:none
}
.map--embed {
height:200px
}
}
.mal--link {
top:0;
left:0;
width:100%;
height:100%
}
.choices {
margin:0px auto;
opacity:0
}
@media (max-width:800px) {
.choices {
display:block;
}
}
.choices.is-revealed {
opacity:1
}
.choices__inactive {
display:none
}
.choice {
width:388px;
cursor:pointer;
margin:0 -2px;
display:inline-block;
vertical-align:top;
padding:0 50px
}
@media (max-width:1220px) {
.choice {
width:291px;
padding:0 30px
}
}
.choice:nth-child(2) {
margin-top:60px
}
.choice--title {
font-size:100px;
font-size:6.25rem;
color:#ffd94a;
margin-bottom:20px;
display:inline-block;
position:relative;
overflow:hidden
}
.choice--title-2 {
font-size:100px;
font-size:2.25rem;
color:#ffd94a;
margin-bottom:20px;
display:inline-block;
position:relative;
overflow:hidden;
font-family: "Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
}
.text-align{
text-align: center;
margin-top: 1.5rem;
}
.choice--title-3{
font-size:2.25rem;
color:#ffd94a;
display:inline-block;
overflow:hidden;
font-family: "Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
}
.basic-headline--big-2 {
font-size: 2.25rem;
line-height: 1.1;
margin-bottom: 30px;
padding:70px 40px;
font-family: "Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width:960px) {
.choice {
width:33%;
padding:0 10px
}
.choice--title {
font-size:60px;
font-size:3.75rem;
margin-bottom:10px
}
}
.choice--title>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#1d1d1b;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.theme--black .choice--title>div {
background:#fff
}
.choice--title>span {
display:block;
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}
.choice--subtitle {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:30px;
font-size:1.875rem;
margin-bottom:40px;
position:relative;
overflow:hidden;
padding:0 0 15px
}
@media (max-width:960px) {
.choice--subtitle {
font-size:20px;
font-size:1.25rem;
margin-bottom:20px
}
}
.choice--subtitle>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#ffd94a;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.btnca, .superform {
position:relative
}
.choice--subtitle>span {
display:block;
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}
.choice--desc {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
font-size:20px;
font-size:1.25rem;
margin-bottom:40px;
-webkit-transform:translateY(50px);
transform:translateY(50px);
opacity:0
}
.choice--desc-con {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
font-size:20px;
font-size:1.25rem;
margin-bottom:40px;
opacity:1
}
@media (max-width:960px) {
.choice--desc {
font-size:16px;
font-size:1rem;
margin-bottom:20px
}
.choice--desc-con {
font-size:16px;
font-size:1rem;
margin-bottom:20px
}
}
.superform {
display:none;
max-width:584px;
margin:100px auto;
z-index:7000
}
.superform__active {
display:block
}
@media (max-width:800px) {
.superform .btnca {
display:none
}
.superform {
margin:0 auto 20px;
padding:0 10px
}
}
.superform button, .superform input, .superform textarea {
width:100%;
max-width:100%;
resize:none;
outline:0;
font-family:DINPro, "Helvetica Neue", Helvetica, Arial, sans-serif;
padding:12px 18px;
font-size:14px;
font-size:.875rem;
border-radius:20px;
background:#fff;
border:2px solid #e9e9e9;
color:#1d1d1b;
}
.theme--black .superform button, .theme--black .superform input, .theme--black .superform textarea {
background:#1d1d1b;
border:2px solid #343434;
color:#fff
}
.superform button:focus, .superform input:focus, .superform textarea:focus {
border-color:#d0d0d0
}
.theme--black .superform button:focus, .theme--black .superform input:focus, .theme--black .superform textarea:focus {
border-color:#4e4e4e
}
.superform button::-webkit-input-placeholder, .superform input::-webkit-input-placeholder, .superform textarea::-webkit-input-placeholder {
color:#959595;
font-family:DINPro, "Helvetica Neue", Helvetica, Arial, sans-serif
}
.superform button::-moz-placeholder, .superform input::-moz-placeholder, .superform textarea::-moz-placeholder {
color:#959595;
font-family:DINPro, "Helvetica Neue", Helvetica, Arial, sans-serif
}
.superform button:-ms-input-placeholder, .superform input:-ms-input-placeholder, .superform textarea:-ms-input-placeholder {
color:#959595;
font-family:DINPro, "Helvetica Neue", Helvetica, Arial, sans-serif
}
.superform button:-moz-placeholder, .superform input:-moz-placeholder, .superform textarea:-moz-placeholder {
color:#959595;
font-family:DINPro, "Helvetica Neue", Helvetica, Arial, sans-serif
}
.bearform-valid.is-active, .superform input[type=submit], .superform span[role=alert], .superform--title {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.superform input[type=submit] {
background:0 0;
cursor:pointer;
display:block;
width:auto;
margin:auto;
padding:12px 50px;
border-radius:40px;
text-transform:lowercase;
-webkit-transition:.25s;
transition:.25s;
border:2px solid #fff;
color:#fff;
}
.theme--black .superform input[type=submit] {
border-color:#343434
}
.superform input[type=submit]:hover {
background:#ffd94a;
border-color:#ffd94a
}
.theme--black .superform input[type=submit]:hover {
color:#000
}
.superform span[role=alert] {
display:block;
height:0;
color:#900;
font-size:10px;
font-size:.625rem;
padding:0 18px;
position:relative;
top:4px;
-webkit-animation:opa1 .5s;
animation:opa1 .5s
}
.theme--black .superform span[role=alert] {
color:red
}
.superform div.wpcf7-mail-sent-ok, .superform div.wpcf7-validation-errors {
display:none!important
}
.bearform--pad {
padding:15px
}
@media (max-width:800px) {
.superform span[role=alert] {
height:auto
}
.bearform--pad {
padding:5px
}
}
.bearform-valid {
display:none
}
.bearform-valid.is-active {
display:block;
font-size:60px;
font-size:3.75rem;
padding:200px 20px;
text-align:center
}
.superform--title {
font-size:60px;
font-size:3.75rem;
text-align:center;
margin-top:50px
}
.superform--subtitle {
font-family:"Bauer Bodoni Std", "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
font-size:20px;
font-size:1.25rem;
text-align:center;
margin-bottom:50px
}
.bearpager-indicator>span, .btn-dropdown, .p404 a, .p404 h1 {
font-family:"Kessel 105", "Helvetica Neue", Helvetica, Arial, sans-serif
}
@media (max-width:800px) {
.superform--subtitle, .superform--title {
display:none
}
}
.btn-dropdown, .btnca svg {
display:block
}
.bearform--b50 {
width:50%;
float:left
}
@media (max-width:800px) {
.bearform--b50 {
width:100%
}
}
.btnca__right {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.btnca__left {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.btnca {
top:0;
bottom:0;
width:50px;
height:50px;
margin:auto;
cursor:pointer;
z-index:10
}
.btnca-arrow, .btnca-circle {
position:absolute;
right:0;
margin:auto;
bottom:0;
top:0;
left:0
}
.btnca-arrow {
width:5px;
height:13px;
-webkit-transition:.7s cubic-bezier(.455, .03, .515, .955);
transition:.7s cubic-bezier(.455, .03, .515, .955);
opacity:0;
fill:#fff
}
.btnca__end .btnca-arrow {
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1);
opacity:1
}
.theme--black .btnca-arrow {
fill:#fff
}
.btnca:hover .btnca-arrow {
fill:#fff;
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
.btnca-circle path {
fill:none;
stroke:#fff;
stroke-width:2;
stroke-dashoffset:122.59px;
stroke-dasharray:122.592, 122.592
}
.theme--black .btnca-circle path {
stroke:#fff
}
.btnca-circle.btnca-circle-a path {
stroke-dashoffset:122.59px;
-webkit-transition:.9s cubic-bezier(.77, 0, .175, 1);
transition:.9s cubic-bezier(.77, 0, .175, 1)
}
.btnca__end .btnca-circle.btnca-circle-a path {
stroke-dashoffset:0
}
.btnca:hover .btnca-circle.btnca-circle-a path {
-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);
transition:.5s cubic-bezier(.77, 0, .175, 1);
stroke-dashoffset:-122.59px
}
.btnca-circle.btnca-circle-b path {
stroke:#ffd94a;
-webkit-transition:.7s cubic-bezier(.77, 0, .175, 1);
transition:.7s cubic-bezier(.77, 0, .175, 1)
}
.btnca__end .btnca-circle.btnca-circle-b path {
stroke-dashoffset:122.59px
}
.btnca:hover .btnca-circle.btnca-circle-b path {
stroke-dashoffset:0
}
.dropdown-contact {
padding:0 15px;
max-width:584px;
margin:auto
}
.btn-dropdown {
width:100%;
margin:-40px auto 5px;
position:relative;
z-index:8000
}
@media only screen and (max-width:660px) {
.btn-dropdown {
margin-top:0
}
}
.btn-dropdown .btn-dropdown--text {
width:100%;
display:block;
cursor:pointer;
-webkit-transition:.15s ease-in-out;
transition:.15s ease-in-out;
padding:12px 18px;
font-size:14px;
font-size:.875rem;
border-radius:20px;
background:#fff;
border:2px solid #e9e9e9;
color:#000
}
.theme--black .btn-dropdown .btn-dropdown--text {
background:#1d1d1b;
border:2px solid #343434;
color:#fff
}
.btn-dropdown .btn-dropdown--text:after {
content:"";
width:0;
height:0;
position:absolute;
right:16px;
top:0;
bottom:0;
margin:auto;
border-width:6px;
-webkit-transform:translateY(4px);
transform:translateY(4px);
border-style:solid;
border-color:#000 transparent transparent;
-webkit-transition:.15s ease-in-out;
transition:.15s ease-in-out
}
.theme--black .btn-dropdown .btn-dropdown--text:after {
border-color:#fff transparent transparent
}
.btn-dropdown input {
position:absolute;
top:0;
left:0;
z-index:-9000;
width:10px;
opacity:0
}
.btn-dropdown--dropdown {
position:absolute;
-webkit-transform:translateY(-2px);
transform:translateY(-2px);
top:100%;
left:0;
right:0;
background:#fff;
color:#333;
border:2px solid #e9e9e9;
border-radius:20px;
overflow:hidden;
display:none
}
.theme--black .btn-dropdown--dropdown {
background:#1d1d1b;
color:#fff;
border:2px solid #343434
}
.btn-dropdown--dropdown.long-dropdown {
max-height:300px;
overflow:auto
}
.btn-dropdown--dropdown a {
display:block;
padding:15px 20px
}
.btn-dropdown--dropdown a:hover {
background:#efefef
}
.theme--black .btn-dropdown--dropdown a:hover {
background:#373734
}
.btn-dropdown--dropdown a.active, .theme--black .btn-dropdown--dropdown a.active {
background:#ffd94a;
color:#1d1d1b
}
.btn-dropdown.active .btn-dropdown--text {
background:#efefef
}
.theme--black .btn-dropdown.active .btn-dropdown--text {
background:#1d1d1b;
color:#fff
}
.btn-dropdown.active .btn-dropdown--dropdown {
opacity:1;
z-index:8000;
display:block
}
.long-dropdown::-webkit-scrollbar {
width:3px
}
.long-dropdown::-webkit-scrollbar-track {
background:#fff
}
.long-dropdown::-webkit-scrollbar-thumb {
background:#484848
}
[bearpager] {
width:200px;
position:absolute;
top:0;
bottom:300px;
z-index:1
}
@media (max-width:1600px) {
[bearpager] {
width:100px
}
}
@media (max-width:1400px) {
[bearpager] {
display:none
}
}
[bearpager][cursor=pointer] {
cursor:pointer
}
[bearpager=left] {
left:0
}
[bearpager=right] {
right:0
}
.indicator-project {
display:none
}
.bearpager-indicator {
position:absolute;
z-index:10000;
top:0;
left:0;
margin-top:-5px;
padding:0 20px;
pointer-events:none;
-webkit-transition:.25s opacity;
transition:.25s opacity;
opacity:0
}
.bearpager-indicator>div {
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
width:5px;
height:13px
}
.bearpager-indicator>div svg {
fill:#1d1d1b;
display:block
}
.theme--black .bearpager-indicator>div svg {
fill:#ffd94a
}
.bearpager-indicator>span {
padding-top:25px;
display:block;
white-space:nowrap;
font-size:10px;
font-size:.625rem
}
.bearpager-indicator.active {
opacity:1
}
.bearpager-indicator[dir=left]>div {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.bearpager-indicator[dir=right]>div {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.p404 {
text-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.p404 h1 {
font-size:14vw;
margin-bottom:50px
}
@media only screen and (max-width:660px) {
.p404 h1 {
font-size:50px;
font-size:3.125rem;
margin-bottom:20px
}
}
.p404 a {
display:inline-block;
font-size:20px;
font-size:1.25rem
}
#__bs_notify__ {
right:40px!important;
top:0!important;
bottom:0!important;
height:50px!important;
margin:auto!important;
border-radius:0!important;
-webkit-animation:bsnotify 2s;
animation:bsnotify 2s;
z-index:999999999999!important
}
@-webkit-keyframes bsnotify {
0%, 100% {
opacity:0
}
20%, 70% {
opacity:1
}
}
@keyframes bsnotify {
0%, 100% {
opacity:0
}
20%, 70% {
opacity:1
}
}
.content-text {
padding:0px 20%;
}
.content-text-2 {
padding:0px 0%;
}
.content-text-2 span {
color: #ffd94a;
}
.content-text-3 {
padding: 0 0;
color: #ffd94a;
}
.awards--item-desc-d {
font-size: 20px;
/* font-size: .75rem; */
margin: 35px 0;
}
.skills--title2 {
font-size: 20px;
font-size: 1.25rem;
display: inline-block;
padding: 0px 10px 10px 10px;
margin: 20px 0px 0px 10px;
position: relative;
overflow: hidden;
}
.skills--title-text a {
text-decoration:none;
}
.post-header--subtitle .upper-text {
text-transform:uppercase;
color:#ffd94a;
}
@font-face {
font-family: "bebas_neueregular";
src: url("../../homeshop-case-study/font/bebasneue_regular-webfont.eot") format("embedded-opentype"), url("../../homeshop-case-study/font/bebasneue_regular-webfont.woff2") format("woff2"), url("../../homeshop-case-study/font/bebasneue_regular-webfont.woff") format("woff"), url("../../homeshop-case-study/font/bebasneue_regular-webfont.ttf") format("truetype"), url("../../homeshop-case-study/font/bebasneue_regular-webfont.svg#bebas_neueregular") format("svg");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family:DINPro;
src:url(../../homeshop-case-study/font/DINPro-Bold.eot);
src:url(../../homeshop-case-study/font/DINPro-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../../homeshop-case-study/font/DINPro-Bold.woff2) format("woff2"), url(../../homeshop-case-study/font/DINPro-Bold.woff) format("woff"), url(../../homeshop-case-study/font/DINPro-Bold.ttf) format("truetype");
font-weight:700;
font-style:normal
}
@font-face {
font-family:DINPro;
src:url(../../homeshop-case-study/font/DINPro-Regular.eot);
src:url(../../homeshop-case-study/font/DINPro-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../../homeshop-case-study/font/DINPro-Regular.woff2) format("woff2"), url(../../homeshop-case-study/font/DINPro-Regular.woff) format("woff"), url(../../homeshop-case-study/font/DINPro-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Kessel 105';
src:url(../../homeshop-case-study/font/Kessel105-Bold.eot);
src:url(../../homeshop-case-study/font/Kessel105-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../../homeshop-case-study/font/Kessel105-Bold.woff2) format("woff2"), url(../../homeshop-case-study/font/Kessel105-Bold.woff) format("woff"), url(../../homeshop-case-study/font/Kessel105-Bold.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Bauer Bodoni Std';
src:url(../../homeshop-case-study/font/BauerBodoniStd-Italic.eot);
src:url(../../homeshop-case-study/font/BauerBodoniStd-Italicd41d.eot?#iefix) format("embedded-opentype"), url(../../homeshop-case-study/font/BauerBodoniStd-Italic.woff2) format("woff2"), url(../../homeshop-case-study/font/BauerBodoniStd-Italic.woff) format("woff"), url(../../homeshop-case-study/font/BauerBodoniStd-Italic.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family: "bebas_neueregular";
src: url("../../khaiedu-case-study/font/bebasneue_regular-webfont.eot") format("embedded-opentype"), url("../../khaiedu-case-study/font/bebasneue_regular-webfont.woff2") format("woff2"), url("../../khaiedu-case-study/font/bebasneue_regular-webfont.woff") format("woff"), url("../../khaiedu-case-study/font/bebasneue_regular-webfont.ttf") format("truetype"), url("../../khaiedu-case-study/font/bebasneue_regular-webfont.svg#bebas_neueregular") format("svg");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family:DINPro;
src:url(../../khaiedu-case-study/font/DINPro-Bold.eot);
src:url(../../khaiedu-case-study/font/DINPro-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../../khaiedu-case-study/font/DINPro-Bold.woff2) format("woff2"), url(../../khaiedu-case-study/font/DINPro-Bold.woff) format("woff"), url(../../khaiedu-case-study/font/DINPro-Bold.ttf) format("truetype");
font-weight:700;
font-style:normal
}
@font-face {
font-family:DINPro;
src:url(../../khaiedu-case-study/font/DINPro-Regular.eot);
src:url(../../khaiedu-case-study/font/DINPro-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../../khaiedu-case-study/font/DINPro-Regular.woff2) format("woff2"), url(../../khaiedu-case-study/font/DINPro-Regular.woff) format("woff"), url(../../khaiedu-case-study/font/DINPro-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Kessel 105';
src:url(../../khaiedu-case-study/font/Kessel105-Bold.eot);
src:url(../../khaiedu-case-study/font/Kessel105-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../../khaiedu-case-study/font/Kessel105-Bold.woff2) format("woff2"), url(../../khaiedu-case-study/font/Kessel105-Bold.woff) format("woff"), url(../../khaiedu-case-study/font/Kessel105-Bold.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Bauer Bodoni Std';
src:url(../../khaiedu-case-study/font/BauerBodoniStd-Italic.eot);
src:url(../../khaiedu-case-study/font/BauerBodoniStd-Italicd41d.eot?#iefix) format("embedded-opentype"), url(../../khaiedu-case-study/font/BauerBodoniStd-Italic.woff2) format("woff2"), url(../../khaiedu-case-study/font/BauerBodoniStd-Italic.woff) format("woff"), url(../../khaiedu-case-study/font/BauerBodoniStd-Italic.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family: "bebas_neueregular";
src: url("../../bhonko-case-study/font/bebasneue_regular-webfont.eot") format("embedded-opentype"), url("../../bhonko-case-study/font/bebasneue_regular-webfont.woff2") format("woff2"), url("../../bhonko-case-study/font/bebasneue_regular-webfont.woff") format("woff"), url("../../bhonko-case-study/font/bebasneue_regular-webfont.ttf") format("truetype"), url("../../bhonko-case-study/font/bebasneue_regular-webfont.svg#bebas_neueregular") format("svg");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family:DINPro;
src:url(../../bhonko-case-study/font/DINPro-Bold.eot);
src:url(../../bhonko-case-study/font/DINPro-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../../bhonko-case-study/font/DINPro-Bold.woff2) format("woff2"), url(../../bhonko-case-study/font/DINPro-Bold.woff) format("woff"), url(../../bhonko-case-study/font/DINPro-Bold.ttf) format("truetype");
font-weight:700;
font-style:normal
}
@font-face {
font-family:DINPro;
src:url(../../bhonko-case-study/font/DINPro-Regular.eot);
src:url(../../bhonko-case-study/font/DINPro-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../../bhonko-case-study/font/DINPro-Regular.woff2) format("woff2"), url(../../bhonko-case-study/font/DINPro-Regular.woff) format("woff"), url(../../bhonko-case-study/font/DINPro-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Kessel 105';
src:url(../../bhonko-case-study/font/Kessel105-Bold.eot);
src:url(../../bhonko-case-study/font/Kessel105-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../../bhonko-case-study/font/Kessel105-Bold.woff2) format("woff2"), url(../../bhonko-case-study/font/Kessel105-Bold.woff) format("woff"), url(../../bhonko-case-study/font/Kessel105-Bold.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Bauer Bodoni Std';
src:url(../../bhonko-case-study/font/BauerBodoniStd-Italic.eot);
src:url(../../bhonko-case-study/font/BauerBodoniStd-Italicd41d.eot?#iefix) format("embedded-opentype"), url(../../bhonko-case-study/font/BauerBodoniStd-Italic.woff2) format("woff2"), url(../../bhonko-case-study/font/BauerBodoniStd-Italic.woff) format("woff"), url(../../bhonko-case-study/font/BauerBodoniStd-Italic.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family: "bebas_neueregular";
src: url("../../nmu-case-study/font/bebasneue_regular-webfont.eot") format("embedded-opentype"), url("../../nmu-case-study/font/bebasneue_regular-webfont.woff2") format("woff2"), url("../../nmu-case-study/font/bebasneue_regular-webfont.woff") format("woff"), url("../../nmu-case-study/font/bebasneue_regular-webfont.ttf") format("truetype"), url("../../nmu-case-study/font/bebasneue_regular-webfont.svg#bebas_neueregular") format("svg");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family:DINPro;
src:url(../../nmu-case-study/font/DINPro-Bold.eot);
src:url(../../nmu-case-study/font/DINPro-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../../nmu-case-study/font/DINPro-Bold.woff2) format("woff2"), url(../../nmu-case-study/font/DINPro-Bold.woff) format("woff"), url(../../nmu-case-study/font/DINPro-Bold.ttf) format("truetype");
font-weight:700;
font-style:normal
}
@font-face {
font-family:DINPro;
src:url(../../nmu-case-study/font/DINPro-Regular.eot);
src:url(../../nmu-case-study/font/DINPro-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../../nmu-case-study/font/DINPro-Regular.woff2) format("woff2"), url(../../nmu-case-study/font/DINPro-Regular.woff) format("woff"), url(../../nmu-case-study/font/DINPro-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Kessel 105';
src:url(../../nmu-case-study/font/Kessel105-Bold.eot);
src:url(../../nmu-case-study/font/Kessel105-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../../nmu-case-study/font/Kessel105-Bold.woff2) format("woff2"), url(../../nmu-case-study/font/Kessel105-Bold.woff) format("woff"), url(../../nmu-case-study/font/Kessel105-Bold.ttf) format("truetype");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Bauer Bodoni Std';
src:url(../../nmu-case-study/font/BauerBodoniStd-Italic.eot);
src:url(../../nmu-case-study/font/BauerBodoniStd-Italicd41d.eot?#iefix) format("embedded-opentype"), url(../../nmu-case-study/font/BauerBodoniStd-Italic.woff2) format("woff2"), url(../../nmu-case-study/font/BauerBodoniStd-Italic.woff) format("woff"), url(../../nmu-case-study/font/BauerBodoniStd-Italic.ttf) format("truetype");
font-weight:400;
font-style:normal
}
.section-inner-home-h {
color: #fff;
font-family: bebas_neueregular;
font-size: 411%;
font-weight: bold;
letter-spacing: 0.0475em;
line-height: 80px;
padding-bottom: 20px;
text-align: center;
}
.head-text-2 {
color: #fff;
font-family:"bebas_neueregular", Helvetica, Arial, sans-serif;
font-size:12.4em;
font-weight: bold;
letter-spacing: 0.0475em;
line-height: 83px;
padding-bottom: 5%;
text-align: center;
text-transform: uppercase;
}
.section-um {
color: #fff;
font-family:"bebas_neueregular", Helvetica, Arial, sans-serif;
font-size: 50px;
letter-spacing: 0.0860em;
line-height: 60px;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
transition: all 0.5s ease 0s;
}
.head-text-3 {
color: #fff;
font-family:"bebas_neueregular", Helvetica, Arial, sans-serif;
font-size: 6.2em;
font-weight: bold;
letter-spacing: 0.0475em;
line-height: 35px;
padding-bottom: 9%;
text-align: center;
}
.head-text-4 {
color: #fff;
font-family:"bebas_neueregular", Helvetica, Arial, sans-serif;
font-size: 411%;
font-weight: bold;
letter-spacing: 0.0475em;
line-height: 80px;
padding-bottom: 20px;
text-align: center;
}
.page-work-title-h {
font-family:"bebas_neueregular", Helvetica, Arial, sans-serif;
font-size: 48px;
letter-spacing: 0.0475em;
line-height: 60px;
color: #ccc;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
transition: all 0.5s ease 0s;
font-weight: bold;
}
.head-text-8 {
font-family:"bebas_neueregular", Helvetica, Arial, sans-serif;
font-size: 16.8em;
font-weight: bold;
letter-spacing: 0.0475em;
line-height: 177px;
padding-bottom: 70px;
text-align: center;
color: #ccc;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
transition: all 0.5s ease 0s;
}
.page-work-title-b {
font-family:"bebas_neueregular", Helvetica, Arial, sans-serif;
font-size: 48px;
letter-spacing: 0.0475em;
line-height: 60px;
color: #ccc;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
transition: all 0.5s ease 0s;
font-weight: bold;
}
.head-text-7 {
color: #ccc;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
transition: all 0.5s ease 0s;
font-family:"bebas_neueregular", Helvetica, Arial, sans-serif;
font-size: 2.2em;
font-weight: bold;
letter-spacing: 0.0475em;
line-height: 31px;
padding-bottom: 2%;
text-align: center;
}
.head-text-6 {
color: #ccc;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
transition: all 0.5s ease 0s;
font-family:"bebas_neueregular", Helvetica, Arial, sans-serif;
font-size: 409%;
font-weight: bold;
letter-spacing: 0.0475em;
line-height: 51px;
padding-bottom: 10px;
text-align: center;
}
.head-text-5 {
color: #ccc;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
transition: all 0.5s ease 0s;
font-family: bebas_neueregular;
font-size: 6em;
font-weight: bold;
letter-spacing: 0.0475em;
line-height: 62px;
padding-bottom: 9%;
text-align: center;
}
.footcontrol .work-pad {
margin:0px 20px;
}
.prehome--title img {
width:20%;
height:20%;
}
.post-article--markup-2 h4 {
font-family:DINPro, "Helvetica Neue", Helvetica, Arial, sans-serif;
display: inline-block;
font-size: 1.25rem;
font-weight:400;
}
.bee {
width:388px;
cursor:pointer;
margin:0 -2px;
display:inline-block;
vertical-align:top;
}
.bee-firt {
padding:0 50px 70px 0px;
}
.bee-middle {
padding:0 20px 70px 30px;
}
.bee-last {
padding:0 0px 70px 49px
}
.bee img {
width:100%;
border:5px #ffd94a solid;
}
.beebox {
margin-top:-50px;
}
.creative {
padding-top:40px;
}
.work-text{
margin: -80px 0 10px;
padding: 125px;
}
@media (max-width:800px) {
.bee-firt {
padding:10px 20px 20px 10px;
}
.bee-middle {
padding:10px 20px 20px 10px;
}
.bee-last {
padding:10px 20px 20px 10px;
}
.bearheader--logo img {
height: 48px;
width: 130px;
padding-top:5px;
}
}
.read-link{
margin: -100px 0 10px;
padding: 80px 0 0;
}
@media only screen and (max-width:660px) {
.team {
padding: 160px 10px 20px;
}
.read-link{
margin: -70px 0 10px;
padding: 80px 0 0;
}
.superheader--titles {
height: 40px;
}
.content-text {
padding: 0px 7%;
}
.basic-headline--big {
line-height: 0.1;
}
.basic-headline--text .text{padding-top:60px;}
.superheader {
margin-top: 20px;
}
.work-text {
padding: 180px 0;
}
.choice--title-2 {
font-size: 1.2rem;
}
.choice--subtitle {
font-size: 0.60rem;
line-height: 15px;
font-weight: normal;
}
.choice--desc {
font-size: 0.90rem;
}
.choice--desc-con {
font-size: 0.90rem;
}
.choice--title {
font-size: 2.75rem;
}
.basic-headline--big-2 {
font-size: 1rem;
padding: 20px 40px;
font-weight: normal;
line-height: 35px;
}
.choice--desc-con {
font-size: 0.51rem;
}
.homenav--svg img {
width: 100%;
}
.scrollto-con {
position: absolute;
bottom: -70px;
left: 0;
right: 0;
margin: auto;
z-index: 7000;
cursor: pointer;
width: 190px;
margin-bottom: -35px;
}
.page-content {
padding-top: 100px;
}
.homenav--subtitle {
font-size: 1.2rem;
}
.bee{width:auto;}
}
.hiden{display:none;}
@media only screen and (max-width:994px) {
.show{display:block;}
.hide{display:none;}
}
@media only screen and (max-width:600px) {
.footcontrol .work-pad{
margin: 20px 20px;
display: block;
}
}