.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.ticker-wrap {
position: fixed;
bottom: 0;
overflow: hidden;
height: 4rem;
width:60%;  box-sizing: content-box;
}
.ticker-wrap .ticker {
margin-top:initial;
display: inline-block;
height: 4rem;
line-height: 4rem;
white-space: nowrap;
padding-left: 100%;
box-sizing: content-box;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-name: ticker;
animation-name: ticker;
-webkit-animation-duration: 75s;
animation-duration: 75s;
}
.ticker-wrap .ticker__item {
display: inline-block; }
.ticker__item,
.ticker__item a > * {
display: inline-block;
vertical-align: middle;
}
.ticker__item a,
.ticker__item a:visited { }
.ticker__item {
margin-right: 100px;
}
.ticker__item h4,
.ticker__item small {
font-size: 1em;
}
.ticker__item small,
.ticker__item {
font-weight: 300;
}
.ticker__item { }
.ticker__item,
.ticker__item h4,
.ticker__item small {
position: relative;
font-size: 12px;
line-height: 1em;
text-transform: uppercase;
}.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.animsition,
.animsition-overlay {
position: relative;
opacity: 0;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .animsition-overlay-slide {
position: fixed;
z-index: 1;
width: 100%;
height: 100%;
background-color: #ddd;
} .animsition-loading,
.animsition-loading:after {
width: 32px;
height: 32px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
border-radius: 50%;
z-index: 100;
}
.animsition-loading {
background-color: transparent;
border-top: 5px solid rgba(0, 0, 0, 0.2);
border-right: 5px solid rgba(0, 0, 0, 0.2);
border-bottom: 5px solid rgba(0, 0, 0, 0.2);
border-left: 5px solid #eee;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-name: animsition-loading;
animation-name: animsition-loading;
}
@-webkit-keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in;
}
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fade-out {
-webkit-animation-name: fade-out;
animation-name: fade-out;
}
@-webkit-keyframes fade-in-up {
0% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-up {
0% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.fade-in-up {
-webkit-animation-name: fade-in-up;
animation-name: fade-in-up;
}
@-webkit-keyframes fade-out-up {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0;
}
}
@keyframes fade-out-up {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0;
}
}
.fade-out-up {
-webkit-animation-name: fade-out-up;
animation-name: fade-out-up;
}
@-webkit-keyframes fade-in-up-sm {
0% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-up-sm {
0% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.fade-in-up-sm {
-webkit-animation-name: fade-in-up-sm;
animation-name: fade-in-up-sm;
}
@-webkit-keyframes fade-out-up-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
}
@keyframes fade-out-up-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
}
.fade-out-up-sm {
-webkit-animation-name: fade-out-up-sm;
animation-name: fade-out-up-sm;
}
@-webkit-keyframes fade-in-up-lg {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-up-lg {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.fade-in-up-lg {
-webkit-animation-name: fade-in-up-lg;
animation-name: fade-in-up-lg;
}
@-webkit-keyframes fade-out-up-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0;
}
}
@keyframes fade-out-up-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0;
}
}
.fade-out-up-lg {
-webkit-animation-name: fade-out-up-lg;
animation-name: fade-out-up-lg;
}
@-webkit-keyframes fade-in-down {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-down {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.fade-in-down {
-webkit-animation-name: fade-in-down;
animation-name: fade-in-down;
}
@-webkit-keyframes fade-out-down {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0;
}
}
@keyframes fade-out-down {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0;
}
}
.fade-out-down {
-webkit-animation-name: fade-out-down;
animation-name: fade-out-down;
}
@-webkit-keyframes fade-in-down-sm {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-down-sm {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.fade-in-down-sm {
-webkit-animation-name: fade-in-down-sm;
animation-name: fade-in-down-sm;
}
@-webkit-keyframes fade-out-down-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
}
@keyframes fade-out-down-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
}
.fade-out-down-sm {
-webkit-animation-name: fade-out-down-sm;
animation-name: fade-out-down-sm;
}
@-webkit-keyframes fade-in-down-lg {
0% {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-down-lg {
0% {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.fade-in-down-lg {
-webkit-animation-name: fade-in-down;
animation-name: fade-in-down;
}
@-webkit-keyframes fade-out-down-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0;
}
}
@keyframes fade-out-down-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0;
}
}
.fade-out-down-lg {
-webkit-animation-name: fade-out-down-lg;
animation-name: fade-out-down-lg;
}
@-webkit-keyframes fade-in-left {
0% {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in-left {
0% {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.fade-in-left {
-webkit-animation-name: fade-in-left;
animation-name: fade-in-left;
}
@-webkit-keyframes fade-out-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0;
}
}
@keyframes fade-out-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0;
}
}
.fade-out-left {
-webkit-animation-name: fade-out-left;
animation-name: fade-out-left;
}
@-webkit-keyframes fade-in-left-sm {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in-left-sm {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.fade-in-left-sm {
-webkit-animation-name: fade-in-left-sm;
animation-name: fade-in-left-sm;
}
@-webkit-keyframes fade-out-left-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
}
@keyframes fade-out-left-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
}
.fade-out-left-sm {
-webkit-animation-name: fade-out-left-sm;
animation-name: fade-out-left-sm;
}
@-webkit-keyframes fade-in-left-lg {
0% {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in-left-lg {
0% {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.fade-in-left-lg {
-webkit-animation-name: fade-in-left-lg;
animation-name: fade-in-left-lg;
}
@-webkit-keyframes fade-out-left-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0;
}
}
@keyframes fade-out-left-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0;
}
}
.fade-out-left-lg {
-webkit-animation-name: fade-out-left-lg;
animation-name: fade-out-left-lg;
}
@-webkit-keyframes fade-in-right {
0% {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in-right {
0% {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.fade-in-right {
-webkit-animation-name: fade-in-right;
animation-name: fade-in-right;
}
@-webkit-keyframes fade-out-right {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0;
}
}
@keyframes fade-out-right {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0;
}
}
.fade-out-right {
-webkit-animation-name: fade-out-right;
animation-name: fade-out-right;
}
@-webkit-keyframes fade-in-right-sm {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in-right-sm {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.fade-in-right-sm {
-webkit-animation-name: fade-in-right-sm;
animation-name: fade-in-right-sm;
}
@-webkit-keyframes fade-out-right-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
}
@keyframes fade-out-right-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
}
.fade-out-right-sm {
-webkit-animation-name: fade-out-right-sm;
animation-name: fade-out-right-sm;
}
@-webkit-keyframes fade-in-right-lg {
0% {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in-right-lg {
0% {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.fade-in-right-lg {
-webkit-animation-name: fade-in-right-lg;
animation-name: fade-in-right-lg;
}
@-webkit-keyframes fade-out-right-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0;
}
}
@keyframes fade-out-right-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0;
}
}
.fade-out-right-lg {
-webkit-animation-name: fade-out-right-lg;
animation-name: fade-out-right-lg;
}
@-webkit-keyframes rotate-in {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
}
@keyframes rotate-in {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
}
.rotate-in {
-webkit-animation-name: rotate-in;
animation-name: rotate-in;
}
@-webkit-keyframes rotate-out {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
}
@keyframes rotate-out {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
}
.rotate-out {
-webkit-animation-name: rotate-out;
animation-name: rotate-out;
}
@-webkit-keyframes rotate-in-sm {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
}
@keyframes rotate-in-sm {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
}
.rotate-in-sm {
-webkit-animation-name: rotate-in-sm;
animation-name: rotate-in-sm;
}
@-webkit-keyframes rotate-out-sm {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
100% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
}
@keyframes rotate-out-sm {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
100% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
}
.rotate-out-sm {
-webkit-animation-name: rotate-out-sm;
animation-name: rotate-out-sm;
}
@-webkit-keyframes rotate-in-lg {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
}
@keyframes rotate-in-lg {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
}
.rotate-in-lg {
-webkit-animation-name: rotate-in-lg;
animation-name: rotate-in-lg;
}
@-webkit-keyframes rotate-out-lg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
}
@keyframes rotate-out-lg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1;
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
}
.rotate-out-lg {
-webkit-animation-name: rotate-out-lg;
animation-name: rotate-out-lg;
}
@-webkit-keyframes flip-in-x {
0% {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flip-in-x {
0% {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1;
}
}
.flip-in-x {
-webkit-animation-name: flip-in-x;
animation-name: flip-in-x;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-x {
0% {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flip-out-x {
0% {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0;
}
}
.flip-out-x {
-webkit-animation-name: flip-out-x;
animation-name: flip-out-x;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flip-in-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1;
}
}
.flip-in-x-nr {
-webkit-animation-name: flip-in-x-nr;
animation-name: flip-in-x-nr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flip-out-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0;
}
}
.flip-out-x-nr {
-webkit-animation-name: flip-out-x-nr;
animation-name: flip-out-x-nr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flip-in-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1;
}
}
.flip-in-x-fr {
-webkit-animation-name: flip-in-x-fr;
animation-name: flip-in-x-fr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flip-out-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
}
.flip-out-x-fr {
-webkit-animation-name: flip-out-x-fr;
animation-name: flip-out-x-fr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y {
0% {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flip-in-y {
0% {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1;
}
}
.flip-in-y {
-webkit-animation-name: flip-in-y;
animation-name: flip-in-y;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-y {
0% {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flip-out-y {
0% {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0;
}
}
.flip-out-y {
-webkit-animation-name: flip-out-y;
animation-name: flip-out-y;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flip-in-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1;
}
}
.flip-in-y-nr {
-webkit-animation-name: flip-in-y-nr;
animation-name: flip-in-y-nr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flip-out-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0;
}
}
.flip-out-y-nr {
-webkit-animation-name: flip-out-y-nr;
animation-name: flip-out-y-nr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flip-in-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1;
}
}
.flip-in-y-fr {
-webkit-animation-name: flip-in-y-fr;
animation-name: flip-in-y-fr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flip-out-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0;
}
}
.flip-out-y-fr {
-webkit-animation-name: flip-out-y-fr;
animation-name: flip-out-y-fr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes zoom-in {
0% {
-webkit-transform: scale(.7);
transform: scale(.7);
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes zoom-in {
0% {
-webkit-transform: scale(.7);
transform: scale(.7);
opacity: 0;
}
100% {
opacity: 1;
}
}
.zoom-in {
-webkit-animation-name: zoom-in;
animation-name: zoom-in;
}
@-webkit-keyframes zoom-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(.7);
transform: scale(.7);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes zoom-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(.7);
transform: scale(.7);
opacity: 0;
}
100% {
opacity: 0;
}
}
.zoom-out {
-webkit-animation-name: zoom-out;
animation-name: zoom-out;
}
@-webkit-keyframes zoom-in-sm {
0% {
-webkit-transform: scale(.95);
transform: scale(.95);
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes zoom-in-sm {
0% {
-webkit-transform: scale(.95);
transform: scale(.95);
opacity: 0;
}
100% {
opacity: 1;
}
}
.zoom-in-sm {
-webkit-animation-name: zoom-in-sm;
animation-name: zoom-in-sm;
}
@-webkit-keyframes zoom-out-sm {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(.95);
transform: scale(.95);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes zoom-out-sm {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(.95);
transform: scale(.95);
opacity: 0;
}
100% {
opacity: 0;
}
}
.zoom-out-sm {
-webkit-animation-name: zoom-out-sm;
animation-name: zoom-out-sm;
}
@-webkit-keyframes zoom-in-lg {
0% {
-webkit-transform: scale(.4);
transform: scale(.4);
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes zoom-in-lg {
0% {
-webkit-transform: scale(.4);
transform: scale(.4);
opacity: 0;
}
100% {
opacity: 1;
}
}
.zoom-in-lg {
-webkit-animation-name: zoom-in-lg;
animation-name: zoom-in-lg;
}
@-webkit-keyframes zoom-out-lg {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(.4);
transform: scale(.4);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes zoom-out-lg {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(.4);
transform: scale(.4);
opacity: 0;
}
100% {
opacity: 0;
}
}
.zoom-out-lg {
-webkit-animation-name: zoom-out-lg;
animation-name: zoom-out-lg;
}
@-webkit-keyframes overlay-slide-in-top {
0% {
height: 100%;
}
100% {
height: 0;
}
}
@keyframes overlay-slide-in-top {
0% {
height: 100%;
}
100% {
height: 0;
}
}
.overlay-slide-in-top {
top: 0;
height: 0;
-webkit-animation-name: overlay-slide-in-top;
animation-name: overlay-slide-in-top;
}
@-webkit-keyframes overlay-slide-out-top {
0% {
height: 0;
}
100% {
height: 100%;
}
}
@keyframes overlay-slide-out-top {
0% {
height: 0;
}
100% {
height: 100%;
}
}
.overlay-slide-out-top {
top: 0;
height: 100%;
-webkit-animation-name: overlay-slide-out-top;
animation-name: overlay-slide-out-top;
}
@-webkit-keyframes overlay-slide-in-bottom {
0% {
height: 100%;
}
100% {
height: 0;
}
}
@keyframes overlay-slide-in-bottom {
0% {
height: 100%;
}
100% {
height: 0;
}
}
.overlay-slide-in-bottom {
bottom: 0;
height: 0;
-webkit-animation-name: overlay-slide-in-bottom;
animation-name: overlay-slide-in-bottom;
}
@-webkit-keyframes overlay-slide-out-bottom {
0% {
height: 0;
}
100% {
height: 100%;
}
}
@keyframes overlay-slide-out-bottom {
0% {
height: 0;
}
100% {
height: 100%;
}
}
.overlay-slide-out-bottom {
bottom: 0;
height: 100%;
-webkit-animation-name: overlay-slide-out-bottom;
animation-name: overlay-slide-out-bottom;
}
@-webkit-keyframes overlay-slide-in-left {
0% {
width: 100%;
}
100% {
width: 0;
}
}
@keyframes overlay-slide-in-left {
0% {
width: 100%;
}
100% {
width: 0;
}
}
.overlay-slide-in-left {
width: 0;
-webkit-animation-name: overlay-slide-in-left;
animation-name: overlay-slide-in-left;
}
@-webkit-keyframes overlay-slide-out-left {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes overlay-slide-out-left {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.overlay-slide-out-left {
left: 0;
width: 100%;
-webkit-animation-name: overlay-slide-out-left;
animation-name: overlay-slide-out-left;
}
@-webkit-keyframes overlay-slide-in-right {
0% {
width: 100%;
}
100% {
width: 0;
}
}
@keyframes overlay-slide-in-right {
0% {
width: 100%;
}
100% {
width: 0;
}
}
.overlay-slide-in-right {
right: 0;
width: 0;
-webkit-animation-name: overlay-slide-in-right;
animation-name: overlay-slide-in-right;
}
@-webkit-keyframes overlay-slide-out-right {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes overlay-slide-out-right {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.overlay-slide-out-right {
right: 0;
width: 100%;
-webkit-animation-name: overlay-slide-out-right;
animation-name: overlay-slide-out-right;
}@font-face {
font-family: aReg;
src: url(//alliedfeather.com/wp-content/themes/afd/fonts/afd20/aRegular.woff);
font-display: swap;
}
@font-face {
font-family: "aM";
src: url(//alliedfeather.com/wp-content/themes/afd/fonts/afd20/aM.woff);
font-display: swap;
}
@font-face {
font-family: aBold;
src: url(//alliedfeather.com/wp-content/themes/afd/fonts/afd20/aBold.woff);
font-display: swap;
}
@font-face {
font-family: hn65;
src: url(//alliedfeather.com/wp-content/themes/afd/fonts/afd20/hn65.woff);
font-display: swap;
}
@keyframes fade{
0% {opacity: 0;}
20% {opacity: 1;}
33% {opacity: 1;}
53% {opacity: 0;}
100% {opacity: 0;}
}
@keyframes fade2{
0% {opacity: 0;}
20% {opacity: 1;}
33% {opacity: 1;}
53% {opacity: 0;}
100% {opacity: 0;}
}
#trigger3 {
position: relative;
grid-row-start: 5;
grid-row-end: 6;
}
html {
scroll-behavior: smooth;
}
html, body {
background-color: #0f0f0f;
color: #6d6d6d;
margin: initial;
font-family: hn65, serif;
}
html[lang="zh-CN"] .divider small,
html[lang="zh-CN"] .modal-content p,
html[lang="zh-CN"] .title,
html[lang="zh-CN"] .gallery__content{
font-family: "aM", "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
line-height:1.5;
}
html[lang="zh-CN"] header.subnav,
html[lang="zh-CN"] .announce,
html[lang="zh-CN"] .intro p, 
html[lang="zh-CN"] .banner p, 
html[lang="zh-CN"] .divider p{
font-family:aReg, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
}
html[lang="zh-CN"] .announce{
line-height:1;
}
html[lang="zh-CN"] .gallery__item > div > table,
html[lang="zh-CN"] .site-foot nav h3{
font-family:hn65, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
}
body { transition: opacity 750ms ease;
transition-delay: 1000ms;
overflow-x: hidden; }
body::-webkit-scrollbar-track { }
body::-webkit-scrollbar { }
body::-webkit-scrollbar-thumb { }
main { }
.photoGallery::-webkit-scrollbar { }
.photoGallery::-webkit-scrollbar-track { }
.photoGallery::-webkit-scrollbar { }
.photoGallery::-webkit-scrollbar-thumb { } body.is-loaded {
opacity: 1;
}
h1, h2, h3, h4 {
font-weight: normal;
}
a{
color:inherit;
text-decoration:none;
}
.gallery__item table a{
text-decoration: underline;
}
header h2 {
margin: initial;
} body.is-loaded {
opacity: 1;
}
h1, h2, h3, h4 {
font-weight: normal;
}
a{
color:inherit;
text-decoration:none;
}
.gallery__item table a{
text-decoration: underline;
}
header h2 {
margin: initial;
}
.photoGallery {
height: 100vh;
width: 100%;
overflow-x: hidden;
overflow-y: auto; scroll-snap-type: y mandatory;
scrollbar-width: thin;
scrollbar-color: #000 transparent;
}
.photoGallery > * {
scroll-snap-align: center none;
}
.hero.art,
.hero.gallery,
.znrth {
height: 100vh;
position: relative;
display: flex;
align-content: center;
justify-content: center;
}
@media only screen and (min-width: 640px) {
.hero.art,
.hero.gallery,
.znrth {
height: 100vh;
}
} 	
.znrth {
width: 100%; background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.znrth.b { }
.hero.art.gallery { }
.slide {
opacity: 0;
background-color: #7d7d7d;
background-image: url(//alliedfeather.com/wp-content/themes/afd/css/zeronrth/kinetic.min.jpeg);
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100vh;
z-index: 100;
mix-blend-mode: screen;
}
.bg {
height: 50vh;
position: relative;
background-image: url(//alliedfeather.com/wp-content/themes/afd/css/zeronrth/kinetic.min.jpeg);
}
.bg:before {
content: '';
height: 65px;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(125,125,125,1) 50%, rgba(2,0,36,0) 100%);
}
@media only screen and (min-width: 1112px) {
.hero {
height: 100vh;
}
}
.hero figure,
.photoGallery figure {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: initial;
width: 40%;
width: 65%;
max-width: 490px;
margin: auto;
opacity: 1;
transition: all 250ms ease;
}
.hero figure.logo,
.photoGallery figure.logo {
mix-blend-mode: difference;
}
body.suppers .photoGallery figure {
opacity: 0;
transition: all 250ms ease;
}
@media only screen and (min-width: 767px) {
.hero figure,
.photoGallery figure {
width: 30%;
}
}
@media only screen and (min-width: 1112px) {
.hero figure,
.photoGallery figure {
width: 25%;
}
}
.hero figure div.logo,
.photoGallery figure div.logo {
margin: auto; }
.hero figure div img,
.photoGallery figure div img {
width: 100%;
}
.hero .figure .figcaption {
display: none;
}
.intro { position:relative; display: flex;
flex-direction:column;
padding: 0 0 250px 0; }
@media only screen and (min-width: 767px) {
.intro {
}	
}
.intro > * {
width: 95%;
margin:auto;
}
.intro h2 {
color:#d4d4d4;
text-align: left;
margin: initial;
}
@media only screen and (min-width: 767px) {
.intro{
padding: 200px 0 300px 0;
padding: 0 0 300px 0;
flex-direction:row;
}
.intro > * {
width: 50%;
margin-top:initial;
}	
.intro h2 {
text-align: center;
}
}
.intro .scrollTrig {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 2px;
opacity: 0;
}
.intro .scrollTrig.uno {
background-color: blue;
}
.intro .scrollTrig.dos {
background-color: green;
top: 30%;
}
.intro .scrollTrig.tres {
background-color: aqua;
top: 50%;
}
.intro p { color:#d4d4d4;
font-size: 0.8em;	
line-height:1.6em;
padding-right: 2.5%;
will-change: transform, opacity; }
.intro p.uno {
margin-top: initial;
}
.intro p.quattro {
font-style:italic;
font-size:0.8em;
line-height:1.6em;
margin-bottom: initial;
}
@media only screen and (min-width: 767px) {
.intro p {
font-size: 1em;
padding-left: 15%;
width: 65%;
opacity: 0;
}
.intro p.uno {
opacity: var(--opacitySTU);
}
.intro p.dos {
opacity: var(--opacitySTD);
}
.intro p.tres {
opacity: var(--opacitySTT);
}
.intro p.quattro {
opacity: var(--opacitySTT);
}	
}
.swiper-slide {
background: transparent !important;
overflow: hidden;
position: relative;
}
#single-gallery .swiper-slide {
background: #0f0f0f !important;
}
.derp p {
position: relative;
z-index: 0;
opacity: 0;
transform: translateY(20%);
transition: opacity 2000ms ease, transform 1500ms ease;
}
.derp .mask {
display: flex;
justify-content: center;
flex-direction: column;
position: absolute;
z-index: 100;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform-origin: center center;
transform: rotate(-90deg);
transition: all 250ms ease;
}
.derp.hot .mask {
transform: rotate(0);
}
.derp .mask:before,
.derp .mask:after { height: 100%;
display: block;
transition: all 250ms ease;
transition-delay: 250ms;
}
.derp.hot .mask:before {
transform: translateX(100%);
}
.derp.hot .mask:after {
transform: translateX(-100%);
}
.derp .mask:before { }
.derp .mask:after { }
.product .swiper-slide p.title,
.product .swiper-slide p.price{
opacity: 0;
}
.product .swiper-slide p.title {
mix-blend-mode:difference;
transform: translateY(15%);
transition: transform 750ms ease,opacity 1000ms ease;
}
.derp .swiper-slide-active p,
.product .swiper-slide-active p.title,
.product .swiper-slide-active p.price {
opacity: 1;
transform: translateY(0);
}
.intro {
overflow: hidden;
}
.introBG { position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; background-size: cover;
background-position: center bottom;
mix-blend-mode: overlay;
animation-name: example;
animation-duration: 900s;
animation-iteration-count: infinite;
}
.introBG:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url(//alliedfeather.com/wp-content/themes/afd/css/zeronrth/bg_025.png);
background-size: cover;
background-position: center top; opacity: 0.75;
transition: transform 20000ms ease;
will-change: transform;
}
.intro:hover .introBG:before {
transform: scale(1.05) translateY(-5%);
}
@media only screen and (min-width: 767px) {
.intro { }
.intro > * { }
.intro .introBG {
width: 100%;
}
}
.banner {
position: relative;
text-align:center;
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: 5% auto 5%;
grid-template-rows: auto;
}
.banner .titles {
width:100%;
text-align:center;
z-index: 10;
position: absolute; left: 0;
right: 0;
margin: auto;
}
.banner .frame {
display: flex;
align-items: center;
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
height: 400px;
will-change: opacity;
}
@media only screen and (min-width: 767px) {
.banner .titles {
top: initial;
transform: initial;
}
.banner .frame {
opacity: 0;
}
}
.banner.three .frame {
grid-column-start: 1;
grid-column-end: 2;
}
.banner h2 {
margin: initial;
margin: auto;
text-align: center;
font-size: 10vw;
line-height: 0.8em;
text-transform: uppercase;
color: #d4d4d4;
}
.banner p {
color: #d4d4d4;
font-size: 0.8em;
font-family: aReg, serif;
text-align: center;
margin-top: 40px;
}
.banner .frame img {
width: 100%;
margin: auto;
will-change:transform, opacity;
}
@media only screen and (min-width: 767px) {
.banner h2 {
font-size: 75px;
}
.banner p { }
.banner.prod h2 {
font-size: 65px;
}
.banner .frame {
height: 750px;
}
.banner.prod .frame {
height: 550px;
}
.banner .frame img {
width: 70%;
}
.banner.prod .frame img {
width: 100%;
}
}
@media only screen and (min-width: 1024px) { .banner .frame img {
width: 70%;
}
}
.four-up {
display: grid;
grid-template-columns: 20% 30% 30% 20%;
grid-template-rows: auto; } .four-up.ng {
position: relative;
display: flex;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
}
.four-uo.ng #trigger2 {
position: absolute;
top: 0;
display: none;
}
.four-up.two {
grid-template-columns: 30% 20% 20% 30%;
grid-template-rows: auto;
margin-top: 160px;
margin-bottom: 340px;
}
.four-up > * {
width: 100%;
will-change: transform;
display: inline-block;
max-width: 25%;
}
.four-up .left {
grid-column-start: 1;
grid-column-end: 2; }
.four-up.two .left {
width: 75%; }
.four-up .middle {
grid-column-start: 2;
grid-column-end: 3; }
.four-up.two .middle {
grid-column-start: 3;
grid-column-end: 4; }
.four-up .right {
grid-column-start: 4;
grid-column-end: 5;
height: 50%;
margin: auto; }
.four-up.two .right {
height: 100%; }
.four-up.ng > img {
width: initial;
margin: initial;
max-width: initial;
will-change:transform
}
.four-up.ng .left {
width: 20%;
}
.four-up.ng #left1 {
transform: translateY(var(--translateYX));
}
.four-up.ng #left1B {
margin-right: 30%;
transform: translateY(var(--translateBA));
}
.four-up.ng .middle {
width: 40%;
}
.four-up.ng #mid1 {
transform: translateY(var(--translateYY));
}
.four-up.ng #mid1B {
transform: translateY(var(--translateYYA));
}
.four-up.ng .right {
margin-left:10%;
width: 30%;
}
@media only screen and (min-width: 767px) {
.four-up.ng .middle{width:30%;}
.four-up.ng .right {
margin-left: 30%;
width: 20%;
}	
}
.four-up.ng #right1 {
transform: translateY(var(--translateYZ));
}
.four-up.ng #right2 {
margin-left: initial;
transform: translateY(var(--translateDCBA));
}
.shop-title {
box-sizing:border-box;
width: 95%;
padding: 0 2.5% 120px 2.5%;
padding: 0 2.5%;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
text-align: center;
margin: auto;  }
@media only screen and (min-width: 767px) {
.shop-title {
width: 50%;
padding:0;   }
}
@media only screen and (min-width: 1400px) {
.shop-title {
width: 45%;
}
}
.cards {
display: flex;
display: none;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch; width: 100vw;
}
.cards >* {
height: 100%;
width: 95%;
margin: 1.5% auto;
}
@media only screen and (min-width: 767px) {
.cards {
flex-direction: row;
flex-wrap: row-wrap;
justify-content: flex-start;
width: 100%;
margin: auto;
}
.cards > * {
box-sizing: border-box;
width: 33.333%;
margin: initial;
}
.cards > *:nth-child(even) { }
}
.cards figure {
position: relative;
}
.cards figure img {
display: block;
width: 100%;
filter: grayscale(1);
will-change: filter;
transition: all 500ms ease;
}
.cards figure:hover img {
width: 100%;
filter: grayscale(0);
}
.cards figure figcaption {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cards figure figcaption p {
margin: initial;
text-align: center;
display: inline-block;
}
.cards figure figcaption .title {
position: absolute;
top: 40%;
left: 0;
right: 0;
font-size: 2em; line-height: 0.8em;
width: 95%;
margin: auto;
color: #ffffff;
transition: font-size 500ms ease;
}
.cards figure:hover .title {  ;
}
.cards figure figcaption .price {
position: absolute;
bottom: 55px;
left: 0;
right: 0;
font-size: 1.2em;
width: fit-content;
margin: auto;
color: #ffffff;
}
.cards figure figcaption .price:before {
position: absolute;
top: -50px;
left: 0;
right: 0;
margin: auto;
content: "+";
font-size: 1.5em;
}
.cards .product-details {
height: 0;
opacity: 0;
overflow: hidden;
transition: height 150ms ease-in-out, opacity 750ms ease-in-out;
width: 100%;
max-height: 960px;
}
.cards.active .product-details {
display: block;
height: 65vh;
opacity: 1;
background-image: url(//alliedfeather.com/wp-content/themes/afd/css/zeronrth/single-details.png);
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
}
header.subnav {
font-family: aReg, serif;
font-family: "aReg", "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
font-size: 10px;
line-height: 1em;
position: fixed;
z-index: 100;
width: 100%;
top: 0;
left:0;
right:0;
padding: 250px 0;
padding: initial;
color: #fff; ;
}
header.subnav ul.polylangProxy{
font-family: "aReg", "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
}
header.subnav.disable li{	
opacity:0;
visibility: hidden;	
transition:none;
}
header.subnav ul {
box-sizing: border-box;
width: 100%;
width:45%;
margin:auto;  transform: translateY(-100%);
transition: transform 250ms ease;
}
header.subnav ul.polylangProxy,
.subNavB ul.polylangProxy{
display:none;
visibility:hidden;
position:absolute;
top:30px;  
right:2.5%;  width:fit-content;  
transition: none;
}
header.subnav.sticky ul.polylangProxy,
.subNavB.enable ul.polylangProxy{
display:block;
visibility:visible;
}
.subNavB ul.polylangProxy{ right:2.5%; }
@media only screen and (min-width: 767px) {
header.subnav ul { }
}
header.subnav.sticky ul {
transform: translateY(0%);
}
header.subnav li.secondary{
transition: opacity .5s, visibility 0s .5s;
}
header.subnav.disable{
z-index:1;	
}
header.subnav.disable ul,
header.subnav li.secondary,
.subNavB ul li{
opacity: 0;
visibility: hidden;
}
.subNavB ul li.secondary{	
transition: all 500ms ease;	
}
.subNavB ul li.secondary,
.subNavB.enable ul li{
opacity: 1;
visibility: visible;
}
header.subnav li:nth-child(2) { }
header.subnav a {
color: inherit;
text-decoration: none;
}
.subnav h2 {
text-align: center;
margin: intial;
margin-bottom: 2em;
}
header.subnav h2 {
position: absolute;
color: transparent;
margin-bottom: initial;
background-image: url(//alliedfeather.com/wp-content/themes/afd-com/img/AFD-2020.min.svg);
background-repeat: no-repeat;
background-position: top left;
background-size: contain;
top: 15px;
left: 2.5%;
width: 45px;
height: 57px;
}
@media only screen and (min-width: 767px) {
header.subnav h2 {
background-image: url(//alliedfeather.com/wp-content/themes/afd/css/img/AFD-2020-wordmark.min.svg);
background-size: cover;
width: 97px;
left: 25px;
}
}
.subnav ul {
list-style-type: none;
padding: initial;
margin: initial;
text-align: center;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
width: 95%;
margin: auto;
}
.subnav ul.center {
justify-content: center;
}
@media only screen and (min-width: 767px) {
.subnav ul {
width: 60%;
flex-direction: row;
}
}
header.subnav.sticky ul {
margin-top: 30px;
}
header.subnav.sticky ul.polylangProxy{
margin-top: initial;
} 
.subnav ul li {   align-self: flex-start;
}
.subnav ul:not(.center) li:last-child { }
.subnav ul li > a {
padding: initial;
}
.subNavWrap{
position:relative;
z-index:900;
}
.subNavB{
position:relative;
z-index:900;
color:#fff;	
font-family: "aReg", "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
inset: initial !important;
}
.subNavB ul{	
list-style-type: none;
padding: initial;
margin: initial;
text-align: center;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
width: 45%;
margin: auto;
font-size:10px;
line-height:1em;	
}
.subNavB ul.polylangProxy li{
margin:initial;
}
@media only screen and (min-width: 767px) {
header.subnav,
.subNavB ul{		
font-size: 14px;	  
}
}
.subNavB ul li{margin-top:30px;}
.divider { overflow:hidden;
}
.divider h2 {
font-size: 25vw;
line-height: 1em;
margin: initial;
white-space: nowrap;
will-change: transform;
transition: transform 0ms linear;
}
.divider h2.active {
transform: translateX(-150%);
transition: transform 20000ms linear;
}
.divider small,
.divider p { font-size: 10px;
line-height: 1.6em;
}
@media only screen and (min-width: 640px) {
.divider small,
.divider p {
font-size: 0.875em;
font-size:17.920000076293945px;
}
}
.divider small {
margin: auto;
display: flex;
justify-content: space-between;
margin-top: 60px;
margin-bottom: 1em;
width: 95%;
max-width: 680px;
}
.divider p {
color: #5C5C5C;
opacity: 0.6;
margin: 2em auto;
width: 95%;
margin: auto;
}
@media only screen and (min-width: 767px) {
.divider p{
width: 80%;
}
}
.intro p,
.banner p,
.divider small,
.divider p,
.modal-content p {
font-family: aReg, serif; font-size: 12.8px;
line-height:1.6em;
}
.modal-content p {font-size: 10px;}
.modal-content p > a {font-family:aM, serifl; text-decoration:underline; font-size:9px;}
.explore {
position: relative;
z-index:1;
padding-top:40vh;	
display: grid;
grid-template-columns: 35% 15% 10% 40%;
grid-template-rows: 160px auto auto auto auto auto auto auto auto;
}
@media only screen and (min-width: 767px) {
.explore {
padding-top:150px;		
}	
}
.explore figure {
margin: initial;
position: relative;
}
.explore figure img {
width: 100%;
display: block;
}
.explore .sidekick {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
width: 100%;
max-width: 303px;
margin-left: -100%;
will-change: transform;
transform: translateY(var(--translateYE));
}
.explore .itc,
.explore .route-to-root,
.explore .large.left {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 3;
grid-row-end: 4;
will-change: transform;
transform: translateY(var(--translateYD));
}
.gallery__item figcaption a,
.itc figcaption a,
.smallB figcaption a,
.divider a {
text-decoration: none;
color: inherit;
}
.itc figcaption p,
.route-to-root figcaption p,
.smallB figcaption p {
color: #d4d4d4;
position: relative;
margin: initial;
padding: 30px 10% 2.5% 5%;
text-transform: uppercase;
font-size: 12px;
line-height: 1em;
}
@media only screen and (min-width: 900px) {
.itc figcaption p,
.gallery__item.small figcaption p,
.smallB figcaption p {
font-size: 19px;
}
.smallB figcaption p {
padding-left:0;
}
} .route-to-root figcaption p:after,
.gallery__link:after,
.largeB:after,
.largeC:after,
.large:after {
color: #fff;
position: absolute;
content: '+';
font-size: 22px;
line-height: 1em;
}
.itc figcaption p:after,
.route-to-root figcaption p:after,
.smallB p:after {
top: 30px;
right: 0;
}
@media only screen and (min-width: 767px) {
.itc figcaption p:after,
.route-to-root figcaption p:after,	
.smallB p:after {
top: -1em;
right: 3%;	
}
}
.gallery__item > div,
.smallB > div {
cursor: crosshair;
position: relative;
display: block;
box-sizing: border-box;
}
.gallery__item > div > p,
.gallery__item > div > table,
.smallB > div > p {
opacity: 0;
font-size: 12.8px;
line-height: 1.4em;
text-transform: initial;
position: absolute;
z-index:3000;
width: 100%;
padding: 5%;
bottom: 0;
left: 0;
color: #d4d4d4;
}
@media only screen and (min-width: 767px) {
.gallery__item > div > p,
.gallery__item > div > table,
.smallB > div > p {
font-size: 9px;
}
}
.gallery__item > div > table{
bottom: 5%;
}
@media only screen and (min-width: 900px) {
.gallery__item > div > p,
.gallery__item > div > table,
.smallB > div > p {
width: 90%;
font-size: 1vw;
bottom: 2.5%;
}
.gallery__item > div > table{
bottom:0;
}
}
@media only screen and (min-width: 1024px) {
.gallery__item > div > p,
.gallery__item > div > table,
.smallB > div > p {
font-size: 0.8em;
}
}
.gallery__item > div > table {
box-sizing: border-box; font-family: "aReg", monospace;
}
.gallery__item > div > table a{
font-family: "aM", monospace;
font-size:11px;
}
.gallery__item > div > table td {
padding: 2.5%;
vertical-align: top;
}
.gallery__item > div > table td:first-child {
width: 30%;
}
.gallery__item > div > table td:last-child {
width: 70%;
}
.gallery__item > a > p,
.gallery__item > a > img,
.gallery__item > a > table,
.gallery__item > figcaption,
.smallB > a > p,
.smallB > a > img {
transition: opacity 1000ms ease;
}
.gallery__item > div:hover + figcaption,
.gallery__item > div:hover > p,
.gallery__item > div:hover > img,
.gallery__item > div:hover > table,
.smallB > div:hover > p,
.smallB > div:hover > img{
opacity: 0.1;
transition: opacity 1000ms ease;
}
.gallery__item:hover > div > img{
opacity: 0.1;
}
.gallery__item:hover >div + figcaption,
.smallB:hover > div > img{	
}
.gallery__item > div:hover > p, .smallB > div:hover > p {
display: block;
opacity: 1;
}
.gallery__item > div > p:after,
.smallB > div > p:after {
display: none;
}
.gallery__item > div > p,
.gallery__item > div > table {
opacity: 0;
visibility: hidden;
transition: opacity .5s, visibility 0s .5s;
}
.gallery__item > div:hover > p,
.gallery__item > div:hover > table,
.gallery__item:hover > div > p,
.gallery__item:hover > div > table{
opacity: 1;
visibility: visible;
transition: all 500ms ease;
}
.gallery__item:hover figcaption,
.gallery__item:hover figcaption > *{
opacity: 0.1;
}
.gallery__item.small:hover figcaption,
.gallery__item.small:hover figcaption > *{
opacity:1;
}
.gallery__link:after,
.largeB:after,
.largeC:after,
.large:after,
.largeA > div:after,
.large > div:after {
top: 5px;
left: 3%;
}
@media only screen and (min-width: 767px) {
.gallery__link:after,
.largeB:after,
.largeC:after,
.largeA > div:after,
.large > div:after {
top: 0.8em;
}
.itc figcaption p:after,
.gallery__item figcaption p:after,
.smallB p:after {
top: 28px;
right: 3%;
}
.smallB p:after {
top: 1.4em;
}
}
.explore .largeA {
grid-column-start: 5;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 4;
position: relative;
width: 100%;
max-width: 756px;
margin: auto;
margin-top: 0;
margin-right: 0;
transform: translateY(-50%);
}
.explore .largeA:hover{
grid-column-start: 1;
grid-column-end: 5;
z-index:300;
}
@media only screen and (min-width: 640px) {
.explore .largeA {	 
grid-column-end: 4;
transform: initial;
}
.explore .largeA:hover{
grid-column-start: 5;
grid-column-end: 4;
}
}
.explore .largeA:hover > div{
background-color:#000;
}
.largeA > * {
top: 0;
left: 0;
position: absolute;
}
.largeA > div {
position: relative;
}
.largeA p > small{
font-size: 10px;
line-height: 1.4em;
width: 75%;
margin: auto;
}
@media only screen and (min-width: 640px) {
.largeA p > small{
font-size: 19px;
line-height:1em;
}
}
.explore .smallA {
grid-column-start: 5;
grid-column-end: 4;
grid-row-start: 4;
grid-row-end: 5;
will-change: transform;
transform: translateY(var(--translateYF));
}
.smallA > * {
width: 30%;
margin: auto;
}
.explore .largeB {
grid-column-start: 1;
grid-column-end: 6;
grid-row-start: 5;
grid-row-end: 6;
grid-row-start: 6;
grid-row-end: 7;
position: relative;
width: 60%;
margin: auto;
}
.explore #animateY{width:35%;}
.explore .largeC:hover,
.explore .largeB:hover,
.explore #animateY:hover{
width: 100%;
}
.explore #animateY:hover{
position:absolute;
z-index:10;
grid-column-start: 1;
grid-column-end: 6;
}
.explore #animateY:hover .gallery__content{
padding-left:2.5%;
}
.explore #animateZ{
position:relative;
z-index:0;	
}
@media only screen and (min-width: 767px) {
.explore .largeB {
width: 30%;
}
.explore .largeB:hover{
width: 30%;
}
.explore #animateY:hover{
position:relative;
width:35%;
}
.explore #animateY:hover .gallery__content{
padding:initial;
}
}
.explore figure.largeA figcaption,
.explore figure.largeB figcaption,
.explore figure.largeC figcaption,
.explore figure.large figcaption {
color: #d4d4d4;
width: 95%;
margin: auto;
text-align: center;
position: absolute;
cursor: crosshair;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
font-size: 20px;
line-height: 0.9em;
text-transform: uppercase;
mix-blend-mode:hard-light; ;
}
.explore figure.largeA figcaption {
top: 42.5%;
top: 50%;
}
.explore figure.gallery__item.largeB figcaption small,
.explore figure.gallery__item.largeC figcaption small,
.explore figure.gallery__item.large figcaption small{
display: block;
}
@media only screen and (min-width: 767px) {
.explore figure.gallery__item.largeA figcaption,
.explore figure.gallery__item.largeB figcaption,
.explore figure.gallery__item.largeC figcaption
.explore figure.gallery__item.large figcaption {
font-size: 32px;
} }
@media only screen and (min-width: 1024px) {
.explore figure.gallery__item.largeA figcaption,
.explore figure.gallery__item.largeB figcaption,
.explore figure.gallery__item.largeC figcaption,
.explore figure.gallery__item.large figcaption {
font-size: 47px;
line-height: 1em;	
margin-left: auto;
}
.explore figure.largeA figcaption sup,
.explore figure.largeB figcaption sup,
.explore figure.largeB figcaption small,
.explore figure.largeC figcaption small,
.explore figure.large figcaption small {
font-size: 30px;
}
}
.explore figure.smallB figcaption sup {
font-size: 0.8em;
margin: auto 0.5em;
}
@media only screen and (min-width: 767px) {
.explore figure.smallB figcaption sup {
font-size: 12px;
}
}
.explore figure.largeA figcaption a,
.explore figure.itc figcaption a,
.explore figure.gallery__item figcaption a,
.explore figure.largeB figcaption a,
.explore figure.largeC figcaption a,
.explore figure.large figcaption a {
text-decoration: none;
color: inherit;
}
.gallery__item{
color:#d4d4d4;
}
.explore figure.largeA figcaption p,
.explore figure.largeB figcaption p,
.explore figure.largeC figcaption p,
.explore figure.large figcaption p {
margin: initial;
}
.explore figure.largeA figcaption small,
.explore figure.largeB figcaption small,
.explore figure.largeC figcaption small,
.explore figure.large figcaption small{
display:block;	 	
}
.explore .smallB {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 6;
grid-row-end: 7;
grid-row-start: 7;
grid-row-end: 8;
width: 100%;
margin: auto;
margin-right: 0;
}
.explore .smallB:hover,
.explore .small:hover{	
grid-column-end:end;
transform:initial;
}
@media only screen and (min-width: 767px) {
.explore .smallB,
.explore .small {
width: 73.2%;
}
.explore .small.itc,
.explore .small.route-to-root,
.explore .large.left{
width: 100%;
}
.explore .smallB:hover,
.explore .small:hover {
grid-column-start: 1;
grid-column-end: 2;
}
.explore #animateZC{
width:30%;	
}
}
.explore .route-to-root,
.explore .large.left{
grid-row-start: 8;
grid-row-end: 9;
grid-row-start: 9;
grid-row-end: 10;
}
.explore .largeC {
grid-column-start: 2;
grid-column-end: end;
grid-row-start: 7;
grid-row-end: 8;
grid-row-start: 8;
grid-row-end: 9;
width: 87%;
max-width: 702px;
margin: auto;
margin-left: 0;
will-change: transform, width;
transform: translateY(var(--translateYG));
transition:all 100ms ease;
}
@media only screen and (max-width: 767px) {
.explore .largeC:hover{	
grid-column-start: 1;
transform: initial !important;
}
}
@media only screen and (min-width: 767px) {
.explore .largeC {
grid-column-start: 5;
grid-column-end: 4;
width: 87%;
max-width: 702px;
}
.explore .largeC:hover{	
grid-column-start: 5;
grid-column-end: 4;	
width: 87%;
}
}
.explore .smallC {
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 9;
grid-row-end: 9;
grid-row-start: end;
grid-row-end: end;
width: 40%;
margin: auto;
margin-top: 120px;
}
@media only screen and (min-width: 767px) {
.explore .smallC {
width: 15%;
max-width: 273px;
margin-top: 250px;
}
}
.site-foot .subnav {
padding-bottom: 1.49em;
}
.element {   will-change: opacity;
}
.announce { } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 20px;
}
.swiper.widescreen {
height: auto;
max-height: 100vh;
margin: 250px 0;
width: 100%;
max-width: 1920px;
}
.widescreen picture img {
width: 100%;
}
.swiper {
width: 100%;
margin: auto;
}
.swiper-button-next::after, .swiper-button-prev::after {
font-size:30px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
@media only screen and (min-width: 451px) {
.swiper-slide {
font-size: 1.2vw;
}
}
@media only screen and (min-width: 767px) {
.swiper-slide {
font-size: 18px;
}
}
.swiper-slide picture {
display: block;
width: 100%;
object-fit: contain;
}
.swiper-slide picture > * {
max-width: 100%;
display: block;
}
.swiper-slide picture,
.swiper-slide img.prodHero { }
.productHat{position:relative;}
.productHat .swiper-lazy {
opacity: 0;
transition: opacity 750ms ease;
}
.productHat .swiper-lazy.swiper-lazy-loaded {
opacity: 1;
}
.swiper-button-prev,
.swiper-button-next {
opacity: 0.25;
color: #f8f8f9;
background-image:none;
}
.title {
font-family: hn65, serif;
text-align: center;
text-transform: uppercase;
display: block;
position: absolute;
z-index:10;
top: 45%;
left: 0;
right: 0;
font-size: 28px;
line-height: 0.8em;
width: 95%;
margin: auto;
color: #ffffff;
}
#single-gallery .title{
width:75%;
transition:opacity 750ms ease;
transition-delay:1000ms;
}
@media only screen and (min-width: 640px) {
.title {
transform: translateY(-50%);
font-size: 2em;
font-size:28.8px;
}
}
.price { font-family:"aM", serif;	
position: absolute;
z-index:10;	bottom: 55px;
left: 0;
right: 0;
font-size: 1.2em;
font-size:14px;
line-height:1em;
width: fit-content;
margin: auto;
color: #ffffff;
}
.swiper-slide {
position: relative;
cursor: pointer;
}
.swiper-slide:before,
.price:before {
display: none;
position: absolute;
top: -50px;
left: 0;
right: 0;
margin: auto;
content: "+";
font-size: 1.5em;
font-size:27px;
}
.swiper-wrapper > a,
.swiper-slide > a,
.mySwiper4 > a {
box-sizing: border-box;
position: absolute;
z-index: 100;
cursor: pointer;
text-decoration: none;
top: 1em;
left: 0;
right: 0;
padding-right: 1em;
width: 100%;
margin: auto;
font-size: 25px;
color: #ffffff;
text-align: right;
}
@media only screen and (min-width: 640px) {
.swiper-wrapper > a,
.swiper-slide > a,
.mySwiper4 > a {
top: 5px;
width: 100%; font-size:27px;
}
}
.swiper-wrapper > a {
font-size: 27px;
}
.swiper-slide:before {
top: 5px;
right: 30px;
color: #ffffff;
text-align: right;
}
.product {	
height: auto;
scroll-margin: 4em;
}
#itc,
#dxlb {
position: relative;
scroll-margin: 8em;
}
.productHat .swiper-slide .shade {
display:none;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,1);
transition: background 750ms ease;
}
.productHat .swiper-slide-active .shade,
.productHat .swiper-slide:hover .shade {
background-color: rgba(0,0,0,0);
}
.productHat .swiper-slide img.prodHero,
.productHat .swiper-slide img {
filter:grayscale(100%);
max-width: 100%;
}
.productHat .swiper-slide:hover img.prodHero,
.productHat .swiper-slide-active img.prodHero{
filter:grayscale(0%);
transition: all 750ms ease;
}
@media only screen and (min-width: 640px) {
.productHat .swiper-slide img.prodHero,
.productHat .swiper-slide img {
max-width: 100%;
}
}
body.singleGallery .shade img {
object-fit: contain;
max-width: 80%;
margin: auto;
}
.product-info p,
.product-info > * {
font-size: 12px;
line-height: 1.6em;
}
.swiper-v {
display: none;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
body.deets .swiper-v { }
.mySwiper2,
.mySwiper4 {
width: 100%;
height: 100%;
margin: auto;
}
.mySwiper2 .swiper-slide,
.mySwiper4 .swiper-slide {
background-color: #000;
}
.mySwiper {
position: relative;
z-index: 0;
}
body.singleGallery .shade {
display: block;
}
#main-nav-overlay,
body .productHat #single-gallery,
body .product-info {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .5s, visibility 0s .5s;
-moz-transition: opacity .5s, visibility 0s .5s;
-ms-transition: opacity .5s, visibility 0s .5s;
-o-transition: opacity .5s, visibility 0s .5s;
transition: opacity .5s, visibility 0s .5s;
}
body.menu #main-nav-overlay,
body.deets .productHat #single-gallery,
body.deets .product-info {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .75s ease;
-moz-transition: opacity .75s ease;
-ms-transition: opacity .75s ease;
-o-transition: opacity .75s ease;
transition: opacity .75s ease;
}
.mySwiper4 {
position: absolute;
z-index: 9100;
top: 0;
left: 0;
}
.mySwiper4 .swiper-pagination-bullet,
.mySwiper4 .swiper-pagination-bullet-active {
background-color: #ffffff;
} body .product-info {
box-sizing: border-box;
padding: 2.5%;	
width: 95%;
margin: auto;
color: #d4d4d4;
}
@media only screen and (min-width: 767px) {
body .product-info{
width: 38.333%;
max-width: 960px;
}
}
#prod-dc {
width: 100%;
margin: auto;
}
.product-info .block {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.product-info .block > * { }
.product-info .block .two {
box-sizing: border-box;
width: 50%;
}
.product-info .block h4 {
font-family: "aBold", serif;
font-weight: normal;
font-size: 16px;
line-height: 1em;
}
.product-info .block p {
font-family: "aReg", serif;
font-weight: normal;
color: #f8f8f9;
font-size: 10px;
line-height: 1.6em;
}
.product-info .top.block > * {
margin-left: initial;
}
.product-info .top.block p {
font-size: 14px;
} .shopify-buy-frame--toggle.is-sticky {
position: absolute;
top: 18px !important;
right: 30px !important;
transform: initial !important;
}
.shopify-buy__cart-toggle {  background-color: transparent !important;
}
.shopify-buy__cart-toggle__count {
display: none;
}
.shopify-buy__type--center {
text-align: center;
}
.shopify-buy--visually-hidden {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.shopify-buy__btn,
.shopify-buy__btn[disabled] {
background-color: transparent !important;
}
.shopify-buy__btn:hover,
.shopify-buy__btn[disabled] {
color: #f8f8f9 !important;
}
.shopify-buy__btn {
color: #fff;
font-size: 15px;
padding: 12px 40px;
letter-spacing: .3px;
display: block;
border-radius: 3px;
cursor: pointer;
-webkit-transition: background 200ms ease;
transition: background 200ms ease;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.2;
border: 0;
-moz-appearance: none;
-webkit-appearance: none;
}
.shopify-buy__btn:hover, .shopify-buy__btn:focus {
background-color: #5f9d3e;
}
.shopify-buy__btn--parent {
background-color: transparent;
border: 0;
padding: 0;
cursor: pointer;
}
.shopify-buy__btn--parent:hover .product__variant-img, .shopify-buy__btn--parent:focus .product__variant-img {
opacity: .7;
}
.shopify-buy__btn--cart-tab {
padding: 5px 11px;
border-radius: 3px 0 0 3px;
position: fixed;
right: 0;
top: 50%;
-webkit-transform: translate(100%, -50%);
transform: translate(100%, -50%);
opacity: 0;
min-width: inherit;
width: auto;
height: auto;
z-index: 2147483647;
}
.shopify-buy__btn--cart-tab.is-active {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
}
.shopify-buy__btn__counter {
display: block;
margin: 0 auto 10px auto;
font-size: 18px;
}
.shopify-buy__icon-cart--side {
height: 20px;
width: 20px;
vertical-align: middle;
}
.shopify-buy__btn[disabled] {
background-color: #999;
pointer-events: none;
}
.shopify-buy__btn--close {
position: absolute;
right: 9px;
top: 8px;
font-size: 35px;
color: #767676;
border: none;
background-color: transparent;
-webkit-transition: color 100ms ease, -webkit-transform 100ms ease;
transition: color 100ms ease, -webkit-transform 100ms ease;
transition: transform 100ms ease, color 100ms ease;
transition: transform 100ms ease, color 100ms ease, -webkit-transform 100ms ease;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-right: 9px;
}
.shopify-buy__btn--close:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
color: hsl(0, 0%, 41.2745098039%);
}
.shopify-buy__cart-toggle-wrapper {
display: inline-block;
}
.shopify-buy__cart-toggle {
background-color: #78b657;
color: #fff;
border-radius: 3px 0 0 3px;
; padding: 8px 10px;
text-align: center;
display: inline-block;
min-width: 46px;
margin-right: 0;
cursor: pointer;
-webkit-transition: background 200ms ease;
transition: background 200ms ease;
}
.shopify-buy__cart-toggle:hover {
background-color: #5f9d3e;
}
.shopify-buy__cart-toggle__count {
font-size: 18px;
margin-bottom: 10px;
}
.shopify-buy__icon-cart__group {
fill: #fff;
}
.is-inline .shopify-buy__icon-cart, .is-inline .shopify-buy__cart-toggle__title, .is-inline .shopify-buy__cart-toggle__count {
display: inline-block;
vertical-align: middle;
}
.shopify-buy__cart-toggle__title {
font-size: 16px;
font-weight: normal;
}
.shopify-buy__cart-toggle__count {
margin-left: 21px;
margin-bottom: 0;
position: relative;
}
.shopify-buy__cart-toggle__count:before {
content: "";
display: block;
position: absolute;
left: -12px;
height: 100%;
width: 1px;
background-color: #fff;
opacity: 0.3;
}
.is-inline.shopify-buy__cart-toggle {
border-radius: 3px;
padding: 5px 10px;
}
.shopify-buy__cart-toggle:hover {
background-color: #1d1d1d;
}
.shopify-buy__cart-toggle:focus {
background-color: #1d1d1d;
}
.shopify-buy__cart-toggle {
background-color: #111111;
} .shopify-buy__product {
padding-top: 60px;
}
.shopify-buy__select-icon {
display: none;
visibility: hidden;
}
.shopify-buy__product__variant-selectors {
display: flex;
flex-direction: row;
}
.shopify-buy__option-select__select {
appearance: none;
background-color: transparent;
border: none;
border: solid 1px #fff;
padding: 0 1em 0 0;
margin: 0;
width: 100%;
font-family: inherit;
font-size: inherit;
cursor: inherit;
line-height: inherit;
}
.shopify-buy__btn {
padding: initial;
width: 100%;
margin: 1.6em auto;
margin-bottom: 0px;
text-decoration: none;
transition: background 250ms ease-in-out, transform 150ms ease;
font-size: 16px;
line-height: 40px;
}
@media only screen and (min-width: 640px) {
.shopify-buy__btn {
width: 60%;
margin-left:initial;
}
}
.shopify-buy__option-select__select,
.shopify-buy__btn {
border: solid 1px #f8f8f9;
background: transparent;
border-radius: 0;
font-family: aReg, sans-serif;
font-weight: 500;
cursor: crosshair;
text-align: center;
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
}
.shopify-buy__btn:focus,
.shopify-buy__btn:hover {
color: #000;
background: #f8f8f9;
}
.shopify-buy__option-select__select {
padding: 9px 12px;
background: #0f0f0f;
}
.shopify-buy__option-select:nth-child(1) {
order: 2;
}
.shopify-buy__option-select:nth-child(1) .shopify-buy__option-select__select {
background-image: url(//alliedfeather.com/wp-content/themes/afd/css/zeronrth/downArrow_light.svg);
background-size: 20% 20%;
background-repeat: no-repeat;
background-position: 85% 55%;
padding-right: 35px;
}
.shopify-buy__option-select:nth-child(2) {
order: 1;
margin-right: 30px;
}
.shopify-buy__option-select__select option {
background: transparent;
} .photoGallery {
height: 100vh;
width: 100%;
overflow-x: hidden;
overflow-y: auto; scroll-snap-type: y mandatory;
scrollbar-width: thin;
scrollbar-color: #000 transparent;
}
.photoGallery > * {
scroll-snap-align: center none;
}
.hero.art,
.hero.gallery,
.znrth {
height: 100vh;
position: relative;
display: flex;
align-content: center;
justify-content: center;
}
@media only screen and (min-width: 640px) {
.hero.art,
.hero.gallery,
.znrth {
height: 100vh;
}
} 	
.znrth {
width: 100%; background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.znrth.b { }
.hero.art.gallery { }
.slide {
opacity: 0;
background-color: #7d7d7d;
background-image: url(//alliedfeather.com/wp-content/themes/afd/css/zeronrth/kinetic.min.jpeg);
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100vh;
z-index: 100;
mix-blend-mode: screen;
}
.bg {
height: 50vh;
position: relative;
background-image: url(//alliedfeather.com/wp-content/themes/afd/css/zeronrth/kinetic.min.jpeg);
}
.bg:before {
content: '';
height: 65px;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(125,125,125,1) 50%, rgba(2,0,36,0) 100%);
}
@media only screen and (min-width: 1112px) {
.hero {
height: 100vh;
}
}
.hero figure,
.photoGallery figure {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: initial;
width: 40%;
width: 65%;
max-width: 490px;
margin: auto;
opacity: 1;
transition: all 250ms ease;
}
.hero figure.logo,
.photoGallery figure.logo {
mix-blend-mode: difference;
}
body.suppers .photoGallery figure {
opacity: 0;
transition: all 250ms ease;
}
@media only screen and (min-width: 767px) {
.hero figure,
.photoGallery figure {
width: 30%;
}
}
@media only screen and (min-width: 1112px) {
.hero figure,
.photoGallery figure {
width: 25%;
}
}
.hero figure div.logo,
.photoGallery figure div.logo {
margin: auto; }
.hero figure div img,
.photoGallery figure div img {
width: 100%;
}
.hero .figure .figcaption {
display: none;
}
.intro {
position:relative;  display: flex;
flex-direction:column;  }
.intro > * {
width: 95%;
margin:auto;
}
.intro h2 {
text-align: left;
margin-top: initial;
}
@media only screen and (min-width: 767px) {
.intro{ flex-direction:row;
}
.intro > * { margin-top:initial;
}	
.intro h2 {
text-align: center;
}
}
.intro .scrollTrig {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 2px;
opacity: 0;
}
.intro .scrollTrig.uno {
background-color: blue;
}
.intro .scrollTrig.dos {
background-color: green;
top: 30%;
}
.intro .scrollTrig.tres {
background-color: aqua;
top: 50%;
}
.intro p {  padding-right: 2.5%;
will-change: transform, opacity; }
.intro p.uno {
margin-top: initial;
}
.intro p.tres {
margin-bottom: initial;
}
@media only screen and (min-width: 767px) {
.intro p { padding-left: 15%;
width: 65%;
opacity: 0;
}
.intro p.uno {
opacity: var(--opacitySTU);
}
.intro p.dos {
opacity: var(--opacitySTD);
}
.intro p.tres {
opacity: var(--opacitySTT);
}
}
.swiper-slide {
background: transparent !important;
overflow: hidden;
position: relative;
}
#single-gallery .swiper-slide {
background: #0f0f0f !important;
}
.derp p {
position: relative;
z-index: 0;
opacity: 0;
transform: translateY(20%);
transition: opacity 2000ms ease, transform 1500ms ease;
}
.derp .mask {
display: flex;
justify-content: center;
flex-direction: column;
position: absolute;
z-index: 100;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform-origin: center center;
transform: rotate(-90deg);
transition: all 250ms ease;
}
.derp.hot .mask {
transform: rotate(0);
}
.derp .mask:before,
.derp .mask:after { height: 100%;
display: block;
transition: all 250ms ease;
transition-delay: 250ms;
}
.derp.hot .mask:before {
transform: translateX(100%);
}
.derp.hot .mask:after {
transform: translateX(-100%);
}
.derp .mask:before {
background-color: red;
}
.derp .mask:after {
background-color: green;
}
.product .swiper-slide p.title,
.product .swiper-slide p.price {
opacity: 0;
}
.product .swiper-slide p.title{
transform: translateY(15%);
transition: transform 750ms ease,opacity 1000ms ease;
mix-blend-mode:difference;
}
.derp .swiper-slide-active p,
.product .swiper-slide-active p.title,
.product .swiper-slide-active p.price {
opacity: 1;
transform: translateY(0);
}
.intro {
overflow: hidden;
}
.introBG { position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; background-size: cover;
background-position: center bottom;
mix-blend-mode: overlay;
animation-name: example;
animation-duration: 900s;
animation-iteration-count: infinite;
}
.introBG:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url(//alliedfeather.com/wp-content/themes/afd/css/zeronrth/bg_025.png);
background-size: cover;
background-position: center top; opacity: 0.75;
transition: transform 20000ms ease;
will-change: transform;
}
.intro:hover .introBG:before {
transform: scale(1.05) translateY(-5%);
}
@media only screen and (min-width: 767px) {
.intro { }
.intro > * { }
.intro .introBG {
width: 100%;
}
}
.banner {
position: relative;
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: 5% auto 5%;
}
.banner .titles {
z-index: 10;
position: absolute;
top:50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;	
mix-blend-mode: difference;
}
.banner .frame {
display: flex;
align-items: center;
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
height: 400px;
will-change: opacity;
}
@media only screen and (min-width: 767px) {
.banner .titles {
top: initial;
transform: initial;
}
.banner .frame {
opacity: 0;
}
}
.banner.three .frame {
grid-column-start: 1;
grid-column-end: 2;
}
.banner h2 {
margin: initial;
margin: auto;
text-align: center; line-height: 0.8em;
text-transform: uppercase;
color: #d4d4d4;
}
.banner p {
color: #d4d4d4; font-family: aReg, serif;
text-align: center;
margin: initial;
margin-top: 40px;
}
.banner .frame img {
width: 100%;
margin: auto;
}
@media only screen and (min-width: 767px) {
.banner h2 { }
.banner.prod h2 {
font-size: 65px;
}
.banner .frame {
height: 750px;
}
.banner.prod .frame {
height: 550px;
}
.banner .frame img {
width: 70%;
}
.banner.prod .frame img {
width: 100%;
}
}
@media only screen and (min-width: 1024px) {
.banner .frame img {
width: 70%;
}
}
.four-up {
display: grid;
grid-template-columns: 20% 30% 30% 20%;
grid-template-rows: auto; min-height:65vh;
} .four-up.ng {
position: relative;
display: flex;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
}
.four-uo.ng #trigger2 {
position: absolute;
top: 0;
display: none;
}
.four-up.two {
grid-template-columns: 30% 20% 20% 30%;
grid-template-rows: auto;
margin-top: 160px;
margin-bottom: 340px;
}
.four-up > * {
width: 100%;
will-change: transform;
display: inline-block;
max-width: 25%;
}
.four-up .left {
grid-column-start: 1;
grid-column-end: 2; }
.four-up.two .left {
width: 75%; }
.four-up .middle {
grid-column-start: 2;
grid-column-end: 3; }
.four-up.two .middle {
grid-column-start: 3;
grid-column-end: 4; }
.four-up .right {
grid-column-start: 4;
grid-column-end: 5;
height: 50%;
margin: auto; }
.four-up.two .right {
height: 100%; }
.four-up.ng > * {
width: initial;
margin: initial;
max-width: initial;
}
.four-up.ng .left {
width: 20%;
}
.four-up.ng #left1 {
transform: translateY(var(--translateYX));
}
.four-up.ng #left1B {
margin-right: 30%;
transform: translateY(var(--translateBA));
}
.four-up.ng .middle {
width: 40%;
}
.four-up.ng #mid1 {
transform: translateY(var(--translateYY));
}
.four-up.ng #mid1B {
transform: translateY(var(--translateYYA));
}
.four-up.ng .right {
margin-left:10%;
width: 30%;
}
@media only screen and (min-width: 767px) {
.four-up.ng .middle{width:30%;}
.four-up.ng .right {
margin-left: 30%;
width: 20%;
}	
}
.four-up.ng #right1 {
transform: translateY(var(--translateYZ));
}
.four-up.ng #right2 {
margin-left: initial;
transform: translateY(var(--translateDCBA));
}  .cards {
display: flex;
display: none;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch; width: 100vw;
}
.cards >* {
height: 100%;
width: 95%;
margin: 1.5% auto;
}
@media only screen and (min-width: 767px) {
.cards {
flex-direction: row;
flex-wrap: row-wrap;
justify-content: flex-start;
width: 100%;
margin: auto;
}
.cards > * {
box-sizing: border-box;
width: 33.333%;
margin: initial;
}
.cards > *:nth-child(even) { }
}
.cards figure {
position: relative;
}
.cards figure img {
display: block;
width: 100%;
filter: grayscale(1);
will-change: filter;
transition: all 500ms ease;
}
.cards figure:hover img {
width: 100%;
filter: grayscale(0);
}
.cards figure figcaption {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cards figure figcaption p {
margin: initial;
text-align: center;
display: inline-block;
}
.cards figure figcaption .title {
position: absolute;
top: 40%;
left: 0;
right: 0;
font-size: 2em; line-height: 0.8em;
width: 95%;
margin: auto;
color: #ffffff;
transition: font-size 500ms ease;
}
.cards figure:hover .title {  ;
}
.cards figure figcaption .price {
position: absolute;
bottom: 55px;
left: 0;
right: 0;
font-size: 1.2em;
width: fit-content;
margin: auto;
color: #ffffff;
}
.cards figure figcaption .price:before {
position: absolute;
top: -50px;
left: 0;
right: 0;
margin: auto;
content: "+";
font-size: 1.5em;
}
.cards .product-details {
height: 0;
opacity: 0;
overflow: hidden;
transition: height 150ms ease-in-out, opacity 750ms ease-in-out;
width: 100%;
max-height: 960px;
}
.cards.active .product-details {
display: block;
height: 65vh;
opacity: 1;
background-image: url(//alliedfeather.com/wp-content/themes/afd/css/zeronrth/single-details.png);
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
}
.subnav {
padding: 250px 0; font-family: "aM", serif;
font-size: 14px;
line-height: 1em;
}
header.subnav {       ;
}
header.subnav ul {
box-sizing: border-box;     }
header.subnav.sticky ul {
transform: translateY(0%);
}
header.subnav li:nth-child(2) { }
header.subnav a {
color: inherit;
text-decoration: none;
}
.subnav h2 {
text-align: center;
margin: intial;
margin-bottom: 2em;
}
header.subnav h2 {
position: absolute;
color: transparent;
margin-bottom: initial;
background-image: url(//alliedfeather.com/wp-content/themes/afd-com/img/AFD-2020.min.svg);
background-repeat: no-repeat;
background-position: top left;
background-size: contain;
top: 15px;
left: 2.5%;
width: 45px;
height: 57px;
}
@media only screen and (min-width: 767px) {
header.subnav h2 {
background-image: url(//alliedfeather.com/wp-content/themes/afd/css/img/AFD-2020-wordmark.min.svg);
background-size: cover;
width: 97px;
left: 25px;
}
}
.subnav ul {
list-style-type: none;
padding: initial;
margin: initial;
text-align: center;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
width: 95%;
margin: auto;
}
.subnav ul.center {
justify-content: center;
}
@media only screen and (min-width: 767px) {
.subnav ul {
width: 60%;
flex-direction: row;
}
}
header.subnav.sticky ul {
margin-top: 30px;
}
.subnav ul li {   align-self: flex-start;
}
.subnav ul:not(.center) li:last-child { }
.subnav ul li > a {
padding: initial;
}
.divider { overflow:hidden;
}
.divider h2 {
font-size: 25vw;
line-height: 1em;
margin: initial;
white-space: nowrap;
will-change: transform;
transition: transform 0ms linear;
}
.divider h2.active {
transform: translateX(-150%);
transition: transform 20000ms linear;
}
.divider small,
.divider p {   }
@media only screen and (min-width: 640px) {
.divider small,
.divider p { }
}
.divider small {
margin: auto;
display: flex;
justify-content: space-between;
margin-top: 60px;
margin-bottom: 1em;
width: 95%;
max-width: 680px;
}
.divider p {
color: #5C5C5C;
opacity: 0.6;
margin: 2em auto;
width: 95%;
margin: auto;
}
@media only screen and (min-width: 767px) {
.divider p{
width: 80%;
}
}
.explore {
position: relative;
display: grid;
grid-template-columns: 35% 15% 10% 40%;	
grid-template-rows: 160px auto auto auto auto auto auto auto auto auto;
}
.explore figure {
margin: initial;
position: relative;
}
.explore figure img {
width: 100%;
display: block;
}
.explore .sidekick {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
width: 100%;
max-width: 303px;
margin-left: -25%;
will-change: transform;
transform: translateY(var(--translateYE));
}
.explore .itc,
.explore .route-to-root,
.explore .large.left {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 3;
grid-row-end: 4;
will-change: transform;
transform: translateY(var(--translateYD));
}
.explore .large.left {
will-change: transform, width;
}
.gallery__item figcaption a,
.itc figcaption a,
.smallB figcaption a,
.divider a {
text-decoration: none;
color: inherit;
}
.itc figcaption p,
.route-to-root figcaption p,
.smallB figcaption p {
color: #d4d4d4;
position: relative;
margin: initial;
padding: 30px 10% 2.5% 5%;
text-transform: uppercase;
font-size: 12px;
line-height: 1em;
}
@media only screen and (min-width: 900px) {
.itc figcaption p,
.gallery__item.small figcaption p,
.smallB figcaption p {
font-size: 19px;
}
} .itc figcaption p:after,
.route-to-root figcaption p:after,
.smallB p:after,
.largeB:after,
.largeC:after,
.large:after {
color: #fff;
position: absolute;
content: '+';
font-size: 22px;
line-height: 1em;
}
.itc figcaption p:after,
.route-to-root figcaption p:after,
.smallB p:after {
top: 30px;
right: 0;
}
@media only screen and (max-width: 766px) {
.itc:hover figcaption p:after{
top: 23px;
}
}
@media only screen and (min-width: 767px) {
.itc figcaption p:after,
.route-to-root figcaption p:after,		
.smallB p:after {
top: -1em;
right: 3%;	
}
}
.gallery__item > div,
.smallB > div {
cursor: crosshair;
position: relative;
display: block;
box-sizing: border-box;
}
.gallery__item > div > p,
.gallery__item > div > table,
.smallB > div > p {
opacity: 0;
font-size: 9px;
line-height: 1.4em;
text-transform: initial;
position: absolute;
z-index:3000;
width: 100%;
padding: 5%;
bottom: 0;
left: 0;
color: #d4d4d4;
}
.gallery__item > div > table{
bottom: 5%;
}
@media only screen and (min-width: 900px) {
.gallery__item > div > p,
.gallery__item > div > table,
.smallB > div > p {
width: 90%;
font-size: 1vw;
bottom: 2.5%;
}
.gallery__item > div > table{
bottom:0;
}
}
@media only screen and (min-width: 1024px) {
.gallery__item > div > p,
.gallery__item > div > table,
.smallB > div > p {
font-size: 0.7em;
}
}
.gallery__item > div > table {
box-sizing: border-box; }
.gallery__item > div > table td {
padding: 2.5%;
vertical-align: top;
}
.gallery__item > div > table td:first-child {
width: 30%;
}
.gallery__item > div > table td:last-child {
width: 70%;
}
.gallery__item > a > p,
.gallery__item > a > img,
.gallery__item > a > table,
.gallery__item > figcaption,
.smallB > a > p,
.smallB > a > img {
transition: opacity 1000ms ease;
}
.gallery__item > div:hover + figcaption,
.gallery__item > div:hover > p,
.gallery__item > div:hover > img,
.gallery__item > div:hover > table,
.smallB > div:hover > p,
.smallB > div:hover > img{
opacity: 0.1;
transition: opacity 1000ms ease;
}
.gallery__item:hover > div > img{
opacity: 0.1;
}
.gallery__item:hover >div + figcaption,
.smallB:hover > div > img{	
}
.gallery__item > div:hover > p, .smallB > div:hover > p {
display: block;
opacity: 1;
}
.gallery__item > div > p:after,
.smallB > div > p:after {
display: none;
}
.gallery__item > div > p,
.gallery__item > div > table {
opacity: 0;
visibility: hidden;
transition: opacity .5s, visibility 0s .5s;
}
.gallery__item > div:hover > p,
.gallery__item > div:hover > table,
.gallery__item:hover > div > p,
.gallery__item:hover > div > table{
opacity: 1;
visibility: visible;
transition: all 500ms ease;
}
.gallery__item:hover figcaption,
.gallery__item:hover figcaption > *{
opacity: 0.1;
}
.gallery__item.small:hover figcaption,
.gallery__item.small:hover figcaption > *{
opacity:1;
}
.explore-right{
padding:200px 0 400px 0; 
grid-row-start:5;
grid-row-end:6;
grid-column-start: 1;
grid-column-end: 6;
width:100%;
display:flex;
flex-wrap:wrap;
align-items:flex-start;
flex-direction:row-reverse;
}
@media only screen and (max-width: 766px) {
#animateY:hover{
position:absolute;
width:100% !important;
order:1;
}
#animateY:hover figcaption{
padding-left:2.5%;
}
}
#animateY figcaption{
color:#d4d4d4;
font-size:12px;
}
.largeB:after,
.largeC:after,
.large:after,
.largeA > div:after,
.large > div:after {
top: 5px;
left: 3%;
}
@media only screen and (min-width: 767px) {
.largeB:after,
.largeC:after,
.largeA > div:after,
.large > div:after {
top: 0.8em;
}
.itc figcaption p:after,
.gallery__item figcaption p:after,
.smallB p:after {
top: 28px;
right: 3%;
}
.smallB p:after {
top: 1.4em;
}
}
.explore .largeA {
grid-column-start: 5;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 4;
position: relative;
width: 100%;
max-width: 756px;
margin: auto;
margin-top: 0;
margin-right: 0;
transform: translateY(-50%);
}
.explore .largeA:hover{
grid-column-start: 1;
grid-column-end: 5;
z-index:300;
}
@media only screen and (min-width: 640px) {
.explore .largeA {	 
grid-column-end: 4;
transform: initial;
}
.explore .largeA:hover{
grid-column-start: 5;
grid-column-end: 4;
}
}
.explore .largeA:hover > div{
background-color:#000;
}
.largeA > * {
top: 0;
left: 0;
position: absolute;
}
.largeA > div {
position: relative;
}
.explore .smallA {
grid-column-start: 5;
grid-column-end: 4;
grid-row-start: 4;
grid-row-end: 5;
will-change: transform;
transform: translateY(var(--translateYF));
}
.smallA > * {
width: 30%;
margin: auto;
}
.explore .largeB {
grid-column-start: 1;
grid-column-end: 6;
grid-row-start: 5;
grid-row-end: 6;
grid-row-start: 6;
grid-row-end: 7;
position: relative;
width: 60%;
margin: auto;
}
.explore .largeD:hover,
.explore .largeC:hover,
.explore .largeB:hover{
width: 100%;
}
@media only screen and (min-width: 767px) {
.explore .largeB {
width: 30%;
}
.explore .largeB:hover{
width: 30%;
}
}
.explore figure.largeA figcaption,
.explore figure.largeB figcaption,
.explore figure.largeC figcaption,
.explore figure.large figcaption {
color: #d4d4d4;
width: 95%;
margin: auto;
text-align: center;
position: absolute;
cursor: crosshair;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
font-size: 13px;
line-height: 0.9em;
text-transform: uppercase;
mix-blend-mode:hard-light; ;
}
@media only screen and (min-width: 413px) {
.explore figure.gallery__item.largeA figcaption,
.explore figure.gallery__item.largeB figcaption,
.explore figure.gallery__item.largeC figcaption,
.explore figure.gallery__item.large figcaption {
font-size: 20px;
}
}
.explore figure.largeA figcaption {
top: 42.5%;
}
.explore figure.gallery__item.largeB figcaption small,
.explore figure.gallery__item.largeC figcaption small,
.explore figure.gallery__item.large figcaption small{
display: block;
}
@media only screen and (min-width: 767px) {
.explore figure.gallery__item.largeA figcaption,
.explore figure.gallery__item.largeB figcaption,
.explore figure.gallery__item.largeC figcaption,
.explore figure.gallery__item.large figcaption {
font-size: 32px;
} }
@media only screen and (min-width: 1024px) {
.explore figure.gallery__item.largeA figcaption,
.explore figure.gallery__item.largeB figcaption,
.explore figure.gallery__item.largeC figcaption,
.explore figure.gallery__item.large figcaption {
font-size: 47px;
line-height: 1em;	
margin-left: auto;
}
.explore figure.largeA figcaption sup,
.explore figure.largeA figcaption small,
.explore figure.largeB figcaption sup,
.explore figure.largeB figcaption small,
.explore figure.largeC figcaption small,
.explore figure.large figcaption small { }
}
.explore figure.smallB figcaption sup {
font-size: 0.8em;
margin: auto 0.5em;
}
@media only screen and (min-width: 767px) {
.explore figure.smallB figcaption sup {
font-size: 12px;
}
}
.explore figure.largeA figcaption a,
.explore figure.itc figcaption a,
.explore figure.gallery__item figcaption a,
.explore figure.largeB figcaption a,
.explore figure.largeC figcaption a,
.explore figure.large figcaption a {
text-decoration: none;
color: inherit;
}
.explore figure.largeA figcaption p,
.explore figure.largeB figcaption p,
.explore figure.largeC figcaption p,
.explore figure.large figcaption p {
margin: initial;
}
.explore figure.largeA figcaption small,
.explore figure.largeB figcaption small,
.explore figure.largeC figcaption small,
.explore figure.large figcaption small{
display:block;	 	
}
.explore .smallB {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 6;
grid-row-end: 7;
grid-row-start: 7;
grid-row-end: 8;
width: 100%;
margin: auto;
margin-right: 0;
}
.explore .smallB:hover,
.explore .small:hover{	
grid-column-end:end;
transform:initial;
}
@media only screen and (max-width: 766px) {
.itc:hover p:after{
right:5%;
}
}
@media only screen and (min-width: 767px) {
.explore .smallB,
.explore .small {
width: 73.2%;
}
.explore .small.itc,
.explore .small.route-to-root,
.explore .large.left{
width: 100%;
}
.explore .smallB:hover,
.explore .small:hover {
grid-column-start: 1;
grid-column-end: 2;
}
}
.explore .route-to-root,
.explore .large.left{
grid-row-start: 8;
grid-row-end: 9;
grid-row-start: 9;
grid-row-end: 10;
}
.explore .largeC {
grid-column-start: 2;
grid-column-end: end;
grid-row-start: 7;
grid-row-end: 8;
grid-row-start: 8;
grid-row-end: 9;
width: 87%;
max-width: 702px;
margin: auto;
margin-left: 0;
will-change: transform;
transform: translateY(var(--translateYG)); }
.explore .largeD{
will-change: transform, width;	
transition:all 100ms ease;
}
@media only screen and (max-width: 767px) {
.explore .largeD:hover {
grid-column-end: 5;
}
}
@media only screen and (max-width: 767px) {
.explore .largeC:hover,
.explore .largeD:hover{	
grid-column-start: 1;
transform: initial !important;
}
}
@media only screen and (min-width: 767px) {
.explore .largeC {
grid-column-start: 5;
grid-column-end: 4;
width: 87%;
max-width: 702px;
}
.explore .largeC:hover{	
grid-column-start: 5;
grid-column-end: 4;	
width: 87%;
}
}
.explore .largeD {
grid-column-start: 1; grid-column-end: end;
grid-row-start: 10;
grid-row-end: 11;
width: 65%;
max-width: 502px;
margin: auto; will-change: transform, width;
transform: translateY(var(--translateYG));
transition:all 100ms ease;
z-index:10;
}
@media only screen and (max-width: 767px) {
.explore .largeD:hover{	
grid-column-start: 1;
margin-top:inherit;
max-width: 100%;
width:100%;
transform: initial !important;
}
}
@media only screen and (min-width: 767px) {
.explore .largeD {
grid-column-start: 1;   }
.explore .largeD:hover{  }
}
.explore .smallC {
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 9;
grid-row-end: 9;
grid-row-start: end;
grid-row-end: end;
width: 40%;
margin: auto;
margin-top: 120px;
}
@media only screen and (min-width: 767px) {
.explore .smallC {
width: 15%;
max-width: 273px;
margin-top: 250px;
}
}
.site-foot .subnav {
padding-bottom: 1.49em;
} .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 20px;
}
.swiper.widescreen {
height: auto;
max-height: 100vh;
margin: 250px 0;
width: 100%;
max-width: 1920px;
}
.widescreen picture img {
width: 100%;
}
.swiper {
width: 100%;
margin: auto;
}
.swiper-button-next::after, .swiper-button-prev::after {
font-size:30px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
@media only screen and (min-width: 451px) {
.swiper-slide {
font-size: 1.2vw;
}
}
@media only screen and (min-width: 767px) {
.swiper-slide {
font-size: 18px;
}
}
.swiper-slide picture {
display: block;
width: 100%;
object-fit: contain;
}
.swiper-slide picture > * {
max-width: 100%;
display: block;
}
.swiper-slide picture,
.swiper-slide img.prodHero { }
.productHat .swiper-lazy {
opacity: 0;
transition: opacity 750ms ease;
}
.productHat .swiper-lazy.swiper-lazy-loaded {
opacity: 1;
}
.swiper-button-prev,
.swiper-button-next {
opacity: 0.25;
color: #f8f8f9;
}
.title {
font-family: hn65, serif;
text-align: center;
text-transform: uppercase;
display: block;
position: absolute;
z-index:10;
top: 45%;
left: 0;
right: 0;
font-size: 28px;
line-height: 0.8em;
width: 95%;
margin: auto;
color: #ffffff;
}
#single-gallery .title{
width:75%;
transition:opacity 750ms ease;
transition-delay:1000ms;
}
@media only screen and (min-width: 640px) {
.title {
transform: translateY(-50%);
font-size: 2em;
}
}
.price { font-family:"aM", serif;	
position: absolute;
z-index:10;
bottom: 55px;
left: 0;
right: 0;
font-size: 1.2em;
font-size:14px;
line-height:1em;
width: fit-content;
margin: auto;
color: #ffffff;
}
.swiper-slide {
position: relative;
cursor: pointer;
}
.swiper-slide:before,
.price:before {
display: none;
position: absolute;
top: -50px;
left: 0;
right: 0;
margin: auto;
content: "+";
font-size: 1.5em;
}
.swiper-wrapper > a,
.swiper-slide > a,
.mySwiper4 > a {
box-sizing: border-box;
position: absolute;
z-index: 100;
cursor: pointer;
text-decoration: none;
top: 1em;
left: 0;
right: 0;
padding-right: 1em;
width: 100%;
margin: auto;
font-size: 25px;
color: #ffffff;
text-align: right;
}
@media only screen and (min-width: 640px) {
.swiper-wrapper > a,
.swiper-slide > a,
.mySwiper4 > a {
top: 5px;
width: 100%;
font-size: 1.5em;
}
}
.swiper-wrapper > a {
font-size: 27px;
}
.swiper-slide:before {
top: 5px;
right: 30px;
color: #ffffff;
text-align: right;
}
.product {
height: auto;
scroll-margin: 4em;
}
.product,
.productHat {
position: relative;
}
.productHat .swiper-slide .shade {
display:none;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,1); transition: background 750ms ease;
} .productHat .swiper-slide img.prodHero,
.productHat .swiper-slide img {
filter:grayscale(100%);
max-width: 100%;
}
.productHat .swiper-slide:hover img.prodHero,
.productHat .swiper-slide-active img.prodHero{
filter:grayscale(0%);
transition: all 750ms ease;
}
@media only screen and (min-width: 640px) {
.productHat .swiper-slide img.prodHero,
.productHat .swiper-slide img {
max-width: 100%;
}
}
body.singleGallery .shade img {
object-fit: contain;
max-width: 80%;
margin: auto;
}
.product-info p,
.product-info > * {
font-size: 12px;
line-height: 1.6em;
}
.swiper-v {
display: none;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
body.deets .swiper-v { }
.mySwiper2,
.mySwiper4 {
width: 100%;
height: 100%;
margin: auto;
}
.mySwiper2 .swiper-slide,
.mySwiper4 .swiper-slide {
background-color: #000;
}
.mySwiper {
position: relative;
z-index: 0;
} #main-nav-overlay,
body .productHat #single-gallery,
body .product-info {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .5s, visibility 0s .5s;
-moz-transition: opacity .5s, visibility 0s .5s;
-ms-transition: opacity .5s, visibility 0s .5s;
-o-transition: opacity .5s, visibility 0s .5s;
transition: opacity .5s, visibility 0s .5s;
}
body.menu #main-nav-overlay,
body.deets .productHat #single-gallery,
body.deets .product-info {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .75s ease;
-moz-transition: opacity .75s ease;
-ms-transition: opacity .75s ease;
-o-transition: opacity .75s ease;
transition: opacity .75s ease;
}
.mySwiper4 {
position: absolute;
z-index: 9100;
top: 0;
left: 0;
}
.mySwiper4 .swiper-pagination-bullet,
.mySwiper4 .swiper-pagination-bullet-active {
background-color: #ffffff;
} body .product-info {
box-sizing: border-box;
padding: 2.5%;	
width: 95%;
margin: auto;
color: #f8f8f9;
}
@media only screen and (min-width: 767px) {
body .product-info{
width: 38.333%;
max-width: 960px;
}
}
#prod-dc {
width: 100%;
margin: auto;
}
.product-info .block {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.product-info .block > * { }
.product-info .block .two {
box-sizing: border-box;
width: 50%;
}
.product-info .block h4 {
font-family: "aBold", serif;
font-weight: normal;
font-size: 16px;
line-height: 1em;
}
.product-info .block p {
font-family: "aReg", serif;
font-weight: normal;
color: #f8f8f9;
font-size: 10px;
line-height: 1.6em;
}
.product-info .top.block > * {
margin-left: initial;
}
.product-info .top.block p {
font-size: 14px;
} .shopify-buy-frame--toggle.is-sticky {
position: absolute;
top: 18px !important;
right: 30px !important;
transform: initial !important;
}
.shopify-buy__cart-toggle {  background-color: transparent !important;
}
.shopify-buy__cart-toggle__count {
display: none;
}
.shopify-buy__type--center {
text-align: center;
}
.shopify-buy--visually-hidden {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.shopify-buy__btn,
.shopify-buy__btn[disabled] {
background-color: transparent !important;
}
.shopify-buy__btn:hover,
.shopify-buy__btn[disabled] {
color: #f8f8f9 !important;
}
.shopify-buy__btn {
color: #f8f8f9 !important;
font-size: 15px;
padding: 12px 40px;
letter-spacing: .3px;
display: block;
border-radius: 3px;
cursor: pointer;
-webkit-transition: background 200ms ease;
transition: background 200ms ease;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.2;
border: 0;
-moz-appearance: none;
-webkit-appearance: none;
}
.shopify-buy__btn:hover, .shopify-buy__btn:focus {
background-color: #5f9d3e;
}
.shopify-buy__btn--parent {
background-color: transparent;
border: 0;
padding: 0;
cursor: pointer;
}
.shopify-buy__btn--parent:hover .product__variant-img, .shopify-buy__btn--parent:focus .product__variant-img {
opacity: .7;
}
.shopify-buy__btn--cart-tab {
padding: 5px 11px;
border-radius: 3px 0 0 3px;
position: fixed;
right: 0;
top: 50%;
-webkit-transform: translate(100%, -50%);
transform: translate(100%, -50%);
opacity: 0;
min-width: inherit;
width: auto;
height: auto;
z-index: 2147483647;
}
.shopify-buy__btn--cart-tab.is-active {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
}
.shopify-buy__btn__counter {
display: block;
margin: 0 auto 10px auto;
font-size: 18px;
}
.shopify-buy__icon-cart--side {
height: 20px;
width: 20px;
vertical-align: middle;
}
.shopify-buy__btn[disabled] {
background-color: #999;
pointer-events: none;
}
.shopify-buy__btn--close {
position: absolute;
right: 9px;
top: 8px;
font-size: 35px;
color: #767676;
border: none;
background-color: transparent;
-webkit-transition: color 100ms ease, -webkit-transform 100ms ease;
transition: color 100ms ease, -webkit-transform 100ms ease;
transition: transform 100ms ease, color 100ms ease;
transition: transform 100ms ease, color 100ms ease, -webkit-transform 100ms ease;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-right: 9px;
}
.shopify-buy__btn--close:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
color: hsl(0, 0%, 41.2745098039%);
}
.shopify-buy__cart-toggle-wrapper {
display: inline-block;
}
.shopify-buy__cart-toggle {
background-color: #78b657;
color: #fff;
border-radius: 3px 0 0 3px;
; padding: 8px 10px;
text-align: center;
display: inline-block;
min-width: 46px;
margin-right: 0;
cursor: pointer;
-webkit-transition: background 200ms ease;
transition: background 200ms ease;
}
.shopify-buy__cart-toggle:hover {
background-color: #5f9d3e;
}
.shopify-buy__cart-toggle__count {
font-size: 18px;
margin-bottom: 10px;
}
.shopify-buy__icon-cart__group {
fill: #fff;
}
.is-inline .shopify-buy__icon-cart, .is-inline .shopify-buy__cart-toggle__title, .is-inline .shopify-buy__cart-toggle__count {
display: inline-block;
vertical-align: middle;
}
.shopify-buy__cart-toggle__title {
font-size: 16px;
font-weight: normal;
}
.shopify-buy__cart-toggle__count {
margin-left: 21px;
margin-bottom: 0;
position: relative;
}
.shopify-buy__cart-toggle__count:before {
content: "";
display: block;
position: absolute;
left: -12px;
height: 100%;
width: 1px;
background-color: #fff;
opacity: 0.3;
}
.is-inline.shopify-buy__cart-toggle {
border-radius: 3px;
padding: 5px 10px;
}
.shopify-buy__cart-toggle:hover {
background-color: #1d1d1d;
}
.shopify-buy__cart-toggle:focus {
background-color: #1d1d1d;
}
.shopify-buy__cart-toggle {
background-color: #111111;
} .shopify-buy__product {
padding-top: 60px;
}
.shopify-buy__select-icon {
display: none;
visibility: hidden;
}
.shopify-buy__product__variant-selectors {
display: flex;
flex-direction: row;
}
.shopify-buy__option-select__select {
appearance: none;
background-color: transparent;
border: none;
border: solid 1px #fff;
padding: 0 1em 0 0;
margin: 0;
width: 100%;
font-family: inherit;
font-size: inherit;
cursor: inherit;
line-height: inherit;
}
.shopify-buy__btn {
padding: initial;
width: 100%;
margin: 1.6em auto;
margin-bottom: 0px;
text-decoration: none;
transition: background 250ms ease-in-out, transform 150ms ease;
font-size: 16px;
line-height: 40px;
}
@media only screen and (min-width: 640px) {
.shopify-buy__btn {
width: 60%;
margin-left:initial;
}
}
.shopify-buy__option-select__select,
.shopify-buy__btn {
border: solid 1px #f8f8f9;
background: transparent;
border-radius: 0;
font-family: aReg, sans-serif;
font-weight: 500;
cursor: crosshair;
text-align: center;
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
}
.shopify-buy__btn:focus,
.shopify-buy__btn:hover {
background: #f8f8f9;
}
.shopify-buy__option-select__select {
padding: 9px 12px;
background: #0f0f0f;
}
.shopify-buy__option-select:nth-child(1) {
order: 2;
}
.shopify-buy__option-select:nth-child(1) .shopify-buy__option-select__select {
background-image: url(//alliedfeather.com/img/downArrow_light.svg);
background-size: 20% 20%;
background-repeat: no-repeat;
background-position: 85% 55%;
padding-right: 35px;
}
.shopify-buy__option-select:nth-child(2) {
order: 1;
margin-right: 30px;
}
.shopify-buy__option-select__select option {
background: transparent;
} .menu-overlay,.afd-header{display:none;visibility:hidden;} body{width:100%;}
main{width:100%;}
.heroHat{
box-sizing: border-box;
min-height:100vh;
height:auto;
width:100%;
}
.heroHat .split,
.heroHat .blocks{
width: 100%;
min-height: 100vh;
display: grid;
position: relative;
z-index: 0;
}
.heroHat .split{
grid-template-columns: 50% 50%;
grid-template-rows: 100%;			    
margin-bottom:25vh;
}
@media only screen and (min-width: 767px) {
.heroHat .split{
margin-bottom:50vh;
}    
}
.heroHat .blocks{
height:60vh;
grid-template-columns:25% 25% 25% 25%;
grid-template-rows:auto;
padding: 120px 0 250px 0;
}
@media only screen and (min-width: 767px) {
.heroHat .blocks{
height:120vh;    
padding:0;
}
}
.heroHat .mark{
display:block;
position:absolute;
z-index:10;  
top:50%;
left:50%;
width:250px;
margin:0;
margin:auto;
opacity:1;
transform:translate3d(-50%, -50%, 0) scale(1);
transform-origin: top left;
will-change: transform;  }
@media only screen and (min-width: 767px) {
.heroHat .mark{
width:400px;				  
}
}
@media only screen and (min-width: 1400px) {
.heroHat .mark{
width:500px;				  
}
} .heroHat .hero-l,
.heroHat .hero-r{
background-size:cover;
background-position: center;			  
position:relative;
z-index:0;  
will-change: opacity;
}			
.hero-l img,
.hero-r img{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
animation-iteration-count: infinite;
}
.hero-l img{
animation-name: fade;
animation-duration: 18s;
}
.hero-r img{
animation-name: fade2;
animation-duration: 24s;
}
.heroHat .hero-l{   			  			  
grid-column-start:1;
grid-column-end:2;
grid-row-start:1;
grid-row-end:1;
}
.heroHat .hero-r{
background-image:none;  
grid-column-start:2;
grid-column-end:3;
grid-row-start:1;
grid-row-end:1;
}
#f1 {}
#f2 {animation-delay: -12s;}
#f3 {animation-delay: -6s;}
#f4 {}
#f5 {animation-delay: -16s;}
#f6 {animation-delay: -8s;} .blocks > div{
background-position:center;
background-size:cover;
width:100%;  
will-change: transform;  
}
.blocks .block-l,
.blocks .block-l2{
order:1;
z-index:10;
grid-column-start:1;
grid-column-end:2;
margin-top:65%;
width:80%;
max-height:25%;
background-image:url(//alliedfeather.com/img/AFD0N-introA.jpg);
}
.blocks .block-m,
.blocks .block-m2{
order:2;
z-index:0;
grid-column-start:2;
grid-column-end:4;
width:100%;
max-height:60%;
margin-left:-30%;
margin-top:0;
background-image:url(//alliedfeather.com/img/AFD0N-introB2.jpg);
}
.blocks .block-m2{
grid-column-start:3;
grid-column-end:5;
}
.blocks .block-r,
.blocks .block-r2{
order:3;
grid-column-start:5;
grid-column-end:4;
justify-self:end;
width:80%;
max-height:45%;
background-image:url(//alliedfeather.com/img/AFD0N-introC1.jpg);		 
}
.blocks .block-r2{
margin-top:0;
}
.four-up{
margin-bottom:100vh;
}
@media only screen and (min-width: 767px) {
.four-up{
margin-bottom:50vh;
}
}
aside.disclaimer{
position:fixed;
z-index:900;
top:0;
left:0;
height:100vh;
width:100%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .5s, visibility 0s .5s;
-moz-transition: opacity .5s, visibility 0s .5s;
-ms-transition: opacity .5s, visibility 0s .5s;
-o-transition: opacity .5s, visibility 0s .5s;
transition: opacity .5s, visibility 0s .5s;
}
aside.disclaimer.active{
opacity: 1;
visibility: visible;
-webkit-transition: opacity .75s ease;
-moz-transition: opacity .75s ease;
-ms-transition: opacity .75s ease;
-o-transition: opacity .75s ease;
transition: opacity .75s ease;
}
#modal-toggle{
display: none;
}
.modal-content,
.modal-backdrop {
height: 0;
width: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
cursor: pointer;
transition: opacity 0.2s ease-in;
}
#modal-toggle:checked ~ .modal-backdrop {
background-color: rgba(0, 0, 0, 0.9);
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 9;
visibility: visible;
opacity: 1;
transition: opacity 0.2s ease-in;
}
.modal-close {
color: #aaa;
position: absolute;
margin:0;
top:25px;
right:25px;
background: transparent;
font-size: 16px;
line-height:1em;
width: 25px;
height: 25px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
#modal-toggle:checked ~ .modal-content {
box-sizing:border-box;
opacity: 1;
background-color: #0f0f0f;
background-color: none;			  
width:100%;
max-width: 550px;
height:310px;
padding:2.5%;
position: fixed;
top: 50%;
left: 50%;
transform:translate3D(-50%, -50%, 0);
border-radius: 4px;
z-index: 999;
pointer-events: auto;
cursor: auto;
visibility: visible;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);
overflow-y:auto;			  		  			  
} .product{
max-width:1900px;				
margin:auto;
}
h2:before{
display:none;
}
.locked {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-family: aReg, serif;
color: #d4d4d4;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.429em
}
.locked .site {
position: relative;
z-index: 0;
display: flex;
flex-direction: column;
min-height: 100vh
}
.site-content,.site-content > form {
margin: auto
}
input[type="password"] {
background: transparent;
border-radius: initial;
box-sizing: border-box;
font-family: inherit;
font-size: initial;
font-weight: initial;
line-height: initial;
padding: initial;
text-decoration: none;
vertical-align: bottom;
padding-left: initial;
color: inherit;
border: none;
text-decoration: none;
transition: background 250ms ease
}
input[type="submit"] {
background: transparent;
color: inherit;
border: solid 1px #fff;
max-width: 250px;
display: block;
margin: 2em auto auto;
padding: initial;
width: 100%;
font-size: 20px;
line-height: 50px
}
body,html {
margin: 0;
overflow-x: hidden;
background-color: #0f0f0f
}
.post-password-form p {
text-align: center
}
.site-content input[type="password"] {
padding-bottom: 3px;
border-bottom: solid 1px #fff
}
.site-content > a {
display: block
}
.video-block {
position: relative;
padding-top: 71.5%;
z-index: 100
}
.video-block.pp {
padding-top: 10%
}
img {
position: relative;
display: block
}
.video-block video {
position: absolute;
top: 0;
bottom: 0;
width: 120%;
left: -10%
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skip-link:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.site-foot{
position:relative;
padding:50px 0;
min-height:250px;
background-color:rgba(170, 170, 170, 0.1);
}
.site-foot a:active{
color:#f8f8f9;
}
.site-foot .badge{
display:block;
position:relative;    
margin-left:5%;
margin-bottom:30px; background-image: url(//v2.alliedfeather.com/wp-content/themes/afd-com/img/AFD-2020.min.svg);
background-position: top left;
background-size: contain;
background-repeat: no-repeat;
width: 45px;
height: 57px;
}
@media only screen and (min-width: 1024px) {
.site-foot .badge{
width: 97px;
background-position: left;
background-image: url(//alliedfeather.com/wp-content/themes/afd/img/AFD-2020-wordmark.min.svg);	
}
}
.site-foot nav h3{
color:#f8f8f9;
font-weight: normal;
margin-top:initial;
font-size:1.6875em;
}
.site-foot > ul,
.site-foot nav{
font-size:0.75em;
font-size:10px;
padding:initial;
margin-left:5%;
margin-right:5%;
margin-top:initial; display:flex;
flex-direction: row;
flex-wrap: wrap;
}
.site-foot section{
width:50%;
margin:auto;
margin-top:initial;
margin-left:initial;      		    
display:inline-block;
}
.site-foot ul > li{
display:inline-block;
font-size:12px;
}
@media screen and (min-width: 960px){
.site-foot section{
max-width:175px;
margin:auto;
margin-top:initial;
margin-left:initial;
margin-right:5%;
display:inline-block;	      		    
}
}
.site-foot section{
margin-bottom:5%;
}
.site-foot ul > li:first-child{
margin-left:initial;
}
.site-foot ul > li:last-child{
margin-right:initial;
}
.site-foot li ul,
.site-foot section ul{
padding:initial;
}
.site-foot li ul li,
.site-foot section ul li{
display:block; }
.site-foot .subnav{
padding-bottom:1.49em;
}	  	
@media only screen and (min-width:768px){
.site-foot .badge{
position:absolute; top:50px;
margin-bottom:initial;
}
.site-foot .badge.mark{
top:50px;  
}
.site-foot > ul,
.site-foot nav{
margin-left:16%;
margin-right:16%;
}
.site-foot section{
margin-right:auto;
margin-bottom:auto;
min-width:15%;
}
.site-foot section.wider{
min-width:25%;
}
.site-foot li ul li,
.site-foot section ul li{
margin-bottom:1em;
}
}