/*@font-face {
    font-family: 'db_adman_xbold';
    src: url("../fonts/db_adman_x_bd_v3.2-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/db_adman_x_bd_v3.2-webfont.woff") format("woff"), url("../fonts/db_adman_x_bd_v3.2-webfont.ttf") format("truetype"), url("../fonts/db_adman_x_bd_v3.2-webfont.svg#db_adman_xbold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'db_adman_xregular';
    src: url("../fonts/db_adman_x_v3.2-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/db_adman_x_v3.2-webfont.woff") format("woff"), url("../fonts/db_adman_x_v3.2-webfont.ttf") format("truetype"), url("../fonts/db_adman_x_v3.2-webfont.svg#db_adman_xregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sr_rojee_npregular';
    src: url("../fonts/sr_rojee_np_2-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sr_rojee_np_2-webfont.woff") format("woff"), url("../fonts/sr_rojee_np_2-webfont.ttf") format("truetype"), url("../fonts/sr_rojee_np_2-webfont.svg#sr_rojee_npregular") format("svg");
    font-weight: normal;
    font-style: normal;
}*/

/*.lightgray {
    background-color: #DDD;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

    .lightgray > a:link, .lightgray > a:visited, .lightgray > a:focus {
        background: transparent;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 100%;
        width: 140px;
        height: 140px;
        display: block;
        transition: all .35s ease-in-out;
        -webkit-transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        -ms-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
        text-decoration: none;
        background-size: cover;
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
    }

    .lightgray > a:hover {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transition: all .35s ease-in-out;
        -webkit-transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        -ms-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
    }*/


.sstnablty .block5 .btnblock4 {
    padding: 0 0 4% 0;
}

.bsnss-dgst .block1 #selectmenu2 {
    margin: 20px 0 15px 0;
    position: relative;
}

    .bsnss-dgst .block1 #selectmenu2 #menulist {
        width: 100%;
        background-color: transparent;
        height: 50px;
        outline: none;
        font-size: 2.4rem;
        font-size: 24px;
    }

    .bsnss-dgst .block1 #selectmenu2 .select-arrow {
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -20px;
    }

    .bsnss-dgst .block1 #selectmenu2 .dropdown-menu {
        width: 100%;
        font-size: 2.4rem;
        font-size: 24px;
    }


.krungthai-upd-indx #tabnavbar ul li.first a,
.promotion-indx #tabnavbar ul li.first a {
    border-left: 1px solid #03A5E4;
    border-radius: 20px 0 0 20px;
}

.krungthai-upd-indx #tabnavbar ul li.last a,
.promotion-indx #tabnavbar ul li.last a {
    border-right: 1px solid #03A5E4;
    border-radius: 0 20px 20px 0;
}

.krungthai-upd-indx #tabnavbar ul li:hover a, .krungthai-upd-indx #tabnavbar ul li.active a,
.promotion-indx #tabnavbar ul li:hover a, .promotion-indx #tabnavbar ul li.active a {
    color: #fff !important;
    background-color: #00A4E4;
    background-image: -webkit-linear-gradient(left, #2CC3F1 0%, #6C5AF5 100%);
    background-image: -o-linear-gradient(left, #2CC3F1 0%, #6C5AF5 100%);
    background-image: linear-gradient(to right, #2CC3F1 0%, #6C5AF5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2CC3F1', endColorstr='#FF6C5AF5', GradientType=1);
}

.krungthai-upd-indx #tabnavbar ul li.active:after,
.promotion-indx #tabnavbar ul li.active:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #4F87F6;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}

/* Locator - Start */
.area_locator {
    font-family: "krungthai_fastregular";
    font-size: 18px;
}

.box_locator_header {
    width: 100%;
    padding: 5px 5px 5px 15px;
    background-color: #C2E9FA;
    display: inline-block;
    /*font-family: "krungthai_fastregular";*/
    font-size: 20px;
}

.area_locator .box_locator_main_left {
    width: 52%;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    /*font-family: "krungthai_fastregular";*/
}

    .area_locator .box_locator_main_left .radioLabel {
        cursor: pointer;
    }

.area_locator .list_item_grid.list_item_grid_left {
    /*margin-left: -20px;*/
    width: 50%;
    margin-bottom: 10px;
}

.area_locator .list_item_grid.list_item_grid_right {
    margin-bottom: 10px;
}

.area_locator .list_item_grid label {
    font-weight: normal !important;
}

.area_locator .box_locator_main_right {
    width: 47%;
    float: left;
}


.area_locator .locator_list_option {
    /*background: -webkit-linear-gradient(left, #E7E7E7, #E7E7E7 85%, #00A3E4 15%, #00A3E4 );
    background: -moz-linear-gradient(left, #E7E7E7, #E7E7E7 85%, #00A3E4 15%, #00A3E4 );
    background: linear-gradient(left, #E7E7E7, #E7E7E7 85%, #00A3E4 15%, #00A3E4 );
    border: 1px solid #c3c3c3;
    padding: 0 0 3px 5px;*/
    text-indent: 0;
    cursor: pointer;
    height: 27px;
    /*width: 184px;*/
    width: 45%;
    line-height: 27px;
    position: relative;
    display: inline-block;
    margin-left: 10px;
    /*border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.6);*/
}

.area_locator .locator_list_option_input {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    height: 33px;
    padding-left: 7px;
    padding-top: 0px;
    top: -1px;
    padding-top: 1px;
    /*width: 184px;*/
    width: 45%;
    /*border: 1px solid #c3c3c3;*/
    display: inline-block;
    position: relative;
    margin-left: 10px;
    /*background: -webkit-linear-gradient(left, #E7E7E7, #E7E7E7 100%, #00A3E4 );*/
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.6);
}

    .area_locator .locator_list_option_input input {
        color: #000;
        font-size: 18px;
        border: 0 none;
        margin-top: 5px;
        width: 180px;
        height: 25px;
        background: transparent;
        line-height: 1.5em;
        /*font-family: "krungthai_fastregular";*/
    }

.area_locator .ico_search_locator {
    display: none;
}

.area_locator .locator_list_option_input.branch {
    margin-top: 10px;
}

@media only screen and (max-width: 800px) {
    .area_locator .box_locator_main_left {
        width: 100%;
        float: none;
        padding-bottom: 10px;
    }

    .area_locator .box_locator_main_right {
        width: 100%;
        float: none;
    }

    .area_locator .list_item_grid.list_item_grid_left {
        width: 55%;
    }

    .area_locator .list_item_grid.list_item_grid_right {
        width: 44%;
    }

    .area_locator .locator_list_option {
        width: 90%;
    }

    .area_locator .locator_list_option_input {
        margin-top: 15px;
        margin-bottom: 15px;
        width: 90%;
    }

        .area_locator .locator_list_option_input.branch {
            margin-top: 0px;
        }
}

.area_locator .box_locator_footer {
    width: 100%;
    padding: 10px;
    /*background-color: #C2E9FA;*/
    text-align: center;
}

@media only screen and (max-width: 667px) {
    .list_item_grid.list_item_grid_left {
        width: 85%;
    }

    .area_locator .list_item_grid.list_item_grid_left {
        width: 85%;
    }

    .area_locator .list_item_grid.list_item_grid_right {
        width: 85%;
    }
}

@media only screen and (max-width: 568px) {
    .area_locator .box_locator_main_left {
        width: 100%;
    }
}

.area_locator .list_item_grid {
    display: inline-block;
    width: 45%;
}

.area_locator .box_locator_main_right p.locator_list_text {
    font-size: 18px;
    padding: 12px 0 0 15px;
    display: none;
}

.area_locator .box_locator_footer-search {
    display: none;
    /*background-color: #F8F8F8;*/
    padding: 15px;
}



.area_locator .dropdown-menu {
    width: 100%;
    font-size: 2.4rem;
    font-size: 24px;
    margin-top: 15px;
}

.area_locator .content-desc {
    width: 100%;
    /*background-color: transparent;
    height: 40px;*/
    outline: none;
    /*font-size: 2.4rem;
    font-size: 24px;*/
    font-size: 18px;
    max-height: 300px;
    overflow-y: auto;
}

.area_locator .locator_list_option.line2 {
    margin-top: 15px;
    line-height: 1.5em;
}

.area_locator .select-arrow {
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -10px;
    width: 30px;
}

.area_locator #servicepoint-result thead {
    background: linear-gradient(to right, #64D3F4, #2CC3F1, #6C5AF5);
}

.area_locator #servicepoint-result .tr_data_item td {
    word-wrap: break-word;
}

    .area_locator #servicepoint-result .tr_data_item td:first-child {
        min-width: 200px;
        max-width: 260px;
        white-space: inherit;
    }

    .area_locator #servicepoint-result .tr_data_item td:nth-child(2) {
        min-width: 400px;
        max-width: 400px;
        white-space: inherit;
    }

    .area_locator #servicepoint-result .tr_data_item td:nth-child(3) {
        min-width: 250px;
        max-width: 250px;
        white-space: inherit;
    }

.no-display {
    display: none;
}

.cleared {
    clear: both;
}
/* Locator - End */


.pillar-ii-dcs .block2 .maindwn .itemdownloadset {
    min-height: inherit !important;
}

.prsent .block2 .maindwn .itemdownloadset {
    min-height: inherit !important;
}

/*dialog Search*/

.search-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0px; /*110px;*/
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    opacity: 0.8;
    filter: alpha(opacity=90);
    /*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
}

/* Modal Content */
.search-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 8px;
    border: 1px solid #888;
    width: 60%;
}

/* The Close Button */
.search-close {
    color: #fbf9f9;
    float: right;
    font-size: 48px;
    margin-top: -80px;
}

    /*.search-close:hover,*/
    .search-close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.search-input {
    width: 92%;
    display: inherit;
    border: 0px solid #fff;
    box-shadow: unset;
    font-family: "krungthai_fastregular";
    font-size: 24px;
    font-size: 2.4rem;
    color: #455879;
}


/*End dialog Search*/


/*Cards*/
.debit-crd-prvl .block2 .txt-title {
    min-height: 55px;
}

.debit-crd-prvl .block4 {
    margin-top: 40px;
}

/* Start Download */
.itemdownloadset {
    /*padding-top: 30px;*/
}

    .itemdownloadset .cattitle {
        padding-bottom: 15px;
        border-bottom: 1px solid #CCC;
    }

    .itemdownloadset .itemdownload {
        border-bottom: 1px solid #CCC;
        padding: 10px 0;
    }

        .itemdownloadset .itemdownload .pull-left {
            display: table;
            width: 70%;
            padding-left: 30px;
        }

            .itemdownloadset .itemdownload .pull-left .iconimg {
                display: table-cell;
                vertical-align: top;
                padding-top: 6px;
                width: 55px;
            }

            .itemdownloadset .itemdownload .pull-left .dtext {
                display: table-cell;
                vertical-align: top;
            }

        .itemdownloadset .itemdownload .dwlcontainer {
            padding-top: 15px;
            padding-right: 30px;
        }

        .itemdownloadset .itemdownload.active {
            background: #FFF;
            box-shadow: 1px 0px 40px 0px #ccc;
            -webkit-box-shadow: 1px 0px 40px 0px #ccc;
            -moz-box-shadow: 1px 0px 40px 0px #ccc;
            -ms-box-shadow: 1px 0px 40px 0px #ccc;
            -o-box-shadow: 1px 0px 40px 0px #ccc;
            border-bottom: none;
            /*transition: all .35s ease-in-out;
            -webkit-transition: all .35s ease-in-out;
            -moz-transition: all .35s ease-in-out;
            -ms-transition: all .35s ease-in-out;
            -o-transition: all .35s ease-in-out;*/
        }

            .itemdownloadset .itemdownload.active .pull-left {
                transition: all .35s ease-in-out;
                -webkit-transition: all .35s ease-in-out;
                -moz-transition: all .35s ease-in-out;
                -ms-transition: all .35s ease-in-out;
                -o-transition: all .35s ease-in-out;
                /*padding-left: 20px;*/
            }

/*.itemdownloadset .itemdownload:hover {
            background: #FFF;
            box-shadow: 1px 0px 40px 0px #ccc;
            -webkit-box-shadow: 1px 0px 40px 0px #ccc;
            -moz-box-shadow: 1px 0px 40px 0px #ccc;
            -ms-box-shadow: 1px 0px 40px 0px #ccc;
            -o-box-shadow: 1px 0px 40px 0px #ccc;
            border-bottom: none;
            transition: all .35s ease-in-out;
            -webkit-transition: all .35s ease-in-out;
            -moz-transition: all .35s ease-in-out;
            -ms-transition: all .35s ease-in-out;
            -o-transition: all .35s ease-in-out;
        }*/

.product-related-link {
    padding-top: 30px;
}
/* End Download */

.imagetag5 img.w100p, .picblock4 img.w100p {
    /*height: 245px;*/
    display: block;
}

/* init modal */
.css5-blue14 {
    color: #00a4e4;
    font-size: 2rem;
}

.area_personal_sme {
    padding: 10px 5px 0 5px;
    border: 10px solid #39c7f0;
    margin: 35px 0 0 0;
    position: relative;
    color: #000;
    font-size: 1em;
    font-family: "krungthai_fastregular";
    background-color: #fff;
    height: 100%;
}

.ktb-modal-modal {
    z-index: 3;
    display: none;
    padding-top: 20px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.ktb-modal-image {
    max-width: 100%;
    height: auto
}

.ktb-modal-table, .ktb-modal-table-all {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table
}

.ktb-modal-table-all {
    border: 1px solid #ccc
}

    .ktb-modal-bordered tr, .ktb-modal-table-all tr {
        border-bottom: 1px solid #ddd
    }

.ktb-modal-striped tbody tr:nth-child(even) {
    background-color: #f1f1f1
}

.ktb-modal-table-all tr:nth-child(odd) {
    background-color: #fff
}

.ktb-modal-table-all tr:nth-child(even) {
    background-color: #f1f1f1
}

.ktb-modal-hoverable tbody tr:hover, .ktb-modal-ul.ktb-modal-hoverable li:hover {
    background-color: #ccc
}

.ktb-modal-centered tr th, .ktb-modal-centered tr td {
    text-align: center
}

.ktb-modal-table td, .ktb-modal-table th, .ktb-modal-table-all td, .ktb-modal-table-all th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top
}

    .ktb-modal-table th:first-child, .ktb-modal-table td:first-child, .ktb-modal-table-all th:first-child, .ktb-modal-table-all td:first-child {
        padding-left: 16px
    }

.ktb-modal-btn, .ktb-modal-btn-block {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    color: #fff;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

    .ktb-modal-btn:hover, .ktb-modal-btn-block:hover, .ktb-modal-btn-floating:hover, .ktb-modal-btn-floating-large:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
    }

.ktb-modal-btn, .ktb-modal-btn-floating, .ktb-modal-btn-floating-large, .ktb-modal-closenav, .ktb-modal-opennav, .ktb-modal-btn-block {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ktb-modal-btn-floating, .ktb-modal-btn-floating-large {
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px
}

.ktb-modal-btn-floating {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.ktb-modal-btn-floating-large {
    width: 56px;
    height: 56px;
    line-height: 56px
}

    .ktb-modal-disabled, .ktb-modal-btn:disabled, .ktb-modal-btn-floating:disabled, .ktb-modal-btn-floating-large:disabled {
        cursor: not-allowed;
        opacity: 0.3
    }

        .ktb-modal-btn.ktb-modal-disabled *, .ktb-modal-btn-block.ktb-modal-disabled, .ktb-modal-btn-floating.ktb-modal-disabled *, .ktb-modal-btn:disabled *, .ktb-modal-btn-floating:disabled * {
            pointer-events: none
        }

            .ktb-modal-btn.ktb-modal-disabled:hover, .ktb-modal-btn-block.ktb-modal-disabled:hover, .ktb-modal-btn:disabled:hover, .ktb-modal-btn-floating.ktb-modal-disabled:hover, .ktb-modal-btn-floating:disabled:hover,
            .ktb-modal-main, #main {
                transition: margin-left .4s
            }

.ktb-modal-modal {
    z-index: 3;
    display: none;
    padding-top: 20px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: transparent;
    background-color: rgba(0,0,0,0.4);
    margin-top: 50px;
}

.ktb-modal-modal-content {
    margin: auto;
    background-color: transparent;
    position: relative;
    padding: 0;
    outline: 0;
    width: 85%;
}

.ktb-modal-closebtn {
    text-decoration: none;
    float: right;
    font-size: 40px;
    font-weight: bold;
    width: 40px;
    color: #fff;
    height: 34px;
    display: block;
    text-align: center;
    line-height: 27px;
    background-color: #c19244;
    position: absolute;
    /*right: 16px;*/
    right: 24px;
    top: 1px;
    cursor: pointer;
    z-index: 2;
    border-radius: 5px 5px 0px 0px;
}

    .ktb-modal-closebtn:hover, .ktb-modal-closebtn:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

    .ktb-modal-closebtn.page-sme {
        background-color: #39c7f0;
    }

.ktb-modal-label {
    color: #009688
}

.ktb-modal-input:not(:valid) ~ .ktb-modal-validate {
    color: #f44336
}

input[type=checkbox].ktb-modal-check, input[type=radio].ktb-modal-radio {
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px
}

    input[type=checkbox].ktb-modal-check:checked + .ktb-modal-validate, input[type=radio].ktb-modal-radio:checked + .ktb-modal-validate {
        color: #009688
    }

    input[type=checkbox].ktb-modal-check:disabled + .ktb-modal-validate, input[type=radio].ktb-modal-radio:disabled + .ktb-modal-validate {
        color: #aaa
    }

.ktb-modal-responsive {
    overflow-x: auto
}

.ktb-modal-container:after, .ktb-modal-panel:after, .ktb-modal-row:after, .ktb-modal-row-padding:after, .ktb-modal-topnav:after, .ktb-modal-clear:after, .ktb-modal-btn-group:before, .ktb-modal-btn-group:after, .ktb-modal-btn-bar:before, .ktb-modal-btn-bar:after {
    content: "";
    display: table;
    clear: both
}

.ktb-modal-col, .ktb-modal-half, .ktb-modal-third, .ktb-modal-twothird, .ktb-modal-threequarter, .ktb-modal-quarter {
    float: left;
    width: 100%
}

.ktb-modal-content {
    max-width: 980px;
    margin: auto
}

.ktb-modal-rest {
    overflow: hidden
}

.ktb-modal-hide {
    display: none !important
}

.ktb-modal-show-block, .ktb-modal-show {
    display: block !important
}

.ktb-modal-show-inline-block {
    display: inline-block !important
}

@-webkit-keyframes ktb-modal-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes ktb-modal-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.ktb-modal-container {
    padding: 0.01em 16px
}

.ktb-modal-panel {
    padding: 0.01em 16px;
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.ktb-modal-animate-fading {
    -webkit-animation: fading 10s infinite;
    animation: fading 10s infinite
}

@-webkit-keyframes fading {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fading {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ktb-modal-animate-opacity {
    -webkit-animation: opac 0.8s;
    animation: opac 0.8s
}

@-webkit-keyframes opac {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opac {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ktb-modal-animate-top {
    position: relative;
    -webkit-animation: animatetop 0.4s;
    animation: animatetop 0.4s
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.ktb-modal-animate-left {
    position: relative;
    -webkit-animation: animateleft 0.4s;
    animation: animateleft 0.4s
}

@-webkit-keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

.ktb-modal-animate-right {
    position: relative;
    -webkit-animation: animateright 0.4s;
    animation: animateright 0.4s
}

@-webkit-keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.ktb-modal-animate-bottom {
    position: relative;
    -webkit-animation: animatebottom 0.4s;
    animation: animatebottom 0.4s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.ktb-modal-animate-zoom {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.iframe_modal {
    position: relative;
    width: 100%;
    height: 600px;
    border: none;
    display: block;
    overflow: hidden;
}

.area_personal_sme .btn-print-on {
    background: url('/dist/resources/images/icon/icon-print-2.png') no-repeat;
    width: 51px;
    height: 34px;
    display: block;
    position: absolute;
    top: -44px;
    right: 35px;
    outline: none;
    cursor: pointer;
}

#printOnDiv {
    line-height: 1.5em;
    height: 500px;
    font-family: "krungthai_fastregular" !important;
    font-size: 18px;
}

.area_personal_sme #printOnDiv, .area_personal_about #printOnDiv {
    overflow: scroll;
}
/* Custom Gobal - tabnavbar */
.block2 #tabnavbar {
    padding-bottom: 20px;
    margin: 0 auto;
}

    .block2 #tabnavbar ul {
        width: 100%;
        margin: 0;
        -webkit-padding-start: 0;
        padding: 0;
        border-radius: 50px;
    }

        .block2 #tabnavbar ul li {
            display: table-cell;
            position: relative;
            width: 1%;
            text-align: center;
            border-right: 1px solid #03A5E4;
            border-top: 1px solid #03A5E4;
            border-bottom: 1px solid #03A5E4;
            line-height: 24px;
            vertical-align: middle;
        }

            .block2 #tabnavbar ul li.first {
                border-left: 1px solid #03A5E4;
                border-radius: 20px 0 0 20px;
            }

            .block2 #tabnavbar ul li.last {
                border-right: 1px solid #03A5E4;
                border-radius: 0 20px 20px 0;
            }

            .block2 #tabnavbar ul li:hover, .block2 #tabnavbar ul li.active {
                background-color: #00A4E4;
                background-image: -webkit-linear-gradient(left, #2CC3F1 0%, #6C5AF5 100%);
                background-image: -o-linear-gradient(left, #2CC3F1 0%, #6C5AF5 100%);
                background-image: linear-gradient(to right, #2CC3F1 0%, #6C5AF5 100%);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2CC3F1', endColorstr='#FF6C5AF5', GradientType=1);
            }

                .block2 #tabnavbar ul li:hover a, .block2 #tabnavbar ul li.active a {
                    color: #fff;
                }

                .block2 #tabnavbar ul li.active:after {
                    content: '';
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-right: 10px solid transparent;
                    border-left: 10px solid transparent;
                    border-top: 10px solid #4F87F6;
                    bottom: -10px;
                    left: 50%;
                    margin-left: -10px;
                }

            .block2 #tabnavbar ul li a {
                position: relative;
                display: block;
                padding: 5px;
                text-decoration: none;
                font-family: 'krungthai_fastregular';
                color: #394866;
                font-size: 24px;
                font-size: 2.4rem;
            }

.block2 #selectmenu {
    margin-bottom: 30px;
}

    .block2 #selectmenu #menulist {
        width: 100%;
        color: #fff;
        background-color: #00A4E4;
        background-image: -webkit-linear-gradient(left, #2CC3F1 0%, #6C5AF5 100%);
        background-image: -o-linear-gradient(left, #2CC3F1 0%, #6C5AF5 100%);
        background-image: linear-gradient(to right, #2CC3F1 0%, #6C5AF5 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2CC3F1', endColorstr='#FF6C5AF5', GradientType=1);
        height: 50px;
        border-radius: 50px;
        outline: none;
        font-size: 2.4rem;
        font-size: 24px;
    }

    .block2 #selectmenu .select-arrow {
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -20px;
    }

    .block2 #selectmenu .dropdown-menu {
        width: 100%;
        font-size: 2.4rem;
        font-size: 24px;
    }

.block2 .divfilters {
    /*width: 85%;*/
    width: 100%;
    margin: 0 auto;
}

/*.block2 .txt1 {
    padding: 35px 0 20px 0;
}*/

.block2 .navmenudwn {
    margin: 0 auto;
    overflow: auto;
}

    .block2 .navmenudwn ul.menudwn {
        white-space: nowrap;
        padding: 0;
        margin: 0 auto;
        width: 90%;
        list-style-type: none;
        border-bottom: 1px solid #CCC;
        display: table;
    }

        .block2 .navmenudwn ul.menudwn li {
            padding: 0;
            margin: 0;
            cursor: pointer;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

            .block2 .navmenudwn ul.menudwn li:link, .block2 .navmenudwn ul.menudwn li:visited, .block2 .navmenudwn ul.menudwn li:focus {
                display: block;
            }

            .block2 .navmenudwn ul.menudwn li:hover, .block2 .navmenudwn ul.menudwn li.active {
                color: #00A4E4;
                background: url("/dist/resources/images/share/menu-bottom-line.png") center bottom no-repeat;
            }

                .block2 .navmenudwn ul.menudwn li:hover a, .block2 .navmenudwn ul.menudwn li.active a {
                    color: #00A4E4;
                }

            .block2 .navmenudwn ul.menudwn li a {
                text-decoration: none;
                font-family: "krungthai_fastregular";
                font-size: 24px;
                font-size: 2.4rem;
                color: #3A4966;
                line-height: 25px;
                padding: 20px 10px 20px 0;
                display: inline-block;
            }

                .block2 .navmenudwn ul.menudwn li a.active {
                    color: #00A4E4;
                }

.block2 .desc-txt {
    margin: 40px auto 0;
}
/* sustainable-navbar */
.sustainable-navbar #tabnavbar {
    margin-top: 60px;
}

.sustainable-navbar #selectmenu {
    margin-top: 30px;
}

#sustainabilityreportscontainer .brandarrowlink {
    padding-left: 25px;
    padding-right: 10px;
}

#sustainabilityreportscontainer a.download:link > i, #sustainabilityreportscontainer a.download:visited > i, #sustainabilityreportscontainer a.download:focus > i {
    /*color: #043d5d;*/
}

#sustainabilityreportscontainer a.download {
    /*right: 10px;
    position: absolute;*/
}

    #sustainabilityreportscontainer a.download:hover {
        /*color: #043d5d;*/
    }

#sustainabilityreportscontainer .download-block {
    text-align: right;
}

#sustainabilityreportscontainer .content-title-3 {
    font-size: 2rem;
}

#sustainabilityreportscontainer .textblock {
    min-height: 80px;
}

#sustainabilityreportscontainer .sustainabilityreport-content {
    margin-top: 20px;
}


@media only screen and (max-width: 770px) {
    #sustainabilityreportscontainer .download-block {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    /*#sustainabilityreportscontainer .thumbnail img { height: 224px; }*/
    #sustainabilityreportscontainer .textblock {
        min-height: 120px;
    }

    #sustainabilityreportscontainer .sustainabilityreport-content {
        margin-top: 10px;
        min-height: 450px;
    }
}

@media only screen and (min-width: 802px) {
    #sustainabilityreportscontainer .sustainabilityImgbox {
        height: 398px;
        width: auto;
    }
}

@media only screen and (min-width: 640px) and (max-width:700px) {
    #sustainabilityreportscontainer .sustainabilityImgbox {
        width: 152px;
    }
}

@media only screen and (max-width: 450px) {
    #sustainabilityreportscontainer .sustainabilityreport-content {
        min-height: 370px;
    }
}

.search_paging ul li {
    display: inline-block;
}

    .search_paging ul li a:link {
        display: inline-block;
        margin: 0 5px;
        width: 40px;
        height: 40px;
        line-height: 42px;
        text-align: center;
        text-decoration: none;
        background: #DDD;
        color: #394766;
        font-family: "krungthai_fastregular";
        font-size: 24px;
        font-size: 2.4rem;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
    }

    .search_paging ul li.focusItem {
        display: inline-block;
        margin: 0 5px;
        width: 40px;
        height: 40px;
        line-height: 42px;
        text-align: center;
        text-decoration: none;
        background: #00A4E4;
        color: #FFF;
        font-family: "krungthai_fastregular";
        font-size: 24px;
        font-size: 2.4rem;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
    }

    .search_paging ul li a:hover {
        background: #00A4E4;
        color: #FFF;
    }

    .search_paging ul li a.first {
        width: 40px;
        height: 40px;
        text-decoration: none;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        background: url("../images/share/first-btn.png") no-repeat;
    }

        .search_paging ul li a.first:hover {
            background: url("../images/share/first-btn-ovr.png") no-repeat;
        }

    .search_paging ul li a.previous {
        width: 40px;
        height: 40px;
        text-decoration: none;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        background: url("../images/share/previous-btn.png") no-repeat;
    }

        .search_paging ul li a.previous:hover {
            background: url("../images/share/previous-btn-ovr.png") no-repeat;
        }

    .search_paging ul li a.next {
        width: 40px;
        height: 40px;
        text-decoration: none;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        background: url("../images/share/next-btn.png") no-repeat;
    }

        .search_paging ul li a.next:hover {
            background: url("../images/share/next-btn-ovr.png") no-repeat;
        }

    .search_paging ul li a.last {
        width: 40px;
        height: 40px;
        text-decoration: none;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        background: url("../images/share/last-btn.png") no-repeat;
    }

        .search_paging ul li a.last:hover {
            background: url("../images/share/last-btn-ovr.png") no-repeat;
        }

@media (min-width: 992px) {
    .lrn-fin .block1 .hs400 {
        height: 400px
    }
}

.logomainlink img {
    width: 100%;
    height: auto;
}

@media only screen and (width: 768px) and (height: 1024px) {
    .logomainlink img {
        width: 80%;
    }
}

/*hide save*/
#ktb-header img, #ktb-footer img {
    pointer-events: none !important;
}

#ktb-footer img {
    max-width: 200px;
}
/*table*/
.block2 .container-fluid table:not(.pagingbrand),
.block3 .container-fluid table:not(.pagingbrand),
.block4 .container-fluid table:not(.pagingbrand) {
    margin: 0 auto;
    width: 90%;
    font-family: "krungthai_fastregular";
    border-collapse: collapse;
    border-bottom: 1px solid #3a4966;
}

    .block2 .container-fluid table:not(.pagingbrand) tr:first-child,
    .block3 .container-fluid table:not(.pagingbrand) tr:first-child,
    .block4 .container-fluid table:not(.pagingbrand) tr:first-child {
        color: #fff;
        background-color: #3a4966;
        font-family: "krungthai_fastregular";
        border-color: black;
        vertical-align: middle;
        text-align: center;
    }

        .block2 .container-fluid table:not(.pagingbrand) tr:first-child td:first-child,
        .block3 .container-fluid table:not(.pagingbrand) tr:first-child td:first-child,
        .block4 .container-fluid table:not(.pagingbrand) tr:first-child td:first-child {
            border-top-left-radius: 8px;
        }

        .block2 .container-fluid table:not(.pagingbrand) tr:first-child td:last-child,
        .block3 .container-fluid table:not(.pagingbrand) tr:first-child td:last-child,
        .block4 .container-fluid table:not(.pagingbrand) tr:first-child td:last-child {
            border-top-right-radius: 8px;
            border-right-color: unset;
            border-right: 0px solid;
        }

    .block2 .container-fluid table:not(.pagingbrand) tr:not(:first-child) td:first-child,
    .block3 .container-fluid table:not(.pagingbrand) tr:not(:first-child) td:first-child,
    .block4 .container-fluid table:not(.pagingbrand) tr:not(:first-child) td:first-child {
        border-left: 1px solid #DDDDDD;
    }

    .block2 .container-fluid table:not(.pagingbrand) tr:not(:first-child) td:last-child,
    .block3 .container-fluid table:not(.pagingbrand) tr:not(:first-child) td:last-child,
    .block4 .container-fluid table:not(.pagingbrand) tr:not(:first-child) td:last-child {
        border-right: 1px solid #DDDDDD;
    }

    .block2 .container-fluid table:not(.pagingbrand) td,
    .block3 .container-fluid table:not(.pagingbrand) td,
    .block4 .container-fluid table:not(.pagingbrand) td {
        border: 1px solid #DDDDDD;
    }

    .block2 .container-fluid table:not(.pagingbrand) tr:first-child td,
    .block3 .container-fluid table:not(.pagingbrand) tr:first-child td,
    .block4 .container-fluid table:not(.pagingbrand) tr:first-child td {
        border-top: 0;
    }

    .block2 .container-fluid table:not(.pagingbrand) tr td:first-child,
    .block3 .container-fluid table:not(.pagingbrand) tr td:first-child,
    .block4 .container-fluid table:not(.pagingbrand) tr td:first-child {
        border-left: 0;
    }

    .block2 .container-fluid table:not(.pagingbrand) tr td:last-child,
    .block3 .container-fluid table:not(.pagingbrand) tr td:last-child,
    .block4 .container-fluid table:not(.pagingbrand) tr td:last-child {
        border-right: 0;
    }

    .block2 .container-fluid table:not(.pagingbrand) tr:last-child td,
    .block3 .container-fluid table:not(.pagingbrand) tr:last-child td,
    .block4 .container-fluid table:not(.pagingbrand) tr:last-child td {
        border-bottom: 1px solid #DDDDDD;
    }

.slickblock10 .slickblock10-nav .slick-slide {
    padding-left: 2px;
}

span.bemer-typedesc {
    font-size: 22px;
    text-decoration-line: underline;
    text-decoration-style: solid;
}

/*Card width all same size*/
#content .container-fluid #contentlist .imagetag5 img {
    width: 413.33px;
}

@media only screen and (max-width: 1024px) {
    #content .container-fluid #contentlist .imagetag5 img {
        width: 100%;
    }
}

@media only screen and (max-width: 550px) {
    #content .container-fluid #contentlist .imagetag5 img {
        width: 337.5px;
    }

    span.bemer-typedesc {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1500px) {
    .financial-partner-indx .block4 .btn-viewall {
        padding-top: 1%;
    }
}

#sustainabilityreportscontainer .textblockinfo {
    min-height: 40px;
}

@media only screen and (max-width: 800px) {
    #sustainabilityreportscontainer .textblockinfo {
        min-height: 120px;
    }

    #sustainabilityreportscontainer .sustainabilityreport-content {
        margin-top: 10px;
        min-height: 450px;
    }
}

#topbanner {
    display: none;
}

.sidemenu .ktb-contact {
    border-bottom: 1px solid #ccc;
}
/*Fix inline Calculator Tool in Main Page*/
.housing-index-rev .block6 {
    padding: 50px 0 14%;
    background: url(../images/share/bgblock-image-1.jpg) left 109% no-repeat;
    background-size: contain;
    /*edit*/
}

    .housing-index-rev .block6 .mainsubtitle {
        padding-bottom: 40px;
    }

@media only screen and (max-width: 767px) {
    .housing-index-rev .block6 .mainsubtitle {
        padding-bottom: 20px;
    }
}

.housing-index-rev .block6 .formcalcinline {
    text-align: left;
}

.housing-index-rev .block6 .formcalcinline-inner > * {
    margin-bottom: 10px;
}

@media only screen and (min-width: 1200px) {
    .housing-index-rev .block6 .formcalcinline-inner > * {
        margin-top: 10px;
    }
}

.housing-index-rev .block6 .formcalcinline-item {
    vertical-align: bottom;
    width: 370px;
}

@media only screen and (max-width: 767px) {
    .housing-index-rev .block6 .formcalcinline-item {
        height: 50px;
        width: auto;
    }
}

.housing-index-rev .block6 .formcalcinline-item.txtonline .ktfast-normal:first-child {
    display: inline-block;
    position: relative;
    top: 6px;
}

@media only screen and (max-width: 480px) {
    .housing-index-rev .block6 .formcalcinline-item.txtonline .ktfast-normal:first-child {
        top: 2px;
    }
}

.housing-index-rev .block6 .formcalcinline-item .inputwrap {
    display: inline-block;
    float: right;
}

    .housing-index-rev .block6 .formcalcinline-item .inputwrap input {
        text-align: right;
        padding-right: 54px;
    }

.housing-index-rev .block6 .formcalcinline-item.item1 {
    display: block;
}

    .housing-index-rev .block6 .formcalcinline-item.item1 .ktfast-normal:first-child {
        position: relative;
        top: 4px;
    }

@media only screen and (max-width: 480px) {
    .housing-index-rev .block6 .formcalcinline-item.item1 .ktfast-normal:first-child {
        top: 2px;
    }
}

.housing-index-rev .block6 .formcalcinline-item.item1 select {
    float: right;
}

.housing-index-rev .block6 .formcalcinline-item.item2 {
    margin-right: 50px;
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .housing-index-rev .block6 .formcalcinline-item.item2 {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .housing-index-rev .block6 .formcalcinline-item.item2 {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .housing-index-rev .block6 .formcalcinline-item.item3 {
        padding-top: 20px;
        padding-bottom: 5px;
    }
}

.housing-index-rev .block6 .formcalcinline-item.item4 {
    margin-right: 50px;
}

@media only screen and (max-width: 767px) {
    .housing-index-rev .block6 .formcalcinline-item.item4 {
        margin-right: 0;
    }
}

.housing-index-rev .block6 .formcalcinline-item.item5 .ktfast-normal:first-child {
    position: relative;
}

@media only screen and (max-width: 480px) {
    .housing-index-rev .block6 .formcalcinline-item.item5 .ktfast-normal:first-child {
        top: 2px;
    }
}

@media only screen and (max-width: 767px) {
    .housing-index-rev .block6 .formcalcinline-item.item5 select {
        float: right;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .housing-index-rev .block6 .formcalcinline-item.item5 {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .housing-index-rev .block6 .formcalcinline-item.item5 {
        display: block;
    }
}

.housing-index-rev .block6 .itembtn {
    margin-top: 20px;
}

@media only screen and (max-width: 480px) {
    .housing-index-rev .block6 .itembtn button {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .housing-index-rev .block6 .imageblock {
        text-align: center;
        margin-bottom: 20px;
    }
}

.housing-index-rev .block6 .imageblock img {
    max-width: 220px;
}

@media only screen and (max-width: 767px) {
    .housing-index-rev .block6 .imageblock img {
        max-width: 140px;
        margin-bottom: 15px;
    }
}

.housing-index-rev .block6 select {
    background: url(../../../dist/resources/images/share/icon-arrow-dd-blue.png) 99% no-repeat !important;
}

.housing-index-rev .block6 select,
.housing-index-rev .block6 input[type="text"] {
    -moz-text-align-last: right;
    text-align-last: right;
}

@media only screen and (min-width: 768px) {
    .housing-index-rev .block6 select,
    .housing-index-rev .block6 input[type="text"] {
        width: 230px;
    }
}

@media only screen and (max-width: 480px) {
    .housing-index-rev .block6 select,
    .housing-index-rev .block6 input[type="text"] {
        width: 100%;
    }
}

.housing-index-rev .block6 select option,
.housing-index-rev .block6 input[type="text"] option {
    text-align: right;
}

.housing-index-rev .block6 ::-webkit-input-placeholder {
    color: rgba(0, 164, 228, 0.3) !important;
    opacity: 1;
    /* Firefox */
}

.housing-index-rev .block6 ::-moz-placeholder {
    color: rgba(0, 164, 228, 0.3) !important;
    opacity: 1;
    /* Firefox */
}

.housing-index-rev .block6 :-ms-input-placeholder {
    color: rgba(0, 164, 228, 0.3) !important;
    opacity: 1;
    /* Firefox */
}

.housing-index-rev .block6 ::placeholder {
    color: rgba(0, 164, 228, 0.3) !important;
    opacity: 1;
    /* Firefox */
}

.housing-index-rev .block6 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(0, 164, 228, 0.3) !important;
}

.housing-index-rev .block6 ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(0, 164, 228, 0.3) !important;
}

@media only screen and (min-width: 768px) {
    .housing-index-rev .block6 .formcalcinline-item {
        width: 455px;
    }
}

@media only screen and (min-width: 768px) {
    .housing-index-rev .block6 .formcalcinline-item.item3, .housing-index-rev .block6 .formcalcinline-item.item5 {
        width: 306px;
    }
}

@media only screen and (min-width: 768px) {
    .housing-index-rev .block6 .formcalcinline-item.item3 select, .housing-index-rev .block6 .formcalcinline-item.item5 select {
        width: 215px;
    }
}

@media only screen and (max-width: 1106px) and (min-width: 768px) {
    .housing-index-rev .block6 .formcalcinline-item.item3, .housing-index-rev .block6 .formcalcinline-item.item5 {
        width: 455px;
    }

        .housing-index-rev .block6 .formcalcinline-item.item3 select, .housing-index-rev .block6 .formcalcinline-item.item5 select {
            width: 82%;
        }
}

@media only screen and (min-width: 768px) {
    .housing-index-rev .block6 select, .housing-index-rev .block6 input[type=text] {
        width: 320px;
    }
}



.housing-loan-block {
    padding: 50px 0;
    background: #ffffff;
    padding-bottom: 50px;
    padding-top: 30px;
}

@media only screen and (max-width: 992px) {
    .housing-loan-block {
        background: url("../images/share/bgblock-image-1.jpg") left bottom no-repeat;
        background-size: contain;
    }
}

@media only screen and (max-width: 767px) {
    .housing-loan-block {
        padding-bottom: 18%;
    }
}

@media only screen and (max-width: 480px) {
    .housing-loan-block {
        padding-bottom: 20%;
    }
}

.housing-loan-block .mainsubtitle {
    padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .housing-loan-block .mainsubtitle {
        padding-bottom: 20px;
    }
}

.housing-loan-block .formcalcinline {
    text-align: left;
    width: 84%;
    max-width: 700px;
}

@media only screen and (max-width: 767px) {
    .housing-loan-block .formcalcinline {
        width: 100%;
        max-width: 100%;
    }
}

.housing-loan-block .formcalcinline-inner > * {
    margin-bottom: 10px;
}

.housing-loan-block .formcalcinline-item {
    width: 100%;
    height: 50px;
}

    .housing-loan-block .formcalcinline-item.txtonline .ktfast-normal:first-child {
        display: inline-block;
        position: relative;
        top: 6px;
    }

@media only screen and (max-width: 480px) {
    .housing-loan-block .formcalcinline-item.txtonline .ktfast-normal:first-child {
        top: 2px;
    }
}

.housing-loan-block .formcalcinline-item .inputwrap {
    display: inline-block;
    float: right;
}

    .housing-loan-block .formcalcinline-item .inputwrap input {
        text-align: right;
        padding-right: 54px;
    }

@media only screen and (max-width: 767px) {
    .housing-loan-block .formcalcinline-item.itemrev3 .ktfast-normal:first-child {
        top: -2px;
    }
}

@media only screen and (max-width: 480px) {
    .housing-loan-block .formcalcinline-item.itemrev3 .ktfast-normal:first-child {
        top: -16px;
    }
}

.housing-loan-block .formcalcinline-item.itemrev5 select {
    float: right;
    background: url(../../../dist/resources/images/share/icon-arrow-dd-blue.png) 99% no-repeat !important;
}

.housing-loan-block .itembtn {
    margin-top: 20px;
}

@media only screen and (max-width: 480px) {
    .housing-loan-block .itembtn button {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .housing-loan-block .imageblock {
        text-align: center;
        margin-bottom: 20px;
    }
}

.housing-loan-block .imageblock img {
    max-width: 220px;
}

@media only screen and (max-width: 767px) {
    .housing-loan-block .imageblock img {
        max-width: 140px;
        margin-bottom: 15px;
    }
}

.housing-loan-block ::-webkit-input-placeholder {
    color: rgba(0, 164, 228, 0.3) !important;
    opacity: 1;
    /* Firefox */
}

.housing-loan-block ::-moz-placeholder {
    color: rgba(0, 164, 228, 0.3) !important;
    opacity: 1;
    /* Firefox */
}

.housing-loan-block :-ms-input-placeholder {
    color: rgba(0, 164, 228, 0.3) !important;
    opacity: 1;
    /* Firefox */
}

.housing-loan-block ::placeholder {
    color: rgba(0, 164, 228, 0.3) !important;
    opacity: 1;
    /* Firefox */
}

.housing-loan-block :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(0, 164, 228, 0.3) !important;
}

.housing-loan-block ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(0, 164, 228, 0.3) !important;
}

.hsing-loan-smartmoney-rev .block3 .boxcontent:last-child .contentcol {
    border-bottom: 1px solid #ddd;
}

#viewed-history-inner-box .overflowx-elm-item {
    min-height: 123px;
}

#boardofdirectorlistcontainer .item {
    margin: 0 15px;
}

    #boardofdirectorlistcontainer .item .textblock {
        min-height: 170px;
    }

        #boardofdirectorlistcontainer .item .textblock .nametext {
            padding-top: 20px;
        }

    #boardofdirectorlistcontainer .item .readmoretext {
        padding-bottom: 30px;
        padding-top: 10px;
    }

.corporate-gvn-rev .block2 #selectmenu2 .dropdown {
    padding: 0px 10px 0px 10px;
}

.panel-title a.collapsed {
    background: url(/dist/resources/images/share/accordian-arrow-down.png) 96% 20px no-repeat;
}

.panel-title a {
    background: url(/dist/resources/images/share/accordian-arrow-up.png) 96% 20px no-repeat;
}

.corporate-gvn-rev .block2 .picframerev1 {
    margin-right: 15px;
    margin-bottom: 15px;
    height: 375px;
}

    .corporate-gvn-rev .block2 .picframerev1 .picframerev1-text span {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        padding-bottom: 0;
    }

.lrn-fin-rev .block1 #selectmenu2 {
    margin: 20px 0 15px 0;
    position: relative;
}

    .lrn-fin-rev .block1 #selectmenu2 #menulist {
        width: 100%;
        background-color: transparent;
        height: 50px;
        outline: none;
        font-size: 2.4rem;
        font-size: 24px;
    }

    .lrn-fin-rev .block1 #selectmenu2 .select-arrow {
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -20px;
    }

    .lrn-fin-rev .block1 #selectmenu2 .dropdown-menu {
        width: 100%;
        font-size: 2.4rem;
        font-size: 24px;
    }

.lrn-fin-rev .block1 .navbarfaq {
    margin: 30px 0px 0px 0px;
}
.lrn-fin-rev .contentbox {
    background-color: transparent;
}
/* line 326, ../../../assets/sass/economy-resources.scss */
.lrn-fin-rev .block1 .navmenudwn {
    width: 65%;
    margin: 0 auto;
    overflow: auto;
}
    /* line 330, ../../../assets/sass/economy-resources.scss */
    .lrn-fin-rev .block1 .navmenudwn ul.menudwn {
        white-space: nowrap;
        padding: 0;
        margin: 0;
        width: 100%;
        list-style-type: none;
        border-bottom: 1px solid #CCC;
        display: table;
    }
        /* line 338, ../../../assets/sass/economy-resources.scss */
        .lrn-fin-rev .block1 .navmenudwn ul.menudwn li {
            padding: 0;
            margin: 0;
            /* float: left;
   width: 14.2%;*/
            display: table-cell;
            text-align: center;
        }
            /* line 346, ../../../assets/sass/economy-resources.scss */
            .lrn-fin-rev .block1 .navmenudwn ul.menudwn li a:link, .lrn-fin-rev .block1 .navmenudwn ul.menudwn li a:visited, .lrn-fin-rev .block1 .navmenudwn ul.menudwn li a:focus {
                display: block;
                font-size: 24px;
                font-size: 2.4rem;
                color: #3A4966;
                line-height: 54px;
                text-decoration: none;
                padding: 0 24px;
            }
            /* line 356, ../../../assets/sass/economy-resources.scss */
            .lrn-fin-rev .block1 .navmenudwn ul.menudwn li a:hover, .lrn-fin-rev .block1 .navmenudwn ul.menudwn li a.active {
                color: #00A4E4;
                background: url("../images/share/menu-bottom-line.png") center bottom no-repeat;
            }
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    /* line 486, ../../../assets/sass/economy-resources.scss */
    .lrn-fin-rev .block1 .navmenudwn ul.menudwn li a:link, .lrn-fin-rev .block1 .navmenudwn ul.menudwn li a:visited, .lrn-fin-rev .block1 .navmenudwn ul.menudwn li a:focus {
        padding: 0 15px;
    }
}
/* line 522, ../../../assets/sass/economy-resources.scss */
.lrn-fin-rev .block1 .navmenudwn {
    width: 85%;
}
    /* line 527, ../../../assets/sass/economy-resources.scss */
    .lrn-fin-rev .block1 .navmenudwn ul.menudwn li a:link, .lrn-fin-rev .block1 .navmenudwn ul.menudwn li a:visited, .lrn-fin-rev .block1 .navmenudwn ul.menudwn li a:focus {
        font-size: 22px;
        font-size: 2.2rem;
        padding: 0 10px;
    }

#selectmenu li.select-option.darkblue {
    display: block;
    padding: 10px;
    color: #043d5d;
    border: 1px solid #ddd;
    border-top: none;
}

@media only screen and (max-width: 480px) {
    .dropdown-menu>li>a, .selectmenumultiline #menulist {
    font-size: 20px;
    font-size: 1.8rem;
    }
}
.sustainable-banking-index-rev .block1 .blockbutton {
    position: absolute;
    width: 100%;
    top: 5%;
}

.sustainable-banking-index-rev .block1 .wrapper {
    max-width: 1335px;
}
.sustainable-banking-index-rev .block1 {
    position: relative;
}
    .sustainable-banking-index-rev .block1 .blocktitle{
        position: absolute;
        width: 100%;
        top: 35%;
    }