@charset "UTF-8";
  .pretty * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.pretty input:not([type='checkbox']):not([type='radio']) { display: none; }
.pretty { position: relative; display: inline-block; margin-right: 1em; white-space: nowrap; line-height: 1; }
.pretty input { position: absolute; left: 0; top: 0; min-width: 1em; width: 100%; height: 100%; z-index: 2; opacity: 0; margin: 0; padding: 0; cursor: pointer; }
.pretty .state label { position: initial; display: inline-block; font-weight: normal; margin: 0; text-indent: 1.5em; min-width: calc(1em + 2px); }
.pretty .state label:before, .pretty .state label:after { content: ''; width: calc(1em + 2px); height: calc(1em + 2px); display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; border: 1px solid transparent; z-index: 0; position: absolute; left: 0; top: calc((0% - (100% - 1em)) - 8%); background-color: transparent; }
.pretty .state label:before { border-color: #bdc3c7; }
.pretty .state.p-is-hover, .pretty .state.p-is-indeterminate { display: none; }
@-webkit-keyframes zoom { 0% { opacity: 0;
-webkit-transform: scale(0);
transform: scale(0); } }
@keyframes zoom { 0% { opacity: 0;
-webkit-transform: scale(0);
transform: scale(0); } }
@keyframes tada { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
opacity: 0;
-webkit-transform: scale(7);
transform: scale(7); }
38% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
55% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
-webkit-transform: scale(1.5);
transform: scale(1.5); }
72% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;
-webkit-transform: scale(1);
transform: scale(1); }
81% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
-webkit-transform: scale(1.24);
transform: scale(1.24); }
89% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;
-webkit-transform: scale(1);
transform: scale(1); }
95% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
-webkit-transform: scale(1.04);
transform: scale(1.04); }
100% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;
-webkit-transform: scale(1);
transform: scale(1); } }
@-webkit-keyframes jelly { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
30% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
40% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
50% { -webkit-transform: scale3d(0.85, 1.15, 1); transform: scale3d(0.85, 1.15, 1); }
65% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
75% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes jelly { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
30% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
40% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
50% { -webkit-transform: scale3d(0.85, 1.15, 1); transform: scale3d(0.85, 1.15, 1); }
65% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
75% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@-webkit-keyframes rotate { 0% { opacity: 0;
-webkit-transform: translateZ(-200px) rotate(-45deg);
transform: translateZ(-200px) rotate(-45deg); }
100% { opacity: 1;
-webkit-transform: translateZ(0) rotate(0);
transform: translateZ(0) rotate(0); } }
@keyframes rotate { 0% { opacity: 0;
-webkit-transform: translateZ(-200px) rotate(-45deg);
transform: translateZ(-200px) rotate(-45deg); }
100% { opacity: 1;
-webkit-transform: translateZ(0) rotate(0);
transform: translateZ(0) rotate(0); } }
@keyframes pulse { 0% { -webkit-box-shadow: 0px 0px 0px 0px #bdc3c7; box-shadow: 0px 0px 0px 0px #bdc3c7; }
100% { -webkit-box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0); box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0); } }
.pretty.p-default.p-fill .state label:after { -webkit-transform: scale(1); transform: scale(1); }
.pretty.p-default .state label:after { -webkit-transform: scale(0.6); transform: scale(0.6); }
.pretty.p-default input:checked ~ .state label:after { background-color: #bdc3c7 !important; }
.pretty.p-default.p-thick .state label:before, .pretty.p-default.p-thick .state label:after { border-width: calc(1em / 7); }
.pretty.p-default.p-thick .state label:after { -webkit-transform: scale(0.4) !important; transform: scale(0.4) !important; }
.pretty.p-icon .state .icon { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc((0% - (100% - 1em)) - 8%); border: 1px solid transparent; opacity: 0; }
.pretty.p-icon .state .icon:before { margin: 0; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; }
.pretty.p-icon input:checked ~ .state .icon { opacity: 1; }
.pretty.p-icon input:checked ~ .state label:before { border-color: #5a656b; }
.pretty.p-svg .state .svg { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc((0% - (100% - 1em)) - 8%); border: 1px solid transparent; opacity: 0; }
.pretty.p-svg .state svg { margin: 0; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; }
.pretty.p-svg input:checked ~ .state .svg { opacity: 1; }
.pretty.p-image .state img { opacity: 0; position: absolute; width: calc(1em + 2px); height: calc(1em + 2px); top: 0; top: calc((0% - (100% - 1em)) - 8%); left: 0; z-index: 0; text-align: center; line-height: normal; -webkit-transform: scale(0.8); transform: scale(0.8); }
.pretty.p-image input:checked ~ .state img { opacity: 1; }
.pretty.p-switch input { min-width: 2em; }
.pretty.p-switch .state { position: relative; }
.pretty.p-switch .state:before { content: ''; border: 1px solid #bdc3c7; border-radius: 60px; width: 2em; -webkit-box-sizing: unset; box-sizing: unset; height: calc(1em + 2px); position: absolute; top: 0; top: calc((0% - (100% - 1em)) - 16%); z-index: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.pretty.p-switch .state label { text-indent: 2.5em; }
.pretty.p-switch .state label:before, .pretty.p-switch .state label:after { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 100%; left: 0; border-color: transparent; -webkit-transform: scale(0.8); transform: scale(0.8); }
.pretty.p-switch .state label:after { background-color: #bdc3c7 !important; }
.pretty.p-switch input:checked ~ .state:before { border-color: #5a656b; }
.pretty.p-switch input:checked ~ .state label:before { opacity: 0; }
.pretty.p-switch input:checked ~ .state label:after { background-color: #5a656b !important; left: 1em; }
.pretty.p-switch.p-fill input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; }
.pretty.p-switch.p-fill input:checked ~ .state label:before { opacity: 0; }
.pretty.p-switch.p-fill input:checked ~ .state label:after { background-color: #fff !important; left: 1em; }
.pretty.p-switch.p-slim .state:before { height: 0.1em; background: #bdc3c7 !important; top: calc(50% - 0.1em); }
.pretty.p-switch.p-slim input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; }
.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) { display: none; }
.pretty.p-has-hover input:hover ~ .state.p-is-hover { display: block; }
.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon { display: block; }
.pretty.p-has-focus input:focus ~ .state label:before { -webkit-box-shadow: 0px 0px 3px 0px #bdc3c7; box-shadow: 0px 0px 3px 0px #bdc3c7; }
.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state:not(.p-is-indeterminate) { display: none; }
.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate { display: block; }
.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate .icon { display: block; opacity: 1; }
.pretty.p-toggle .state.p-on { opacity: 0; display: none; }
.pretty.p-toggle .state.p-off, .pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img { opacity: 1; display: inherit; }
.pretty.p-toggle .state.p-off .icon { color: #bdc3c7; }
.pretty.p-toggle input:checked ~ .state.p-on { opacity: 1; display: inherit; }
.pretty.p-toggle input:checked ~ .state.p-off { opacity: 0; display: none; }
.pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before { content: none; }
.pretty.p-plain.p-plain .icon { -webkit-transform: scale(1.1); transform: scale(1.1); }
.pretty.p-round .state label:before, .pretty.p-round .state label:after { border-radius: 100%; }
.pretty.p-round.p-icon .state .icon { border-radius: 100%; overflow: hidden; }
.pretty.p-round.p-icon .state .icon:before { -webkit-transform: scale(0.8); transform: scale(0.8); }
.pretty.p-curve .state label:before, .pretty.p-curve .state label:after { border-radius: 20%; }
.pretty.p-smooth label:before, .pretty.p-smooth label:after, .pretty.p-smooth .icon, .pretty.p-smooth .svg { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.pretty.p-smooth input:checked + .state label:after { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img { -webkit-animation: zoom 0.2s ease; animation: zoom 0.2s ease; }
.pretty.p-smooth.p-default input:checked + .state label:after { -webkit-animation: zoom 0.2s ease; animation: zoom 0.2s ease; }
.pretty.p-smooth.p-plain input:checked + .state label:before { content: ''; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:before, .pretty.p-tada:not(.p-default) input:checked + .state label:after { -webkit-animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate; animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate; opacity: 1; }
.pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:before, .pretty.p-jelly:not(.p-default) input:checked + .state label:after { -webkit-animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; }
.pretty.p-jelly:not(.p-default) input:checked + .state label:before { border-color: transparent; }
.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after { -webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; }
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before { border-color: transparent; }
.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before { -webkit-animation: pulse 1s; animation: pulse 1s; }
.pretty input[disabled] { cursor: not-allowed; display: none; }
.pretty input[disabled] ~ * { opacity: .5; }
.pretty.p-locked input { display: none; cursor: not-allowed; }
.pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after { background-color: #428bca !important; }
.pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg { color: #fff; stroke: #fff; }
.pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before { border-color: #428bca; }
.pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after { background-color: transparent; }
.pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg { color: #428bca; stroke: #428bca; }
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after { background-color: #428bca !important; }
.pretty.p-switch input:checked ~ .state.p-primary:before { border-color: #428bca; }
.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before { background-color: #428bca !important; }
.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before { border-color: #245682; background-color: #245682 !important; }
.pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after { background-color: #5bc0de !important; }
.pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg { color: #fff; stroke: #fff; }
.pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before { border-color: #5bc0de; }
.pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after { background-color: transparent; }
.pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg { color: #5bc0de; stroke: #5bc0de; }
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after { background-color: #5bc0de !important; }
.pretty.p-switch input:checked ~ .state.p-info:before { border-color: #5bc0de; }
.pretty.p-switch.p-fill input:checked ~ .state.p-info:before { background-color: #5bc0de !important; }
.pretty.p-switch.p-slim input:checked ~ .state.p-info:before { border-color: #2390b0; background-color: #2390b0 !important; }
.pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after { background-color: #5cb85c !important; }
.pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg { color: #fff; stroke: #fff; }
.pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before { border-color: #5cb85c; }
.pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after { background-color: transparent; }
.pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg { color: #5cb85c; stroke: #5cb85c; }
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after { background-color: #5cb85c !important; }
.pretty.p-switch input:checked ~ .state.p-success:before { border-color: #5cb85c; }
.pretty.p-switch.p-fill input:checked ~ .state.p-success:before { background-color: #5cb85c !important; }
.pretty.p-switch.p-slim input:checked ~ .state.p-success:before { border-color: #357935; background-color: #357935 !important; }
.pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after { background-color: #f0ad4e !important; }
.pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg { color: #fff; stroke: #fff; }
.pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before { border-color: #f0ad4e; }
.pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after { background-color: transparent; }
.pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg { color: #f0ad4e; stroke: #f0ad4e; }
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after { background-color: #f0ad4e !important; }
.pretty.p-switch input:checked ~ .state.p-warning:before { border-color: #f0ad4e; }
.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before { background-color: #f0ad4e !important; }
.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before { border-color: #c77c11; background-color: #c77c11 !important; }
.pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after { background-color: #d9534f !important; }
.pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg { color: #fff; stroke: #fff; }
.pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before { border-color: #d9534f; }
.pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after { background-color: transparent; }
.pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg { color: #d9534f; stroke: #d9534f; }
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after { background-color: #d9534f !important; }
.pretty.p-switch input:checked ~ .state.p-danger:before { border-color: #d9534f; }
.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before { background-color: #d9534f !important; }
.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before { border-color: #a02622; background-color: #a02622 !important; }
.pretty.p-bigger label:before, .pretty.p-bigger label:after, .pretty.p-bigger .icon, .pretty.p-bigger .svg, .pretty.p-bigger .img { font-size: 1.2em !important; top: calc((0% - (100% - 1em)) - 35%) !important; }
.pretty.p-bigger label { text-indent: 1.7em; }
@media print { .pretty .state:before, .pretty .state label:before, .pretty .state label:after, .pretty .state .icon { color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact; } } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; display: block; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; } body, button, input, select, textarea { color: #000000; font-family: "Inter", sans-serif; line-height: 2; }
h1, h2, h3, h4, h5, h6 { clear: both; margin-top: 0; }
.entry-title { color: #000000; margin-top: 0; }
p { margin-bottom: 1.5em; }
dfn, cite, em, i { font-style: italic; }
blockquote { margin: 0 1.5em; }
address { margin: 0 0 1.5em; }
pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.8; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }
code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
mark, ins { background: #fff9c0; text-decoration: none; }
big { font-size: 125%; }
html, body { height: 100%; }
html { font-size: 62.5%; }
body { font-size: 1.6rem; letter-spacing: .1px; }
@font-face { font-family: 'Inter'; src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Regular.eot); src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Regular.eot?#iefix) format("embedded-opentype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Regular.woff2) format("woff2"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Regular.woff) format("woff"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Regular.ttf) format("truetype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Regular.svg#Inter) format("svg"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter Light'; src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Light.eot); src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Light.eot?#iefix) format("embedded-opentype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Light.woff2) format("woff2"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Light.woff) format("woff"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Light.ttf) format("truetype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Light.svg#Inter-Light) format("svg"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Inter Bold'; src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Bold.eot); src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Bold.eot?#iefix) format("embedded-opentype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Bold.woff2) format("woff2"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Bold.woff) format("woff"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Bold.ttf) format("truetype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Bold.svg#Inter-Bold) format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Inter Medium'; src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Medium.eot); src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Medium.eot?#iefix) format("embedded-opentype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Medium.woff2) format("woff2"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Medium.woff) format("woff"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Medium.ttf) format("truetype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-Medium.svg#Inter-Medium) format("svg"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Inter Bold Italic'; src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-BoldItalic.eot); src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-BoldItalic.eot?#iefix) format("embedded-opentype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-BoldItalic.woff2) format("woff2"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-BoldItalic.woff) format("woff"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-BoldItalic.ttf) format("truetype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/Inter-BoldItalic.svg#Inter-BoldItalic) format("svg"); font-weight: bold; font-style: italic; }  .sticky { display: block; }
.byline, .updated:not(.published) { display: none; }
.single .byline, .group-blog .byline { display: inline; }
.page-links { clear: both; margin: 0 0 1.5em; } .clearfix { content: ""; display: table; table-layout: fixed; }
.hidden { visibility: hidden; }
.d-none { display: none; }
.d-block { display: block; }
.p-relative { position: relative; }
.text-underline { text-decoration: underline; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.overflow-hidden { overflow: hidden; }
html body .mb-0 { margin-bottom: 0; }
.site-header-wrap { position: fixed; top: 0; z-index: 3; width: 100%; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
.site-header-wrap--white { background-color: transparent; }
.site-header-wrap--scrolled, .site-header-wrap--scrolled-mobile { background-color: #444444 !important; }
.site-header-wrap--scrolled .main-navigation .menu-item a, .site-header-wrap--scrolled .main-navigation .wpml-ls-item a, .site-header-wrap--scrolled-mobile .main-navigation .menu-item a, .site-header-wrap--scrolled-mobile .main-navigation .wpml-ls-item a, .site-header-wrap--white .main-navigation .menu-item a, .site-header-wrap--white .main-navigation .wpml-ls-item a { color: white; }
.logo-brand { display: table; text-decoration: none; }
.logo-brand > * { display: table-cell; vertical-align: middle; }
body:not(.home) .logo-brand svg g g { fill: #9EA1A2; }
body:not(.home) .logo-brand svg g path:nth-child(5) { fill: black; }
.site-name { font-family: "Inter Bold Italic", sans-serif; font-style: italic; text-transform: uppercase; }
.site-header-wrap--scrolled .site-name, body.home .site-name, body.page-template-macro-categoria .site-name, body[class*="tax-garsport_"] .site-name, body.single-garsport_product .site-name { color: white; }
.site-header-wrap--black:not(.site-header-wrap--scrolled) .site-name { color: #000000; }
.dropdown-wrap { -webkit-box-shadow: 0px 10px 30px -15px #979797; box-shadow: 0px 10px 30px -15px #979797; }
.dropdown__title { text-transform: uppercase; color: white; font-family: "Inter Bold", sans-serif; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.dropdown__list { list-style: none; padding: 0; margin: 0; }
.dropdown__link { text-decoration: none; }
.dropdown__link h3 { text-transform: uppercase; font-family: "Inter Bold", sans-serif; text-decoration: none; }
.dropdown__link h3 span { font-family: "Inter", sans-serif; font-weight: 100; }
.dropdown__link h3:hover { color: #EC1A3A; }
.entry-title { text-transform: uppercase; font-family: "Inter Bold", sans-serif; letter-spacing: 3px; display: block; }
.entry-header__subtitle-primary { color: #000000; text-transform: uppercase; position: relative; line-height: 1.5; }
.entry-header__subtitle-primary:after { content: " "; position: absolute; bottom: 0; left: 0; background-color: #000000; height: 1px; }
body.single-post .entry-header__subtitle-primary:after { content: none; }
body.page-template-social-wall .entry-header__subtitle-primary:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.entry-header__subtitle-primary b, .entry-header__subtitle-primary strong { font-family: "Inter Bold", sans-serif; }
body.single-post .entry-header__subtitle-primary { text-transform: initial; font-family: "Inter Medium", sans-serif; letter-spacing: 2px; padding-bottom: 0; }
#certs-modal .entry-header__subtitle-primary { font-family: "Inter Bold", sans-serif; padding-bottom: 0; font-size: 2.4rem; }
#certs-modal .entry-header__subtitle-primary:after { content: none; }
.entry-header__subtitle-secondary { color: #000000; font-weight: 100; text-transform: uppercase; letter-spacing: 2px; }
.entry-content__intro { letter-spacing: 1.5px; line-height: 1.6; }
body.no-scroll { height: 100%; overflow: hidden; }
.breadcrumbs { overflow: auto; white-space: nowrap; position: relative; overflow-y: hidden;}
.breadcrumbs::after { content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); position: absolute; right: 0; top: 0; bottom: 0; width: 20%; }
.breadcrumbs__list { font-size: 0; }
.breadcrumbs__item, .breadcrumbs__link { line-height: 1; }
.breadcrumbs__item { position: relative; text-transform: uppercase; }
.breadcrumbs__item:not(:last-child):after { position: absolute; content: ""; right: 0; top: 0; bottom: 0; width: 1px; background-color: #000000; }
body.single-garsport_product .breadcrumbs__item:not(:first-child) { padding-left: 1rem; }
body.single-garsport_product .breadcrumbs__item:not(:last-child) { padding-right: 1.3rem; }
body.single-garsport_product .breadcrumbs__item:after { top: 80%; -webkit-transform: translateY(-80%); transform: translateY(-80%); height: 70%; background-color: #000000; }
.breadcrumbs__link { text-transform: uppercase; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; }
.breadcrumbs__link:visited { color: inherit; }
.breadcrumbs__link:hover { font-family: "Inter Bold", sans-serif; }
body.home .site-content { background-color: white; }
body.home .content-area { position: relative; z-index: 2; }
.intro-background { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: white; z-index: 1; }
.entry-wrap { width: 100%; }
body.home .entry-wrap { position: relative; z-index: 1; }
.site-footer-wrap { position: relative; z-index: 1; background-color: white; border-top: 1px solid black; }
.site-footer__col-title { text-transform: uppercase; font-family: "Inter Bold", sans-serif; color: #000000; font-size: inherit; text-decoration: none; }
.site-footer__col-body { color: #000000; }
@-webkit-keyframes header-line { 0% { -webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scaleY(0);
transform: scaleY(0); }
24% { -webkit-transform-origin: center top;
transform-origin: center top; }
25% { -webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
50% { -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
100% { -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; } }
@keyframes header-line { 0% { -webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scaleY(0);
transform: scaleY(0); }
24% { -webkit-transform-origin: center top;
transform-origin: center top; }
25% { -webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
50% { -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
100% { -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; } }
.pagination { display: block; }
.pagination__list { padding: 0; margin: 0; display: table; margin: 0 auto; list-style: none; }
.pagination__item { display: inline-block; vertical-align: middle; }
.pagination__link, .page-numbers { display: inline-block; text-decoration: none; }
.pagination__item--current .pagination__link, .pagination__item--current .page-numbers { font-family: "Inter Bold", sans-serif; }
.page-numbers.current { font-family: "Inter Bold", sans-serif; }
.pagination__link, .page-numbers, .pagination__total, .pagination__link--prev, .pagination__link--next { line-height: 1; }
.pagination__link--prev { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-left-black.svg) center center/contain no-repeat; }
.pagination__link--next { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-right-black.svg) center center/contain no-repeat; }
.pagination__link--prev:hover, .pagination__link--next:hover { opacity: .5; } .file { position: relative; }
.file__link { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.file__link:hover + .file__image { opacity: .7; } .launch { position: relative; }
.launch__bg { background-size: cover; background-repeat: no-repeat; }
.launch-wrap, .launch__body { background-color: #000000; }
.launch-wrap--black, .launch-wrap--black .launch__body { background-color: #13110E; }
.launch__body { position: relative; z-index: 1; }
.launch__header--page .launch__title:after { content: " "; position: absolute; left: 0; bottom: 0; height: 1px; background-color: #646464; }
.launch__title, .launch__subtitle { text-transform: uppercase; }
.launch__title { font-weight: 100; }
.launch__header--home .launch__title { line-height: 1.4; }
.launch__header--page .launch__title { line-height: 1.4; }
.launch__title b, .launch__title strong { font-family: "Inter Bold", sans-serif; color: white; }
.launch__subtitle { margin-top: 0; font-weight: 100; letter-spacing: 1.5px; }
.launch__title, .launch__subtitle, .launch__description { color: #F2F2F2; }
.launch__description { letter-spacing: .5px; text-align: justify; }
.launch__link-wrap { z-index: 2; }
.launch__link { background-color: #E40C34; display: block; }
.launch__link .launch__link-plus { -webkit-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.launch__link:hover .launch__link-plus { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.newsletter-wrap { background-color: white; position: relative; z-index: 1; }
.newsletter__title { display: block; font-family: "Inter Bold", sans-serif; text-transform: uppercase; }
.newsletter__title, .newsletter__intro { color: #000000; text-align: center; }
.newsletter__intro { letter-spacing: 1px; }
.newsletter__intro b, .newsletter__intro strong { letter-spacing: 1px; }
.newsletter input[type=email] { display: block; width: 100%; color: #000000; border-bottom: 1px solid #000000; }
.newsletter .privacy { display: table; text-align: center; margin: 0 auto; }
.newsletter .privacy__label-wrap { line-height: 1; }
.newsletter .privacy__text { color: #000000; }
.newsletter .form__submit { position: absolute; top: 0; right: 1rem; color: transparent; background-image: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-right-black-thin.svg); background-position-y: center; background-repeat: no-repeat; }
.newsletter .form__submit:hover { opacity: .6; }
.newsletter .form__submit .contact-field { color: transparent; background-color: transparent; border-bottom: none !important; padding: 0; }
.social-links-wrap { position: relative; z-index: 1; background-color: white; }
.social-links { margin: 0 auto; text-align: center; }
.social-links .social-links__title { color: #000000; display: block; text-transform: uppercase; font-weight: 100; }
.social-links .social-links__title b, .social-links .social-links__title strong { font-family: "Inter Medium", sans-serif; }
.social-links .social-links__list { display: block; padding: 0; margin: 0; list-style: none; }
.social-links .social-links__item { display: inline-block; }
.social-links .social-links__link:hover { opacity: .6; }
.social-links .social-links__link:visited, .social-links .social-links__link:active, .social-links .social-links__link:focus { opacity: 1; }
.social-share { display: block; }
.social-share .social-share__label { display: inline-block; color: #000000; letter-spacing: 1px; text-transform: uppercase; font-weight: 100; }
.social-share .social-share__label b, .social-share .social-share__label strong { font-family: "Inter Medium", sans-serif; }
.social-share .social-share__label, .social-share .social-share__list { display: inline-block; vertical-align: middle; }
.social-share .social-share__list { padding: 0; list-style: none; }
.social-share .social-share__item { display: inline-block; }
.social-share .social-share__link:hover { opacity: .6; }
.social-share--inverse .social-share__link { color: white; }
.logo__list { list-style: none; display: table; width: 100%; margin: 0; padding: 0; }
.logo__figure { margin: 0; }
.logo__image { margin-bottom: 1rem; }
.logo__item { display: table-cell; text-align: center; }
.logo__link { display: block; text-decoration: none; }
.logo__link:hover { opacity: .6; }
.logo__caption { text-transform: uppercase; font-weight: 100; letter-spacing: 1.5px; font-family: "Inter Medium", sans-serif; } h1, .h1 { text-decoration: underline; text-transform: uppercase; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Inter Bold", sans-serif; display: block; } .loading { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.home-slider-wrap { background-color: #000000; position: relative; z-index: 2; overflow-y: hidden; }
.slider-wrap--home { position: relative; }
.home-slide__image-wrap { position: relative; }
.home-slide__image-wrap .product__map-point { position: absolute; left: 50%; top: 45%; -webkit-transform: translate(-50%, -45%); transform: translate(-50%, -45%); }
.home-slide__image { position: relative; z-index: 1; }
.home-slide__label-bg { font-family: "Inter Bold", sans-serif; color: #F2F2F2; text-transform: uppercase; display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: .2; line-height: .8; }
.home-slide__title { font-family: "Inter Bold", sans-serif; display: block; text-transform: uppercase; color: white; line-height: 1.4; text-decoration: underline; }
.home-slide__description { color: #F2F2F2; letter-spacing: 1.5px; }
.home-slide__description strong { font-family: "Inter Bold", sans-serif; letter-spacing: 1.5px; }
.home-slider--v2:before { top: 0; background: black; background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0))); background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%); }
.home-slider--v2:after { bottom: 0; background: black; background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); }
.home-slider--v2:before, .home-slider--v2:after { content: ""; position: absolute; left: 0; right: 0; z-index: 1; }
.home-slider--v2 .home-slide__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.home-slider--v2 .home-slide__title { margin-bottom: 50px; }
.home-slider--v2 .container { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }
.home-slider--v2 .slick-prev:before, .home-slider--v2 .slick-next:before { content: none; }
.home-slider--v2 .slick-arrow { height: 6rem; width: 3rem; z-index: 1 !important; }
.home-slider--v2 .slick-arrow.slick-prev { display: none !important; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-left-white-thin.png) center/contain no-repeat; left: 5%; }
.home-slider--v2 .slick-arrow.slick-next { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-right-white-thin.png) center/contain no-repeat; right: 5%; }
.product-canvas-wrap { position: relative; }
.canvas-slider-inner, .products-slider-inner { z-index: 1; position: relative; }
.canvas-slide__image-wrap { position: relative; }
.circle-background-canvas { position: absolute; z-index: 1; border-radius: 100%; background-color: white; }
.canvas-slide__body, .product-slide__body { color: #000000; }
.canvas-slide__label-top, .product-slide__label-top { display: block; }
.canvas-slide__label-top, .canvas-slide__title, .canvas-slide__subtitle, .product-slide__label-top, .product-slide__title { text-transform: uppercase; }
.canvas-slide__label-top, .canvas-slide__title, .product-slide, .product-slide__label-top { font-family: "Inter Bold", sans-serif; }
.canvas-slide__title, .canvas-slide__subtitle, .product-slide__title, .product-slide__subtitle { margin: 0; }
.canvas-slide__subtitle, .product-slide__title, .product-slide__subtitle { font-weight: 100; display: block; }
.canvas-slide__label-top, .product-slide__label-top { color: #EC1A3A; }
.canvas-slide__description ul { list-style: none; padding-left: 2rem; }
.canvas-slide__description li { margin-bottom: 2.5rem; }
.canvas-slide__description li:before { margin: 0 1rem 0 -2rem; content: "+"; }
.canvas-slider__controls, .products-slider__controls { display: table; color: #000000; }
.canvas-slider__current, .canvas-slider__sep, .canvas-slider__length, .products-slider__current, .products-slider__sep, .products-slider__length { line-height: 1; }
.canvas-slider__counter, .canvas-slider__nav { display: table-cell; vertical-align: bottom; }
.canvas-slider__current, .products-slider__current { font-family: "Inter Bold", sans-serif; }
.canvas-slider__link { display: inline-block; text-transform: uppercase; letter-spacing: 1px; color: white; text-decoration: none; line-height: 1; }
.canvas-slider__link:visited { color: white; }
.canvas-slider__link:focus, .canvas-slider__link:hover, .canvas-slider__link:active { color: #444444; }
.canvas-slider__link-wrap, .canvas-slider__link, .canvas-slider__link-span, .canvas-slider__link-plus { display: inline-block; vertical-align: middle; }
.canvas-slider__link-plus { position: relative; z-index: 1; -webkit-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.canvas-slider__link { font-family: "Inter Bold", sans-serif; font-weight: 500; letter-spacing: 2px; -webkit-transition: color 0.3s; transition: color 0.3s; }
.canvas-slider__link:after { content: " "; position: absolute; background-color: #E40C34; }
.canvas-slider__link:hover .canvas-slider__link-plus { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.canvas-slider__link-plus { color: white; } .carousel.active { opacity: 0; visibility: hidden; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.carousel.slick-initialized { visibility: visible; opacity: 1; }
.carousels__filters { line-height: 1; }
.carousel__filter { text-transform: uppercase; border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; }
.carousel__filter:focus { outline: none; }
.carousel__filter::-moz-focus-inner { border: 0; padding: 0; }
.carousel__filter--current { font-family: "Inter Bold", sans-serif; text-decoration: underline; }
.carousels .carousel { display: none; }
.carousels .carousel.active { position: relative; display: block; }
.carousel .post .post-grid__meta { display: none; }
.carousel .slick-prev.slick-disabled, .carousel .slick-next.slick-disabled { display: none !important; }
.carousel .slick-prev { background-image: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-left-white.png); left: 4rem; }
.carousel .slick-next { background-image: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-right-white.png); right: 4rem; }
.carousel .slick-arrow { background-size: 3rem; height: 5rem; background-position: center; background-repeat: no-repeat; top: 33.3333%; -webkit-transform: translateY(-33.3333%); transform: translateY(-33.3333%); } .cat-card { position: relative; overflow: hidden; }
.cat-card__link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.cat-card__image { max-width: 100%; width: 100%; display: block; -webkit-transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.cat-card__link:hover + .cat-card__image { overflow: hidden; -webkit-transform: scale(1.1);    transform: scale(1.1); }
.cat-card__header { position: absolute; bottom: 0; left: 0; right: 0; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%); clip-path: polygon(0 0, 0% 100%, 100% 100%); }
.cat-card__title { margin: 0; color: white; text-decoration: none; }
body:not(.home) .product-slider-wrap { margin-bottom: 8rem; }
.product-slide__shadow { position: absolute; top: 0; bottom: 1rem; right: 0; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/shadow.svg) center bottom no-repeat; z-index: -1; }
.product-slide__image-wrap { position: relative; }
.product-slide__image { position: relative; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.products-slider__thumbs { overflow: hidden; }
.products-slider__thumb-figure { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.products-slider__thumb-figure { margin: 0; border: 2px solid #F2F2F2; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; }
.products-slider__thumb-figure:hover { border-color: #000000; }
.products-slider__thumb-caption { text-align: center; color: #979797; letter-spacing: 2px; display: block; }
.products-slider__thumb-current { border: 2px solid #000000; }
.products-slider__thumb-current + .products-slider__thumb-caption { color: #000000; font-family: "Inter Bold", sans-serif; }
.products-slider__thumbnails { overflow: hidden; }
body:not(.home) .products-slider__thumbnails { display: none; }
.products-slider__thumb-link { display: block; text-decoration: none; text-align: center; text-transform: uppercase; }
.product-slide__title b, .product-slide__title strong { font-family: "Inter Bold", sans-serif; }  .circle-background { position: absolute; border-radius: 100%; }
.slider-nav__color-checkbox { display: none; }
.slider-nav__color-label { width: 3.2rem; height: 3.2rem; border-radius: 100%; display: inline-block; cursor: pointer; }
.slider-nav__color-checkbox:checked + .slider-nav__color-label { background-image: url(//www.garsport.it/wp-content/themes/garsport/assets/images/tick.svg); background-position: center center; background-repeat: no-repeat; background-size: 1.5rem 1.5rem; }
body.single-garsport_product .product__content p a { color: white; }
.product__images { position: relative; }
@-webkit-keyframes anim_pulse { 0% { -webkit-transform: scale(1); transform: scale(1);
border-width: 0; }
100% { -webkit-transform: scale(1.5); transform: scale(1.5);
border-width: 1rem; } }
@keyframes anim_pulse { 0% { opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
border-width: 0; }
100% { opacity: 1;
-webkit-transform: scale(1.5);
transform: scale(1.5);
border-width: 1rem; } }
.product__map-point-text { display: table; position: absolute; height: 0; right: 0; top: 0; -webkit-transition: opacity 0.3s, height 0.3s; transition: opacity 0.3s, height 0.3s; }
.product__map-point-text-desc p { line-height: 1.4; }
.product__map-point-text--canvas:before { -webkit-transform: scale(0.8); transform: scale(0.8); }
.home-slider .product__map-point-text-title, .products-slider .product__map-point-text-title { text-transform: uppercase; font-family: "Inter Bold", sans-serif; letter-spacing: 2px; color: #F2F2F2; }
.products-slider .product__map-point-text-title { color: #000000; }
body.home .canvas-slider .product__map-point-text, body.single-garsport_product .product__map-point-text { opacity: 0; }
body.home .canvas-slider .product__map-point-text:before, body.single-garsport_product .product__map-point-text:before { content: " "; width: 6rem; height: 6rem; top: -.4rem; position: relative; display: table-cell; vertical-align: top; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/red-plus-pulse.svg) center top/6rem no-repeat; }
body.home .canvas-slider .product__map-point-text-body, body.single-garsport_product .product__map-point-text-body { padding-left: 1rem; display: table-cell; vertical-align: bottom; }
body.home .canvas-slider .product__map-point-text-title, body.single-garsport_product .product__map-point-text-title { margin-top: 0; margin-bottom: .5rem; line-height: 1; }
.product__code, .product__content { margin-bottom: 3rem; }
.product__map-point { border-radius: 100%; z-index: 2; cursor: pointer; position: absolute; display: inline-block; }
.product__map-point .product__map-point-bg { border: 1px solid rgba(226, 5, 79, 0.3); border-radius: 100%; position: absolute; }
.product__map-point--canvas { -webkit-transform: scale(0.8); transform: scale(0.8); }
body.home .product__map-point .product__map-point-bg.pulse-auto, body.archive .product__map-point .product__map-point-bg.pulse-auto { -webkit-animation-name: anim_pulse; animation-name: anim_pulse; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
body.home .product__map-point .product__map-point-bg.pulse-auto + .product__map-point-text, body.archive .product__map-point .product__map-point-bg.pulse-auto + .product__map-point-text { opacity: 1; height: auto; color: #F2F2F2; }
body.home .product__map-point:hover .product__map-point-bg:not(.pulse-auto), body.archive .product__map-point:hover .product__map-point-bg:not(.pulse-auto) { -webkit-animation-name: anim_pulse; animation-name: anim_pulse; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
body.home .product__map-point:hover + .product__map-point-text, body.archive .product__map-point:hover + .product__map-point-text { opacity: 1; height: auto; color: #000000; }
body.single-garsport_product .product__map-point:hover .product__map-point-bg { -webkit-animation-name: anim_pulse; animation-name: anim_pulse; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
body.single-garsport_product .product__map-point:hover + .product__map-point-text { opacity: 1; height: auto; color: #F2F2F2; }
.product__prev-next, .home-slider__prev-next, .canvas-slider__prev-next, .products-slider__prev-next { line-height: 1; }
.product__prev-next a[rel="prev"], .home-slider__prev-next a[rel="prev"], .canvas-slider__prev-next a[rel="prev"], .products-slider__prev-next a[rel="prev"] { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-left-white.svg) 45% center no-repeat; }
.product__prev-next a[rel="next"], .home-slider__prev-next a[rel="next"], .canvas-slider__prev-next a[rel="next"], .products-slider__prev-next a[rel="next"] { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-right-white.svg) 55% center no-repeat; }
.product__prev-next a[rel="prev"], .product__prev-next a[rel="next"], .home-slider__prev-next a[rel="prev"], .home-slider__prev-next a[rel="next"], .canvas-slider__prev-next a[rel="prev"], .canvas-slider__prev-next a[rel="next"], .products-slider__prev-next a[rel="prev"], .products-slider__prev-next a[rel="next"] { position: absolute; left: 50%; top: 45%; -webkit-transform: translate(-50%, -45%); transform: translate(-50%, -45%); opacity: .35; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.product__prev-next a[rel="prev"]:hover, .product__prev-next a[rel="next"]:hover, .home-slider__prev-next a[rel="prev"]:hover, .home-slider__prev-next a[rel="next"]:hover, .canvas-slider__prev-next a[rel="prev"]:hover, .canvas-slider__prev-next a[rel="next"]:hover, .products-slider__prev-next a[rel="prev"]:hover, .products-slider__prev-next a[rel="next"]:hover { opacity: 1; }
.product__prev-next a.canvas-slider__prev-link, .product__prev-next a.products-slider__prev-link, .home-slider__prev-next a.canvas-slider__prev-link, .home-slider__prev-next a.products-slider__prev-link, .canvas-slider__prev-next a.canvas-slider__prev-link, .canvas-slider__prev-next a.products-slider__prev-link, .products-slider__prev-next a.canvas-slider__prev-link, .products-slider__prev-next a.products-slider__prev-link { opacity: .2; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-left-black.svg) 45% center no-repeat; }
.product__prev-next a.canvas-slider__next-link, .product__prev-next a.products-slider__next-link, .home-slider__prev-next a.canvas-slider__next-link, .home-slider__prev-next a.products-slider__next-link, .canvas-slider__prev-next a.canvas-slider__next-link, .canvas-slider__prev-next a.products-slider__next-link, .products-slider__prev-next a.canvas-slider__next-link, .products-slider__prev-next a.products-slider__next-link { opacity: .2; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-right-black.svg) 55% center no-repeat; }
.product__prev-next .circular-chart, .home-slider__prev-next .circular-chart, .canvas-slider__prev-next .circular-chart, .products-slider__prev-next .circular-chart { display: inline-block; }
.product__prev-next .circle-bg, .home-slider__prev-next .circle-bg, .canvas-slider__prev-next .circle-bg, .products-slider__prev-next .circle-bg { fill: none; stroke: #847F7F; stroke-width: 2; }
.product__prev-next .circle-bg--gray, .home-slider__prev-next .circle-bg--gray, .canvas-slider__prev-next .circle-bg--gray, .products-slider__prev-next .circle-bg--gray { stroke: #979797; }
.product__prev-next .product__prev, .product__prev-next .product__next, .product__prev-next .home-slider__prev, .product__prev-next .home-slider__next, .product__prev-next .canvas-slider__prev, .product__prev-next .canvas-slider__next, .product__prev-next .products-slider__prev, .product__prev-next .products-slider__next, .home-slider__prev-next .product__prev, .home-slider__prev-next .product__next, .home-slider__prev-next .home-slider__prev, .home-slider__prev-next .home-slider__next, .home-slider__prev-next .canvas-slider__prev, .home-slider__prev-next .canvas-slider__next, .home-slider__prev-next .products-slider__prev, .home-slider__prev-next .products-slider__next, .canvas-slider__prev-next .product__prev, .canvas-slider__prev-next .product__next, .canvas-slider__prev-next .home-slider__prev, .canvas-slider__prev-next .home-slider__next, .canvas-slider__prev-next .canvas-slider__prev, .canvas-slider__prev-next .canvas-slider__next, .canvas-slider__prev-next .products-slider__prev, .canvas-slider__prev-next .products-slider__next, .products-slider__prev-next .product__prev, .products-slider__prev-next .product__next, .products-slider__prev-next .home-slider__prev, .products-slider__prev-next .home-slider__next, .products-slider__prev-next .canvas-slider__prev, .products-slider__prev-next .canvas-slider__next, .products-slider__prev-next .products-slider__prev, .products-slider__prev-next .products-slider__next { position: relative; display: inline-block; font-size: 0; }
.product__prev-next .circle, .home-slider__prev-next .circle, .canvas-slider__prev-next .circle, .products-slider__prev-next .circle { fill: none; stroke-width: 2; stroke-linecap: round; }
@-webkit-keyframes progress { 0% { stroke-dasharray: 0 100; } }
@keyframes progress { 0% { stroke-dasharray: 0 100; } }
.product__prev-next .product__prev:hover .circle, .product__prev-next .product__next:hover .circle, .product__prev-next .home-slider__prev:hover .circle, .product__prev-next .home-slider__next:hover .circle, .home-slider__prev-next .product__prev:hover .circle, .home-slider__prev-next .product__next:hover .circle, .home-slider__prev-next .home-slider__prev:hover .circle, .home-slider__prev-next .home-slider__next:hover .circle, .canvas-slider__prev-next .product__prev:hover .circle, .canvas-slider__prev-next .product__next:hover .circle, .canvas-slider__prev-next .home-slider__prev:hover .circle, .canvas-slider__prev-next .home-slider__next:hover .circle, .products-slider__prev-next .product__prev:hover .circle, .products-slider__prev-next .product__next:hover .circle, .products-slider__prev-next .home-slider__prev:hover .circle, .products-slider__prev-next .home-slider__next:hover .circle { -webkit-animation: progress 1s ease-out forwards; animation: progress 1s ease-out forwards; stroke: white; }
.product__prev-next .canvas-slider__prev:hover .circle, .product__prev-next .canvas-slider__next:hover .circle, .product__prev-next .products-slider__prev:hover .circle, .product__prev-next .products-slider__next:hover .circle, .home-slider__prev-next .canvas-slider__prev:hover .circle, .home-slider__prev-next .canvas-slider__next:hover .circle, .home-slider__prev-next .products-slider__prev:hover .circle, .home-slider__prev-next .products-slider__next:hover .circle, .canvas-slider__prev-next .canvas-slider__prev:hover .circle, .canvas-slider__prev-next .canvas-slider__next:hover .circle, .canvas-slider__prev-next .products-slider__prev:hover .circle, .canvas-slider__prev-next .products-slider__next:hover .circle, .products-slider__prev-next .canvas-slider__prev:hover .circle, .products-slider__prev-next .canvas-slider__next:hover .circle, .products-slider__prev-next .products-slider__prev:hover .circle, .products-slider__prev-next .products-slider__next:hover .circle { -webkit-animation: progress 1s ease-out forwards; animation: progress 1s ease-out forwards; stroke: #000000; }
.product__features-wrap { position: relative; z-index: 1; background-color: #F2F2F2; }
.product__purpose-title, .product__sizes-title { display: block; font-family: "Inter Bold", sans-serif; }
.product__purpose-title, .product__purpose-item { text-transform: uppercase; letter-spacing: 1px; }
.product__purpose-list { font-size: 1.3rem; }
.product__purpose-item { display: inline-block; vertical-align: middle; font-size: 1.3rem; }
.loader-icon { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.modal__wrap { display: none; position: fixed; left: 0; right: 0; top: 0; z-index: 4; height: 100%; width: 100%; overflow-y: auto; }
.modal__bg { background: rgba(255, 255, 255, 0.95); position: fixed; top: 0; bottom: 0; left: 0; right: 0; backdrop-filter: blur(4px);}
.modal__body { position: relative; z-index: 4; }
.modal__close { position: fixed; border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/modal-close.svg) center center/contain no-repeat; z-index: 4; }
.modal__close:focus { outline: none; }
.modal__close::-moz-focus-inner { border: 0; padding: 0; }
.product__sizes-list { vertical-align: 20%; font-family: "Inter", sans-serif; }
a.product__info-link, a.product__buy-link, a.product__storemap-link { position: relative; color: white; }
a.product__info-link:visited, a.product__buy-link:visited, a.product__storemap-link:visited { color: white; }
a.product__info-link:hover, a.product__buy-link:hover, a.product__storemap-link:hover { opacity: .9; color: white; }
.product__certs-link, .product__catalog-link, .product__info-link, .product__buy-link, .product__storemap-link { text-align: center; font-family: "Inter Bold", sans-serif; }
.product__colors { display: block; margin: 0 auto; }
.product__certs-link { line-height: 1; }
.product__feature.product__catalog-link, .product__feature.product__info-link, .product__feature.product__buy-link, .product__feature.product__storemap-link { border-right: 0; }
.product__feature.product__storemap-link { background-color: #000000; }
.product__sizes-title { display: block; }
.product__colors-title, .product__catalog-link { color: #000000; }
.product__colors-title, .product__sizes-title, .product__info-link, .product__buy-link, .product__catalog-link, .product__storemap-link { text-transform: uppercase; }
.product__info-link { opacity: .8; }
.product__info-link, .product__buy-link, .product__catalog-link, .product__storemap-link { text-decoration: none; }
.slider-nav { line-height: 1; text-align: center; }
.product__storemap-bg { background-color: #000000; }
.product__info-bg { opacity: .7; }
.product-property__title { line-height: 1; }
.product-property__excerpt { margin-bottom: 0; }
.product-gallery__link { overflow: hidden; }
.product-gallery__img { -webkit-transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.product-gallery__link, .product-gallery__img { display: block; width: 100%; }
.product-gallery__link:hover .product-gallery__img { overflow: hidden; -webkit-transform: scale(1.1);    transform: scale(1.1); }
.product-icon { width: 2rem; height: 2rem; display: inline-block; vertical-align: -15%; margin-right: 1rem; }
.product-icon--info { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/info.svg) center/contain no-repeat; }
.product-icon--cart { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/cart.svg) center/contain no-repeat; }
.product-icon--marker { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/marker-small-white.svg) center/contain no-repeat; } .modal__title { position: relative; }
.modal__title:after { content: " "; background-color: #000000; height: 1px; position: absolute; bottom: 0; left: 0; }
.modal__product-name, .modal__product-code { text-transform: uppercase; letter-spacing: 2px; margin-bottom: 2rem; display: block; line-height: 1.1; }
.modal__product-name span, .modal__product-code span { font-family: "Inter Medium", sans-serif; color: #000000; } .privacy__label:before { content: ""; display: inline-block; vertical-align: -33.333333%; border: 1px solid #000000; border-radius: .7rem; margin-right: 1rem; }
.privacy__checkbox:checked + .privacy__label:before { border-color: black; background-color: black; }
.privacy__link { position: relative; z-index: 2; } .section--black { background-color: black; }
.section--py { overflow: hidden; }
.post-thumbnail.section img { width: 100%; display: block; max-width: 100%; }
.post-thumbnail-wrap { position: relative; }
.post-thumbnail__title, .timeline-slide__title { display: block; text-transform: uppercase; font-weight: 100; color: #F2F2F2; line-height: 1.2; }
.post-thumbnail__title b, .post-thumbnail__title strong, .timeline-slide__title b, .timeline-slide__title strong { font-family: "Inter Bold", sans-serif; color: #F2F2F2; }
.post-thumbnail__title, .post-thumbnail__description, .timeline-slide__title, .timeline-slide__description { letter-spacing: 1px; color: #F2F2F2; }
.post-thumbnail__description, .timeline-slide__description { line-height: 1.8; } .garsport_product { position: relative; }
.grid-filter-wrap { position: relative; }
.grid__list { overflow: hidden; }
.grid-items { position: relative; min-height: 25rem; }
.grid-filter__list { padding: 0; margin: 0; list-style: none; }
.grid-filter__list .slick-prev { display: none !important; }
.grid-filter__list .slick-next { right: 0; }
.grid-filter__list .slick-prev, .grid-filter__list .slick-next { width: auto; height: auto; }
.grid-filter__list .slick-next:before { content: ""; display: inline-block; width: 2rem; height: 2rem; color: transparent; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-right-black-thin.svg) center/contain no-repeat; }
.grid-filter__item { display: inline-block; }
.grid-filter__link { text-decoration: none; text-transform: uppercase; }
.grid-filter__link:hover, .grid-filter__link--active { text-decoration: underline; font-family: "Inter Bold", sans-serif; }
.grid-filter__title { font-weight: 100; text-transform: uppercase; letter-spacing: 2px; color: #000000; }
.grid-filter__title b, .grid-filter__title strong { font-family: "Inter Medium", sans-serif; }
.grid-filter__file { text-decoration: none; font-family: "Inter Bold", sans-serif; color: #000000; text-transform: uppercase; line-height: 1.5; }
.grid-filter__file:before { content: " "; display: inline-block; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/pdf.svg) left center/contain no-repeat; }
.grid-filter__file:hover { opacity: .7; }
.grid-filter__divider { background-color: #000000; }
.grid-filter__select { text-transform: uppercase; font-family: "Inter Medium", sans-serif !important; color: #000000 !important; letter-spacing: 2px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; cursor: pointer; position: relative; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-down-select.svg) right center/contain no-repeat; }
.grid-filter__select:focus { outline: none; }
.grid-filter__select::-moz-focus-inner { border: 0; padding: 0; }
.grid-filter__select:after { content: " "; position: absolute; right: 0; width: 3rem; height: 3rem; background-color: #E40C34; z-index: 1; }
.grid-filter__select:hover { background-color: white; }
.product-grid__figure { margin: 0; position: relative; border: 1px solid #979797; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: white; overflow: hidden;}
.product-grid__shoplink { position: absolute; right: 1rem; top: 1rem; z-index: 1; display: inline-block; background-color: #000000; border-radius: 50%; -webkit-transition: -webkit-box-shadow 0.3s, -moz-box-shadow 0.3s, box-shadow 0.3s; transition: -webkit-box-shadow 0.3s, box-shadow 0.3s; }
.product-grid__shoplink:hover { -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.5); }
.product-grid__cart-icon { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/cart.svg) center center/contain no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
.product-grid__image { margin: 0 auto; -webkit-transition: transform 0.3s, filter 0.3s, -webkit-filter 0.3s; transition: transform 0.3s, filter 0.3s, -webkit-filter 0.3s; object-fit: contain; aspect-ratio: 1/1; width: 100%;}
.product-grid__link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: block; text-decoration: none; text-align: center; }
.product-grid__link:hover + .product-grid__figure .product-grid__image { overflow: hidden; -webkit-transform: scale(1.1);    transform: scale(1.1); }
.product-grid__cat { text-transform: uppercase; display: inline-block; line-height: 1; font-family: "Inter Bold", sans-serif; }
.product-grid__title { font-weight: 300; font-size: inherit; text-decoration: none; text-transform: inherit; margin: 0; letter-spacing: .7px; font-family: "Inter", sans-serif; }
.product-grid__code { text-transform: uppercase; letter-spacing: 2px; } .ig-feed { grid-column-gap: 5px; }
.ig-feed__item { margin-bottom: 5px; position: relative; }
.ig-feed__link { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
.ig-feed__link:hover + .ig-feed__img { opacity: .9; }
.ig-feed__img { display: block; width: 100%; } .slider-wrap--timeline { position: relative; }
.timeline-slide__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-repeat: no-repeat; }
.timeline-slider__nav-list { list-style: none; padding: 0; margin-bottom: 0; }
.timeline-slider__nav-link { line-height: 1; position: relative; display: block; text-decoration: none; color: white; text-align: right; }
.timeline-slider__nav-link b, .timeline-slider__nav-link strong { font-family: "Inter Medium", sans-serif; color: white; }
.timeline-slider__nav-link:hover, .timeline-slider__nav-link:active, .timeline-slider__nav-link:visited { color: white; }
.timeline-slider__nav-link:after { background-color: white; border-width: 0; border-radius: 50%; }
.timeline-slider__nav-link-span { position: relative; display: inline-block; vertical-align: 20%; color: white; } .quote__text { text-align: center; letter-spacing: 1px; } .text-image { position: relative; }
.text-image__title { font-weight: 100; }
.text-image__title:after { content: " "; position: absolute; left: 0; bottom: 0; height: 1px; background-color: #000000; }
.text-image__title { color: #000000; line-height: 1.4; }
.text-image__title b, .text-image__title strong { font-family: "Inter Medium", sans-serif; }
.text-image__description { margin-top: 0; font-weight: 100; letter-spacing: 2px; }
.text-image__description b, .text-image__description strong { letter-spacing: 2px; } .background-color { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }
.background-color--clip { -webkit-clip-path: polygon(0 0, 0% 100%, 101% 0); clip-path: polygon(0 0, 0% 100%, 101% 0); } .banner { position: relative; }
.banner__title, .banner__subtitle { color: white; margin-top: 0; }
.banner__bgcolor { position: absolute; top: 0; bottom: 0; right: 0; -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%); }
.banner__image { position: relative; z-index: 1; } html body .btn { display: inline-block; font-family: "Inter Bold", sans-serif; text-transform: uppercase; text-decoration: none; display: inline-block; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
html body .btn--black { border: 3px solid #000000; }
html body .btn--black:hover { background-color: #000000; color: white; }
html body .btn--white { border: 3px solid white; color: white; }
html body .btn--white:link, html body .btn--white:visited, html body .btn--white:active, html body .btn--white:focus { color: white; }
html body .btn--white:hover { background-color: white; color: #000000; } .cert__list { margin: 0; padding: 0; } .contact-col a { text-decoration: none; } .posts-archive { width: 100%; }
.load-more-wrap { position: relative; text-align: center; }
.load-more-wrap .loading { position: static; -webkit-transform: none; transform: none; }
.blog-header__title, .storemap-header__title { text-transform: uppercase; font-family: "Inter", sans-serif; color: #000000; text-align: center; }
.blog-header__title b, .blog-header__title strong, .storemap-header__title b, .storemap-header__title strong { font-family: "Inter Bold", sans-serif; }
.post-grid { position: relative; }
.post-grid__link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
.post-grid__pub-date, .post-grid__meta-divider, .post-grid__category { display: table-cell; vertical-align: middle; }
.post-grid__meta-divider { padding: 0 1rem; }
.post-grid__figure { margin: 0 0 2rem; }
.post-grid__meta { line-height: 1; margin-bottom: 2rem; }
.post-grid__title { margin-bottom: 0; font-size: 2rem; font-weight: normal; font-family: "Inter", sans-serif; }
.post-grid__link { display: block; }
.post-grid__link + .post-grid__body .post-grid__link-plus { -webkit-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.post-grid__link:hover + .post-grid__body .post-grid__link-plus { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.post-grid__excerpt { text-align: justify; }
.post-grid__figure { overflow: hidden; margin-top: 0; }
.post-grid__featimg { display: block; width: 100%; max-width: 100%; -webkit-transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.post-grid:hover .post-grid__feat-img { overflow: hidden; -webkit-transform: scale(1.1);    transform: scale(1.1); } .post__featimg { display: block; max-width: 100%; width: 100%; } .sidebyside__img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .simple-lightbox .sl-prev { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-left-black-thin.svg) center/contain no-repeat; }
.simple-lightbox .sl-next { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-right-black-thin.svg) center/contain no-repeat; }
.simple-lightbox .sl-close { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/modal-close.svg) center/contain no-repeat; }
.simple-lightbox .sl-prev, .simple-lightbox .sl-next, .simple-lightbox .sl-close { color: transparent !important; }
.simple-lightbox .sl-prev, .simple-lightbox .sl-next, .simple-lightbox .sl-close { width: 3rem !important; height: 3rem !important; } body.page-template-social-wall .site-main { text-align: center; }
.ff-stream { z-index: 1; } .wpsl-search { background-color: transparent; }
#wpsl-search-input { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; border: 3px solid black; background-color: transparent; text-align: center; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/searcher.svg) 1.5rem center/2rem no-repeat; }
#wpsl-search-input:focus { outline: none; }
#wpsl-search-input::-moz-focus-inner { border: 0; padding: 0; }
#wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap { display: block; }
#wpsl-search-btn, #wpsl-search-wrap div { margin-right: auto; float: none; }
#wpsl-search-input { width: 100%; }
.storemap-header__title { text-align: left; }
#wpsl-result-list .simplebar-scrollbar:before { background: #EC1A3A; opacity: 1 !important; left: 1px; right: 1px; }
#wpsl-result-list a, #wpsl-wrap [class*=" wpsl-icon-"]:focus, #wpsl-wrap [class^=wpsl-icon-]:active { text-decoration: none; }
#wpsl-wrap #wpsl-result-list li { border-bottom: 2px solid black; padding: 3rem 0; }
#wpsl-wrap #wpsl-result-list li:first-child { padding-top: 0; }
#wpsl-wrap #wpsl-result-list li:last-child { border-bottom: 0; } .timeline-step__title { display: block; }
.timeline-step__description p:last-child { margin-bottom: 0; } html { -webkit-box-sizing: border-box; box-sizing: border-box; }
html *:focus { outline: none; }
*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }
body { background: #fff; }
p { margin-top: 0; line-height: 2.1; }
blockquote, q { quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }
ul, ol { margin: 0 0 1.5em 0; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin-bottom: 0; }
dd { margin: 0 1.5em 1.5em; }
img { height: auto; max-width: 100%; }
figure { margin: 1em 0; }
table { margin: 0 0 1.5em; width: 100%; }
b, strong { font-family: "Inter Medium", sans-serif; position: relative; font-weight: normal; }
p b, p strong { top: .5px; letter-spacing: 0; } .garsport-form button { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; }
.garsport-form button:focus { outline: none; }
.garsport-form button::-moz-focus-inner { border: 0; padding: 0; }
button:focus { outline: none; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { border-radius: 0; padding: 3px; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; outline: none; }
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="range"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: black; }
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="range"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="color"]::-moz-placeholder, textarea::-moz-placeholder { color: black; }
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: black; }
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="range"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="color"]:-moz-placeholder, textarea:-moz-placeholder { color: black; }
textarea { width: 100%; }
.form select, .form input, .form textarea { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; cursor: pointer; }
.form select:focus, .form input:focus, .form textarea:focus { outline: none; }
.form select::-moz-focus-inner, .form input::-moz-focus-inner, .form textarea::-moz-focus-inner { border: 0; padding: 0; }
html body .contact-field { border-bottom: 1px solid black; }
.form__submit .contact-field { border-bottom: 0 !important; }
.privacy__checkbox { display: none; }
#validation-output { margin: 2.5rem auto; text-align: center; }
#validation-output div.message, #mc-result .newsletter-request { width: 100%; padding: 1rem; margin-bottom: .5rem; }
#validation-output div.message.error, #mc-result div.newsletter-request.error { color: #f01c42; border: 2px solid #f01c42; }
#validation-output div.message.success, #mc-result div.newsletter-request.success { color: #fff; border: 2px solid green; margin-top: 2rem; background: green;}   a { color: #000000; }
a:visited { color: #000000; }
a:hover, a:focus, a:active { color: #2F2E2E; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; }
.main-navigation ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; }
.main-navigation ul ul ul { left: -999em; top: 0; }
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; }
.main-navigation ul ul a { width: auto; }
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; }
.main-navigation li { position: relative; }
.main-navigation li.has-dropdown ul.sub-menu { display: none; }
.main-navigation a { display: block; text-decoration: none; text-transform: uppercase; }
.main-navigation a:visited, .main-navigation a:active, .main-navigation a:focus { opacity: 1; }
.main-navigation a h2 { margin-bottom: 0; }
.main-navigation a h2, .main-navigation a h3 { font-weight: normal; text-decoration: none; font-family: "Inter", sans-serif; margin-top: 0; }
.main-navigation .current_page_item > a > h2, .main-navigation .current-menu-item > a > h2, .main-navigation .current_page_ancestor > a > h2, .main-navigation .current-menu-ancestor > a > h2 { font-family: "Inter Bold", sans-serif; } .menu-toggle, .main-navigation.toggled ul { display: block; }
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .langs-switcher.main-navigation .active-lang a { color: white; }
.langs-switcher.main-navigation ul li:hover > ul, .langs-switcher.main-navigation ul li.focus > ul { right: -10px; left: unset; padding: 10px 0; }
.langs-switcher.main-navigation ul.sub-menu li { background-color: white; }
body.dropdown-open .site-header-wrap .langs-switcher.main-navigation .active-lang a { color: white; }
.site-header-wrap--black:not(.site-header-wrap--scrolled) .langs-switcher.main-navigation .active-lang a { color: #000000; } .hamburger { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; }
.hamburger:focus { outline: none; }
.hamburger::-moz-focus-inner { border: 0; padding: 0; }
.site-header-wrap--black .hamburger-inner, .site-header-wrap--black .hamburger-inner::before, .site-header-wrap--black .hamburger-inner::after { background-color: #000000; }
.site-header-wrap--scrolled .hamburger-inner, .site-header-wrap--scrolled .hamburger-inner::before, .site-header-wrap--scrolled .hamburger-inner::after { background-color: white; } @-webkit-keyframes openMenuList { 0% { right: -100%; }
100% { right: 0; } }
@keyframes openMenuList { 0% { right: -100%; }
100% { right: 0; } }
.hamburger { position: relative; z-index: 2; }
.hamburger.is-active + .menu-main-container #primary-menu > li { -webkit-animation-name: openMenuList; animation-name: openMenuList; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.76, 0.2, 0.43, 0.89); animation-timing-function: cubic-bezier(0.76, 0.2, 0.43, 0.89); -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }
.hamburger.is-active + .menu-main-container #primary-menu > li:nth-child(1) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; }
.hamburger.is-active + .menu-main-container #primary-menu > li:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.hamburger.is-active + .menu-main-container #primary-menu > li:nth-child(3) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
.hamburger.is-active + .menu-main-container #primary-menu > li:nth-child(4) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.hamburger.is-active + .menu-main-container #primary-menu > li:nth-child(5) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }
.hamburger.is-active + .menu-main-container #primary-menu > li:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.hamburger.is-active + .menu-main-container #primary-menu > li:nth-child(7) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
.hamburger.is-active + .menu-main-container #primary-menu > li:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.hamburger.is-active + .menu-main-container #primary-menu > li:nth-child(9) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; }
.hamburger.is-active + .menu-main-container #primary-menu > li:nth-child(10) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.mobile-dropdown-opener { border: 0; border-radius: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; background-image: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-right-black-thin.svg); background-position: center; background-repeat: no-repeat; background-size: 1.2rem; }
.mobile-dropdown-opener:focus { outline: none; }
.mobile-dropdown-opener::-moz-focus-inner { border: 0; padding: 0; }  .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } #content[tabindex="-1"]:focus { outline: 0; } .alignleft { display: inline; float: left; margin-right: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer { display: block; } .orizzontal-list, .breadcrumbs__list, .product__purpose-list, .product__sizes-list { display: inline-block; padding: 0; margin: 0; list-style: none; }
.orizzontal-list li, .breadcrumbs__list li, .product__purpose-list li, .product__sizes-list li { display: inline-block; vertical-align: middle; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
.wp-caption-text { text-align: center; } .gallery { margin-bottom: 1.5em; }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-caption { display: block; }       .hamburger { padding: 16px 10px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; color: white; }
.hamburger:hover { opacity: 0.7; }
.hamburger-box { width: 30px; height: 15px; display: inline-block; position: relative; margin-right: 7px; vertical-align: middle; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 4px; background-color: white; border-radius: 0; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -9.9px; }
.hamburger-inner::after { bottom: -9.9px; } .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.1s 0.14s ease, opacity 0.1s ease; transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
.hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.14s; transition-delay: 0.14s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease, opacity 0.1s 0.14s ease; transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger { padding: 16px 10px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; color: white; }
.hamburger:hover { opacity: 0.7; }
.hamburger-box { width: 30px; height: 15px; display: inline-block; position: relative; margin-right: 7px; vertical-align: middle; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 4px; background-color: white; border-radius: 0; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -9.9px; }
.hamburger-inner::after { bottom: -9.9px; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }
.animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }
@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% { -webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% { -webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; }
25%, 75% { opacity: 0; } }
@keyframes flash { 0%, 50%, 100% { opacity: 1; }
25%, 75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
100% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
100% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
@-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% { -webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% { -webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% { -webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% { -webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% { -webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
100% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% { -webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% { -webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% { -webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% { -webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% { -webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
100% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }
@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }
@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
100% { -webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
100% { -webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
@-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% { -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none;
transform: none; }
15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
100% { -webkit-transform: none;
transform: none; } }
@keyframes wobble { 0% { -webkit-transform: none;
transform: none; }
15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
100% { -webkit-transform: none;
transform: none; } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }
@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% { opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
100% { opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% { opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
100% { opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% { opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% { -webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% { -webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
100% { -webkit-transform: none;
transform: none; } }
@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% { opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% { -webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% { -webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
100% { -webkit-transform: none;
transform: none; } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% { opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% { -webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% { -webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
100% { -webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% { opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% { -webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% { -webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
100% { -webkit-transform: none;
transform: none; } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% { opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% { -webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% { -webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
100% { -webkit-transform: none;
transform: none; } }
@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% { opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% { -webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% { -webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
100% { -webkit-transform: none;
transform: none; } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% { opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% { -webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% { -webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% { opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% { -webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% { -webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }
@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% { opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
100% { opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% { opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
100% { opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% { opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
100% { opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% { opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
100% { opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
100% { opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft { 20% { opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
100% { opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
100% { opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight { 20% { opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
100% { opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% { opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
100% { opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% { opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
100% { opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInDown { 0% { opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown { 0% { opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig { 0% { opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft { 0% { opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig { 0% { opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight { 0% { opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight { 0% { opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig { 0% { opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp { 0% { opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp { 0% { opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig { 0% { opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut { 0% { opacity: 1; }
100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
100% { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }
@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% { -webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% { -webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }
@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { -webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { -webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% { -webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% { -webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }
@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
transform: perspective(400px); }
30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
transform: perspective(400px); }
30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }
@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
transform: perspective(400px); }
30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
transform: perspective(400px); }
30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% { -webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% { -webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
100% { -webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% { -webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% { -webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
100% { -webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut { 0% { opacity: 1; }
100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
100% { -webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn { 0% { -webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
100% { -webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
100% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
100% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
100% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
100% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
100% { -webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut { 0% { -webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
100% { -webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% { -webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% { -webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
100% { -webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
100% { -webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn { 0% { opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
100% { opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { 0% { opacity: 1; }
100% { opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }
@-webkit-keyframes zoomIn { 0% { opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; } }
@keyframes zoomIn { 0% { opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
@-webkit-keyframes zoomInDown { 0% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { 0% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft { 0% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { 0% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight { 0% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { 0% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp { 0% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { 0% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }
@-webkit-keyframes zoomOut { 0% { opacity: 1; }
50% { opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
100% { opacity: 0; } }
@keyframes zoomOut { 0% { opacity: 1; }
50% { opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
100% { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
100% { opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
100% { opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
100% { opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
100% { opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }
@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
100% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }
@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
100% { visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
100% { visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
100% { visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
100% { visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
100% { visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
100% { visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
100% { visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
100% { visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }  .slick-loading .slick-list { background: #fff url(//www.garsport.it/wp-content/themes/garsport/assets/css/.//www.garsport.it/wp-content/themes/garsport/assets/css/images/ajax-loader.gif) center center no-repeat; }  .slick-prev, .slick-next { z-index: 2; position: absolute; display: block; height: 32px; width: 32px; line-height: 0px; font-size: 0px; cursor: pointer; background-color: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background-color: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { color: #2F2E2E; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "dashicons"; font-size: 32px; line-height: 1; color: #272524; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 2rem; }
[dir="rtl"] .slick-prev { left: auto; right: 1rem; }
[dir="rtl"] .slick-prev:before { content: ""; }
.slick-next { right: 1rem; }
[dir="rtl"] .slick-next { left: 1rem; right: auto; }
[dir="rtl"] .slick-next:before { content: ""; } .slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "dashicons"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }
.rangeslider, .rangeslider__fill { display: block; -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); border-radius: 10px; }
.rangeslider { background: #e6e6e6; position: relative; }
.rangeslider--horizontal { height: 20px; width: 100%; }
.rangeslider--vertical { width: 20px; min-height: 150px; max-height: 100%; height: 100%; }
.rangeslider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
.rangeslider__fill { background: #00ff00; position: absolute; }
.rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; }
.rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; }
.rangeslider__handle { background: white; border: 1px solid #ccc; cursor: pointer; display: inline-block; width: 40px; height: 40px; position: absolute; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g"); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.1))); background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); border-radius: 50%; }
.rangeslider__handle:after { content: ""; display: block; width: 18px; height: 18px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.13)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); border-radius: 50%; }
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.12))); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }
.rangeslider--horizontal .rangeslider__handle { top: -10px; touch-action: pan-y; -ms-touch-action: pan-y; }
.rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; }
input[type="range"]:focus + .rangeslider .rangeslider__handle { -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); } .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(0.7);
transform: scale(0.7);
opacity: 0; }
100% { opacity: 1; } }
@keyframes zoom-in { 0% { -webkit-transform: scale(0.7);
transform: scale(0.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(0.7);
transform: scale(0.7);
opacity: 0; }
100% { opacity: 0; } }
@keyframes zoom-out { 0% { -webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
50% { -webkit-transform: scale(0.7);
transform: scale(0.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(0.95);
transform: scale(0.95);
opacity: 0; }
100% { opacity: 1; } }
@keyframes zoom-in-sm { 0% { -webkit-transform: scale(0.95);
transform: scale(0.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(0.95);
transform: scale(0.95);
opacity: 0; }
100% { opacity: 0; } }
@keyframes zoom-out-sm { 0% { -webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
50% { -webkit-transform: scale(0.95);
transform: scale(0.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(0.4);
transform: scale(0.4);
opacity: 0; }
100% { opacity: 1; } }
@keyframes zoom-in-lg { 0% { -webkit-transform: scale(0.4);
transform: scale(0.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(0.4);
transform: scale(0.4);
opacity: 0; }
100% { opacity: 0; } }
@keyframes zoom-out-lg { 0% { -webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
50% { -webkit-transform: scale(0.4);
transform: scale(0.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; } body.chrome .animsition, body.chrome .animsition-overlay { opacity: 1; }
@font-face { font-family: 'social'; src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/social.eot?7768834); src: url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/social.eot?7768834#iefix) format("embedded-opentype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/social.woff2?7768834) format("woff2"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/social.woff?7768834) format("woff"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/social.ttf?7768834) format("truetype"), url(//www.garsport.it/wp-content/themes/garsport/assets/fonts/social.svg?7768834#social) format("svg"); font-weight: normal; font-style: normal; }   [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "social"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center;  font-variant: normal; text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
.icon-twitter:before { content: '\e800'; } .icon-mail:before { content: '\e801'; } .icon-facebook:before { content: '\e802'; } .icon-pinterest:before { content: '\f312'; } .icon-instagram:before { content: '\f31e'; } [data-simplebar] { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; }
.simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; }
.simplebar-offset { direction: inherit !important; -webkit-box-sizing: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; }
.simplebar-content-wrapper { direction: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; scrollbar-width: none; -ms-overflow-style: none; }
.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; }
.simplebar-content:before, .simplebar-content:after { content: ' '; display: table; }
.simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; }
.simplebar-height-auto-observer-wrapper { -webkit-box-sizing: inherit !important; box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0; }
.simplebar-height-auto-observer { -webkit-box-sizing: inherit; box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; }
.simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; }
[data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }
[data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; }
.simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; }
.simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; -webkit-transition: opacity 0s linear; transition: opacity 0s linear; }
.simplebar-track.simplebar-vertical { top: 0; width: 11px; }
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; }
.simplebar-track.simplebar-horizontal { left: 0; height: 11px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; }
.hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; }
.simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } body.hidden-scroll { overflow: hidden; }
.sl-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: .7; display: none; z-index: 1035; }
.sl-wrapper { z-index: 1040; width: 100%; height: 100%; left: 0; top: 0; position: fixed; }
.sl-wrapper * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.sl-wrapper button { border: 0 none; background: transparent; font-size: 28px; padding: 0; cursor: pointer; }
.sl-wrapper button:hover { opacity: 0.7; }
.sl-wrapper .sl-close { display: none; position: fixed; right: 30px; top: 30px; z-index: 10060; margin-top: -14px; margin-right: -14px; height: 44px; width: 44px; line-height: 44px; font-family: Arial,Baskerville,monospace; color: #000; font-size: 3rem; }
.sl-wrapper .sl-counter { display: none; position: fixed; top: 30px; left: 30px; z-index: 1060; color: #000; font-size: 1rem; }
.sl-wrapper .sl-navigation { width: 100%; display: none; }
.sl-wrapper .sl-navigation button { position: fixed; top: 50%; margin-top: -22px; height: 44px; width: 22px; line-height: 44px; text-align: center; display: block; z-index: 10060; font-family: Arial,Baskerville,monospace; color: #000; }
.sl-wrapper .sl-navigation button.sl-next { right: 5px; font-size: 2rem; }
.sl-wrapper .sl-navigation button.sl-prev { left: 5px; font-size: 2rem; }
@media (min-width: 35.5em) { .sl-wrapper .sl-navigation button { width: 44px; }
.sl-wrapper .sl-navigation button.sl-next { right: 10px; font-size: 3rem; }
.sl-wrapper .sl-navigation button.sl-prev { left: 10px; font-size: 3rem; } }
@media (min-width: 50em) { .sl-wrapper .sl-navigation button { width: 44px; }
.sl-wrapper .sl-navigation button.sl-next { right: 20px; font-size: 3rem; }
.sl-wrapper .sl-navigation button.sl-prev { left: 20px; font-size: 3rem; } }
.sl-wrapper.sl-dir-rtl .sl-navigation { direction: ltr; }
.sl-wrapper .sl-image { position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000; }
.sl-wrapper .sl-image img { margin: 0; padding: 0; display: block; border: 0 none; width: 100%; height: auto; }
@media (min-width: 35.5em) { .sl-wrapper .sl-image img { border: 0 none; } }
@media (min-width: 50em) { .sl-wrapper .sl-image img { border: 0 none; } }
.sl-wrapper .sl-image iframe { background: #000; border: 0 none; }
@media (min-width: 35.5em) { .sl-wrapper .sl-image iframe { border: 0 none; } }
@media (min-width: 50em) { .sl-wrapper .sl-image iframe { border: 0 none; } }
.sl-wrapper .sl-image .sl-caption { display: none; padding: 10px; color: #fff; background: rgba(0, 0, 0, 0.8); font-size: 1rem; position: absolute; bottom: 0; left: 0; right: 0; }
.sl-wrapper .sl-image .sl-caption.pos-top { bottom: auto; top: 0; }
.sl-wrapper .sl-image .sl-caption.pos-outside { bottom: auto; }
.sl-wrapper .sl-image .sl-download { display: none; position: absolute; bottom: 5px; right: 5px; color: #000; z-index: 1060; }
.sl-spinner { display: none; border: 5px solid #333; border-radius: 40px; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 1007; -webkit-animation: pulsate 1s ease-out infinite; animation: pulsate 1s ease-out infinite; }
.sl-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
.sl-transition { transition: -webkit-transform ease 200ms; -webkit-transition: -webkit-transform ease 200ms; transition: transform ease 200ms; transition: transform ease 200ms, -webkit-transform ease 200ms; }
@-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1); transform: scale(0.1);
opacity: 0.0; }
50% { opacity: 1; }
100% { -webkit-transform: scale(1.2); transform: scale(1.2);
opacity: 0; } }
@keyframes pulsate { 0% { -webkit-transform: scale(0.1); transform: scale(0.1);
opacity: 0.0; }
50% { opacity: 1; }
100% { -webkit-transform: scale(1.2); transform: scale(1.2);
opacity: 0; } }   @media (min-width: 0) and (max-width: 767px) {
.container { max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 3rem; padding-right: 3rem; }
.container:after { content: " "; display: block; clear: both; }
.site-header-wrap .container { max-width: 100%; } .background-color--clip { height: 40vh; } .posts-archive .post-grid { margin-bottom: 5rem; } html body .btn { font-size: 1.4rem; padding: 10px 20px; } .carousels__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 4rem; }
.carousels__filters { margin-top: 3rem; }
.carousel__filter { margin: 0 2rem; padding: 0; }
.carousel__filter:first-child { margin-left: 0; } .carousels__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.carousel .slick-arrow { display: none !important; }
.carousel .slick-list { padding: 0 15% 0 0; }
.carousel .garsport_product, .carousel .post { padding-right: 1.5rem; } .entry-header--cat, .grid-filter__list { margin-bottom: 5rem; }
.grid-filter__list { overflow: auto; white-space: nowrap; padding-right: 4rem; }
.grid-filter__list:after { content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); position: absolute; right: 0; top: 0; bottom: 0; width: 5%; } .product-grid__figure { padding: 1.5rem; margin-bottom: 3rem; }
.cat-card { margin-bottom: 3rem; }
.cat-card__header { padding: 7rem 2.5rem 1.5rem; } .grid-filter__item { margin-right: 1rem; }
.grid-filter__item:last-child { margin-right: 0; }
.product-grid__shoplink { width: 3rem; height: 3rem; }
.product-grid__cart-icon { width: 1.5rem; height: 1.5rem; } body { font-size: 1.5rem; }
p { line-height: 1.9; }
.entry-title { font-size: 2.8rem; line-height: 1.2; }
.breadcrumbs { margin-bottom: 2rem; }
.breadcrumbs__item { font-size: 1rem; line-height: .9; }
.breadcrumbs__item:not(:first-child) { padding-left: .5rem !important; }
.breadcrumbs__item:not(:last-child) { padding-right: .8rem !important; }
.product__prev, .product__next, .home-slider__prev, .home-slider__next, .canvas-slider__prev, .canvas-slider__next, .products-slider__prev, .products-slider__next { margin: 0 .5rem; }
.product__prev:first-child, .product__next:first-child, .home-slider__prev:first-child, .home-slider__next:first-child, .canvas-slider__prev:first-child, .canvas-slider__next:first-child, .products-slider__prev:first-child, .products-slider__next:first-child { margin-left: 0; }
.product__prev:last-child, .product__next:last-child, .home-slider__prev:last-child, .home-slider__next:last-child, .canvas-slider__prev:last-child, .canvas-slider__next:last-child, .products-slider__prev:last-child, .products-slider__next:last-child { margin-right: 0; }
.go-to { display: none; } .files .file { width: 48.90625%; float: left; }
.files .file:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.files .file:nth-child(2n + 2) { margin-left: 51.09375%; margin-right: -100%; clear: none; } .section, .pagination { margin-bottom: 6rem; }
html body .section-lower { margin-bottom: 2.5rem; }
.section--pb { padding-bottom: 5rem; }
.section--py { padding-top: 5rem; padding-bottom: 5rem; }
.section--negative { position: relative; top: -3rem; }
.section--negative:after { content: ""; position: absolute; bottom: 0; top: 3rem; left: 0; right: 0; background-color: black; z-index: -1; }
.post-thumbnail__body, .timeline-slide__body { position: relative; z-index: 1; height: 50vh; }
.post-thumbnail__bg { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; height: 50vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.post-thumbnail__text, .timeline-slide__text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.page-logo { margin-top: 5rem; max-width: 50%; } .pagination { margin-bottom: 4rem; }
.pagination__item { padding: 0 .8rem; }
.pagination__link--prev, .pagination__link--next { width: 1.2rem; height: 1.2rem; }
.pagination__total { display: inline-block; }
.pagination__total:before { content: "/"; } .site-header-wrap { line-height: 0; }
.site-branding { position: absolute; left: 0; top: 0; display: inline-block; padding: 1.5rem 2.5rem; z-index: 1; }
.logo-brand svg, .logo-brand img { width: auto; height: 3.7rem; }
.logo-brand svg { margin-right: 1.4rem; }
.hamburger { margin: 1rem 1.2rem; }
.menu-main-container { background-color: white; -webkit-transform: translateX(100%); transform: translateX(100%); overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.main-navigation:not(.toggled) .menu-main-container { height: 0 !important; }
.hamburger.is-active + .menu-main-container { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: -webkit-transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89), -webkit-transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89); }
.main-navigation { text-align: right; }
.main-navigation .nav-menu { background-color: white; text-align: left; padding: 4rem 2.5rem; }
.main-navigation .menu-item { line-height: 1.2; margin-bottom: 2.5rem; display: table; width: 100%; }
.main-navigation .menu-item a { text-align: left; color: #000000 !important; }
.main-navigation .menu-item a h2, .main-navigation .menu-item a h3 { margin: 0; font-size: 1.7rem; }
.main-navigation .mobile-dropdown-opener { width: 4rem; height: 3rem; }
.main-navigation .menu-item a, .main-navigation .mobile-dropdown-opener { display: inline-block; vertical-align: middle; }
.main-navigation .mobile-dropdown-opener { position: absolute; right: 0; top: -.4rem; -webkit-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.main-navigation .mobile-dropdown-opener.opened { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center; transform-origin: center; }
.main-navigation ul.sub-menu { position: static; float: none; top: auto; left: auto; z-index: auto; -webkit-box-shadow: none; box-shadow: none; padding: 3rem 0 .5rem; }
.main-navigation ul.sub-menu .menu-item a h2, .main-navigation ul.sub-menu .menu-item a h3 { font-size: 1.5rem; font-family: "Inter", sans-serif; font-weight: 100; }
.main-navigation ul.sub-menu .menu-item a h2 b, .main-navigation ul.sub-menu .menu-item a h2 strong, .main-navigation ul.sub-menu .menu-item a h3 b, .main-navigation ul.sub-menu .menu-item a h3 strong { font-family: "Inter", sans-serif; }
.main-navigation .mobile-dropdown-opener.opened + ul.sub-menu { display: block; }
.main-navigation:not(.langs-switcher) .wpml-ls-first-item { margin-top: 6rem; }
body.no-scroll .site-header-wrap--white { background-color: #000000; } .dropdown-wrap { display: none; } h1, .h1 { font-size: 4rem; line-height: 1.2; }
h2, .h2 { font-size: 2.5rem; line-height: 1.5; margin-bottom: 1.6rem; }
h3, .h3 { font-size: 1.9rem; line-height: 1.3; margin-bottom: 1rem; } .map { height: 70vh; }
.contact-col { margin-bottom: 4rem; }
.contact-col:last-child { margin-bottom: 0; } body:not(.home) .content-area { padding-top: 5rem; }
.content-area--empty { padding: 0 !important; } body.page-template-know-how .launch-wrap, body.page-template-normativa .launch-wrap, body.blog .launch-wrap, body.page-template-contact .launch-wrap { margin-bottom: 4rem; }
.launch__header--home { display: none; }
body.blog .launch__header--home { display: block; }
.launch.container { max-width: 100%; }
body:not(.home) .launch__body { padding: 4rem; }
body.home .launch__body { -webkit-box-sizing: border-box; box-sizing: border-box; width: 89.1666666667%; float: left; }
.launch__title { position: relative; font-size: 3rem; margin-top: 0; font-weight: 100; }
.launch__header--page .launch__title { padding-bottom: 2rem; margin-bottom: 2rem; }
.launch__header--page .launch__title:after { width: 2.5rem; }
.launch__subtitle { font-size: 1.6rem; }
.launch__bg { background-image: none !important; }
.launch__image.hidden { visibility: visible; display: block; }
.launch__link-wrap { position: absolute; bottom: 0; right: 0; }
body.home .launch__link-wrap { width: 8.8828125%; float: right; margin-right: 0; position: relative; }
body.home .launch__link-wrap:after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #E40C34; }
.launch__link { position: relative; z-index: 1; }
body:not(.home) .launch__link { width: 4rem; height: 4rem; }
body.home .launch__link { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.launch__header--home + .launch__description { margin: 3rem 1.5rem 3rem 2rem; }
body.blog .launch__header--home + .launch__description { margin: 0; } .quote { padding: 4rem 0; }
.quote__text { line-height: 1.7; } .text-image__image { background-image: none; }
.text-image__image .hidden { visibility: visible; display: block; }
.text-image__header { margin-bottom: 2.5rem; }
.text-image__title { position: relative; padding-bottom: 2.5rem; margin-bottom: 2rem; margin-top: 0; font-size: 2.6rem; line-height: 1.3; }
.text-image__title:after { width: 2.5rem; }
.text-image__body { padding: 3.5rem 0 7rem; }
.text-image__description { font-size: 1.6rem; line-height: 1.8; } .newsletter { padding: 4rem 0 8rem; }
.newsletter__title { font-size: 2.9rem; }
.newsletter__form { overflow: hidden; }
.newsletter__intro { margin-bottom: 2.5rem; }
.newsletter input[type=email] { padding: 1rem 1rem; margin-bottom: 2rem; }
.newsletter input[type=email]::-moz-placeholder { font-size: 1rem; }
.newsletter input[type=email]::-webkit-input-placeholder { font-size: 1rem; }
.newsletter input[type=email]:-ms-input-placeholder { font-size: 1rem; }
.newsletter input[type=email]::-ms-input-placeholder { font-size: 1rem; }
.newsletter input[type=email]::placeholder { font-size: 1rem; }
.newsletter .privacy__text { font-size: 1.1rem; }
.newsletter .garsport-form__submit { background-size: 1rem; background-position: center 40%; max-width: 4rem; }
.social-links { margin-bottom: 4rem; }
.social-links__title { font-size: 1.6rem; margin-bottom: 1rem; }
.social-links__item { margin: 0 1.5rem; }
.social-links__icon { font-size: 1.7rem; }
.social-share { position: fixed; z-index: 2; bottom: 0; left: 0; right: 0; background-color: #E40C34; padding: 1.6rem 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.social-share .social-share__label { color: white; font-size: 1.1rem; }
.social-share .social-share__list { margin: 0; }
.social-share .social-share__item { margin: 0 1.2rem; }
.social-share .social-share__item .social-share__icon { font-size: 1.6rem; color: white !important; }
.logo__image { height: 6rem; }
.logo__caption { font-size: 1rem; line-height: 1.2; } .site-footer__col-title { font-size: 1.6rem; margin-bottom: 1rem; }
.site-footer__col-body { margin-bottom: 3rem; }
.site-footer__col-body p { font-size: 1.4rem; margin-bottom: .5rem; }
.site-footer__col a { text-decoration: none; }
.site-footer__col a:hover { color: black; } .privacy__label { font-size: 1.2rem; }
.privacy__label:before { width: 2rem; height: 2rem; } .home-slider--v2 .home-slide { height: 100vh; }
.home-slider--v2:before, .home-slider--v2:after { height: 5rem; } .products-slider-inner { padding: 2rem 0 1.5rem; }
.product-slide__image-wrap .product__map-point { position: absolute; left: 90%; top: 50%; -webkit-transform: translate(-90%, -50%); transform: translate(-90%, -50%); }
.product-slide__image-wrap .product__map-point-text-title { display: none; }
.product-slide__shadow { left: 0; }
.products-slider__counter, .products-slider__thumb-figure { display: none; }
.products-slider__thumbnails { margin-bottom: 2rem; text-align: center; }
.products-slider__thumb-link { margin-right: 1rem; display: inline-block; font-size: 1rem; }
.products-slider__prev-next { margin-top: 1rem; } .product__certs-image { width: 50%; }
.slider-nav__color-label { display: inline-block; margin: 0 1rem; }
.product__header, .product__code, .product__content, .product__purpose, .product__feature:not(.product__info-link):not(.product__storemap-link) { display: block; }
.product__title { font-size: 3rem; line-height: 1.4; font-family: "Inter Bold", sans-serif; color: #000000; }
.product__catalog-link { text-align: left; color: transparent; margin-bottom: 2rem; }
.product__catalog-link:before { width: 5.5rem; height: 5.5rem; margin-right: 0; }
.product__purpose, .product__sizes { margin-bottom: 1rem; }
.product__colors-sizes { overflow-y: hidden; background-color: #F2F2F2; margin-bottom: 3rem; padding: 1.6rem 0; }
.product__colors-title, .product__sizes-title { display: block; margin-bottom: .5rem; }
.product__size-item { margin: 0 .3rem; }
.product__certs-link.product__feature, .product__sizes.product__feature { border: none; }
.product__feature { display: block; padding: 1.5rem 0; }
.modal__wrap { -webkit-overflow-scrolling: touch; }
.modal__close { top: 2rem; right: 2rem; width: 2rem; height: 2rem; }
.modal__body { padding: 6rem 0; }
.product-property { margin-bottom: 3rem; }
.product-property__title { margin-bottom: 1rem; }
.product-gallery__link { margin-bottom: 3rem; }  .garsport-form { padding: 4rem 0; }
.garsport-form__submit { background-repeat: no-repeat; background-size: 3rem 3rem; }
.garsport-form__submit button { padding: 2rem 3rem; font-size: 1.2rem; }
body.page-template-contact .garsport-form { padding: 0; }
.modal__title { font-size: 2rem; padding-bottom: 2.5rem; margin-bottom: 2.5rem; }
.modal__title:after { width: 2.5rem; }
.modal__product-name, .modal__product-code { font-size: 1.2rem; margin-bottom: 1.5rem; }
.contact-field { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.4rem; }
input.contact-field, textarea.contact-field { padding: 1.5rem 0; margin-bottom: 2.5rem; }
.privacy { margin-bottom: 2.5rem; }
.privacy__text { font-size: 1.1rem; } .modal__body .entry-header__subtitle-primary { font-size: 2rem; }
.cert__list { padding: 0 3rem; }
.cert__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.cert__item-logo { display: block; min-width: 15%; margin-right: 1.5rem; }
.cert__item-logo img { display: block; width: 100%; }
.cert__item-text { font-size: 1.4rem; } .grid-filter__form { margin-top: 2rem; padding: 2.5rem 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.grid-filter__form:after { content: " "; position: absolute; top: 0; bottom: 0; left: -6%; right: -6%; background-color: white; }
.grid-filter__title { font-size: 1.3rem; }
.grid-filter__file::before { width: 2.5rem; height: 2.5rem; vertical-align: middle; } .grid__item { width: 47.7635782748%; float: left; margin-bottom: 2.5rem; }
.grid__item:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.grid__item:nth-child(2n + 2) { margin-left: 52.2364217252%; margin-right: -100%; clear: none; }
.product-grid__title { font-size: 1.4rem; line-height: 1.2; margin-bottom: .7rem; }
body.archive #select-usage { display: none; } .ig-feed { display: grid; grid-auto-flow: dense; grid-template-columns: repeat(2, 1fr); }
.ig-feed__item:nth-child(3) { grid-column: span 2; grid-row: span 2; } .timeline-slider__nav { width: 40.390625%; float: right; margin-right: 0; position: absolute; top: 60%; -webkit-transform: translateY(-60%); transform: translateY(-60%); right: 8%; }
.timeline-slider__nav-item:not(:last-child) { margin-bottom: 2rem; }
.timeline-slider__nav-link { font-size: 1.6rem; padding-right: 4rem; }
.timeline-slider__nav-link:after { content: " "; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: .3rem; width: 1.1rem; height: 1.1rem; }
.timeline-slider__nav-link:hover:after, .timeline-slider__nav-item--current .timeline-slider__nav-link:after { width: 1.7rem; height: 1.7rem; right: 0; border: 0.4rem solid #E40C34; }
.timeline-slider__nav-link-span { vertical-align: 10%; } body.page-template-normativa .entry-header__subtitle-primary:after { content: none; }
body.page-template-normativa .entry-header__logo { width: 50%; } body.page-template-tecnologia .post-thumbnail__bg { background-position: 70% center; }
body.page-template-tecnologia .cert__item { overflow: hidden; padding-bottom: 2rem; }
body.page-template-tecnologia .cert__item-logo { width: 14.84375%; float: left; margin-right: 2.1875%; }
body.page-template-tecnologia .cert__item-text { width: 82.96875%; float: right; margin-right: 0; padding-left: 1rem; font-size: 1.4rem; }  body.page-template-outlet .map { margin-bottom: 4rem; }  body.single-post .entry-wrap { padding-top: 0; }
body.single-post .entry-header__subtitle-primary { font-size: 1.8rem; }
body.single-post .blog-header__title { text-align: center; font-size: 1.7rem; margin-bottom: 3rem; }
body.single-post .blog-posts .post-preview { overflow: hidden; }
body.single-post .blog-posts .post-preview__plus, body.single-post .blog-posts .post-preview__meta { display: none; }
body.single-post .blog-posts .post-preview__figure { width: 40.390625%; float: left; margin-right: 2.1875%; margin: 0; }
body.single-post .blog-posts .post-preview__body { width: 57.421875%; float: right; margin-right: 0; padding: 1.5rem 1rem; }
body.single-post .blog-posts .post-preview__body .post-preview__meta--mobile { display: table; font-size: .9rem; margin-bottom: 1rem; }
body.single-post .blog-posts .post-preview__body .post-preview__title { font-size: 1.4rem; font-weight: 100; margin: 0; }
body.single-post .blog-posts .post-preview__excerpt { display: none; } .contact-email, .contact-phone { font-size: 1.3rem; margin-bottom: 1.5rem; }
body.page-template-contact .garsport-form { margin: 6rem 0; } #wpsl-gmap, .wpsl-search { margin: 0 0 6rem; }
#wpsl-search-input { width: 100% !important; }
#wpsl-stores { height: 100% !important; }
.sidebar-map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.store-map__sidebar { padding: 0 3rem; }
.store-map__sidebar .wpsl-search { padding: 0; } } @media (min-width: 768px) and (max-width: 1024px) { .container { max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 3rem; padding-right: 3rem; }
.container:after { content: " "; display: block; clear: both; }
.site-header-wrap .container { max-width: 100%; } .background-color--clip { height: 40vh; } .posts-archive { margin-left: -1.5rem; margin-right: -1.5rem; }
.posts-archive .post-grid { margin-bottom: 6rem; }
#grid[data-columns]::before { content: '2 .column.size-1of2'; } body.blog .column, body.category .column { float: left; padding: 0 1.5rem; }
body.blog .size-1of2, body.category .size-1of2 { width: 50%; }
.blog-header__title { font-size: 3.4rem; margin-top: 4rem; margin-bottom: 4rem; }
.post-preview { padding: 2.5rem 2.5rem 5rem; }
.post-preview__meta { margin-bottom: 2.5rem; }
.post-preview__excerpt p { line-height: 1.7; } html body .btn { padding: 10px 20px; } .site-header-wrap { line-height: 0; z-index: 4; }
.site-header .background-color { max-height: 6.7rem; }
.site-header-wrap--scrolled, .site-header-wrap--scrolled-mobile { background-color: transparent !important; }
.site-header-wrap--scrolled:before, .site-header-wrap--scrolled-mobile:before { content: " "; position: absolute; background-color: #444444; height: 6.6rem; width: 100%; }
.site-branding { position: absolute; left: 0; top: 0; display: inline-block; padding: 1.5rem 2.5rem; z-index: 1; }
.logo-brand svg, .logo-brand img { width: auto; height: 3.7rem; }
.logo-brand svg { margin-right: 1.8rem; }
.main-navigation:not(.toggled) .menu-main-container { height: 0 !important; }
.main-navigation { text-align: right; }
.main-navigation .menu-main-container { width: 50%; }
.main-navigation .nav-menu { background-color: white; text-align: left; padding: 4rem 2.5rem; }
.main-navigation .menu-item { line-height: 1.2; margin-bottom: 2.5rem; display: table; width: 100%; }
.main-navigation .menu-item a { text-align: left; color: #000000 !important; }
.main-navigation .menu-item a h2, .main-navigation .menu-item a h3 { margin: 0; font-size: 1.7rem; }
.main-navigation .mobile-dropdown-opener { width: 4rem; height: 3rem; }
.main-navigation .menu-item a, .main-navigation .mobile-dropdown-opener { display: inline-block; vertical-align: middle; }
.main-navigation .mobile-dropdown-opener { position: absolute; right: 0; top: -.4rem; -webkit-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.main-navigation .mobile-dropdown-opener.opened { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center; transform-origin: center; }
.main-navigation ul.sub-menu { position: static; float: none; top: auto; left: auto; z-index: auto; -webkit-box-shadow: none; box-shadow: none; padding: 3rem 0 .5rem; }
.main-navigation ul.sub-menu .menu-item a h2, .main-navigation ul.sub-menu .menu-item a h3 { font-size: 1.5rem; font-family: "Inter", sans-serif; font-weight: 100; }
.main-navigation ul.sub-menu .menu-item a h2 b, .main-navigation ul.sub-menu .menu-item a h2 strong, .main-navigation ul.sub-menu .menu-item a h3 b, .main-navigation ul.sub-menu .menu-item a h3 strong { font-family: "Inter", sans-serif; }
.main-navigation .mobile-dropdown-opener.opened + ul.sub-menu { display: block; }
.main-navigation:not(.langs-switcher) .wpml-ls-first-item { margin-top: 6rem; } .dropdown-wrap { display: none; }
.hamburger { margin: 1rem 1.2rem; }
.menu-main-container { background-color: white; -webkit-transform: translateX(100%); transform: translateX(100%); overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.28); box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.28); }
.hamburger.is-active + .menu-main-container { -webkit-transition: transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: -webkit-transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89); transition: transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89), -webkit-transform 0.6s cubic-bezier(0.76, 0.2, 0.43, 0.89); }
body.no-scroll .site-header-wrap--white { background-color: none; }
body.no-scroll .site-header-wrap--white:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 77px; background-color: #000000; } h1, .h1 { font-size: 4.5rem; line-height: 1.1; }
h2, .h2 { font-size: 3.2rem; line-height: 1.5; margin-bottom: 2rem; }
h3, .h3 { font-size: 2rem; line-height: 1.4; margin-bottom: 1.7rem; } .hidden-md-up { display: none; } .ig-feed { display: grid; grid-auto-flow: dense; grid-template-columns: repeat(2, 1fr); }
.ig-feed__item:nth-child(3) { grid-column: span 2; grid-row: span 2; } body { font-size: 1.6rem; }
p { line-height: 2.1; }
.entry-title { font-size: 3.4rem; line-height: 1.2; }
body.single-garsport_product .entry-title { font-size: 2.6rem; }
.breadcrumbs { margin-bottom: 2rem; }
.breadcrumbs__item { font-size: 1.1rem; line-height: .9; }
.breadcrumbs__item:not(:first-child) { padding-left: .5rem; }
.breadcrumbs__item:not(:last-child) { padding-right: .8rem; }
.product__prev, .product__next, .home-slider__prev, .home-slider__next, .canvas-slider__prev, .canvas-slider__next, .products-slider__prev, .products-slider__next { margin: 0 .5rem; }
.product__prev:first-child, .product__next:first-child, .home-slider__prev:first-child, .home-slider__next:first-child, .canvas-slider__prev:first-child, .canvas-slider__next:first-child, .products-slider__prev:first-child, .products-slider__next:first-child { margin-left: 0; }
.product__prev:last-child, .product__next:last-child, .home-slider__prev:last-child, .home-slider__next:last-child, .canvas-slider__prev:last-child, .canvas-slider__next:last-child, .products-slider__prev:last-child, .products-slider__next:last-child { margin-right: 0; } .files .file { width: 48.90625%; float: left; }
.files .file:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.files .file:nth-child(2n + 2) { margin-left: 51.09375%; margin-right: -100%; clear: none; } .section, .pagination { margin-bottom: 7rem; }
html body .section-lower { margin-bottom: 4rem; }
.section--pb { padding-bottom: 7rem; }
.section--py { padding-top: 7rem; padding-bottom: 7rem; }
.section--negative { position: relative; top: -4rem; }
.section--negative:after { content: ""; position: absolute; bottom: 0; top: 4rem; left: 0; right: 0; background-color: black; z-index: -1; }
.page-header--with-logo { display: -webkit-box; display: -ms-flexbox; display: flex; }
.page-header--with-logo .page-titles { width: 65.9375%; float: left; margin-right: 2.1875%; }
.page-header--with-logo .page-logo { margin-left: 8.515625%; width: 23.359375%; float: right; margin-right: 0; }
.post-thumbnail__body, .timeline-slide__body { position: relative; z-index: 1; height: 50vh; }
.post-thumbnail__bg { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; height: 50vh; background-repeat: no-repeat; background-position: center center; background-size: cover; } .pagination { margin-bottom: 4rem; }
.pagination__item { padding: 0 .8rem; }
.pagination__link, .page-numbers, .pagination__total { font-size: 1.8rem; }
.pagination__link--prev, .pagination__link--next { width: 1.2rem; height: 1.2rem; }
.pagination__total { display: inline-block; }
.pagination__total:before { content: "/"; }
.newsletter { max-width: 60%; } .map { height: 70vh; }
.contact-col:nth-child(1) { width: 31.875%; float: left; margin-right: 2.1875%; }
.contact-col:nth-child(2) { width: 40.390625%; float: left; margin-right: 2.1875%; }
.contact-col:nth-child(3) { width: 23.359375%; float: right; margin-right: 0; } body:not(.home) .content-area { padding-top: 7rem; }
.content-area--empty { padding: 0 !important; } .quote { padding: 6rem 0; max-width: 60%; margin: 0 auto; }
.quote__text { line-height: 1.7; } .text-image-wrap { margin-bottom: 5rem; }
.text-image__image { width: 57.421875%; float: right; margin-right: 0; background-size: cover; background-repeat: no-repeat; }
.text-image__body { width: 31.875%; float: left; margin-right: 2.1875%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.text-image__header { margin-bottom: 2.5rem; }
.text-image__title { position: relative; padding-bottom: 2.5rem; margin-bottom: 2rem; margin-top: 0; font-size: 3.4rem; line-height: 1.3; }
.text-image__title:after { width: 2.5rem; }
.text-image__body { padding: 3.5rem 0 7rem; }
.text-image__description { font-size: 1rem; line-height: 1.8; }  .newsletter { padding: 4rem 0 8rem; }
.newsletter__title { font-size: 2.9rem; }
.newsletter__form { overflow: hidden; }
.newsletter__intro { margin-bottom: 2.5rem; }
.newsletter input[type=email] { padding: 1rem 1rem; margin-bottom: 2rem; }
.newsletter input[type=email]::-moz-placeholder { font-size: 1rem; }
.newsletter input[type=email]::-webkit-input-placeholder { font-size: 1rem; }
.newsletter input[type=email]:-ms-input-placeholder { font-size: 1rem; }
.newsletter input[type=email]::-ms-input-placeholder { font-size: 1rem; }
.newsletter input[type=email]::placeholder { font-size: 1rem; }
.newsletter .privacy__text { font-size: 1.1rem; }
.newsletter .garsport-form__submit { background-size: 1rem; background-position: center 40%; max-width: 4rem; }
.social-links { margin-bottom: 4rem; }
.social-links__title { font-size: 1.2rem; margin-bottom: 1rem; }
.social-links__item { margin: 0 1.5rem; }
.social-links__icon { font-size: 1.7rem; }
.social-share { position: fixed; z-index: 2; bottom: 0; left: 0; right: 0; background-color: #E40C34; padding: 1.6rem 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.social-share .social-share__label { color: white; font-size: 1.1rem; }
.social-share .social-share__list { margin: 0; }
.social-share .social-share__item { margin: 0 1.5rem; }
.social-share .social-share__item .social-share__icon { font-size: 1.6rem; color: white !important; }
.logo__list { padding: 1rem 0; }
.logo__item { width: 33.09%; }
.logo__image { height: 8rem; }
.logo__caption { font-size: 1rem; line-height: 1.2; } .site-footer__col { width: 48.90625%; float: left; }
.site-footer__col:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.site-footer__col:nth-child(2n + 2) { margin-left: 51.09375%; margin-right: -100%; clear: none; }
.site-footer__col-title { font-size: 1.7rem; margin-bottom: 2rem; }
.site-footer__col-body { margin-bottom: 3rem; }
.site-footer__col-body p { line-height: 2.3; margin-bottom: 0; }
.site-footer__col ul li { margin-bottom: 1rem; }
.site-footer__col a { text-decoration: none; }
.site-footer__col a:hover { color: black; } .privacy__label:before { width: 2.5rem; height: 2.5rem; } .home-slider--v2 .home-slide { height: 60vh; }
.home-slider--v2:before, .home-slider--v2:after { height: 10rem; }
.home-slide__title { margin-bottom: 2rem; }
.home-slide__body { width: 48.90625%; float: left; margin-right: 2.1875%; } .products-slider-inner { padding: 4rem 0 3rem; }
.product-slide__image-wrap .product__map-point { position: absolute; left: 74%; top: 50%; -webkit-transform: translate(-90%, -50%); transform: translate(-90%, -50%); }
.product-slide__image-wrap .product__map-point-text-title { display: none; }
.product-slide__shadow { left: 0; }
.products-slider__counter, .products-slider__thumb-figure { display: none; }
.products-slider__thumbnails { margin-bottom: 2rem; text-align: center; }
.products-slider__thumb-link { margin-right: 1rem; display: inline-block; font-size: 1rem; }
.products-slider__prev-next { margin-top: 1rem; } body.single-garsport_product .garsport_product { position: relative; }
.product__certs-image { width: 33.333333%; }
.product__purpose, .product__sizes { margin-bottom: 2rem; }
.slider-nav__color-label { margin: 0 1rem; }
.product__feature { display: block; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.modal__wrap { -webkit-overflow-scrolling: touch; }
.modal__close { top: 2rem; right: 2rem; width: 2rem; height: 2rem; }
.modal__body { padding: 6rem 0; }
.product-property { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 3rem; }
.product-property__title { margin-bottom: 1rem; }
.product-gallery__link { width: 48.90625%; float: left; }
.product-gallery__link:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.product-gallery__link:nth-child(2n + 2) { margin-left: 51.09375%; margin-right: -100%; clear: none; }
.product-gallery__link { margin-bottom: 3rem; } .garsport-form { padding: 5rem 0; }
.garsport-form__submit { background-repeat: no-repeat; background-size: 3rem 3rem; }
.garsport-form__submit button { padding: 2rem 3rem; font-size: 1.2rem; }
body.page-template-contact .garsport-form { padding: 0; }
.modal__title { font-size: 3.2rem; padding-bottom: 3rem; margin-bottom: 3rem; }
.modal__title:after { width: 3rem; }
.modal__product-name, .modal__product-code { margin-bottom: 3rem; }
.contact-field { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
input.contact-field, textarea.contact-field { padding: 1.5rem 0; margin-bottom: 3rem; }
.privacy { margin-bottom: 3rem; }
.privacy__text { font-size: 1rem; } .modal__body .entry-header__subtitle-primary { font-size: 2rem; }
.cert__list { padding: 0 3rem; }
.cert__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 3rem; }
.cert__item-logo { display: block; min-width: 10%; max-width: 3rem; margin-right: 1.5rem; }
.cert__item-logo img { display: block; width: 100%; } .carousels__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6rem; }
.carousel__filter { margin: 0 2rem; } .carousel .slick-arrow { display: none !important; }
.carousel .slick-list { padding: 0 10% 0 0; }
.carousel .garsport_product, .carousel .post { padding-right: 3rem; } .entry-header--cat, .grid-filter__list { margin-bottom: 6rem; }
.grid-filter__list { overflow: auto; white-space: nowrap; padding-right: 4rem; }
.grid-filter__list:after { content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); position: absolute; right: 0; top: 0; bottom: 0; width: 7%; } .product-grid__figure { padding: 3rem; margin-bottom: 3rem; }
.cat-card { width: 31.875%; float: left; }
.cat-card:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.cat-card:nth-child(3n + 2) { margin-left: 34.0625%; margin-right: -100%; clear: none; }
.cat-card:nth-child(3n + 3) { margin-left: 68.125%; margin-right: -100%; clear: none; }
.cat-card__header { padding: 5rem 1.5rem 1.5rem; } .grid-filter__item { margin-right: 2rem; }
.grid-filter__item:last-child { margin-right: 0; }
.product-grid__shoplink { width: 5rem; height: 5rem; }
.product-grid__cart-icon { width: 2rem; height: 2rem; }
.grid-filter__form { margin-top: 2rem; padding: 2.5rem 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.grid-filter__title { font-size: 1.3rem; }
.grid-filter__file::before { width: 2.5rem; height: 2.5rem; vertical-align: middle; }
.grid-items { margin: 2rem 0; }
.grid__item { width: 47.7635782748%; float: left; margin-bottom: 2.5rem; }
.grid__item:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.grid__item:nth-child(2n + 2) { margin-left: 52.2364217252%; margin-right: -100%; clear: none; }
.product-grid__title { font-size: 1.5rem; line-height: 1.3; margin-bottom: .7rem; }
body.archive #select-usage { display: none; } .timeline-slider__nav { width: 40.390625%; float: right; margin-right: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 8%; }
.timeline-slider__nav-item:not(:last-child) { margin-bottom: 2rem; }
.timeline-slider__nav-link { font-size: 1.8rem; padding-right: 4rem; }
.timeline-slider__nav-link:after { content: " "; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: .3rem; width: 1.1rem; height: 1.1rem; }
.timeline-slider__nav-link:hover:after, .timeline-slider__nav-item--current .timeline-slider__nav-link:after { width: 1.7rem; height: 1.7rem; right: 0; border: 0.4rem solid #E40C34; }
.timeline-slider__nav-link-span { vertical-align: 10%; } body.page-template-normativa .entry-header { width: 100%; float: none; margin: 0; overflow: hidden; }
body.page-template-normativa .entry-header__subtitle-primary { width: 48.90625%; float: left; margin-right: 2.1875%; line-height: 1.3; }
body.page-template-normativa .entry-header__logo { width: 48.90625%; float: right; margin-right: 0; }
body.page-template-normativa .entry-header__logo-image { height: 12rem; margin: .8rem 1.3rem; }
body.page-template-normativa .entry-content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; }
body.page-template-normativa .entry-content p { display: inline-block; width: 100%; margin-bottom: 4rem; } body.page-template-tecnologia .post-thumbnail__bg { background-position: 70% center; }
body.page-template-tecnologia .cert__item { overflow: hidden; display: table; width: 100%; margin-bottom: 3rem; }
body.page-template-tecnologia .cert__item-logo { width: 7rem; }
body.page-template-tecnologia .cert__item-logo, body.page-template-tecnologia .cert__item-text { display: table-cell; vertical-align: middle; }
body.page-template-tecnologia .cert__item-text { padding-left: 2rem; } body.page-template-outlet .map { margin-bottom: 5rem; } .banner__body { width: 31.875%; float: left; margin-right: 2.1875%; }
.banner__image { margin-left: 8.515625%; width: 57.421875%; float: right; margin-right: 0; }
.banner__bgcolor { width: 57.421875%; float: right; margin-right: 0; } body.single-post .entry-wrap { padding-top: 0; }
body.single-post .entry-header__subtitle-primary { font-size: 2rem; }
body.single-post .blog-header__title { text-align: center; font-size: 3rem; margin-bottom: 3rem; }
body.single-post .blog-posts .post-preview { overflow: hidden; }
body.single-post .blog-posts .post-preview__plus, body.single-post .blog-posts .post-preview__meta { display: none; }
body.single-post .blog-posts .post-preview__figure { width: 40.390625%; float: left; margin-right: 2.1875%; margin: 0; }
body.single-post .blog-posts .post-preview__body { width: 57.421875%; float: right; margin-right: 0; padding: 2rem 2rem; }
body.single-post .blog-posts .post-preview__body .post-preview__meta--mobile { display: table; font-size: .9rem; margin-bottom: 1rem; }
body.single-post .blog-posts .post-preview__body .post-preview__title { font-size: 1.8rem; margin-top: 2rem; font-weight: 100; margin: 0; }
body.single-post .blog-posts .post-preview__excerpt { display: none; } #wpsl-gmap, #wpsl-result-list { float: none; width: 100%; left: 0 !important; }
#wpsl-result-list { margin-right: 0; }
#wpsl-gmap, .wpsl-search { margin: 0 0 6rem; }
#wpsl-search-input { width: 100% !important; }
#wpsl-stores { height: 100% !important; }
.sidebar-map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.store-map__sidebar { padding: 0 3rem; }
.store-map__sidebar .wpsl-search { padding: 0; } }
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .newsletter { padding: 8rem 0; max-width: calc(100% / 2); margin: 0 auto; }  .home-slider--v2 .home-slide { height: 80vh; } .ig-feed { display: grid; grid-template-columns: repeat(5, 1fr); grid-auto-rows: 20vw; grid-auto-flow: dense; }
.ig-feed__item:nth-child(3) { grid-column: span 2; grid-row: span 2; } .garsport_product { position: relative; z-index: 1; }
.garsport_product .product__images { width: 57.421875%; float: left; margin-right: 2.1875%; }
.garsport_product .single-product-slide__wrap { height: auto !important; }
.garsport_product .product__body { width: 40.390625%; float: right; margin-right: 0; }
.product__certs-link { min-width: 20vw; }
.product__features { display: table; width: 100%; min-height: 6rem; }
.product__feature { padding: 3rem; }
.product__purpose, .product__sizes { margin-bottom: 3rem; }
.slider-nav__color-label { margin: 0 1rem; }
.product__size-item { padding-right: 1rem; }
.product__certs-link, .product__info-link, .product__buy-link, .product__catalog-link, .product__storemap-link { display: table-cell; vertical-align: middle; }
.modal__close { top: 4rem; right: 4rem; width: 3rem; height: 3rem; }
.product__certs-image { max-height: 5.3rem; width: auto; }
.modal__body { padding: 4rem 0; }
.product-properties { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 74.453125%; float: left; margin-right: 2.1875%; }
.product-property { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 3rem; }
.product-property__title { margin-bottom: 1rem; }
.product-gallery--two .product-gallery__link { width: 48.90625%; float: left; }
.product-gallery--two .product-gallery__link:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.product-gallery--two .product-gallery__link:nth-child(2n + 2) { margin-left: 51.09375%; margin-right: -100%; clear: none; }
.product-gallery--tree .product-gallery__link { width: 31.875%; float: left; }
.product-gallery--tree .product-gallery__link:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.product-gallery--tree .product-gallery__link:nth-child(3n + 2) { margin-left: 34.0625%; margin-right: -100%; clear: none; }
.product-gallery--tree .product-gallery__link:nth-child(3n + 3) { margin-left: 68.125%; margin-right: -100%; clear: none; }
.product-gallery__link { margin-bottom: 3rem; } .carousel .garsport_product .product-grid__figure { min-height: 30.5rem; } .product-grid__code { font-size: 1.6rem; }
.grid-filter__select { width: 50%; }
.grid__item { width: 31.3746065058%; float: left; margin-bottom: 5rem; }
.grid__item:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.grid__item:nth-child(3n + 2) { margin-left: 34.3126967471%; margin-right: -100%; clear: none; }
.grid__item:nth-child(3n + 3) { margin-left: 68.6253934942%; margin-right: -100%; clear: none; } .ig-feed { display: grid; grid-auto-flow: dense; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 50vw; }
.ig-feed__item:nth-child(3) { grid-column: span 2; grid-row: span 2; } .text-image__title { font-size: 3rem; }
.text-image__description > * { line-height: 1.6; font-size: 1.7rem; }  .cert__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 6rem; -moz-column-gap: 6rem; column-gap: 6rem; }
.cert__list p { display: inline-block; width: 100%; } #sidebyside-image-placeholder { display: none; }
.sidebyside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.sidebyside .sidebyside__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.sidebyside .sidebyside__cta { -ms-flex-item-align: start; align-self: flex-start; }
.sidebyside--immagine-testo { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.sidebyside--immagine-testo .sidebyside__img { width: 48.90625%; float: left; margin-right: 2.1875%; }
.sidebyside--immagine-testo .sidebyside__body { width: 48.90625%; float: right; margin-right: 0; }
.sidebyside--testo-immagine .sidebyside__img { width: 48.90625%; float: right; margin-right: 0; }
.sidebyside--testo-immagine .sidebyside__body { width: 40.390625%; float: left; margin-right: 2.1875%; } .entry-header__subtitle-primary { font-size: 3rem; } .store-map__sidebar { min-height: 70vh !important; }
.sidebar-map { display: block; }
.storemap-header__subtitle { width: 74.453125%; float: left; margin-right: 2.1875%; }
.wpsl-search { padding: 0 0 4rem; }
#wpsl-category, .wpsl-input, .wpsl-select-wrap { margin: 0; }
#wpsl-direction-details, #wpsl-stores { width: 100%; }
#wpsl-search-input { padding: 1.5rem 3rem; text-align: center; }
.store-map__sidebar { width: 40.390625%; float: left; margin-right: 2.1875%; margin-right: 0; padding-left: 3rem; padding-right: 3rem; }
.store-map__sidebar #wpsl-result-list { width: auto; }
.store-map__sidebar #wpsl-result-list ul { padding-right: 3rem; }
html body #wpsl-gmap { width: 57.421875%; float: right; margin-right: 0; float: right; }
#wpsl-direction-details, #wpsl-stores { overflow: hidden; } .contact-phone, .contact-email { font-size: 1.4rem; } .timeline-step { width: 31.875%; float: left; }
.timeline-step:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.timeline-step:nth-child(3n + 2) { margin-left: 34.0625%; margin-right: -100%; clear: none; }
.timeline-step:nth-child(3n + 3) { margin-left: 68.125%; margin-right: -100%; clear: none; } } @media (min-width: 1025px) { .container { max-width: 1110px; margin-left: auto; margin-right: auto; padding-left: 3rem; padding-right: 3rem; }
.container:after { content: " "; display: block; clear: both; }
.container-lg { max-width: 1110px; margin-left: auto; margin-right: auto; }
.container-lg:after { content: " "; display: block; clear: both; } .background-color--clip { height: 50vh; } .posts-archive { margin-left: -1.5rem; margin-right: -1.5rem; }
.posts-archive .post-grid { margin-bottom: 7rem; }
#grid[data-columns]::before { content: '3 .column.size-1of3'; } body.blog .column, body.category .column { float: left; padding: 0 1.5rem; }
body.blog .size-1of3, body.category .size-1of3 { width: calc(100% / 3); } html body .btn { padding: 15px 30px; } .hamburger { display: none; }
.entry-title { font-size: 3.5rem; line-height: 1.5; }
body.single-garsport_product .entry-title { margin-bottom: 3rem; }
.social-sharing li { margin-right: 3rem; }
.social-sharing a:hover { opacity: .6; }
.social-sharing i[class^=icon-]:before { font-size: 2rem; }
.breadcrumbs { margin-bottom: 2.5rem; }
body.single-post .breadcrumbs { margin-bottom: 4rem; }
.breadcrumbs__item:not(:first-child) { padding-left: 1.7rem; }
.breadcrumbs__item:not(:last-child) { padding-right: 1.7rem; }
.breadcrumbs__link { font-size: 1.5rem; }
body.single-garsport_product .breadcrumbs__link { font-size: 1.3rem; } .files .file { width: 31.875%; float: left; }
.files .file:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.files .file:nth-child(3n + 2) { margin-left: 34.0625%; margin-right: -100%; clear: none; }
.files .file:nth-child(3n + 3) { margin-left: 68.125%; margin-right: -100%; clear: none; } .section, .pagination { margin-bottom: 10rem; }
html body .section-lower { margin-bottom: 5rem; }
.section--pb { padding-bottom: 10rem; }
.section--py { padding-top: 10rem; padding-bottom: 10rem; }
.section--negative { position: relative; top: -5rem; }
.section--negative:after { content: ""; position: absolute; bottom: 0; top: 5rem; left: 0; right: 0; background-color: black; z-index: -1; }
.page-header:not(.page-header--with-logo), .page-content { width: 74.453125%; float: left; margin-right: 2.1875%; }
.page-header--with-logo { display: -webkit-box; display: -ms-flexbox; display: flex; }
.page-header--with-logo .page-titles { width: 65.9375%; float: left; margin-right: 2.1875%; }
.page-header--with-logo .page-logo { margin-left: 8.515625%; width: 23.359375%; float: right; margin-right: 0; }
.post-thumbnail__body, .timeline-slide__body { position: relative; z-index: 1; height: 100vh; }
.post-thumbnail__bg { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.post-thumbnail__text, .timeline-slide__text { width: 48.90625%; float: left; margin-right: 2.1875%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pagination__item { padding: 0 1.5rem; }
.pagination__link, .page-numbers, .pagination__total { font-size: 1.8rem; }
.pagination__link--prev, .pagination__link--next { width: 1.5rem; height: 1.5rem; }
.pagination__total { display: inline-block; }
.pagination__total:before { content: "/"; } .site-header-wrap { padding: 2rem 3rem; }
.site-header-wrap--scrolled .main-navigation .menu-item a, .site-header-wrap--scrolled .main-navigation .wpml-ls-item a, .site-header-wrap--white .main-navigation .menu-item a, .site-header-wrap--white .main-navigation .wpml-ls-item a { color: white; }
.site-header { display: table; width: 100%; }
.site-branding, .main-navigation, .langs-switcher { display: table-cell; vertical-align: middle; }
.menu-toggle { display: none; }
.main-navigation ul { display: block; }
.langs-switcher { position: relative; }
.langs-switcher .active-lang { padding: 2rem 0; }
.langs-switcher > ul > li { position: initial; }
.langs-switcher a { font-size: 1.4rem; padding-right: 2rem; }
.site-header-wrap--black .langs-switcher > ul > li > a { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-down-black.svg) right center/1rem no-repeat; }
body.dropdown-open .site-header-wrap .langs-switcher > ul > li > a, .site-header-wrap--scrolled .langs-switcher > ul > li > a, .site-header-wrap--white .langs-switcher > ul > li > a { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-down-white.svg) right center/1rem no-repeat; }
.langs-switcher ul.sub-menu li { line-height: 1; margin: 0; padding: 1rem; }
.langs-switcher ul.sub-menu li a { color: #444444 !important; padding-left: 2rem; padding-right: 2rem; }
.langs-switcher ul.sub-menu li a:hover { color: #000000 !important; }
.logo-brand svg, .logo-brand img { width: auto; height: 7rem; }
.logo-brand svg { margin-right: 2.5rem; }
.main-navigation { text-align: center; }
.main-navigation li.menu-item { margin: 0 1.5rem; display: inline-block; }
.main-navigation li.wpml-ls-item { display: none; }
.main-navigation h2 { font-size: 1.4rem; }
.main-navigation li.has-dropdown.open h2 { font-family: "Inter Bold", sans-serif; }
.main-navigation div[class^="menu-main-"] { display: inline-block; margin-right: 5.5rem; }
.dropdown-wrap { position: fixed; top: 0; left: 50%; opacity: 0; background-color: white; -webkit-transform: translate(-50%, -200%); transform: translate(-50%, -200%); padding-left: 3rem; padding-right: 3rem; max-width: 2000px; width: 100vw;}
.dropdown-wrap--open { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
.dropdown__bg { position: relative; background-size: cover; background-repeat: no-repeat; width: 31.875%; float: left; margin-right: 2.1875%; }
.dropdown__title { font-size: 5rem; }
.dropdown__image { visibility: hidden; }
.dropdown__body { padding: 4rem 0 2rem; }
.dropdown__list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; }
.dropdown__item { display: inline-block; width: 100%; margin-bottom: 3rem; min-height: 6rem; }
.dropdown__link h3 { margin-top: 1rem; margin-bottom: .5rem; } h1, .h1 { font-size: 7rem; line-height: 1.1; }
h2, .h2 { font-size: 4rem; line-height: 1.5; margin-bottom: 2rem; }
h3, .h3 { font-size: 2.5rem; line-height: 1.5; margin-bottom: 1.7rem; } .hidden-md-up { display: none; }
.hidden-lg-up { display: none; } body:not(.home) .content-area { padding-top: 10rem; }
.content-area--empty { padding: 0 !important; } .map { height: 70vh; }
.contact-col:nth-child(1) { width: 23.359375%; float: left; margin-right: 2.1875%; }
.contact-col:nth-child(2) { width: 31.875%; float: left; margin-right: 2.1875%; }
.contact-col:nth-child(3) { width: 14.84375%; float: right; margin-right: 0; } .product__prev, .product__next, .home-slider__prev, .home-slider__next, .canvas-slider__prev, .canvas-slider__next, .products-slider__prev, .products-slider__next { margin-right: 1.5rem; } .launch__body-inner { padding: 6rem 0 10rem 6rem; }
.launch__bg { position: absolute; top: 0; bottom: 0; left: 0; }
.launch__body--60-40 { width: 38.418079096%; float: right; margin-right: 0; }
.launch__body--50-50 { width: 48.68173258%; float: right; margin-right: 0; }
.launch__body--70-30 { width: 34.5178907721%; float: right; margin-right: 0; }
.launch__header--page { margin-bottom: 4.5rem; }
.launch__title { position: relative; }
.launch__header--page .launch__title { padding-bottom: 4rem; margin-bottom: 4.5rem; }
.launch__header--page .launch__title:after { width: 4.5rem; }
.launch__title { margin-top: 0; }
.launch__header--home .launch__title { font-size: 3.2rem; line-height: 1.1; font-family: "Inter Bold", sans-serif; }
.launch__header--page .launch__title { font-size: 4.6rem; line-height: 1.3; }
.launch__header--home .launch__title { margin-bottom: .8rem; }
.launch__subtitle { font-size: 2rem; }
.launch__header--page .launch__subtitle { line-height: 1; font-size: 1.7rem; }
.launch__link-wrap { position: absolute; bottom: 0; right: 0; }
.launch__link { height: 6rem; width: 6rem; }
.quote { padding: 6rem 0; }
.newsletter { padding: 8rem 0 0; max-width: calc(100% / 3); margin: 0 auto; }
.newsletter__title { font-size: 3.2rem; }
.newsletter__intro { margin-bottom: 4rem; }
.newsletter input[type=email] { padding: 1.8rem 1rem; margin-bottom: 3rem; }
.newsletter input[type=email]::-moz-placeholder { font-size: 1.3rem; }
.newsletter input[type=email]::-webkit-input-placeholder { font-size: 1.3rem; }
.newsletter input[type=email]:-ms-input-placeholder { font-size: 1.3rem; }
.newsletter input[type=email]::-ms-input-placeholder { font-size: 1.3rem; }
.newsletter input[type=email]::placeholder { font-size: 1.3rem; }
.newsletter .privacy__text { font-size: 1.4rem; }
.social-links { padding: 8rem 0; max-width: calc(100% / 3); }
.social-links__title { font-size: 1.6rem; margin-bottom: 2rem; }
.social-links__item { margin: 0 2rem; }
.social-links__icon { font-size: 2.1rem; }
.social-share { margin-top: 4rem; }
.social-share__label { font-size: 1.4rem; }
body.single-garsport_product .social-share__label { display: none; }
.social-share__list { margin: 0 2rem; }
body.single-garsport_product .social-share__list { margin: 0; }
.social-share__item { margin: 0 2rem; }
body.single-garsport_product .social-share__item:first-child { margin-left: 0; }
.social-share__icon { font-size: 2.1rem; }
.logo__list { padding: 1rem 0; }
.logo__item { width: 33.09%; }
.logo__image { height: 10rem; } .site-footer__col { width: 23.359375%; float: left; }
.site-footer__col:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.site-footer__col:nth-child(4n + 2) { margin-left: 25.546875%; margin-right: -100%; clear: none; }
.site-footer__col:nth-child(4n + 3) { margin-left: 51.09375%; margin-right: -100%; clear: none; }
.site-footer__col:nth-child(4n + 4) { margin-left: 76.640625%; margin-right: -100%; clear: none; }
.site-footer__col-title { font-size: 1.8rem; margin-bottom: 3rem; }
.site-footer__col-body p { line-height: 2.3; margin-bottom: 0; }
.site-footer__col ul li { margin-bottom: 1rem; }
.site-footer__col a { text-decoration: none; }
.site-footer__col a:hover { color: black; } .privacy__label:before { width: 2.5rem; height: 2.5rem; } .home-slider--v2:before, .home-slider--v2:after { height: 15rem; }
.home-slider--v2 .home-slide { height: 100vh; }
.home-slide__body { width: 40.390625%; float: left; margin-right: 2.1875%; position: relative; }
.home-slide__title { margin-bottom: 2rem; }
.home-slider__nav { position: absolute; width: 100%; max-width: 50rem; right: 0; opacity: 0; }
.home-slider__nav.animated { -webkit-transition: opacity 0.3s linear 2.7s; transition: opacity 0.3s linear 2.7s; opacity: 1; }
.home-slider__prev-link, .home-slider__next-link, .canvas-slider__prev-link, .canvas-slider__next-link, .products-slider__prev-link, .products-slider__next-link { width: 4rem; height: 4rem; background-size: 1.5rem 1.5rem !important; }
.home-slider__prev-next .circular-chart, .canvas-slider__prev-next .circular-chart, .products-slider__prev-next .circular-chart { height: 4.5rem; }
.product__map-point { width: 4rem; height: 4rem; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/red-plus.svg) center center/4rem no-repeat; }
.product__map-point .product__map-point-bg { width: 4rem; height: 4rem; }
.home-slider .product__map-point-text-title, .products-slider .product__map-point-text-title { position: absolute; font-size: 1.2rem; width: 222px; margin-top: .8rem; }
.home-slider .product__map-point-text-title { left: 1.5rem; }
.products-slider .product__map-point-text-title { left: 5.5rem; }
.product-canvas-wrap { background: -webkit-gradient(linear, right top, left top, from(#E3E5E9), color-stop(20%, #E3E5E9), color-stop(20%, #DCDEE3), to(#DCDEE3)); background: linear-gradient(to left, #E3E5E9, #E3E5E9 20%, #DCDEE3 20%, #DCDEE3); background: -webkit-linear-gradient(to left, #E3E5E9, #E3E5E9 20%, #DCDEE3 20%, #DCDEE3); }
.canvas-slider-inner { background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/canvas-bg-part.svg) 0 center/contain no-repeat; }
.canvas-slider .slick-slide { padding: 6rem 0 0; }
.canvas-slide__image-wrap { width: 65.9375%; float: right; margin-right: 0; margin-top: 4rem; }
.canvas-slide__body { width: 31.875%; float: left; margin-right: 2.1875%; }
.canvas-slide__description li { font-size: 1.6rem; line-height: 1.5; }
.canvas-slider .product__map-point-text { top: -4rem; }
.canvas-slider__controls, .products-slider__controls { width: 31.875%; float: left; margin-right: 2.1875%; }
.canvas-slider__controls { margin-bottom: 6rem; }
.canvas-slider__current, .products-slider__current { font-size: 5.5rem; }
.canvas-slider__link-wrap { background-color: #979797; position: absolute; right: 0; bottom: 0; }
.canvas-slider__link { background-color: #979797; padding: 0 0 0 2.5rem; font-size: 1.3rem; }
.canvas-slider__link:after { left: 80%; right: 0; top: 0; bottom: 0; }
.canvas-slider__link-plus { height: 6.2rem; margin-left: 1.5rem; padding: .5rem; }
.products-slider-inner { padding-top: 10rem; }
.products-slider { min-height: 50vh; }
.product-slide__body { width: 40.390625%; float: left; margin-right: 2.1875%; }
.product-slide__image-wrap { width: 40.390625%; float: left; margin-right: 2.1875%; }
.product-slide__image-wrap .product__map-point { position: absolute; left: 90%; top: 50%; -webkit-transform: translate(-90%, -50%); transform: translate(-90%, -50%); }
.products-slider__controls { position: absolute; bottom: 1rem; }
.products-slider__counter { margin-bottom: 4rem; }
.products-slider__thumbnails { padding: 4rem 0; }
.products-slider__thumb-image { -webkit-transform: scale(0.8); transform: scale(0.8); }
.products-slider__thumb-caption { font-size: 1.35rem; margin: 1.5rem 0; }
.product-slide__title { line-height: 1.4; }
body.archive .product-slide__subtitle { font-size: 3rem; }
.product-slide__shadow { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .garsport_product { position: relative; z-index: 1; }
.garsport_product .product__images { width: 61.6796875%; float: left; margin-right: 2.1875%; }
.garsport_product .single-product-slide__wrap { height: auto !important; }
.garsport_product .product__body { width: 36.1328125%; float: right; margin-right: 0; }
.product__certs-link { min-width: 20vw; }
.product__features { display: table; width: 100%; min-height: 6rem; }
.product__feature { padding: 4.5rem; }
.product__purpose, .product__sizes { margin-bottom: 3rem; }
.slider-nav__color-label { margin: 0 1rem; }
.product__size-item { padding-right: 1rem; }
.product__certs-link, .product__info-link, .product__buy-link, .product__catalog-link, .product__storemap-link { display: table-cell; vertical-align: middle; }
.modal__close { top: 4rem; width: 3rem; height: 3rem; left: 50%; right: unset; transform: translateX(-100%); margin-left: clamp(0px, calc(50vw - 30px), 970px);}
.product__certs-image { max-height: 5.3rem; width: auto; }
.modal__body { padding: 4rem 0; }
.product-properties { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 74.453125%; float: left; margin-right: 2.1875%; }
.product-property { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 3rem; }
.product-property__title { margin-bottom: 1rem; }
.product-gallery--two .product-gallery__link { width: 48.90625%; float: left; }
.product-gallery--two .product-gallery__link:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.product-gallery--two .product-gallery__link:nth-child(2n + 2) { margin-left: 51.09375%; margin-right: -100%; clear: none; }
.product-gallery--tree .product-gallery__link { width: 31.875%; float: left; }
.product-gallery--tree .product-gallery__link:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.product-gallery--tree .product-gallery__link:nth-child(3n + 2) { margin-left: 34.0625%; margin-right: -100%; clear: none; }
.product-gallery--tree .product-gallery__link:nth-child(3n + 3) { margin-left: 68.125%; margin-right: -100%; clear: none; }
.product-gallery__link { margin-bottom: 3rem; }  body.page-template-tecnologia .cert__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 6rem; -moz-column-gap: 6rem; column-gap: 6rem; }
body.page-template-tecnologia .cert__list p { display: inline-block; width: 100%; }
.cert__item { display: table; width: 100%; margin-bottom: 4rem; }
body.page-template-tecnologia .cert__item { display: inline-block; width: 100%; margin-bottom: 3rem; min-height: 9rem; }
.cert__item-logo, .cert__item-text { display: table-cell; vertical-align: middle; }
.cert__item-logo { width: 8%; }
.cert__item-logo img { display: block; }
body.page-template-tecnologia .cert__item-logo { width: 15%; }
.cert__item-text { padding-left: 7rem; }
.cert__item-text p { margin: 0; }
body.page-template-tecnologia .cert__item-text { padding-left: 3rem; }
body.page-template-tecnologia .cert__item-text p { font-size: 1.4rem; line-height: 1.8; font-weight: initial; } .modal__body { margin: auto; width: 650px; max-width: 100%;}
.form { padding: 5rem 0; }
.form__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
body.page-template-contact .form { padding: 0; }
#garsport-form-newsletter .garsport-form__submit { max-width: 3rem; }
.modal__title { padding-bottom: 4rem; margin-bottom: 5rem !important; }
.modal__title:after { width: 6rem; }
.contact-field { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
input.contact-field, textarea.contact-field { padding: 1.75rem 0; margin-bottom: 3.5rem; }
.privacy { line-height: .9; }
.privacy__text { font-size: 1.5rem; } .carousels__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 8rem; }
.carousels__filters { margin-bottom: 1rem; }
.carousel__filter { margin: 0 3rem; } .carousel .slick-list { overflow: auto; padding-bottom: 5rem !important; }
.carousel .slick-list::-webkit-scrollbar { display: none; }
.carousel .slick-list { -ms-overflow-style: none; scrollbar-width: none; }
.carousel .simplebar-track { left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; background-color: #F2F2F2; height: 8px; }
.carousel .simplebar-track:hover { cursor: pointer; }
.carousel .simplebar-track.simplebar-horizontal .simplebar-scrollbar { top: 0; }
html body .carousel .simplebar-scrollbar:before { border-radius: 0; }
html body .simplebar-scrollbar.simplebar-visible:before { opacity: 1; }
.carousel .slick-list { padding: 0 10% 0 0; }
.carousel .garsport_product, .carousel .post { margin-right: 3rem; } .entry-header--cat, .grid-filter__list { margin-bottom: 7rem; }
.grid-filter__list:after { content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); position: absolute; right: 0; top: 0; bottom: 0; width: 10%; }
.grid-filter__list .slick-prev { display: none !important; }
.grid-filter__list .slick-next { right: 0; }
.grid-filter__list .slick-prev, .grid-filter__list .slick-next { width: auto; height: auto; }
.grid-filter__list .slick-next:before { content: ""; display: inline-block; width: 2rem; height: 2rem; color: transparent; background: url(//www.garsport.it/wp-content/themes/garsport/assets/images/arrow-right-black-thin.svg) center/contain no-repeat; } .product-grid__figure { padding: 3rem; margin-bottom: 3rem; }
.cat-card { width: 31.875%; float: left; }
.cat-card:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.cat-card:nth-child(3n + 2) { margin-left: 34.0625%; margin-right: -100%; clear: none; }
.cat-card:nth-child(3n + 3) { margin-left: 68.125%; margin-right: -100%; clear: none; }
.cat-card__header { padding: 7rem 2.5rem 1.5rem; } .grid-filter__item { margin-right: 3rem; }
.grid-filter__item:last-child { margin-right: 0; }
.product-grid__shoplink { width: 5rem; height: 5rem; }
.product-grid__cart-icon { width: 2rem; height: 2rem; }
.grid-filter { display: table; width: 100%; }
.grid-filter__title, .grid-filter__file, .grid-filter__form { display: table-cell; vertical-align: middle; }
.grid-filter__divider { width: 1px; height: 5rem; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.grid-filter__title { font-size: 2rem; }
.grid-filter__file:before { width: 3.5rem; height: 3.5rem; vertical-align: -57%; margin-right: 1rem; }
.grid-filter__form { text-align: right; width: 50%; }
.grid-filter__select { font-size: 1.2rem; width: calc(100% / 3); margin: 0 3rem; padding: 1.5rem; }
.grid-filter__select:after { content: " "; background-color: red; position: absolute; width: 4rem; height: 4rem; }
.grid__item { width: 31.3746065058%; float: left; margin-bottom: 5rem; }
.grid__item:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.grid__item:nth-child(3n + 2) { margin-left: 34.3126967471%; margin-right: -100%; clear: none; }
.grid__item:nth-child(3n + 3) { margin-left: 68.6253934942%; margin-right: -100%; clear: none; } .ig-feed { display: grid; grid-template-columns: repeat(5, 1fr); grid-auto-rows: 20vw; grid-auto-flow: dense; }
.ig-feed__item:nth-child(3) { grid-column: span 2; grid-row: span 2; } .timeline-slider__nav { width: 23.359375%; float: right; margin-right: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; }
.timeline-slider__nav-item:not(:last-child) { margin-bottom: 3rem; }
.timeline-slider__nav-link { font-size: 2.2rem; padding-right: 7rem; }
.timeline-slider__nav-link:after { content: " "; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 3rem; width: 1rem; height: 1rem; }
.timeline-slider__nav-link:hover:after, .timeline-slider__nav-item--current .timeline-slider__nav-link:after { width: 2.6rem; height: 2.6rem; right: 2.2rem; border: 0.8rem solid #E40C34; } .quote__text { max-width: 45%; margin: 0 auto; font-size: 2rem; } .text-image-wrap { margin-bottom: 7rem; }
.text-image__image { width: 57.421875%; float: right; margin-right: 0; background-size: cover; background-repeat: no-repeat; }
.text-image__body { width: 31.875%; float: left; margin-right: 2.1875%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.text-image__header { margin-bottom: 4.5rem; }
.text-image__title { position: relative; padding-bottom: 4rem; margin-bottom: 4.5rem; margin-top: 0; font-size: 4.6rem; line-height: 1.3; }
.text-image__title:after { width: 4.5rem; }
.text-image__description { font-size: 2rem; line-height: 2; } .banner__body { width: 31.875%; float: left; margin-right: 2.1875%; }
.banner__image { width: 57.421875%; float: right; margin-right: 0; }
.banner__bgcolor { width: 65.9375%; float: right; margin-right: 0; } body.page-template-normativa .entry-header { width: 100%; float: none; margin: 0; overflow: hidden; }
body.page-template-normativa .entry-header__subtitle-primary { width: 48.90625%; float: left; margin-right: 2.1875%; }
body.page-template-normativa .entry-header__logo { width: 48.90625%; float: right; margin-right: 0; }
body.page-template-normativa .entry-header__logo-image { height: 12rem; margin: .8rem; }
body.page-template-normativa .entry-content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; }
body.page-template-normativa .entry-content h2 { line-height: 1.6; }
body.page-template-normativa .entry-content p { display: inline-block; width: 100%; margin-bottom: 4rem; } .sidebyside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.sidebyside .sidebyside__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.sidebyside .sidebyside__cta { -ms-flex-item-align: start; align-self: flex-start; }
.sidebyside--immagine-testo { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.sidebyside--immagine-testo .sidebyside__img { width: 40.390625%; float: left; margin-right: 2.1875%; }
.sidebyside--immagine-testo .sidebyside__body { width: 48.90625%; float: right; margin-right: 0; }
.sidebyside--testo-immagine .sidebyside__img { width: 48.90625%; float: right; margin-right: 0; }
.sidebyside--testo-immagine .sidebyside__body { width: 40.390625%; float: left; margin-right: 2.1875%; } .store-map__sidebar { min-height: 70vh !important; }
.sidebar-map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.storemap-header__subtitle { width: 74.453125%; float: left; margin-right: 2.1875%; }
.wpsl-search { padding: 0 0 4rem; }
#wpsl-category, .wpsl-input, .wpsl-select-wrap { margin: 0; }
#wpsl-direction-details, #wpsl-stores { width: 100%; }
#wpsl-search-input { padding: 1.5rem 3rem; text-align: center; }
.store-map__sidebar { width: 31.875%; float: left; margin-right: 2.1875%; margin-right: 0; padding-left: 3rem; padding-right: 3rem; }
.store-map__sidebar #wpsl-result-list { width: auto; }
.store-map__sidebar #wpsl-result-list ul { padding-right: 3rem; }
.store-map__map { width: 57.421875%; float: right; margin-right: 0; left: 0 !important; margin-right: 3rem; } .timeline-step { width: 31.875%; float: left; }
.timeline-step:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.timeline-step:nth-child(3n + 2) { margin-left: 34.0625%; margin-right: -100%; clear: none; }
.timeline-step:nth-child(3n + 3) { margin-left: 68.125%; margin-right: -100%; clear: none; } } @media (min-width: 1170px) { .container { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }
.container:after { content: " "; display: block; clear: both; }
.container-xl { max-width: 1170px; margin-left: auto; margin-right: auto; }
.container-xl:after { content: " "; display: block; clear: both; }
.dropdown-wrap { padding-left: 0; padding-right: 0; } }  .title_cat_seo {
font-size: 2.4rem;
text-transform: none;
text-decoration: none;
line-height: 3.4rem;
}
@media (min-width: 576px) {
.title_cat_seo { 
font-size: 2.6rem;
line-height: 3.6rem;
}
}
@media (min-width: 768px) {
.title_cat_seo { 
font-size: 2.8rem;
line-height: 3.8rem;
}
}
@media (min-width: 992px) {
.title_cat_seo { 
font-size: 3.1rem;
line-height: 4.1rem;
}
}  .subtitle_cat_seo {
text-transform: uppercase;
text-decoration: underline;
font-size: 4.5rem;
line-height: 5.5rem;
margin-bottom: 0;
}
@media (min-width: 576px) {
.subtitle_cat_seo { 
font-size: 5.2rem;
line-height: 6.2rem;
}
}
@media (min-width: 768px) {
.subtitle_cat_seo { 
font-size: 5.5rem;
line-height: 6.5rem;
}
}
@media (min-width: 992px) {
.subtitle_cat_seo { 
font-size: 6rem;
line-height: 7rem;
}
}  .single-garsport_product .product__title + h2 {
font-size: 2rem;
line-height: 3rem;
}
@media (max-width: 575px) {
.single-garsport_product .product__title + h2 {
font-size: 1.8rem;
line-height: 2.8rem;
}
}  .pagination__item:not(:last-child)::after {
content: "/";
display: inline-block;
font-size: 1.6rem;
margin-left: 1rem;
vertical-align: middle;
position: relative;
top: -4px;
}
.pagination__item a {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.pagination__item a:hover {
padding-bottom: 4px;
transform: translateY(-4px);
} .garsport_product .product__body .normativa {
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.page-content .form__email {
width: calc(50% - 15px);
display: inline-block;
}
.page-content .form__phone {
width: calc(49% - 15px);
display: inline-block;
margin-left: 30px;
}
}
.mailchimp-dropdown {
margin-top: 2rem;
}
.mailchimp-dropdown .mailchimp-dropdown__button {
font-size: 1.4rem;
cursor: pointer;
font-family: 'Inter Bold';
}
.mailchimp-dropdown .mailchimp-dropdown__button img {
height: 6px;
display: inline-block;
vertical-align: middle;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.mailchimp-dropdown.open .mailchimp-dropdown__content {
margin-top: 1rem;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.mailchimp-dropdown:not(.open) .mailchimp-dropdown__content {
height: 0;
opacity: 0;
visibility: hidden;
}
.mailchimp-dropdown.open .mailchimp-dropdown__button img {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
} body:not(.home) #content {
margin-top: 73px;
}
body:not(.home) .content-area {
padding-top: 10rem;
}
@media (max-width: 991px) {
body:not(.home) #content {
margin-top: 69px;
}
body:not(.home) .content-area {
padding-top: 8rem;
}
}
@media (max-width: 767px) {
body:not(.home) #content {
margin-top: 59px;
}
body:not(.home) .content-area {
padding-top: 6rem;
}
} .breadcrumbs .breadcrumbs__list {
display: block;
}
.modal__wrap--info #garsport-form-contatti [type="submit"] {
background-color: #EFEFEF;
}
.home-slide__video video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.home-slide.has-video .home-slide__cta {
border: none;
text-decoration: none;
display: inline;
background: #fff;
padding: 0.5rem 2rem;
color: #000;
line-height: 1.3;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
font-size: 50px;
line-height: 1.3;
}
.home-slide.has-video .home-slide__cta u {
text-decoration: none;
color: #06a6db;
}
.home-slide__video-volume-btn {
border-radius: 50%;
background-color: #fff;
position: absolute;
bottom: 160px;
z-index: 2;
right: 40px;
width: 60px;
height: 60px;
border: none;
padding: 18px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.home-slide__video-volume-btn:hover {
transform: scale(1.1);
}
.home-slide__video-volume-btn img {
aspect-ratio: 1;
}
.home-slider.aspect-ratio-16-9 .home-slide {
aspect-ratio: 16/9;
height: unset;
}
.home-slider.aspect-ratio-default.slider-has-video .home-slide {
height: 70svh;
}
@media (max-width: 1399px) {
.home-slider.aspect-ratio-16-9 .home-slide {
aspect-ratio: 13/9;
}
}
@media (max-width: 991px) {
.home-slide.has-video .home-slide__cta {
font-size: 44px;
}
.home-slide__video-volume-btn {
bottom: 100px;
}
.home-slider.aspect-ratio-16-9 .home-slide {
aspect-ratio: 11/9;
}
}
@media (max-width: 767px) {
.home-slide.has-video .home-slide__cta {
font-size: 34px;
}
.home-slider.aspect-ratio-16-9 .home-slide {
aspect-ratio: 4/3;
}
}
@media (max-width: 575px) {
.home-slide.has-video .home-slide__cta {
font-size: 24px;
}
}
.site-footer-wrap .subfooter-loghi {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
margin-top: 40px;
width: 100%;
}
@media (min-width: 1200px) {
.site-footer-wrap .subfooter-loghi {
gap: 40px;
}
}
.site-footer-wrap .subfooter-loghi img.assosport {
max-height: 60px;
max-width: 40vw;
}
.site-footer-wrap .subfooter-loghi img.sportsystem {
height: 48px;
max-width: 40vw;
}
.page-template-macro-categoria .section.section--py.section--black.p-relative {
margin-bottom: 0rem;
}
.page-template-macro-categoria .page-content,
.tax-garsport_trekking_cat .page-content,
.tax-garsport_safety_cat .page-content,
.tax-garsport_foodmedical_cat .page-content {
width: 100%;
float: left;
margin-right: 0;
}
.single-garsport_product h1,
.single-garsport_product .h1 {
font-size: 3.5rem;
line-height: 4.5rem;
} .newsletter-wrap {
background-color: #eee;
padding: 8rem 0;
}
.newsletter {
padding: 0rem 0;
}
.newsletter__form .btn {
background-color: transparent;
border-radius: 0;
padding: 9px 30px;
}
.newsletter input[type="email"] {
height: auto;
border: 2px solid #000;
background-color: transparent;
}
.home.page-template-default .container.section {
margin-bottom: 5rem;
} .cookies .description ul li::before {
display: none;
}
#iubenda_policy ul.styled li,
#iubenda_policy ul li {
background-image: unset !important;
}
#iubenda_policy .iub_content {
padding: 0 !important;
}
#iubenda_policy {
font-family: 'Inter', sans-serif !important;
font-size: 16px !important;
line-height: 2 !important;
color: #333 !important;
}
#iubenda_policy p {
font-size: 16px !important;
line-height: 2 !important;
}
#iubenda_policy h2 {
text-align: left !important;
font-family: 'Inter bold', sans-serif !important;
font-weight: normal !important;
}
#iubenda_policy ul li::before {
content: unset !important;
}
#iubenda_policy ul.styled li,
#iubenda_policy ul li {
line-height: 2 !important;
font-size: 16px !important;
background-image: none !important;
}
#iubenda_policy h3 {
font-size: 16px !important;
line-height: 2 !important;
}
#iubenda_policy h4 {
font-size: 15px !important;
font-weight: normal !important;
line-height: 24px !important;
}
.privacy__label::before {
border-radius: 0;
}
.iubenda-tp-btn[data-tp-float] {
position: relative !important;
left: 0 !important;
right: unset !important;
float: right !important;
}
.iubenda-tp-btn[data-tp-float][data-tp-float="bottom-left"],
.iubenda-tp-btn[data-tp-float][data-tp-float="bottom-right"] {
background: transparent !important;
position: relative !important;
left: 0 !important;
right: unset !important;
float: right !important;
margin-top: 0 !important;
text-align: center !important;
width: calc(100% - 30px) !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
border-color: #fff !important;
border-bottom-color: rgb(255, 255, 255);
box-shadow: unset !important;
z-index: auto !important;
font-family: "Inter bold" !important;
text-transform: uppercase !important;
color: #333 !important;
font-weight: normal !important;
}
#iubenda_policy h2 {
text-align: left !important;
} .product-grid__link:hover .product-grid__image {
-webkit-filter: none;
filter: none
}
b,
strong {
font-family: "Inter bold", sans-serif;
}
body {
letter-spacing: 0px;
}
h2,
.h2 {
line-height: 1.3;
} .site-header-wrap--scrolled,
.site-header-wrap--scrolled-mobile {
background-color: #000 !important;
}
.main-navigation a h2,
.main-navigation a h3 {
font-family: "Inter bold", sans-serif;
letter-spacing: 0px;
font-size: 16px;
}
.logo-brand svg,
.logo-brand img {
height: 5.5rem;
}
.site-header-wrap {
padding: 1rem 3rem;
}
.main-navigation li.menu-item {
margin: 0 2rem;
font-family: "Inter bold";
}
.dropdown__link h3:hover {
color: unset;
text-decoration: underline;
}
.search_full .ricerca_form__send img.light {
display: none !important;
}
.site-header-wrap--scrolled .site-name,
body.home .site-name,
body.page-template-macro-categoria .site-name,
body[class*="tax-garsport_"] .site-name,
body.single-garsport_product .site-name {
display: none;
}
.site-header-wrap--black:not(.site-header-wrap--scrolled) .site-name {
display: none;
}
.langs-switcher.main-navigation .active-lang a {
font-family: "Inter bold";
font-size: 16px;
}
.open_search img {
width: 40px !important;
margin-left: 40px !important;
}
h1,
.h1 {
font-size: 6rem;
line-height: 1.2;
}
h1 {
margin-bottom: 5rem 0;
}
.storemap-header__title {
font-family: "Inter bold", sans-serif;
}
.storemap-header__subtitle {
font-family: "Inter", sans-serif;
font-size: 3rem;
font-weight: normal;
width: 100%;
}
.sidebar-map {
margin-bottom: 8rem;
}
html body .btn {
padding: 12px 30px;
line-height: 2;
}
.page-template-contact .btn {
padding: 10px 30px;
line-height: 2;
background-color: #fff;
} .cat-card__title {
text-transform: uppercase;
}
.carousel .simplebar-track {
background-color: #ddd;
display: none;
} .home-slide__body {
width: 60%;
margin-right: 0%;
position: relative;
} .carousel__filter {
font-size: 18px;
}
.product-grid__cat {
font-size: 18px;
line-height: 1.4;
}
.product-grid__title {
letter-spacing: 0;
font-size: 18px;
}
.carousel .slick-arrow {
background-size: 4rem;
}
.cat-card__header {
padding: 10rem 2rem 2rem;
} .banner__subtitle.h3.section-lower {
font-family: "Inter", sans-serif;
font-weight: normal;
font-size: 2rem;
line-height: 1.4;
}
.banner__body {
width: 40%;
margin-right: 10%;
}
.banner__image {
width: 42%;
float: left;
}
.logo__caption {
font-weight: normal;
letter-spacing: 0;
font-family: "Inter Bold", sans-serif;
}
.logo__image {
height: 7rem;
} .site-footer__col-body p {
line-height: 2;
}
.site-footer-wrap .section--py {
padding-top: 5rem;
padding-bottom: 2.5rem;
} .ig {
font-size: 18px;
text-decoration: none !important;
} .page-content.section h3,
.page-content.section .h3 {
margin-bottom: 3.5rem;
font-size: 3.2rem;
line-height: 1.4;
}
.page-content.section p:last-child {
margin-bottom: 0rem;
}
.sidebyside__description.section-lower p {
margin-bottom: 0rem;
}
h2.page-subtitle {
font-weight: normal;
letter-spacing: 0;
font-family: "Inter", sans-serif;
font-size: 3rem;
}
.sidebyside__description.section-lower p {
margin-bottom: 3.5rem;
}
.timeline-step {
padding: 30px;
background-color: #fff;
border: 2px solid #000;
}
.timeline-step:nth-child(2n+1) {
background-color: #fff;
}
.timeline-step:nth-child(3n+2) {
background-color: #fff;
}
.timeline-step:nth-child(3n+1) {
background-color: #fff;
}
.container.section.time-line {
margin-bottom: 8rem;
}
.timeline-step .h2 {
font-size: 3rem;
margin-bottom: 1rem;
}
.timeline-step__description p:last-child {
line-height: 1.8;
} html body .sidebyside.sidebyside--testo-immagine .section-lower,
html body .sidebyside.sidebyside--immagine-testo .section-lower {
margin-bottom: 3.5rem;
line-height: 1.3;
}
body.page-template-tecnologia .cert__item-text p {
font-size: 1.6rem;
line-height: 1.7;
}
body.page-template-tecnologia .cert__item-logo {
width: 16%;
}
body.page-template-tecnologia .cert__item-text p {
margin-bottom: 0;
}
body.page-template-tecnologia .cert__item {
margin-bottom: 4rem;
} .post-grid__title {
font-family: "Inter bold", sans-serif;
}
.open_search {
opacity: 1 !important;
}
.posts-archive.section {
margin-bottom: 0rem;
}
.load-more-wrap .btn {
background-color: #fff;
}
.grid-filter__item {
margin-right: 3rem;
}
.single-post h2.page-subtitle {
font-family: "Inter bold", sans-serif;
font-size: 3rem;
margin-bottom: 2.5rem !important;
}
.single-post .post__meta.section-lower {
margin-bottom: 2.5rem !important;
}
.load-more-wrap {
margin-bottom: 10rem;
} body.page-template-social-wall .site-main {
text-align: left;
}
body.page-template-social-wall .ff-loadmore-wrapper {
margin-top: 2rem;
margin-bottom: 2.5rem;
}
body.page-template-social-wall .ff-loadmore-wrapper .ff-btn {
border-radius: 0;
background-color: #333;
font-family: "Inter", sans-serif;
}
body.page-template-social-wall .page-header.section {
margin-bottom: 5rem;
}
body.page-template-social-wall .entry-wrap.page.type-page .container {
padding: 0;
} .files .file.section img {
border: 1px solid;
}
.file.section.same-height {
margin-bottom: 5rem;
}
.page-template-download .section {
margin-bottom: 5rem;
}
.file.section h3 {
font-size: 2rem;
margin-top: 2rem;
}
.file__link:hover+.file__image {
opacity: .8;
} .ricerca_conformita {
text-align: left !important;
margin-bottom: 10rem !important;
}
.lista_prodotti__item {
border: 2px solid #272524 !important;
}
.lista_prodotti__item__titolo {
margin-bottom: 10px !important;
line-height: 1.4 !important;
}
.lista_prodotti__item:hover {
border: 2px solid #E20613 !important;
}
.lista_prodotti__item__descrizione {
line-height: 1.4;
} .category-description .section {
margin-bottom: 0rem;
}
.grid-filter__item {
margin-right: 5rem;
}
.grid-filter__link:hover {
font-family: "Inter", sans-serif;
}
.grid-filter__list .slick-next::before {
width: 3rem;
height: 3rem;
}
.pagination__list {
display: table;
}
.pagination__item {
padding-left: 0;
}
.pagination__link,
.page-numbers,
.pagination__total {
font-size: 2.6rem;
}
.page-template-macro-categoria .grid__list.section-lower {
margin-bottom: 0rem;
}
.slick-next::before {
opacity: 1;
}
.page-template-macro-categoria h2,
.page-template-macro-categoria .h2,
.tax-garsport_trekking_cat h2,
.tax-garsport_safety_cat h2,
.tax-garsport_foodmedical_cat h2 {
line-height: 1.4;
font-size: 3rem;
}
.page-template-macro-categoria .product-grid__figure,
.tax-garsport_trekking_cat .product-grid__figure,
.tax-garsport_safety_cat .product-grid__figure,
.tax-garsport_foodmedical_cat .product-grid__figure {
margin-bottom: 2.5rem;
}
.page-template-macro-categoria .grid__item,
.tax-garsport_trekking_cat .grid__item,
.tax-garsport_safety_cat .grid__item,
.tax-garsport_foodmedical_cat .grid__item {
margin-bottom: 3.5rem;
}
.entry-header--cat {
margin-bottom: 10rem;
}
.grid-filter__list {
margin-bottom: 5rem;
}
.product-properties {
width: 100%;
}
.pagination {
margin-top: 5rem;
} #certs-modal .post-thumbnail img,
#certs-modal .breadcrumbs {
display: none;
}
#certs-modal .section-lower {
margin-bottom: 0;
}
#certs-modal h1,
#certs-modal .h1 {
font-size: 4rem;
}
.product__purpose-title,
.product__purpose-item {
letter-spacing: 0;
}
.product__purpose-item {
font-size: 13px;
border: 1px solid;
padding: 4px 12px;
margin: 8px;
margin-left: 8px;
margin-left: 5px;
margin-left: 0;
}
.product-icon {
width: 3rem;
height: 3rem;
vertical-align: -25%;
}
.single-garsport_product .h2.section-lower.text-underline {
text-decoration: none !important;
}
#secondary .section {
margin-bottom: 7rem;
}
.single-garsport_product .modal__wrap .h2.section-lower.text-underline {
text-decoration: none !important;
font-size: 26px;
}
.modal__intro {
display: none;
}
.modal__wrap.modal__wrap--info .form {
padding: 0rem 0;
}
.modal__wrap {
position: absolute;
overflow: visible;
}
.product-property__title {
text-transform: uppercase;
}
.product-property__excerpt {
line-height: 1.8;
} .page-template-contact .contact-col {
margin-bottom: -5rem;
} .page-template-tecnologia .section#ig-feed {
display: none;
}
:lang(fr-FR)>[is="slider-posts"] {
display: none;
}
html body .section-lower.bread {
margin-bottom: 2rem;
}
.banner__title {
font-size: 5rem !important;
line-height: 6rem;
}
.banner__subtitle.h3.section-lower {
font-size: 2rem;
line-height: 3.2rem;
}
.page-template-tecnologia .section.section--py.section--black.p-relative {
margin-bottom: 0 !important;
}
@media (max-width: 1260px) {
.main-navigation li.menu-item {
margin: 0 1.5rem;
}
.main-navigation a h2,
.main-navigation a h3 {
font-size: 16px;
}
.main-navigation div[class^="menu-main-"] {
margin-right: 2rem;
}
}
@media (max-width: 1200px) {
.container {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (max-width: 1199px) {
.main-navigation li.menu-item {
margin: 0 1rem;
}
.main-navigation a h2,
.main-navigation a h3 {
font-size: 16px;
} .product__feature {
padding: 1.5rem;
}
.single-garsport_product h1,
.single-garsport_product .h1 {
font-size: 3.2rem;
line-height: 4.2rem;
}
}
@media (max-width: 1024px) {
.newsletter {
max-width: 90%;
}
.newsletter__title {
font-size: 2.9rem;
line-height: 3.9rem;
margin-bottom: 30px;
} .main-navigation .menu-item a h2,
.main-navigation .menu-item a h3 {
font-size: 2.6rem;
line-height: 2;
}
.main-navigation .mobile-dropdown-opener {
top: 1rem;
}
.site-header-wrap {
padding: 1rem 0rem;
}
.main-navigation li.menu-item {
margin: 0 0rem;
margin-bottom: 10px;
}
.main-navigation .sub-menu li.menu-item {
margin: 0 0rem;
padding-bottom: 10px;
}
.main-navigation ul.sub-menu {
padding: 3rem 0 3rem;
}
.main-navigation ul.sub-menu .menu-item a h2,
.main-navigation ul.sub-menu .menu-item a h3 {
font-size: 1.6rem;
}
.main-navigation .nav-menu {
padding: 4rem 4rem;
}
.site-header-wrap--scrolled::before,
.site-header-wrap--scrolled-mobile::before {
background-color: transparent;
}
.banner__body {
margin-right: 6%;
}
h2,
.h2 {
font-size: 4rem;
}
.logo__caption {
font-size: 16px;
}
.open_search {
top: 2.2rem !important;
right: 15rem !important;
opacity: 1 !important;
}
.open_search img {
width: 4.5rem !important;
}
.hamburger {
margin-right: 3rem;
padding-right: 0;
}
.section,
.pagination {
margin-bottom: 10rem;
}
.section--py {
padding-top: 10rem;
padding-bottom: 10rem;
} .sidebyside--immagine-testo .sidebyside__body {
width: 48.90625%;
float: right;
margin-right: 0;
}
.sidebyside--immagine-testo .sidebyside__img {
width: 40.390625%;
float: left;
margin-right: 2.1875%;
}
.sidebyside--testo-immagine .sidebyside__body {
width: 40.390625%;
float: left;
margin-right: 2.1875%;
}
.sidebyside--testo-immagine .sidebyside__img {
width: 48.90625%;
float: right;
margin-right: 0;
}
p {
line-height: 2;
}
.timeline-step {
border: none;
border-left: 2px solid #000;
padding: 0;
padding-left: 30px;
width: 80%;
}
.timeline-step .h2 {
color: #222;
}
.timeline-step.section-lower:last-child {
margin-bottom: 0;
}
body.page-template-tecnologia .cert__item:last-child {
padding-bottom: 0rem;
}
body.page-template-tecnologia .cert__item-logo {
width: 7rem;
} .single-post .page-title {
margin-bottom: 10rem;
}
html body .section-lower {
margin-bottom: 5rem;
} .site-header .background-color {
max-height: 9rem;
} .garsport_product .product__images {
width: 52%;
float: left;
margin-right: 2.1875%;
}
.garsport_product .product__body {
width: 45%;
float: right;
margin-right: 0;
}
.product__features {
display: table;
width: 100%;
min-height: 10rem;
}
.product__certs-link,
.product__info-link,
.product__buy-link,
.product__catalog-link,
.product__storemap-link {
display: table-cell;
vertical-align: middle;
}
.product__certs-link {
min-width: 30%;
}
.product__certs-image {
width: 80%;
}
.product-properties {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 74.453125%;
float: left;
margin-right: 2.1875%;
}
.product-property {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-bottom: 3rem;
}
.product__features a:hover,
.product__features a:focus,
.product__features a:active {
color: #fff;
}
}
@media (max-width: 1023px) { .sidebyside--immagine-testo .sidebyside__body {
width: 100%;
float: right;
margin-right: 0;
}
.sidebyside--immagine-testo .sidebyside__img {
width: 48.90625%;
float: left;
margin-right: 5.1875%;
}
.sidebyside--testo-immagine .sidebyside__body {
width: 100%;
float: left;
margin-right: 0;
}
.sidebyside--testo-immagine .sidebyside__img {
width: 48.90625%;
margin-left: 5.1875%;
float: right;
margin-right: 0;
}
.sidebyside--immagine-testo .sidebyside__description.section-lower,
.sidebyside--testo-immagine .sidebyside__description.section-lower {
display: table-cell;
}
.cert__item-logo {
min-width: 13%;
} .garsport_product .product__body {
width: 100%;
}
.garsport_product .product__images {
width: 70%;
float: none;
margin-right: 0;
margin: 0 auto;
}
.single-garsport_product h1,
.single-garsport_product .h1 {
font-size: 3.2rem;
line-height: 4.2rem;
}
.product__colors.section {
margin-bottom: 5rem;
}
.product__feature {
padding: 1rem;
}
}
@media (max-width: 991px) {
body:not(.home) .site-content { }
.newsletter {
max-width: 90%;
}
.newsletter__title {
font-size: 2.9rem;
line-height: 3.9rem;
margin-bottom: 30px;
}
h1,
.h1 {
font-size: 5rem;
}
.home-slider--v2 .home-slide {
height: 70vh;
}
.banner__body {
width: 50%;
margin-right: 5%;
}
.banner__image {
width: 44%;
margin-left: 0;
} .posts-archive.section {
margin-bottom: 5rem;
} .single-post .page-title {
margin-bottom: 5rem;
} .lista_prodotti__item__titolo {
font-size: 20px !important;
}
.lista_prodotti__item {
padding: 30px 20px !important;
} .page-template-store-map #wpsl-search-input {
padding: 12px 12px;
}
.carousels__header {
display: block;
}
.carousel__filter {
margin: 0 0rem;
margin-top: 3rem;
margin-right: 3rem;
}
.banner__title {
font-size: 4rem !important;
}
.section,
.pagination {
margin-bottom: 8rem;
}
}
@media (max-width: 768px) {
.newsletter {
max-width: 90%;
}
.newsletter__title {
font-size: 2.9rem;
line-height: 3.9rem;
margin-bottom: 30px;
}
.cat-card__header {
padding: 12rem 1rem 2rem;
} .sidebyside--immagine-testo .sidebyside__img {
width: 100%;
float: left;
margin-right: 0;
margin-bottom: 5rem;
}
.sidebyside--testo-immagine .sidebyside__img {
width: 100%;
margin-left: 0%;
float: right;
margin-right: 0;
margin-bottom: 5rem;
}
.sidebyside--immagine-testo .sidebyside__description.section-lower,
.sidebyside--testo-immagine .sidebyside__description.section-lower {
display: block;
} .garsport_product .product__images {
width: 80%;
}
.product__features {
font-size: 15px;
}
.product-icon {
width: 2rem;
height: 2rem;
vertical-align: -15%;
}
}
@media (max-width: 767px) {
.section.section-lower-mobile {
margin-bottom: 4rem;
} .single-garsport_product #secondary h2,
.single-garsport_product #secondary .h2 {
font-size: 2.6rem;
line-height: 3.4rem;
}
.banner__title {
font-size: 3.6rem !important;
line-height: 4.6rem;
}
.newsletter {
max-width: 100%;
}
.newsletter__title {
font-size: 2.4rem;
line-height: 3.4rem;
margin-bottom: 30px;
}
.main-navigation div[class^="menu-main-"] {
margin-right: 0rem;
}
h1 {
margin-bottom: 3rem 0;
}
.privacy {
margin-bottom: 3rem;
} .page-template-contact .contact-col {
margin-bottom: 0rem;
}
.home-slider--v2::before,
.home-slider--v2::after {
height: 8rem;
}
.home-slider--v2::before {
background: black;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.section,
.pagination {
margin-bottom: 8rem;
}
.load-more-wrap {
margin-bottom: 8rem;
}
.section--py {
padding-top: 8rem;
padding-bottom: 8rem;
}
.hamburger {
margin-bottom: 0;
margin-top: 0;
}
.site-branding {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 2rem;
}
.hamburger-box {
margin-right: 0px;
}
.logo-brand svg,
.logo-brand img {
height: 45px;
}
.site-header-wrap {
padding: 1.2rem 0rem;
}
.hamburger.is-active+.menu-main-container {
margin-top: 15px;
}
.main-navigation .nav-menu {
padding: 3rem 3rem;
}
.main-navigation .menu-item a h2 {
font-size: 2.2rem;
line-height: 2;
}
.main-navigation ul.sub-menu .menu-item a h2,
.main-navigation ul.sub-menu .menu-item a h3 {
font-size: 1.6rem;
}
.home-slider--v2 .home-slide {
height: 90vh;
}
.home-slider--v2 .slick-arrow {
height: 4rem;
}
body {
font-size: 1.6rem;
line-height: 3rem;
}
.open_search {
top: 1.2rem !important;
right: 10rem !important;
}
.cat-card__title {
font-size: 22px;
}
.cat-card__header {
padding: 10rem 2rem 2rem;
}
h1,
.h1 {
font-size: 3.2rem;
line-height: 4.2rem;
}
.home-slide__body {
width: 80%;
}
h2,
.h2 {
font-size: 3.2rem;
line-height: 1.4;
}
.carousels__filters {
margin-top: 4rem;
margin-bottom: 2.5rem;
}
.product-grid__shoplink {
width: 5rem;
height: 5rem;
}
.product-grid__cart-icon {
width: 2rem;
height: 2rem;
}
html body .section-lower {
margin-bottom: 4rem;
}
.logo-brand svg,
.logo-brand img {
height: 5rem;
}
.banner__body {
width: 100%;
margin-right: 0;
}
.banner__image {
width: 100%;
margin-left: 0;
margin-bottom: 0rem;
}
.banner__cta.btn.btn--white {
margin-top: 4rem;
}
.banner__subtitle.h3.section-lower {
margin-bottom: 2.5rem;
}
.logo__item {
display: block;
margin-bottom: 5rem;
}
.logo__item:last-child {
display: block;
margin-bottom: 0rem;
}
.carousel__filter {
font-size: 16px;
}
.site-footer__col-body p {
font-size: 1.6rem;
margin-bottom: .5rem;
} body.page-template-tecnologia .cert__item {
margin-bottom: 2rem;
}
.page-header.section,
.post-thumbnail.section {
margin-bottom: 4rem;
}
.page-content.section h3,
.page-content.section .h3 {
font-size: 2.6rem;
line-height: 1.4;
margin-bottom: 4rem;
}
.sidebyside--immagine-testo .sidebyside__img {
margin-bottom: 4rem;
}
.sidebyside--testo-immagine .sidebyside__img {
margin-bottom: 4rem;
}
.cat-card {
margin-bottom: 4rem;
}
.cat-card:last-child {
margin-bottom: 0rem;
}
h2.page-subtitle {
font-size: 2.2rem;
}
html body .sidebyside.sidebyside--testo-immagine .section-lower,
html body .sidebyside.sidebyside--immagine-testo .section-lower {
margin-bottom: 0rem;
}
.sidebyside__title.section-lower {
margin-bottom: 4rem !important;
}
.timeline-step {
width: 100%;
} body.page-template-tecnologia .cert__item-logo {
width: 25.844%;
margin-right: 2.1875%;
}
.section--py.section--black .banner__subtitle.h3.section-lower {
margin-bottom: 2em;
}
.link-instagram {
font-size: 20px;
} .posts-archive.section {
margin-bottom: 3rem;
} .single-post .page-title {
margin-bottom: 4rem;
}
.single-post .post__meta.section-lower {
margin-bottom: 2rem !important;
}
.single-post h2.page-subtitle {
font-size: 2.2rem;
margin-bottom: 2rem !important;
} body.page-template-social-wall .page-header.section {
margin-bottom: 4rem;
}
#ff-stream-1 {
margin-bottom: 8rem;
} .files .file {
width: 100%;
float: left;
margin-right: 0 !important;
}
.files .file:nth-child(2n+2) {
margin-left: 0;
clear: none;
}
.file.section.same-height {
margin-bottom: 4rem;
}
.page-template-download .section {
margin-bottom: 4rem;
}
.file.section h3 {
margin-top: 1rem;
}
.sidebar-map {
margin-bottom: 6rem;
} .ricerca_conformita {
margin-bottom: 8rem !important;
} .page-template-macro-categoria h2,
.page-template-macro-categoria .h2,
.tax-garsport_trekking_cat h2,
.tax-garsport_safety_cat h2,
.tax-garsport_foodmedical_cat h2 {
line-height: 1.4;
font-size: 2.8rem;
}
.grid-filter__item {
margin-right: 2.5rem;
}
.page-template-macro-categoria .grid__item,
.tax-garsport_trekking_cat .grid__item,
.tax-garsport_safety_cat .grid__item,
.tax-garsport_foodmedical_cat .grid__item {
width: 100%;
margin-right: 0 !important;
margin-left: 0;
}
.pagination__list {
display: table;
}
.entry-header--cat,
.grid-filter__list {
margin-bottom: 6rem;
}
.entry-header--cat {
margin-bottom: 6rem;
}
.page-template-macro-categoria h2,
.page-template-macro-categoria .h2 {
line-height: 1.4;
font-size: 2.2rem;
}
.pagination__link,
.page-numbers,
.pagination__total {
font-size: 2.2rem;
} .single-garsport_product h1,
.single-garsport_product .h1 {
font-size: 2.8rem;
line-height: 3.8rem;
}
.product__colors.section {
margin-bottom: 2.5rem;
margin-top: 2.5rem;
}
.garsport_product .product__images {
width: 100%;
}
.product__features {
display: block;
width: 100%;
min-height: 10rem;
}
.product__features-wrap {
background-color: transparent;
}
.product__certs-link,
.product__info-link,
.product__buy-link,
.product__catalog-link,
.product__storemap-link {
display: block;
}
.product__feature {
padding: 2rem;
}
.product-icon {
width: 3rem;
height: 3rem;
vertical-align: -25%;
}
#certs-modal h1,
#certs-modal .h1 {
font-size: 3rem;
}
.cert__item-logo {
min-width: 20%;
width: 60px;
}
#certs-modal .cert__item-text {
font-size: 1.4rem;
text-align: left;
width: 300px;
}
#certs-modal .cert__item {
margin-bottom: 2rem;
}
.product-properties {
display: block;
width: 100%;
margin-right: 0%;
}
.product-property:last-child {
margin-bottom: 0rem;
}
.product-property__excerpt {
line-height: 1.6;
}
.storemap-header__title {
font-family: "Inter bold", sans-serif;
}
.storemap-header__subtitle {
font-family: "Inter", sans-serif;
font-size: 2.2rem;
font-weight: normal;
width: 100%;
}
.site-footer.section--py {
padding-top: 8rem;
padding-bottom: 1rem;
}
}
@media (max-width: 320px) {
h1,
.h1 {
font-size: 3.6rem;
}
.container {
padding-left: 2rem;
padding-right: 2rem;
}
.carousel__filter {
font-size: 16px;
}
.carousel__filter {
margin: 0 1rem;
}
.banner__subtitle.h3.section-lower {
font-size: 1.8rem;
}
.cat-card__title {
font-size: 20px;
}
h2,
.h2 {
font-size: 3rem;
line-height: 1.4;
}
h2.page-subtitle {
font-size: 2.2rem;
}
.cert__list {
padding: 0 2rem;
}
} #ps-button__coupon {
background-color: #000;
padding: 20px 30px;
color: #fff;
border: 3px solid #000;
text-decoration: none;
font-family: "Inter Bold", sans-serif;
}
#ps-button__coupon:hover {
background-color: #fff;
border: 3px solid #000;
color: #000;
}
.ps-button__coupon-slot {
margin: 50px 0;
}
.breadcrumbs__link:hover {
font-family: "Inter Bold", sans-serif;
position: relative;
top: -1px;
}
.breadcrumbs__item:not(:last-child):after {
margin-top: -1px;
}
.breadcrumbs::after {
content: unset;
}
[is="slider-posts"] {
overflow: hidden;
position: relative;
}
.slider-posts .slick-list {
margin-left: -15px;
margin-right: -15px;
overflow: visible;
}
.slider-posts__item {
margin: 0 15px;
position: relative;
}
.slider-posts__item a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.slider-posts__item figure {
width: 100%;
height: 0;
padding-top: 100%;
margin-bottom: 20px;
position: relative;
}
.slider-posts__item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.slider-posts__info {
margin-bottom: 10px;
}
.slider-posts__item-title {
margin-bottom: 10px;
font-family: "Inter bold", sans-serif;
font-size: 20px;
line-height: 30px;
}
.slider-posts .slick-arrow {
background-size: contain;
height: 55px;
background-position: center;
background-repeat: no-repeat;
top: 33.3333%;
-webkit-transform: translateY(-33.3333%);
transform: translateY(-33.3333%);
}
.slider-posts .slick-next {
background-image: url(https://www.garsport.it/wp-content/themes/garsport/assets/images/arrow-right-white.png);
right: 4rem;
}
.slider-posts .slick-prev {
background-image: url(https://www.garsport.it/wp-content/themes/garsport/assets/images/arrow-left-white.png);
left: 4rem;
}
.slider-posts__arrow {
position: absolute;
width: 40px;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
}
.slider-posts__arrow.slick-disabled {
display: none !important;
}
.slider-posts__prev {
left: 4rem;
}
.slider-posts__next {
right: 4rem;
}
@media (max-width: 1023px) {
.slider-posts__arrow {
display: none !important;
}
}
@media (max-width: 1199px) {
.slider-posts .slick-list {
padding-right: 60px;
}
}
@media (max-width: 576px) {
.slider-posts .slick-list {
padding-right: 30px;
}
}
.newsletter__form {
text-align: center;
}
.newsletter input[type=email] {
height: auto;
border: 1px solid #000;
padding: 8px 15px;
width: 350px;
max-width: 100%;
margin: 2rem auto;
text-align: center;
}
.newsletter input[type=email]::placeholder {
font-size: 15px;
}
.newsletter__form fieldset {
margin: 0 0 2rem 0;
border: 0;
padding: 0;
}
.newsletter__form fieldset [type="checkbox"] {
margin-right: 10px;
}
.newsletter__form #mc_ok,
.newsletter__form #mc_error {
display: none;
}
.newsletter__form [type="checkbox"] {
position: absolute;
width: 1px;
height: 1px;
margin-top: 24px;
margin-left: 10px;
z-index: -1;
border: 0;
opacity: 0;
}
.newsletter__form [type="checkbox"]+label {
position: relative;
display: inline-block;
padding-left: 30px;
}
.newsletter__form [type="checkbox"]+label::before {
content: "";
background-color: transparent;
border: 1px solid #000;
border-radius: 0px;
height: 20px;
width: 20px;
top: 2px;
position: absolute;
margin-left: -30px;
margin-top: 3px;
}
.newsletter__form [type="checkbox"]:checked+label::before {
background-color: #000;
box-shadow: none;
border-color: #000;
}
.newsletter__form .btn {
background-color: transparent;
border-radius: 0;
}
.newsletter__form .btn:hover,
.newsletter__form .btn:focus,
.newsletter__form .btn:active {
background-color: #000;
}
.single-post .gallery .gallery-item {
width: 100%;
max-width: 100%;
margin: 0;
}
.single-post .gallery {
display: grid;
gap: 1rem;
}
.single-post .gallery.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.single-post .gallery.gallery-columns-3 {
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
.single-post .gallery.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
} body:not(.home) .banner_ispo {
display: none;
}
.banner_ispo .banner_content {
display: flex;
flex-direction: row;
gap: 150px;
justify-content: flex-start;
align-items: center;
}
.banner_container {
border: 1px solid #000;
padding: 20px;
width: fit-content;
}
@media (max-width: 677px) {
.banner_container {
margin: 0 auto;
width: unset;
}
}
@media (max-width: 677px) {
.banner_ispo .banner_content {
display: flex;
flex-direction: column;
gap: 50px;
justify-content: center;
align-items: center;
}
}
@media (max-width: 677px) {
.banner_ispo .banner_content_text {
text-align: center;
}
}
.banner_ispo .banner_content_text p {
margin-bottom: 0;
line-height: 1.5;
}
.banner_ispo .banner_content .text a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.banner_ispo .banner_content .image img {
width: 200px;
height: auto;
}
.banner_content {
font-size: 20px;
}
.banner_ispo .banner_content .text {
position: relative;
}
.banner_ispo .banner_content .image {
position: relative;
display: flex;
align-items: center;
}
.banner_ispo .banner_content .text a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.banner_ispo .banner_content .image a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.banner_content .banner_title {
font-size: 22px;
font-family: "Inter Bold", sans-serif;
text-transform: uppercase;
}
.section-50 {
margin-bottom: 50px;
}
.banner_ispo {
display: none;
}
@media (max-width: 1199px) {
.entry-header--cat {
margin-bottom: 6rem;
}
}
.modal__body {
margin: auto;
width: 650px;
max-width: 100%;
padding: 10rem 0 4rem;
}
.site-header-wrap--black:not(.site-header-wrap--scrolled) header#masthead .wpml-switch .wpml-switch__label {
color: #000;
}
.site-header-wrap--black:not(.site-header-wrap--scrolled) header#masthead .wpml-switch .wpml-switch__label img {
filter: invert(1);
}
.site-header-wrap--black:not(.site-header-wrap--scrolled) header#masthead .wpml-switch .wrapper {
border: 2px solid #000;
} .site-header-wrap--scrolled .logo-brand img,
.site-header-wrap--scrolled-mobile .logo-brand img {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(198deg) brightness(109%) contrast(102%);
}
.product__shop_cta {
padding: 15px 30px;
margin-bottom: 50px;
display: inline-block;
}
@media (max-width: 576px) {
.product__shop_cta {
padding: 15px 30px;
margin-bottom: 50px;
display: block;
}
}
span.sizes_label {
font-size: 1.4rem !important;
} .popup.--generic {
position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
padding: 40px 30px;
display: none;
-webkit-transform: unset;
-moz-transform: unset;
-o-transform: unset;
transform: unset;
}
.popup.--generic .wrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
padding: 40px;
background-size: cover;
background-position: center;
aspect-ratio: 16 / 10;
display: flex;
flex-wrap: wrap;
align-items: center;
box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
background-color: #fff;
position: relative;
justify-content: center;
}
@media (max-width: 575px) {
.popup.--generic {
padding: 40px 20px;
}
.popup.--generic .wrapper {
width: 100%;
height: 100%;
padding: 10px;
}
}
.popup.--generic .wrapper.--text-center {
text-align: center;
}
.popup.--generic .wrapper.--text-right {
text-align: right;
}
.popup.--generic .wrapper.--image-bg::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.8);
}
.popup.--generic .wrapper .row {
width: 100%;
}
.popup.--generic .wrapper .title {
color: #000;
font-family: "Inter Bold", sans-serif;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1px;
position: relative;
font-size: 20px;
line-height: 30px;
}
@media screen and (min-width: 768px) {
.popup.--generic .wrapper .title {
font-size: 24px;
line-height: 34px;
}
}
@media screen and (min-width: 992px) {
.popup.--generic .wrapper .title {
font-size: 26px;
line-height: 36px;
}
}
@media screen and (min-width: 1200px) {
.popup.--generic .wrapper .title {
font-size: 28px;
line-height: 38px;
}
}
.popup.--generic .wrapper .title+.description {
margin-top: 15px;
}
.popup.--generic .wrapper .title+.link,
.popup.--generic .wrapper .description+.link {
margin-top: 20px;
}
.popup.--generic .wrapper .description {
position: relative;
color: #000;
}
.popup.--generic .wrapper .link {
font-weight: 600;
letter-spacing: 2px;
position: relative;
color: #000;
font-family: "Inter";
text-transform: uppercase;
font-size: 15px;
line-height: normal;
display: block;
text-decoration: none;
}
.popup.--generic .wrapper .close {
width: 35px;
height: 35px;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
padding: 5px;
z-index: 1;
}
@media (min-width: 992px) {
.popup.--generic .wrapper .close {
width: 40px;
height: 40px;
}
}
.popup.--generic .wrapper.--image-left .image-popup,
.popup.--generic .wrapper.--image-right .image-popup {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
margin-top: -40px;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.popup.--generic .wrapper.--image-left .image-popup {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 50%;
height: 100%;
object-fit: cover;
margin-bottom: 0;
margin-top: 0;
}
.popup.--generic .wrapper.--image-right .image-popup {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 50%;
height: 100%;
object-fit: cover;
margin-bottom: 0;
margin-top: 0;
}
}
.popup.--generic .title {
margin-bottom: 5rem;
margin-top: 5rem;
}
@media (max-width: 767px) {
.popup.--generic .title {
margin-bottom: 3rem;
margin-top: 1rem;
}
}
.popup.--generic .newsletter-wrap {
background-color: transparent;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.popup.--generic .newsletter__form .newsletter__title {
display: none;
}
.red * {
color: #e3032d;
}
body {
max-width: 2000px;
margin-inline: auto;
width: 100%;
height: auto;
position: relative;
}
body::before {
content: "";
z-index: -1;
background-color: #fff;
position: absolute;
top: -100px;
bottom: -100px;
left: 50%;
width: 100%;
max-width: 2000px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.site-header-wrap {
max-width: 2000px;
}