#storage_plans,#storage_plans * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: AlbertaSans,Roboto,sans-serif;
    color: #242424;
    letter-spacing: 0.1px;
}

#storage_plans {
    background: url(/images/landing/blobs/blob_12.png),
       url(/images/landing/blobs/blob_9.png),
       url(/images/landing/blobs/blob_10.png),
       url(/images/landing/blobs/blob_11_white.png);
    background-repeat: no-repeat;
    background-position-y: -250px, -100px, 900px, 500px;
    background-position-x: max(-500px, calc(((100vw - 1370px) / 2) - 550px)),
       min((100% + 670px), calc(((100vw - 1370px) / 2) - 670px + 1370px)),
       max(-520px, calc(((100vw - 1370px) / 2) - 520px)),
       min((100% + 200px), calc(((100vw - 1370px) / 2) - 200px + 1370px));
}

#storage_plans h1 {
    font-weight: 900 !important;
    font-size: 28px;
    line-height: 38px;
    max-width: 900px;
    text-align: center;
    margin: auto;
    padding: 0 20px;
    padding-top: 55px;
    padding-bottom: 40px;
}
html[lang="EN"] #storage_plans h1 {
    max-width: 1100px;
}
#storage_plans h2 {
    font-weight: 700!important;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    padding: 0 20px
}

@media only screen and (max-width: 580px) {
    #storage_plans #plan_cards_wrapper .plan_cards.collapsed {
        max-height:unset
    }

    #storage_plans #see_more {
        display: none
    }
}

#storage_plans .monthly .annualinpricepage,#storage_plans .annual .monthlyinpricepage {
    display: none!important
}

.plan_filter {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1160px;
    padding: 0 0 20px;
    margin: auto
}

.plan_check_wrapper {
    margin-top: auto;
    display: none
}

.plan_check_wrapper input[type=checkbox]+label {
    margin: 0;
    background-color: transparent;
    font-weight: 500!important
}

.plan_check_wrapper input[type=checkbox]:checked+label {
    font-weight: 700;
    font-weight: 700!important
}

.plan_toggle_info {
    display: flex;
    height: 35px;
    align-items: flex-end;
    justify-content: flex-end
}

.plan_toggle_info_desc {
    height: 26px;
    line-height: 26px;
    background: #55ba0f;
    color: #fff!important;
    border-radius: 16px;
    padding: 0 10px;
    font-size: 10px;
    margin-bottom: auto;
    margin-left: 5px
}

.plan_toggle {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.plan_toggle .billed {
    font-weight: 500!important;
    font-size: 13px;
    width: 150px;
    line-height: 19px
}

.plan_toggle .billed.monthly {
    text-align: right
}

.plan_toggle.annual .billed.annually,.plan_toggle.monthly .billed.monthly {
    font-weight: 700!important
}

.annual-toggle {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 23px;
    margin: 0 10px
}

.annual-toggle input {
    opacity: 0;
    width: 0;
    height: 0
}

.toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #55ba0f;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 12px
}

.toggle:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

input:checked+.toggle {
    background-color: #55ba0f
}

input:focus+.toggle {
    box-shadow: 0 0 1px #2196f3
}

input:checked+.toggle:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px)
}

#storage_plans_table {
    padding-top: 100px;
}

#storage_plans_table ::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

#storage_plans_table ::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
    box-shadow: rgba(255,255,255,.3) 0 0 0 1px
}

#storage_plans_table :hover::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.45)
}

#storage_plans_table ::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,.55)
}

#storage_plans_table .table_wrapper {
    overflow: auto;
    max-width: fit-content;
    margin: auto;
    margin-top: 50px
}

#storage_plans_table table {
    table-layout: fixed;
    margin: auto;
    font-size: 12px;
    max-width: 1120px
}

#storage_plans_table thead tr:first-child {
}

#storage_plans_table thead th:first-child {
    left: 0;
    z-index: 2;
    background: #fff;
    color: #929394
}

#storage_plans_table .highlighted {
    border-left: 3px solid #1389fe;
    border-right: 3px solid #1389fe;
    position: relative
}

#storage_plans_table thead tr:first-child .highlighted {
    border-top: 3px solid #1389fe
}

#storage_plans_table tbody tr:last-child .highlighted {
    border-bottom: 3px solid #1389fe
}

#storage_plans_table .ribbon {
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 1;
    width: 55px;
    height: 55px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#storage_plans_table .ribbon span {
    top: -39px;
    right: -39px;
    width: 77px;
    height: 77px;
    line-height: 138px;
    font-size: 8px;
    background: #1389fe
}

#storage_plans_table td,th {
    border: .5px solid #e6e6e6
}

#storage_plans_table th {
    padding: 15px;
    max-width: 180px;
    width: 180px;
    vertical-align: middle;
    text-align: center;
    max-width: 220px;
    width: 220px;
    font-size: 12px
}

#storage_plans_table th:last-child {
    border-right: 2px solid #e6e6e6
}

#storage_plans_table thead tr:first-child th {
    border-top: 2px solid #e6e6e6;
    position: relative
}

#storage_plans_table th {
    padding: 10px 30px
}

#storage_plans_table th {
    background-color: #fff
}

#storage_plans_table tr:nth-child(even) th {
    background-color: #f9f9f9
}

#storage_plans_table thead tr:first-child th {
    background-color: #fff
}

#storage_plans_table thead tr th.feature_column,#storage_plans_table tbody tr th.feature_column {
    text-align: left;
    font-size: 14px;
    z-index: 2;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    border-left: 2px solid #e6e6e6
}

#storage_plans_table th:first-child {
    padding: 10px
}

#storage_plans_table th:first-child .feature_column {
    font-size: 14px
}

#storage_plans_table .plan_title {
    font-weight: 700!important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

#storage_plans_table .plan_price {
    font-size: 16px;
    letter-spacing: .5px;
    display: none;
    margin-bottom: 2px
}

#storage_plans_table.monthly .plan_price.monthly,#storage_plans_table.annual .plan_price.annual {
    display: block
}

#storage_plans_table.plan_pricedesc {
    line-height: 16px;
    letter-spacing: .5px
}

#storage_plans_table .plan_pricedesc.free {
    color: #919293!important
}

#storage_plans_table .plan_button {
    width: 106px;
    height: 33px;
    font-size: 12px;
    line-height: 33px;
    margin-top: 15px;
    border-radius: 5px;
}

#storage_plans_questions {
    max-width: 1160px;
    margin: auto;
    margin-top: 150px
}

#storage_plans_questions .faq {
    padding: 0
}

#storage_plans_questions .accordion-container {
    padding: 5px 20px;
    margin-top: 100px
}

@media only screen and (min-width: 600px) {
    #storage_plans h1 {
        font-size: 62px;
        line-height: 70px;
        padding: 0;
        padding-top: 90px;
        padding-bottom: 40px;
    }

    #storage_plans h2 {
        font-size: 30px;
        line-height: 40px;
        padding: 0
    }

    .plan_filter {
        padding: 0 0 23px 20px
    }

    .plan_toggle_wrapper {
        margin-right: 10px
    }

    .plan_toggle {
        padding-right: 20px
    }

    .plan_check_wrapper {
        display: block
    }

    #storage_plans_table thead th:first-child {
        border-top-left-radius: 10px
    }

    #storage_plans_table thead th:last-child {
        border-top-right-radius: 10px
    }

    #storage_plans_table tbody tr:last-child th:first-child {
        border-bottom-left-radius: 10px
    }

    #storage_plans_table tbody tr:last-child th:last-child {
        border-bottom-right-radius: 10px
    }

    #storage_plans_questions .faq {
        padding: inherit
    }
}