html                { scroll-behavior: smooth; }
body                { font-family: Rubik,sans-serif; color: #fff; }
h2                  { font: 2.5rem Rubik-Bold,sans-serif; color: #53A4B8; }
h2.light            { color: #fff; }
h5                  { font-family: Rubik-Bold,sans-serif;  }
h6                  { font-family: Rubik-Bold,sans-serif; }
.bgdark             { background: #1a1c2b; color: #fff; }
.bgblue             { background: #53a4b8 linear-gradient(to bottom, rgba(0,0,0,0), rgba(0, 26, 28, 0.17), rgba(26,28,43,0.4)); }
.bgwhite            { background: #fff; color: #000; }
.num                { width: 26px; border-radius: 15px; background: #fff; color: #53a4b9; }
.num                { text-align: center; margin-bottom: 10px; font: 20px/26px Rubik-Bold; }
.py-7              { padding-bottom: 7rem; padding-top: 7rem; }
.py-10              { padding-bottom: 10rem; padding-top: 10rem; }
.mobile .py-10      { padding-bottom: 5rem; padding-top: 5rem; }
.pt-10              { padding-top: 10rem; }
.mobile .pt-10      { padding-top: 5rem; }
.pb-10              { padding-bottom: 10rem; }
.mobile .pb-10      { padding-bottom: 5rem; }
.table              { color: #fff; }
.captcha img        { border: 1px solid rgba(255,255,255,0.4); margin-bottom: 15px; border-radius: .25rem; padding: 5px; }
.error              { color: red; font-size: 1.2rem; }
.errorWindow        { position: absolute; top: 64px; left: 0; width: 100vw; background-color: red; color: white; font-size: 1.3rem; padding: 15px 25px; z-index: 999; }

.form-control::placeholder { color: #8c8d95; }
.form-control       { color: #8c8d95; background-color: transparent; border-color: rgba(255,255,255,0.4); }

/*
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1440px; }
 */

.etsbutton          { color: #fff; padding: 0 30px; line-height: 40px; z-index: 2; font-size: 14px; }
.etsbutton:after    { content:''; transform: skew(-20deg); border: 1px solid #fff; width: 100%; height: 100%; display: block; }
.etsbutton:after    { position: absolute; top: 0; left: 0; z-index: -1; }
.etsbutton:hover    { text-decoration: none; color: #000; }
.checklist          { padding-left: 0; }
.checklist li       { position: relative; padding-left: 40px; list-style: none; }
.checklist li:before{ content: ''; display: inline-block; width: 28px; height: 28px; position: absolute; left: -2px; top: -2px; }
.checklist li:before{ background: transparent url("/layout/img/check_circle.svg") 0 0 no-repeat; background-size: cover; filter: invert(100%); }

.navbar             { box-shadow: 0 0 30px rgba(0,0,0,0.75); z-index: 999; }
.navbar.position-absolute { top:0; left:0; right:0; }
.navbar-dark .navbar-toggler    { color: #fff; outline: none; border: none; }
.navbar-dark        { color: #fff; }
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover    { color: #fff; }
.navbar-dark .navbar-nav .nav-link  { color: #fff; }
.nav-link           { padding: 1rem 1rem; }
.nav-item.appstore  { margin: 2.4rem -1rem 0 -1rem; padding: 2.5rem 1rem; background-color: #53a4b8; }
.nav-item.legal     { color: #8d8e95; line-height: calc(60px - 0.5rem); padding-top: 0.5rem; }
.nav-item.legal a   { color: #8d8e95; }

.navbar-toggler                     { padding: 0; }

.navbar-toggler.collapsed:after     { background: transparent url("/layout/img/menu.svg") 0 0 no-repeat; background-size: cover; }
.navbar-toggler:after     { background: transparent url("/layout/img/close.svg") 0 0 no-repeat; }
.navbar-toggler:after     { display: block; content:''; width: 32px; height: 32px; background-size: cover; filter: invert(100%); }

#top                { background: linear-gradient(to bottom, rgba(0, 26, 28, 0.17), #1a1c2b); /*border-bottom: 2px solid #fff;*/ }
#top                { background-image: url("/layout/img/bg_home.jpg"); background-size: cover; background-repeat: no-repeat; }
#top h1             { font: 50px Rubik-Medium,sans-serif; color: #fff; }
#top .flex-center   { align-items: center; display: flex; justify-content: center; }
#top .etsbutton     { display: inline-block; position: absolute; bottom: 10%; }
#top .etsbutton:after { background: #53a4b9; border: none; }
#mainnav .etsbutton,
#contact .etsbutton     { display: inline-block; position: relative; padding: 0 50px; margin-left: 6px; }
#mainnav .etsbutton:after,
#contact .etsbutton:after { background: #1a1c2b; border: 1px solid #fff; }
#mainnav .etsbutton:hover,
#contact .etsbutton:hover { color: #fff; }
#mainnav .etsbutton.fullwidth{ width: calc(100% - 15px); text-align: center; padding: 0; margin-left: 8px; }

#collaborate        { position: relative; }
#collaborate:before { content: ''; position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; }
#collaborate:before { background: transparent url("/layout/img/collaborate.jpg") no-repeat; background-size: cover;  }
#collaborate:before { opacity: 0.56; }
#collaborate:after  { content: ''; position: absolute; z-index: 1; top: 50%; left: 0; bottom: 0; right: 0; }
#collaborate:after  { background: linear-gradient(180deg, #1A1C2B, rgba(0, 26, 28, 0.17)); transform: scaleY(-1); }
#collaborate .container { position: relative; z-index: 2; }


.imgcontainer       { position: relative; z-index: 2; display: inline-block; }
.oval               { position: absolute; bottom: -21px; left: 0; background: #000; border-radius: 50%; }
.oval               { opacity: 0.4412435; z-index: 1; width: 100%; height: 49px; filter: blur(7px); }

.carousel.slide     { padding-bottom: 60px; }
.grid-3             { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; }
.slide-item .pic    { width: 150px; height: 150px; background-size: cover; }
.carousel-indicators li { width: 8px; height: 8px; border: none; background: #53a4b9; border-radius: 50%; }

#contact            { background: transparent url("/layout/img/image-contact-bg.jpg") no-repeat; background-size: cover; }

#footer a,
#footer             { color: #8d8e95; }

#c_success,
#privacy,
#impress            { padding-top: 88px; min-height: calc(100vh - 150px); }
#privacy h2         { word-wrap: break-word; }

/* --- Mobile --- */
.mobile #top       { background-position: -50px 0; }
.mobile h2          {  }
.mobile #top h1     { font-size: 34px; }
.mobile #collaborate:before { background-size: auto; background-position: -536px 0; opacity: 0.6; }
.mobile #collaborate:after  { top: 512px; height: 512px; bottom: unset; }
.mobile .col-max    { width: 100vw !important; padding: 0 0 0 14px !important; max-width: unset; }
.mobile #slide      { overflow: hidden; }
.mobile #slide .container   { padding-right: 0; }
.mobile #slide h2           { padding-right: 15px; }
.mobile #slide .carousel    { padding-left: 15px; }


/* --- Carousel Changes ---*/
.carousel,
.carousel-inner,
.carousel-inner > .item {
    overflow: hidden;
}

.carousel-inner:after {
    position:absolute;
    top:0;
    bottom:0;
    right: 0;
    left: 96%;
    content:"";
    display:block;
    background-color:#fff;
    z-index: 99;
}

.ytp-title-channel,
.ytp-title,
.ytp-chrome-top-buttons { display: none !important; }