button-primary--red@charset "UTF-8";
/*Thai*/
@font-face {
    font-family: "DBHelvethaicaX";
    src: url("../fonts/DB_HelvethaicaMon_X_v3_2.ttf") format("truetype");
}

@font-face {
    font-family: "DBHelvethaicaXMed";
    src: url("../fonts/DB_HelvethaicaMon_X_Med_v3_2.ttf") format("truetype");
}

@font-face {
    font-family: 'DBHelvethaicaXBd';
    src: url('../fonts/DB_HelvethaicaMon_X_Bd_v3_2.ttf') format('truetype');
}

@font-face {
    font-family: "DBHelvethaicaXThin";
    src: url("../fonts/DB_HelvethaicaMon_X_Thin_v3_2.ttf") format("truetype");
}

@font-face {
    font-family: ITCFranklinGothicStd-Med;
    src: url("../fonts/ITCFranklinGothicStd-Med.otf");
}
/*English*/
@font-face {
    font-family: ITCFranklinGothicStd-Book;
    src: url("../fonts/ITCFranklinGothicStd-Book.otf");
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

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

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
}

.table > thead > tr > td.white,
.table > tbody > tr > td.white,
.table > tfoot > tr > td.white,
.table > thead > tr > th.white,
.table > tbody > tr > th.white,
.table > tfoot > tr > th.white,
.table > thead > tr.white > td,
.table > tbody > tr.white > td,
.table > tfoot > tr.white > td,
.table > thead > tr.white > th,
.table > tbody > tr.white > th,
.table > tfoot > tr.white > th {
    background-color: #FFFFFF;
}

h2 {
    color: #ee2c32;
    font-size: 30px;
}

h3 {
    color: #233880;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

h4 {
    text-transform: uppercase;
    color: #676c7f;
    margin-top: 10px;
    margin-bottom: 10px;
}

body {
    padding: 0px;
    margin: 0px;
    background-color: #f5f5f5;
    background-size: cover;
}

    body:lang(th) {
        font-family: DBHelvethaicaX,Helvetica,Arial,Prompt,sans-serif;
        line-height: 1.2;
        font-size: 20px;
        font-size: 2rem;
    }

    body:lang(en) {
        font-family: SourceSansPro-Regular,Arial,Prompt,sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
    }

.header {
    position: relative;
    z-index: 4;
    overflow: hidden;
    border-bottom: 1px solid #F5F5F5;
    background: #fff;
    padding: 20px 0px 0px 0px;
    line-height: 28px;
}

    .header .content {
        background-color: #FFFFFF;
        margin: auto;
        box-shadow: none;
        border-radius: 0px;
        filter: none;
    }

.product-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.product-banner__image {
    display: block;
    max-width: 100%;
    height: auto;
}

.product-banner__image--mobile {
    width: 100%;
}

.product-banner__image--desktop {
    display: none;
}


.logo-mono-black {
    display: block;
    width: 54px;
}

/* ---------------- Login Bag ---------------- */
.login-bag-title {
    font-size: 16px;
    color: rgb(24, 67, 151);
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
}

.login-bag-content-rows {
    margin-bottom: 15px;
}

.login-bag-content-rows-left {
    margin-bottom: 15px;
    padding-right: 5px;
}

.login-bag-content-rows-right {
    margin-bottom: 15px;
    padding-left: 5px;
}

.login-bag-content-rows-left .btn-success {
    font-size: 12px;
}

.login-bag-content-rows-right .btn-primary {
    font-size: 12px;
    background-color: rgb(21,153,216);
    border-color: rgb(21,153,216);
}

.welcome-bag-title {
    background-color: rgb(235,235,235);
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

.popover {
    border-radius: 0px;
}

.popover-content {
    padding: 0px 0px;
}
/* ---------------- Login Bag ---------------- */

.row {
    margin-right: auto;
    margin-left: auto;
}

/* ---------------- FOOTER ---------------- */
.footer-main {
    background-color: #2cd771;
    color: #fff;
}

.footer-block--bottom {
    padding: 15px 0;
    background-color: #566172;
}

.footer-container, .footer-get-quote__content {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .footer-container:after, .footer-container:before, .footer-get-quote__content:after, .footer-get-quote__content:before {
        content: " ";
        display: table;
    }

    .footer-container:after, .footer-get-quote__content:after {
        clear: both;
    }

.footer-container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .footer-container-fluid:after, .footer-container-fluid:before {
        content: " ";
        display: table;
    }

    .footer-container-fluid:after {
        clear: both;
    }

.footer-row {
    margin-left: -15px;
    margin-right: -15px;
}

    .footer-row:after, .footer-row:before {
        content: " ";
        display: table;
    }

    .footer-row:after {
        clear: both;
    }

    .footer-row.no-gutter > [class*=" col"], .footer-row.no-gutter > [class^=col] {
        padding-right: 0;
        padding-left: 0;
    }

.footer-social {
    margin: 0;
    padding: 0;
}

.footer-social__title {
    display: none;
    line-height: inherit;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 400;
}

    .footer-social__title:lang(th) {
        font-family: DBHelvethaicaXBd,Helvetica,Arial,Prompt,sans-serif;
        font-size: 22px;
        font-size: 2.2rem;
    }

    .footer-social__title:lang(en) {
        font-family: SourceSansPro-Semibold,Arial,Prompt,sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
    }

.footer-social__list {
    display: table;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0 15px;
    border-bottom: solid 1px #2425aa;
}

.footer-social__list__item {
    width: calc(100% / 3);
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.footer-social__list__item__link {
    display: inline-block;
    position: relative;
    vertical-align: top;
    min-width: 50px;
    line-height: 50px;
    font-size: 20px;
    transition: opacity .3s linear;
    color: #fff;
}

    .footer-social__list__item__link:focus, .footer-social__list__item__link:hover {
        color: #e5e5e5;
    }

.footer-social__list__item__icon {
    width: 25px;
}

.footer-column__panel.panel {
    margin: 0;
    background-color: #3b3fd8;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.footer-column__panel__title {
    display: block;
    position: relative;
    margin: 0;
    padding: 15px 40px 15px 15px;
    border-bottom: solid 1px #2425aa;
    text-transform: uppercase;
    color: #fff;
}

    .footer-column__panel__title:focus, .footer-column__panel__title:hover {
        color: #e5e5e5;
    }

    .footer-column__panel__title:lang(th) {
        font-family: DBHelvethaicaXBd,Helvetica,Arial,Prompt,sans-serif;
        font-size: 20px;
        font-size: 2rem;
    }

    .footer-column__panel__title:lang(en) {
        font-family: SourceSansPro-Semibold,Arial,Prompt,sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .footer-column__panel__title:before {
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -12px;
        font-size: 22px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
    }

    .footer-column__panel__title.collapsed:before {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

.footer-column__panel__content {
    background-color: #3032c1;
    box-shadow: inset 0 0 5px rgba(0,0,0,.3);
}

.footer-column__panel__content__item {
    display: block;
    padding: 10px 20px;
    border-bottom: solid 1px #2425aa;
}

.footer-column__panel__content__link {
    color: #fff;
}

    .footer-column__panel__content__link:focus, .footer-column__panel__content__link:hover {
        color: #e5e5e5;
    }

    .footer-column__panel__content__link:lang(th) {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .footer-column__panel__content__link:lang(en) {
        font-size: 12px;
        font-size: 1.2rem;
    }

.footer-language {
    text-align: right;
    margin: 0 0 8px;
    padding: 0;
}

.footer-language__item {
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
    border-left: solid 1px #2425aa;
    line-height: 14px;
}

.footer-language__item__button {
    padding-left: 6px;
    text-transform: uppercase;
    line-height: 14px;
    color: rgba(255,255,255,.65);
    cursor: pointer;
}

    .footer-language__item__button:lang(en), .footer-language__item__button:lang(th) {
        font-family: SourceSansPro-Regular,Arial,Prompt,sans-serif;
        font-size: 14px;
    }

    .footer-language__item__button:hover {
        color: rgba(255,255,255,.85);
    }

.footer-language__item__button--active {
    color: #fff;
}

.footer-language__item:first-child {
    border-left: 0;
    margin-left: 0;
}

.footer-copyright {
    text-align: right;
    margin-bottom: 0;
}

.footer-copyright--mobile-center {
    text-align: center;
}


.footer-copyright:lang(th) {
    font-size: 14px;
    font-size: 1.4rem;
}

.footer-copyright:lang(en) {
    font-size: 10px;
    font-size: 1rem;
}

.footer-bottom {
    display: table;
    width: 100%;
}

.footer-bottom__block {
    display: table-cell;
    vertical-align: middle;
}

.footer-bottom__block--left {
    width: 30%;
}

.footer-bottom__block--right {
    width: 70%;
}

.footer-dbd {
    display: inline-block;
    vertical-align: top;
    max-width: 100px;
    background-color: #fff;
}

a:focus, a:hover {
    text-decoration: none !important;
    outline: 0 !important;
}

.footer-dbd__logo {
    display: block;
    max-width: 100%;
    height: auto;
}
/* ---------------- FOOTER ---------------- */

.bluebar {
    font-size: 16px;
    color: #FFF;
    text-align: center;
    line-height: 48px;
    background-color: #233880;
}

.planno {
    font-family: ITCFranklinGothicStd-Book;
    font-size: 13px !important;
    color: #FFF !important;
    width: 50px;
    line-height: 28px;
    background-color: #f81f22;
    position: absolute !important;
    z-index: 1;
    top: -10px;
}

.planmore {
    margin-top: -10px;
    margin-bottom: -10px;
    text-align: center;
    background-color: #FFF;
    color: #333;
    line-height: 30px;
    cursor: pointer;
}

    .planmore:hover {
        background-color: #243980;
        color: #FFF;
        font-weight: bold;
        line-height: 40px;
    }

    .planmore:active {
        background-color: #e90009;
    }

    .planmore:visited {
        background-color: #e90009;
    }

.logo {
    width: 260px;
}

.img-circle {
    width: 20px;
    height: 20px;
}

.img-member {
    width: 105px;
    text-align: center;
}

.font-blue {
    color: #233880;
}

.font-gray {
    color: #939393;
}

.font-ex1 {
    font-size: 12px;
    margin-top: 25px;
    margin-bottom: 5px;
    color: #9e9e9e;
}

.font-ex2 {
    color: #ee2c32;
    font-size: 30px;
}

.font-dropdown {
    color: #233880;
    font-size: 22px;
    line-height: 42px !important;
    height: 42px !important;
    position: relative;
}

.language {
    clear: both;
    margin-top: -35px;
    margin-bottom: 8px;
    margin-right: 15px;
}

.wrapper {
    margin-bottom: 50px;
}

    .wrapper.conditions {
        margin-bottom: 0;
    }

.content {
    background-color: #FFFFFF;
    border-radius: 4px;
    margin: auto;
}

.content-top {
    margin-top: 40px;
}

.content-input {
    background-color: #ebebeb;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.content-input-notop {
    background-color: #ebebeb;
}

.content-input-white {
    background-color: #FFFFFF;
    padding-top: 10px;
}

.content-button-white {
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

.content-Information-white {
    background-color: #FFFFFF;
}

.content-input-information {
    background-color: #ebebeb;
    padding-left: 20px;
    padding-right: 20px;
}

.content-input-text {
    background-color: #FFFFFF;
    padding-bottom: 15px;
}

.content-input-title {
    border: solid 1px #ebebeb;
    padding-top: 5px;
    padding-bottom: 5px;
}

.content-input-button {
    padding-top: 15px;
}

.content-input-bottom-line {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-bottom: #ebebeb medium solid;
}

.content-text {
    text-align: center;
    align-items: center;
}

.content-description {
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
    align-items: center;
    color: #676c7f;
}

.content-description-plan {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    align-items: center;
    color: #676c7f;
    padding-left: 15px;
    padding-right: 15px;
}

.content-description-bottom {
    border-top: 1px solid #e6e6e6;
    text-align: center;
    align-items: center;
    color: #9e9e9e;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 0px;
}

.content-description-top-line {
    padding-top: 30px;
}

.content-description-bottom-line {
    border-bottom: 1px solid #9e9e9e;
    padding-bottom: 50px;
}

.content-description-price {
    text-align: center;
    align-items: center;
    color: #9e9e9e;
    margin-left: 0px;
    margin-right: 0px;
}

.content-select {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid #e6e6e6;
    border-bottom-width: 1px;
}

    .content-select:hover {
        border: 1px solid #bab7b7;
        transition-duration: 0.1s;
    }

.content-select-white {
    background-color: #FFFFFF;
    margin-left: 70px;
    margin-right: 70px;
}

.logotype {
    width: 234px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

.bar {
    padding-bottom: 10px;
    max-width: 220px;
    margin: auto;
    margin-top: 18px;
    margin-bottom: 18px;
}

.table-index {
    max-width: 100%;
    margin-left: auto;
}

.col-border {
    border: 1px solid #ebebeb;
    padding: 8px;
    vertical-align: baseline;
    height: 50px;
}

.col-border-Confirm {
    border: 1px solid #ebebeb;
    padding: 15px;
    vertical-align: baseline;
    height: 50px;
}

.col-no-border {
    padding: 8px;
    vertical-align: baseline;
    min-height-: 50px;
}

.col-border-text {
    padding-top: 5px;
    padding-right: 5px;
}

.col-border-select-text {
    padding-top: 9px;
    color: #243980;
}

.form-control {
    color: #939393;
    border-radius: 0px !important;
    height: 40px;
    padding: 8px 20px 8px 15px;
}

.form-control-outline {
    outline: 0;
    border: 1px solid #FFFFFF;
    box-shadow: none;
    border-radius: 0px;
}

.btn-language {
    background-color: #FFFFFF;
    border: #cdcdcd thin solid;
    color: #000000;
}

    .btn-language:hover {
        background-color: #F00;
        color: #fff;
        border: none;
    }

.btn-primary {
    font-size: 16px;
    background-color: #243980;
    border-color: #243980;
}

    .btn-primary:hover {
        background-color: #d12333;
        border-color: #d12333;
    }

    .btn-primary:active {
        background-color: #d12333;
        border-color: #d12333;
    }

.btn-warning {
    font-size: 16px;
    color: #686868;
    background-color: #FFF;
    border-bottom: thin #999 solid !important;
    border-color: #d7d7d7 !important;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #d8d8d8 !important;
        border-color: #d7d7d7 !important;
    }

.btn-success {
    font-size: 16px;
    color: #fff;
    background-color: #243980 !important;
    border-color: #243980 !important;
}

    .btn-success:hover {
        color: #fff;
        background-color: #d12333 !important;
        border-color: #d12333 !important;
    }

    .btn-success:active {
        color: #fff;
        background-color: #243980 !important;
        border-color: #243980 !important;
    }

.btn-info {
    font-size: 16px;
    color: #fff;
    background-color: #3490bd;
    border-color: #3490bd;
}

    .btn-info:hover {
        color: #333;
    }

.btn-link {
    color: #676c7f;
}

    .btn-link:hover {
        color: #ea0d16;
    }

.btn-spouse {
    background-image: url(../images/spouse.png);
    background-size: 130px,60px;
    background-repeat: no-repeat;
    background-position: center;
    width: 130px;
    height: 45px;
}

    .btn-spouse:active {
        background-image: url(../images/spouse.png);
        background-size: 130px,60px;
        background-repeat: no-repeat;
        background-position: center;
    }

.btn-redbutton {
    background-image: url(../images/red_button.png);
    background-size: 30px,30px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0deg);
    transition-duration: 0.3s;
    width: 30px;
    height: 30px;
    border: none;
}

    .btn-redbutton:hover {
        background-color: #FFFFFF;
        transform: rotate(180deg);
        transition-duration: 0.3s;
    }

    .btn-redbutton:active {
        background-image: url(../images/red_button.png);
        background-size: 30px,30px;
        background-repeat: no-repeat;
        background-position: center;
    }

.btn-redbutton-bg-gray {
    background-image: url(../images/red_button.png);
    background-color: #ebebeb;
    background-size: 30px,30px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0deg);
    transition-duration: 0.3s;
    width: 30px;
    height: 30px;
    border: none;
}

    .btn-redbutton-bg-gray:hover {
        background-color: #ebebeb;
        transform: rotate(180deg);
        transition-duration: 0.3s;
    }

    .btn-redbutton-bg-gray:active {
        background-image: url(../images/red_button.png);
        background-color: #ebebeb;
        background-size: 30px,30px;
        background-repeat: no-repeat;
        background-position: center;
    }

.btn-male {
    background-image: url(../images/men_button.png);
    background-size: 100px,60px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 45px;
}

    .btn-male:active {
        background-image: url(../images/men_button.png);
        background-size: 100px,60px;
        background-repeat: no-repeat;
        background-position: center;
    }

.btn-female {
    background-image: url(../images/women_button.png);
    background-size: 100px,60px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 45px;
}

    .btn-female:active {
        background-image: url(../images/women_button.png);
        background-size: 100px,60px;
        background-repeat: no-repeat;
        background-position: center;
    }

.btn-plus {
    background-image: url(../images/add_button.png);
    background-size: 20px,20px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0deg);
    transition-duration: 0.3s;
    border: none;
    width: 20px;
    height: 20px;
}

    .btn-plus:hover {
        background-color: #FFFFFF;
        transform: rotate(180deg);
        transition-duration: 0.3s;
    }

    .btn-plus:active {
        background-image: url(../images/add_button.png);
        background-size: 20px,20px;
        background-repeat: no-repeat;
        background-position: center;
        border: none;
    }

.btn-plus-bg-gray {
    background-image: url(../images/add_button.png);
    background-color: #ebebeb;
    background-size: 20px,20px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0deg);
    transition-duration: 0.3s;
    border: none;
    width: 20px;
    height: 20px;
}

    .btn-plus-bg-gray:hover {
        background-color: #ebebeb;
        transform: rotate(180deg);
        transition-duration: 0.3s;
    }

    .btn-plus-bg-gray:active {
        background-image: url(../images/add_button.png);
        background-color: #ebebeb;
        background-size: 20px,20px;
        background-repeat: no-repeat;
        background-position: center;
        border: none;
    }

.btn-backgroundfacebook {
    background-color: #3E5F94;
    border-radius: 4px;
    height: 36px;
}

.img-loginfacebook {
    height: 36px;
    margin: auto;
    display: block;
    max-width: 100%;
}

.dropdownSelect {
    color: #939393;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-success {
    color: #00adc6;
    font-weight: 700;
    text-transform: uppercase;
}
.field-validation-error {
    color: #f00 !important;
    font-size: 16px;
}

.field-validation-valid {
    display: none !important;
}

.input-validation-error {
    border: 1px solid #f00 !important;
    background-color: #fee !important;
}

.validation-summary-errors {
    font-weight: bold !important;
    color: #f00 !important;
}

.validation-summary-valid {
    display: none !important;
}

.men-button {
    width: 100px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

    .men-button img {
        border: #dfdfdf thin solid;
    }

.button-men-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.img-male {
    background-image: url(../images/men_button.png);
}

.img-female {
    background-image: url(../images/women_button.png);
}

.button-men-selector input:active + .button-men-img {
    opacity: .9;
}

.button-men-selector input:checked + .button-men-img {
    border: #66afe9 thin solid;
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.button-men-img {
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    border: #dfdfdf thin solid;
    display: inline-block;
    width: 100px;
    height: 40px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1) grayscale(1) opacity(0.8);
    -moz-filter: brightness(1) grayscale(1) opacity(0.8);
    filter: brightness(1) grayscale(1) opacity(0.8);
}

    .button-men-img:hover {
        -webkit-filter: brightness(1) grayscale(0.6) opacity(1);
        -moz-filter: brightness(1) grayscale(0.6) opacity(1);
        filter: brightness(1) grayscale(0.6) opacity(1);
    }

/*Toggle Style
-----------------------------------------------------------*/
.checkbox label .toggle, .checkbox-inline .toggle {
    margin-left: -20px;
    margin-right: 5px;
}

.toggle {
    position: relative;
    overflow: hidden;
}

    .toggle input[type=checkbox] {
        display: none;
    }

.toggle-group {
    position: absolute;
    width: 200%;
    top: 0;
    bottom: 0;
    left: 0;
    transition: left .35s;
    -webkit-transition: left .35s;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.toggle.off .toggle-group {
    left: -100%;
}

.toggle-on {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.toggle-off {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 0;
    border-width: 0 1px;
}

.toggle.btn {
    min-width: 59px;
    min-height: 34px;
}

.toggle-on.btn {
    padding-right: 24px;
}

.toggle-off.btn {
    padding-left: 24px;
}

.toggle.btn-lg {
    min-width: 79px;
    min-height: 45px;
}

.toggle-on.btn-lg {
    padding-right: 31px;
}

.toggle-off.btn-lg {
    padding-left: 31px;
}

.toggle-handle.btn-lg {
    width: 40px;
}

.toggle.btn-sm {
    min-width: 50px;
    min-height: 30px;
}

.toggle-on.btn-sm {
    padding-right: 20px;
}

.toggle-off.btn-sm {
    padding-left: 20px;
}

.toggle.btn-xs {
    min-width: 35px;
    min-height: 22px;
}

.toggle-on.btn-xs {
    padding-right: 12px;
}

.toggle-off.btn-xs {
    padding-left: 12px;
}

/*Customs Style*/
.hidden-record {
    display: none;
}

.row-no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-left-right-large {
    margin: 0 !important;
}


.col-border-custom {
    border: 1px solid #ebebeb;
    padding: 8px;
    vertical-align: baseline;
}

.on-cursor {
    cursor: pointer;
    color: #939393;
}

    .on-cursor:hover {
        color: #233880;
    }

.note {
    color: #B0B0B0;
    font-size: small;
    font-weight: lighter;
}

.ui-autocomplete {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.col-header {
    background-color: #F2F6FB;
}

.blue {
    color: #004b93;
}

.list-check-sign li:before {
    font-family: fontello;
    content: '✓';
    position: absolute;
    color: #004b93;
    left: 30px;
}

.list-check-sign li {
    list-style: none;
    text-align: left;
    margin: auto;
}

.text-bold-hilight {
    color: #233880;
    font-size: 18px;
    font-weight: 900;
    margin-top: auto;
    margin-bottom: auto;
}

.col-total-premium {
    height: 70px !important;
}

/*styles for all CSS Checkboxes*/
/*styles for all CSS Checkboxes*/
.css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    .css-checkbox label {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .css-checkbox + label.css-label, .css-checkbox + * + label.css-label {
        padding-left: 20px;
        height: 15px;
        display: inline-block;
        line-height: 15px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: middle;
        cursor: pointer;
    }

    .css-checkbox:checked + label.css-label, .css-checkbox:checked + * + label.css-label {
        background-position: 0 -15px;
    }

    .css-checkbox.med + label.css-label.med, .css-checkbox.med + * + label.css-label.med {
        padding-left: 22px;
        height: 17px;
        display: inline-block;
        line-height: 17px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: middle;
        cursor: pointer;
    }

    .css-checkbox.med:checked + label.css-label.med, .css-checkbox.med:checked + * + label.css-label.med {
        background-position: 0 -17px;
    }

    .css-checkbox.sme + label.css-label.sme, .css-checkbox.sme + * + label.css-label.sme {
        padding-left: 22px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: middle;
        cursor: pointer;
    }

    .css-checkbox.sme:checked + label.css-label.sme, .css-checkbox.sme:checked + * + label.css-label.sme {
        background-position: 0 -16px;
    }

    .css-checkbox.lrg + label.css-label.lrg, .css-checkbox.lrg + * + label.css-label.lrg {
        padding-left: 22px;
        height: 20px;
        display: inline-block;
        line-height: 20px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: middle;
        cursor: pointer;
    }

    .css-checkbox.lrg:checked + label.css-label.lrg, .css-checkbox.lrg:checked + * + label.css-label.lrg {
        background-position: 0 -20px;
    }

    .css-checkbox.bg-white + label.css-label, .css-checkbox.bg-white + * + label.css-label {
        margin-right: 25px;
        padding-left: 30px;
        height: 20px;
        color: #818181;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        background-image: url(../images/ico-checkbox.png);
        background-position: 0 0;
    }

    .css-checkbox.bg-white:checked + label.css-label, .css-checkbox.bg-white:checked + * + label.css-label {
        background-position: 0 -25px;
    }

:lang(en) .css-checkbox.bg-white + label.css-label, :lang(en) .css-checkbox.bg-white + * + label.css-label {
    font-size: 14px;
}

:lang(th) .css-checkbox.bg-white + label.css-label, :lang(th) .css-checkbox.bg-white + * + label.css-label {
    font-size: 20px;
}


.css-checkbox.radio + label.css-label, .css-checkbox.radio + * + label.css-label {
    margin-right: 25px;
    padding-left: 25px;
    height: 20px;
    color: #818181;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    background-image: url(../images/ico_radio.png);
    background-position: 0 0;
}

.css-checkbox.radio:checked + label.css-label, .css-checkbox.radio:checked + * + label.css-label {
    background-position: 0 -20px;
}

:lang(en) .css-checkbox.radio + label.css-label, :lang(en) .css-checkbox.radio + * + label.css-label {
}

:lang(th) .css-checkbox.radio + label.css-label, :lang(th) .css-checkbox.radio + * + label.css-label {
}

.css-mail-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    .css-mail-checkbox label {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .css-mail-checkbox + label.css-label, .css-mail-checkbox + * + label.css-label {
        padding-left: 20px;
        height: 15px;
        display: inline-block;
        line-height: 15px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 18px;
        vertical-align: middle;
        cursor: pointer;
    }

    .css-mail-checkbox:checked + label.css-label, .css-mail-checkbox:checked + * + label.css-label {
        background-position: 0 -15px;
    }


    .css-mail-checkbox.med + label.css-label.med, .css-mail-checkbox.med + * + label.css-label.med {
        padding-left: 22px;
        height: 17px;
        display: inline-block;
        line-height: 17px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: middle;
        cursor: pointer;
    }

    .css-mail-checkbox.med:checked + label.css-label.med, .css-mail-checkbox.med:checked + * + label.css-label.med {
        background-position: 0 -17px;
    }

    .css-mail-checkbox.sme + label.css-label.sme, .css-mail-checkbox.sme + * + label.css-label.sme {
        padding-left: 22px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: middle;
        cursor: pointer;
    }

    .css-mail-checkbox.sme:checked + label.css-label.sme, .css-mail-checkbox.sme:checked + * + label.css-label.sme {
        background-position: 0 -16px;
    }

    .css-mail-checkbox.lrg + label.css-label.lrg, .css-mail-checkbox.lrg + * + label.css-label.lrg {
        padding-left: 22px;
        height: 20px;
        display: inline-block;
        line-height: 20px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: middle;
        cursor: pointer;
    }

    .css-mail-checkbox.lrg:checked + label.css-label.lrg, .css-mail-checkbox.lrg:checked + * + label.css-label.lrg {
        background-position: 0 -20px;
    }

    .css-mail-checkbox.bg-white + label.css-label, .css-mail-checkbox.bg-white + * + label.css-label {
        margin-right: 25px;
        padding-left: 30px;
        height: auto;
        color: #818181;
        font-size: 18px;
        font-weight: normal;
        text-align: left;
        line-height: 20px;
        background-image: url('../images/svg/shared/CheckBox.svg');
        background-position: 0 0;
        background-repeat: no-repeat;    }

    .css-mail-checkbox.bg-white:checked + label.css-label, .css-mail-checkbox.bg-white:checked + * + label.css-label {
        background-image: url('../images/svg/shared/CheckedBox.svg');
    }

:lang(en) .css-mail-checkbox.bg-white + label.css-label, :lang(en) .css-mail-checkbox.bg-white + * + label.css-label {
}

:lang(th) .css-mail-checkbox.bg-white + label.css-label, :lang(th) .css-mail-checkbox.bg-white + * + label.css-label {
}

.css-mail-checkbox.radio + label.css-label, .css-mail-checkbox.radio + * + label.css-label {
    margin-right: 25px;
    padding-left: 25px;
    height: 20px;
    color: #818181;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    background-image: url(../images/ico_radio.png);
    background-position: 0 -26px;
}

.css-mail-checkbox.radio:checked + label.css-label, .css-mail-checkbox.radio:checked + * + label.css-label {
    background-position: 0 -20px;
}

:lang(en) .css-mail-checkbox.radio + label.css-label, :lang(en) .css-mail-checkbox.radio + * + label.css-label {
}

:lang(th) .css-mail-checkbox.radio + label.css-label, :lang(th) .css-checkbox.radio + * + label.css-label {
}

.four-icon {
    background-color: #e6e6e6;
    color: #233880;
    padding: 20px;
}

    .four-icon .text {
        padding-top: 13px;
        text-align: left;
    }

.magin-top20 {
    margin-top: 20px;
}

.package {
    margin-top: 30px;
}

    .package .title {
        background-color: #243980;
        margin-top: 5px;
        cursor: pointer;
    }

.header-package {
    height: 49px;
    width: 200px;
    color: #fff;
    font-size: 16px;
    padding: 16px 35px;
}

.highlight {
    top: 10%;
    left: 13% !important;
    width: 305px;
    bottom: auto !important;
    bottom: initial !important;
    text-align: left !important;
    padding-top: 0 !important;
    background-color: rgba(0,75,145,0.9);
}

.highlight-header {
    text-align: center;
    background-color: #fff;
    padding: 15px;
    font-size: 20px;
    color: #1B398D;
    margin-bottom: 10px;
}

.highlight-content {
    margin: 10px;
}

    .highlight-content li:before {
        font-family: 'fontello';
        content: '✓';
        position: absolute;
        left: -30px;
    }

    .highlight-content li {
        position: relative;
        list-style-type: none;
        line-height: 20px;
    }

.carousel-content {
    padding-top: 20px;
    text-align: center;
    min-height: 200px;
}

    .carousel-content > h3 {
        font-weight: bold;
        font-size: 35px;
        margin-top: 35px;
        margin-bottom: 25px;
    }

.img-banner {
    max-width: initial !important;
}

.carousel-highlight {
    position: absolute;
    height: 380px;
    top: 0;
    width: 100%;
}

.carousel-control-main > .icon-prev {
    background: url("../images/icon_next.png") no-repeat 0 0;
    width: 26px !important;
    height: 44px !important;
}

.carousel-control-main > .icon-next {
    background: url("../images/icon_next.png") no-repeat 0 0;
    width: 26px !important;
    height: 44px !important;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.carousel-control,
.carousel-control:hover,
.carousel-control:focus {
    opacity: 1;
}

.carousel-control-main {
    padding-left: 40px !important;
    width: 10% !important;
    padding: 0 10px !important;
    height: 380px;
}

    .carousel-control-main .icon-prev:before {
        content: '' !important;
    }

    .carousel-control-main .icon-next:before {
        content: '' !important;
    }

.highlight.happy-lady {
    background-color: #679b7a;
}

    .highlight.happy-lady > .highlight-header {
        color: #679b7a;
    }

        .highlight.happy-lady > .highlight-header > span {
            color: #679b7a;
        }

.carousel-content > * > * > .happy-lady {
    color: #679b7a;
}

    .carousel-content > * > * > .happy-lady > span {
        color: #679b7a;
    }


/* List*/
.package-highlight__list li:before {
    font-family: 'fontello';
    content: '✓';
    position: absolute;
    left: -30px;
    color: #174397;
}

.package-highlight__list li {
    position: relative;
    list-style-type: none;
    line-height: 20px;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

.btn-primary {
    font-size: 16px;
    background-color: #243980;
    border-color: #243980;
}

.disclaimer-Motor {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 20px;
    border-color: #243980;
    border-style: solid;
    border-width: 1px;
    text-align: left;
}

    .disclaimer-Motor li {
        padding-top: 10px;
    }

.btn-primary:active {
    background-color: #243980 !important;
}

.btn-primary:focus {
    background-color: #243980 !important;
}

.row-button {
    padding: 25px 0px;
}

.agree-condition {
    padding-top: 40px;
    padding-bottom: 15px;
}

/* ------------------- Footer ------------------- */
.bg-footer-index {
    background-color: #fff;
}

.footer-social-heading {
    text-align: center;
    margin-bottom: 33px;
    border-bottom: 0px;
    color: #004b93;
    font-size: 16px;
}

.footer-social-item {
    text-align: center;
}

.footer-bg .footer-bg-left {
    background: url("../images/footer-bg-left.png");
    width: 112px;
    height: 147px;
    float: left;
}

.footer-bg .footer-bg-gradient {
    background: url("../images/footer-bg-gradient.png") repeat-x 0 0;
    width: 100%;
    height: 147px;
}

.legal-notices {
    overflow: hidden;
    padding: 24px 0;
    text-align: center;
    background: #004b93;
    color: #d4daef;
}

    .legal-notices .legal-notices-link:last-child {
        border-right: 0 none;
        padding: 0;
        margin: 0;
    }

    .legal-notices .legal-notices-link {
        color: #d4daef;
    }

.footer-content {
}

.footer-heading {
    color: #515252;
    border-bottom: 1px solid #30619d;
    font-size: 16px;
    margin-bottom: 13px;
}

.footer-links {
    padding-left: 0px;
}

    .footer-links a {
        color: #9e9e9e;
    }

.text-heading-bottom {
    margin-top: 65px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
}

.img-axa-logo-group {
    background-size: 86px 79px;
}

.footer-axa-group {
    margin-top: 1px;
    text-align: right;
}

.icon-youtube-right {
    float: right;
    padding-right: 60px;
}

.icon-facebook-left {
    float: left;
    padding-left: 60px;
}

.footer-bg {
    background-color: #223880;
    color: #FFFFFF;
    text-align: center;
}

.icon-expire {
    margin-top: 90px;
    margin-bottom: 15px;
}

.info-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bolder;
}

    .info-title.car-info {
        margin-top: 63px;
    }

    .info-title.person-info {
        margin-top: 63px;
    }

.info-desc {
    margin-top: 12px;
    text-align: center;
    text-transform: uppercase;
}

.car-brand-list-icon {
    margin-top: 68px;
    display: inline-block;
}

    .car-brand-list-icon ul {
        list-style-type: none;
        -webkit-padding-start: 0px;
        display: flex;
    }

    .car-brand-list-icon li {
        margin-left: 10px;
        margin-right: 10px;
        float: left;
    }

        .car-brand-list-icon li .thumbnail {
            width: 123px;
            height: 103px;
            position: relative;
            display: block;
            padding: 4px;
            margin-bottom: 20px;
            line-height: 1.42857143;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 0;
            -webkit-transition: border .2s ease-in-out;
            -o-transition: border .2s ease-in-out;
            transition: border .2s ease-in-out;
        }

            .car-brand-list-icon li .thumbnail .image_picker_image {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
            }

            .car-brand-list-icon li .thumbnail.selected {
                box-shadow: 3px 3px 0px #4267C3, -3px -3px 0px #4267C3, 3px -3px 0px #4267C3, -3px 3px 0px #4267C3;
            }

    .car-brand-list-icon .group_title {
        display: none;
    }

.content.input-form {
    max-width: 725px !important;
    margin-top: 50px;
}

.car-info-title {
    margin-top: 20px;
    margin-bottom: 53px;
}

.person-info-title {
    margin-top: 72px;
    margin-bottom: 53px;
}

    .car-info-title .icon, .person-info-title .icon {
        margin-top: -10px;
    }

    .car-info-title span, .person-info-title span {
        margin-left: 10px;
        font-size: 30px;
        font-weight: bold;
        color: #00529C;
    }

:lang(en) .car-info-title span, :lang(en) .person-info-title span {
    font-size: 24px;
}

:lang(th) .car-info-title span, :lang(th) .person-info-title span {
    font-size: 30px;
}

.label-input.big {
    margin-bottom: 14px;
    font-weight: bold;
}

.form-control.big {
    height: 50px;
    padding-left: 15px;
    border-radius: 0;
}

.btn-check-price {
    margin-top: 0;
    margin-bottom: 15px;
    width: 215px;
    min-height: 55px;
    font-size: 24px;
    color: #fff;
    background-color: #22449A !important;
    border-radius: 0;
}

    .btn-check-price:focus, .btn-check-price:hover {
        color: #fff;
        background-color: #d12333 !important;
    }

    .btn-check-price:disabled {
        color: #000;
        background-color: #CECECE !important;
        border-color: #CECECE !important;
    }

    .btn-check-price span:after {
        display: inline-block;
        width: 23px;
        height: 22px;
        margin-left: 15px;
        content: "";
        background: url(../images/icon_magnifier.png) no-repeat 0 0;
        background-size: 100%;
    }

/* ------------------- Footer ------------------- */
/* ------------------- Header ------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
    content: '\e802';
}

.nav-mobile-button {
    float: right;
    font-size: 25px !important;
    margin-top: -5px;
    margin-right: 20px;
    color: #004b93;
    outline: none;
    background-color: transparent;
    border: 0 none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

    .nav-mobile-button:active, .nav-mobile-button:hover, .nav-mobile-button:focus {
        outline: 0;
        color: #2486ff;
        text-decoration: none;
    }

.drawer-nav, .drawer-hamburger {
    z-index: 6 !important;
    position: absolute !important;
}

.drawer--right .drawer-nav {
    background: #2c3039 !important;
    right: -260px !important;
    width: 0px !important;
    text-decoration: none !important;
    color: #a9a9ac !important;
}

.drawer--right.drawer-open .drawer-nav {
    right: 0 !important;
    width: 260px !important;
}

.drawer--right.drawer-open .drawer-hamburger, .drawer--right.drawer-open .item {
    right: 260px !important;
}

.drawer-menu-icon {
    width: 16px;
    height: 16px;
}

.drawer-menu {
    padding: 0;
    margin: 0;
}

    .drawer-menu li {
        display: block;
        margin: 0;
        line-height: 48px;
        border-top: 1px solid #1a1a1a;
        border-bottom: 1px solid #353942;
    }

        .drawer-menu li .drawer-menu-icon {
            margin-right: 12px;
        }

        .drawer-menu li a {
            line-height: 48px;
            padding: 0 15px;
            display: block;
            text-decoration: none;
            color: #a9a9ac;
        }

.drawer-header {
    color: #e6e6e6;
}

.drawer-header-col {
    display: table;
    height: 128px;
}

.drawer-header-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.drawer-header-icon {
    margin-bottom: 8px;
}

.drawer-languages {
    border-top: 1px solid #a9a9ac;
    border-right: 1px solid #a9a9ac;
    border-bottom: 1px solid #a9a9ac;
    padding: 0px 0px;
    margin: 0px;
    float: left;
    width: 100%;
    list-style: none;
}

    .drawer-languages li {
        float: left;
        border-left: 1px solid #a9a9ac;
        padding: 0px;
        margin-right: 0px;
        width: 50%;
        text-align: center;
    }

        .drawer-languages li a {
            color: #a9a9ac;
            text-decoration: none;
            cursor: pointer;
        }

        .drawer-languages li.active {
            background: #273b7f;
        }

            .drawer-languages li.active a {
                color: #e6e6e6;
                text-decoration: none;
                cursor: pointer;
            }
/* ------------------- Header ------------------- */

.footer-bg {
    background-color: #223880;
    color: #FFFFFF;
    text-align: center;
}

.legal-notices {
    overflow: hidden;
    padding: 24px 0;
    text-align: center;
    background: #004b93;
    color: #d4daef;
}

    .legal-notices .legal-notices-link:last-child {
        border-right: 0 none;
        padding: 0;
        margin: 0;
    }

    .legal-notices .legal-notices-link {
        color: #d4daef;
    }

.btn-home-Completed {
    border: 1px solid #959595;
    background-color: #fff;
    min-height: 50px;
    min-width: 235px;
    margin-bottom: 100px;
}

.bg-color-completed {
    background-color: #fff !important;
}

.text-completed {
    margin-top: 30px;
    margin-bottom: 30px;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #fff;
}

    .input-group-addon.icon-calenda {
        background-image: url('../images/svg/shared/Calendar.svg');
        background-size: 24px, auto;
        background-repeat: no-repeat;
        background-position: 8px 5px;
        padding: 0px 20px;
        margin-bottom: 0px;
        cursor: pointer;
    }

/* Style New Call AXA*/
.bg-gray {
    background-color: #F8F8F8;
}

.btn-confirm-package, .btn-cal-price, .btn-next {
    margin-top: 12px;
    margin-bottom: 15px;
    width: 225px;
    min-height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #00529C !important;
}

    .btn-confirm-package:focus, .btn-confirm-package:hover, .btn-cal-price:focus, .btn-cal-price:hover, .btn-next:focus, .btn-next:hover {
        color: #fff;
        background-color: #d12333 !important;
    }

    .btn-confirm-package:disabled, .btn-cal-price:disabled, .btn-next:disabled {
        color: #000;
        background-color: #CECECE !important;
        border-color: #CECECE !important;
    }

.btn-next {
    width: 100%;
}

.btn-back {
    margin-top: 12px;
    margin-bottom: 15px;
    width: 100%;
    min-height: 40px;
    font-size: 24px;
    color: #686868;
    background-color: #FFF;
    border-bottom: thin #999 solid !important;
    border-color: #d7d7d7 !important;
}

    .btn-back:hover {
        color: #fff;
        background-color: #d8d8d8 !important;
        border-color: #d7d7d7 !important;
    }

:lang(en) .btn-confirm-package, :lang(en) .btn-cal-price, :lang(en) .btn-next, :lang(en) .btn-back, :lang(en) .btn-check-price {
    font-size: 18px;
}

:lang(th) .btn-confirm-package, :lang(th) .btn-cal-price, :lang(th) .btn-next, :lang(th) .btn-back, :lang(th) .btn-check-price {
    font-size: 24px;
    line-height: 1;
}

.col-bg-gray {
    background-color: #F8F8F8;
}

.content-info {
    background-color: #FFFFFF;
    padding-top: 125px;
    margin-right: 15px;
    margin-left: 15px;
}

    .content-info .car-info {
        background-color: #F8F8F8;
        min-height: 220px;
    }

        .content-info .car-info .car-info-bar {
            margin-top: 10px;
            padding-left: 15px;
            padding-bottom: 3px;
            border-bottom: 1px solid #B4B4B4;
        }

            .content-info .car-info .car-info-bar .icon {
                margin-top: -15px;
            }

            .content-info .car-info .car-info-bar span {
                margin-left: 10px;
                font-size: 30px;
                color: #00529C;
            }

        .content-info .car-info .car-info-desc {
        }

            .content-info .car-info .car-info-desc .car-info-detail {
                margin-top: 33px;
                margin-left: 15px;
                padding-right: 15px;
                width: 60%;
                float: left;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

                .content-info .car-info .car-info-desc .car-info-detail .car-brand {
                    font-size: 20px;
                    color: #014B94;
                }

                .content-info .car-info .car-info-desc .car-info-detail .car-model {
                    font-size: 18px;
                    color: #818181;
                }

                .content-info .car-info .car-info-desc .car-info-detail .car-year-title {
                    font-size: 22px;
                    color: #014B94;
                }

                .content-info .car-info .car-info-desc .car-info-detail .car-year {
                    font-size: 18px;
                    color: #818181;
                }

            .content-info .car-info .car-info-desc .car-info-price {
                margin-top: 18px;
                width: 35%;
                min-height: 105px;
                float: left;
                text-align: center;
                border: 2px solid #00529C;
                border-radius: 3px;
            }

                .content-info .car-info .car-info-desc .car-info-price .car-info-price-title {
                    margin-top: 25px;
                    font-size: 16px;
                    color: #818181;
                }

                .content-info .car-info .car-info-desc .car-info-price .car-info-price-desc {
                    font-size: 24px;
                    font-weight: bold;
                    color: #014B94;
                }

    .content-info .driver-info {
        min-height: 220px;
    }

        .content-info .driver-info .driver-info-bar {
            margin-top: 10px;
            padding-left: 15px;
            padding-bottom: 3px;
            border-bottom: 1px solid #B4B4B4;
        }

            .content-info .driver-info .driver-info-bar .icon {
                margin-top: -5px;
            }

            .content-info .driver-info .driver-info-bar span {
                margin-left: 10px;
                font-size: 30px;
                color: #00529C;
            }

.content-lg {
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

.content-input-text-lg {
    background-color: #FFFFFF;
    padding-bottom: 30px;
    margin-right: 25px;
    margin-left: 25px;
}

.content-labal-text-lg {
    margin-right: 25px;
    margin-left: 25px;
    padding-bottom: 0;
}

    .content-labal-text-lg .label-title {
    }

    .content-labal-text-lg .label-desc {
        color: #00529C;
        min-height: 30px;
    }

    .content-labal-text-lg .col-xs-1,
    .content-labal-text-lg .col-xs-2,
    .content-labal-text-lg .col-xs-3,
    .content-labal-text-lg .col-xs-4,
    .content-labal-text-lg .col-xs-5,
    .content-labal-text-lg .col-xs-6,
    .content-labal-text-lg .col-xs-7,
    .content-labal-text-lg .col-xs-8,
    .content-labal-text-lg .col-xs-9,
    .content-labal-text-lg .col-xs-10,
    .content-labal-text-lg .col-xs-11,
    .content-labal-text-lg .col-xs-12 {
        padding-bottom: 20px;
    }

.content-lg.content-labal-text-lg.conditions {
    margin-right: 0;
    margin-left: 0;
}

:lang(en) .content-labal-text-lg .label-title {
    font-size: 14px;
}

:lang(th) .content-labal-text-lg .label-title {
    font-size: 22px;
    font-family: DBHelvethaicaX;
}

:lang(en) .content-labal-text-lg .label-desc {
    font-size: 22px;
}

:lang(th) .content-labal-text-lg .label-desc {
    font-size: 30px;
    font-family: DBHelvethaicaX;
    line-height: 1;
}

.col-padding-not {
    padding-right: 3px;
    padding-left: 3px;
}

.content-conditions {
    display: block;
    margin-top: 15px;
    max-height: 300px;
    min-height: 300px;
    max-width: 100%;
    background-color: #fff;
    border: thin solid #dddcdc;
    border-radius: 2px;
    overflow: scroll;
}

:lang(en) .content-info .car-info .car-info-bar span {
    font-size: 24px;
}

:lang(th) .content-info .car-info .car-info-bar span {
    font-size: 30px;
}

:lang(en) .content-info .car-info .car-info-desc .car-info-detail .car-year-title {
    font-size: 22px;
}

:lang(th) .content-info .car-info .car-info-desc .car-info-detail .car-year-title {
    font-size: 30px;
}

:lang(en) .content-info .driver-info .driver-info-bar span {
    font-size: 24px;
}

:lang(th) .content-info .driver-info .driver-info-bar span {
    font-size: 30px;
}

:lang(en) .content-info .car-info .car-info-desc .car-info-price .car-info-price-title {
    font-size: 14px;
}

:lang(th) .content-info .car-info .car-info-desc .car-info-price .car-info-price-title {
    font-size: 25px;
}

.popup {
    display: none;
    z-index: 99;
    position: fixed;
    margin: 5% auto;
    left: 0;
    right: 0;
    top: 0;
    width: 1005px;
    background-color: #fff;
    border: 1px solid #B4B4B4;
}

.coverage-bar {
    margin-top: 35px;
}

    .popup .content-title, .coverage-bar .content-title {
        height: 70px;
        background-color: #00529C;
        padding-top: 10px;
    }

.popup-package-name, .coverage-package-name {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}

.popup-package-price, .coverage-package-price {
    margin-left: 20px;
    margin-top: 80px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}

    .popup-package-price .per, .coverage-package-price .per {
        font-weight: normal;
    }

    .popup-package-price .unit, .coverage-package-price .unit {
        /*margin-left: -12px;*/
        font-size: 14px;
        font-weight: normal;
    }

:lang(en) .popup-package-price .unit, :lang(en) .coverage-package-price .unit {
    font-size: 14px;
}

:lang(th) .popup-package-price .unit, :lang(th) .coverage-package-price .unit {
    font-size: 20px;
}

.popup-package-icon-close, .coverage-package-icon-close {
    cursor: pointer;
    margin: 10px;
    float: right;
}

.popup-overlay {
    display: none;
    z-index: 98;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.content-coverage {
    color: #818181;
    border-bottom: 1px solid #B4B4B4;
}

    .content-coverage .col-white {
        padding: 20px 40px;
        min-height: 305px;
        background-color: #FFFFFF;
    }

    .content-coverage .col-gray {
        padding: 20px 40px;
        min-height: 305px;
        background-color: #F2F2F2;
    }

.coverage-title {
}

.coverage-subtitle {
    text-indent: 1em;
}

.coverage-price {
    text-indent: 4em;
}

    .coverage-price .price {
        margin-right: 10px;
        color: #00529C;
        font-size: 22px;
    }

:lang(en) .coverage-title, :lang(en) .coverage-subtitle, :lang(en) .coverage-price {
    font-size: 14px;
}

:lang(th) .coverage-title, :lang(th) .coverage-subtitle, :lang(th) .coverage-price {
    margin-top: -4px;
    font-size: 20px;
    font-family: DBHelvethaicaX;
}

:lang(en) .coverage-price .price {
    font-size: 18px;
}

:lang(th) .coverage-price .price {
    font-size: 25px;
    font-family: DBHelvethaicaX;
}

:lang(en) .label-input, :lang(en) .form-control {
    font-size: 14px;
}

:lang(th) .label-input, :lang(th) .form-control {
    font-size: 20px;
    font-family: DBHelvethaicaX;
}

:lang(th) select.form-control {
    padding-top: 7px;
}

.question-car-detail {
    margin-top: 5px;
    text-align: center;
    font-size: 14px;
}

    .question-car-detail .question-car-detail-label {
        font-size: 20px;
        font-weight: bold;
    }

    .question-car-detail .question-car-detail-label-desc {
        background-color: #F5F5F5;
        margin: 0 360px;
        padding: 10px 50px;
        font-size: 18px;
        color: #A0A0A0;
        line-height: 1;
    }

    .question-car-detail .question-car-detail-checkbox {
        margin-top: 30px;
        font-size: 14px;
    }

    .question-car-detail .question-car-detail-textbox {
        margin-top: 25px;
    }

        .question-car-detail .question-car-detail-textbox .form-control {
            margin: auto;
            width: 40%;
        }

    .question-car-detail .question-car-detail-button {
        margin-top: 30px;
    }

:lang(en) .question-car-detail {
    font-size: 14px;
}

:lang(th) .question-car-detail {
    font-size: 22px;
    font-family: DBHelvethaicaX;
}

:lang(en) .question-car-detail-label {
    font-size: 14px;
}

:lang(th) .question-car-detail-label {
    font-size: 20px;
    font-family: DBHelvethaicaX;
}

:lang(en) .question-car-detail-label-desc {
    font-size: 12px;
}

:lang(th) .question-car-detail-label-desc {
    font-size: 18px;
    font-family: DBHelvethaicaX;
}

.bar-content {
    padding-top: 25px;
}

.bar-status {
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

.bar-status-item {
    font-size: 16px;
}

    .bar-status-item .no {
        padding-top: 4px;
        padding-left: 9px;
        float: none;
        width: 30px;
        height: 30px;
        color: #00529C;
        border: 2px solid #37b0be;
        border-radius: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1px;
    }

.step-pending {
    border: 1px solid gray !important;
    width: 12px !important;
    height: 12px !important;
    color: transparent !important;
    margin-bottom: 11px !important;
    margin-top: 8px;
    background-color: #fff;
}

.bar-status-item.bar-show .no {
    color: #fff;
    background-color: #37b0be;
}

.bar-status-item .text {
    float: none;
    color: #4E4C4D;
    text-align: center;
}

.bar-status-item.bar-show .text {
    color: #37b0be;
    font-weight: bolder;
}

:lang(en) .bar-status-item .no, :lang(en) .bar-status-item .text {
    font-size: 13px;
}

:lang(th) .bar-status-item .no, :lang(th) .bar-status-item .text {
    font-size: 18px;
    line-height: 1;
}

.content-completed {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    align-items: center;
}

    .content-completed .img-completed {
        display: block;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        height: auto;
    }

    .content-completed h3 {
        margin-top: 60px;
        margin-bottom: 25px;
        position: relative;
        font-size: 24px;
        font-weight: bolder;
        color: #00529C;
    }

    .content-completed p {
        color: #7E7E7E;
    }

    .content-completed .btn-next {
        margin-top: 50px;
        width: 30%;
    }

.content-other-product {
    margin-top: 100px;
    margin-bottom: 70px;
    text-align: center;
    align-items: center;
}

    .content-other-product .title {
        font-size: 24px;
        font-weight: bolder;
        color: #00529C;
    }

    .content-other-product .list-item {
        margin-top: 35px;
    }

        .content-other-product .list-item .icon-item {
            width: 100%;
        }

        .content-other-product .list-item .text-item {
            color: #00529C;
            margin-top: 25px;
            font-size: 14px;
            text-align: center;
        }

        .content-other-product .list-item a {
            text-decoration: none;
        }

:lang(en) .content-completed h3 {
    font-size: 24px;
}

:lang(th) .content-completed h3 {
    font-size: 30px;
    font-family: DBHelvethaicaX;
}

:lang(en) .content-completed p {
    font-size: 14px;
}

:lang(th) .content-completed p {
    font-size: 22px;
    font-family: DBHelvethaicaX;
}

:lang(en) .content-other-product .list-item .text-item {
    font-size: 14px;
}

:lang(th) .content-other-product .list-item .text-item {
    font-size: 22px;
    font-family: DBHelvethaicaX;
    line-height: 1;
}

.process-bar {
    position: relative;
    padding: 10px;
    margin: 0 0 30px;
    list-style: none;
    background-color: #f0f0f0;
    text-align: center;
    font-size: 18px;
}

:lang(en) .process-bar {
    font-size: 12px;
}

.process-bar > .item {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

    .process-bar > .item:after {
        content: '';
        position: absolute;
        top: 18px;
        left: -12px;
        width: 24px;
        height: 1px;
        background-color: #808080;
    }

    .process-bar > .item:first-child:after {
        display: none;
    }

    .process-bar > .item > .link {
        display: block;
        position: relative;
        line-height: 0.95;
        width: 70px;
        text-align: center;
        color: #808080;
    }

:lang(en) .process-bar > .item > .link {
    line-height: inherit;
}

.process-bar > .item > .link:before {
    display: block;
    content: '';
    width: 35px;
    height: 35px;
    margin: 0 auto 5px;
    background: url('../images/img-step-sprite.png') no-repeat;
    -webkit-background-size: 140px 105px;
    background-size: 140px 105px;
}

.process-bar > .item > .link.-check:before {
    background-position: 0 0;
}

.process-bar > .item > .link.-info:before {
    background-position: -35px 0;
}

.process-bar > .item > .link.-confirm:before {
    background-position: -70px 0;
}

.process-bar > .item > .link.-payment:before {
    background-position: -105px 0;
}

.process-bar > .item.-active > .link,
.process-bar > .item.-success > .link {
    color: #1f419a;
}

    .process-bar > .item.-active > .link.-check:before {
        background-position: 0 -35px;
    }

    .process-bar > .item.-active > .link.-info:before {
        background-position: -35px -35px;
    }

    .process-bar > .item.-active > .link.-confirm:before {
        background-position: -70px -35px;
    }

    .process-bar > .item.-active > .link.-payment:before {
        background-position: -105px -35px;
    }

    .process-bar > .item.-success > .link:before {
        background-position: 0 -70px;
    }

.radio-center {
    text-align: center;
}

    .radio-center > .radio-inline {
        padding: 0;
        margin: 0 40px;
    }

.mainimg {
    position: relative;
}

.mainimg__banner {
    width: 100%;
}

.mainimg__banner--sm {
    display: block;
}

.mainimg__banner--lg {
    display: none;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.mainimg__award {
    position: absolute;
    top: 7%;
    right: 6.5%;
    width: 35%;
    max-width: 202px;
}

.mainimg__content {
    margin-top: 15px;
    overflow: hidden;
}

.mainimg__content__block {
    text-align: center;
}

.mainimg__content__award {
    display: none;
}

.mainimg__content__title {
    margin: 0;
    color: #0d2970;
}

    .mainimg__content__title:lang(th) {
        font-family: 'DBHelvethaicaXBd';
        font-size: 34px;
        letter-spacing: -0.01em;
    }

    .mainimg__content__title:lang(en) {
        font-family: 'ITCFranklinGothicStd-Med';
        font-size: 24px;
        letter-spacing: -0.01em;
    }

.mainimg__content__description {
    margin: 0;
    color: #0d2970;
}

    .mainimg__content__description:lang(th) {
        font-size: 30px;
    }

    .mainimg__content__description:lang(en) {
        font-size: 18px;
    }

/*
------------------------------------
    legal-exclusions
------------------------------------
*/
.btn-legal-exclusions {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding-right: 20px;
    color: #00008f;
    transition: color 0.3s linear;
    cursor: pointer;
}

    .btn-legal-exclusions:focus,
    .btn-legal-exclusions:hover {
        text-decoration: none;
        color: #00005b;
    }

    .btn-legal-exclusions::after {
        content: '';
        position: absolute;
        top: 0;
        right: -9px;
        bottom: 0;
        margin: auto;
        width: 15px;
        height: 8px;
        background: url(../../Direct/images/ico-arrow-down.jpg) 0 0 no-repeat;
        background-size: 13px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        transition: 0.2s ease all;
    }

    .btn-legal-exclusions.collapsed:after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .btn-legal-exclusions .glyphicon {
        margin-right: 5px;
        font-size: 12px;
        color: #ff1821;
    }

:lang(en) .btn-legal-exclusions {
    font-family: "SourceSansPro-Regular", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

:lang(th) .btn-legal-exclusions {
    font-family: "DBHelvethaicaX", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 1.15;
}

.legal-exclusions-collaspe > * > .text-indent {
    text-indent: 1.5em;
}

.legal-exclusions-collaspe > * > .text-no {
    margin: 0;
}

    .legal-exclusions-collaspe > * > .text-no.last {
        margin-bottom: 10px;
    }

.motor-color-1 {
    background-color: #37b0be !important;
}

.motor-color-2 {
    background-color: #2a8995 !important;
}

.motor-color-3 {
    background-color: #25707a !important;
}

.academy-column-figure__thumb:before, .drawer-menu__icon, .fa, .footer-column__panel__title:before, .home-promote__play:before, .product-search__icon, .testimonials__block__rating__star {
    font: normal normal normal 14px/1 FontAwesome;
}

.form-control:focus {
    color: rgba(0,0,143,1);
    border-color: rgba(0,0,143,1);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.line_dot {
    width: 100%;
    position: relative;
    height: 2px;
    background-image: linear-gradient(to right, #b3b3b3 40%, rgba(255, 255, 255, 0) 20%);
    background-position: top;
    background-size: 7px 1px;
    background-repeat: repeat-x;
    display: block;
    margin: 0 auto;
}

.step-line .line_dot {
    width: 68%;
    top: 16px;
    right: 0;
    left: 0;
}

.step-line .line_dot-1 {
    width: 68%;
    top: 18px;
    right: 0;
    left: 0;
}

.step-line .line_dot_2 {
    width: 32%;
    top: 16px;
    right: 0;
    left: -17%;
    background-color: #37b0be;
}

.line_dot_2 {
    width: 100%;
    position: relative;
    height: 2px;
    background-image: linear-gradient(to right, #37b0be 40%, rgba(255, 255, 255, 0) 20%);
    background-position: top;
    background-repeat: repeat-x;
    display: block;
    margin: 0 auto;
}

[role=button] {
    cursor: pointer;
}

.fa-angle-down:before, .footer-column__panel__title:before {
    content: "";
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.step-line {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.margin-right-0 {
    margin-right: 0px;
}

.line-hr {
    overflow: visible;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    transform: matrix(1,0,0,1,0,0);
}

/*---------------- image-checkbox ----------------*/
.image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0;
    outline: 0;
    margin-right: 10px;
    border: 1px solid #ddd;
}

    .image-checkbox input[type="checkbox"] {
        display: none;
    }

.image-checkbox-checked {
    border: 1px solid #00008f;
    color: #00008f;
    font-weight: 100;
}

.image-checkbox .fa {
    position: absolute;
    color: #4A79A3;
    background-color: #fff;
    padding: 10px;
    top: 0;
    right: 0;
}

.image-checkbox-checked .fa {
    display: block !important;
}

.image-checkbox .thumbnail {
    padding: 35px 0px 0px;
    margin-bottom: 0px;
    width: 168px;
    height: 125px;
    border-radius: 0px;
    font-weight: 100;
}

    .image-checkbox .thumbnail .caption {
        padding: 0px;
        font-weight: 100;
    }

.image-checkbox .thumbnail-getquote {
    padding: 35px 0px 0px;
    margin-bottom: 0px;
    width: 160px;
    height: 132px;
    border-radius: 0px;
    font-weight: 100;
}

.image-checkbox .thumbnail-plan {
    margin-bottom: 0px;
    width: 150px;
    height: 99px;
    border-radius: 0px;
    font-weight: 100;
    padding: 20px;
}

.image-checkbox .thumbnail-information {
    padding: 14px 0px 0px !important;
    width: 180px !important;
    height: 80px !important;
}

.thumbnail-plan-icon-known {
    background-image: url('../images/svg/plan/check-1.svg');
    width: 30px;
    height: 30px;
    padding: 30px 0px 25px 65px;
}

.thumbnail-plan-icon-unknown {
    background-image: url('../images/svg/plan/close.svg');
    width: 30px;
    height: 30px;
    padding: 30px 0px 25px 65px;
}

.image-checkbox:hover {
    /*filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161)) !important;*/
}

.image-checkbox-checked::before {
    content: "";
    background-image: url('../images/svg/shared/Check.svg');
    float: right;
    width: 16px;
    height: 16px;
    margin-top: -4%;
    margin-right: -5%;
}


.icon-car {
    background-image: url('../images/svg/getquote/icon-car5.svg');
    width: 30px;
    height: 23px;
    background-repeat: no-repeat;
    position: absolute;
}

.icon-truck {
    background-image: url('../images/svg/getquote/icon-truct.svg');
    width: 36px;
    height: 24px;
    background-repeat: no-repeat;
    position: absolute;
}



.Union_1 {
    overflow: visible;
    width: 25.867px;
    height: 21.155px;
    left: 42.848px;
    top: 24.562px;
    transform: matrix(1,0,0,1,0,0);
}

.Union_2 {
    overflow: visible;
    width: 25.867px;
    height: 21.155px;
    transform: rotate(-45deg);
    transform-origin: center;
    left: 42.848px;
    top: 24.562px;
}
/*---------------- image-checkbox ----------------*/

/*---------------- Content ----------------*/
.content-getquote {
    background-color: #FFFFFF;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    padding: 30px 70px 50px 70px;
    margin: 30px 95px 30px 95px;
    width: 920px;
}

.content-frame {
    background-color: #FFFFFF;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}

.content-frame-getquote, .content-frame-lead, .content-frame-information, .content-frame-confirm, .content-frame-completed {
    padding: 50px 80px 50px 80px;
    margin: 25px auto 25px auto;
    width: 920px;
}

.content-frame-plan {
    padding: 30px 70px 50px 70px;
    margin: 25px auto 25px auto;
    width: 1106px;
}

.content-bar-info {
    padding: 0px 20px 0px 20px;
    margin-bottom: 30px;
}

    .content-bar-info .icon {
        margin-top: -5px;
    }

    .content-bar-info span {
        color: #00008f;
        font-weight: 700;
    }

:lang(en) .content-bar-info span {
    font-size: 16px;
}

:lang(th) .content-bar-info span {
    font-size: 22px;
}

:lang(en) .content-bar-info-completed span {
    font-size: 22px;
}

:lang(th) .content-bar-info-completed span {
    font-size: 28px;
}

:lang(en) .body-sme {
    font-size: 16px !important;
}

:lang(th) .body-sme {
    font-size: 22px !important;
}


.completed-email {
    color: #37b0be;
    font-weight: bold;
}

    .completed-email:lang(th) {
        font-size: 30px;
    }

    .completed-email:lang(en) {
        font-size: 22px;
    }


.content-bar-info-grey {
    padding: 10px 0px 10px 0px;
    background-color: #f5f5f5;
    margin: 0px 15px 15px 15px;
}

    .content-bar-info-grey .icon {
        margin-top: -5px;
        padding-right: 5px;
    }
    .content-bar-info-grey .icon-right {
        float: right;
        cursor: pointer;
        width: 60px;
        margin-right: 10px;
    }

    .content-bar-info-grey span {
        color: #00008f;
        font-weight: 700;
    }

:lang(en) .content-bar-info-grey span {
    font-size: 16px;
}

:lang(th) .content-bar-info-grey span {
    font-size: 22px;
}
/*---------------- Content ----------------*/


/*---------------- Logo Car ----------------*/
.getquote-logo {
    width: 103px;
    height: 90px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    cursor: pointer;
}

    .getquote-logo:hover {
        filter: drop-shadow(0px 3px 6px #bfbfbf);
    }

.getquote-logo-active {
    border: 1px solid #00008f;
    filter: drop-shadow(0px 3px 6px #bfbfbf);
}

.getquote-logo-margin-right-17d-5m {
    margin-right: 17px;
}

.getquote-logo-margin-right-0d-5m {
    margin-right: 0px;
}
/*---------------- Logo Car ----------------*/

.img-tooltip {
    width: 12px;
    height: 12px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}

.img-responsive-tooltip {
    border: 1px solid #c6c6e6;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}

.img-info-tooltip {
    position: relative;
    z-index: 0;
    text-decoration: none
}

    .img-info-tooltip:hover {
        z-index: 1;
    }

    .img-info-tooltip span {
        display: none
    }

    .img-info-tooltip span2 {
        display: none
    }

    .img-info-tooltip:hover span {
        display: block;
        position: absolute;
        top: 1.5em;
        left: auto;
        width: 20em;
    }

    .img-info-tooltip:hover span2 {
        display: block;
        position: absolute;
        top: 1.5em;
        left: -140px;
        width: 20em;
    }

/*---------------- Button ----------------*/
.button-primary {
    /* display: table;*/
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    line-height: 38px;
    padding: 0 30px;
    margin: 0 1px 0 1px;
    color: #fff;
    background-color: #005dab;
    border: solid 2px #005dab;
    text-transform: uppercase;
    outline: none;
    z-index: 0;
    cursor: pointer;
    letter-spacing: 0.025em;
    transition: color .4s;
    white-space: nowrap;
}

    .button-primary:hover {
        color: #005dab;
    }

    .button-primary:after {
        content: '';
        position: absolute;
        z-index: -1;
        transition: width .4s, opacity .4s;
        width: 0;
        height: 500%;
        top: 50%;
        left: 50%;
        opacity: 0;
        color: #004177;
        background-color: #fff;
        transform: translate3d(-50%, -50%, 0) rotate(45deg);
        backface-visibility: hidden;
    }

    .button-primary:hover:after {
        width: 140%;
        opacity: 1;
    }

:lang(th) .button-primary {
}

:lang(en) .button-primary {
}

.button-primary--medium {
    min-width: 170px;
}

.button-primary--red {
    background-color: #A3141A;
    border-color: #f07662;
}

    .button-primary--red:hover {
        color: #fff;
    }

    .button-primary--red:after {
        background-color: #f49f0b;
    }

.button-primary--grey {
    background-color: #999999;
    border-color: #999999;
}

    .button-primary--grey:hover {
        color: #fff;
        border-color: #999999;
    }

    .button-primary--grey:after {
        background-color: #857e7e;
    }


.button-primary--sky {
    background-color: #00adc6;
    border-color: #00adc6;
}

    .button-primary--sky:hover {
        color: #fff;
        border-color: #00adc6;
    }

    .button-primary--sky:after {
        background-color: #067484;
    }


.button-primary--gray {
    border-color: #ccc;
    background-color: #fff;
    color: #ccc;
}

    .button-primary--gray:hover {
        color: #fff;
        border-color: #b2b2b2;
    }

    .button-primary--gray:focus {
        color: #ccc;
    }

    .button-primary--gray:after {
        background-color: #b2b2b2;
    }

.button-primary:disabled {
    background-color: #ccc;
    border-color: #ccc;
}

    .button-primary:disabled:hover {
        color: #fff;
    }

    .button-primary:disabled:after {
        background-color: #ccc;
    }

.button-primary--icon {
    line-height: 34px;
    padding: 0 12px;
}

    .button-primary--icon .icon {
        font-size: 16px;
    }

.btn-icon-right {
    position: relative;
    top: 2px;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}

.icon-arrow:before {
    content: "";
    background-image: url('../images/svg/shared/icon-arrow.svg');
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
}

.icon-call:before {
    content: "";
    background-image: url('../images/svg/shared/Phone.svg');
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
}
/*---------------- Button ----------------*/

.getquote-footer-title {
    padding: 0px 50px 0px 50px;
}

.getquote-footer-title:lang(th) {
    font-size: 16px;
}

.getquote-footer-title:lang(en) {
    font-size: 11px;
}

.input-group-addon.promo-icon {
    padding: 6px 24px !important;
    background-color: #00adc6;
    border-radius: 0px;
}

.promo-icon {
    background-image: url('../images/svg/shared/Discount.svg');
    background-repeat: no-repeat;
    background-position: center;
}

/*------------- tablesaw -----------------*/
.tablesaw-nav-btn {
    color: #fff !important;
}

a.tablesaw-nav-btn.left {
    background: url(../images/controls.png) no-repeat 0 1px !important;
}

a.tablesaw-nav-btn.right {
    background: url(../images/controls.png) no-repeat -43px 1px !important;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
    content: none !important;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
    content: none !important;
}

.tablesaw-advance .btn.btn-micro {
    border: none !important;
    padding: 16px 16px 16px 16px !important;
    margin-left: 10px !important;
}

.table-head, .table-head-mobile {
    color: #025a67 !important;
    background-color: #fafafa !important;
    text-align: left !important;
    vertical-align: middle !important;
    border-bottom: none !important;
    font-weight: normal;
}
    .table-head:lang(th), .table-head-mobile:lang(th) {
        font-size: 22px !important;
    }
    .table-head:lang(en), .table-head-mobile:lang(en) {
        font-size: 16px !important;
    }

.table-head-left {
    color: #000000 !important;
    background-color: #fafafa !important;
    text-align: center !important;
    border-bottom: none !important;
    font-weight: normal;
}

.table-head-left:lang(th) {
    font-size: 20px !important;
}

    .table-head-left:lang(en) {
        font-size: 14px !important;
    }


.table-head-1 {
    color: #FFF !important;
    background-color: #025a67 !important;
    text-align: center !important;
    border-bottom: none !important;
    font-weight: normal;
    cursor: pointer;
    z-index: 10;
    width: 180px;
}

.table-head-1:lang(th) {
    font-size: 20px !important;
}
.table-head-1:lang(en) {
    font-size: 14px !important;
}

.table-head-1-mobile {
    color: #FFF !important;
    background-color: #025a67 !important;
    text-align: center !important;
    border-bottom: none !important;
    font-weight: normal;
    cursor: pointer;
    z-index: 10;
    padding: 0px 0px 10px 0px;
}

    .table-head-1-mobile:lang(th) {
        font-size: 20px !important;
    }

    .table-head-1-mobile:lang(en) {
        font-size: 14px !important;
    }

.table-head-1 input[type="checkbox"] {
    display: none;
}

.table-head-1-mobile input[type="checkbox"] {
    display: none;
}

.table-head-1-checked {
    border: 3px solid #025a67 !important;
    border-bottom: none !important;
}

    .table-head-1-checked::before, .table-head-2-checked::before, .table-head-3-checked::before {
        content: "";
        background-image: url('../images/svg/plan/Select-table.svg');
        float: right;
        width: 20px;
        height: 20px;
        margin-top: -10%;
        margin-right: -12%;
    }

.table-head-1-mobile-checked {
    outline: 1px solid #00008f;
}

    .table-head-1-mobile-checked::before, .table-head-2-mobile-checked::before, .table-head-3-mobile-checked::before {
        content: "";
        background-image: url('../images/svg/plan/Select-table.svg');
        width: 20px;
        height: 20px;
        bottom: -10px;
        right: -10px;
        position: absolute;
    }

.table-head-2 {
    color: #FFF !important;
    background-color: #027180 !important;
    text-align: center !important;
    border-bottom: none !important;
    font-weight: normal;
    cursor: pointer;
    z-index: 5;
    width: 180px;
}

    .table-head-2:lang(th) {
        font-size: 20px !important;
    }

    .table-head-2:lang(en) {
        font-size: 14px !important;
    }


.table-head-2-mobile {
    color: #FFF !important;
    background-color: #027180 !important;
    text-align: center !important;
    border-bottom: none !important;
    font-size: 20px !important;
    font-weight: normal;
    cursor: pointer;
    z-index: 5;
    padding: 0px 0px 10px 0px;
}

    .table-head-2-mobile:lang(th) {
        font-size: 20px !important;
    }

    .table-head-2-mobile:lang(en) {
        font-size: 14px !important;
    }


.table-head-2 input[type="checkbox"] {
    display: none;
}

.table-head-2-mobile input[type="checkbox"] {
    display: none;
}

.table-head-2-checked {
    border: 3px solid #025a67 !important;
    border-bottom: none !important;
}

.table-head-2-mobile-checked {
    outline: 1px solid #00008f;
    z-index:99;
}

.table-column-select {
    border-left: 3px solid #025a67 !important;
    border-right: 3px solid #025a67 !important;
}

.table-column-h-select {
    border-left: 3px solid #025a67 !important;
    border-right: 3px solid #025a67 !important;
}

.table-column-w-select {
    border: 3px solid #025a67 !important;
    border-bottom: none !important;
    border-top: none !important;
}

.table-column-f-select {
    border: 3px solid #025a67 !important;
    border-top: none !important;
}

.table-head-3 {
    color: #FFF !important;
    background-color: #358d9a !important;
    text-align: center !important;
    border-bottom: none !important;
    font-weight: normal;
    cursor: pointer;
    z-index: 1;
    width: 180px;
}

    .table-head-3:lang(th) {
        font-size: 20px !important;
    }

    .table-head-3:lang(en) {
        font-size: 14px !important;
    }

.table-head-3-mobile {
    color: #FFF !important;
    background-color: #358d9a !important;
    text-align: center !important;
    border-bottom: none !important;
    font-weight: normal;
    cursor: pointer;
    z-index: 1;
    padding: 0px 0px 10px 0px;
}

    .table-head-3-mobile:lang(th) {
        font-size: 20px !important;
    }

    .table-head-3-mobile:lang(en) {
        font-size: 14px !important;
    }

.table-head-3 input[type="checkbox"] {
    display: none;
}

.table-head-3-mobile input[type="checkbox"] {
    display: none;
}

.table-head-3-checked {
    border: 3px solid #025a67 !important;
    border-bottom: none !important;
}

.table-head-3-mobile-checked {
    outline: 1px solid #00008f;
    z-index: 15;
}

.table-body-head-mobile {
    display: none;
}

.table-body-head, .table-body-head-c-1, .table-body-head-c-2, .table-body-head-c-3 {
    color: #fff !important;
    background-color: #00adc6 !important;
    border-top: none !important;
    border-bottom: none !important;
    font-weight: normal;
    padding: 4px 0px 4px 6px !important;
}

    .table-body-head:lang(th), .table-body-head-c-1:lang(th), .table-body-head-c-2:lang(th), .table-body-head-c-3:lang(th) {
        font-size: 20px !important;
    }

        .table-body-head:lang(en), .table-body-head-c-1:lang(en), .table-body-head-c-2:lang(en), .table-body-head-c-3:lang(en) {
            font-size: 14px !important;
        }


.table-body-head-2-c-1, .table-body-head-2-c-2, .table-body-head-2-c-3 {
    color: #fff !important;
    background-color: #0097ac !important;
    border-top: none !important;
    border-bottom: none !important;
    font-weight: normal;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

    .table-body-head-2-c-1:lang(th), .table-body-head-2-c-2:lang(th), .table-body-head-2-c-3:lang(th) {
        font-size: 20px !important;
    }

    .table-body-head-2-c-1:lang(en), .table-body-head-2-c-2:lang(en), .table-body-head-2-c-3:lang(en) {
        font-size: 14px !important;
    }


.table-body-head-2 {
    color: #fff !important;
    background-color: #0097ac !important;
    border-top: none !important;
    border-bottom: none !important;
    font-weight: normal;
    padding: 15px 0px 15px 6px !important;
}

.table-body {
    padding: 8px 2px 8px 50px !important;
    color: #233880 !important;
    text-align: center !important;
    font-weight: normal;
    vertical-align: middle !important;
}

    .table-body:lang(th) {
        font-size: 20px !important;
    }

    .table-body:lang(en) {
        font-size: 14px !important;
    }

.table-body-c-1, .table-body-c-2, .table-body-c-3 {
    color: #233880 !important;
    text-align: center !important;
    font-weight: normal;
    vertical-align: middle !important;
}

    .table-body-c-1:lang(th), .table-body-c-2:lang(th), .table-body-c-3:lang(th) {
        font-size: 20px !important;
    }

    .table-body-c-1:lang(en), .table-body-c-2:lang(en), .table-body-c-3:lang(en) {
        font-size: 14px !important;
    }


.table-footer {
    color: #fff !important;
    background-color: #00adc6 !important;
    font-weight: normal !important;
    padding: 9px 2px 7px 50px !important;
    height: 34px;
}
    .table-footer:lang(th) {
        font-size: 20px !important;
    }

    .table-footer:lang(en) {
        font-size: 14px !important;
    }


.table-footer-c-1, .table-footer-c-2, .table-footer-c-3 {
    color: #fff !important;
    background-color: #00adc6 !important;
    font-weight: normal !important;
    padding: 9px 0px 7px 8px !important;
    height: 34px;
    text-align: left;
    vertical-align: middle !important;
}
    .table-footer-c-1:lang(th), .table-footer-c-2:lang(th), .table-footer-c-3:lang(th) {
        font-size: 20px !important;
    }

    .table-footer-c-1:lang(en), .table-footer-c-2:lang(en), .table-footer-c-3:lang(en) {
        font-size: 14px !important;
    }

/*------------- Plan Icon ------------ */
.plan-icon {
    width: auto;
    height: auto;
    margin-left: -40px;
    background-repeat: no-repeat;
    float: left;
    background-position: left;
    padding: 4px 0px 4px 40px;
    background-size: 27px;
}

.plan-icon-1 {
    background-image: url('../images/svg/plan/icon-man-broke.svg');
    background-size: 22px;
}

.plan-icon-2 {
    background-image: url('../images/svg/plan/icon-Bed.svg');
}

.plan-icon-3 {
    background-image: url('../images/svg/plan/icon-Car.svg');
}

.plan-icon-4 {
    background-image: url('../images/svg/plan/icon-Accident.svg');
    background-size: 27px;
}

.plan-icon-5 {
    background-image: url('../images/svg/plan/icon-Fire.svg');
    background-size: 20px;
}

.plan-icon-6 {
    background-image: url('../images/svg/plan/icon-CarFloot.svg');
    background-size: 30px;
}

.plan-icon-7 {
    background-image: url('../images/svg/plan/icon-ManSit.svg');
    background-size: 20px;
}

.plan-icon-8 {
    background-image: url('../images/svg/plan/icon-Healht.svg');
}

.plan-icon-9 {
    background-image: url('../images/svg/plan/icon-Prisen.svg');
}

.plan-icon-10 {
    background-image: url('../images/svg/plan/icon-Moy.svg');
}

.plan-icon-11 {
    background-image: url('../images/svg/plan/icon-Driver.svg');
}

.plan-icon-12 {
    background-image: url('../images/svg/plan/icon-Setting.svg');
}

.plan-icon-13 {
    background-image: url('../images/svg/plan/Car-Camera.svg');
}

.plan-icon-14 {
    background-image: url('../images/svg/plan/icon-comp.svg');
    background-size: 21px;
}

.plan-icon-15 {
    background-image: url('../images/svg/plan/EV_ICON_Home_Charge_EV-01.svg');
}

.plan-icon-16 {
    background-image: url('../images/svg/plan/EV_ICON_Plug.svg');
}

.plan-icon-17 {
    background-image: url('../images/svg/plan/EV_ICON_plaster_Crutch_EV.svg');
}


.pricing-plan-head {
    line-height: 25px;
    cursor: pointer;
    padding-top: 10px;
}
    .pricing-plan-head:lang(th) {
        font-size: 20px;
    }

    .pricing-plan-head:lang(en) {
        font-size: 14px;
    }


.pricing-plan-name {
    font-weight: bold;
    color: #fcbc73;
    line-height: 25px;
    cursor: pointer;
}
.pricing-plan-name:lang(th) {
    font-size: 24px;
}
    .pricing-plan-name:lang(en) {
        font-size: 18px;
    }

.pricing-plan-price {
    cursor: pointer;
}

    .pricing-plan-price > span2 {
        cursor: pointer;
    }

    .pricing-plan-price > span2:lang(th) {
        font-size: 16px;
    }

    .pricing-plan-price > span2:lang(en) {
        font-size: 12px;
    }

    .pricing-plan-price > span {
        font-weight: bold;
        color: #fcbc73;
        cursor: pointer;
    }
    .pricing-plan-price > span:lang(th) {
        font-size: 24px;
    }
    .pricing-plan-price > span:lang(en) {
        font-size: 18px;
    }

.pricing-plan-discount {
    font-weight: 100;
    height: 15px;
    color: #fff;
    cursor: pointer;
}
.pricing-plan-discount:lang(th) {
    font-size: 18px;
}
.pricing-plan-discount:lang(en) {
    font-size: 13px;
}


.plan-item-ribbon:lang(en) {
    background-image: url('../images/svg/plan/Recommend.svg');
    width: 35px;
    height: 104px;
    margin-top: -9px;
    margin-left: -4px;
    background-repeat: no-repeat;
    float: left;
    position: absolute;
    background-position: center;
}

.plan-item-ribbon:lang(th) {
    background-image: url('../images/svg/plan/Label.svg');
    width: 35px;
    height: 104px;
    margin-top: -23px;
    margin-left: -4px;
    background-repeat: no-repeat;
    float: left;
    position: absolute;
    background-position: center;
}


.plan-item-ribbon-mobile:lang(en) {
    background-image: url('../images/svg/plan/Recommend.svg');
    width: 30px;
    height: 80px;
    top: -4px;
    right: -4px;
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain;
    background-position: center;
}

.plan-item-ribbon-mobile:lang(th) {
    background-image: url('../images/svg/plan/Label-m.svg');
    width: 20px;
    height: 100px;
    top: -12px;
    right: 3px;
    background-repeat: no-repeat;
    position: absolute;
    background-position: center;
}


.plan-item-previous-mobile {
    background-image: url('../page-converoptionplan/images/icon-next.png');
    width: 7px;
    height: 14px;
    top: 45px;
    left: 5px;
    background-repeat: no-repeat;
    position: absolute;
    transform: rotate(180deg)
}

.plan-item-next-mobile {
    background-image: url('../page-converoptionplan/images/icon-next.png');
    width: 7px;
    height: 14px;
    top: 45px;
    right: 5px;
    background-repeat: no-repeat;
    position: absolute;
}


.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
    margin: 0px 15px 0px 15px;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title:lang(th) {
    font-size: 22px;
    color: #00008f !important;
    font-weight: bold !important;
}

.panel-title:lang(en) {
    font-size: 16px;
    color: #00008f !important;
    font-weight: bold !important;
}

.panel-title > a {
    display: block;
    padding: 5px;
    text-decoration: none;
    text-align: center;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
    padding: 0px !important;
}

.icon-down {
    content: url('../images/svg/shared/Expane.svg');
    margin-top: 2px;
    margin-right: 6px;
    width: 20px;
}

.icon-up {
    content: url('../images/svg/shared/Expane.svg');
    margin-top: 2px;
    margin-right: 6px;
    width: 20px;
    transform: rotate(180deg);
}

.more-less {
    float: right;
    color: #212121;
}

.datepicker-popup {
    z-index: 100000 !important;
}

.css-label {
    color: #ffffff !important;
}

.vlad {
    background-image: url(../images/vlad.png);
    font-weight: normal !important;
}

.vlad:lang(th) {
    font-size: 20px !important;
}
.vlad:lang(en) {
    font-size: 14px !important;
}
.star-require::before {
    color: red;
    content: "*";
    font-weight: bold;
}

.plan-dropdown:lang(th) {
    font-size: 18px !important;
    height: 34px;
    padding: 2px 0px 0px 4px !important;
    margin-right: 10px;
}

.plan-dropdown:lang(en) {
    font-size: 13px !important;
    height: 34px;
    padding: 2px 0px 0px 4px !important;
    margin-right: 10px;
}

.plan-dropdown-suminsure {
    color: #fff !important;
    background-color: #0097ac !important;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
}

.insureinformation-footer-title:lang(th) {
    font-weight: 700;
    font-size: 18px;
}

.insureinformation-footer-title:lang(en) {
    font-weight: 700;
    font-size: 13px;
}

.insureinformation-footer-message:lang(th) {
    font-size: 14px;
}

.insureinformation-footer-message:lang(en) {
    font-size: 12px;
}

.label-img-center {
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translate(-50%, -50%);
    
    color: white;
}
    .label-img-center:lang(th) {
        font-size: 18px;
    }
    .label-img-center:lang(en) {
        font-size: 13px;
    }
    .accordion-center img {
        margin: 0;
        position: absolute;
        top: 2px;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #2a8995;
        border-radius: 50%;
        height: 30px;
        z-index: 999;
    }

.beneficiary-info {
    padding: 15px 0px 15px 0px;
    background-color: #f5f5f5;
}

.css-label-color-black {
    color: #000 !important;
}

.accordion-center .coverage-package-name {
    float: left;
}

.accordion-center .coverage-package-price {
    position: absolute;
    right: 0px;
    width: 300px;
    margin-top: 0px;
}

.table-coverage {
    margin: 0px;
}

    .table-coverage th {
        color: white;
    }

    .table-coverage > thead > tr {
        background-color: #37b0be;
    }

        .table-coverage > thead > tr > th:lang(th) {
            font-size: 22px !important;
        }

    .table-coverage > tbody > tr > td:lang(th) {
        font-size: 20px !important;
    }

    .table-coverage > thead > tr > th:lang(en) {
        font-size: 16px !important;
    }

    .table-coverage > tbody > tr > td:lang(en) {
        font-size: 14px !important;
    }


    .table-coverage > tbody > tr > td > img {
        padding-left: 10px;
        padding-right: 20px;
        width: 60px;
    }

    .table-coverage > tbody > tr > td.price {
        text-align: center;
    }

.table-premium > tbody > tr > td {
    font-size: 22px !important;
    color: white;
    background-color: #25707a;
    border: none !important;
    font-weight: normal;
}

    .table-premium > tbody > tr > td.price {
        text-align: right;
    }

.background-grey {
    background-color: #f5f5f5;
}

.divider-line {
    border-top: 2px dashed gray !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.coverage-bar-title:lang(th) {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}

.coverage-bar-title:lang(en) {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.coverage-bar-suminsure-caption:lang(th) {
    font-size: 20px;
    float: right;
    color: #fff;
}

.coverage-bar-suminsure-caption:lang(en) {
    font-size: 14px;
    float: right;
    color: #fff;
}

.coverage-bar-suminsure:lang(th) {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
}

.coverage-bar-suminsure:lang(en) {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-right-15 {
    margin-right: 15px;
}

.coverage-footer-discount-caption:lang(th) {
    font-size: 20px !important;
    color: #fff;
    font-weight: normal;
}

.coverage-footer-discount-caption:lang(en) {
    font-size: 14px !important;
    color: #fff;
    font-weight: normal;
}

.coverage-footer-discount:lang(th) {
    font-size: 26px !important;
    color: rgba(240,118,98,1);
    font-weight: bold;
}

.coverage-footer-discount:lang(en) {
    font-size: 20px !important;
    color: rgba(240,118,98,1);
    font-weight: bold;
}

.coverage-footer-total-caption:lang(th) {
    font-size: 22px !important;
    color: #fff;
    font-weight: normal;
}

.coverage-footer-total-caption:lang(en) {
    font-size: 16px !important;
    color: #fff;
    font-weight: normal;
}

.coverage-footer-total:lang(th) {
    font-size: 34px !important;
    color: rgba(252,211,133,1);
    font-weight: bold;
}

.coverage-footer-total:lang(en) {
    font-size: 24px !important;
    color: rgba(252,211,133,1);
    font-weight: bold;
}

.coverage-tr-grey {
    background-color: #f5f5f5;
}

/*----- padding -----*/
    .padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-left-60-15 {
    padding-left: 60px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-25 {
    padding-top: 25px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-10-5 {
    padding-top: 10px !important;
}

.padding-top-25-20 {
    padding-top: 25px !important;
}

.padding-top-30-20 {
    padding-top: 30px !important;
}

.padding-top-35-20 {
    padding-top: 35px !important;
}

.padding-top-40-20 {
    padding-top: 40px !important;
}

.padding-top-45-20 {
    padding-top: 45px !important;
}

.padding-top-50-30 {
    padding-top: 50px;
}

.padding-top-50-30 {
    padding-top: 50px;
}

.padding-top-50-20 {
    padding-top: 50px;
}

.padding-buttom-50-35 {
    padding-bottom: 50px;
}

.padding-top-50-35 {
    padding-top: 50px;
}

.padding-bottom-0 {
    padding-bottom: 0px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-25-20 {
    padding-bottom: 25px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}


@media only screen and (min-width : 768px) {
    .product-banner {
        height: 236px;
    }

    .product-banner__image--mobile {
        display: none;
    }

    .product-banner__image--desktop {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: 1314px;
        max-width: none;
        margin-left: -657px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: auto;
    }

    .footer-block--top {
        padding: 40px 0;
    }

    .footer-container, .footer-get-quote__content {
        width: 750px;
    }

    .footer-row.no-gutter-sm > [class*=" col-sm"], .footer-row.no-gutter-sm > [class^=col-sm] {
        padding-right: 0;
        padding-left: 0;
    }
}

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

    :lang(en) .css-checkbox.bg-white + label.css-label, :lang(en) .css-checkbox.bg-white + * + label.css-label {
        font-size: 12px;
    }

    :lang(th) .css-checkbox.bg-white + label.css-label, :lang(th) .css-checkbox.bg-white + * + label.css-label {
        font-size: 18px;
    }

    .no-margin-left-right-large {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .step-line {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .image-checkbox .thumbnail {
        width: 140px !important;
        height: 100px !important;
        padding: 25px 0px 0px !important;
    }

    .image-checkbox .thumbnail-getquote {
        width: 145px !important;
        height: 127px !important;
        padding: 41px 0px 0px !important;
    }

    .image-checkbox .thumbnail-plan {
        width: 145px !important;
        height: 127px !important;
        padding: 41px 0px 0px !important;
    }

    .image-checkbox .thumbnail-information {
        padding: 14px 0px 0px !important;
        width: 145px !important;
        height: 80px !important;
    }

    .img-info-tooltip:hover span {
        width: 16em;
    }

    .img-info-tooltip:hover span2 {
        width: 16em;
    }

    .getquote-footer-title:lang(th) {
        padding: 0px 10px 0px 10px;
        font-size: 14px;
    }

    .getquote-footer-title:lang(en) {
        padding: 0px 10px 0px 10px;
        font-size: 11px;
    }

    .button-primary {
        line-height: 30px;
        padding: 0 20px;
    }

    .button-primary--medium {
        min-width: 140px;
    }

    .button-primary--icon {
        padding: 0 10px;
    }

        .button-primary--icon .icon {
            font-size: 14px;
        }

    .getquote-logo {
        width: 102px;
        height: 90px;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .getquote-logo-margin-right-17d-5m, .getquote-logo-margin-right-0d-5m {
        margin-right: 5px;
    }

    .padding-top-10-5 {
        padding-top: 5px !important;
    }

    .padding-top-25-20 {
        padding-top: 20px !important;
    }

    .padding-top-30-20 {
        padding-top: 20px !important;
    }

    .padding-top-35-20 {
        padding-top: 20px !important;
    }

    .padding-top-40-20 {
        padding-top: 20px !important;
    }

    .padding-top-45-20 {
        padding-top: 20px !important;
    }

    .padding-top-50-30 {
        padding-top: 30px;
    }

    .padding-left-60-15 {
        padding-left: 15px !important;
    }

    .padding-top-50-35 {
        padding-top: 35px;
    }

    .padding-top-50-20 {
        padding-top: 20px;
    }

    .padding-buttom-50-35 {
        padding-bottom: 35px;
    }

    .padding-bottom-25-20 {
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 768px) {
    .table-body-head-2, .table-body-head-2-c-1, .table-body-head-2-c-2, .table-body-head-2-c-3 {
        border-right: none !important;
        border-left: none !important;
    }

    .table-body-head, .table-body-head-c-1, .table-body-head-c-2, .table-body-head-c-3 {
        border-right: none !important;
        border-left: none !important;
    }

    .table-body {
        padding: 20px 0px 20px 50px !important;
        border-right: none !important;
        border-left: none !important;
    }

    .table-body-c-1, .table-body-c-2, .table-body-c-3 {
        padding: 20px 0px 20px 0px !important;
        border-right: none !important;
        border-left: none !important;
    }

        .table-body:lang(th), .table-body-c-1:lang(th), .table-body-c-2:lang(th), .table-body-c-3:lang(th) {
            font-size: 18px !important;
        }

        .table-body:lang(en), .table-body-c-1:lang(en), .table-body-c-2:lang(en), .table-body-c-3:lang(en) {
            font-size: 12px !important;
        }


    .table-footer {
        border-right: none !important;
        border-left: none !important;
        border-bottom: none !important;
    }

    .table-footer-c-1, .table-footer-c-2, .table-footer-c-3 {
        border-right: none !important;
        border-left: none !important;
        border-bottom: none !important;
        padding: 9px 0px 7px 0px !important;
        vertical-align: middle !important;
    }

        .table-footer:lang(th), .table-footer-c-1:lang(th), .table-footer-c-2:lang(th), .table-footer-c-3:lang(th) {
            font-size: 18px !important;
        }

        .table-footer:lang(en), .table-footer-c-1:lang(en), .table-footer-c-2:lang(en), .table-footer-c-3:lang(en) {
            font-size: 12px !important;
        }

    .tablesaw-cell-persist {
        box-shadow: none !important;
    }

    .pricing-plan-head:lang(th) {
        font-size: 16px;
    }

    .pricing-plan-head:lang(en) {
        font-size: 10px;
    }

    .pricing-plan-name:lang(th) {
        font-size: 20px;
    }

    .pricing-plan-name:lang(en) {
        font-size: 14px;
    }

    .pricing-plan-price > span2:lang(th) {
        font-size: 16px;
    }

    .pricing-plan-price > span2:lang(en) {
        font-size: 10px;
    }

    .pricing-plan-price > span:lang(th) {
        font-size: 20px;
    }

    .pricing-plan-price > span:lang(en) {
        font-size: 14px;
    }

    .pricing-plan-discount:lang(th) {
        font-size: 18px;
    }

    .pricing-plan-discount:lang(en) {
        font-size: 12px;
    }

    .table-body-head:lang(th), .table-body-head-c-1:lang(th), .table-body-head-c-2:lang(th), .table-body-head-c-3:lang(th) {
        font-size: 18px !important;
    }

    .table-body-head:lang(en), .table-body-head-c-1:lang(en), .table-body-head-c-2:lang(en), .table-body-head-c-3:lang(en) {
        font-size: 12px !important;
    }
}

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

    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
        margin: 0px 15px 0px 15px;
    }

    .panel-title:lang(th) {
        font-size: 18px;
        color: #00008f !important;
        font-weight: bold !important;
    }

    .panel-title:lang(en) {
        font-size: 12px;
        color: #00008f !important;
        font-weight: bold !important;
    }

    .plan-dropdown:lang(th) {
        font-size: 16px !important;
        height: 29px;
        padding: 2px 0px 0px 4px !important;
        width: 125px;
    }

    .plan-dropdown:lang(en) {
        font-size: 12px !important;
        height: 29px;
        padding: 2px 0px 0px 4px !important;
        width: 125px;
    }

    .icon-down {
        content: url('../images/svg/shared/Expane.svg');
        margin-top: 0px;
        margin-right: 6px;
        width: 20px;
    }

    .icon-up {
        content: url('../images/svg/shared/Expane.svg');
        margin-top: 0px;
        margin-right: 6px;
        width: 20px;
        transform: rotate(180deg);
    }
}

@media screen and (max-width: 768px) {
    .insureinformation-footer-title:lang(th) {
        font-weight: 700;
        font-size: 16px;
    }

    .insureinformation-footer-title:lang(en) {
        font-weight: 700;
        font-size: 12px;
    }

    .insureinformation-footer-message:lang(th) {
        font-size: 14px;
    }

    .insureinformation-footer-message:lang(en) {
        font-size: 12px;
    }

    .label-img-center {
        position: absolute;
        top: 35px;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 18px;
        color: white;
    }

    .accordion-center img {
        margin: 0;
        position: absolute;
        top: 59px;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #2a8995;
        border-radius: 50%;
        height: 30px;
        z-index: 999;
    }

    .no-padding-xs {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .table-coverage > thead > tr > th:lang(th) {
        font-size: 18px !important;
    }

    .table-coverage > tbody > tr > td:lang(th) {
        font-size: 18px !important;
    }

    .table-coverage > thead > tr > th:lang(en) {
        font-size: 12px !important;
    }

    .table-coverage > tbody > tr > td:lang(en) {
        font-size: 12px !important;
    }
}

@media (max-width:768px) {

    body:lang(th) {
        font-family: DBHelvethaicaX,Helvetica,Arial,sans-serif;
        font-size: 18px;
    }

    body:lang(en) {
        font-family: SourceSansPro-Regular,Arial,sans-serif;
        font-size: 12px;
    }

    .coverage-bar-title:lang(th) {
        font-size: 18px !important;
        color: #fff;
        font-weight: bold;
    }

    .coverage-bar-title:lang(en) {
        font-size: 12px !important;
        color: #fff;
        font-weight: bold;
    }

    .coverage-bar-suminsure-caption:lang(th) {
        font-size: 18px !important;
        float: right;
        color: #fff;
    }

    .coverage-bar-suminsure-caption:lang(en) {
        font-size: 12px !important;
        float: right;
        color: #fff;
    }

    .coverage-bar-suminsure:lang(th) {
        font-size: 20px !important;
        color: #fff;
        font-weight: bold;
        padding-left: 10px;
    }

    .coverage-bar-suminsure:lang(en) {
        font-size: 14px !important;
        color: #fff;
        font-weight: bold;
        padding-left: 10px;
    }

    .coverage-footer-discount-caption:lang(th) {
        font-size: 18px !important;
        color: #fff;
        font-weight: normal;
    }

    .coverage-footer-discount-caption:lang(en) {
        font-size: 12px !important;
        color: #fff;
        font-weight: normal;
    }

    .coverage-footer-discount:lang(th) {
        font-size: 22px !important;
        color: rgba(240,118,98,1);
        font-weight: bold;
    }

    .coverage-footer-discount:lang(en) {
        font-size: 16px !important;
        color: rgba(240,118,98,1);
        font-weight: bold;
    }

    .coverage-footer-total-caption:lang(th) {
        font-size: 18px !important;
        color: #fff;
        font-weight: normal;
    }

    .coverage-footer-total-caption:lang(en) {
        font-size: 12px !important;
        color: #fff;
        font-weight: normal;
    }

    .coverage-footer-total:lang(th) {
        font-size: 22px !important;
        color: rgba(252,211,133,1);
        font-weight: bold;
    }

    .coverage-footer-total:lang(en) {
        font-size: 16px !important;
        color: rgba(252,211,133,1);
        font-weight: bold;
    }

    .coverage-tr-grey {
        background-color: #fff;
    }

    .content-bar-info {
        margin-bottom: 20px;
    }

    :lang(en) .content-bar-info span {
        font-size: 12px;
    }

    :lang(th) .content-bar-info span {
        font-size: 18px;
    }

    :lang(en) .content-bar-info-completed span {
        font-size: 16px;
    }

    :lang(th) .content-bar-info-completed span {
        font-size: 22px;
    }


    .completed-email:lang(th) {
        font-size:22px;
    }
        .completed-email:lang(en) {
            font-size: 16px;
        }


    .content-bar-info-grey {
        padding: 10px 0px 10px 0px;
        background-color: #f5f5f5;
        margin: 0px 10px 15px 10px;
    }

        .content-bar-info-grey .icon {
            margin-top: -5px;
        }

        .content-bar-info-grey span {
            color: #00008f;
            font-weight: 700;
        }

    :lang(en) .content-bar-info-grey span {
        font-size: 12px;
    }

    :lang(th) .content-bar-info-grey span {
        font-size: 18px;
    }

    .vlad:lang(th) {
        font-size: 18px !important;
    }

    .vlad:lang(en) {
        font-size: 12px !important;
    }


    :lang(en) .bar-status-item .no, :lang(en) .bar-status-item .text {
        font-size: 12px;
    }

    :lang(th) .bar-status-item .no, :lang(th) .bar-status-item .text {
        font-size: 18px;
        font-family: DBHelvethaicaX;
    }
}

@media (min-width:768px) {
    .footer-social {
        padding: 0 0 30px;
    }

    .footer-social__list {
        padding: 0;
        border-bottom: 0;
    }

        .footer-social__list:focus, .footer-social__list:hover {
            color: #fff;
        }

    .footer-social__list__item {
        display: block;
        float: left;
        width: auto;
        padding-right: 40px;
    }

    .footer-social__list__item__link {
        min-width: inherit;
        line-height: inherit;
    }

    .footer-social__list__item__link {
        opacity: 1;
    }

        .footer-social__list__item__link:hover {
            opacity: .7;
        }

    .footer-column {
        overflow: hidden;
        margin: 0 -15px;
    }

    .footer-column__panel {
        float: left;
        width: 33.3%;
        padding: 0 15px;
    }

    .footer-column__panel__title {
        margin-bottom: 15px;
        padding: 0;
        border-bottom: 0;
        cursor: default;
    }

        .footer-column__panel__title:hover {
            color: #fff;
            cursor: default;
        }

        .footer-column__panel__title:before {
            display: none;
        }

    .footer-column__panel__content {
        background-color: transparent;
        box-shadow: none;
    }

        .footer-column__panel__content.collapse, .footer-column__panel__content.collapsing {
            display: block !important;
            height: auto !important;
        }

    .footer-column__panel__content__item {
        margin-bottom: 10px;
        padding: 0;
        border-bottom: 0;
    }

        .footer-column__panel__content__item:last-child {
            margin-bottom: 0;
        }

    .footer-copyright:lang(th) {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .footer-copyright:lang(en) {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (max-width:860px) {
    .header {
        margin-bottom: 0px;
        padding: 10px 0px 10px 0px;
    }

    .logo {
        padding-left: 15px;
        width: 200px;
    }

    .footer {
        height: 200px;
    }

    .wrapper {
        margin: auto;
    }

    .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .content-top {
        margin-top: 0px;
    }

    .content-select-white {
        margin-left: 0px;
        margin-right: 0px;
    }

    .content-description-plan {
        text-align: left;
    }

    .content-description-bottom {
        text-align: left;
    }

    .content-description-price {
        text-align: left;
    }

    .package-highlight-list li:before {
        font-family: fontello;
        content: '✓';
        position: absolute;
        color: #004b93;
        left: 40px;
    }

    .package-highlight-list li {
        list-style: none;
        text-align: left;
        margin: auto;
        margin-left: 5px;
    }

    .col-border-Confirm {
        height: 80px !important;
    }

    .content-bar-car-detail {
        height: initial !important;
    }

        .content-bar-car-detail p.bold {
            padding-left: 0px !important;
        }
}

@media only screen and (min-width : 992px) {
    .product-banner {
        height: 314px;
    }

    .product-banner__image--desktop {
        width: 1736px;
        margin-left: -868px;
    }

    .footer-container, .footer-get-quote__content {
        width: 970px;
    }
}

@media (min-width:992px) {
    .footer-row.no-gutter-md > [class*=" col-md"], .footer-row.no-gutter-md > [class^=col-md] {
        padding-right: 0;
        padding-left: 0;
    }

    .footer-social {
        padding: 0 15px;
    }

    .footer-social__title {
        display: block;
    }

    .footer-column {
        margin: 0;
    }

    .footer-column__panel__title:lang(th) {
        font-size: 22px;
        font-size: 2.2rem;
    }

    .footer-column__panel__title:lang(en) {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .footer-column__panel__content__link:lang(th) {
        font-size: 20px;
        font-size: 2rem;
    }

    .footer-column__panel__content__link:lang(en) {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .footer-copyright--mobile-center {
        text-align: right;
    }
}

@media only screen and (min-width: 992px) {

    .process-bar {
        margin-bottom: 60px;
    }

    :lang(en) .process-bar {
        font-size: 14px;
    }

    .process-bar > .item {
        padding: 0 65px;
    }

        .process-bar > .item:after {
            left: -70px;
            width: 140px;
        }

        .process-bar > .item > .link {
        }

    :lang(en) .process-bar > .item > .link {
        width: 80px;
    }

    .process-bar > .item > .link:before {
        width: 40px;
        height: 40px;
        margin: 0 auto 5px;
        -webkit-background-size: 160px 120px;
        background-size: 160px 120px;
    }

    .process-bar > .item > .link.-check:before {
        background-position: 0 0;
    }

    .process-bar > .item > .link.-info:before {
        background-position: -40px 0;
    }

    .process-bar > .item > .link.-confirm:before {
        background-position: -80px 0;
    }

    .process-bar > .item > .link.-payment:before {
        background-position: -120px 0;
    }

    .process-bar > .item.-active > .link.-check:before {
        background-position: 0 -40px;
    }

    .process-bar > .item.-active > .link.-info:before {
        background-position: -40px -40px;
    }

    .process-bar > .item.-active > .link.-confirm:before {
        background-position: -80px -40px;
    }

    .process-bar > .item.-active > .link.-payment:before {
        background-position: -120px -40px;
    }

    .process-bar > .item.-success > .link:before {
        background-position: 0 -80px;
    }

    .radio-center {
    }

        .radio-center > .radio-inline {
            margin: 0 40px;
            font-size: 24px;
        }

    :lang(en) .radio-center > .radio-inline {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .mainimg {
        position: relative;
        width: 100%;
        height: 324px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
}

@media (min-width: 992px) and (max-width: 767px) {
    .mainimg {
        height: 162px;
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .mainimg {
        height: 226.8px;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .mainimg {
        height: 291.6px;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .mainimg {
        height: 324px;
    }
}

@media (min-width: 992px) {
    .mainimg__banner--sm {
        display: none;
    }
}

@media (min-width: 992px) {
    .mainimg__banner--lg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: auto;
    }
}

@media (min-width: 992px) {
    .mainimg__award {
        display: none;
        width: inherit;
    }
}

@media (min-width: 992px) {
    .mainimg__content {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .mainimg__content__block {
        display: table;
        float: right;
        position: relative;
        width: 100%;
        height: 324px;
        width: 43.5%;
        padding-right: 4.5%;
    }
}

@media (min-width: 992px) and (max-width: 767px) {
    .mainimg__content__block {
        height: 162px;
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .mainimg__content__block {
        height: 226.8px;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .mainimg__content__block {
        height: 291.6px;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .mainimg__content__block {
        height: 324px;
    }
}

@media (min-width: 992px) {
    .mainimg__content__block:after {
        content: '';
        position: absolute;
        top: 0;
        left: -27%;
        width: 145%;
        height: 120%;
        background-color: rgba(255, 255, 255, 0.5);
        -ms-transform: rotate(76deg);
        transform: rotate(76deg);
    }
}

@media (min-width: 992px) {
    .mainimg__content__block__inner {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        z-index: 9;
    }
}

@media (min-width: 992px) {
    .mainimg__content__award {
        display: block;
        margin: 0 auto 40px;
    }
}

@media (min-width: 992px) {
    .mainimg__content__title:lang(th) {
        font-size: 42px;
    }

    .mainimg__content__title:lang(en) {
        font-size: 32px;
    }
}

@media (min-width: 992px) {
    .mainimg__content__description:lang(th) {
        font-size: 38px;
    }

    .mainimg__content__description:lang(en) {
        font-size: 24px;
    }
}

@media only screen and (max-width : 992px) {
    .content-getquote {
        padding: 30px 25px 20px 25px;
        margin: 15px 15px 15px 15px;
        width: auto;
    }
}

@media only screen and (max-width : 992px) {
    .content-frame-getquote, .content-frame-lead, .content-frame-information, .content-frame-completed {
        padding: 30px 10px 35px 10px;
        margin: 15px 15px 15px 15px;
        width: auto;
    }

    .content-frame-plan {
        padding: 30px 0px 20px 0px;
        margin: 15px 15px 15px 15px;
        width: auto;
    }

    .content-frame-confirm {
        padding: 30px 2px 35px 2px;
        margin: 15px 15px 15px 15px;
        width: auto;
    }
}

@media screen and (max-width: 991px) {
    .header {
    }

    .footer {
        height: 200px;
    }

    .wrapper {
        margin: auto;
    }

    .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .content-top {
        margin-top: 0px;
    }

    .content-select-white {
        margin-left: 0px;
        margin-right: 0px;
    }

    .content-description-plan {
        text-align: left;
    }

    .content-description-bottom {
        text-align: left;
    }

    .content-description-price {
        text-align: left;
    }

    .package-highlight-list li:before {
        font-family: fontello;
        content: '✓';
        position: absolute;
        color: #004b93;
        left: 100px;
    }

    .package-highlight-list li {
        list-style: none;
        text-align: left;
        margin: auto;
        margin-left: 70px;
    }

    .col-border-Confirm {
        height: 80px !important;
    }

    .content-bar-car-detail {
        height: initial !important;
    }
}

@media (max-width: 1005px) {
    .question-car-detail .question-car-detail-label-desc {
        margin: 0 220px;
    }
}

@media only screen and (min-width : 1200px) {
    .product-banner {
        height: 327px;
    }

    .product-banner__image--desktop {
        width: 1920px;
        margin-left: -960px;
    }

    .footer-row.no-gutter-lg > [class*=" col-lg"], .footer-row.no-gutter-lg > [class^=col-lg] {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width:1200px) {
    .footer-container, .footer-get-quote__content {
        width: 1170px;
    }
}


@media (max-width: 1200px) {
    .question-car-detail .question-car-detail-label-desc {
        margin: 0 270px;
    }
}


@media (max-width: 1200px) {
    .header-product {
        height: 324px;
    }

    .popup {
        width: 940px;
    }

    :lang(en) .list-package .item-package .item-package-desc-col-1 .desc-row {
        margin-top: 24px;
    }

    :lang(th) .list-package .item-package .item-package-desc-col-1 .desc-row {
        margin-top: 16px;
    }

    :lang(en) .list-package .item-package .item-package-desc-col-2 .desc-row {
        margin-top: 24px;
    }

    :lang(th) .list-package .item-package .item-package-desc-col-2 .desc-row {
        margin-top: 16px;
    }
}

@media (max-width: 1005px) {
    .header-product-caption .title {
        font-size: 36px;
    }

    .header-product-caption .description * {
        font-size: 24px;
    }

    .list-package .item-package .item-package-title .price {
        margin-top: 50px;
        font-size: 28px;
    }

        .list-package .item-package .item-package-title .price .baht {
            font-size: 18px;
            font-family: ITCFranklinGothicStd-Book;
        }

    .popup {
        width: 600px;
        position: absolute;
        top: -500px;
    }

    .coverage-bar {
        margin-bottom: 25px;
    }

        .popup .content-title, .coverage-bar .content-title {
            height: 75px;
            padding-top: 5px;
        }

    .popup-package-name, .coverage-package-name {
        display: block;
        font-size: 20px;
    }

    .popup-package-price, .coverage-package-price {
        font-size: 22px;
    }

        .popup-package-price .unit, .coverage-package-price .unit {
            margin-left: 0px;
        }

    .popup-package-icon-close, .coverage-package-icon-close {
        margin: -10px 0px 0px -10px;
    }

    .content-coverage {
        border: hidden;
    }

        .content-coverage .col-white, .content-coverage .col-gray {
            padding: 10px 15px;
            min-height: initial;
        }

    :lang(en) .header-product-caption .title {
        font-size: 30px;
    }

    :lang(th) .header-product-caption .title {
        font-size: 36px;
    }

    :lang(en) .header-product-caption .description * {
        font-size: 18px;
    }

    :lang(th) .header-product-caption .description * {
        font-size: 24px;
    }

    :lang(en) .list-package .item-package .item-package-title .price {
        font-size: 28px;
    }

    :lang(th) .list-package .item-package .item-package-title .price {
        font-size: 40px;
    }

    :lang(en) .coverage-title, :lang(en) .coverage-subtitle, :lang(en) .coverage-price {
        font-size: 12px;
    }

    :lang(th) .coverage-title, :lang(th) .coverage-subtitle, :lang(th) .coverage-price {
        margin-top: -4px;
        font-size: 18px;
    }

    :lang(en) .coverage-price .price {
        font-size: 16px;
    }

    :lang(th) .coverage-price .price {
        font-size: 22px;
    }

    :lang(en) .content-labal-text-lg .label-title {
        font-size: 14px;
    }

    :lang(th) .content-labal-text-lg .label-title {
        font-size: 22px;
    }

    :lang(en) .content-labal-text-lg .label-desc {
        font-size: 18px;
    }

    :lang(th) .content-labal-text-lg .label-desc {
        font-size: 24px;
    }
}

@media (max-width: 992px) {
    .header-product {
        height: 291.6px;
    }

    .content-input-text-lg .col-top {
        padding-bottom: 20px;
    }
}

@media (max-width: 992px) {
    .question-car-detail .question-car-detail-label-desc {
        margin: 0 150px;
    }
}

@media (max-width:767px) {
    .divider {
        width: 100%;
        margin: 0;
    }

    .footer-row.no-gutter-xs > [class*=" col-xs"], .footer-row.no-gutter-xs > [class^=col-xs] {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .question-car-detail .question-car-detail-label-desc {
        margin: 0 0;
        padding: 10px 20px;
    }
}

@media (max-width: 768px) {
    .header-product {
        height: 226.8px;
    }
}

@media (max-width: 767px) {
    .header-product {
        background: url(../images/header_product_mobile.jpg) no-repeat center center;
        background-size: cover;
    }

    .header-product-bar-content {
        display: none;
    }

    .header-product-caption {
        top: 42%;
        left: 56%;
        width: 41%;
    }

        .header-product-caption .title {
            margin: 0;
            font-size: 24px;
        }

        .header-product-caption .description * {
            font-size: 18px;
        }

    .content-lg {
        padding-top: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .content-lg.top {
            margin-top: 30px;
        }

    .content-input-text-lg {
        margin-right: 0;
        margin-left: 0;
        padding-bottom: 20px;
    }

    .content-labal-text-lg {
        margin-right: 0;
        margin-left: 0;
    }

    .content-lg.content-labal-text-lg.conditions {
        margin-top: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .popup {
        width: 375px;
        top: -375px;
    }

    .coverage-bar {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .info-title {
        font-size: 24px;
    }

        .info-title.car-info {
            margin-top: 24px;
        }

        .info-title.person-info {
            margin-top: 40px;
        }

    .info-desc {
        margin-top: 10px;
        font-size: 12px;
    }

    .car-brand-list-icon {
        margin-top: 34px;
    }

        .car-brand-list-icon li {
            margin-left: 8px;
            margin-right: 8px;
        }

            .car-brand-list-icon li .thumbnail {
                width: 88px;
                height: 68px;
                margin-bottom: 0px;
            }

            .car-brand-list-icon li:nth-child(1n+5) {
                display: none;
            }

    .thumbnail > img {
        max-width: 85%;
    }

    .content.input-form {
        margin-top: 36px;
    }

        .content.input-form .col-xs-12.last-input {
            margin-top: 36px;
        }

    .car-info-title {
        margin-bottom: 25px;
    }

    .person-info-title {
        margin-bottom: 25px;
    }

    .label-input.big {
        margin-top: 18px;
        margin-bottom: 5px;
    }

    .form-control.big {
        height: 34px;
        padding-left: 10px;
    }

    .btn-check-price {
        width: 190px;
        min-height: 46px;
    }

        .btn-check-price span:after {
            width: 19px;
            height: 18px;
            margin-left: 10px;
        }

    :lang(en) .btn-check-price {
        font-size: 16px;
    }

    :lang(th) .btn-check-price {
        font-size: 22px;
        line-height: 1;
    }

    :lang(en) .form-control.big {
        font-size: 12px;
    }

    :lang(th) .form-control.big {
        font-size: 18px;
        font-family: DBHelvethaicaX;
    }

    :lang(en) .header-product-caption .title {
        font-size: 18px;
    }

    :lang(th) .header-product-caption .title {
        font-size: 24px;
    }

    :lang(en) .header-product-caption .description * {
        font-size: 12px;
    }

    :lang(th) .header-product-caption .description * {
        font-size: 18px;
    }

    .btn-back {
        background-image: url(../images/icon-back.png);
        background-size: 10px;
        background-repeat: no-repeat;
        background-position: 45%;
        color: transparent;
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

        .btn-back:hover {
            background-color: #FFF !important;
            border-bottom: thin #999 solid !important;
            border-color: #d7d7d7 !important;
        }

    :lang(en) .btn-confirm-package, :lang(en) .btn-cal-price, :lang(en) .btn-back {
        font-size: 14px;
    }

    :lang(th) .btn-confirm-package, :lang(th) .btn-cal-price, :lang(th) .btn-back {
        font-size: 18px;
    }

    .content-info {
        padding-top: 40px;
        margin-right: 0px;
        margin-left: 0px;
    }

    .bar-content {
        padding-top: 30px;
    }

    .bar-status {
        width: 100%;
    }

    .bar-status-item {
        padding-left: 10px;
        padding-right: 10px;
    }

        .bar-status-item .no {
            margin-right: auto;
            margin-left: auto;
            float: none;
        }

        .bar-status-item .text {
            padding-top: 0;
            padding-left: 0;
            float: none;
            text-align: center;
        }

    .content-completed {
        margin-top: 50px;
        margin-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .content-completed .btn-next {
            width: 50%;
        }

    .content-other-product {
        margin-top: 50px;
        margin-bottom: 20px;
    }

        .content-other-product .list-item {
            margin-top: 25px;
        }

            .content-other-product .list-item .icon-item {
                width: initial;
                max-width: 100%;
            }

            .content-other-product .list-item .text-item {
                margin-bottom: 20px;
            }

    :lang(en) .content-completed h3 {
        font-size: 18px;
    }

    :lang(th) .content-completed h3 {
        font-size: 24px;
    }

    :lang(en) .content-completed p {
        font-size: 12px;
    }

    :lang(th) .content-completed p {
        font-size: 18px;
    }

    :lang(en) .content-other-product .list-item .text-item {
        font-size: 12px;
    }

    :lang(th) .content-other-product .list-item .text-item {
        font-size: 18px;
    }
}

@media (max-width: 425px) {
    .header-product-caption {
        top: 36%;
        left: 61%;
        width: 38%;
    }

        .header-product-caption .title {
            font-size: 22px;
        }

        .header-product-caption .description * {
            font-size: 14px;
        }

    .popup {
        width: 80%;
    }

        .popup .content-title, .coverage-bar .content-title {
            height: 60px;
        }

    .popup-package-name, .coverage-package-name {
        font-size: 16px;
    }

    .popup-package-price, .coverage-package-price {
        font-size: 18px;
    }

    .popup-package-icon-close, .coverage-package-icon-close {
        width: 30px;
        margin-left: 15px;
    }

    .coverage-subtitle {
        text-indent: 0.5em;
    }

    .coverage-price {
        text-indent: 0.5em;
    }

    :lang(en) .header-product-caption .title {
        font-size: 16px;
    }

    :lang(th) .header-product-caption .title {
        font-size: 22px;
    }

    :lang(en) .header-product-caption .description * {
        font-size: 10px;
    }

    :lang(th) .header-product-caption .description * {
        font-size: 14px;
    }

    :lang(en) .coverage-title, :lang(en) .coverage-subtitle, :lang(en) .coverage-price {
        font-size: 12px;
    }

    :lang(th) .coverage-title, :lang(th) .coverage-subtitle, :lang(th) .coverage-price {
        font-size: 18px;
    }

    :lang(en) .coverage-price .price {
        font-size: 16px;
    }

    :lang(th) .coverage-price .price {
        font-size: 22px;
    }

    .content-info .car-info {
        min-height: 170px;
    }

        .content-info .car-info .car-info-bar .icon {
            margin-top: 0px;
            width: 26px;
        }

        .content-info .car-info .car-info-bar span {
        }

        .content-info .car-info .car-info-desc .car-info-detail {
            margin-left: 2px;
            width: 49%;
        }

            .content-info .car-info .car-info-desc .car-info-detail .car-brand {
                font-size: 16px;
            }

            .content-info .car-info .car-info-desc .car-info-detail .car-model {
                font-size: 16px;
            }

            .content-info .car-info .car-info-desc .car-info-detail .car-year-title {
                font-size: 20px;
            }

            .content-info .car-info .car-info-desc .car-info-detail .car-year {
                font-size: 16px;
            }

        .content-info .car-info .car-info-desc .car-info-price {
            margin-top: 10px;
            width: 48%;
        }

            .content-info .car-info .car-info-desc .car-info-price .car-info-price-desc {
                font-size: 20px;
            }

    .content-info .driver-info .driver-info-bar {
        margin-top: 20px;
    }

        .content-info .driver-info .driver-info-bar .icon {
            margin-top: -5px;
            width: 25px;
        }

    .content-lg {
        padding-top: 5px;
        padding-left: 0;
        padding-right: 0;
    }

        .content-lg.top {
            margin-top: 10px;
        }



    .car-info-title {
        margin-top: 29px;
        margin-bottom: 10px;
    }

    .person-info-title {
        margin-top: 46px;
        margin-bottom: 10px;
    }

    :lang(en) .car-info-title span, :lang(en) .person-info-title span {
        font-size: 20px;
    }

    :lang(th) .car-info-title span, :lang(th) .person-info-title span {
        font-size: 26px;
    }

    .label-input.big {
        margin-top: 18px;
        margin-bottom: 5px;
    }

    :lang(en) .label-input.big {
        font-size: 10px;
    }

    :lang(th) .label-input.big {
        font-size: 16px;
        font-family: DBHelvethaicaX;
    }

    .btn-confirm-package {
        margin-top: -65px;
    }

    .btn-more-package {
        margin-top: 0px;
    }

    .question-car-detail .question-car-detail-textbox .form-control {
        width: 100%;
    }

    .question-car-detail .question-car-detail-button {
        margin-top: 20px;
    }

    .info-title.car-info {
        margin-top: 15px;
        font-size: 20px;
    }

    .info-title.person-info {
        margin-top: 42px;
        font-size: 20px;
    }

    .info-desc {
        margin-top: 6px;
        font-size: 10px;
    }

    .car-brand-list-icon {
        margin-top: 28px;
        margin-bottom: 15px;
    }

        .car-brand-list-icon ul {
            margin-bottom: 0;
        }

        .car-brand-list-icon li {
            margin-left: 5px;
            margin-right: 5px;
        }

            .car-brand-list-icon li .thumbnail {
                width: 66px;
                height: 55px;
                margin-bottom: 0;
            }

    .thumbnail > img {
        max-width: 75%;
    }

    .content.input-form {
        max-width: 100% !important;
        margin-top: 20px;
    }

        .content.input-form .col-xs-12.last-input {
            margin-top: 25px;
        }

    .form-control.big {
        height: 24px;
        padding-left: 6px;
    }

    .btn-check-price {
        width: 132px;
        min-height: 35px;
    }

        .btn-check-price span:after {
            width: 15px;
            height: 15px;
            margin-left: 10px;
        }

    :lang(en) .btn-check-price {
        font-size: 12px;
    }

    :lang(th) .btn-check-price {
        font-size: 18px;
        line-height: 1;
    }

    :lang(en) .content-info .car-info .car-info-bar span {
        font-size: 18px;
    }

    :lang(th) .content-info .car-info .car-info-bar span {
        font-size: 24px;
    }

    :lang(en) .content-info .car-info .car-info-desc .car-info-price .car-info-price-title {
        font-size: 14px;
    }

    :lang(th) .content-info .car-info .car-info-desc .car-info-price .car-info-price-title {
        font-size: 20px;
    }

    :lang(en) .content-info .car-info .car-info-desc .car-info-detail .car-year-title {
        font-size: 18px;
    }

    :lang(th) .content-info .car-info .car-info-desc .car-info-detail .car-year-title {
        font-size: 25px;
    }

    :lang(en) .content-info .driver-info .driver-info-bar span {
        font-size: 18px;
    }

    :lang(th) .content-info .driver-info .driver-info-bar span {
        font-size: 24px;
    }


    :lang(en) .content-labal-text-lg .label-title {
        font-size: 12px;
    }

    :lang(th) .content-labal-text-lg .label-title {
        font-size: 18px;
    }

    :lang(en) .content-labal-text-lg .label-desc {
        font-size: 16px;
    }

    :lang(th) .content-labal-text-lg .label-desc {
        font-size: 22px;
    }

    :lang(en) .label-input, :lang(en) .form-control {
        font-size: 12px;
    }

    :lang(th) .label-input, :lang(th) .form-control {
        font-size: 18px;
        font-family: DBHelvethaicaX;
    }

    :lang(en) .form-control.big {
        font-size: 8px;
    }

    :lang(th) .form-control.big {
        font-size: 14px;
        font-family: DBHelvethaicaX;
    }

 
}

@media (max-width: 390px) {
    .content-info .car-info .car-info-desc .car-info-detail {
        margin-top: 15px;
        margin-left: 2px;
        width: 100%;
    }

    .content-info .car-info .car-info-desc .car-info-price {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width : 420px) {
    .content-bar-info-grey .icon-right {
        float: right;
        cursor: pointer;
        width: 50px;
        margin-right: 8px;
    }
    .image-checkbox .thumbnail-information {
        padding: 14px 0px 0px !important;
        width: 140px !important;
        height: 80px !important;
    }
}

@media only screen and (max-width : 375px) {
    .image-checkbox .thumbnail {
        width: 110px !important;
        height: 100px !important;
        padding: 25px 0px 0px !important;
    }

    .image-checkbox .thumbnail-getquote {
        width: 134px !important;
        height: 100px !important;
        padding: 25px 0px 0px !important;
    }

    .image-checkbox .thumbnail-plan {
        width: 134px !important;
        height: 100px !important;
        padding: 25px 0px 0px !important;
    }

    .image-checkbox .thumbnail-information {
        padding: 14px 0px 0px !important;
        width: 130px !important;
        height: 80px !important;
    }
}

@media only screen and (max-width : 360px) {
    .image-checkbox .thumbnail-getquote {
        width: 126px !important;
        height: 100px !important;
        padding: 25px 0px 0px !important;
    }

    .image-checkbox .thumbnail-plan {
        width: 126px !important;
        height: 100px !important;
        padding: 25px 0px 0px !important;
    }

    .image-checkbox .thumbnail-information {
        padding: 14px 0px 0px !important;
        width: 120px !important;
        height: 80px !important;
    }
}

@media only screen and (max-width : 420px) {
    .getquote-logo {
        width: 93px;
        height: 80px;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .getquote-logo-margin-right-17d-5m, .getquote-logo-margin-right-0d-5m {
        margin-right: 5px;
    }
}

@media only screen and (max-width : 414) {
    .img-info-tooltip:hover span {
        width: 18em;
    }
    .img-info-tooltip:hover span2 {
        width: 18em;
    }
}

@media only screen and (max-width : 375px) {
    .getquote-logo {
        width: 84px;
        height: 70px;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .getquote-logo-margin-right-17d-5m, .getquote-logo-margin-right-0d-5m {
        margin-right: 5px;
    }
}

@media only screen and (max-width : 320px) {
    .content-bar-info-grey .icon-right {
        float: right;
        cursor: pointer;
        width: 50px;
        margin-right: 8px;
    }
    .content-bar-info-grey {
        padding: 10px 0px 10px 0px;
        background-color: #f5f5f5;
        margin: 0px 0px 15px 0px;
    }

    .getquote-logo {
        width: 70px;
        height: 60px;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .getquote-logo-margin-right-17d-5m, .getquote-logo-margin-right-0d-5m {
        margin-right: 5px;
    }

    .img-info-tooltip:hover span {
        width: 14em;
    }

    .img-info-tooltip:hover span2 {
        width: 14em;
    }

    .image-checkbox .thumbnail-getquote {
        width: 109px !important;
        height: 85px !important;
        padding: 18px 0px 0px !important;
    }

    .image-checkbox .thumbnail-plan {
        width: 109px !important;
        height: 85px !important;
        padding: 18px 0px 0px !important;
    }

    .image-checkbox .thumbnail-information {
        padding: 14px 0px 0px !important;
        width: 100px !important;
        height: 80px !important;
    }
}




.label-title-note {
    font-weight: normal;
    color: gray;
}
.label-title-note:lang(th) {
    font-size: 18px;
}
.label-title-note:lang(en) {
    font-size: 13px;
}

.label-title {
    font-weight: bold;
}
    .label-title:lang(th) {
        font-size: 20px;
    }

    .label-title:lang(en) {
        font-size: 14px;
    }

.css-label:lang(th) {
    font-size: 20px !important;
}

.css-label:lang(en) {
    font-size: 14px !important;
}

.label-desc {
    color: black !important;
    min-height: 20px !important;
}
    .label-desc:lang(th) {
        font-size: 20px !important;
    }

    .label-desc:lang(en) {
        font-size: 14px !important;
    }


.confirm-modal-title {
    text-align: center;
}
    .confirm-modal-title:lang(th) {
        font-size: 20px !important;
    }

    .confirm-modal-title:lang(en) {
        font-size: 14px !important;
    }

.confirm-modal-item-title {
    margin-bottom: 10px;
    font-weight:bold;
    text-align:justify;
}
    .confirm-modal-item-title:lang(th) {
        font-size: 18px !important;
    }

    .confirm-modal-item-title:lang(en) {
        font-size: 13px !important;
    }

.confirm-modal-item {
    margin-bottom: 10px;
}

    .confirm-modal-item:lang(th) {
        font-size: 18px !important;
    }

    .confirm-modal-item:lang(en) {
        font-size: 13px !important;
    }


.confirm-modal-item-remark {
    margin-top: 20px;
}

    .confirm-modal-item-remark:lang(th) {
        font-size: 18px !important;
    }

    .confirm-modal-item-remark:lang(en) {
        font-size: 13px !important;
    }

.modal-footer button {
   /* width: 80px;*/
    border-radius: 0px !important;
}

.modal-footer button:lang(th) {
    font-size: 18px;
}

.modal-footer button:lang(en) {
    font-size: 12px;
}
.modal-footer {
    text-align:center !important;
}

.bootbox-body ol {
padding-left:15px !important;
}
.modal-content {
border-radius:0px !important;
}

.bootbox-accept {
    width:80px;
}

thead tr.first th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

tbody tr.second th, tbody tr.second td {
    position: sticky;
    position: -webkit-sticky;
}

    tbody tr.second th:lang(th), tbody tr.second td:lang(th) {
        top: 127px;
    }
    tbody tr.second th:lang(en), tbody tr.second td:lang(en) {
        top: 118px;
    }



@media screen and (max-width: 768px) {
    .label-title-note:lang(th) {
            font-size: 18px;
        }

        .label-title-note:lang(en) {
            font-size: 12px;
        }

    .label-title {
        font-weight: bold;
    }

        .label-title:lang(th) {
            font-size: 18px;
        }

        .label-title:lang(en) {
            font-size: 12px;
        }
    .css-label:lang(th) {
        font-size: 18px !important;
    }

    .css-label:lang(en) {
        font-size: 12px !important;
    }

    .label-desc:lang(th) {
        font-size: 18px !important;
    }

    .label-desc:lang(en) {
        font-size: 12px !important;
    }

    .label-img-center:lang(th) {
        font-size: 18px;
    }

    .label-img-center:lang(en) {
        font-size: 12px;
    }

    .confirm-modal-title:lang(th) {
        font-size: 18px !important;
    }

    .confirm-modal-title:lang(en) {
        font-size: 12px !important;
    }

    .confirm-modal-item-title:lang(th) {
        font-size: 18px !important;
    }

    .confirm-modal-item-title:lang(en) {
        font-size: 12px !important;
    }

    .confirm-modal-item:lang(th) {
        font-size: 18px !important;
    }

    .confirm-modal-item:lang(en) {
        font-size: 12px !important;
    }

    .confirm-modal-item-remark:lang(th) {
        font-size: 18px !important;
    }

    .confirm-modal-item-remark:lang(en) {
        font-size: 12px !important;
    }

    .modal-footer button:lang(th) {
        font-size: 18px;
    }

    .modal-footer button:lang(en) {
        font-size: 12px;
    }

    :lang(en) .body-sme {
        font-size: 14px !important;
    }

    :lang(th) .body-sme {
        font-size: 20px !important;
    }
    tbody tr.second th, tbody tr.second td {
        position: sticky;
        position: -webkit-sticky;        
    }
        tbody tr.second th:lang(th), tbody tr.second td:lang(th) {
            top: 109px;
        }

        tbody tr.second th:lang(en), tbody tr.second td:lang(en) {
            top: 105px;
        }
}





/*------------------------------------*\
  BUTTON COMPONENTS
\*------------------------------------*/
.c-button {
    display: inline-block;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    padding: 0 20px;
    color: #fff;
    background-color: #00008f;
    /*text-transform: uppercase;*/
    outline: none;
    z-index: 0;
    cursor: pointer;
    border: 0;
    font-weight: 600;
    transition: color 0.3s, background-color 0.3s;
    text-align: center;
    letter-spacing: 0.02em;
}

    .c-button:after {
        content: '';
        position: absolute;
        z-index: -1;
        transition: width 0.3s, opacity 0.3s;
        width: 0;
        height: 530px;
        top: 50%;
        left: 50%;
        opacity: 0;
        background: #00005b;
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        transform: translate3d(-50%, -50%, 0) rotate(45deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .c-button:hover,
    .c-button:focus {
        color: #fff !important;
    }

        .c-button:hover:after {
            width: 120%;
            opacity: 1;
        }

/*.c-button:lang(th) {
        font-size: 20px;
    }

    .c-button:lang(en) {
        font-size: 14px;
    }*/

.c-button--sm,
.c-button--sm.c-button--icon:before {
    height: 30px;
    line-height: 30px;
}

    .c-button--sm:lang(th) {
        font-size: 18px;
    }

    .c-button--sm:lang(en) {
        font-size: 12px;
    }

.c-button--lg,
.c-button--lg.c-button--icon:before {
    height: 50px;
    line-height: 50px;
}

    .c-button--lg:lang(th) {
        font-size: 22px;
    }

    .c-button--lg:lang(en) {
        font-size: 16px;
    }

.c-button--full {
    width: 100%;
}

.c-button--danger {
    background-color: #f07662;
}

    .c-button--danger:after {
        background-color: #ec4d33;
    }

.c-button--success {
    background-color: #449d44;
}

    .c-button--success:after {
        background-color: #398439;
    }

.c-button--icon:before {
    float: right;
    margin-left: 15px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 38px;
    font-size: 14px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.c-button--icon-left:before {
    float: left;
    margin: 0 15px 0 0;
}

.c-button--arrow-right:before {
    content: "\ea3c";
}

.c-button--download:before {
    content: "\e9c5";
}

.c-button--arrow-right:hover:before {
    -webkit-animation: animate-arrow-right 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: animate-arrow-right 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.c-button--checkmark:before {
    content: "\ea10";
}

.c-button--size-md {
    min-width: 160px;
}

.c-button--secondary {
    color: #00008f;
    background-color: transparent;
    -webkit-box-shadow: inset 2px 2px 0px 0px #00008f, inset -2px -2px 0px 0px #00008f;
    -moz-box-shadow: inset 2px 2px 0px 0px #00008f, inset -2px -2px 0px 0px #00008f;
    box-shadow: inset 2px 2px 0px 0px #00008f, inset -2px -2px 0px 0px #00008f;
}

    .c-button--secondary:after {
        background-color: #00005b;
    }

    .c-button--secondary:hover {
        color: #fff;
        -webkit-box-shadow: inset 2px 2px 0px 0px #00005b, inset -2px -2px 0px 0px #00005b;
        -moz-box-shadow: inset 2px 2px 0px 0px #00005b, inset -2px -2px 0px 0px #00005b;
        box-shadow: inset 2px 2px 0px 0px #00005b, inset -2px -2px 0px 0px #00005b;
    }

.c-button-only-icon {
    height: 40px !important;
    padding: 0 18px;
    border-width: 1px;
}

.c-button-only-icon__icon:before {
    position: relative;
    top: 10px;
    font-size: 14px;
}
/*------------------------------------*\
  END BUTTON COMPONENTS
\*------------------------------------*/

/*------------------------------------*\
  HELPERS CLASS
\*------------------------------------*/

/* spacing */
@media only screen and (min-width : 320px) {
    /* margin-bottom */
    .mb-xs-0 {
        margin-bottom: 0;
    }

    .mb-xs-5 {
        margin-bottom: 5px;
    }

    .mb-xs-10 {
        margin-bottom: 10px;
    }

    .mb-xs-15 {
        margin-bottom: 15px;
    }

    .mb-xs-20 {
        margin-bottom: 20px;
    }

    .mb-xs-25 {
        margin-bottom: 25px;
    }

    .mb-xs-30 {
        margin-bottom: 30px;
    }

    .mb-xs-35 {
        margin-bottom: 35px;
    }

    .mb-xs-40 {
        margin-bottom: 40px;
    }

    .mb-xs-45 {
        margin-bottom: 45px;
    }

    .mb-xs-50 {
        margin-bottom: 50px;
    }

    /* margin-top */
    .mt-xs-0 {
        margin-top: 0;
    }

    .mt-xs-5 {
        margin-top: 5px;
    }

    .mt-xs-10 {
        margin-top: 10px;
    }

    .mt-xs-15 {
        margin-top: 15px;
    }

    .mt-xs-20 {
        margin-top: 20px;
    }

    .mt-xs-25 {
        margin-top: 25px;
    }

    .mt-xs-30 {
        margin-top: 30px;
    }

    .mt-xs-35 {
        margin-top: 35px;
    }

    .mt-xs-40 {
        margin-top: 40px;
    }

    .mt-xs-45 {
        margin-top: 45px;
    }

    .mt-xs-50 {
        margin-top: 50px;
    }
}

@media only screen and (min-width : 768px) {
    /* margin-bottom */
    .mb-sm-0 {
        margin-bottom: 0;
    }

    .mb-sm-5 {
        margin-bottom: 5px;
    }

    .mb-sm-10 {
        margin-bottom: 10px;
    }

    .mb-sm-15 {
        margin-bottom: 15px;
    }

    .mb-sm-20 {
        margin-bottom: 20px;
    }

    .mb-sm-25 {
        margin-bottom: 25px;
    }

    .mb-sm-30 {
        margin-bottom: 30px;
    }

    .mb-sm-35 {
        margin-bottom: 35px;
    }

    .mb-sm-40 {
        margin-bottom: 40px;
    }

    .mb-sm-45 {
        margin-bottom: 45px;
    }

    .mb-xs-50 {
        margin-bottom: 50px;
    }

    /* margin-top */
    .mt-sm-0 {
        margin-top: 0;
    }

    .mt-sm-5 {
        margin-top: 5px;
    }

    .mt-sm-10 {
        margin-top: 10px;
    }

    .mt-sm-15 {
        margin-top: 15px;
    }

    .mt-sm-20 {
        margin-top: 20px;
    }

    .mt-sm-25 {
        margin-top: 25px;
    }

    .mt-sm-30 {
        margin-top: 30px;
    }

    .mt-sm-35 {
        margin-top: 35px;
    }

    .mt-sm-40 {
        margin-top: 40px;
    }

    .mt-sm-45 {
        margin-top: 45px;
    }

    .mt-sm-50 {
        margin-top: 50px;
    }
}

@media only screen and (min-width : 992px) {
    /* margin-bottom */
    .mb-md-0 {
        margin-bottom: 0;
    }

    .mb-md-5 {
        margin-bottom: 5px;
    }

    .mb-md-10 {
        margin-bottom: 10px;
    }

    .mb-md-15 {
        margin-bottom: 15px;
    }

    .mb-md-20 {
        margin-bottom: 20px;
    }

    .mb-md-25 {
        margin-bottom: 25px;
    }

    .mb-md-30 {
        margin-bottom: 30px;
    }

    .mb-md-35 {
        margin-bottom: 35px;
    }

    .mb-md-40 {
        margin-bottom: 40px;
    }

    .mb-md-45 {
        margin-bottom: 45px;
    }

    .mb-md-50 {
        margin-bottom: 50px;
    }

    /* margin-top */
    .mt-md-0 {
        margin-top: 0;
    }

    .mt-md-5 {
        margin-top: 5px;
    }

    .mt-md-10 {
        margin-top: 10px;
    }

    .mt-md-15 {
        margin-top: 15px;
    }

    .mt-md-20 {
        margin-top: 20px;
    }

    .mt-md-25 {
        margin-top: 25px;
    }

    .mt-md-30 {
        margin-top: 30px;
    }

    .mt-md-35 {
        margin-top: 35px;
    }

    .mt-md-40 {
        margin-top: 40px;
    }

    .mt-md-45 {
        margin-top: 45px;
    }

    .mt-md-50 {
        margin-top: 50px;
    }
}

@media only screen and (min-width : 1200px) {
    /* margin-bottom */
    .mb-lg-0 {
        margin-bottom: 0;
    }

    .mb-lg-5 {
        margin-bottom: 5px;
    }

    .mb-lg-10 {
        margin-bottom: 10px;
    }

    .mb-lg-15 {
        margin-bottom: 15px;
    }

    .mb-lg-20 {
        margin-bottom: 20px;
    }

    .mb-lg-25 {
        margin-bottom: 25px;
    }

    .mb-lg-30 {
        margin-bottom: 30px;
    }

    .mb-lg-35 {
        margin-bottom: 35px;
    }

    .mb-lg-40 {
        margin-bottom: 40px;
    }

    .mb-lg-45 {
        margin-bottom: 45px;
    }

    .mb-lg-50 {
        margin-bottom: 50px;
    }

    /* margin-top */
    .mt-lg-0 {
        margin-top: 0;
    }

    .mt-lg-5 {
        margin-top: 5px;
    }

    .mt-lg-10 {
        margin-top: 10px;
    }

    .mt-lg-15 {
        margin-top: 15px;
    }

    .mt-lg-20 {
        margin-top: 20px;
    }

    .mt-lg-25 {
        margin-top: 25px;
    }

    .mt-lg-30 {
        margin-top: 30px;
    }

    .mt-lg-35 {
        margin-top: 35px;
    }

    .mt-lg-40 {
        margin-top: 40px;
    }

    .mt-lg-45 {
        margin-top: 45px;
    }

    .mt-lg-50 {
        margin-top: 50px;
    }
}

.strikethrough {
    position: relative;
}

    .strikethrough:before {
        position: absolute;
        content: '';
        left: 0;
        top: 45%;
        right: 0;
        border-top: 1px solid;
        border-color: red;
        -webkit-transform: skewY(-10deg);
        -moz-transform: skewY(-10deg);
        transform: skewY(-10deg);
    }

#popup #popup-inner {
    width: 600px;
    padding-bottom: 20px;
}
.padding-popup-content{
    padding:10px;
}
.btn-popup-font-size:lang(th) {
    font-size: 20px !important;
}
@media only screen and (max-width : 768px) {
    .btn-popup-font-size:lang(th) {
        font-size: 20px !important;
    }
    #popup #popup-inner {
        width: 350px;
    }
}