@font-face {
    font-family: 'Neue Haas Unica';
    src: url('/assets/fonts/NeueHaasUnica-Black.eot');
    src: local('Neue Haas Unica Black'), local('NeueHaasUnica-Black'),
        url('/assets/fonts/NeueHaasUnica-Black.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/NeueHaasUnica-Black.woff2') format('woff2'),
        url('/assets/fonts/NeueHaasUnica-Black.woff') format('woff'),
        url('/assets/fonts/NeueHaasUnica-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Haas Unica';
    src: url('/assets/fonts/NeueHaasUnica-ExtraLight.eot');
    src: local('Neue Haas Unica Extra Light'), local('NeueHaasUnica-ExtraLight'),
        url('/assets/fonts/NeueHaasUnica-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/NeueHaasUnica-ExtraLight.woff2') format('woff2'),
        url('/assets/fonts/NeueHaasUnica-ExtraLight.woff') format('woff'),
        url('/assets/fonts/NeueHaasUnica-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Haas Unica';
    src: url('/assets/fonts/NeueHaasUnica-Bold.eot');
    src: local('Neue Haas Unica Bold'), local('NeueHaasUnica-Bold'),
        url('/assets/fonts/NeueHaasUnica-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/NeueHaasUnica-Bold.woff2') format('woff2'),
        url('/assets/fonts/NeueHaasUnica-Bold.woff') format('woff'),
        url('/assets/fonts/NeueHaasUnica-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Neue Haas Unica';
    src: url('/assets/fonts/NeueHaasUnica-Regular.eot');
    src: local('Neue Haas Unica Regular'), local('NeueHaasUnica-Regular'),
        url('/assets/fonts/NeueHaasUnica-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/NeueHaasUnica-Regular.woff2') format('woff2'),
        url('/assets/fonts/NeueHaasUnica-Regular.woff') format('woff'),
        url('/assets/fonts/NeueHaasUnica-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html, html * {
    font-family: 'Neue Haas Unica';  
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: 'Neue Haas Unica';  
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* font-smoothing: antialiased; */
    padding-bottom: 0px !important;
}

body > div.row-fluid {
    display: flex;
    flex-flow:column;
    height: 100%;
}

@media (orientation:landscape) {
    .hide-on-landscape {
        display: none !important;
    }

    /*
    .product-small:not(.just-text) {
        height: 500px;
    }
    */
}

@media (orientation:landscape) and (max-width: 992px){

    /*
    .product .container {
        padding-top: 20px !important; 
    }
    */

}

@media (orientation:portrait) {
    .hide-on-portrait {
        display: none !important;
    }
}

@media (orientation:portrait) and  (min-width: 500px) {
    /*
    .product-small:not(.just-text) {
        height: 500px;
    }
    */
}

.border-danger {
    border: solid 2px #ff4d06 !important;
}

.was-validated .form-control:invalid, 
.form-control.is-invalid, 
.was-validated
.custom-select:invalid,
.custom-select.is-invalid {
    border-color: #ff4d06 !important;
}

.scp-ring {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 34px;
}
.scp-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 6px;
    border: 3px solid #fff;
    border-radius: 50%;
    animation: scp-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.scp-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.scp-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.scp-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

[v-cloak] {display: none}

@keyframes scp-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.scp-ring-black {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 34px;
}
.scp-ring-black div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 6px;
    border: 3px solid #000;
    border-radius: 50%;
    animation: scp-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #000 transparent transparent transparent;
}
.scp-ring-black div:nth-child(1) {
    animation-delay: -0.45s;
}
.scp-ring-black div:nth-child(2) {
    animation-delay: -0.3s;
}
.scp-ring-black div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes scp-ring-black {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.scp-ring-white {
    margin-left: 7px;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
}
.scp-ring-white div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 1px;
    border: 3px solid #000;
    border-radius: 50%;
    animation: scp-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.scp-ring-white div:nth-child(1) {
    animation-delay: -0.45s;
}
.scp-ring-white div:nth-child(2) {
    animation-delay: -0.3s;
}
.scp-ring-white div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes scp-ring-white {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.prices {
    display: none;
}

#rolley-s-poster-image-preloader { background: url('https://cdn.scooterson.com/img/scooterson-web-poster-1500x1500-01.jpg') no-repeat -9999px -9999px; } 
#aerospace-facilities-poster-image-preloader { background: url('https://cdn.scooterson.com/img/scooterson-aerospace-landscape.jpg') no-repeat -9999px -9999px; } 
#scooterson-first-wheel-image-preloader { background: url('https://cdn.scooterson.com/img/scooterson-first-stone-wheel.png') no-repeat -9999px -9999px; }
#rolley-ghost-image-preloader { background: url('https://cdn.scooterson.com/img/rolley-ghost.png') no-repeat -9999px -9999px; }
#elf-ghost-image-preloader { background: url('https://cdn.scooterson.com/img/elf-ghost.png') no-repeat -9999px -9999px; }

.text-accent {
    /*color: #ff0077 !important; */
    color: #ff4d06 !important;
}

.line {
    text-decoration: line-through;
}

.limited-width {
    max-width: 1024px !important;
}

.limited-height {
    max-height: 512px;
}

.app-store-badge {
    padding-top: 8px;
    height: 40px;
}

.google-play-badge {
    height: 48px;
}

.hbspt-form {
    margin: 0 auto; 
    padding-top: 30px;
    padding-left: 0px !important;
    width: 700px !important;
}

.hs-richtext p {
    font-size: 24px !important;
}

section a.a-full-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.href-small {
    font-family: 'Neue Haas Unica';  
    font-style: normal;
    font-weight: bold !important;
}

.href-text {
    border: none !important;
    background: none !important;
    text-align: right;
    color: white ;
    font-size: 25px;
    font-family: 'Neue Haas Unica';  
    font-style: normal;
    font-weight: normal;
    padding-top: 0px;
    padding-right: 0px;
}

.href-text-m {
    border: none !important;
    background: none !important;
    text-align: right;
    color: white ;
    font-size: 25px;
    font-family: 'Neue Haas Unica';  
    font-weight: normal;
    font-style: normal;
    padding-top: 0px;
    padding-right: 0px;
}


.href-text:hover {
    text-decoration: underline;
}

.btn-subscribe {
    min-width: 81px;
    background-color: #FC4142;
    color: white !important;
    border: solid #FA4A4A 2px !important;
    min-width: 180px;
    font-size: 20px;
    font-family: 'Neue Haas Unica';  
    font-weight: normal;
    font-style: normal;
}

.btn-subscribe:hover {
    min-width: 81px;
    background-color: #FA4A4A !important;
    color: white !important;
    border: solid #FA4A4A 2px !important;
    min-width: 180px;
    font-size: 20px;
    font-family: 'Neue Haas Unica';  
    font-weight: normal;
    font-style: normal;
}

.btn-reserve-bar {
    border: none;
    margin-left: 30px;
    height: 21px;
    width: 77px;
    background: url("https://cdn.scooterson.com/img/reserve-button-accent-4.svg") no-repeat top left;
}

.btn-tree-bar {
    border: none;
    margin-left: 30px;
    height: 21px;
    width: 77px;
}

.btn-accent {
    min-width: 81px;
    background-color: transparent;
    /* color: #ff0077 !important; */
    color: #ff4d06 !important;
    font-weight: bold;
    /*border: solid #ff0077 2px !important; */
    border: solid #ff4d06 2px !important;
}

.btn-accent-fill {
    background-color: #ff4d06;
    color: white !important;
}

.btn-accent-fill:hover {
    background-color: #ff4d06;
    color: whitesmoke !important;
}

.btn-accent.btn-sm {
    font-family: 'Neue Haas Unica';  
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
    padding-top: 1px;
    border-radius: 5px;
    height: 29px;
    min-width: 121px;
}

.btn-accent.btn-xs {
    font-family: 'Neue Haas Unica';  
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    padding-top: 0px;
    border-radius: 5px;
    height: 21px;
    text-align: center;
    width: 56px;
}

.btn-accent.btn-lg.btn-continue {
    font-size: 25px;
    padding-top: 8px;
    border-radius: 5px;
    height: 56px;
    background-color: #ff4d06 ;
    color: white !important;
    min-width: 121px;
    width: 100%;
}


.btn-accent-fill {
    background-color: #ff4d06 ;
    color: white;
}

.btn-accent i {
    color: #ff0077 !important;
}

.btn-accent:focus {
    outline: none !important;
}

a.btn-accent {
    text-decoration: none !important;
}

.btn-accent-xs {
    margin-left: 56px;
    margin-right: 8px;
    margin-top: 6px;
    height: 21px; 
    width: 74px; 
    font-size: 12px ; 
    padding-left: 4px;
    padding-top: 0px ; 
    padding-bottom: 2px;
    text-align: center;
    background-color: transparent;
    color: #ff0077 !important;
    font-weight: bold;
    border: solid #ff0077 2px !important;
}

a.href-accent {
    outline: none;
    text-decoration: none;
    color: #ff4d06 !important;
    /*color: #ff0077 !important;*/
}

a .href-accent-white {
    outline: none;
    text-decoration: none;
    color: white !important;
    /*color: #ff0077 !important;*/
}



a.href-accent i  { 
    color: #ff4d06 !important;
    /*color: #ff0077 !important;*/
}

a.href-accent-white i  { 
    color: white !important;
    /*color: #ff0077 !important;*/
}

a.href-accent span  { 
    font-weight: bold;
    color: #ff4d06 !important;
    /*color: #ff0077 !important; */
}

a.href-accent-white span{
    outline: none;
    text-decoration: none;
    color: white !important;
    /*color: #ff0077 !important;*/
}
/*
a.href-accent span {
    color: #ff4d06 !important;
    text-decoration: none;
}
*/

a.href-accent span {
    color: #ff4d06 !important;
    text-decoration: none;
}

a.href-accent:hover span {
    text-decoration: underline !important;
}

a.href-accent-white:hover span {
    text-decoration: underline !important;
}

a.href-accent p {
    color: initial;
}

a.href-accent-white p {
    color: initial;
}

a.href-accent.white  span ,
a.href-accent.white  span *,
.href-accent.white
{
    color: white !important;
}

a.href-accent.blue  span ,
a.href-accent.blue span *,
a.href-accent.blue span i.fas,
.href-accent.blue
{
    color: #00c0ff !important;
}



.horizontal-space-14 {
    height: 14px;
}

section.specs {
    padding: .5rem 1rem ;
    padding-left: 20px;
    padding-right: 20px;
}

.specs > .container > .row {
    padding-top: 40px;
    padding-bottom: 40px;
}

.specs h5 {
    font-family: 'Neue Haas Unica';  
    font-weight: bold;
    font-style: normal;
    font-size: 24px;
}

.specs h6 {
    font-family: 'Neue Haas Unica';  
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
}

.select-product h6 {
    font-family: 'Neue Haas Unica';  
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
}


.rolley-s-page p span:not(.monthly_subscription_price),
.rolley-s-page p span:not(.the_lowest_price)
.ride p span:not(.monthly_subscription_price),
.elf-overview p span:not(.monthly_subscription_price),
.elf-overview p span:not(.the_lowest_price) 
.select-product p span:not(.monthly_subscription_price),
.select-product p span:not(.the_lowest_price) {
    font-family: 'Neue Haas Unica';  
    font-weight: normal;
    font-style: normal;
    text-transform:capitalize;
}

.rolley-s-page p span.monthly_subscription_price,
.rolley-s-page p span.the_lowest_price,
.ride p span.monthly_subscription_price,
.elf-overview p span.monthly_subscription_price,
.elf-overview p span.the_lowest_price,
.select-product p span.monthly_subscription_price,
.select-product p span.the_lowest_price,
.select-product-summary p span {
    font-family: 'Neue Haas Unica';  
    font-weight: normal;
    text-transform:capitalize;
}

.specs h6 b {
    font-family: 'Neue Haas Unica';  
    font-weight: 700;
    font-size: 18px;
}

.product {
    text-align: center;
    margin-bottom: 10px;
}

.product .container {
    padding-top: 80px;
    padding-bottom: 80px;
}

.products-grid {
    padding-right: 0;
}

.carbon-inverted {
    -webkit-background-clip: text;
    color: transparent !important;
    background-repeat: repeat;
    background-image: url("/assets/img/scooterson-carbon-texture-2-inverted.jpg") !important ;
}

.one-third-opacity {
    opacity: 0.3;
    filter: alpha(opacity=30);
    transition-property: border-color;
    transition-duration: 1.2s;
    transition-delay: 1.3s;
}


.svg-inverse {
    filter: invert(100%);
}

.subscription #section1 div:nth-child(1) .product-small {
    margin-top: 10px;
    background-color: #E2E2E2;
    color: black;
}

.subscription #section1 div:nth-child(2) .product-small {
    background-color: #222222;
}

@media (min-width: 991.98px) {
    .subscription #section1 div:nth-child(2) .product-small {
        margin-top: 10px;
        background-color: #222222;
    }
}

.subscription #section4 a {
    color: #000000 ;
}

.rolley-s-page #section1 {
    background-color:#F5F5F5;
    color: black;
}

.rolley-s-page #section1 a {
    color: #0093C6;
}

.rolley-s-page #section2 {
    background: #222222;
    color: white;
}

.rolley-s-page #section2 a {
    color: #FC4142;
}

.rolley-s-page #section3 {
    /* background: #F5F5F5; */
    background: #FFFFFF;
    color: black;
}

.rolley-s-page #section3 a {
    color: #0093C6;
}

.root-new #section3a {
    /*
    padding-top: 18%;
    padding-bottom: 18%;
    */
    color: #000000;
    /*
    margin-top: -40px !important;
    background-position: bottom;
    background-size: cover;
    background-image: url("https://cdn.scooterson.com/img/Rolley-2-cityline-opt.jpg");
    */
}

.root-new #section3a1d {
    width: 100%;
    align-content: center;
    background-position: bottom;
    background-size: cover;
    background-image: url("https://cdn.scooterson.com/img/featured-in-desktop.png");
}

.root-new #section3a1m {
    padding-top: 18%;
    padding-bottom: 18%;
    color: #000000;
    /*margin-top: -40px !important; */
    background-position: bottom;
    background-size: cover;
    background-image: url("https://cdn.scooterson.com/img/featured-in-mobile.png");
}

.rolley-s-page #section4 {
    background: #EA2F2E;
    color: white;
}

.rolley-s-page #section4 a {
    color: black;
}

.rolley-s-page .product-small a {
    font-size: 19px;
}

.root-new #section4a {
    background-color: #5E5E5E;
    color: white;
}

.root-new #section4a .product-small {
    background: #707070;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiM3MDcwNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  #707070 1%, #404040 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#707070), color-stop(100%,#404040));
    background: -webkit-radial-gradient(center, ellipse cover,  #707070 1%,#404040 100%);
    background: -o-radial-gradient(center, ellipse cover,  #707070 1%,#404040 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #707070 1%,#404040 100%);
    background: radial-gradient(ellipse at center,  #707070 1%,#404040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#404040',GradientType=1 );
}

.root-new #section4a .product-small a {
    color: #00BAFF;
}


.rolley-s-page #section5 div .product-small:after {
    content: "";
    display: block;
    padding-bottom: 90%;
}

.rolley-s-page #section5 div:nth-child(1) .product-small {
    background-color: #EA2F2E;
    /*background-color: #525252; */
    color: white;
}

.rolley-s-page #section5 div:nth-child(1) .product-small a {
    color: #000000;
}

.rolley-s-page #section5 div:nth-child(2) .product-small {
    background-color: #222222;
    color: white;
}

.rolley-s-page #section5 div:nth-child(2) .product-small a {
    font-family: 'Neue Haas Unica';  
    font-weight: 300;
    color: #FFFFFF;
}

.rolley-s-page #section5 div:nth-child(3) .product-small {
    background-color: #0093C6;
    color: #FFFFFF;
}

.rolley-s-page #section5 div:nth-child(3) .product-small a {
    color: #FEFF26;
}

.rolley-s-page #section5 div:nth-child(4) .product-small {
    background-color: #F6BF1C;
    color: black;
}

.rolley-s-page #section5 div:nth-child(4) .product-small a{
    color: black;
}

/* END ROOT */

.elf-overview .product-small a {
    font-size: 19px;
}

.elf-overview #section1 {
    background-color: #222222;
    color: white;
}

.elf-overview #section1 a {
    color: #FC4142;
}

.elf-overview #section2 {
    background-color: #F6BF1C;
    color: black;
}

.elf-overview #section2 a {
    color: #006CFF;
}

.elf-overview #section3 {
    background-color: #0093C6;
    color: white;
}

.elf-overview #section3 a {
    color: #EEE81A;
}

.elf-overview #section4 {
    color: white ;
}

.elf-overview #section4 .product-small{
    background-color: #EA2F2E;
}

.elf-overview #section4 a {
    color: #000000 ;
}

.elf-overview #section5 {
    background-color: #5E5E5E;
    color: white;
}

.elf-overview #section5 a {
    color: #00BAFF;
}

.elf-overview #section6 {
    color: white;
}

.elf-overview #section6 a {
    color: #FC4142;
}

.elf-overview #section6 .product-small{
    background-color: #222222;
}

.elf-overview #section7 {
    background-color: #EA2F2E;
    color: white;
}

.elf-overview #section7 a {
    color: black;
}


.elf-overview #section8 .product-small {
    background-color: #0093C6;
    color: white;
}

.elf-overview #section8 .product-small a {
    color: #EEE81A;
}

.elf-overview #section9 {
    background-color: #F6BF1C;
    color: black;
}

.elf-overview #section9 a {
    color: #006CFF;
}

.elf-overview #sectionA .product-small{
    background-color: #222222;
    color: white;
}

.elf-overview #sectionA .product-small a {
    color: #FC4142;
}

.elf-overview #sectionB .product-small{
    background-color: #5E5E5E;
    color: white;
}

.elf-overview #sectionB .product-small a {
    color: #00BAFF;
}

.elf-overview #sectionC div:nth-child(1) .product-small {
    background-color: #0093C6;
    color: white;
}

.elf-overview #sectionC div:nth-child(1) .product-small a {
    color: #EEE81A;
}

.elf-overview #sectionC div:nth-child(2) .product-small {
    background-color: #F6BF1C;
    color: black;
}

.elf-overview #sectionC div:nth-child(2) .product-small a {
    color: #0063C6;
}

.elf-overview #sectionC div:nth-child(3) .product-small {
    background-color: #EA2F2E;
    color: white;
}

.elf-overview #sectionC div:nth-child(3) .product-small a {
    color: black;
}

.elf-overview #sectionC div:nth-child(4) .product-small{
    background-color: #5E5E5E;
    color: white;
}

.elf-overview #sectionC div:nth-child(4) .product-small a {
    color: #00BAFF;
}

.elf-overview #sectionC div .product-small:after {
    content: "";
    display: block;
    padding-bottom: 95%;
}

.root-new #section1  {
    /*background: #ffffff; */
}

.root-new #sectionA div:nth-child(1) .product-small {
    background-color: #FCF7F7;
}

.root-new #sectionA div:nth-child(2) .product-small {
    background-color: #F7FCFE;
    color: white;
}

.root-new #sectionA div:nth-child(2) .product-small a {
    color: #000000;
}

.root-new #sectionA div:nth-child(3) .product-small {
    background-color: #F7F7F5 ;
    color: black;
}

.root-new #sectionA div:nth-child(3) .product-small a {
    color: #006CFF;
}

.root-new #sectionA div:nth-child(4) .product-small{
    background-color: #F2FAF7;
    color: white;
}

.root-new #sectionA div:nth-child(4) .product-small a {
    color: #FC4142;
}

.root-new #sectionA div .product-small:after {
    content: "";
    display: block;
    padding-bottom: 90%;
}

.root-new #section7 {
    background-color: #F0F0F0;
}

.root-new #section9a div:nth-child(1) .product-small {
    background-color: #0093C6;
    color: white;
}

.root-new #section9a div:nth-child(2) .product-small {
    background-color: #0093C6;
    color: white;
}

.root-new #section9a a {
    font-family: 'Neue Haas Unica';  
    font-weight: 300;
    color: #FEFF26;
}

.root-new #section6a div:nth-child(1) .product-small {
    background: #707070;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiM3MDcwNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  #707070 1%, #404040 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#707070), color-stop(100%,#404040));
    background: -webkit-radial-gradient(center, ellipse cover,  #707070 1%,#404040 100%);
    background: -o-radial-gradient(center, ellipse cover,  #707070 1%,#404040 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #707070 1%,#404040 100%);
    background: radial-gradient(ellipse at center,  #707070 1%,#404040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#404040',GradientType=1 );
}


.root-new #sectionD div:nth-child(2) .product-small {
    background: #d03437;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkMDM0MzciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2ExNTI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  #d03437 0%, #7a1525 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d03437), color-stop(100%,#7a1525));
    background: -webkit-radial-gradient(center, ellipse cover,  #d03437 0%,#7a1525 100%);
    background: -o-radial-gradient(center, ellipse cover,  #d03437 0%,#7a1525 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #d03437 0%,#7a1525 100%);
    background: radial-gradient(ellipse at center,  #d03437 0%,#7a1525 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d03437', endColorstr='#7a1525',GradientType=1 );
    /*
    background-position: center;
    background-size: cover;
    background-image: url("https://cdn.scooterson.com/img/scooterson\ phone\ notification.jpg");
    */

    color: white;

}


.root-new #sectionD div:nth-child(1) .product-small {
    background: #d03437;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkMDM0MzciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2ExNTI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  #d03437 0%, #7a1525 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d03437), color-stop(100%,#7a1525));
    background: -webkit-radial-gradient(center, ellipse cover,  #d03437 0%,#7a1525 100%);
    background: -o-radial-gradient(center, ellipse cover,  #d03437 0%,#7a1525 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #d03437 0%,#7a1525 100%);
    background: radial-gradient(ellipse at center,  #d03437 0%,#7a1525 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d03437', endColorstr='#7a1525',GradientType=1 );

    color: white;
}

.root-new #sectionD a {
    font-family: 'Neue Haas Unica';  
    font-weight: 300;
    color: #FEFF26;
}

.root-new #sectionF div:nth-child(2) .product-small {
    background-color: white;

}


.root-new #sectionF div:nth-child(1) .product-small {
    background-color: white;
}

.root-new #sectionF a {
    font-family: 'Neue Haas Unica';  
    font-weight: 300;
    color: #FEFF26;
}



.root-new #sectionE div:nth-child(2) .product-small {
    background-color: transparent;
    color: white;
}

.root-new #sectionE div:nth-child(1) .product-small {
    background: #024e84;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMjRlODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAyNjUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  #024e84 0%, #002653 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#024e84), color-stop(100%,#002653));
    background: -webkit-radial-gradient(center, ellipse cover,  #024e84 0%,#002653 100%);
    background: -o-radial-gradient(center, ellipse cover,  #024e84 0%,#002653 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #024e84 0%,#002653 100%);
    background: radial-gradient(ellipse at center,  #024e84 0%,#002653 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024e84', endColorstr='#002653',GradientType=1 );

    color: white;
}

.root-new #sectionE a {
    font-family: 'Neue Haas Unica';  
    font-weight: 300;
    color: #FEFF26;
}


.root-new #section9b div .product-small:after {
    content: "";
    display: block;
    padding-bottom: 90%;
}

.root-new #section9b div:nth-child(1) .product-small {
    background: linear-gradient(138.1deg, #3CB9E0 17.31%, #25ABD6 86.69%);
    /*background-color: #525252; */
    color: white;
}

.root-new #section9b div:nth-child(1) .product-small a {
    color: #000000;
}

.root-new #section9b div:nth-child(2) .product-small {
    background: linear-gradient(162.28deg, #566082 12.11%, #373F5E 87.48%);
    color: white;
}

.root-new #section9b div:nth-child(2) .product-small a {
    font-family: 'Neue Haas Unica';  
    font-weight: 300;
    color: #FFFFFF;
}

.root-new #section9b div:nth-child(3) .product-small {
    background: linear-gradient(137.21deg, #4198E8 14.47%, #2E64E7 82.81%);
    color: #FFFFFF;
}

.root-new #section9b div:nth-child(3) .product-small a {
    color: #FEFF26;
}

.root-new #section9b div:nth-child(4) .product-small {
    background: linear-gradient(134.04deg, #C8E2E7 19.47%, #B9CED2 88.98%);
    color: black;
}

.root-new #section9b div:nth-child(4) .product-small a{
    color: black;
}


.rolley-2-page #section1 {
    padding-top: 18%;
    padding-bottom: 18%;
    color: #000000;
    margin-top: -40px !important;
    background-position: bottom;
    background-size: cover;
    background-image: url("https://cdn.scooterson.com/img/Rolley-2-cityline.jpg");
}

.rolley-2-page #section9a div:nth-child(1) .product-small {
    background-color: #0093C6;
    color: white;
}

.rolley-2-page #section9a div:nth-child(2) .product-small {
    background-color: #0093C6;
    color: white;
}

.rolley-2-page #section9a a {
    font-family: 'Neue Haas Unica';  
    font-weight: 300;
    color: #FEFF26;
}

.rolley-2-page #section9b div .product-small:after {
    content: "";
    display: block;
    padding-bottom: 90%;
}

.rolley-2-page #section9b div:nth-child(1) .product-small {
    background-color: #f4ae7a;
    /*background-color: #525252; */
    color: white;
}

.rolley-2-page #section9b div:nth-child(1) {
    color: black;
}

.rolley-2-page #section9b div:nth-child(1) .product-small a {
    color: #0098B5;
}

.rolley-2-page #section9b div:nth-child(2) .product-small {
    background-color: #b6b8ab;
    color: black;
}

.rolley-2-page #section9b div:nth-child(2) .product-small a {
    font-family: 'Neue Haas Unica';  
    font-weight: 400;
    color: #FC4142;
}

.rolley-2-page #section9b div:nth-child(3) .product-small {
    background-color: #488f91;
    color: #FFFFFF;
}

.rolley-2-page #section9b div:nth-child(3) .product-small a {
    color: #FEFF26;
}

.rolley-2-page #section9b div:nth-child(4) .product-small {
    background-color: #fde3c8;
    color: black;
}

.rolley-2-page #section9b div:nth-child(4) .product-small a {
    color: #0098B5;
}

.rolley-2-page #section9 {
    background-color: #222222;
    color: white;
}

.tree-page #section1 {
    color: #000000;
    background-position: bottom;
    background-size: cover;
    height: 100%;
    background-image: url("https://cdn.scooterson.com/img/scooterson-tree.jpg");
}

.tree-page #section9 .product-small {
    background-color: white;
    color: black;
}

.tree-page #section9 .product-small a {
    color: black;
}


.tree-page #section9a div:nth-child(1) .product-small {
    background-color: #0093C6;
    color: white;
}

.tree-page #section9a div:nth-child(2) .product-small {
    background-color: #0093C6;
    color: white;
}

.tree-page #section9a a {
    font-family: 'Neue Haas Unica';  
    font-weight: 300;
    color: #FEFF26;
}

.tree-page #section9b div .product-small:after {
    content: "";
    display: block;
    padding-bottom: 90%;
}

.tree-page #section9b div:nth-child(1) .product-small {
    background: linear-gradient(137.21deg, #4198E8 14.47%, #2E64E7 82.81%);
    /*background-color: #525252; */
    color: white;
}

.tree-page #section9b div:nth-child(1) {
    color: black;
}

.tree-page #section9b div:nth-child(1) .product-small a {
    color: #0098B5;
}

.tree-page #section9b div:nth-child(2) .product-small {
    background: linear-gradient(138.1deg, #3CB9E0 17.31%, #25ABD6 86.69%);
    color: black;
}

.tree-page #section9b div:nth-child(2) .product-small a {
    font-family: 'Neue Haas Unica';  
    font-weight: 400;
    color: #FC4142;
}

.tree-page #section9b div:nth-child(3) .product-small {
    background-color: #488f91;
    color: #FFFFFF;
}

.tree-pagee #section9b div:nth-child(3) .product-small a {
    color: #FEFF26;
}

.tree-page #section9b div:nth-child(4) .product-small {
    background-color: #fde3c8;
    color: black;
}

.tree-page #section9b div:nth-child(4) .product-small a {
    color: #0098B5;
}

.tree-page #section9 {
    background-color: white;
    color: white;
}

.ride #section1  {
    background-color: #222222;
    color: white;
}

.ride .product-small a {
    font-size: 19px;
}

.ride #section1 a {
    color: #FC4142;
}

.ride #section2 .product-small {
    background-color: #0093C6;
    color: white;
}

.ride #section2 .product-small a {
    color: #EEE81A;
}

.ride #section3 .product-small{
    background-color: #222222;
    color: white;
}

.ride #section3 .product-small a {
    color: #FC4142;
}

.ride #section4 .product-small{
    color: white;
    background-color: #EA2F2E;
}

.ride #section4 a {
    color: #000000 ;
}

.ride #section5 .product-small{
    color: black;
    background-color: #F6BF1C;
}

.ride #section5 a {
    color: #006CFF ;
}

.elf-why .product-small a {
    font-size: 19px;
}

.elf-why #section1 {
    background-color: #5E5E5E;
    color: white;
}

.elf-why #section1 a {
    color: #00BAFF;
}

.elf-why #section2 {
    background-color: #F6BF1C;
    color: black;
}

.elf-why #section2 a {
    color: #006CFF;
}

.elf-why #section3 {
    background-color: #222222;
    color: white;
}

.elf-why #section3 a {
    color: #EA2F2E;
}

.elf-why #section4 {
    color: white ;
}

.elf-why #section4 .product-small{
    background-color: #EA2F2E;
}

.elf-why #section4 a {
    color: #000000 ;
}

.elf-why #section5 {
    background-color: #0093C6;
    color: white;
}

.elf-why #section5 a {
    color: #EEE81A;
}

.elf-why #section6 {
    color: white;
}

.elf-why #section6 a {
    color: #FC4142;
}

.elf-why #section6 .product-small{
    background-color: #222222;
}

.elf-why #section7 {
    background-color: #F6BF1C;
    color: black;
}

.elf-why #section7 a {
    color: #006CFF;
}

.elf-why #section8 .product-small {
    background-color: #0093C6;
    color: white;
}

.elf-why #section8 .product-small a {
    color: #EEE81A;
}

.elf-why #section9 {
    background-color: #EA2F2E;
    color: white;
}

.elf-why #section9 a {
    color: black;
}

.elf-why #sectionA .product-small{
    background-color: #5E5E5E;
    color: white;
}

.elf-why #sectionA .product-small a {
    color: #F64041;
}

.elf-why #sectionB .product-small{
    background-color: #222222;
    color: white;
}

.elf-why #sectionB .product-small a {
    color: #00BAFF;
}

.elf-why #sectionC div:nth-child(1) .product-small {
    background-color: #0093C6;
    color: white;
}

.elf-why #sectionC div:nth-child(1) .product-small a {
    color: #EEE81A;
}

.elf-why #sectionC div:nth-child(2) .product-small {
    background-color: #F6BF1C;
    color: black;
}

.elf-why #sectionC div:nth-child(2) .product-small a {
    color: #006CFF;
}

.elf-why #sectionC div:nth-child(3) .product-small {
    background-color: #EA2F2E;
    color: white;
}

.elf-why #sectionC div:nth-child(3) .product-small a {
    color: #000000;
}

.elf-why #sectionC div:nth-child(4) .product-small{
    background-color: #222222;
    color: white;
}

.elf-why #sectionC div:nth-child(4) .product-small a {
    color: #00BAFF;
}

.elf-why #sectionC div .product-small:after {
    content: "";
    display: block;
    padding-bottom: 95%;
}

#for-office-buildings img {
    margin-bottom:20px;
    width: 600px !important;
}

.for-office-buildings-banner {
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -10%;
    background-position: 50% 50%;
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    background-image: url("https://cdn.scooterson.com/img/scooterson-tree.jpg") ;
}

.banner .banner-text {
    padding: 20% 0;
    color: #eee;
    text-align: center;
    position: relative;
    z-index: 1;
    width: 100%;
    font-family: sans-serif;
}

.product-small {
    margin: 0 0 10px 0 ;
    text-align: center;
    background-position:center;
    background-size:contain, cover;
    background-repeat:no-repeat; 
    padding-left: 10px;
    padding-right: 10px;
}

.product-small figure {
    margin: 0px;
    width: 100%;
    height:480px;
    background-size: 480px 480px;
}

.specs figure {
    margin: 0px;
    width: 100%;
    height:480px;
    background-size: 480px 480px;
}

.specs figure.image-scooterson-rolley-dimensions {
    margin: 0px;
    width: 100%;
    height:480px;
    background-size: 480px 480px;
}

.specs figure.image-scooterson-rolley-front-profile {
    margin: 0px;
    width: 100%;
    height:480px;
    background-size: 480px 480px;
}


.product-small > div {
    padding-left: 10px;
    padding-right: 10px;
}

/*
.product-small.elf-img-wrapper {
   height: 500px; 
}
*/

.product-high {
    margin: 0 0 10px 0 ;
    text-align: center;
    background-position:center;
    background-size:contain, cover;
    background-repeat:no-repeat; 
    padding-left: 10px;
    padding-right: 10px;
}

.product-small img.img-fluid {
    max-height: 600px;
}

@media (min-width: 576px) {

    .products-grid {
        padding-right: 10px;
    }

    .product-small {
        margin: 0 0 10px 10px;
        padding-left: 0;
        padding-right: 0;
    }

    .product-wide h1,
    .product-small h1 {
        font-size: 50px;
        font-family: 'Neue Haas Unica';  
        font-weight: 900;
        -webkit-background-clip: text;
        color: transparent !important;
        background-repeat: repeat;
        background-image: url("/assets/img/scooterson-carbon-texture-2.jpg");
    }

    .product-wide h1.inverted,
    .product-small h1.inverted {
        font-size: 50px;
        font-family: 'Neue Haas Unica';  
        font-weight: 900;
        -webkit-background-clip: text;
        color: transparent !important;
        background-repeat: repeat;
        background-image: url("/assets/img/scooterson-carbon-texture-2-inverted.jpg");
    }

    .product-wide h1 span.text-accent,
    .product-small h1 span.text-accent {
        font-size: 50px;
        font-family: 'Neue Haas Unica';  
        font-weight: 900;
        color: #ff0077 !important;
    }

    .product-wide h1.medium,
    .product-small h1.medium {
        font-size: 45px;
        font-family: 'Neue Haas Unica';  
        font-weight: 900;
        font-style: normal;
        -webkit-background-clip: text;
        color: transparent !important;
        background-repeat: repeat;
        background-image: url("/assets/img/scooterson-carbon-texture-2.jpg");
    }

    .product-wide h1.medium span.text-accent,
    .product-small h1.medium span.text-accent {
        font-size: 45px;
        font-family: 'Neue Haas Unica';  
        font-weight: 900;
        font-style: normal;
        color: #ff0077 !important;
    }

}

@media (max-width: 320px) {

    table tr.friend td:nth-child(2) {
        max-width: 90px !important;
    }
    
    .product .container {
        padding-top: 10% !important ;
        padding-bottom: 60px ;
    }

    section#elf-select label p {
        font-size: 12px !important;
    }

    .rolley-2-page #section1 h1.medium {
        font-size: 25px !important;
    }

    .href-text-m,
    .fa-chevron-right {
        font-size: 18px !important;
    }

    .rolley-2-page #section1 a.href-accent span,
    .root-new #section3a a.href-accent span {
        font-size: 18px !important;
    }

}

@media (max-width: 400px) {
    
    table tr.friend td:nth-child(2) {
        max-width: 120px;
    }

    #elf-select #model .row.product-radio-wrapper input[type="radio"].btn-radio + label {
        height: 120px !important;
    }

    .rolley-2-page #section1 {
        height: 100%;
    }

    .product-small figure {
        margin: 0px;
        width: 100%;
        height:320px;
        background-size: 320px 320px;
    }

    .specs figure {
        margin: 0px;
        width: 100%;
        height:320px !important;
        background-size: 320px 320px;
    }

    .specs .logo {
        height: 15px;
    }

    .specs {
        font-size: 11px;
    }

    .specs {
        padding-left: 0px;
        padding-right: 0px;
    }

    #for-office-buildings img {
        margin-bottom:20px;
        max-width: 100%;
    }

}

@media (min-width:401px) and (max-width: 576px) {
    
    table tr.friend td:nth-child(2) {
        max-width: 160px;
    }

    .rolley-2-page #section1 {
        height: 100%;
    }

    .product-small figure {
        margin: 0px;
        width: 100%;
        height:380px;
        background-size: 380px 380px;
    }

    .specs figure {
        margin: 0px;
        width: 100%;
        height: 420px !important;
        background-size: 420px 420px;
    }

    .specs .logo {
        height: 18px;
    }

    .specs {
        font-size: 14px;
    }

}


@media (min-width: 768px) and (max-width: 991.98px) {
    
    table tr.friend td:nth-child(2) {
        max-width: 160px !important;
    }
    
    .higher-on-portrait {
        height: 500px !important;
    }
}

@media (max-width: 767.98px) {

    .higher-on-portrait {
        height: 414px !important;
    }

    .product.reddot .higher-on-portrait {
        height: 214px !important;
    }

}

@media (max-width: 576px) {

    .rolley-2-page h1.medium {
        font-size: 30px !important;
        font-family: 'Neue Haas Unica';  
        font-weight: 700;
    }

    /*
    .rolley-2-page #section1 {
        padding-top: 8% !important;
        padding-bottom: 8% !important;
    }
    */

    #for-office-buildings img {
        margin-bottom:20px;
        width: 100% !important;
    }

    .product-small {
        padding-left: 0;
        padding-right: 0;
    }

    .product-wide h1,
    .product-small h1 {
        font-size: 36px;
        font-family: ''; 
        font-weight: 900;
        letter-spacing: -.03em; 
        line-height: 36px;
        padding-bottom: 8px;
        -webkit-background-clip: text;
        color: transparent !important;
        background-repeat: repeat;
        background-image: url("/assets/img/scooterson-carbon-texture-2.jpg");
    }

    .product-wide h1.inverted,
    .product-small h1.inverted {
        font-size: 36px;
        font-family: 'Neue Haas Unica'; 
        font-weight: 900;
        letter-spacing: -.03em; 
        line-height: 36px;
        -webkit-background-clip: text;
        color: transparent !important;
        background-repeat: repeat;
        background-image: url("/assets/img/scooterson-carbon-texture-2-inverted.jpg");
    }

    .product-wide h1 span.text-accent,
    .product-small h1 span.text-accent {
        font-size: 36px;
        font-family: 'Neue Haas Unica'; 
        font-weight: 900;
        letter-spacing: -.03em; 
        line-height: 36px;
        color: #ff0077 !important;
    }

    .product-small h1 span {
        font-size: 46px !important;
        font-family: 'Neue Haas Unica'; 
        font-weight: 900;
        letter-spacing: -.03em; 
        line-height: 52px;
        padding-bottom: 8px;
    }

    .product-wide h1.medium,
    .product-small h1.medium {
        font-size: 46px !important;
        font-family: 'Neue Haas Unica'; 
        font-weight: 900;
        font-style: normal;
        letter-spacing: -.03em; 
        line-height: 46px !important;
        -webkit-background-clip: text;
        color: transparent !important;
        background-repeat: repeat;
        background-image: url("/assets/img/scooterson-carbon-texture-2.jpg");
    }

    .product-wide h1.medium span.text-accent,
    .product-small h1.medium span.text-accent {
        font-size: 36px;
        font-family: 'Neue Haas Unica'; 
        font-weight: 900;
        font-style: normal;
        letter-spacing: -.03em; 
        line-height: 36px;
        color: #ff0077 !important;
    }

    .select-product h6 {
        font-family: 'Neue Haas Unica';  
        font-weight: 500;
        font-size: 12px;
    }

    .product .container {
        padding-top: 10% ;
        padding-bottom: 20px;
    }

}

.product.rolley-s {
    background-color: #F5F4F2;
}

.product.rolley-2 {
    background-color: #FFF9F5;
}

.product.elf {
    background-color: #F7F8F8;
}

.product.scootpack {
    background-color: #FDFFF7;
}

.product.surfeus {
    background-color: #F7FCFE;
}

.root-new #section1.product.unique {
    /*background: #FEDBC7;*/
    /* background: #FFD6C0 ; */ 
}

.product.runner {
    background-color: rgb(241,242,246);
}

.product.extension {
    background-color: rgb(194,245,254);
}

.product.reddot {
    background-color: rgb(224,224,224);
}

.product.reddot .product-small img.img-fluid {
    height: 449px;
    width: 500px;
}

.product.aerospace {
    padding-top: 300px;
    padding-bottom: 300px;
}

.product.aerospace h2 {
    font-size: 20px;
}

.product.wheel {
    background-color: rgb(224,224,224);
}

@media (max-width: 576px) {

    .hbspt-form {
        margin: 0 auto; 
        padding-top: 50px;
        padding-left: 24px !important;
        max-width: 100%;
    }

    .specs figure.image-scooterson-rolley-dimensions {
        margin: 0px;
        width: 100%;
        height:340px !important;
        background-size: 340px 340px !important;
    }

    .specs figure.image-scooterson-rolley-front-profile {
        margin: 0px;
        width: 100%;
        height:340px !important;
        background-size: 340px 340px !important;
    }


    .root-new #section1.product.unique {
        /* background: #FFD6C0; */
    }

    .product.aerospace {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .product.aerospace h2 {
        font-size: 18px;
    }

    .product-wide p,
    .product-small p,
    .product-high p {
        font-size: 20px !important;
        font-family: 'Neue Haas Unica';  
        font-weight: 300;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .ride p span:not(.monthly_subscription_price),
    .elf-overview p span:not(.monthly_subscription_price),
    .elf-overview p span:not(.the_lowest_price) 
    .select-product p span:not(.monthly_subscription_price),
    .select-product p span:not(.the_lowest_price) {
        font-family: 'Neue Haas Unica';  
        font-weight: normal;
        font-size: 15px;
        text-transform:capitalize;
    }

    .ride p span.monthly_subscription_price,
    .elf-overview p span.monthly_subscription_price,
    .elf-overview p span.the_lowest_price,
    .select-product p span.monthly_subscription_price,
    .select-product p span.the_lowest_price,
    .select-product-summary p span {
        font-family: 'Neue Haas Unica';  
        font-weight: normal;
        font-size: 15px;
        text-transform:capitalize;
    }

}



.product.fighter {
    background-color: #ffffff;
}

h1.scooterson-text {
    padding-bottom: 12px;
}

.product-wide h1,
.product-small h1 {
    font-size: 50px;
    font-family: 'Neue Haas Unica'; 
    font-weight: 900;
    letter-spacing: -.03em; 
    line-height: 52px;
    padding-bottom: 8px;
    -webkit-background-clip: text;
    color: transparent !important;
    background-repeat: repeat;
    background-image: url("/assets/img/scooterson-carbon-texture-2.jpg");
}

.product-wide h1.inverted,
.product-small h1.inverted {
    font-size: 50px;
    font-family: 'Neue Haas Unica'; 
    font-weight: 900;
    letter-spacing: -.03em; 
    line-height: 52px;
    padding-bottom: 8px;
    -webkit-background-clip: text;
    color: transparent !important;
    background-repeat: repeat;
    background-image: url("/assets/img/scooterson-carbon-texture-2-inverted.jpg");
}

/*
.product-wide h1.medium,
.product-small h1.medium {
    font-size: 40px;
    font-family: 'Neue Haas Unica' !important;
    font-weight: 700;
    -webkit-background-clip: text;
    color: transparent !important;
    background-repeat: repeat;
    background-image: url("/assets/img/scooterson-carbon-texture-2.jpg");
}
*/


.product-small h1.medium {
    font-size: 50px;
    font-family: 'Neue Haas Unica'; 
    font-weight: 900;
    font-style: normal;
    letter-spacing: -.03em; 
    line-height: 52px;
    padding-bottom: 8px;
    -webkit-background-clip: text;
    color: transparent !important;
    background-repeat: repeat;
    background-image: url("/assets/img/scooterson-carbon-texture-2.jpg");
}

/*
.product-wide h1.medium span.text-accent,
.product-small h1.medium span.text-accent {
    font-size: 40px;
    font-family: 'Neue Haas Unica';  
    font-weight: 700;
    color: #ff0077 !important;
}
*/

.product-small h1 span {
    font-size: 50px;
    font-family: 'Neue Haas Unica'; 
    font-weight: 900;
    letter-spacing: -.03em; 
    line-height: 52px;
    padding-bottom: 8px;
}

.product-wide h1.medium span.text-accent,
.product-small h1.medium span.text-accent {
    font-size: 50px;
    font-family: 'Neue Haas Unica'; 
    font-weight: 900;
    font-style: normal;
    letter-spacing: -.03em; 
    line-height: 52px;
    padding-bottom: 8px;
    color: #ff0077 !important;
}

/*
.product-wide h1 span.text-accent,
.product-small h1 span.text-accent {
    font-size: 40px;
    font-family: 'Neue Haas Unica';
    font-weight: 700;
    color: #ff0077 !important;
}
*/

.product-small h1 span.text-accent {
    font-size: 50px;
    font-family: 'Neue Haas Unica'; 
    font-weight: 900;
    letter-spacing: -.03em; 
    line-height: 52px;
    padding-bottom: 8px;
    color: #ff0077 !important;
}

.product-wide h2,
.product-small h2 {
    color: black;
    font-size: 32px;
    font-family: 'Neue Haas Unica'; 
    font-weight: 400;
}

.product-wide h3,
.product-small h3 {
    font-size: 24px;
    font-family: 'Neue Haas Unica'; 
    font-weight: 400;
}

.product-small p * {
    font-family: 'Neue Haas Unica'; 
    font-weight: 300;
}

/*
.product-wide p,
.product-small p,
.product-high p,
p.prices {
    font-size: 17px;
    font-family: 'Neue Haas Unica', sans-serif !important;
    font-weight: 300;
    padding-left: 60px;
    padding-right: 60px;
}
*/

.sc-p-wrap p,
.sc-p-wrap ol * {
    font-family: 'Neue Haas Unica' !important; 
    font-size: 21px !important; 
    font-weight: 200;
    font-style: normal;
    letter-spacing: 1,5px; 
    line-height: 24px;
}


.sc-h-wrap h1 {
    font-size: 50px;
    font-family: 'Neue Haas Unica';
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 52px;
    -webkit-background-clip: text;
    color: transparent !important;
    background-repeat: repeat;
    background-image: url("/assets/img/scooterson-carbon-texture-2.jpg");
}


.product-wide p,
.product-small p,
.product-high p,
p.prices {
    font-family: 'Neue Haas Unica'; 
    font-size: 21px; 
    font-weight: 200;
    font-style: normal;
    letter-spacing: 1,5px; 
    line-height: 24px;
    padding-left: 60px;
    padding-right: 60px;
}


.rolley-photo-tip .col {
    font-size: 17px;
    font-family: 'Neue Haas Unica'; 
    font-weight: 300 !important;
}

.product-wide span.href-accent,
.product-small span.href-accent,
.product-wide a.href-accent span,
.product-small a.href-accent span {
    font-size: 25px;
    font-family: 'Neue Haas Unica'; 
    font-weight: bold;
    font-style: normal;
}

.product-wide a:not(.href-accent) span,
.product-small a:not(.href-accent) span {
    font-size: 17px;
    font-family: 'Neue Haas Unica'; 
    font-weight: 400;
}

.product-wide a:not(.href-accent) p,
.product-small a:not(.href-accent) p {
    font-size: 17px;
    font-family: 'Neue Haas Unica'; 
    font-weight: 400;
}


.materials-small {
    max-height: 500px;
    margin: 0 0 10px 0;
    text-align: center;
    background-position:center;
    background-size:contain, cover;
    background-repeat:no-repeat; 
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 576px) {

    .row > .col-md-6:nth-child(even) > .materials-small {
        max-height: 500px;
        margin: 0 0 0 10px ;
        text-align: center;
        background-position:center;
        background-size:contain, cover;
        background-repeat:no-repeat; 
        padding-left: 0px;
        padding-right: 0px;
    }

    .row > .col-md-6:nth-child(odd) > .materials-small {
        max-height: 500px;
        margin: 0 0px 10px 0px ;
        text-align: center;
        background-position:center;
        background-size:contain, cover;
        background-repeat:no-repeat; 
        padding-left: 0px;
        padding-right: 0px;
    }
}

.font-size-80 {
    font-family: 'Neue Haas Unica'; 
    font-weight: 700;
    font-size: 80px;
}

.font-size-80-bold {
    font-family: 'Neue Haas Unica'; 
    font-weight: 900;
    line-height: 80px;
    font-size: 80px;
}

.font-size-18 {
    font-family: 'Neue Haas Unica';  
    font-weight: 400;
    font-size: 18px;
}

.font-size-17-light {
    font-family: 'Neue Haas Unica';  
    font-weight: 300;
    font-size: 17px;
}

.font-size-17-bold {
    font-family: 'Neue Haas Unica';  
    font-weight: 700;
    font-size: 17px;
}

.font-size-17-regular {
    font-family: 'Neue Haas Unica';  
    font-weight: 400;
    font-size: 17px;
}

.font-size-16-regular {
    font-family: 'Neue Haas Unica';  
    font-weight: 400;
    font-size: 16px !important;
}

.font-size-12-regular {
    font-family: 'Neue Haas Unica';  
    font-weight: 400;
    font-size: 12px !important;
}

.font-size-13-regular {
    font-family: 'Neue Haas Unica';  
    font-weight: 400;
    font-size: 13px !important;
}

.font-size-20 {
    font-family: 'Neue Haas Unica';  
    font-weight: 400;
    font-size: 20px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-24 {
    font-family: 'Neue Haas Unica';  
    font-weight: 400;
    font-size: 24px;
}

.font-size-25-bold {
    font-family: 'Neue Haas Unica';  
    font-weight: 700;
    font-size: 25px;
}

.font-size-25-regular {
    font-family: 'Neue Haas Unica';  
    font-weight: 400;
    font-size: 25px !important;
}

.font-size-32 {
    font-family: 'Neue Haas Unica';  
    font-weight: 400;
    font-size: 32px;
}

.font-size-35-bold {
    font-family: 'Neue Haas Unica';  
    font-weight: 700;
    font-size: 35px;
    line-height: 53px;
}

.font-size-40-bold {
    font-family: 'Neue Haas Unica';  
    font-weight: 700;
    font-size: 40px;
    line-height: 53px;
}

.font-size-40-medium {
    font-family: 'Neue Haas Unica';  
    font-weight: 500;
    font-size: 40px;
    line-height: 53px;
}

.font-size-45-bold {
    font-family: 'Neue Haas Unica';  
    font-weight: 700;
    font-size: 45px;
}

.font-size-50 {
    font-family: 'Neue Haas Unica';  
    font-weight: 700;
    font-size: 50px;
}

.font-size-50-bold {
    font-family: 'Neue Haas Unica';  
    font-weight: 900;
    line-height: 50px;
    font-size: 50px;
}

.flash {
    position: fixed;
    width: 100%;
    z-index: 1;
    top: 10px;
}

.hideme {
    opacity: 0; 
    transform: translateY(3rem);
    transition: opacity 2s, transform 4s ;
} 

.hideme.visible {
    opacity: 1;
}

.full-screen-portrait {
    height: 100vh;
}

.hide-on-full-screen-portrait {
    display: none;
}

.show-on-full-screen-portrait {
    display: inherit;
}


body > div.row > .container {
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
}

.h-fill-parent {
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
}

.h-fill {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
}
main {
    position: relative;
    max-width: 2560px;
    margin: 0 auto;
}

.fadeAnimation {
    opacity: 0;
    -webkit-transition:  0.5s ease-in-out;
    -moz-transition:  0.5s ease-in-out;
    -ms-transition:  0.5s ease-in-out;
    -o-transition:  0.5s ease-in-out;
    transition:  0.5s ease-in-out;
}

.video {
    max-height: 100vh !important;
    max-width: 100vw !important;
}

.bottom ul {
    font-size: 11px;
    color: rgb(85,85,85);
    list-style-type: none;
    font-weight: bold;
}

.bottom ul > li > a{
    color: rgb(85,85,85) !important;
}

.bottom ul > a {
    text-decoration: none;
    color: rgb(85,85,85) !important;
}

.bottom ul li {
    color: rgba(0, 0, 0, 0.6);
    font-weight:normal;
}

footer {
    color: rgba(0,0,0,0.4) !important;
    background-color: rgba(242,242,242,1);
    bottom: 0px;
    width: 100%;
    font-size: 11px;
    font-weight: 400;
    border-bottom: none;
}

footer .social i {
    padding-right: 14px;
}

.animate {
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

div.g-recaptcha {
    padding-top: 2px;
    padding-left: 2px;
    border-radius: 3px;
}

footer {
    color: rgba(0,0,0,0.4) !important;
    background-color: rgba(242,242,242,1);
    bottom: 0px;
    width: 100%;
    font-size: 11px;
    font-weight: 400;
    border-bottom: none;
}

footer > .container {
    padding-bottom: 10px;
    max-width: 1024px;
}

footer a ,
footer a:hover  {
    color: rgb(85,85,85);
}

footer .language-left select {
    padding-left: 0px;
}

#jobs_wrapper button.btn-link {
    color: rgb(85,85,85);
    text-decoration: none;
    font-size: 20px;
}

.no-border {
    border: none !important;
}

select.custom-select {
    background-color: inherit !important;
    color:black;
}

button.btn-lg {
    min-width: 200px !important;
}

input[type="radio"].btn-radio + label {
    width: 100%;
    padding: 0px 10px 0px 10px;
    background-color: white;
    border: 1px solid;
    border-color: rgba(225,225,225,1);
    height: 97px;
    border-radius: 6px;
}

input[type="radio"]:not(:checked):not([disabled]).btn-radio + label:hover {
    border-color: rgba(136,136,136,1) !important;
}

input[type="radio"]:checked.btn-radio + label {
    width: 100%;
    padding: 15px 10px 15px 10px;
    background-color: white;
    border: 2px solid;
    border-color: #ff4d06;
    height: 97px;
    border-radius: 8px;
}

input[type="radio"].btn-radio  {
    opacity: 0;
    height: 0px;
}

input[type="radio"].btn-radio.btn-radio-horizontal + label {
    padding: 6px 10px 5px 10px;
    height: 56px;
}

input[type="radio"]:checked.btn-radio.btn-radio-horizontal + label {
    padding: 5px 10px 5px 10px;
}

.invalid-feedback {
    font-size: 11px;
    margin-top: 0px;
    padding-top: 4px;
    margin-bottom: 10px;
}

.invalid-feedback-with-border-top {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.custom-select.is-valid, 
.form-control.is-valid, 
.was-validated 
.custom-select:valid, 
.was-validated 
.form-control:valid {
    border-color: rgba(0, 0, 0, 0.15);
}

.custom-control-input.is-valid ~ .custom-control-label, 
.was-validated .custom-control-input:valid ~ .custom-control-label {
    color: inherit;
}

.custom-control-input.is-valid ~ .custom-control-label::before, 
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
    background-color: #dee2e6;
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before, 
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    background-color: #007bff;
    color: white;
}

input::-webkit-input-placeholder {
    color: rgb(144,144,144) !important;
    /* text-shadow: 0px 0px 3px rgba(190,190,190,0.3);*/
}

input:-moz-placeholder { /* Firefox 18- */
    color: rgb(170,170,170) !important;  
    /* text-shadow: 0px 0px 3px rgba(190,190,190,0.3);*/
}

input::-moz-placeholder {  /* Firefox 19+ */
    color: rgb(170,170,170) !important;  
    /* text-shadow: 0px 0px 3px rgba(190,190,190,0.3);*/
}

input:-ms-input-placeholder {  
    color: rgb(170,170,170) !important;  
    /* text-shadow: 0px 0px 3px rgba(190,190,190,0.3);*/
}

input.placeholder-sm:-moz-placeholder  {
    font-size: 11px !important;
}

input.placeholder-sm::-moz-placeholder {
    font-size: 11px !important;
}

input.placeholder-sm:-ms-input-placeholder{
    font-size: 11px !important;
}

input.placeholder-sm::-webkit-input-placeholder {
    font-size: 11px !important;
}

input.placeholder-sm:placeholder-shown {
    font-size: 11px !important;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset; 
}

.input-group div.input-group-append {
    background-color: white;
}

form.was-validated:invalid .input-group div.input-group-append i {
    color : #dc3545 !important;
}

.input-group div.input-group-append i {
    color : rgb(144, 144, 144) !important;
}

.input-group div.input-group-append button.btn {
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-color: rgba(0, 0, 0, 0.18) !important;
    border-left: rgba(0, 0, 0, 0.18) !important;
    /* background:transparent; */
}

.input-group div.input-group-append button.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group div.input-group-append button.btn:hover {
    cursor: pointer;
}

.sc-btn-modal-close {
    position: absolute;
    z-index: 1;
    right: 16px !important;
    top: 0px !important;
    outline: none !important; 
}

#video-player-modal.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

#video-player-modal .modal-content {
    height: 100% !important;
    background-color: black !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
    box-shadow: none;
}

.sc-big-button {
    cursor: pointer;
    color: inherit !important;
}


.sc-big-button:hover {
    border : 1px solid rgba(0,0,0,.5);
    text-decoration: none;
    color: inherit;
}

.custom-select.is-valid, 
.form-control.is-valid, 
.was-validated .custom-select:valid, 
.was-validated .form-control:valid,
input:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #ced4da !important;
    outline: 0 none !important;
}

a.no-decoration {
    text-decoration: none !important;
}

a.big-circular-flag {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    overflow: hidden;
    border-radius: 50%;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    height: 40px;
    font-size: 40px;
}

a.big-circular-flag:hover {
    text-decoration: none;
}

a.big-flag-icon {
    margin-left: 10px;
    background-position-y: 0px;
    background-position-x: -7px;
    width: 40px !important;
    background-size: 54px;
    overflow: hidden;
}

.big-flag-title {
    line-height: 12px;
}

.x-small {
    font-size : 10px;
    line-height: 10px;
}

.circular-flag {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    overflow: hidden;
    border-radius: 50%;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 20px;
}

.flag-icon {
    right: 6px;
    background-position-y: 0px;
    background-position-x: -3px;
    width: 16px !important;
    height: 16px;
    background-size: 22px;
    overflow: hidden;
    margin-top: -2px;
}

.flag-icon-xx {
    width: 22px !important;
    background-position-y: -2px;
    background-position-x: 0px !important;
    background-size: 22px;
    background-image: url(../flags/4x3/planet-earth.svg);
}

.nav-shop a[data-toggle="collapse"] {
    color: rgb(21, 127, 251) !important;
    cursor: pointer;
}


.navbar-brand img {
    height: 17px;
}

.navbar-brand {
    padding-bottom: 8px;
}

.navbar-subscribe-button {
    padding-bottom: 2px;
}

nav.navbar-base {
    /*border-bottom: 1px #DBDBDB solid; */
    border-bottom: 1px #707070 solid ;
}

nav.navbar-base2 {
    margin-bottom: 1px;
    /*background-color: #E5E5E5;*/
    /* border-top: 1px transparent solid; */
}

nav.navbar-2 {
    min-height: 50px;
    border-bottom: 1px #DBDBDB solid;
}

.navbar.navbar-light.navbar-expand-md.fixed-top {
    background-color: #ffffff;
    opacity: 0.80;
}

.navbar.navbar-light .navbar-toggler {
    /*
    color: white !important;
    border-color: white !important;
    */
    border: none !important;
}

/*
.navbar.navbar-light .navbar-toggler .navbar-toggler-icon {
    
    filter: invert(100%) !important;
    -webkit-filter: invert(100%);
    
}
*/

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

a[data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
}

a[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

.select-wrapper {
    overflow-y: hidden !important;
}

select:read-only ,
select.no-arrows {
    color: rgba(0,0,0,0.4) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';
}


/* Normal */
@media (min-width: 576px) {

    img#logo_normal {
        display: block;
    }

    img#logo_tablet {
        display: none;
    }

    img#logo_mobile {
        display: none;
    }
    

    /* Form fields */

    .StripeField--fake {
        font-size: 14px !important;
    }

    div.three-columns div:not(:first-child) {
        padding-left: 0px;
    }

    .input-vertical-grouped .two-columns:first-child div:first-child input {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 8px;
        border-top-right-radius: 0px;
        border-right: none;
    }

    .input-vertical-grouped .two-columns:first-child div:last-child input {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 8px;
    }

    .input-vertical-grouped div.form-label-group:last-of-type > input {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .input-vertical-grouped .two-columns:not(:first-child) div:first-of-type input {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-right: none;
    }

    .input-vertical-grouped .two-columns:not(:first-child) div:last-of-type input,
    .input-vertical-grouped .three-columns:not(:first-child) div.form-label-group > input {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .input-vertical-grouped .three-columns .select-wrapper:not(:last-child) {
        padding-right: 0px;
    }

    .input-vertical-grouped .three-columns .select-wrapper:not(:last-child) input:first-child {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-right: none;
    }

    /*
    .input-vertical-grouped input:not(:first-child) & input:not(:nth-child(2)),
    .input-vertical-grouped input:nth-child(2) {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }
    */

    .input-vertical-grouped .two-columns {
        border: none;
    }

    .input-vertical-grouped .two-columns div:first-child {
        padding-right: 0px;
    }

    .input-vertical-grouped .two-columns div:last-child {
        padding-left: 0px;
    }

}

/* Tablet */
@media (max-width: 991px) and (min-width: 576px) {
    /*
    footer {
        font-size: 12px;
    }
    */

    img#logo_normal {
        display: none;
    }

    img#logo_tablet {
        display: block;
    }

    img#logo_mobile {
        display: none;
    }
}


@media (max-width: 577px) {

    img#logo_normal {
        display: none;
    }

    img#logo_tablet {
        display: none;
    }

    img#logo_mobile {
        display: block;
    } 

    div.dropdown button,
    div.dropdown.show button,
    div.dropdown button:hover {
        width: 100%;
        height: 48px;
        background-color: white !important;
        color: rgb(144,144,144) !important;
        border-bottom:transparent;
        border-right: 1px solid rgba(0, 0, 0, 0.15);
        border-left: 1px solid rgba(0, 0, 0, 0.15);
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0px;
    }

    .input-vertical-grouped .two-columns:first-child > div:first-child > input {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .input-vertical-grouped .three-columns:not(:first-child) input {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .input-vertical-grouped input:last-of-type {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .product.reddot .product-small img.img-fluid {
        height: 239px;
        width: 266px;
    }

}

@media screen and (orientation:portrait) {
    .landscape {
        display: none;
    }

    .portrait {
        display: block;
    }

    .tree-page #section1 {
        background-image: url("https://cdn.scooterson.com/img/tree-charging-station-mobile.jpg") !important;
    }

    .tree-page #section9 .product-small{
        margin-top: -60px;
    }

}

@media screen and (orientation:landscape) {
    .landscape {
        display: block;
    }

    .portrait {
        display: none;
    }
}



/*
section {
    -webkit-transition:opacity .6s;
    -moz-transition:opacity .6s;
    -o-transition:opacity .6s;
    transition: opacity .6s;
}
*/

.vertical-centered {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.payment-form-wrapper {
    display: none;
}

.input-vertical-grouped input,
.payment-form-wrapper select.custom-select {
    height: 47px !important;
}

.input-vertical-grouped input {
    /* height: 47px; */
    margin-bottom: -1px;
    overflow: hidden;
}

.payment-form-wrapper select.custom-select {
    width: 100%;
    margin-bottom: -1px !important;
    overflow: hidden !important;
    border-radius: 0px !important;
}

input.form-control[readonly] {
    background-color: inherit !important;
}

.input-vertical-grouped >div.form-label-group:first-child > input {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 8px;
}

.input-vertical-grouped >div.form-label-group:not(:last-of-type):not(:first-child) > input {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.input-vertical-grouped > input:first-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.input-vertical-grouped .two-columns:not(:first-child) > div > input,
.input-vertical-grouped .two-columns > div:not(:first-child) > input {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.input-vertical-grouped > div.input-group input:first-child {
    border-right: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0px;
}

.input-vertical-grouped div:last-child#card-element {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
}

.input-vertical-grouped div.input-group-append button.btn {
    border-left: none;
    background: transparent;
    margin-left: 1px;
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 0px !important;
}

form.was-validated:invalid .input-vertical-grouped div.input-group-append button.btn {
    border-left: none;
    background: transparent;
    margin-left: 1px;
    border-color: #dc3545 !important;
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 0px !important;
}

/* FROM BOOTSRTRAP STUDIO */

.navbar-first .navbar-nav .nav-link.disabled {
    cursor: default;
    color: whitesmoke;
}

.navbar-first .navbar-nav .nav-link {
    text-align: right;
    margin-left: 56px;
    color: white;
    font-size: 16px !important;
}

.navbar-first .navbar-nav .nav-link.disabled {
    color: gray !important;
    font-size: 16px !important;
}

.navbar-first .navbar-nav .nav-link:hover {
    color: whitesmoke;
}

.navbar-2 .navbar-nav .nav-link {
    color: black;
    padding-top: 8px !important; 
    font-size: 12px !important;
    text-align: right;
    margin-left: 16px;
}

.navbar-2.navbar-collapse.collapsed {
    padding-right: 10px !important;
}

.navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
}

.navbar-toggler:enabled {
    margin-right: -1px !important;
    /*margin-right: 4px !important;*/
}

.nav-button {
    margin-right: -2px !important;
    /*padding-right: 4px !important;*/
}


.StripeElement {
    background-color: white;
    /*padding: 9px 9px;*/
    height: 48px;
    padding: 14px 24px;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.StripeElement--focus {
    border-color: rgb(58,149,251) !important;
}

.StripeElement--invalid {
    border-color: #dc3545 !important;
}

.StripeElement--webkit-autofill {
    background-color: white !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes void-animation-out {
    0%,
    to {
        opacity: 1;
    }
}

.billing_address_wrapper {
    padding-top: 10px;
    display: none;
}

.order-summary-wrapper {
    margin-top: 20px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.sc-lite-gray {
    background-color: rgb(250, 250, 250);
} 

.sc-lite-gray-column:after {
    content: "";
    display: block;
    width: 300%;
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: -180px;
    z-index: -1;
    background-color: rgb(250, 250, 250);
}



.sc-payment-container.submitted form,
.sc-payment-container.submitting div.payment-wrapper {
    opacity: 0;
    transform: scale(0.9);
    pointer-events: none;
}

.sc-payment-container.submitted .success,
.sc-payment-container.submitting .success,
.sc-payment-container.submitting .processing {
    pointer-events: all;
}

.sc-payment-container.submitting .success .icon,
.sc-payment-container.submitting .processing .icon {
    opacity: 1;
}

.sc-payment-container.submitted .success > * {
    opacity: 1;
    transform: none !important;
}

.sc-payment-container.submitted .success > :nth-child(2) {
    transition-delay: 0.1s;
}

.sc-payment-container.submitted .success > :nth-child(3) {
    transition-delay: 0.2s;
}

.sc-payment-container.submitted .success > :nth-child(4) {
    transition-delay: 0.3s;
}

.sc-payment-container.submitted .success .icon .border,
.sc-payment-container.submitted .success .icon .checkmark {
    opacity: 1;
    stroke-dashoffset: 0 !important;
}

.sc-payment-container .success,
.sc-payment-container .processing {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    pointer-events: none;
    overflow: hidden;
}

.sc-payment-container .success > *,
.sc-payment-container .processing > * {
    transition-property: opacity, transform;
    transition-duration: 0.35s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    transform: translateY(50px);
}

.sc-payment-container.submitting .processing > * {
    transition-property: opacity, transform;
    transition-duration: 0.35s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 1;
    transform: translateY(50px);
}

.sc-payment-container .success .icon,
.sc-payment-container .processing .icon {
    margin: 15px 0 30px;
    transform: translateY(70px) scale(0.75);
}

.sc-payment-container .success .icon svg
.sc-payment-container .processing .icon svg {
    will-change: transform;
}

.sc-payment-container .success .icon .border,
.sc-payment-container .processing .icon .border {
    stroke-dasharray: 251;
    stroke-dashoffset: 62.75;
    transform-origin: 50% 50%;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: spin 1s linear infinite;
}

.sc-payment-container .success .icon .checkmark,
.sc-payment-container .processing .icon .checkmark {
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
}

.sc-payment-container .success .title,
.sc-payment-container .processing .title {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 8px;
}

.sc-payment-container .success .message,
.sc-payment-container .processing .message{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 25px;
    line-height: 1.6em;
}

.sc-payment-container .success .message span,
.sc-payment-container .processing .message span {
    font-size: inherit;
}

.sc-payment-container .success .icon .border,
.sc-payment-container .processing .icon .border {
    stroke: rgb(31,182,252);
}

.sc-payment-container .success .icon .checkmark,
.sc-payment-container .processing .icon .checkmark {
    stroke: rgb(31,182,252);
}

.sc-payment-container .success .title,
.sc-payment-container .processing .title {
    color: rgb(31,182,252);
}

.sc-payment-container .success .message,
.sc-payment-container .processing .message {
    color: rgb(31,182,252);
}

@supports((-webkit-backdrop-filter:initial) or (backdrop-filter: initial)) {

    .navbar.navbar-black {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(34, 34, 34, 0.8);
    }

    .navbar.navbar-white {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(255, 255, 255, 0.8);
    }
}

@supports not ((-webkit-backdrop-filter:initial) or (backdrop-filter: initial)) {
    .navbar.navbar-black {
        background-color: rgba(34, 34, 34, 0.97);
    }

    .navbar.navbar-white {
        background-color: rgba(255, 255, 255, 0.97);
    }

}

.rotate {
    -webkit-animation:spin 10s infinite;
    -moz-animation:spin 10s infinite;
    animation:spin 10s infinite;
    transition-timing-function: ease-in;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }