/* custom-corporate */
.home-intro .scroller-down {
    padding: 0 0 15px;
    background-color: transparent;
}

.home-intro .mouse-scroll {
    left: 0;
}

#hd-background-homepage .background-nav,
#hd-background-homepage #fullscreen-image .mc-image:after {
    display: none;
}

#hd-background-homepage #fullscreen-image .container .caption {
    padding: 0 0 155px;
}

footer>.footer-bottom .list-shortcut>li>.share {
    opacity: 0;
    width: auto;
    background-color: #e9e9e9;
    border-radius: 100px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

footer>.footer-bottom .list-shortcut>li:hover>.share {
    opacity: 1;
    z-index: 1;
}

footer>.footer-bottom .list-shortcut>li>.share ul {
    display: flex;
    padding: 0 0;
    margin: 0px;
    list-style: none;
}

footer>.footer-bottom .list-shortcut>li>.share ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    text-align: center;
}

footer>.footer-bottom .list-shortcut>li>div.share ul li a {
    position: relative;
    padding: 10px 15px;
    display: block;
    float: left;
    width: 100%;
}

footer>.footer-bottom .list-shortcut>li>div.share ul li a:hover span {
    display: flex;
}

footer>.footer-bottom .list-shortcut>li>div.share ul li a span {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 5px;
    left: 0;
    display: none;
    justify-content: center;
    align-items: flex-end;
    font-size: 6px;
    white-space: nowrap;
}

footer>.footer-bottom .list-shortcut>li>div.share ul li:first-child a {
    padding-left: 20px;
}

footer>.footer-bottom .list-shortcut>li>div.share ul li:last-child a {
    padding-right: 20px;
}

footer>.footer-bottom .list-shortcut>li>.share.share--logis ul li {
    font-size: 16px;
}

[class*=block-card] a div.detail h4,
[class*=block-card] a div.detail .title {
    height: 135px;
}

@media (max-width: 767px) {
    #hd-background-homepage #fullscreen-image .container .caption {
        padding: 0 0 250px;
    }

    #hd-background-homepage #fullscreen-image .container .caption h1,
    #hd-background-homepage #fullscreen-image .container .caption .h1 {
        padding-right: 0;
    }

    footer>div.footer-top>.row .list-social {
        float: none;
    }
}

@media (max-width: 991px) {
    body>header.affix>.container-fluid {
        min-height: 89px;
    }

    body>header>.container-fluid #main-nav #top-nav {
        top: 89px;
    }

    body>header.affix-top>.container-fluid #main-nav #top-nav {
        top: 83px;
    }
}

/* new style */

/* Bootstrap Setuup */
.d-flex {
    display: flex !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.align-items-center {
    align-items: center !important;
}

.align-self-center {
    align-self: center !important;
}

/* Setting font-size */
html[lang*='en'] .weight-normal,
html[lang*='th'] .weight-normal {
    font-weight: normal !important;
}

html[lang*='en'] .text-heading,
html[lang*='th'] .text-heading {
    font-size: 42px;
    font-size: 4.2rem;
    font-weight: 700;
}

html[lang*='en'] .media.media--highlight,
html[lang*='th'] .media.media--highlight {
    font-family: Helvetica, Arial, sans-serif;
}

html[lang*='en'] .media.media--highlight .media__value,
html[lang*='th'] .media.media--highlight .media__value {
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: 700;
}

html[lang*='en'] .media.media--highlight .media__text,
html[lang*='th'] .media.media--highlight .media__text {
    font-size: 16px;
    font-size: 1.6rem;
}

html[lang*='en'] .media.media--flag .media__value,
html[lang*='th'] .media.media--flag .media__value {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
}

html[lang*='en'] .media.media--flag .media__text,
html[lang*='th'] .media.media--flag .media__text {
    font-size: 17px;
    font-size: 1.7rem;
}

html[lang*='en'] .stock,
html[lang*='th'] .stock {
    font-family: Helvetica, Arial, sans-serif;
}

html[lang*='en'] .stock.stock--home .stock__symbol,
html[lang*='th'] .stock.stock--home .stock__symbol {
    font-size: 15px;
    font-size: 1.5rem;
}

html[lang*='en'] .stock.stock--home .stock__value,
html[lang*='th'] .stock.stock--home .stock__value {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.4;
}

html[lang*='en'] .stock.stock--home .stock__text,
html[lang*='th'] .stock.stock--home .stock__text {
    font-size: 15px;
    font-size: 1.5rem;
}

html[lang*='en'] .stock.stock--home .stock__item.stock__item--highlight .stock__symbol,
html[lang*='th'] .stock.stock--home .stock__item.stock__item--highlight .stock__symbol {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
}

html[lang*='en'] .stock.stock--home .stock__item.stock__item--highlight .stock__value,
html[lang*='th'] .stock.stock--home .stock__item.stock__item--highlight .stock__value {
    font-size: 45px;
    font-size: 4.5rem;
}

html[lang*='en'] .stock.stock--home .stock__item.stock__item--highlight .stock__text,
html[lang*='th'] .stock.stock--home .stock__item.stock__item--highlight .stock__text {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
}

html[lang*='en'] .btn.btn--viewall .btn__title,
html[lang*='th'] .btn.btn--viewall .btn__title {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
}

html[lang*='en'] .card.card--download .card__date,
html[lang*='th'] .card.card--download .card__date {
    font-size: 14px;
    font-size: 1.4rem;
}

html[lang*='en'] .card.card--download .card__title,
html[lang*='th'] .card.card--download .card__title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
}

html[lang*='en'] .card.card--business .card__title,
html[lang*='th'] .card.card--business .card__title {
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 700;
}

html[lang*='en'] .card.card--business .card__text,
html[lang*='th'] .card.card--business .card__text {
    font-size: 16px;
    font-size: 1.6rem;
}

html[lang*='en'] .card.card--business .card__highlight,
html[lang*='th'] .card.card--business .card__highlight {
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 700;
}

/* Setting text-heading */
.text-heading {
    position: relative;
    padding-bottom: 2.5rem;
    margin-top: 0;
    margin-bottom: 2.5rem;
    text-transform: uppercase;
}

.text-heading::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 3px;
    background-color: #DA1F2D;
}

.text-heading-center {
    position: relative;
    padding-bottom: 2.5rem;
    margin-top: 0;
    margin-bottom: 2.5rem;
    text-align: center;
    text-transform: uppercase;
}

.text-heading-center::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 70px;
    height: 3px;
    background-color: #DA1F2D;
    transform: translate(-50%, 0);
}

/* Setting parallax */
.bg-parallax {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    width: 100vmax;
    height: 120vmin;
    transform: translate(-50%, 0);
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

@media (max-width: 767px) {
    .bg-parallax {
        height: 101%;
    }
}

.bg-gradient {
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%);
}

/* Setting Section Home */
.home-overview {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15rem 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home-highlight {
    position: relative;
    padding: 5rem 0;
    overflow: hidden;
}

.home-business {
    position: relative;
    display: flex;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    overflow: hidden;
}

.home-business .home-business__wrapper {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    padding: 15px;
    z-index: 1;
}

.home-business .home-business__item {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 2.5rem 0;
    overflow: hidden;
}

.home-business .home-business__figure {
    position: relative;
    margin-bottom: 2.5rem;
}

.home-business .home-business__img {
    max-width: 100%;
    height: auto;
}

.box-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.box-item .box-item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    /* transition: all .3s linear; */
}

.box-item .box-item__image.active {
    opacity: 1;
}

@media (max-width: 991px) {
    .home-business {
        background: #737373 !important;
    }

    .home-business .home-business__item+.home-business__item {
        border-top: 1px solid #ffffff;
    }
}

@media (min-width: 992px) {
    .home-business {
        min-height: 800px;
    }

    .home-business .home-business__wrapper {
        padding: 0;
    }

    .home-business .home-business__item {
        flex: 1;
        max-width: 100%;
        padding: 5rem 2.5rem;
    }

    .home-business .home-business__figure,
    .home-business .home-business__img {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
    .box-item.active::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(5, 58, 111, 0.8);
        z-index: 1;
    }
}

.home-combine {
    position: relative;
    margin-bottom: -85px;
    overflow: hidden;
}

.home-international-footprint {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5rem 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home-investor-corner {
    position: relative;
    padding-top: 10rem;
}

.home-stock {
    position: relative;
    z-index: 1;
}

.home-download {
    position: relative;
    padding-top: calc(85px + 5rem);
    padding-bottom: 10rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home-csr-corner {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10rem 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Setting Media */
.media-group {
    display: flex;
    flex-flow: row wrap;
}

.media-group .media {
    margin-top: 0;
    margin-right: 2.5rem;
}
 
.media.media--highlight {
    display: flex;
    flex-flow: row wrap;
}

.media.media--highlight .media__figure {
    flex: 0 0 90px;
    max-width: 90px;
    padding-top: 1.5rem;
}

.media.media--highlight .media__img {
    display: block;
    width: 100%;
    max-width: 70px;
    height: auto;
}

.media.media--highlight .media__body {
    flex: 1;
    max-width: 100%;
}

.media.media--highlight .media__text {
    color: #ffffff;
}

.media.media--highlight .media__value {
    color: #ffffff;
}

@media (max-width: 1199px) {
    .media.media--highlight {
        margin-top: 5rem;
    }
}

.media.media--flag {
    display: flex;
    flex-flow: row wrap;
}

.media.media--flag .media__figure {
    flex: 0 0 auto;
    margin-top: 1.5rem;
    margin-right: 1rem;
    max-height: 70px;
}

.media.media--flag .media__img {
    display: block;
    width: 100%;
    max-width: 36px;
    height: auto;
}

.media.media--flag .media__body {
    flex: 1;
}

.media.media--flag .media__text {}

.media.media--flag .media__value {
    margin-right: .75rem;
}

/* Setting Stock */
.stock {
    position: relative;
}

.stock.stock--home {
    display: flex;
    flex-flow: row wrap;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, .3);
}

.stock.stock--home .stock__item {
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    max-width: 100%;
    background-color: #ffffff;
}

.stock.stock--home .stock__body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    margin: 3rem 0 2rem;
}

.stock.stock--home .stock__body::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #000000;
    transform: translate(0, -50%);
}

.stock.stock--home .stock__symbol {
    color: #000000;
}

.stock.stock--home .stock__value {
    color: #0066B2;
}

.stock.stock--home .stock__text {
    color: #000000;
}

.stock.stock--home .stock__date {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1;
    color: #737373;
    background-color: #ffffff;
    padding: 1rem 1.5rem 1.5rem;
}

.stock.stock--home .stock__item.stock__item--highlight {
    background-color: #DA1F2D;
}

.stock.stock--home .stock__item.stock__item--highlight .stock__symbol {
    color: #ffffff;
}

.stock.stock--home .stock__item.stock__item--highlight .stock__value {
    color: #ffffff;
}

.stock.stock--home .stock__item.stock__item--highlight .stock__text {
    color: #ffffff;
}

@media (min-width: 576px) {
    .stock.stock--home .stock__item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .stock.stock--home .stock__item.stock__item--highlight {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {

    .stock.stock--home .stock__item:nth-child(n+3) .stock__body::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: #000000;
        transform: translate(0, -50%);
    }

    .stock.stock--home .stock__item,
    .stock.stock--home .stock__item.stock__item--highlight {
        flex: 1;
        max-width: 100%;
    }

    .stock.stock--home .stock__date {
        position: absolute;
        top: 0;
        right: 0;
    }
}

/* Setting button */
.btn.btn--viewall {
    position: relative;
    padding: 0;
}

.btn.btn--viewall:hover .btn__icon {
    color: #DA1F2D;
    font-size: 10px;
    font-weight: 700;
}

.btn.btn--viewall .btn__title {
    padding-right: 1.5rem;
    color: #ffffff;
    text-transform: uppercase;
}

.btn.btn--viewall .btn__icon {
    position: absolute;
    top: 55%;
    right: 0;
    color: #ffffff;
    font-size: 6px;
    transition: all .1s linear;
    transform: translate(0, -50%);
}

.btn.btn--icon {
    position: relative;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn.btn--icon:hover .btn__icon {
    color: #DA1F2D;
}

.btn.btn--icon .btn__title {
    padding-right: 1.25rem;
    color: #ffffff;
    text-transform: uppercase;
}

.btn.btn--icon .btn__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    font-size: 14px;
    padding-left: 1px;
    padding-bottom: 1px;
    color: #0066B2;
    border-radius: 50%;
    background-color: #ffffff;
    transition: all .3s linear;
}

.btn.btn--reverse .btn__icon {
    width: 28px;
    height: 28px;
    font-size: 18px;
    color: #DA1F2D;
}

.btn.btn--reverse:hover .btn__icon {
    color: #ffffff;
    background-color: #DA1F2D;
}

/* Setting card */

.card.card--download {}

.card.card--download:hover .card__title {
    transform: translateX(10px);
}

.card.card--download:hover .card__btn .btn.btn--icon .btn__icon {
    color: #DA1F2D;
    background-color: #ffffff;
}

.card.card--download:hover .card__btn .btn.btn--reverse .btn__icon {
    color: #ffffff;
    background-color: #DA1F2D;
}

.card.card--download .card__body {
    display: flex;
    flex-flow: row wrap;
    padding: 1.5rem 0;
}

.card.card--download .card__date {
    flex: 0 0 100%;
    max-width: 100%;
    color: #ffffff;
}

.card.card--download .card__title {
    flex: 1;
    max-width: 100%;
    color: #ffffff;
    transition: all .3s linear;
}

.card.card--download .card__btn {
    flex: 0 0 30px;
    max-width: 30px;
    color: #ffffff;
}

.card.card--business {
    display: flex;
    align-items: flex-end;
    height: 100%;
    color: #ffffff;
}

.card.card--business .card__figure {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    transition: all .3s linear;
}

.card.card--business .card__img {
    max-width: 100%;
    height: auto;
    max-height: 40px;

}

.card.card--business .card__icon {
    font-size: 40px;
    transition: all .3s linear;
}

.card.card--business .card__body {}

.card.card--business .card__title {
    position: relative;
    text-transform: uppercase;
    padding-bottom: 1.5rem;
    margin-bottom: 2.5rem;
    transition: all .3s linear;
}

.card.card--business .card__title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 70px;
    background-color: #DA1F2D;
}

.card.card--business .card__text {
    text-transform: uppercase;
    transition: all .3s linear;
}

.card.card--business .card__highlight {
    transition: all .3s linear;
}

.card.card--business .card__btn {
    margin-top: 1.5rem;
    transition: all .3s linear;
}

@media (min-width: 992px) {

    .card.card--business:hover .card__figure,
    .card.card--business:hover .card__icon,
    .card.card--business:hover .card__title {
        transform: translateY(0);
    }

    .card.card--business:hover .card__text,
    .card.card--business:hover .card__highlight,
    .card.card--business:hover .card__btn {
        position: relative;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .card.card--business .card__figure,
    .card.card--business .card__icon,
    .card.card--business .card__title {
        transform: translateY(3rem);
    }

    .card.card--business .card__text,
    .card.card--business .card__highlight,
    .card.card--business .card__btn {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        transform: translateY(3rem);
    }
}


.ir-download {
    display: flex;
    flex-flow: row wrap;
}

.ir-download .ir-download__item {
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    max-width: 100%;
}

.ir-download .ir-download__item+.ir-download__item {
    margin-top: 7rem;
}

@media (min-width: 992px) {
    .ir-download {
        margin-left: -2.5rem;
        margin-right: -2.5rem;
    }

    .ir-download .ir-download__item {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        flex: 1;
        max-width: 100%;
    }

    .ir-download .ir-download__item+.ir-download__item {
        margin-top: 0;
        border-left: 1px solid #ffffff;
    }
}

.set-announcement {
    display: flex;
    flex-flow: row wrap;
}

.set-announcement .set-announcement__item {
    flex-grow: 1;
}

.set-announcement .set-announcement__item+.set-announcement__item {
    border-top: 1px solid #ffffff;
}

.download {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
}

.download .download__item {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
}

.download .download__item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    background-color: #ffffff;
    transform: translate(0, -50%);
}

.download .download__item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: #ffffff;
}

.download .download__item:nth-child(n+2)::after {
    width: 100%;
    height: 1px;
}

@media (min-width: 992px) {
    .download .download__item {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .download .download__item:nth-child(even) {
        padding-left: 3rem;
        padding-right: 0;
    }

    .download .download__item:nth-child(even)::before {
        width: 1px;
        height: 80%;
    }

    .download .download__item:nth-child(2)::after {
        width: 0;
        height: 0;
    }

    .download .download__item:nth-child(n+3)::after {
        width: 100%;
        height: 1px;
    }
}

/* icon 360 style  */
.virtual-360 {
    transform: scale(1.3);
    transform-origin: bottom;
}