h1, h2, h3, h4, h5, h6 {
    line-height: 1;
}
.highlight .content-area .image-card.no-shadow {
    box-shadow: none;
}
.c-gradient-orange {
    background: -webkit-linear-gradient(rgba(242, 74, 19, 1), rgba(245, 175, 25, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f24a13;
}
.sponsor-lists { text-align: center; }
.sponsor-lists .col { margin-bottom: 40px; }
.sponsor-lists .image {
    width: 100%;
    max-width: 130px;
    margin: auto;
    margin-bottom: 20px;
}
.sponsor-lists .image img {
    border-radius: 50%;
    box-shadow: 0 3px 30px 2px rgba(0, 0, 0, 0.22);
}
.sponsor-lists .desc {
    color: #fff;
}
 .money-lists {
    margin-left: -5px;
    margin-right: -5px;
}
.money-lists .col {
    padding: 0 5px;
}
.money-lists .money-list {
    background-color: #333;
    text-align: center;
    padding: 40px;
    margin-bottom: 10px;
}
.money-lists .money-list .image {
    width: 60px;
    margin: auto;
    margin-bottom: 20px;
}
.money-lists .money-list .heading {
    font-size: 32px;
    margin-bottom: 10px;
    background: -webkit-linear-gradient(rgba(109,224,45,1), rgba(16,230,101,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #6de02d;
}
.money-lists .money-list .desc { font-size: 24px; }
.all-money {
    padding: 30px;
    border: 15px solid #6ce02d;
    -webkit-box-shadow: 0 1px 25px 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 25px 15px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 25px 15px rgba(0,0,0,0.2);
    box-shadow: 0 1px 25px 15px rgba(0,0,0,0.2);
}
.all-money.orange {
    border: 15px solid #f6ba2a;
}
.all-money .heading { line-height: 1; margin-bottom: 15px; }
.easy-money { width: 100%; display: inline-block; margin: 15px 0; }
.easy-money .image { width: 50px; float: left; }
.easy-money .detail { float: left; padding-left: 25px; font-size: 22px; }
.fees {
    position: relative;
    padding: 70px 0;
}
.fees:after {
    content: "";
    position: absolute;
    width: 85%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #333;
    z-index: 1;
}
.fees .fee { position: relative; z-index: 2;}
.fees .fee .image {
    box-shadow: 0 3px 60px 2px rgba(0, 0, 0, 0.4);
    border-radius: 16px;
    overflow: hidden;
}
.fees .fee .image.no-shadow {
    box-shadow: none;
    border-radius: 16px;
    overflow: hidden;
}
.fees .fee .col:last-child { padding-left: 40px; }
.fees table td { color: #fff; }
.fees table td.num-b { font-size: 120px; text-align: center; line-height: 0.8; }
.fees table td.num { font-size: 65px; text-align: center; }
.applies {
    margin-left: -40px;
    margin-right: -40px;
}
.applies .col {
    padding: 0 40px;
}
.applies .apply {
    text-align: center;
    background: rgb(68,68,67);
    background: linear-gradient(90deg, rgba(68,68,67,1) 0%, rgba(54,54,54,1) 100%);
    -webkit-box-shadow: 0 1px 25px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 25px 10px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 25px 10px rgba(0,0,0,0.2);
    box-shadow: 0 1px 25px 10px rgba(0,0,0,0.2);
    padding: 40px 0;
}
.applies .apply h3 {
    line-height: 0.8;
}
.applies .apply .image { display: inline-block; margin-top: -70px; }
.applies .apply .image img { height: 225px; }
.applies .apply .action { margin-top: 20px; }
.applies .apply.redeem { padding-top: 30px; }
.applies .apply.redeem .caption .heading {
    margin: 20px 0;
    line-height: 0.7;
}
.applies .apply.redeem .caption .heading.b-size {
    font-size: 110px;
}
.applies .full .apply {
    width: 100%;
    display: table;
    padding: 0;
    margin-top: 30px;
}
.applies .full .apply .image,
.applies .full .apply .caption {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}
.accordion {
    position: relative;
    padding: 10px 25px 0 40px;
    border: 10px solid transparent;
    -webkit-transition:  border 3s ease;
    -moz-transition:  border 1s ease;
    -o-transition:  border 1s ease;
    -ms-transition: border 1s ease;
    transition: border 1s ease; 
}
.accordion.active {
    border: 10px solid #6ce02d;
}
.accordion-title {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 40px;
    cursor: pointer;
    color: #fff;
    word-wrap: break-word;
    font-size: 32px;
    font-weight: bold;
}
.accordion-title:after {
    font-family: 'iconfont';
    content: "\e911";
    font-size: 40%;
    line-height: 1;
    position: absolute;
    right: 0; top: 50%;
}
.accordion.active .accordion-title:after {
    content: "\e91a";
}
.accordion .accordion-title:after,
.accordion .accordion-title:hover,
.accordion.active .accordion-title {
    color: #fff;
}
.accordion-title span {
    font-size: 35px;
    line-height: 0.8;
}
.accordion-content .wrap {
    padding: 0 0 10px;
    font-size: 24px;
    line-height: 1.5;
}
.accordion-content .wrap p { margin-bottom: 20px; }
.accordion-content .wrap p strong { font-family: 'DBHeavent'; }
.accordion-content ol,
.accordion-content ul { margin-left: 20px; margin-bottom: 20px; }
.accordion-content ol li {
    list-style: decimal;
    margin-bottom: 8px;
}  
.accordion-content ul li {
    list-style: disc;
    margin-bottom: 8px;
}
.accordion-content .text-note {
    font-size: 80%;
    color: #bbb;
    font-style: italic;
}
.flip-slider .swiper-container { overflow: visible; }
.flip-slider .swiper-button-next,
.flip-slider .swiper-button-prev {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px;
    -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
}
.flip-slider .swiper-button-next {
    right: -15px;
}
.flip-slider .swiper-button-prev {
    left: -15px;
}
.flip-slider .swiper-button-next:before {
    content: "\e902";
    font-size: 10px;
}
.flip-slider .swiper-button-prev:before {
    content: "\e90e";
    font-size: 10px;
}
.flip-cards { height: 420px; }
.flip-card .item.txt-small {
    padding: 30px 20px;
}
.flip-card .item .num small.baht {
    font-size: 22px;
    line-height: 1;
    display: inline-block;
    margin-left: 10px;
}
.flip-card .item .desc .ic { font-size: 12px; color: #fff; }
.flip-card .item .num.small { font-size: 60px; }  
.video-wrapper {
    max-width: 850px;
    margin: 0 auto;
    position: relative;
    background-color: #000;
    outline: 0;
    height: 500px;
}
.video-wrapper:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(241,39,17);
    background: linear-gradient(148deg, rgba(241,39,17,1) 0%, rgba(245,175,25,0.5) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.video-wrapper.madcard:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(58,58,59);
    background: linear-gradient(148deg, rgba(58,58,59,1) 0%, rgba(165,167,170,0.5) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.videoWrapperActive .video-title { display: none; }
.video-title { padding-left: 20px; padding-bottom: 20px; z-index: 9; }
.video-title h3 { line-height: 0.7; cursor: pointer; }
.video-title .icon .ic {
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}
.videoWrapperActive.video-wrapper:after {
    display: none;
}
.video-wrapper-full {
    outline: 0;
}
.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.videoPoster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    text-indent: -999em;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    outline: 0;
}
.videoPoster:hover {
    cursor: pointer;
}
.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}
.business-online-card .business-card .caption {
    padding: 40px;
    background-color: #000;
    font-size: 20px;
}
.business-online-card .business-card .caption h3 {
    margin-bottom: 10px;
}
.cards-list {
    width: 100%;
    display: table;
}
.cards-list .card-list {
    width: 50%;
    float: left;
    position: relative;
}
.cards-list .card-list .image-bg img { width: 100%; }
.cards-list .card-list .caption {
    width: 100%;
    padding: 0 15px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cards-list .card-list .caption .image {
    max-width: 410px;
    margin: auto;
    margin-bottom: 50px;
    box-shadow: 0 3px 60px 2px rgba(0, 0, 0, 0.4);
    border-radius: 16px;
    overflow: hidden;
}
.cards-list .card-list .caption .image-logo {
    margin-bottom: 30px;
}
.cards-list .card-list .caption .image-logo img {
    height: 35px;
}
.redeems {
    margin-left: -15px;
    margin-right: -15px;
}
.redeems .more-top {
    margin-top: 80px;
}
.redeems .redeem { margin-top: 80px; padding: 0 5px; max-width: 430px; margin: auto; padding-left: 50px; }
.redeems .redeem .caption {
    text-align: center;
    background-color: #1a1a1a;
    padding: 35px;
}
.redeems-text {
    color: #f06c22; 
    font-size: 30px;
}
#popup-privilege,
#popup-privilege-visa,
#popup-benefit,
#popup-privilege-kerry,
#popup-kerry-claim {
    outline: 0;
}
.applies .full .apply.kerry-express {
    padding: 20px 0;
}
.applies .full .apply.kerry-express img {
    margin-left: 30px;
}
#popup-kerry-claim h2 { line-height: 0.8; }
#popup-kerry-claim .applications { width: 100%; display: table; }
#popup-kerry-claim .applications .application { 
    width: 50%; 
    display: table-cell;
    vertical-align: middle;
}
#popup-kerry-claim .applications .application .image {
    width: 70%;
    margin: auto;
}
#popup-kerry-claim .applications .application .caption .num {
    font-size: 100px;
    color: #6de02d;
    line-height: 1;
}
#popup-kerry-claim .swiper-button-prev { left: 0; }
#popup-kerry-claim .swiper-button-next { right: 0; }
.popup-content-style .mfp-content {
    padding: 40px;
}

@media (min-width:992px) {
    .all-money { padding: 30px 100px; }
    .money-lists-slider .swiper-wrapper { 
        width: auto;
        display: block;
    }
    .money-lists-slider .swiper-button-next,
    .money-lists-slider .swiper-button-prev { display: none; }
}

@media (max-width:991px) {
    .highlight .content-area .img.img-kerry-logo img {
        height: 50px;
    }
    .fees { padding: 20px; }
    .fees:after { width: 100%; }
    .fees table td.num { font-size: 50px;  }
    .fees table td.num-b{ font-size: 70px;  }
    .fees .fee .col:last-child {
        padding-left: 20px;
        padding-top: 20px;
    }
    .applies .apply { margin-top: 30px; }
    .applies .full .apply .image, 
    .applies .full .apply .caption {
        width: 100%;
        display: inline-block;
    }
    .applies .full .apply {
        padding: 40px 0;
    }
    .applies .full .apply .image {
        margin-top: 0;
    }
    .accordion { padding: 0 15px; }
    .accordion-title { font-size: 30px; }
    .accordion { border: 5px solid transparent; }
    .accordion.active { border: 5px solid #6ce02d; }
    .flip-cards { height: 330px; }
    .flip-card .item { height: 320px; }
    .applies .apply.redeem .caption .heading.b-size {
        font-size: 65px;
    }
    .business-online-card .col .business-card {
        margin-bottom: 30px;
    }
    .business-online-card .col:last-child .business-card {
        margin-bottom: 0;
    }
    .cards-list .card-list {
        width: 100%;
    }
    .cards-list .card-list .caption .image {
        max-width: 320px;
    }
    .cards-list .card-list .caption .image-logo img {
        height: 30px;
    }
    .redeems .more-top { margin-top: 0; }
    .redeems .redeem { max-width: 100%; padding-left: 0; }
    .redeems .more-bottom { margin-bottom: 40px; }
    .kerry-claim {
        margin: auto;
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {
    #popup-kerry-claim .applications { display: inline-block; }
    #popup-kerry-claim .applications .application { width: 100%; display: inline-block; }
    #popup-kerry-claim .applications .application { text-align: center; }
}

@media (max-width:640px) {
    .applies .full .apply.kerry-express img {
        display: block;
        margin: auto;
        margin-top: 20px;
    }
}