#membership-infos-page-section {
    background:#F5F7FA;
}

.membership-levels {
    color:#939393;
    margin:60px 0;
    font-size:18px;
    text-align:center;
    background:#f4f4f4;
    border-top:2px solid #e0e0e0;
    border-left:2px solid #e0e0e0;
}
.membership-levels .level-block {
    width:18%;
    float:left;
}
.membership-levels .level-block.fake-level {
    width:28%;
}
.membership-levels .level-block .level-head {
    background:#FFF;
    font-weight:600;
    padding:12px 5px;
    font-style:italic;
    line-height:1.9em;
    border-right:2px solid #e0e0e0;
    border-bottom:2px solid #e0e0e0;
}
.membership-levels .level-block.fake-level .level-head {
    font-style:normal;
}
.membership-levels .level-block .level-head img {
    margin-right:5px;
    display:inline-block;
}
.membership-levels .level-block .level-info {
    height:120px;
    line-height:1.1em;
    border-right:2px solid #e0e0e0;
    border-bottom:2px solid #e0e0e0;
}
.membership-levels .level-block .level-info .inner-info {
    width:100%;
    height:100%;
    display:table;
    vertical-align:middle;
}
.membership-levels .level-block .level-info .inner-info span {
    display:table-cell;
    vertical-align:middle;
}


.membership-levels-new {
    color:#939393;
    margin:60px 0;
    font-size:18px;
    text-align:center;
}
.membership-levels-new .level-block {
    width:20%;
    float:left;
    padding:0 15px;
}
.membership-levels-new .level-block.fake-level {
    text-align:right;
}
.membership-levels-new .level-block .level-head {
    font-weight:600;
    line-height:2.4em;
    text-transform:uppercase;
}
.membership-levels-new .level-block .level-info {
    padding:5px;
    height:180px;
    line-height:1.1em;
}
.membership-levels-new .level-block .level-info .inner-info {
    width:100%;
    height:100%;
    display:table;
    vertical-align:middle;
}
.membership-levels-new .level-block .level-info .inner-info span {
    display:table-cell;
    vertical-align:middle;
}
.membership-levels-new .real-level .inner {
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
}
.membership-levels-new .real-level .level-head {
    color:#FFF;
    border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0;
    -moz-border-radius:8px 8px 0 0;
    -ms-border-radius:8px 8px 0 0;
    -o-border-radius:8px 8px 0 0;
    text-shadow:1px 1px 5px #7C7C7C;
    -webkit-text-shadow:1px 1px 5px #7C7C7C;
    -moz-text-shadow:1px 1px 5px #7C7C7C;
    -ms-text-shadow:1px 1px 5px #7C7C7C;
    -o-text-shadow:1px 1px 5px #7C7C7C;
}
.membership-levels-new .real-level .level-head.alt {
    color:#7C7C7C;
    text-shadow:1px 1px 5px #FFF;
    -webkit-text-shadow:1px 1px 5px #FFF;
    -moz-text-shadow:1px 1px 5px #FFF;
    -ms-text-shadow:1px 1px 5px #FFF;
    -o-text-shadow:1px 1px 5px #FFF;
}
.membership-levels-new .real-level .level-head.level4 {
    background:#A9C7D0;
}
.membership-levels-new .real-level .level-head.level3 {
    background:#CDA410;
}
.membership-levels-new .real-level .level-head.level2 {
    background:#C5C5C5;
}
.membership-levels-new .real-level .level-head.level1 {
    background:#1190CF;
}
.membership-levels-new .real-level .level-info {
    background:#F4F4F4;
    border:2px solid #E2E2E2;
    border-top:none;
    border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    -moz-border-radius:0 0 8px 8px;
    -ms-border-radius:0 0 8px 8px;
    -o-border-radius:0 0 8px 8px;
}
.membership-levels-new .real-level .level-info strong {
    font-weight:600;
}


.membership-levels-new2 {
    color:#858585;
    margin:60px 0;
    font-size:20px;
    text-align:center;
    line-height:1.2em;
}
.membership-levels-new2 .level-block {
    float:left;
    width:16%;
    margin-right:9px;
    position:relative;
}
.membership-levels-new2 .level-block.last {
    margin-right:0;
}
.membership-levels-new2 .level-block>a {
    display:block;
    text-decoration:none;
}
.membership-levels-new2 .level-block.fake-level {
    font-size:18px;
    text-align:left;
}
.membership-levels-new2 .level-block.fake-level .iblock {
    padding:0 15px;
    border:1px solid #dcdcdc;
}
.membership-levels-new2 .level-block.fake-level .iblock.iblock1 {
    height:45px;
    line-height:45px;
}
.membership-levels-new2 .level-block.fake-level .iblock.iblock2 {
    height:180px;
    display:flex;
    margin-top:7px;
    align-items:center;
}
.membership-levels-new2 .level-block.fake-level .iblock.iblock3 {
    height:99px;
    display:flex;
    margin-top:7px;
    align-items:center;
}
.membership-levels-new2 .level-block.real-level {
    background:#FFF;
    border:1px solid #d9d9d9;
}
.membership-levels-new2 .level-block .level-head {
    color:#FFF;
    height:225px;
    overflow:hidden;
    position:relative;
}
.membership-levels-new2 .level-block .level-head:after {
    left:0;
    bottom:0;
    z-index:1;
    width:300%;
    content:'';
    height:300%;
    position:absolute;
    border-radius:15%;
}
.membership-levels-new2 .level-block.level5 .level-head:after {
    background:#ffa169;
}
.membership-levels-new2 .level-block.level4 .level-head:after {
    background:#A9C7D0;
}
.membership-levels-new2 .level-block.level3 .level-head:after {
    background:#CDA410;
}
.membership-levels-new2 .level-block.level2 .level-head:after {
    background:#C5C5C5;
}
.membership-levels-new2 .level-block.level1 .level-head:after {
    background:#1190CF;
}
.membership-levels-new2 .level-block .level-head>span {
    z-index:2;
    height:45px;
    display:block;
    font-size:20px;
    font-weight:600;
    line-height:45px;
    position:relative;
    text-transform:uppercase;
    background:rgba(0, 0, 0, 0.11);
}
.membership-levels-new2 .level-block .level-head .level-rewards {
    z-index:2;
    display:flex;
    font-size:55px;
    padding:0 10px;
    position:relative;
    line-height:2.2em;
    align-items:center;
    justify-content:center;
    height:calc(100% - 45px);
}
.membership-levels-new2 .level-block .level-head .level-rewards strong {
    font-size:80px;
}
.membership-levels-new2 .level-block .level-body .inner-info {
    height:110px;
    display:flex;
    padding:0 10px;
    align-items:center;
}
.membership-levels-new2 .level-block .level-body .inner-info .icon {
    color:#40DEA8;
}


.membership-information {
    color:#FFF;
    font-size:19px;
    line-height:1.2em;
    margin-bottom:60px;
}
.membership-information .the-head,
.membership-information .the-foot {
    padding:18px 20px;
    background:#5BA9DC !important;
}
.membership-information .the-head {
    margin-bottom:5px;
    border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    -ms-border-radius:10px 10px 0 0;
    -o-border-radius:10px 10px 0 0;
}
.membership-information .the-head h2 {
    color:#FFF;
    margin-top:0;
    font-size:33px;
    font-weight:300;
    margin-bottom:0;
    line-height:38px;
}
.membership-information .the-head h2 .extra-info {
    color:#b3eaff;
    font-size:16px;
    font-weight:500;
    font-style:italic;
    text-transform:uppercase;
}
.membership-information .the-head h2 .extra-info a {
    color:inherit;
    display:block;
}
.membership-information .the-foot {
    font-size:85%;
    padding-top:18px !important;
    padding-bottom:18px !important;
    border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    -ms-border-radius:0 0 10px 10px;
    -o-border-radius:0 0 10px 10px;
}
.membership-information .inner-block {
    padding:30px;
    margin-bottom:5px;
    background:#4e93bf;
}
.membership-information .inner-block.ntp {
    padding-top:0;
    padding-bottom:0;
}
.membership-information .inner-block.cen {
    text-align:center;
}
.membership-information .inner-block p.hl-text {
    color:#fffcc8;
    font-size:20px;
    font-weight:500;
    margin-bottom:0;
}
.membership-information .inner-block a {
    color:inherit;
    font-size:18px;
    font-weight:500;
    font-style:italic;
    text-decoration:underline;
}
.membership-information .inner-block .member-badge,
.membership-information .inner-block .inner-content {
    padding:30px 0;
    position:relative;
}
.membership-information .inner-block .inner-content {
    padding-left:60px;
    border-left:1px solid #5BA9DC;
}
.membership-information .inner-block .inner-content.plain {
    padding-top:0;
    min-height:1px;
    border-left:none;
    padding-bottom:0;
}
.membership-information .inner-block .inner-content:after {
    left:0;
    top:49%;
    width:0;
    height:0;
    content:'';
    position:absolute;
    top:calc(50% - 4px);
    border-left:10px solid #5BA9DC;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
}
.membership-information .inner-block .inner-content.plain:after {
    display:none;
}
.membership-information .inner-block .member-badge {
    text-align:center;
}
.membership-information .inner-block .member-badge img {
    max-width:44%;
    display:inline-block;
}
.membership-information .inner-block ul {
    display:block;
    text-align:left;
    margin:20px auto 0;
}
.membership-information .inner-block .inner-content.plain ul {
    margin-top:0;
}
.membership-information .inner-block ul li {
    width:35%;
    margin:10px;
    min-height:34px;
    padding-left:50px;
    display:inline-block;
    background:transparent url('/Content/images/page/membership-info/list-ico.png') left center no-repeat;
}
.membership-information .inner-block ul li.ico2 {
    background-image:url('/Content/images/page/membership-info/list-ico2.png');
    background-size:40px;
}
.membership-information .inner-block ul li.ico3 {
    background-image:url('/Content/images/page/membership-info/list-ico3.png');
    background-size:40px;
}
.membership-information .inner-block ul li:first-child {
    margin-left:0;
}
.membership-information .inner-block ul li:last-child {
    margin-right:0;
}
.membership-information .inner-block ul li a {
    display:block;
}
.membership-information .inner-block ul li strong {
    font-weight:600;
}



@media only screen and (max-width:1799px) {

    .membership-levels-new2 .level-block {
        width:16%;
    }
}

@media only screen and (max-width:1649px) {

    .membership-information .inner-block ul li {
        width:47%;
    }
    .membership-levels-new2 .level-block.fake-level {
        width:14%;
    }
}

@media only screen and (max-width:1199px) {

    .membership-information .inner-block .inner-content ul {
        display:block;
    }
    .membership-information .inner-block .inner-content ul li {
        width:100%;
        margin:12px 0;
        display:block;
    }
    .membership-levels-new2 {
        font-size:1.5vw;
    }
    .membership-levels-new2 .level-block.fake-level {
        font-size:1vw;
    }
}

@media only screen and (max-width:1099px) {

    .membership-levels-new2 .level-block {
        width:19%;
    }
    .membership-levels-new2 .level-block.fake-level {
        display:none;
    }
}

@media only screen and (max-width:991px) {

    .membership-levels .level-block,
    .membership-levels-new .level-block {
        width:25%;
    }
    .membership-levels .level-block.fake-level,
    .membership-levels-new .level-block.fake-level {
        display:none;
    }

    .membership-information .inner-block .inner-content {
        padding-left:0;
        border-left:none;
    }
    .membership-information .inner-block .inner-content:after {
        display:none;
    }
    .membership-information .inner-block .inner-content ul li br {
        display:none;
    }

    .membership-levels-new2 {
        font-size:18px;
    }
    .membership-levels-new2 .level-block {
        margin-bottom:10px;
        width:calc(50% - 5px);
    }
    .membership-levels-new2 .level-block:nth-child(even) {
        margin-right:0;
    }
    .membership-levels-new2 .level-block.level5 {
        width:100%;
        margin-right:0;
    }
    .membership-levels-new2 .level-block .level-head:after {
        border-radius:6%;
    }

    .membership-information .inner-block ul li {
        padding-top:5px;
        background-position:left top;
    }
}

@media only screen and (max-width:767px) {

    .membership-levels {
        border:2px solid #e0e0e0;
        border-bottom:none;
    }
    .membership-levels .level-block,
    .membership-levels-new .level-block {
        width:100%;
        border-right:none;
    }
    .membership-levels-new .level-block {
        padding:0;
        margin:10px 0;
    }
    .membership-levels .level-block .level-info {
        height:auto;
        padding:20px 5px;
    }
    .membership-levels-new .level-block .level-info {
        height:auto;
        padding:15px;
    }
    .membership-levels .level-block .level-info br,
    .membership-levels-new .level-block .level-info br {
        display:none;
    }

    .membership-information .the-head h2 {
        text-align:center;
    }
    .membership-information .the-head h2 .extra-info {
        display:block;
        margin-top:10px;
        float:none !important;
    }

    .membership-information .inner-block.cen {
        text-align:left;
    }
    .membership-information .inner-block ul {
        display:block;
    }
    .membership-information .inner-block ul li {
        margin:12px 0;
        display:block;
    }
}

@media only screen and (max-width:599px) {

    .membership-levels-new2 .level-block {
        width:100% !important;
        margin-right:0 !important;
    }
}


@media only screen and (min-width:992px) {
    .membership-levels-new2 {
        display:flex;
    }
}