.preview, .wall, .faq, .tryIt, .customization {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0px;
}
.preview, .wall { position: sticky; }
.faq, .tryIt, .customization {
    background-color: #272b30;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0;
    height: auto;
    min-height: 100%;
    margin: 0;
    position: relative;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    display: flex;
    align-items: center;
}
.tryIt { background-color: #111315; }
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: 0.7s;
    align-items: center;
    text-align: -webkit-center;
}
.customization .container,
.tryIt .container,
.faq .container {
    padding: 20px 0px 20px 0px;
    position: relative;
    transform: none;
    top: unset;
    left: unset;
}
.promo_block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.left { flex: 0 1 100%; }
.right { flex: 0 1 100%; }
.left {
    text-align: center;
    justify-content: center;
    vertical-align: middle;
}
.left_child {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 26px;
    position: relative;
}
.left_child_text {
    display: flex;
    flex-direction: column;
}
.promo_img {
    width: 80%;
    pointer-events: none;
    user-select: none;
}
.name_proj {
    display: initial;
    border-style: solid;
    border-width: 0px;
    border-radius: 10px;
    background: #272b30;
    font-weight: 200;
    color: #D3D6DB;
}
.tagline_proj {
    font-weight: 700;
}
.scroll {
    position: absolute;
    border-style: solid;
    border-color: #000;
    border-radius: 13px;
    background: #000; 
    padding: 3px;
    bottom: 40px;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
    width: 33px;
    height: auto;
    display: block;
}
.preview_icon { 
    width: 50px; 
    z-index: 1; 
    pointer-events: none;
    user-select: none;
}
.preview_icon_background {
    position: absolute;
    width: 52px;
    left: -1px;
    /* top: -4.9px; */
}
.anons_block {
    display: inline-flex;
    border-style: solid;
    border-width: 0px;
    border-radius: 45px;
    background: #162228;
    color: #D3D6DB;
    font-weight: 500;
    padding: 5px 27px;
}
.dropdowns_container { 
    margin: 20px 0 20px;
}
.dropdown {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border-width: 0px;
    margin-left: 1vw;
    margin-right: 1vw;
    transition: 0.7s;
}
.preview_question_text {
    color: #CFD8DC;
    user-select: none;
    position: relative;
    font-size: 26px;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    width: 100%;
    word-break: break-word;
    margin-left: 48px;
}
.preview_question_text,
.dropdown_answer {
    color: #CFD8DC;
    transition: 0.7s;
    font-weight: 500;
}
.dropdown_question {
    padding: 11px;
    margin-top: 10px;
    background: #111315;
    z-index: 10;
    border-radius: 20px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.dropdown_question:first-child {
    margin: 0px;
}
.dropdown_question_container {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.dropdown_question_image {
    width: 24px;
    transition: 500ms ease;
    transform: rotate(360deg);
    margin-left: 26px;
    user-select: none;
    color: #CFD8DC;
    filter: invert(87%) sepia(12%) saturate(131%) hue-rotate(153deg) brightness(101%) contrast(85%);
    border: solid 0px;
    border-radius: 100px;
    background: #CFD8DC;
    padding: 4px;
}
.dropdown_question_opened_image {
    transform: rotate(180deg);
}
.separator {
    width: 100%;
    height: 1px;
    background-color: #90A4AE;
}
.dropdown_answer {
    padding: 11px;
    margin-top: 0;
    z-index: 9;
    border-width: 0px;
    border-top-color: #90A4AE;
    border-top-width: 1px;
}
.dropdown_answer_container {
    /*#90A4AE*/
    max-height: 600px;
    transition: max-height 600ms ease;
    overflow: hidden;
    overflow: scroll;
}
.hidden_drop {
    max-height: 0;
}
.tryItDownloadDiv {
    border-radius: 30px;
    background-color: #272b30;
    color: #D3D6DB;
    font-family: 'Montserrat', sans-serif;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: fit-content;
    padding: 0px 32px 0px;
    align-items: center;
    /* left: 50%; */
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.tryItDownloadInfo {
    display: flex;
    flex-direction: column;
    user-select: none;
}
.tryItDownloadInfo h3 {
    color: #CFD8DC;
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 500;
}
.tryItDownloadInfo a {
    color: #CFD8DC;
    font-size: 25px;
    font-weight: 500;
}
.tryItDownloadInfo h5 {
    font-size: 12px;
    font-weight: bold;
    color: #CFD8DC;
}
.tryItDownloadIcon {
    width: 70px;
    height: 70px;
    margin-top: 9px;
    margin-bottom: -25px;
    user-select: none;
    pointer-events: none;
}
@media (min-width: 500px) {
    .tryItDownloadDiv {
        flex-direction: row;
    }
    .tryItDownloadInfo {
        margin: 0px 0px 0px 20px;
    }
    .tryItDownloadIcon {
        margin: 0px;
    }
}
.customizationWrapper {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.customizationContent {
    display: flex;
    zoom: 0.39;
    position: relative;
    width: 640px;
    height: 500px;
}
.customizationContentText {
    margin: 0;
    user-select: none;
    text-align: start;
    position: absolute;
    top: 27px;
    left: 39px;
    font-size: 22px;
    font-family: Courier;
    color: #D3D6DB;
}
.customizationContentScreen {
    width: 640px;
    background-color: #111315;
    padding: 0px 16px 10px 16px;
    border-radius: 15px;
    transition: background-color 200ms ease;
}
.customizationContentScreenLogContainer {
    background-color: #1a1d1f;
    display: flex;
    flex-shrink: 1;
    flex-wrap: wrap;
    height: calc(100% - 71px);
    border-radius: 34px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 100%;
    margin-bottom: 16px;
    transition: background-color 200ms ease;
}
.customizationContentScreenButton {
    background-color: #8a919e;
    color: #1a1d1f;
    border-radius: 15px;
    height: 49px;
    font-size: 24px;
    display: flex;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    align-items: center;
    user-select: none;
    transition: color 200ms ease;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.infoDebug {
    color: #E5C07B;
    transition: color 200ms ease 0s;
}
.infoWarn {
    color: #E06C75;
    transition: color 200ms ease 0s;
}
.infoAdd {
    color: #61AFEF;
    transition: color 200ms ease 0s;
}
.infoMinus {
    color: #98C379;
    transition: color 200ms ease 0s;
}
.customizationInput {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    width: calc(100% - 43px);
    background: #111315;
    padding-bottom: 12px;
    border-radius: 22px;
}
.inputWrapper {
    padding: 5px;
    background-color: #162228;
    border-radius: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #D3D6DB;
    width: calc(100% - 43px);
    margin-top: 12px;
}
.inputWrapper p {
    margin: 0;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    user-select: none;
}
.inputWrapper input[type=text] {
    border-radius: 10px;
    font-size: 26px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    background: rgba(255,255,255, 0.4);
    width: 190px;
    text-align: center;
}
.infoDebugInput,
.infoWarnInput,
.infoAddInput,
.infoMinusInput {
    display: inline-flex;
    border-radius: 10px;
}
/* .slideThree */
.slideThree {
    width: 150px;
    height: 40px;
    background: #111315;
    margin: 12.5px 0px;
    position: relative;
    border-radius: 50px;
}
.slideThreeDark {
    color: #7c848c;
    position: absolute;
    z-index: 2;
    right: 9px;
    top: 1px;
    font: 19px/42px 'Montserrat', sans-serif;
    font-weight: 500;
    pointer-events: none;
    transition: color 200ms ease;
}
.slideThreeLight {
    color: #fcfcfc;
    position: absolute;
    left: 10px;
    z-index: 2;
    font: 19px/42px 'Montserrat', sans-serif;
    font-weight: 500;
    pointer-events: none;
}
.slideThreeLabel {
    display: block;
    width: 64px;
    height: 36px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 1;
    background: #272b30;
    border-radius: 46px;
    transition: all 0.4s ease;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-tap-highlight-color: transparent;
}
.slideThreeInput {
    visibility: hidden;
}
.slideThreeInput:checked + label {
    left: 84px;
}
.slideThreeInput:checked ~ .slideThreeDark {
    color: #fcfcfc;
}
.slideThreeInput:checked ~ .slideThreeLight {
    color: #7c848c;
}
.slideThree a {
    user-select: none;
    pointer-events: none;
}
/* end .slideThree */
@media (min-width:450px){.customizationInput{width: 400px;}}
@media (min-width:992px){.customizationInput{width: 300px;}}
@media (min-width:1200px){.customizationInput{width: 400px;}}
@media (min-width:260px){.customizationContent{zoom:0.3977;}}
@media (min-width:270px){.customizationContent{zoom:0.414;}}
@media (min-width:280px){.customizationContent{zoom:0.429;}}
@media (min-width:290px){.customizationContent{zoom:0.445;}}
@media (min-width:300px){.customizationContent{zoom:0.4602;}}
@media (min-width:310px){.customizationContent{zoom:0.4758;}}
@media (min-width:320px){.customizationContent{zoom:0.492;}}
@media (min-width:330px){.customizationContent{zoom:0.508;}}
@media (min-width:340px){.customizationContent{zoom:0.52266;}}
@media (min-width:350px){.customizationContent{zoom:0.5383;}}
@media (min-width:360px){.customizationContent{zoom:0.554;}}
@media (min-width:370px){.customizationContent{zoom:0.56955;}}
@media (min-width:380px){.customizationContent{zoom:0.5852;}}
@media (min-width:390px){.customizationContent{zoom:0.60079;}}
@media (min-width:400px){.customizationContent{zoom:0.6165;}}
@media (min-width:410px){.customizationContent{zoom:0.633;}}
@media (min-width:420px){.customizationContent{zoom:0.6477;}}
@media (min-width:430px){.customizationContent{zoom:0.6633;}}
@media (min-width:440px){.customizationContent{zoom:0.679;}}
@media (min-width:450px){.customizationContent{zoom:0.6946;}}
@media (min-width:460px){.customizationContent{zoom:0.71019;}}
@media (min-width:470px){.customizationContent{zoom:0.72579;}}
@media (min-width:480px){.customizationContent{zoom:0.742;}}
@media (min-width:490px){.customizationContent{zoom:0.758;}}
@media (min-width:500px){.customizationContent{zoom:0.773;}}
@media (min-width:510px){.customizationContent{zoom:0.7883;}}
@media (min-width:520px){.customizationContent{zoom:0.804;}}
@media (min-width:530px){.customizationContent{zoom:0.8199;}}
@media (min-width:540px){.customizationContent{zoom:0.836;}}
@media (min-width:550px){.customizationContent{zoom:0.851;}}
@media (min-width:560px){.customizationContent{zoom:0.867;}}
@media (min-width:570px){.customizationContent{zoom:0.883;}}
@media (min-width:576px){.customizationContent{zoom:0.843;}}
@media (min-width:580px){.customizationContent{zoom:0.8423;}}
@media (min-width:768px){.customizationContent{zoom:0.844;}}
@media (min-width:992px){ 
    .customizationContent{zoom:1;} 
    .customizationWrapper{flex-direction:row;}
    .customizationInput{flex-direction:column;}}

@media (min-width:576px){.container{max-width:540px;}}
@media (min-width:768px){
    .container {max-width:720px;}
    .left{flex:0 1 48%;}
    .right{flex:0 1 52%;}
    .promo_info { flex-direction: inherit;}}
@media (min-width:992px){.container{max-width:960px;}}
@media (min-width:1200px){.container{max-width:1140px;}}
@media (min-width:1580px){.container{max-width:1440px;}}
@media (max-width:767px){
    .right{position:absolute;bottom:0;left:0;right:0;}
    .preview .container{height:100%;}
    .promo_block{height:50%;}
    .preview_icon{margin-right:6px;}
    .left{height:50%;width:100%;}
    .left_child{height:50%;}}
@media (min-width:280px){
    .preview_icon{width:50px;}
    .preview_icon_background{left:-1px;}}
@media (min-width:320px){
    .preview_icon{width:53px;}
    .preview_icon_background{left:-0.55px;width:54px;}}
@media (min-width:350px){
    .preview_icon{width:57px;}
    .preview_icon_background{left:-0.8px;width:57px;}}
@media (min-width:450px){
    .preview_icon{width:67px;}
    .preview_icon_background{left:0.45px;width:67px;}}
@media (min-width:600px){
    .preview_icon{width:84px;}
    .preview_icon_background{left:-0.4px;width:84px;}}
@media (min-width:768px){
    .preview_icon{width:50px;}
    .preview_icon_background{left:-1px;width:52px;}}
@media (min-width:992px){
    .preview_icon{width:70px;}
    .preview_icon_background{left:-2px;width:73px;}}

@media (min-width:280px){.promo_img{width:159px;}}
@media (min-width:300px){.promo_img{width:158px;}}
@media (min-width:320px){.promo_img{width:150px;}}
@media (min-width:450px){.promo_img{width:136px;}}
@media (min-width:480px){.promo_img{width:167px;}}
@media (min-width:280px) and (min-height:600px){.promo_img{width:213px;}}
@media (min-width:320px) and (min-height:600px){.promo_img{width:195px;}}
@media (min-width:500px) and (min-height:600px){.promo_img{width:226px;}}
@media (min-width:550px) and (min-height:600px){.promo_img{width:226px;}}
@media (min-width:280px) and (min-height:650px){.promo_img{width:241px;}}
@media (min-width:300px) and (min-height:650px){.promo_img{width:243px;}}
@media (min-width:320px) and (min-height:650px){.promo_img{width:234px;}}
@media (min-width:450px) and (min-height:650px){.promo_img{width:220px;}}
@media (min-width:600px) and (min-height:650px){.promo_img{width:255px;}}
@media (min-width:280px) and (min-height:700px){.promo_img{width:276px;}}
@media (min-width:320px) and (min-height:700px){.promo_img{width:265px;}}
@media (min-width:450px) and (min-height:700px){.promo_img{width:251px;}}
@media (min-width:550px) and (min-height:700px){.promo_img{width:281px;}}
@media (min-width:600px) and (min-height:700px){.promo_img{width:282px;}}
@media (min-width:280px) and (min-height:830px){.promo_img{width:276px;}}
@media (min-width:300px) and (min-height:830px){.promo_img{width:286px;}}
@media (min-width:320px) and (min-height:830px){.promo_img{width:300px;}}
@media (min-width:450px) and (min-height:830px){.promo_img{width:326px;}}
@media (min-width:768px){.promo_img{width:75%;}}

.row {
    z-index: -99;
    display: flex;
    animation: 200s linear ticker-to-left infinite;
}
.row:nth-child(even) {
    animation: 60s linear ticker-to-right infinite;
    justify-content: flex-end;
}
.row span {
    margin-right: 0.2em;
    font-family: sans-serif;
    color: transparent;
    font-size: 20vh;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    -webkit-text-stroke-width: 4px;
    text-stroke-width: 4px;
    -webkit-text-stroke-color: #162228;
    text-stroke-color: #162228;
    user-select: none;
}

@keyframes ticker-to-left {
    0% {transform:translate3d(0, 0, 0);}
    100% {transform:translate3d(-100%, 0, 0);}
}
@keyframes ticker-to-right {
    0% {transform:translate3d(0, 0, 0);}
    100% {transform:translate3d(100%, 0, 0);}
}