@charset "UTF-8";
body:after{
content:"";
}
@media (min-width:1024px){
body:after{
content:"desktop";
}
}
@media (min-width:1500px){
body:after{
content:"large";
}
}
@media (max-width:1023px){
body:after{
content:"tablet";
}
}
@media (max-width:767px){
body:after{
content:"mobile";
}
}
@media (max-width:500px){
body:after{
content:"tiny";
}
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
audio,canvas,datalist,details,dialog,figure,footer,header,
menu,nav,section,video,abbr,mark,meter,time,progress,output{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
outline:0;
background:transparent no-repeat top left;
}
ol,
ul{
list-style:none;
}
blockquote,
q{
quotes:none;
}
blockquote:before,blockquote:after,
q:before,
q:after{
content:"";
}
a,
ins{
text-decoration:none;
}
article,
aside,
audio,
canvas,
details,
dialog,
figure,
figcaption,
footer,
header,
hgroup,
menu,
main,
nav,
section,
video{
display:block;
}
abbr,
mark,
meter,
time,
progress,
output{
display:inline;
}
table{
width:100%;
border-collapse:collapse;
border-spacing:0;
}
nav ul{
list-style:none;
}
input,
button,
select{
vertical-align:middle;
}
input[type=radio],
input[type=checkbox]{
margin:0;
vertical-align:text-bottom;
}
select option{
color:#000 !important;
}
textarea{
resize:vertical;
}
input:focus{
outline:0;
}
input:-webkit-autofill{
background-color:#ccc !important;
}
input[type=number],
input[type=search]{
-webkit-appearance:textfield !important;
appearance:textfield !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0;
}
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
-webkit-appearance:none;
width:0;
height:0;
}
button{
font:inherit;
color:inherit;
}
input[type=date]::-webkit-clear-button,input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{
display:none;
}
input[type=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
button::-moz-focus-inner{
margin:0;
padding:0;
border:0;
}
input[type=submit],
input[type=image],
button{
cursor:pointer;
}
iframe,
img,
object,
video{
max-width:100%;
border:0;
}
img{
height:auto;
}
.gm-style img,
.gmnoprint img{
max-width:none;
}
img,
input[type=image]{
vertical-align:bottom;
}
p img{
vertical-align:baseline;
}
[hidden]{
display:none;
}
html{
min-height:100%;
background:#fff;
}
body{
position:relative;
min-height:100%;
font:62.5%/1 sans-serif;
color:#212121;
background:inherit;
-webkit-text-size-adjust:none;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6{
display:block;
margin-bottom:0.5em;
font-weight:bold;
line-height:1.3;
}
h1,.h1{
font-size:25px;
}
h2,.h2{
font-size:20px;
}
h3,.h3{
font-size:15px;
}
h4,.h4{
font-size:13px;
}
h5,.h5{
font-size:12px;
}
h6,.h6{
font-size:11px;
}
p,
dl,
li{
font-size:13px;
line-height:1.4;
}
p{
margin-bottom:1.4em;
}
blockquote p:last-child,
p:last-child{
margin-bottom:0;
}
del{
text-decoration:line-through;
}
ins{
border-bottom:1px dotted #DDD;
}
mark{
background-color:#FF9;
}
i,
em{
font-style:italic;
}
b,
strong{
font-weight:bold;
}
sub,
sup{
position:relative;
margin:0 1px;
font-size:0.8em;
line-height:0;
vertical-align:baseline;
}
sup{
top:-0.5em;
}
sub{
bottom:-0.25em;
}
small{
font-size:0.8em;
}
abbr[title],
acronym[title]{
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted;
cursor:help;
}
blockquote{
display:block;
padding:0.5em 0 0.5em 1em;
border-left:5px solid rgba(0,0,0,0.1);
font-size:inherit;
}
hr{
clear:both;
margin:1em 0;
border:0;
border-top:1px solid rgba(0,0,0,0.3);
}
.cssc-content:after,
.cssc-grid:before,
.cssc-grid:after,
.clearfix:after,
.subfloat:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
max-height:0;
overflow:hidden;
}
hr[class*=clearfix]{
height:0;
margin:0;
border:0;
outline:0;
background:transparent;
}
::selection{
color:#000;
background:rgba(51,102,153,0.3);
}
a{
}
a{
color:#69C;
}
a:focus,
a:hover{
color:#369;
}
a:active{
color:#000;
}
a:focus:not(:hover){
outline:1px dotted rgba(0,0,0,0.3);
outline-offset:2px;
}
a:focus:not(:focus-visible){
outline:none;
}
a img{
opacity:0.999;
}
a:hover img{
opacity:0.8;
}
a img,
.cssc-btn{
outline:1px solid transparent;
transition:opacity 0.3s ease;
}
a,
input,
button,
textarea,
.cssc-button{
transition:border-color 0.3s ease,background 0.3s ease,color 0.3s ease;
}
@media (prefers-reduced-motion:reduce){
*:before,
*:after,
*{
-webkit-animation-duration:0.01ms !important;
animation-duration:0.01ms !important;
-webkit-animation-iteration-count:1 !important;
animation-iteration-count:1 !important;
transition-duration:0.01ms !important;
scroll-behavior:auto !important;
}
}
script{
display:none !important;
}
i i,
em em{
font-style:normal;
}
b b,
strong strong{
font-weight:normal;
}
.cssc-visually-hidden,
body:after,
.cssc-sr-only{
position:absolute !important;
top:0 !important;
left:-100vw !important;
width:1px !important;
height:1px !important;
overflow:hidden !important;
white-space:nowrap !important;
opacity:0.001 !important;
}
.nav-toggle{
display:inline-block;
z-index:1;
position:relative;
font-size:5px;
vertical-align:middle;
-webkit-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.nav-toggle span{
right:0;
bottom:0;
margin:auto;
}
.nav-toggle span:before,
.nav-toggle span:after{
content:"";
-webkit-transform-origin:center center;
transform-origin:center center;
}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{
z-index:1;
position:absolute;
top:0;
left:0;
}
.nav-toggle{
width:6em;
height:5em;
color:#000;
transition:all 0.3s ease;
}
.nav-toggle span:before{
margin-top:-2em;
}
.nav-toggle span:after{
margin-top:2em;
}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{
width:6em;
height:1em;
border-radius:1px;
background-color:currentColor;
transition:-webkit-transform 0.3s ease;
transition:transform 0.3s ease;
transition:transform 0.3s ease,-webkit-transform 0.3s ease;
}
[data-bodypanel=has--opened-main-menu] .nav-toggle span,
.has--opened-main-menu .nav-toggle span{
height:1px;
background:transparent;
}
[data-bodypanel=has--opened-main-menu] .nav-toggle span:before,
.has--opened-main-menu .nav-toggle span:before{
margin-top:0;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
[data-bodypanel=has--opened-main-menu] .nav-toggle span:after,
.has--opened-main-menu .nav-toggle span:after{
margin-top:0;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}
.cssc-content{
box-sizing:border-box;
width:100%;
max-width:61em;
font-size:16px;
line-height:1.3;
}
.cssc-content:after{
content:"";
display:table;
clear:both;
}
.cssc-content blockquote,
.cssc-content p,
.cssc-content ul,
.cssc-content li{
font:inherit;
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}
.cssc-content h2,
.cssc-content h3,
.cssc-content h4{
margin-bottom:0.5em;
font:inherit;
font-size:1.1em;
font-weight:bold;
}
.cssc-content h2{
font-size:1.8em;
}
.cssc-content h3{
font-size:1.4em;
}
.cssc-content * + h2,
.cssc-content *:not(h2):not(h4) + h3,
.cssc-content *:not(h2):not(h3) + h4{
margin-top:1em;
}
.cssc-content ul{
list-style:inside disc;
}
.cssc-content ul ul{
list-style-type:circle;
}
.cssc-content ol{
list-style:inside decimal;
}
.cssc-content dd + dt{
margin-top:0.5em;
}
.cssc-content dt{
font-weight:bold;
}
.cssc-content>video,.cssc-content>iframe{
width:100%;
}
.cssc-content .alignleft{
float:left;
margin:0 1em 0.5em 0;
}
.cssc-content .aligncenter{
display:block;
margin-right:auto;
margin-left:auto;
}
.cssc-content .alignright{
float:right;
margin:0 0 0.5em 1em;
}
.cssc-content ul ul,
.cssc-content ol ol{
margin-bottom:0;
padding-left:1em;
}
.cssc-content blockquote p{
margin-bottom:0.5em;
}
.cssc-content p,
.cssc-content blockquote,
.cssc-content table,
.cssc-content address,
.cssc-content>iframe,
.cssc-content>video,
.cssc-content dl,
.cssc-content ol,
.cssc-content ul,
.cssc-content,
.cssc-block{
margin-bottom:1.3em;
}
.cssc-content dl:last-child,
.cssc-content ol:last-child,
.cssc-content ul:last-child,
.cssc-content blockquote:last-child,
.cssc-content blockquote p:last-child,
.cssc-content p:last-child,
.cssc-block:last-child{
margin-bottom:0;
}
.buttonreset,
.smartshift-button,
.cssc-button{
display:inline-block;
z-index:1;
position:relative;
-webkit-appearance:none;
box-sizing:border-box;
margin:0;
padding:0;
border:0;
border-radius:0;
text-align:center;
text-decoration:none;
font:inherit;
white-space:nowrap;
vertical-align:inherit;
background:transparent;
-webkit-background-clip:padding-box;
cursor:pointer;
-webkit-user-select:none;
user-select:none;
-webkit-user-drag:none;
-moz-user-drag:-moz-none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}
.buttonreset::-moz-focus-inner,
.smartshift-button::-moz-focus-inner,
.cssc-button::-moz-focus-inner{
padding:0;
border:0;
}
.buttonreset:active,
.buttonreset:hover,
.buttonreset:focus,
.smartshift-button:active,
.smartshift-button:hover,
.smartshift-button:focus,
.cssc-button:active,
.cssc-button:hover,
.cssc-button:focus{
text-decoration:none;
outline:0;
}
.buttonreset[disabled],
[disabled].smartshift-button,
.cssc-button[disabled]{
cursor:default;
}
.cssc-button{
padding:0 1.5em;
font-family:sans-serif;
font-style:normal;
font-weight:normal;
line-height:2.5;
vertical-align:middle;
background:#fff;
}
.smartshift-button:before,.smartshift-button:after,
.cssc-button:before,
.cssc-button:after{
vertical-align:0;
}
.smartshift-button:before,
.cssc-button:before{
margin-right:0.5em;
}
.smartshift-button:after,
.cssc-button:after{
margin-left:0.5em;
}
.cssc-button-icn-large:before,.cssc-button-icn-large:after{
font-size:1.15em;
}
.cssc-button--wide{
display:block;
width:100%;
}
.cssc-form{
clear:both;
}
.cssc-form:after,
.form-append:after,
.cssc-form .twoboxes:after,
.cssc-form .box:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
height:0;
}
.cssc-form .box{
z-index:1;
position:relative;
vertical-align:baseline;
}
.cssc-form .submit-box{
z-index:1;
position:relative;
}
.cssc-form .submit-box button{
z-index:1;
position:absolute;
top:0;
right:0;
}
.cssc-form .twoboxes .box{
float:left;
box-sizing:border-box;
width:50%;
}
.cssc-form .twoboxes .box:first-child{
padding-right:30px;
}
.cssc-form .twoboxes .box + .box{
padding-left:30px;
}
@media (max-width:1023px){
.cssc-form .twoboxes .box:first-child{
padding-right:20px;
}
.cssc-form .twoboxes .box + .box{
padding-left:20px;
}
}
@media (max-width:767px){
.cssc-form .twoboxes .box + .box,
.cssc-form .twoboxes .box{
display:block;
float:none;
width:auto;
padding-right:0 !important;
padding-left:0 !important;
}
}
.cssc-form .fake-label,
.cssc-form label{
display:block;
line-height:inherit;
}
.float-form .fake-label,
.float-form label{
position:absolute;
top:0;
left:0;
}
.cssc-form .radio-box label,
.cssc-form.block-form .radio-box label,
.cssc-form.float-form .radio-box label,
.cssc-form .checked-box label,
.cssc-form.block-form .checked-box label,
.cssc-form.float-form .checked-box label{
display:inline-block;
position:static;
width:auto;
padding:0;
font-weight:normal;
line-height:inherit;
vertical-align:baseline;
}
textarea{
max-width:100%;
overflow:auto;
resize:vertical;
}
input[type=submit],
input[type=image],
button{
cursor:pointer;
}
.cssc-form input[type=radio],
.cssc-form input[type=checkbox]{
vertical-align:0;
}
.inputreset,
.cssc-form .box select,
.cssc-form .box textarea,
.cssc-form .box .fake-upload-cover,
.cssc-form .box input[type=tel],
.cssc-form .box input[type=number],
.inputbase,
.cssc-form textarea,
.cssc-form .fake-input,
.cssc-form input[type=text],
.cssc-form input[type=url],
.cssc-form input[type=email],
.cssc-form input[type=search],
.cssc-form input[type=password]{
-webkit-appearance:none;
-moz-appearance:none;
box-sizing:border-box;
width:100%;
margin:0;
padding:0;
border:0;
border-radius:0;
font-family:inherit;
vertical-align:middle;
outline:0;
}
.cssc-form .fake-input{
display:inline-block;
}
.cssc-form .fake-input,
.cssc-form [disabled]{
cursor:not-allowed;
}
.cssc-select,
.cssc-form .box select{
display:block;
-webkit-appearance:none;
appearance:none;
box-sizing:border-box;
width:100%;
border:none;
border-radius:0;
overflow:hidden;
text-align:left;
text-indent:0.01px;
text-overflow:ellipsis;
font:inherit;
line-height:1;
white-space:nowrap;
color:inherit;
background:transparent;
cursor:pointer;
-ms-appearance:none;
}
.cssc-select[multiple],
.cssc-form .box select[multiple]{
overflow-y:auto;
}
.cssc-select::-ms-expand,
.cssc-form .box select::-ms-expand{
display:none;
}
.cssc-select:focus,
.cssc-form .box select:focus{
outline:none;
}
.cssc-form small{
display:block;
}
.cssc-form.block-form .side-small{
z-index:1;
position:absolute;
top:0;
right:0;
}
.cssc-form .box.has-autocomplete{
z-index:2;
}
.cssc-form .box-autocomplete{
z-index:1;
position:absolute;
top:100%;
right:0;
left:0;
margin-top:1px;
background-color:#fff;
}
.form-append{
min-height:1px;
}
.form-append>*{
float:left;
width:auto;
}
@media (max-width:767px){
.float-form.cssc-form--responsive .box{
padding-left:0 !important;
}
.float-form.cssc-form--responsive .fake-label,
.float-form.cssc-form--responsive .box:not(.checked-box):not(.radio-box) label{
display:block;
position:static;
width:auto !important;
padding-right:0 !important;
text-align:left;
}
.float-form.cssc-form--responsive .box .long-label{
line-height:inherit !important;
}
}
input[type=radio]:not(:last-child),
input[type=checkbox]:not(:last-child){
z-index:1;
position:absolute;
top:auto;
left:-9999px;
opacity:0.01;
}
input[type=radio] ~ .label-main,input[type=radio] + .label,input[type=radio] + label,
input[type=checkbox] ~ .label-main,
input[type=checkbox] + .label,
input[type=checkbox] + label{
display:block;
z-index:1;
position:relative;
padding-left:2em;
}
input[type=radio] ~ .label-main:before,input[type=radio] + .label:before,input[type=radio] + label:before,
input[type=checkbox] ~ .label-main:before,
input[type=checkbox] + .label:before,
input[type=checkbox] + label:before{
content:"✓";
z-index:1;
position:absolute;
top:0;
left:0;
width:1em;
height:1em;
margin:auto;
border:1px solid #000;
text-align:center;
line-height:1;
color:transparent;
transition:all 0.3s ease;
}
input[type=radio]:checked ~ .label-main:before,input[type=radio]:checked + .label:before,input[type=radio]:checked + label:before,
input[type=checkbox]:checked ~ .label-main:before,
input[type=checkbox]:checked + .label:before,
input[type=checkbox]:checked + label:before{
color:inherit;
}
input[type=radio] ~ .label-main:before,input[type=radio] + .label:before,input[type=radio] + label:before{
content:"•";
border-radius:999px;
}
@media (min-width:1024px){
.main-menu__wrapper{
z-index:1;
position:relative;
}
.main-menu{
z-index:1;
position:relative;
}
.main-menu>.menu-item{
display:inline-block;
}
.main-menu>.menu-item>.sub-menu{
visibility:hidden;
z-index:1;
position:absolute;
top:100%;
left:0;
width:100%;
opacity:0;
background-color:#fff;
}
.main-menu>.menu-item.is-active>.sub-menu,
.main-menu>.menu-item:hover>.sub-menu{
display:block;
visibility:visible;
opacity:0.999;
}
}
@media (max-width:1023px){
.header-main__menu{
visibility:hidden;
z-index:10;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
opacity:0;
background-color:#fff;
transition:opacity 0.3s ease,visibility 0.3s ease;
pointer-events:none;
}
.has--opened-main-menu .header-main__menu{
visibility:visible;
opacity:0.999;
pointer-events:initial;
}
.header-main__menu-inner{
padding:20px;
}
.main-menu>.menu-item{
z-index:1;
position:relative;
}
.main-menu>.menu-item>.sub-menu{
display:none;
}
.main-menu>.menu-item.is-active>.sub-menu{
display:block;
}
}
.cssc-grid{
display:block;
clear:both;
max-width:100%;
}
.cssc-grid:before,
.cssc-grid:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
max-height:0;
overflow:hidden;
}
.cssc-grid>*{
float:left;
min-height:1px;
}
.fluid-grid{
z-index:1;
position:relative;
width:auto;
margin:0 -30px;
max-width:none;
}
.fluid-grid>*{
box-sizing:border-box;
margin-bottom:60px;
padding:0 30px;
}
.fluid-grid--0{
margin:0;
}
.fluid-grid--0>*{
padding:0;
}
.col-8p{
width:8.33%;
}
.col-10p{
width:10%;
}
.col-16p{
width:16.66%;
}
.col-20p{
width:20%;
}
.col-25p{
width:25%;
}
.col-30p{
width:30%;
}
.col-33p{
width:33.333%;
}
.col-40p{
width:40%;
}
.col-45p{
width:45%;
}
.col-50p{
width:50%;
}
.col-55p{
width:55%;
}
.col-60p{
width:60%;
}
.col-66p{
width:66.667%;
}
.col-70p{
width:70%;
}
.col-75p{
width:75%;
}
.col-80p{
width:80%;
}
.col-90p{
width:90%;
}
.col-100p{
width:100%;
}
@media (max-width:1023px){
.fluid-grid{
margin:0 -20px;
}
.fluid-grid>*{
margin-bottom:40px;
padding:0 20px;
}
.tab--fluid-grid--20{
margin:0 -20px;
}
.tab--fluid-grid--20>*{
padding:0 20px;
}
.tab--fluid-grid--10{
margin:0 -10px;
}
.tab--fluid-grid--10>*{
padding:0 10px;
}
.tab--col-8p{
width:8.33%;
}
.tab--col-10p{
width:10%;
}
.tab--col-16p{
width:16.66%;
}
.tab--col-20p{
width:20%;
}
.tab--col-25p{
width:25%;
}
.tab--col-30p{
width:30%;
}
.tab--col-33p{
width:33.333%;
}
.tab--col-40p{
width:40%;
}
.tab--col-45p{
width:45%;
}
.tab--col-50p{
width:50%;
}
.tab--col-55p{
width:55%;
}
.tab--col-60p{
width:60%;
}
.tab--col-66p{
width:66.667%;
}
.tab--col-70p{
width:70%;
}
.tab--col-75p{
width:75%;
}
.tab--col-80p{
width:80%;
}
.tab--col-90p{
width:90%;
}
.tab--col-100p{
width:100%;
}
}
@media (max-width:767px){
.fluid-grid{
margin:0 -10px;
}
.fluid-grid>*{
margin-bottom:20px;
padding:0 10px;
}
.tabv--col-8p{
width:8.33%;
}
.tabv--col-10p{
width:10%;
}
.tabv--col-16p{
width:16.66%;
}
.tabv--col-20p{
width:20%;
}
.tabv--col-25p{
width:25%;
}
.tabv--col-30p{
width:30%;
}
.tabv--col-33p{
width:33.333%;
}
.tabv--col-40p{
width:40%;
}
.tabv--col-45p{
width:45%;
}
.tabv--col-50p{
width:50%;
}
.tabv--col-55p{
width:55%;
}
.tabv--col-60p{
width:60%;
}
.tabv--col-66p{
width:66.667%;
}
.tabv--col-70p{
width:70%;
}
.tabv--col-75p{
width:75%;
}
.tabv--col-80p{
width:80%;
}
.tabv--col-90p{
width:90%;
}
.tabv--col-100p{
width:100%;
}
}
@media (max-width:500px){
.mob--col-8p{
width:8.33%;
}
.mob--col-10p{
width:10%;
}
.mob--col-16p{
width:16.66%;
}
.mob--col-20p{
width:20%;
}
.mob--col-25p{
width:25%;
}
.mob--col-30p{
width:30%;
}
.mob--col-33p{
width:33.333%;
}
.mob--col-40p{
width:40%;
}
.mob--col-45p{
width:45%;
}
.mob--col-50p{
width:50%;
}
.mob--col-55p{
width:55%;
}
.mob--col-60p{
width:60%;
}
.mob--col-66p{
width:66.667%;
}
.mob--col-70p{
width:70%;
}
.mob--col-75p{
width:75%;
}
.mob--col-80p{
width:80%;
}
.mob--col-90p{
width:90%;
}
.mob--col-100p{
width:100%;
}
}
.centered-container{
z-index:1;
clear:both;
position:relative;
box-sizing:border-box;
width:100%;
text-align:center;
}
.centered-container>*{
box-sizing:border-box;
width:auto;
margin-right:auto;
margin-left:auto;
max-width:1080px;
text-align:left;
}
.centered-container .cc-full{
width:auto;
max-width:none;
}
.centered-container .cc-full-bg,
.centered-container .cc-full-image{
z-index:1;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-width:none;
background:transparent repeat top center;
}
.centered-container .cc-full-image{
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.centered-container .cc-content{
z-index:2;
position:relative;
}
.lt_ie9 .hidden-on-full,
.lt_ie9 .visible-only-tablet,
.lt_ie9 .visible-only-phone{
display:none;
}
@media (min-width:1024px){
.hidden-on-full,
.visible-only-tablet,
.visible-only-phone{
display:none;
}
}
@media (max-width:1023px) and (min-width:501px){
.hidden-on-tablet,
.visible-only-full,
.visible-only-phone{
display:none;
}
}
@media (max-width:500px){
.hidden-on-phone,
.visible-only-full,
.visible-only-tablet{
display:none;
}
}
[data-inputmode=mouse] .input-mouse-hidden,
[data-inputmode=touch] .input-touch-hidden,
[data-inputmode=touch] .input-mouse-visible,
[data-inputmode=mouse] .input-touch-visible{
display:none;
}
@media print{
body{
max-width:100%;
}
*{
float:none;
color:#000;
}
a{
text-decoration:underline;
}
a:after{
content:" (" attr(href) ") ";
font-weight:normal;
}
a:not([href]):after,
a[href="#"]:after,
a[href=""]:after{
display:none;
}
.noprint,
.no-print,
.cssc-mainnav{
display:none !important;
}
}
.links_list-list__item figure,.icons_list-list__item figure,.loop-basic__image{
z-index:0;
position:relative;
height:0;
padding-top:100%;
overflow:hidden;
}
.cc-master-header[data-master-header-type=basic] .master-header__image img,
.cc-master-header[data-master-header-type=home] .master-header__image img,.links_list-list__item figure img,.icons_list-list__item figure img,.loop-basic__image img,.centered-container .cc-full-bg img,
.centered-container .cc-full-image img{
z-index:1;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.cc-master-header[data-master-header-type=basic] .master-header__image,
.cc-master-header[data-master-header-type=home] .master-header__image,.cc-master-header[data-master-header-type=basic]:before,
.cc-master-header[data-master-header-type=home]:before,.links_list-list__item:before,.wputh-social-links a:before,.header-main .nav-toggle:before,.loop-basic__content .loop__link:before{
z-index:1;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
}
.block--logos .logos-list .logo-item img{
z-index:1;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0);
}
.modal-wrapper,
.modal-overlay{
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
}
.modal-inner,
.modal-overlay{
z-index:1;
position:absolute;
}
.modal-wrapper{
z-index:999;
position:fixed;
opacity:0;
transition:opacity 0.3s ease;
pointer-events:none;
}
[data-open="1"].modal-wrapper,.is-open.modal-wrapper{
opacity:0.999;
pointer-events:initial;
}
.modal-overlay{
background-color:rgba(0,0,0,0.1);
cursor:pointer;
}
.modal-wrapper:not([data-open="1"]):not(.is-open) iframe{
display:none;
}
.modal-inner{
z-index:2;
top:50%;
left:50%;
width:700px;
height:500px;
max-height:100%;
max-width:100%;
background-color:#fff;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0);
}
@media (max-width:767px){
.modal-inner{
height:100%;
}
}
.modal-close{
z-index:2;
position:absolute;
top:15px;
right:15px;
text-align:center;
}
.block--forms,.smartshift-theme--gray .block--image-content,
.smartshift-theme--gray .block--news,
.smartshift-theme--gray .block--content-classic,
.smartshift-theme--gray .block--icons_list,
.smartshift-theme--gray .block--logos,.smartshift-theme--white .block--image-content,
.smartshift-theme--white .block--news,
.smartshift-theme--white .block--content-classic,
.smartshift-theme--white .block--icons_list,
.smartshift-theme--white .block--logos,.modal-inner{
padding:60px;
}
.links_list-list__item,.links_list-list>*,.icons_list-list>*,.list-posts>*{
padding:30px;
}
.links_list-list,.icons_list-list,.list-posts{
margin:-30px;
}
@media (max-width:1023px){
.block--forms,.smartshift-theme--gray .block--image-content,
.smartshift-theme--gray .block--news,
.smartshift-theme--gray .block--content-classic,
.smartshift-theme--gray .block--icons_list,
.smartshift-theme--gray .block--logos,.smartshift-theme--white .block--image-content,
.smartshift-theme--white .block--news,
.smartshift-theme--white .block--content-classic,
.smartshift-theme--white .block--icons_list,
.smartshift-theme--white .block--logos,.modal-inner{
padding:40px;
}
.links_list-list__item,.links_list-list>*,.icons_list-list>*,.list-posts>*{
padding:20px;
}
.links_list-list,.icons_list-list,.list-posts{
margin:-20px;
}
}
@media (max-width:767px){
.block--forms,.smartshift-theme--gray .block--image-content,
.smartshift-theme--gray .block--news,
.smartshift-theme--gray .block--content-classic,
.smartshift-theme--gray .block--icons_list,
.smartshift-theme--gray .block--logos,.smartshift-theme--white .block--image-content,
.smartshift-theme--white .block--news,
.smartshift-theme--white .block--content-classic,
.smartshift-theme--white .block--icons_list,
.smartshift-theme--white .block--logos,.modal-inner{
padding:20px;
}
.links_list-list__item,.links_list-list>*,.icons_list-list>*,.list-posts>*{
padding:10px;
}
.links_list-list,.icons_list-list,.list-posts{
margin:-10px;
}
}
.block--forms .wpucontactforms__form{
margin-top:60px;
}
.simple-grid-tab,
.simple-grid{
margin-bottom:60px;
}
@media (max-width:1023px){
.block--forms .wpucontactforms__form{
margin-top:40px;
}
.simple-grid-tab,
.simple-grid{
margin-bottom:40px;
}
}
@media (max-width:767px){
.block--forms .wpucontactforms__form{
margin-top:20px;
}
.simple-grid-tab,
.simple-grid{
margin-bottom:20px;
}
}
.block--content-classic .field-content{
margin-top:30px;
margin-bottom:30px;
}
@media (max-width:1023px){
.block--content-classic .field-content{
margin-top:20px;
margin-bottom:20px;
}
}
@media (max-width:767px){
.block--content-classic .field-content{
margin-top:10px;
margin-bottom:10px;
}
}
.centered-container{
padding-right:60px;
padding-left:60px;
}
.list--slider.slick-slider .slick-track>*,.list--slider:not(.slick-slider)>*,.simple-grid-tab>*,
.simple-grid>*{
padding-right:30px;
padding-left:30px;
}
.list--slider.slick-slider .slick-list,.list--slider:not(.slick-slider),.simple-grid-tab,
.simple-grid{
margin-right:-30px;
margin-left:-30px;
}
@media (max-width:1023px){
.centered-container{
padding-right:40px;
padding-left:40px;
}
.list--slider.slick-slider .slick-track>*,.list--slider:not(.slick-slider)>*,.simple-grid-tab>*,
.simple-grid>*{
padding-right:20px;
padding-left:20px;
}
.list--slider.slick-slider .slick-list,.list--slider:not(.slick-slider),.simple-grid-tab,
.simple-grid{
margin-right:-20px;
margin-left:-20px;
}
}
@media (max-width:767px){
.centered-container{
padding-right:20px;
padding-left:20px;
}
.list--slider.slick-slider .slick-track>*,.list--slider:not(.slick-slider)>*,.simple-grid-tab>*,
.simple-grid>*{
padding-right:10px;
padding-left:10px;
}
.list--slider.slick-slider .slick-list,.list--slider:not(.slick-slider),.simple-grid-tab,
.simple-grid{
margin-right:-10px;
margin-left:-10px;
}
}
@media (max-width:767px){
.hide-on-mobile{
display:none !important;
}
}
@media (min-width:768px){
.hide-on-desktop{
display:none !important;
}
}
@media (min-width:1024px){
.hide-above-tablet{
display:none !important;
}
}
@media (max-width:1023px){
.hide-tablet-below{
display:none !important;
}
}
@font-face{
font-family:"icons";
src:url("../../assets/fonts/icons/icons.eot?1686325388");
src:url("../../assets/fonts/icons/icons.eot?1686325388#iefix") format("eot"),url("../../assets/fonts/icons/icons.woff2?1686325388") format("woff2"),url("../../assets/fonts/icons/icons.woff?1686325388") format("woff"),url("../../assets/fonts/icons/icons.ttf?1686325388") format("truetype"),url("../../assets/fonts/icons/icons.svg?1686325388#icons") format("svg");
}
.icon:before{
font-family:"icons";
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
}
.icon_discord:before{
content:"\e001";
}
.icon_down:before{
content:"\e002";
}
.icon_facebook:before{
content:"\e003";
}
.icon_instagram:before{
content:"\e004";
}
.icon_linkedin:before{
content:"\e005";
}
.icon_mail:before{
content:"\e006";
}
.icon_pinterest:before{
content:"\e007";
}
.icon_snapchat:before{
content:"\e008";
}
.icon_tiktok:before{
content:"\e009";
}
.icon_twitch:before{
content:"\e00a";
}
.icon_twitter:before{
content:"\e00b";
}
.icon_youtube:before{
content:"\e00c";
}
@font-face{
font-family:"Poppins";
font-style:normal;
font-weight:400;
src:url("../fonts/poppins/Poppins-Regular.woff2") format("woff2"),url("../fonts/poppins/Poppins-Regular.woff") format("woff");
}
@font-face{
font-family:"Poppins";
font-style:italic;
font-weight:400;
src:url("../fonts/poppins/Poppins-Italic.woff2") format("woff2"),url("../fonts/poppins/Poppins-Italic.woff") format("woff");
}
@font-face{
font-family:"Poppins";
font-style:normal;
font-weight:700;
src:url("../fonts/poppins/Poppins-Bold.woff2") format("woff2"),url("../fonts/poppins/Poppins-Bold.woff") format("woff");
}
@font-face{
font-family:"Poppins";
font-style:italic;
font-weight:700;
src:url("../fonts/poppins/Poppins-BoldItalic.woff2") format("woff2"),url("../fonts/poppins/Poppins-BoldItalic.woff") format("woff");
}
.wpuacf-video{
z-index:1;
position:relative;
height:0;
padding-top:56.25%;
}
.wpuacf-video .cover-image img,
.wpuacf-video .cover-image,
.wpuacf-video .content-video iframe,
.wpuacf-video .content-video{
z-index:1;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.wpuacf-video .cursor{
z-index:3;
position:absolute;
top:50%;
left:50%;
width:3em;
height:3em;
border:1px solid;
border-radius:99em;
text-align:center;
line-height:3;
color:#000;
background-color:#fff;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0);
cursor:pointer;
}
.wpuacf-video .cursor:before{
content:"►";
}
.wpuacf-video .cover-image{
z-index:2;
}
.wpuacf-video .cover-image img{
-o-object-fit:cover;
object-fit:cover;
}
.wpuacf-video .cursor,
.wpuacf-video .cover-image{
opacity:0.999;
transition:all 0.3s ease;
}
.wpuacf-video[data-is-loading="1"] .cursor,
.wpuacf-video[data-is-playing="1"] .cover-image{
opacity:0;
pointer-events:none;
}
.wpuacfflexfaq-list__item .field-question button{
display:block;
position:relative;
width:100%;
margin:0;
padding:0;
border:0;
text-align:inherit;
font:inherit;
white-space:normal;
color:inherit;
background:transparent;
cursor:pointer;
-webkit-user-select:none;
user-select:none;
}
.wpuacfflexfaq-list__item .field-question button:after{
content:"+";
z-index:1;
position:absolute;
top:0;
right:0;
}
.wpuacfflexfaq-list__item[data-is-open=true] .field-question button:after{
content:"-";
}
.wpuacfflexfaq-list__item:not([data-is-open=true]) .block-answer{
display:none;
}
.section--large{
padding-top:90px;
padding-bottom:90px;
}
@media (max-width:1023px){
.section--large{
padding-top:60px;
padding-bottom:60px;
}
}
@media (max-width:767px){
.section--large{
padding-top:30px;
padding-bottom:30px;
}
}
.section-m--large{
margin-top:90px;
margin-bottom:90px;
}
@media (max-width:1023px){
.section-m--large{
margin-top:60px;
margin-bottom:60px;
}
}
@media (max-width:767px){
.section-m--large{
margin-top:30px;
margin-bottom:30px;
}
}
.section--medium{
padding-top:45px;
padding-bottom:45px;
}
@media (max-width:1023px){
.section--medium{
padding-top:30px;
padding-bottom:30px;
}
}
@media (max-width:767px){
.section--medium{
padding-top:15px;
padding-bottom:15px;
}
}
.section-m--medium{
margin-top:45px;
margin-bottom:45px;
}
@media (max-width:1023px){
.section-m--medium{
margin-top:30px;
margin-bottom:30px;
}
}
@media (max-width:767px){
.section-m--medium{
margin-top:15px;
margin-bottom:15px;
}
}
.section--thin{
padding-top:27px;
padding-bottom:27px;
}
@media (max-width:1023px){
.section--thin{
padding-top:18px;
padding-bottom:18px;
}
}
@media (max-width:767px){
.section--thin{
padding-top:9px;
padding-bottom:9px;
}
}
.section-m--thin{
margin-top:27px;
margin-bottom:27px;
}
@media (max-width:1023px){
.section-m--thin{
margin-top:18px;
margin-bottom:18px;
}
}
@media (max-width:767px){
.section-m--thin{
margin-top:9px;
margin-bottom:9px;
}
}
@media (min-width:1024px){
.acfflex-grid{
display:table;
width:100%;
table-layout:fixed;
text-align:left;
}
.acfflex-grid>*{
display:table-cell;
vertical-align:top;
}
.acfflex-grid>*:not(:first-child){
padding-left:15px;
}
.acfflex-grid>*:not(:last-child){
padding-right:15px;
}
}
@media (max-width:1023px){
.acfflex-grid>*:not(:first-child){
padding-top:15px;
}
.acfflex-grid>*:not(:last-child){
padding-bottom:15px;
}
}
.smartshift-button{
padding:0 2em;
text-transform:uppercase;
font-size:16px;
line-height:3;
color:#fff;
background-color:#ff5722;
transition:all 0.3s ease;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}
@media (max-width:767px){
.smartshift-button{
padding-top:0.5em;
padding-bottom:0.5em;
line-height:1.5;
white-space:normal;
}
}
.smartshift-button:focus,.smartshift-button:hover{
color:#FFFFFF;
background-color:#303030;
box-shadow:inset 0 0 0 1px #303030;
}
.smartshift-button--secondary{
color:#FFFFFF;
background-color:transparent;
box-shadow:inset 0 0 0 1px currentColor;
}
dl,
p,
ul{
font-size:16px;
line-height:1.3;
}
@media (max-width:767px){
dl,
p,
ul{
font-size:16px;
}
}
dl:not(:last-child),
p:not(:last-child),
ul:not(:last-child){
margin-bottom:1.3em;
}
dd,
dt,
li{
font:inherit;
}
.cssc-content{
max-width:100%;
font-size:16px;
line-height:1.3;
}
.cssc-content:last-child{
margin-bottom:0;
}
@media (max-width:767px){
.cssc-content{
font-size:16px;
}
}
.cssc-content a{
text-decoration:underline;
}
.cssc-content ol{
counter-reset:cssc-content-section;
list-style-type:none;
}
.cssc-content ol li{
z-index:0;
position:relative;
padding-left:1em;
}
.cssc-content ol li:before{
content:counter(cssc-content-section);
counter-increment:cssc-content-section;
z-index:1;
position:absolute;
top:0;
left:0;
}
.cssc-content .cssc-content-video-wrapper{
z-index:0;
position:relative;
padding-top:56.25%;
}
.cssc-content .cssc-content-video-wrapper>iframe{
z-index:0;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.cssc-content .cssc-content-video-wrapper:not(:last-child){
margin-bottom:1.3em;
}
.cssc-form .box:not(:last-child){
margin-bottom:2em;
}
.cssc-form label{
font-size:16px;
color:#E0E0E0;
}
.cssc-form .box select,
.cssc-form .box textarea,
.cssc-form .box .fake-upload-cover,
.cssc-form .box input[type=tel],
.cssc-form .box input[type=text],
.cssc-form .box input[type=email],
.cssc-form .box input[type=number],
.cssc-form .box input[type=password]{
padding:0.5em;
min-height:2.5em;
border:1px solid #E0E0E0;
line-height:1.5em;
color:#fff;
background-color:transparent;
transition:border 0.3s ease,color 0.3s ease;
}
@media (max-width:767px){
.cssc-form .box select,
.cssc-form .box textarea,
.cssc-form .box .fake-upload-cover,
.cssc-form .box input[type=tel],
.cssc-form .box input[type=text],
.cssc-form .box input[type=email],
.cssc-form .box input[type=number],
.cssc-form .box input[type=password]{
font-size:16px;
}
}
.cssc-form .box select{
padding-right:2em !important;
background:transparent no-repeat right 0 center;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAQAAADvCgS4AAAAGklEQVR4AWNg+I8BcQGCyhAAXRlhpcQAQsoAMGIY6KADYAUAAAAASUVORK5CYII=);
}
.cssc-form .box select::-webkit-input-placeholder,
.cssc-form .box textarea::-webkit-input-placeholder,
.cssc-form .box .fake-upload-cover::-webkit-input-placeholder,
.cssc-form .box input[type=tel]::-webkit-input-placeholder,
.cssc-form .box input[type=text]::-webkit-input-placeholder,
.cssc-form .box input[type=email]::-webkit-input-placeholder,
.cssc-form .box input[type=number]::-webkit-input-placeholder,
.cssc-form .box input[type=password]::-webkit-input-placeholder{
color:inherit;
opacity:0.5;
}
.cssc-form .box select::-webkit-input-placeholder,.cssc-form .box textarea::-webkit-input-placeholder,.cssc-form .box .fake-upload-cover::-webkit-input-placeholder,.cssc-form .box input[type=tel]::-webkit-input-placeholder,.cssc-form .box input[type=text]::-webkit-input-placeholder,.cssc-form .box input[type=email]::-webkit-input-placeholder,.cssc-form .box input[type=number]::-webkit-input-placeholder,.cssc-form .box input[type=password]::-webkit-input-placeholder{
color:inherit;
opacity:0.5;
}
.cssc-form .box select::placeholder,
.cssc-form .box textarea::placeholder,
.cssc-form .box .fake-upload-cover::placeholder,
.cssc-form .box input[type=tel]::placeholder,
.cssc-form .box input[type=text]::placeholder,
.cssc-form .box input[type=email]::placeholder,
.cssc-form .box input[type=number]::placeholder,
.cssc-form .box input[type=password]::placeholder{
color:inherit;
opacity:0.5;
}
input[type=checkbox] ~ .label-main,input[type=checkbox] + label,
input[type=radio] ~ .label-main,
input[type=radio] + label{
display:inline-block;
margin-right:1em;
padding-left:1.5em;
-webkit-user-select:none;
user-select:none;
}
input[type=checkbox] ~ .label-main,input[type=checkbox] + label,
input[type=radio] ~ .label-main,
input[type=radio] + label{
cursor:pointer;
}
input[type=checkbox] ~ .label-main:before,input[type=checkbox] + label:before,
input[type=radio] ~ .label-main:before,
input[type=radio] + label:before{
top:50%;
border:1px solid #ff5722 !important;
background-color:#fff;
box-shadow:0 0 0 1px transparent !important;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
input[type=checkbox]:checked ~ .label-main:before,input[type=checkbox]:checked + label:before,
input[type=radio]:checked ~ .label-main:before,
input[type=radio]:checked + label:before{
border-color:#ff5722 !important;
color:#ff5722;
}
input[type=checkbox]:checked ~ .label-main:before,input[type=checkbox]:checked + label:before{
color:#FFF;
background-color:#ff5722 !important;
}
input[type=radio] ~ .label-main:before,input[type=radio] + label:before{
content:"";
border-radius:10em;
}
input[type=radio]:checked ~ .label-main:before,input[type=radio]:checked + label:before{
color:#FFF;
box-shadow:0 0 0 1px transparent,inset 0 0 0 2px #FFF,inset 0 0 0 20px #ff5722 !important;
}
.cssc-form label:first-child{
display:block;
margin-bottom:0.5em;
}
.cssc-form .box select:hover,
.cssc-form .box textarea:hover,
.cssc-form .box .fake-upload-cover:hover,
.cssc-form .box input[type=tel]:hover,
.cssc-form .box input[type=text]:hover,
.cssc-form .box input[type=email]:hover,
.cssc-form .box input[type=number]:hover,
.cssc-form .box input[type=password]:hover,
.cssc-form .box select:focus,
.cssc-form .box textarea:focus,
.cssc-form .box .fake-upload-cover:focus,
.cssc-form .box input[type=tel]:focus,
.cssc-form .box input[type=text]:focus,
.cssc-form .box input[type=email]:focus,
.cssc-form .box input[type=number]:focus,
.cssc-form .box input[type=password]:focus{
border-color:#FFFFFF !important;
}
.cssc-form .box[data-has-error="1"] select,
.cssc-form .box[data-has-error="1"] textarea,
.cssc-form .box[data-has-error="1"] .fake-upload-cover,
.cssc-form .box[data-has-error="1"] input[type=tel],
.cssc-form .box[data-has-error="1"] input[type=text],
.cssc-form .box[data-has-error="1"] input[type=email],
.cssc-form .box[data-has-error="1"] input[type=number],
.cssc-form .box[data-has-error="1"] input[type=password]{
border-color:#CC0000;
}
.cssc-form .box .error-msg-input,
.cssc-form .box [data-error-invalid]{
margin-top:4px;
font-size:12px;
color:#CC0000;
}
.cssc-form .box textarea{
min-height:70px;
}
@media (max-width:767px){
.cssc-form .twoboxes .box{
margin-bottom:2em;
}
.cssc-form .box.box--submit{
text-align:center;
}
}
.simple-grid-tab,
.simple-grid{
display:flex;
flex-direction:row;
}
.simple-grid-tab:last-child,
.simple-grid:last-child{
margin-bottom:0;
}
.simple-grid-tab>*,
.simple-grid>*{
flex:1;
min-width:0;
}
@media (max-width:1023px){
.simple-grid>*,
.simple-grid{
display:block;
}
.simple-grid>* + *{
margin-top:40px;
}
}
@media (max-width:767px){
.simple-grid-tab>*,
.simple-grid-tab{
display:block;
}
.simple-grid-tab>* + *,
.simple-grid>* + *{
margin-top:20px;
}
}
.icon,
.icon:before{
display:inline-block;
height:1em;
text-align:center;
line-height:1;
}
.icon:before{
width:1em;
}
.icon_discord:before{
width:1.4em;
}
.centered-container>*{
max-width:1080px;
}
.centered-container--thin>*{
max-width:860px;
}
.centered-container--full>*{
max-width:1300px;
}
.section{
padding-top:90px;
padding-bottom:90px;
}
@media (max-width:1023px){
.section{
padding-top:60px;
padding-bottom:60px;
}
}
@media (max-width:767px){
.section{
padding-top:30px;
padding-bottom:30px;
}
}
.section-m,.cc-block-faq--faq,
.cc-block-image--image,
.cc-block-video--video{
margin-top:90px;
margin-bottom:90px;
}
@media (max-width:1023px){
.section-m,.cc-block-faq--faq,
.cc-block-image--image,
.cc-block-video--video{
margin-top:60px;
margin-bottom:60px;
}
}
@media (max-width:767px){
.section-m,.cc-block-faq--faq,
.cc-block-image--image,
.cc-block-video--video{
margin-top:30px;
margin-bottom:30px;
}
}
.section--dark{
color:#fff;
background-color:#FFFFFF;
}
.section--gray{
background-color:rgba(16,16,16,0.5);
}
.section--hl{
background-color:#ff5722;
}
.list-posts>*{
display:inline-block;
box-sizing:border-box;
width:33.3%;
vertical-align:top;
}
.loop-basic{
z-index:1;
position:relative;
}
.loop-basic__image{
margin-bottom:10px;
padding-top:56%;
}
.loop-basic__metas{
font-size:12px;
opacity:0.8;
}
.loop-basic__metas .project-tag{
margin-left:0.5em;
}
.loop-basic__name{
margin:10px 0;
}
.loop-basic__content .loop__link:before{
content:"";
z-index:2;
}
.centered-container--slider-wrapper{
overflow:hidden;
}
.list--slider:not(.slick-slider){
z-index:1;
position:relative;
white-space:nowrap;
}
.list--slider:not(.slick-slider)>*{
display:inline-block;
box-sizing:border-box;
width:33.3%;
white-space:normal;
vertical-align:top;
}
.list--slider.slick-slider .slick-list{
overflow:visible;
}
.list--slider.slick-slider .slick-track>*{
transition:opacity 0.3s ease;
}
.list--slider.slick-slider .slick-track>*[aria-hidden=true]{
opacity:0.25;
}
@media (max-width:767px){
.list--slider.slick-slider .slick-track>*{
width:400px;
max-width:70vw;
}
}
.modal-inner{
box-sizing:border-box;
width:900px;
height:auto;
padding-top:50px;
min-height:200px;
}
@media (max-width:767px){
.modal-inner{
padding-right:0;
padding-left:0;
}
}
.modal-inner iframe{
width:100%;
}
.modal-overlay{
background:rgba(255,255,255,0.75);
}
.modal-close{
margin-top:-0.25em;
font-size:40px;
line-height:1;
}
html{
scrollbar-color:#e0e0e0 #101010;
scrollbar-width:thin;
}
body::-webkit-scrollbar{
width:10px;
}
body::-webkit-scrollbar-track{
background-color:#101010;
}
body::-webkit-scrollbar-thumb{
border:2px solid #101010;
border-left-width:2px;
border-radius:5px;
background-color:#e0e0e0;
}
::selection{
color:#FFFFFF;
background:rgba(255,87,34,0.5);
}
h1,
.h1,
h2,
.h2,
.cssc-content h2,
h3,
.h3,
.cssc-content h3,
h4,
.h4,
.cssc-content h4,
h5,
.h5{
font-weight:bold;
letter-spacing:0;
}
h1,
.h1{
font-size:3em;
}
@media (max-width:767px){
h1,
.h1{
font-size:2em;
}
}
h2,
.h2,.cssc-content h2{
font-size:2.5em;
}
@media (max-width:767px){
h2,
.h2,.cssc-content h2{
font-size:2em;
}
}
h3,
.h3,.cssc-content h3{
font-size:2em;
}
@media (max-width:767px){
h3,
.h3,.cssc-content h3{
font-size:1.8em;
}
}
h4,
.h4,.cssc-content h4{
font-size:1.4em;
}
h5,
.h5{
font-size:1.2em;
}
.smartshift-title{
text-align:center;
}
.smartshift-title u{
text-decoration:none;
color:#ff5722;
}
html{
background-color:#303030;
}
body{
font:16px "Poppins",Helvetica,Arial,sans-serif;
line-height:1.3;
letter-spacing:0;
color:#FFFFFF;
accent-color:#ff5722;
}
#content{
border-bottom:1px solid #101010;
background-color:#101010;
}
@media (max-width:767px){
body{
font-size:16px;
}
}
[data-inputmode=touch] a:hover,
[data-inputmode=touch] a:focus,
[data-inputmode=touch] a:active,
a{
color:inherit;
}
a:hover,
a:focus{
color:#ff5722;
}
a:active{
color:#bb2d00;
}
.cc-header-main{
padding-top:30px;
}
@media (max-width:1023px){
.cc-header-main{
padding-top:20px;
}
}
.header-main{
z-index:1;
position:relative;
height:60px;
line-height:60px;
}
@media (max-width:1023px){
.header-main{
height:40px;
line-height:40px;
}
}
@media (min-width:1024px){
body .cc-header-main__wrapper{
z-index:10;
position:fixed;
top:0;
right:0;
left:0;
}
body .cc-header-main{
z-index:10;
position:relative;
top:0;
right:0;
left:0;
height:120px;
}
body[data-prepare-sticky-header="1"] .cc-header-main{
position:fixed;
background-color:#101010;
-webkit-transform:translate3d(0,-120px,0);
transform:translate3d(0,-120px,0);
}
body[data-before-sticky-header="1"] .cc-header-main{
transition:-webkit-transform 0.3s ease;
transition:transform 0.3s ease;
transition:transform 0.3s ease,-webkit-transform 0.3s ease;
}
body[data-has-sticky-header="1"][data-scrolldir=up] .cc-header-main{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
}
@media (max-width:1023px){
body .cc-header-main__wrapper{
height:80px;
}
body .cc-header-main{
z-index:10;
position:fixed;
top:0;
left:0;
width:100%;
height:80px;
background-color:#101010;
}
}
.main-title.main-logo{
z-index:1;
position:relative;
height:1em;
margin:0;
font-size:60px;
line-height:1;
}
@media (max-width:1023px){
.main-title.main-logo{
font-size:40px;
}
}
.main-title.main-logo a{
display:block;
height:100%;
}
.main-title.main-logo img{
z-index:1;
position:absolute;
top:50%;
left:0;
height:100%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.header-main .nav-toggle{
z-index:1;
position:absolute;
top:50%;
right:0;
color:#FFFFFF;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.header-main .nav-toggle:before{
content:"";
margin:-10px;
}
@media (min-width:1024px){
.header-main .nav-toggle{
display:none;
}
}
@media (min-width:1024px){
.header-main__menu{
z-index:1;
position:absolute;
top:0;
right:0;
}
}
@media (max-width:1023px){
.header-main__menu{
top:80px;
background-color:#101010;
}
}
@media (max-width:1023px){
.header-main__menu-inner{
margin:auto;
padding:60px;
max-width:400px;
text-align:center;
}
}
@media (min-width:1024px){
.header-main__menu-inner>*{
display:inline-block;
vertical-align:middle;
}
.header-main__menu-inner>* + *{
margin-left:60px;
}
}
@media (min-width:1024px) and (max-width:1299px){
.header-main__menu-inner>* + *{
margin-left:40px;
}
}
@media (min-width:1024px){
.main-menu>.menu-item{
margin-left:40px;
}
}
@media (max-width:1023px){
.main-menu>.menu-item{
margin-bottom:1em;
font-size:20px;
}
}
.wputh-social-links li{
display:inline-block;
}
.wputh-social-links li + li{
margin-left:1em;
}
.wputh-social-links a{
display:block;
z-index:0;
position:relative;
text-align:center;
}
.wputh-social-links a:before{
content:"";
margin:-0.5em;
}
.footer{
padding:2em 0;
overflow:hidden;
font-size:12px;
color:#E0E0E0;
}
@media (max-width:767px){
.footer{
text-align:center;
}
}
.footer ul,
.footer li{
font:inherit;
}
.footer__grid{
display:flex;
justify-content:space-between;
}
@media (max-width:767px){
.footer__grid{
flex-direction:column;
}
}
.footer-links ul li{
display:inline-block;
margin-right:1em;
}
@media (max-width:767px){
.footer-links ul li{
margin-top:2em;
}
}
.smartshift-theme--white .block--image-content,
.smartshift-theme--white .block--news,
.smartshift-theme--white .block--content-classic,
.smartshift-theme--white .block--icons_list,
.smartshift-theme--white .block--logos{
color:#101010;
background-color:#E0E0E0;
}
.smartshift-theme--gray .block--image-content,
.smartshift-theme--gray .block--news,
.smartshift-theme--gray .block--content-classic,
.smartshift-theme--gray .block--icons_list,
.smartshift-theme--gray .block--logos{
color:#FFF;
background-color:#303030;
}
.block--content-classic .field-cta{
text-align:center;
}
.block--forms{
background-color:#303030;
}
.icons_list-list{
display:flex;
flex-direction:row;
flex-wrap:wrap;
margin-top:2em;
}
.icons_list-list>*{
box-sizing:border-box;
width:50%;
font-size:16px;
vertical-align:top;
}
@media (max-width:767px){
.icons_list-list{
flex-direction:column;
}
.icons_list-list>*{
width:100%;
}
}
.icons_list-list__item{
z-index:1;
position:relative;
box-sizing:border-box;
height:100%;
}
.icons_list-list__item .icons_list-list__item-inner{
z-index:2;
position:relative;
text-align:center;
}
.icons_list-list__item figure{
margin-bottom:1em;
padding-top:100px;
}
.icons_list-list__item figure img{
-o-object-fit:contain;
object-fit:contain;
}
.links_list-list{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.links_list-list>*{
box-sizing:border-box;
width:33.3%;
font-size:16px;
vertical-align:top;
}
@media (max-width:767px){
.links_list-list{
flex-direction:column;
}
.links_list-list>*{
width:100%;
}
}
.links_list-list__item{
z-index:1;
position:relative;
box-sizing:border-box;
height:100%;
}
.links_list-list__item:before{
content:"";
z-index:1;
opacity:0.2;
background-color:currentColor;
}
.links_list-list__item .links_list-list__item-inner{
z-index:2;
position:relative;
text-align:center;
}
.links_list-list__item figure{
margin-bottom:1em;
padding-top:100px;
}
.links_list-list__item figure img{
-o-object-fit:contain;
object-fit:contain;
}
.block--logos{
text-align:center;
}
.block--logos .logos-list{
display:table;
width:100%;
table-layout:fixed;
}
.block--logos .logos-list>*{
display:table-cell;
text-align:center;
vertical-align:top;
}
.block--logos .logos-list .logo-item{
position:relative;
margin:auto;
max-width:400px;
aspect-ratio:2;
}
.block--logos .logos-list .logo-item img{
width:100%;
max-height:80%;
max-width:80%;
}
.cc-master-header[data-master-header-type]{
z-index:1;
position:relative;
margin-bottom:-90px;
padding-top:120px;
overflow:hidden;
}
@media (max-width:1023px){
.cc-master-header[data-master-header-type]{
padding-top:80px;
}
}
.cc-master-header[data-master-header-type] .master-header{
z-index:3;
position:relative;
text-align:center;
}
.cc-master-header[data-master-header-type] .post-categories li{
display:inline-block;
margin:0 0.5em;
vertical-align:top;
}
.cc-master-header[data-master-header-type] .post-categories,
.cc-master-header[data-master-header-type] time{
display:block;
font-size:0.8em;
opacity:0.7;
}
.cc-master-header[data-master-header-type=basic] .master-header{
padding-bottom:0;
}
.cc-master-header[data-master-header-type=basic]:before,
.cc-master-header[data-master-header-type=home]:before{
content:"";
z-index:2;
background:transparent no-repeat 0 0;
background-image:linear-gradient(to bottom,rgba(16,16,16,0.5),#101010);
}
.cc-master-header[data-master-header-type=basic] .master-header__image,
.cc-master-header[data-master-header-type=home] .master-header__image{
max-width:100%;
}
.cc-block-faq--faq>*,
.cc-block-image--image>*,
.cc-block-video--video>*{
max-width:860px;
}
.cc-block-faq--faq .field-video>.content-video>iframe,
.cc-block-image--image .field-video>.content-video>iframe,
.cc-block-video--video .field-video>.content-video>iframe{
width:100%;
aspect-ratio:16/9;
}
.cc-block-faq--faq figcaption,
.cc-block-image--image figcaption,
.cc-block-video--video figcaption{
margin-top:1em;
font-size:0.8em;
opacity:0.7;
}
.cc-block-faq--faq figcaption p,
.cc-block-image--image figcaption p,
.cc-block-video--video figcaption p{
font:inherit;
}
.cc-block--news .loop-basic__metas{
display:none;
}