/* vars */
:root {
  --main-spacing: 72px;
  --default-spacing: 36px;
  --mini-font: 700 12px/1.1 "Muli";
}
@media only screen and (max-width: 1600px){
  :root {
    --main-spacing: 64px;
    --default-spacing: 32px;
  }
}
@media only screen and (max-width: 1200px){
  :root {
    --main-spacing: 56px;
    --default-spacing: 28px;
  }
}
@media only screen and (max-width.a: 992px){
  :root {
    --main-spacing: 48px;
    --default-spacing: 24px;
    --mini-font: 700 11px/1.1 "Muli";
  }
}
@media only screen and (max-width: 768px){
  :root {
    --main-spacing: 40px;
    --default-spacing: 22px;
  }
}
@media only screen and (max-width: 576px){
  :root {
    --main-spacing: 36px;
    --default-spacing: 20px;
    --mini-font: 700 10px/1.1 "Muli";
  }
}
/* html tags */
html, body{min-height: 100vh;background: #FFF;color: #000;text-rendering: geometricPrecision;}
html {scrollbar-width: thin;scrollbar-color: #000 #FFF;}
body::-webkit-scrollbar {width:6px;}
body::-webkit-scrollbar-thumb {background-color: #000;}
body::-webkit-scrollbar-track {background: #fff;}
body{font: 200 19px/1.5 "Muli";-webkit-transition: padding .2s ease-in-out;transition: padding .2s ease-in-out;position: relative;}
body.no-padding{padding: 0 !important;}
img{max-width: 100%;}
a{color: #000;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover, a:active, a:focus{color: #000;}
h1, h2, h3, h4,  h5, h6{font: 400 32px/1.1 "Crimson Text";margin: 0;color: #000;font-weight: 400;text-transform: uppercase;letter-spacing: 5px;}
h1 > strong, h2 > strong, h3 > strong, h4 > strong,  h5 > strong, h6 > strong{font-weight: 700;}
/* error-code 404 */
.error-code{text-align: center;font-weight: 900;font-size: 8vmax;display: flex;align-items: center;min-height: 50vh;justify-content: center;text-transform: uppercase;}
/* article */
.article > *:last-child{margin-bottom: 0;}
/* heading */
.heading{display: block;width: 100%;}
.heading.white .title, .heading.white .description{color: #FFF;}
.heading .title + .description{margin-top: 4px;}
.heading .description{color: #000;font-size: 22px;font-weight: 200;}
.heading + *{margin-top: var(--default-spacing);}
.heading.xl + *{margin-top: calc( var(--default-spacing) * 2 );}
.heading.center{text-align: center;}
.heading.center .description{}
.heading.center .description > .article{}
.heading.xl .title{font-size: 64px;letter-spacing: 6px;}
.heading.xl .description{font-size: 24px;font-weight: 300;}
.heading.center.xl .description{max-width: 100%;margin-left: auto;margin-right: auto;width: 600px;}
.heading.sm .title{font-size: 25px;letter-spacing: 3px;}
.heading.sm .description{font-size: 18px;font-weight: 200;}
@media only screen and (max-width: 1600px){
  .heading.xl .title{font-size: 60px;}
  .heading.xl .description{font-size: 22px;}
}
@media only screen and (max-width: 1200px){
  .heading.xl .title{font-size: 54px;letter-spacing: 5px;}
  .heading.xl .description{font-size: 21px;font-weight: 300;}
}
@media only screen and (max-width: 992px){
  .heading.xl .title{font-size: 48px;letter-spacing: 4px;}
  .heading.xl .description{font-size: 20px;font-weight: 300;}
}
@media only screen and (max-width: 768px){
  .heading.xl .title{font-size: 40px;}

}
@media only screen and (max-width: 576px){
  .heading.xl .title{font-size: 32px;letter-spacing: 3px;}
  .heading.xl .description{font-size: 18px;}
}
/* grow */
.grow{flex-grow: 1;}
/* nm */
section.counter_0.nm{margin-top: var(--main-spacing);}
/* bgpicture */
.bgpicture{object-fit: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;pointer-events: none;}
.bgpicture.contain{object-fit: contain;}
.bgpicture > img{object-fit: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.bgpicture.contain > img{object-fit: contain;}
/* actions */
.actions{display: flex;justify-content: center;}
* + .actions{margin-top: var(--default-spacing);}
/* package */
.package{position: relative;display: block;margin: 0 auto;width:1500px;max-width: 100%;z-index: 5;padding-left: 32px;padding-right: 32px;}
.package.padding{padding-top: var(--main-spacing);padding-bottom: var(--main-spacing);}
@media only screen and (min-width: 1920px){
  .package{width: 1700px;}
}
@media only screen and (max-width: 1200px){
  .package{padding-left: 24px;padding-right: 24px;}
}
@media only screen and (max-width: 576px){
  .package{padding-left: 16px;padding-right: 16px;}
}
/* #preheader */
#pre-header {background: #000;color: #FFF;position: fixed;top: 0;left: 0;right: 0;}
#pre-header .holder-content > .content {display: flex;align-items: center;height: 36px;}
#pre-header .holder-content > .content > .message{font: var(--mini-font);text-transform: uppercase;letter-spacing: 1px;font-weight: 600;color: #999;}
#pre-header .holder-content > .content > .languages {display: flex;}
#pre-header .holder-content > .content > .languages > a + a{margin-left: 8px;}
#pre-header .holder-content > .content > .languages > a{display: block;line-height: 36px;font: var(--mini-font);letter-spacing: 2px;text-transform: uppercase;color: #FFF;font-weight: 400;}
#pre-header .holder-content > .content > .languages > a.current{font-weight: 700;pointer-events: none;}
#pre-header .holder-content > .content > .languages > a:hover, #pre-header .holder-content > .content > .languages > a:focus, #pre-header .holder-content > .content > .languages > a:active{text-decoration: none;opacity: .5;}
@media only screen and (max-width: 768px){
  #pre-header .holder-content > .content > .message{display: none;}
}
/* #header */
#header{background: #FFF;position: fixed;top: 36px;left: 0;right: 0;z-index: 10;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
body.scrolling #header{top: 0;-webkit-box-shadow:  0 0 16px 16px rgba(255,255,255,1);box-shadow:  0 0 16px 16px rgba(255,255,255,1);}
#header .holder-content > .content {display: flex;align-items: center;justify-content: space-between;height: 160px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#header .holder-content > .content > .logo{display: block;}
#header .holder-content > .content > .logo img{height: 100px;display: block;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#header .holder-content > .content > .logout, #header .holder-content > .content > .website{width: 25%;}
#header .holder-content > .content > .logout > a{justify-content: flex-end;}
#header .holder-content > .content > .logout > a, #header .holder-content > .content > .website > a{display: flex;align-items: center;font: var(--mini-font);letter-spacing: 4px;text-transform: uppercase;font-size: 12px;font-weight: 400;}
#header .holder-content > .content > .logout > a:hover, #header .holder-content > .content > .website > a:hover{text-decoration: none;}
#header .holder-content > .content > .logout > a > i{font-size: 32px;order: 2;margin-left: 8px;}
#header .holder-content > .content > .website > a > i{font-size: 32px;margin-right: 8px;}
#header .holder-content > .content > .website > a > span::before{content: "www.";}
body{padding-top: calc(160px + 36px);}
@media only screen and (min-width: 1601px){
   body.scrolling #header .holder-content > .content {height: 120px;}
   body.scrolling #header .holder-content > .content > .logo img{height: 80px;}
}
@media only screen and (max-width: 1600px){
  #header .holder-content > .content{height: 120px;}
  body{padding-top: calc(120px + 36px);}
}
@media only screen and (max-width: 1200px){
  body{padding-top: calc(110px + 36px);}
  #header .holder-content > .content{height: 110px;}
  #header .holder-content > .content {justify-content: flex-start;}
  #header .holder-content > .content > .logo{order: 1;flex-grow: 1;}
  #header .holder-content > .content > .logo img{height: auto;width: 150px;}
  #header .holder-content > .content > .website{order: 2;width: auto;margin-left: var(--default-spacing);}
  #header .holder-content > .content > .logout{order: 3;width: auto;margin-left: var(--default-spacing);}
  #header .holder-content > .content > .logout > a > i, #header .holder-content > .content > .website > a > i{order: 0;font-size: 22px;}
}
@media only screen and (max-width: 992px){
  body{padding-top: calc(100px + 36px);}
  #header .holder-content > .content{height: 100px;}
  #header .holder-content > .content > .logout > a, #header .holder-content > .content > .website > a{letter-spacing: 3px; }
}
@media only screen and (max-width: 768px){
  body{padding-top: calc(90px + 36px);}
  #header .holder-content > .content{height: 90px;}
  #header .holder-content > .content > .website > a > span::before{content: "";}
}
@media only screen and (max-width: 576px){
  body{padding-top: calc(80px + 36px);}
  #header .holder-content > .content{height: 80px;}
  #header .holder-content > .content > .website{display: none;}
  #header .holder-content > .content > .logout > a > i,   #header .holder-content > .content > .website > a > i{display: none;}
}
/* #footer */
#main + #footer{margin-top: var(--main-spacing);}
#footer{background: #000;color: #FFF;}
#footer > .package{display: flex;align-items: center;min-height: 20vh;}
#footer .holder-content{width: 100%;}
#footer .content > .holder-logo{display: flex;justify-content: center;}
#footer .content > .holder-logo > .logo {opacity: .5;}
#footer .content > .holder-logo > .logo > img{display: block;width: 120px;}
#footer .content > .holder-logo > .logo:hover{opacity: 1;}
#footer .content > .copyright{margin-top: var(--default-spacing);text-align: center;font: var(--mini-font);letter-spacing: 2px;text-transform: uppercase;font-weight: 400;}
#footer .content > .copyright a{font-weight: 800;color: #FFF;}
/* notifications */
#notifications{position: fixed;bottom: 0;left: 0;display: flex;flex-direction: column;z-index: 99999;padding: 16px;}
#notifications > * {background: #F78F09;overflow: hidden;padding: 24px;color: #FFF;position: relative;width: 400px;max-width: calc(100vw - 32px);font-size: 18px;line-height: 1.4;font-weight: 500;text-align: center;}
#notifications > * .actions{margin-top: 8px;justify-content: flex-end;}
#notifications > *.success {background: #1ED760;}
#notifications > *.danger {background: #F85F22;}
#notifications > * + * {margin-top: 8px;}
/* forms */
* + legend, legend + * {margin-top: 16px;}
label{font-weight: 700;font-size: 12px;letter-spacing: 2px;text-transform: uppercase;display: block;-webkit-transition: all 0.3s;transition: all 0.3s;margin: 0;}
label + *, * + label{margin-top: 5px;}
abbr.required, span.required{color: #F85F22;text-decoration: none;cursor:inherit;}
.field.required > label::after{content: "*";color: #F85F22;}
.field.fullwidth{width: 100% !important;}
.field + *{margin-top: 16px;}
.field.type-checkbox + .field.type-checkbox{margin-top: 8px;}
input:disabled {opacity: .5;pointer-events: none;background: #7D7D7D !important;}
input[type=number], input[type=date]{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number],
input[type=text],
input[type=email],
input[type=password],
input[type=date],
input[type=url],
input[type=tel],
textarea,
select{line-height: 1;font-family: "Muli";font-weight: 400;font-size: 18px;height: 56px;padding: 0 18px;background: #FFF;color: #000;border: 1px solid #000;-webkit-border-radius: 2px;border-radius: 2px;width: 100%;-webkit-box-shadow: none;box-shadow: none;outline: none;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;max-width: 100%;}
option{border: none;}
textarea{line-height: 1.3;padding: 12px;min-height: 150px;}
select {-webkit-appearance: none;-moz-appearance: none;text-indent: 0;text-overflow: '';}
select::-ms-expand {display: none;}
input[type=number]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=url]:focus,
input[type=tel]:focus,
textarea:focus,
select:hover,
select:focus{color: #000;background: #FFF;border: 1px solid #FFF;-webkit-box-shadow:  0 0 0 1px #FFF;box-shadow:  0 0 0 1px #FFF;}
input[type=checkbox], input[type=radio]{display: inline-block;width: auto;margin-right: 12px;height: 20px;vertical-align: middle;}
input[type=checkbox] + label, input[type=radio] + label{color:#8E97A8;display: inline-block;margin-top: auto;vertical-align: middle;}
input[type=checkbox]:checked + label, input[type=radio]:checked + label{color: #1DABE2;}
legend {font-size: 13px;line-height: 1.3;letter-spacing: 3px;font-weight: 600;text-transform: uppercase;color: #0563BD;margin: 0;}
fieldset + *, * + fieldset, legend + *, * + legend{margin-top: 32px;}
input + span {display: block;font-size: 13px;margin-top: 4px;}
/* .btn */
.btn, .button{-webkit-border-radius: 0;border-radius: 0;font-size: 13px;font-weight: 500;letter-spacing: 6px;background: transparent;color: #000;border: 2px solid #000; white-space: nowrap;padding: 14px 32px;}
.btn:hover, .button:hover, .btn:focus, .button:focus, .btn:active, .button:active{background: #000;color: #FFF;}
.btn.sm{padding: 10px 24px;font-size: 11px;letter-spacing: 4px;}
.btn.white, .button.white{color: #FFF;border-color: #FFF;}
.btn.white:hover, .button.white:hover, .btn.white:focus, .button.white:focus, .btn.white:active, .button.white:active{background: #FFF;color: #000;}
@media only screen and (max-width: 1200px){
  .btn{padding: 12px 28px;font-size: 12px;letter-spacing: 5px;}
}
@media only screen and (max-width: 768px){
  .btn{padding: 10px 24px;font-size: 11px;letter-spacing: 4px;}
}
/* #cookies-msg */
#cookies-msg.default{padding:var(--default-spacing); max-width: 100%;width: 100%;-webkit-border-radius: 0 !important;border-radius: 0 !important;background: rgba(0,0,0,.85) !important;font-size: 17px !important;font-weight: 100 !important;bottom: 0;left: 0;right: 0;-webkit-transform: translate(0, 0);transform: translate(0, 0);}
#cookies-msg.default .description a{color: #FFF;text-decoration: underline;}
/* section.login */
section.login > .bgpicture{-webkit-filter: brightness(75%) contrast(115%);filter: brightness(75%) contrast(115%);}
section.login .package{display: flex;min-height: 100vh;justify-content: center;align-items: center;}
section.login .content{width: 400px;max-width: calc(100vw - 48px);}
section.login form{color: #FFF;}
section.login form > .logo{display: flex;justify-content: center;align-items: center;margin-bottom: calc( var(--default-spacing) * 2 );}
section.login form > .logo > img{width: 150px;display: block;height: auto;}
section.login form label{text-align: center;}
/* section.links */
section.links .holder-items > .items{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--default-spacing);}
@media only screen and (max-width: 768px){
  section.links .holder-items > .items{grid-template-columns: 1fr;}
}
.link-item{display: block;position: relative;}
.link-item.no-link > .image{pointer-events: none;}
.link-item > .image{position: relative;display: block;}
.link-item > .image > picture{-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.link-item > .image:hover > picture{-webkit-filter: contrast(110%) brightness(110%);filter: contrast(110%) brightness(110%);}
.link-item > .image::after{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: -webkit-radial-gradient(circle at center, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);background: radial-gradient(circle at center, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);mix-blend-mode:overlay;content: " ";opacity: 0;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.link-item > .image:hover::after{opacity: 1;}
.link-item > .image + *{margin-top: var(--default-spacing);}
.link-item > .image-gif{overflow: hidden;height: 50px;padding-bottom: 62.5%;}
.link-item.no-link > .image{pointer-events: none;}
.link-item > .info > .heading > .description{max-width: calc(100% - 256px);margin-left: auto;margin-right: auto;}
.link-item > .info > .heading > .description strong{font-weight: 600;}
@media only screen and (max-width: 1200px){
  .link-item > .info > .heading > .description{max-width: calc(100% - 196px);}
}
@media only screen and (max-width: 992px){
  .link-item > .info > .heading > .description{max-width: calc(100% - 120px);}
}
@media only screen and (max-width: 768px){
  .link-item > .info > .heading > .description{max-width: calc(100% - 196px);}
}
@media only screen and (max-width: 576px){
  .link-item > .info > .heading > .description{max-width:100%;}
}