/************************************************
    Home Page
************************************************/
#mvp-home-widget-wrap {
    width: 100%;
    margin-bottom: 60px;
}

@media only screen and (min-width: 1200px) {
    .page-template-page-home #mvp-main-body-wrap {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1200px) {
    #mvp-home-widget-wrap {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 660px) {
    #mvp-home-widget-wrap {
        margin-bottom: 30px;
    }
}

/************************************************
    Featured
************************************************/
.mvp-feat1-pop-img img,
.mvp-feat1-sub-img img,
.mvp-feat1-pop-text h2,
.mvp-flex-story-img img,
.mvp-flex-story-text h2,
.mvp-feat2-bot-img img,
.mvp-feat2-bot-text h2,
.mvp-feat3-main-img img,
.mvp-feat3-sub-img img,
.mvp-feat4-main-img img,
.mvp-feat4-main-text h2,
.mvp-feat1-list-img:after,
.mvp-feat5-small-main-img img,
.mvp-feat5-small-main-text h2,
.mvp-feat5-mid-sub-text h2,
.mvp-feat5-mid-sub-img img,
.mvp-feat5-mid-main-text h2,
.mvp-feat5-mid-main-img img {
    transition: all .25s;
}

.mvp-feat3-main-text,
.mvp-feat3-sub-text,
.mvp-feat2-top-text-wrap,
.mvp-feat5-text {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}

/************************************************
    Featured 1
************************************************/
#mvp-feat1-wrap {
    background: #fff;
    margin-bottom: 60px;
    width: 100%;
}

.mvp-feat1-feat-wrap {
    overflow: hidden;
    width: 100%;
}

.mvp-feat1-feat-wrap:hover .mvp-feat1-feat-img img {
    opacity: .8;
}

.mvp-feat1-right-wrap {
    margin-left: 20px;
    width: 320px;
}

.mvp-feat1-right-out {
    margin-right: -340px;
    width: 100%;
}

.mvp-feat1-right-in {
    margin-right: 340px;
}

.mvp-feat1-main {
    width: 100%;
}

.mvp-feat1-left-wrap {
    float: right;
    width: 60.46511628%;
}

.mvp-feat1-mid-wrap {
    margin-right: 2.325581395%;
    width: 37.20930233%;
}

.mvp-feat1-sub-text {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.mvp-feat1-sub-text {
    padding: 50px 3.846153846% 20px;
    width: 92.4%;
}

.mvp-feat1-sub-wrap {
    width: 100%;
}

.mvp-feat1-sub-cont {
    margin-top: 20px;
    width: 100%;
}

.mvp-feat1-sub-img {
    background: #000;
    line-height: 0;
    overflow: hidden;
    width: 100%;
    min-height: 312px;
}

.mvp-feat1-sub-img img {
    margin: 0 auto;
    position: absolute;
    left: -9999px;
    right: -9999px;
    width: 100%;
    min-width: 520px;
}

.mvp-feat1-sub-cont:hover .mvp-feat1-sub-img img {
    opacity: .8;
}

.mvp-feat1-sub-text h2 {
    color: #fff;
    float: left;
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.1;
    margin-right: 30%;
    width: 70%;
}

h3.mvp-feat1-pop-head,
h1.mvp-feat1-pop-head {
    float: left;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    width: 100%;
}

h3.mvp-feat1-pop-head:before,
h1.mvp-feat1-pop-head:before {
    content: '';
    background: #555;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 100%;
    height: 1px;
    z-index: 0;
}

span.mvp-feat1-pop-head {
    color: #fff;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    padding: 5px 13px;
    position: relative;
    text-transform: uppercase;
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.mvp-feat1-pop-wrap {
    width: 100%;
}

.mvp-feat1-pop-cont {
    background: #fff;
    cursor: pointer;
    margin-top: 25px;
    width: 100%;
}

.mvp-feat1-pop-wrap a {
    counter-increment: mvp-trend;
}

.mvp-feat1-pop-wrap a:first-child .mvp-feat1-pop-cont {
    margin-top: 0;
}

.mvp-feat1-pop-img {
    background: #000;
    line-height: 0;
    overflow: hidden;
    width: 100%;
    max-height: 145px;
}
.mvp-feat1-pop-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mvp-feat1-pop-cont:hover .mvp-feat1-pop-img img {
    opacity: .8;
}

.mvp-feat1-pop-text {
    padding: 15px 0 0 15%;
    width: 85%;
}

.mvp-feat1-pop-text:before {
    content: counter(mvp-trend);
    color: #ccc;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-top: 32px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 13%;
}

.mvp-feat1-pop-text .mvp-cat-date-wrap {
    margin-bottom: 5px;
}

.mvp-feat1-pop-text h2 {
    color: #222;
    float: left;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2;
    opacity: 1;
    width: 100%;
}

.mvp-feat1-pop-cont:hover .mvp-feat1-pop-text h2 {
    opacity: .6;
}

.mvp-feat1-list-ad {
    line-height: 0;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    #mvp-feat1-wrap {
        margin-bottom: 35px;
    }
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
    .mvp-feat1-left-wrap {
        float: left;
        width: 100%;
    }

    .mvp-feat1-mid-wrap {
        margin: 20px 0 0;
        width: 100%;
    }

    .mvp-feat1-sub-img {
        min-height: none;
    }

    .mvp-feat1-sub-img img {
        min-width: none;
    }

    .mvp-feat1-pop-cont {
        margin: 0 0 20px 3.846153846%;
        overflow: hidden;
        width: 48.07692308%;
        height: 266px;
    }

    .mvp-feat1-pop-wrap a:first-child .mvp-feat1-pop-cont,
    .mvp-feat1-pop-wrap a:nth-child(2n+3) .mvp-feat1-pop-cont{
        margin-left: 0;
    }
}

@media screen and (max-width: 900px) {
    .mvp-feat1-right-wrap {
        border-top: 1px solid #ddd;
        margin: 20px 0 0;
        padding-top: 20px;
        width: 100%;
    }

    .mvp-feat1-right-out,
    .mvp-feat1-right-in {
        margin-right: 0 !important;
    }

    .mvp-feat1-pop-text h2 {
        font-size: 16px;
    }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
    .mvp-feat1-left-wrap {
        float: left;
        width: 67.03296703%;
    }

    .mvp-feat1-mid-wrap .mvp-cd-date {
        display: none !important;
    }

    .mvp-feat1-mid-wrap {
        margin: 0 0 0 2.747252747%;
        width: 30.21978022%;
    }

    .mvp-feat1-pop-text {
        padding-left: 18%;
        width: 82%;
    }
}

@media screen and (max-width: 768px) and (min-width: 660px) {
    .mvp-feat1-left-wrap {
        float: left;
        width: 66.93548387%;
    }

    .mvp-feat1-mid-wrap .mvp-cd-date {
        display: none !important;
    }

    .mvp-feat1-mid-wrap {
        margin: 0 0 0 3.225806452%;
        width: 29.83870968%;
    }

    .mvp-feat1-sub-img {
        min-height: 280px;
    }

    .mvp-feat1-sub-img img {
        min-width: 470px;
    }

    .mvp-feat1-sub-text {
        padding: 50px 4.819277108% 20px;
        width: 90.4%;
    }

    .mvp-feat1-sub-text h2 {
        font-size: 1.7rem;
    }

    .mvp-feat1-pop-text {
        padding: 10px 0 0 18%;
        width: 82%;
    }

    .mvp-feat1-pop-cont .mvp-vid-box-wrap {
        font-size: 12px;
        left: 15px;
        top: 15px;
        width: 28px;
        height: 28px;
    }

    .mvp-feat1-pop-cont .mvp-vid-box-wrap i {
        margin: 8px 0 0 1px;
    }
}

@media screen and (max-width: 660px) {
    .mvp-feat1-feat-wrap {
        margin-top: 0 !important;
    }

    .mvp-feat1-left-wrap {
        float: left;
        width: 100%;
    }

    .mvp-feat1-left-wrap .mvp-cat-date-wrap {
        margin-bottom: 6px;
    }

    .mvp-feat1-mid-wrap {
        margin: 20px 0 0 0;
        width: 100%;
    }

    .mvp-feat1-sub-cont {
        margin-top: 15px;
    }

    .mvp-feat1-sub-img {
        max-height: 230px;
        min-height: 0;
    }

    .mvp-feat1-sub-img img {
        left: auto;
        right: auto;
        margin: 0;
        min-width: 0;
        position: relative;
    }

    .mvp-feat1-sub-text {
        padding: 50px 4.54545454% 15px;
        width: 91%;
    }

    .mvp-feat1-sub-text h2 {
        font-size: 1.3rem;
    }

    .mvp-feat1-pop-cont .mvp-vid-box-wrap,
    .mvp-feat1-pop-text:before {
        display: none !important;
    }

    .mvp-feat1-pop-img {
        max-height: 100px;
    }

    .mvp-feat1-pop-cont .mvp-vid-box-wrap {
        font-size: 12px;
        width: 28px;
        height: 28px;
    }

    .mvp-feat1-pop-cont .mvp-vid-box-wrap i {
        margin: 8px 0 0 1px;
    }

    .mvp-feat1-pop-cont {
        margin: 0 0 15px 0;
        overflow: hidden;
        width: 100%;
    }

    .mvp-feat1-pop-img {
        background: none;
        margin-right: 15px;
        width: 80px;
    }

    .mvp-feat1-pop-text {
        padding: 0;
        width: 71.2121212121%;
    }

    span.mvp-feat1-pop-head {
        font-size: 16px;
    }
}

/************************************************
    Featured 2
************************************************/
#mvp-feat2-wrap,
.mvp-feat2-top,
.mvp-feat2-top-story {
    width: 100%;
}

.mvp-feat2-top-story {
    overflow: hidden;
    max-height: 600px;
}

#mvp-feat2-wrap {
    margin-bottom: 60px;
}

.mvp-feat2-top-img {
    background: #000;
    line-height: 0;
    overflow: hidden;
    width: 100%;
}

.mvp-feat2-top-img img {
    width: 100%;
}

.mvp-feat2-top-text-wrap {
    padding: 100px 0 30px;
    width: 100%;
}

.mvp-feat2-top-text-box {
    margin: 0 auto;
    width: 1200px;
}

.mvp-feat2-top-text {
    text-align: center;
    width: 100%;
}

.mvp-feat2-top-text span.mvp-cd-date {
    color: #eee;
}

.mvp-feat2-top-text h2 {
    color: #fff;
    font-size: 4.5rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    width: 100%;
}

.mvp-feat2-top-text h2.mvp-stand-title {
    font-size: 3.3rem;
}

.mvp-feat2-top-text p {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 10px;
    width: 100%;
}

.mvp-feat2-bot-wrap {
    margin-top: 20px;
    width: 100%;
}

.mvp-feat2-bot {
    width: 100%;
}

.mvp-feat2-bot-story {
    margin-left: 1.666666666%;
    width: 23.75%;
}

.mvp-feat2-bot a:first-child .mvp-feat2-bot-story {
    margin-left: 0;
}

.mvp-feat2-bot-img {
    background: #000;
    line-height: 0;
    margin-bottom: 15px;
    width: 100%;
}

.mvp-feat2-bot-story:hover .mvp-feat2-bot-img img {
    opacity: .8;
}

.mvp-feat2-bot-text {
    width: 100%;
}

.mvp-feat2-bot-text h2 {
    color: #111;
    float: left;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2;
    width: 100%;
}

.mvp-feat2-bot-story:hover .mvp-feat2-bot-text h2 {
    opacity: .6;
}

@media screen and (max-width: 1260px) and (min-width: 1200px) {
    .mvp-feat2-top-text-box {
        width: 1160px;
    }
}

@media screen and (max-width: 1200px) {
    .mvp-feat2-bot-text h2 {
        font-size: 16px;
    }

    #mvp-feat2-wrap {
        margin: -20px 0 40px;
    }
}

@media screen and (max-width: 900px) {
    .mvp-feat2-top-text p {
        font-size: 0.8rem;
        margin-top: 5px;
    }
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
    .mvp-feat2-bot-story {
        margin-left: 2%;
        width: 23.5%;
    }

    .mvp-feat2-top-text-wrap {
        padding-bottom: 20px;
    }

    .mvp-feat2-top-text-box {
        width: 860px;
    }

    .mvp-feat2-top-text h2 {
        font-size: 3.9rem;
    }

    .mvp-feat2-top-text h2.mvp-stand-title {
        font-size: 2.7rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
    .mvp-feat2-top-text .mvp-cd-date {
        display: none !important;
    }

    .mvp-feat2-bot-story {
        margin-left: 2.747252747%;
        width: 22.93956044%;
    }

    .mvp-feat2-top-text-wrap {
        padding-bottom: 20px;
    }

    .mvp-feat2-top-text-box {
        width: 728px;
    }

    .mvp-feat2-top-text h2 {
        font-size: 3.4rem;
    }

    .mvp-feat2-top-text h2.mvp-stand-title {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 768px) and (min-width: 660px) {
    .mvp-feat2-bot-story {
        margin-left: 3.225806452%;
        overflow: hidden;
        width: 48.38709677%;
        height: 296px;
    }

    .mvp-feat2-bot a:nth-child(2n+3) .mvp-feat2-bot-story {
        margin-left: 0;
    }

    .mvp-feat2-top-text-wrap {
        padding-bottom: 20px;
    }

    .mvp-feat2-top-text-box {
        width: 620px;
    }

    .mvp-feat2-top-text h2 {
        font-size: 2.9rem;
    }

    .mvp-feat2-top-text h2.mvp-stand-title {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 660px) {
    .mvp-feat2-bot-story .mvp-vid-box-wrap,
    .mvp-feat2-top-text p {
        display: none !important;
    }

    .mvp-feat2-bot-story {
        margin: 15px 0 0 0;
        width: 100%;
    }

    .mvp-feat2-bot a:first-child .mvp-feat2-bot-story {
        margin: 0;
    }

    .mvp-feat2-bot-img {
        margin-right: 4.5454545454%;
        width: 24.2424242424%;
    }

    .mvp-feat2-bot-text {
        margin-top: 0;
        width: 71.2121212121%;
    }

    #mvp-feat2-wrap {
        margin: -15px 0 30px;
    }

    .mvp-feat2-top-text-wrap {
        padding: 30px 0 15px;
    }

    .mvp-feat2-top-text-box {
        width: 330px;
    }

    .mvp-feat2-top-text span.mvp-cd-date {
        color: #fff;
    }

    .mvp-feat2-top-text h2 {
        font-size: 2.5rem;
    }

    .mvp-feat2-bot-wrap {
        margin-top: 15px;
    }

    .mvp-feat2-bot-img {
        margin-bottom: 0;
    }

    .mvp-feat2-top-text h2.mvp-stand-title {
        font-size: 1.8rem;
    }
}

/************************************************
    Featured 3
************************************************/
#mvp-feat3-wrap {
    margin-bottom: 60px;
    width: 100%;
}

.mvp-feat3-cont {
    width: 100%;
}

.mvp-feat3-main-wrap {
    margin-right: 1.6666666666%;
    width: 46.666666666%;
}

.mvp-feat3-sub-wrap {
    width: 51.666666666%;
}

.mvp-feat3-main-story,
.mvp-feat3-sub-story {
    width: 100%;
}

.mvp-feat3-main-img,
.mvp-feat3-sub-img {
    background: #000;
    line-height: 0;
    width: 100%;
}

.mvp-feat3-main-story:hover .mvp-feat3-main-img img,
.mvp-feat3-sub-story:hover .mvp-feat3-sub-img img {
    opacity: .8;
}

.mvp-feat3-main-img {
    height: 600px;
}

.mvp-feat3-sub-img {
    height: 290px;
}

.mvp-feat3-main-img img,
.mvp-feat3-sub-img img {
    margin: 0 auto;
    position: absolute;
    left: -9999px;
    right: -9999px;
    width: 100%;
}

.mvp-feat3-main-img img {
    min-width: 560px;
}

.mvp-feat3-sub-img img {
    min-width: 620px;
}

.mvp-feat3-main-text {
    padding: 100px 3.571428571% 20px;
    width: 92.9%;
}

.mvp-feat3-main-text h2 {
    color: #fff;
    font-size: 3.3rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: .95;
    margin-right: 20%;
    width: 80%;
}

.mvp-feat3-main-text h2.mvp-stand-title {
    font-size: 3.1rem;
    font-weight: 400;
    line-height: 1.1;
    text-transform: none;
}

.mvp-feat3-main-text p {
    color: #eee;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    padding-top: 10px;
    width: 100%;
}

.mvp-feat3-main-story,
.mvp-feat3-sub-story {
    overflow: hidden;
}

.mvp-feat3-sub-story {
    margin-top: 20px;
    max-height: 290px;
}

.mvp-feat3-sub-wrap a:first-child .mvp-feat3-sub-story {
    margin-top: 0;
}

.mvp-feat3-sub-text {
    padding: 100px 3.225806452% 20px;
    width: 93.6%;
}

.mvp-feat3-sub-text h2 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.1;
    margin-right: 30%;
    width: 70%;
}

.mvp-feat3-main-story span.mvp-cd-date,
.mvp-feat3-sub-story span.mvp-cd-date {
    color: #eee;
}

@media screen and (max-width: 1200px) {
    #mvp-feat3-wrap {
        margin: -20px 0 40px;
    }

    .mvp-feat3-sub-story {
        margin-top: 10px;
    }
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
    #mvp-feat3-wrap {
        margin: -20px 0 40px;
    }

    .mvp-feat3-main-wrap {
        width: 55.81395349%;
    }

    .mvp-feat3-sub-wrap {
        width: 43.02325581%;
    }

    .mvp-feat3-main-wrap {
        margin-right: 1.162790698%;
    }

    .mvp-feat3-main-text {
        padding: 75px 4.255319149% 20px;
        width: 91.5%;
    }

    .mvp-feat3-sub-text {
        padding: 75px 5.405405405% 20px;
        width: 89.2%;
    }

    .mvp-feat3-main-text h2 {
        font-size: 2.7rem;
    }

    .mvp-feat3-sub-text h2 {
        font-size: 1.3rem;
        margin-right: 20%;
        width: 80%;
    }

    .mvp-feat3-main-text p {
        font-size: .9rem;
        padding-top: 7px;
    }

    .mvp-feat3-main-img {
        height: 590px;
    }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
    #mvp-feat3-wrap {
        margin: -20px 0 40px;
    }

    .mvp-feat3-main-wrap {
        width: 56.31868132%;
    }

    .mvp-feat3-sub-wrap {
        width: 42.30769231%;
    }

    .mvp-feat3-main-wrap {
        margin-right: 1.373626374%;
    }

    .mvp-feat3-main-img {
        height: 500px;
    }

    .mvp-feat3-main-img img {
        min-width: 470px;
    }

    .mvp-feat3-main-text {
        padding: 75px 5% 20px;
        width: 90.1%;
    }

    .mvp-feat3-sub-text {
        padding: 50px 5.405405405% 20px;
        width: 93.50649351%;
    }

    .mvp-feat3-main-text h2 {
        font-size: 2.5rem;
        margin-right: 0;
        width: 100%;
    }

    .mvp-feat3-sub-story {
        max-height: 240px;
    }

    .mvp-feat3-sub-img img {
        min-width: 410px;
    }

    .mvp-feat3-sub-text h2 {
        font-size: 1.2rem;
        margin-right: 0;
        width: 100%;
    }

    .mvp-feat3-main-text p {
        font-size: .9rem;
        padding-top: 7px;
    }

    .mvp-feat3-main-img {
        height: 490px;
    }
}

@media screen and (max-width: 768px) and (min-width: 660px) {
    #mvp-feat3-wrap {
        margin: -20px 0 40px;
    }

    .mvp-feat3-main-wrap {
        width: 58.06451613%;
    }

    .mvp-feat3-sub-wrap {
        width: 40.32258065%;
    }

    .mvp-feat3-main-wrap {
        margin-right: 1.612903226%;
    }

    .mvp-feat3-main-img {
        height: 440px;
    }

    .mvp-feat3-main-img img {
        min-width: 414px;
    }

    .mvp-feat3-main-text {
        padding: 75px 5.55555555% 20px;
        width: 88.9%;
    }

    .mvp-feat3-sub-text {
        padding: 50px 8% 20px;
        width: 84.1%;
    }

    .mvp-feat3-main-text h2 {
        font-size: 2.3rem;
        margin-right: 0;
        width: 100%;
    }

    .mvp-feat3-sub-story {
        max-height: 215px;
    }

    .mvp-feat3-sub-img img {
        min-width: 360px;
    }

    .mvp-feat3-sub-text h2 {
        font-size: 1.1rem;
        margin-right: 0;
        width: 100%;
    }

    .mvp-feat3-main-text p {
        font-size: .8rem;
        padding-top: 7px;
    }
}

@media screen and (max-width: 660px) {
    .mvp-feat3-right-wrap .mvp-vid-box-wrap,
    .mvp-feat3-main-text p {
        display: none !important;
    }

    .mvp-feat3-main-wrap {
        margin: 0 1.612903226% 0 -4.5454545454%;
        width: 109.0909090909%;
    }

    #mvp-feat3-wrap {
        margin: -15px 0 30px;
    }

    .mvp-feat3-sub-wrap {
        width: 100%;
    }

    .mvp-feat3-main-img {
        height: 390px;
    }

    .mvp-feat3-main-img img {
        min-width: 370px;
    }

    .mvp-feat3-main-text {
        padding: 75px 4.166666666% 20px;
        width: 91.7%;
    }

    .mvp-feat3-sub-text {
        padding: 50px 4.5454545454% 20px;
        width: 91%;
    }

    .mvp-feat3-main-text h2 {
        font-size: 2.4rem;
        margin-right: 0;
        width: 100%;
    }

    .mvp-feat3-sub-story {
        margin-top: 15px;
        max-height: none;
    }

    .mvp-feat3-sub-wrap a:first-child .mvp-feat3-sub-story {
        margin-top: 15px;
    }

    .mvp-feat3-sub-img {
        min-height: 216px;
        height: auto;
    }

    .mvp-feat3-sub-img img {
        min-width: 360px;
    }

    .mvp-feat3-sub-text h2 {
        font-size: 1.2rem;
        margin-right: 0;
        width: 100%;
    }
}

/************************************************
    Featured 4
************************************************/
#mvp-feat4-wrap {
    background: #000;
    margin-bottom: 100px;
    max-height: 432px;
    width: 100%;
}

.mvp-feat4-main,
.mvp-feat4-main-story {
    width: 100%;
}

.mvp-feat4-main {
    margin-top: 20px;
}

.mvp-feat4-main-img {
    background: #000;
    line-height: 0;
    overflow: hidden;
    width: 64.1666666666%;
    max-height: 500px;
}

.mvp-feat4-main-img:hover img {
    opacity: .8;
}

.mvp-feat4-main-text {
    margin-left: 2.5%; /* 30 / 1200 */
    width: 33.333333333%;
}

.mvp-feat4-main-text .mvp-cat-date-wrap {
    margin-bottom: 10px;
}

.mvp-feat4-main-text h2 {
    color: #fff;
    float: left;
    font-size: 2.7rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    width: 100%;
}

.mvp-feat4-main-text:hover h2 {
    opacity: .6;
}

.mvp-feat4-main-text p {
    color: #eee;
    float: left;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1.55;
    margin-top: 10px;
    width: 100%;
}

@media screen and (max-width: 1260px) and (min-width: 1200px) {
    #mvp-feat4-wrap {
        max-height: 417px;
    }

    .mvp-feat4-main-text h2 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 1200px) {
    .mvp-feat4-main-text p {
        font-size: .9rem;
    }
}

@media screen and (max-width: 900px) {
    .mvp-feat4-main-img,
    .mvp-feat4-main-text {
        width: 100%;
    }

    .mvp-feat4-main-text {
        margin: 20px 0;
    }
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
    #mvp-feat4-wrap {
        margin: -20px 0 70px;
        max-height: 321px;
    }

    .mvp-feat4-main-text h2 {
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
    #mvp-feat4-wrap {
        margin: -20px 0 40px;
        max-height: none;
    }

    .mvp-feat4-main-text h2 {
        font-size: 2.4rem;
        margin-right: 20%;
        width: 80%;
    }
}

@media screen and (max-width: 768px) and (min-width: 660px) {
    #mvp-feat4-wrap {
        margin: -20px 0 40px;
        max-height: none;
    }

    .mvp-feat4-main-text h2 {
        font-size: 2rem;
        margin-right: 20%;
        width: 80%;
    }
}

@media screen and (max-width: 660px) {
    .mvp-feat4-main-img {
        margin-top: 0 !important;
    }

    .mvp-feat4-main-img {
        margin: 0 0 0 -4.5454545454%;
        width: 109.0909090909%;
    }

    #mvp-feat4-wrap {
        margin: -15px 0 30px;
        max-height: none;
    }

    .mvp-feat4-main {
        margin-top: 15px;
    }

    .mvp-feat4-main-text {
        margin: 15px 0;
    }

    .mvp-feat4-main-text h2 {
        font-size: 1.4rem;
        line-height: 1.1;
    }

    .mvp-feat4-main-text p {
        font-size: .8rem;
        margin-top: 7px;
    }
}

/************************************************
    Featured 5
************************************************/
#mvp-feat5-wrap {
    margin: 0 0 60px;
    width: 100%;
}

.mvp-feat5-side-out {
    margin: 0 -350px 0 0;
    width: 100%;
}

.mvp-feat5-side-in {
    margin: 0 350px 0 0;
}

.mvp-feat5-main-wrap,
.mvp-feat5-mid-main {
    width: 100%;
}

.mvp-feat5-mid-wrap {
    width: 58.82352941%;
}

.mvp-feat5-mid-main {
    border-bottom: 1px solid #ddd;
    margin: 0 0 25px;
    padding: 0 0 25px;
}

.mvp-feat5-mid-main-img {
    background: #000;
    line-height: 0;
    margin: 0 0 20px;
    width: 100%;
}

.mvp-feat5-mid-main:hover .mvp-feat5-mid-main-img img {
    opacity: .8;
}

.mvp-feat5-mid-main-text {
    width: 100%;
}

.mvp-feat5-mid-main-text h2 {
    color: #222;
    float: left;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2;
    width: 100%;
}

.mvp-feat5-mid-main:hover .mvp-feat5-mid-main-text h2 {
    opacity: .6;
}

.mvp-feat5-mid-main-text p {
    color: #555;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 10px;
    width: 100%;
}

.mvp-feat5-mid-sub-wrap {
    width: 100%;
}

.mvp-feat5-mid-sub-story {
    margin: 25px 0 0;
    width: 100%;
}

.mvp-feat5-mid-sub-wrap a:first-child .mvp-feat5-mid-sub-story {
    margin: 0;
}

.mvp-feat5-mid-sub-out {
    margin: 0 0 0 -250px;
    width: 100%;
}

.mvp-feat5-mid-sub-in {
    margin: 0 0 0 250px;
}

.mvp-feat5-mid-sub-img {
    background: #000;
    line-height: 0;
    margin: 0 20px 0 0;
    overflow: hidden;
    width: 230px;
}

.mvp-feat5-mid-sub-story:hover .mvp-feat5-mid-sub-img img {
    opacity: .8;
}

.mvp-feat5-mid-sub-text {
    width: 100%;
}

.mvp-feat5-mid-sub-text h2 {
    color: #222;
    float: left;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2;
    width: 100%;
}

.mvp-feat5-mid-sub-story:hover .mvp-feat5-mid-sub-text h2 {
    opacity: .6;
}

.mvp-feat5-small-wrap {
    margin: 0 3.529411765% 0 0;
    width: 37.64705882%;
}

.mvp-feat5-small-main {
    border-bottom: 1px solid #ddd;
    margin: 0 0 25px;
    padding: 0 0 25px;
    width: 100%;
}

.mvp-feat5-small-main-img {
    background: #000;
    line-height: 0;
    margin: 0 0 20px;
    overflow: hidden;
    width: 100%;
    max-height: 170px;
}

.mvp-feat5-small-main:hover .mvp-feat5-small-main-img img {
    opacity: .8;
}

.mvp-feat5-small-main-text {
    width: 100%;
}

.mvp-feat5-small-main-text h2 {
    color: #222;
    float: left;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2;
    width: 100%;
}

.mvp-feat5-small-main:hover .mvp-feat5-small-main-text h2 {
    opacity: .6;
}

.mvp-feat5-small-main-text p {
    color: #555;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 10px;
    width: 100%;
}

.mvp-feat5-small-sub {
    width: 100%;
}

.mvp-feat5-small-wrap a:first-child .mvp-feat1-list-cont,
.mvp-feat5-side-list a:first-child .mvp-feat1-list-cont {
    margin: 0;
}

.mvp-feat5-side-wrap {
    margin: 0 0 0 30px;
    width: 320px;
}

.mvp-feat5-side-list .mvp-feat1-list-img img {
    opacity: .4;
}

.mvp-feat5-side-list .mvp-feat1-list-cont:hover .mvp-feat1-list-img img {
    opacity: 1;
}

.mvp-feat5-side-list a {
    counter-increment: mvp-trend;
}

.mvp-feat5-side-list .mvp-feat1-list-img:after {
    content: counter(mvp-trend);
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin: 25px 0 0;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
}

.mvp-feat5-side-list .mvp-feat1-list-cont:hover .mvp-feat1-list-img:after {
    opacity: 0;
}

@media screen and (max-width: 1200px) {
    .mvp-feat5-mid-sub-story {
        margin: 20px 0 0;
    }

    .mvp-feat5-mid-main,
    .mvp-feat5-small-main {
        margin: 0 0 20px;
        padding: 0 0 20px;
    }

    .mvp-feat5-mid-sub-text h2,
    .mvp-feat5-small-main-text h2 {
        font-size: 16px;
    }
}

@media screen and (max-width: 900px) {
    .mvp-feat5-side-out,
    .mvp-feat5-side-in {
        margin: 0;
    }

    .mvp-feat5-side-wrap {
        border-top: 1px solid #ddd;
        margin: 30px 0 0;
        padding: 30px 0 0;
        width: 100%;
    }
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
    .mvp-feat5-small-main-text p {
        display: none !important;
    }

    .mvp-feat5-mid-wrap {
        width: 100%;
    }

    .mvp-feat5-mid-main-img img {
        width: 100%;
    }

    .mvp-feat5-mid-main-text h2 {
        font-size: 2.3rem;
    }

    .mvp-feat5-small-wrap {
        margin: 30px 0 0;
        width: 100%;
    }

    .mvp-feat5-small-main-img {
        margin: 0 20px 0 0;
        width: 230px;
    }

    .mvp-feat5-small-main-text {
        width: 50.98039216%;
    }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
    .mvp-feat5-small-main-text p {
        display: none !important;
    }

    .mvp-feat5-mid-main-text h2 {
        font-size: 2rem;
    }

    .mvp-feat5-mid-sub-out {
        margin: 0 0 0 -220px;
    }

    .mvp-feat5-mid-sub-in {
        margin: 0 0 0 220px;
    }

    .mvp-feat5-mid-sub-img {
        width: 200px;
    }

    .mvp-feat5-small-main-img {
        max-height: 140px;
    }

    .mvp-feat5-small-sub .mvp-feat1-list-text h2 {
        font-size: .9rem;
    }
}

@media screen and (max-width: 768px) and (min-width: 660px) {
    .mvp-feat5-mid-wrap {
        width: 54.83870968%;
    }

    .mvp-feat5-small-wrap {
        margin: 0 3.225806452% 0 0;
        width: 41.93548387%;
    }

    .mvp-feat5-mid-main-text h2 {
        font-size: 1.7rem;
    }

    .mvp-feat5-mid-sub-out,
    .mvp-feat5-mid-sub-in {
        margin: 0;
    }

    .mvp-feat5-mid-sub-img {
        margin: 0 0 15px;
        width: 100%;
        max-height: 160px;
    }

    .mvp-feat5-small-main-img {
        max-height: 140px;
    }

    .mvp-feat5-small-sub .mvp-feat1-list-text h2,
    .mvp-feat5-small-main-text p {
        font-size: .9rem;
    }
}

@media only screen and (max-width: 660px) {
    .mvp-feat5-mid-sub-img .mvp-vid-box-wrap,
    .mvp-feat5-small-main-text p {
        display: none !important;
    }

    .mvp-feat5-mid-main-img {
        margin-top: 0 !important;
    }

    .mvp-feat5-mid-main-img {
        margin: 0 0 0 -4.5454545454%;
        width: 109.0909090909%;
    }

    #mvp-feat5-wrap {
        margin: 0 0 30px;
    }

    .mvp-feat5-mid-wrap {
        width: 100%;
    }

    .mvp-feat5-small-wrap {
        margin: 30px 0 0;
        width: 100%;
    }

    .mvp-feat5-mid-main-text {
        margin: 15px 0 0;
    }

    .mvp-feat5-mid-main-text h2 {
        font-size: 1.7rem;
    }

    .mvp-feat5-mid-main-text p {
        font-size: .9rem;
    }

    .mvp-feat5-mid-sub-out {
        margin: 0 0 0 -95px;
    }

    .mvp-feat5-mid-sub-in {
        margin: 0 0 0 95px;
    }

    .mvp-feat5-mid-sub-img {
        margin: 0 15px 0 0;
        width: 80px;
    }

    .mvp-feat5-small-main-img {
        margin: 0 0 15px;
        width: 100%;
    }

    .mvp-feat5-small-main-text h2 {
        font-size: 1.3rem;
    }

    .mvp-feat5-mid-sub-story {
        margin: 15px 0 0;
    }

    .mvp-feat5-side-wrap {
        margin: 20px 0 0;
        padding: 20px 0 0;
    }
}