.navTop {
    position: relative;
    z-index: 500;
    background: #ffffff;
}

@media (min-width: 768px) {
    .navTop {
        max-width: 2000px;
        margin: 0 auto;
    }

    .navTop > .container {
        width: 100%;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    body {
        padding-top: 50px;
    }

    .navTop {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }
}

/*------------------------------*/

.navTopRow {
    width: 100%;
    padding: 0;
    margin: 0;
}

@media (min-width: 768px) {
    .navTopRow {
        display: table;
    }

    .navTopRow > li {
        display: table-cell;
        vertical-align: middle;
    }
}

@media (max-width: 767px) {
    .navTopRow {
        display: block;
    }

    .navTopRow > li {
        width: 100%;
        height: 50px;
        display: block;
    }
}

/*------------------------------*/

.topLogo a {
    color: #000000;
    display: inline-block;
    text-decoration: none;
}

.topLogoRow {
    background: url("../images/top-logo.png") no-repeat center;
    background-size: contain;
}

@media (min-width: 1200px) {
    .topLogo {
        width: 170px;
    }

    .topLogoRow {
        width: 100%;
        height: 43px
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topLogo {
        width: 150px;
    }

    .topLogoRow {
        width: 100%;
        height: 38px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topLogo {
        width: 120px;
    }

    .topLogoRow {
        width: 100%;
        height: 30px
    }
}

@media (max-width: 767px) {
    .topLogoRow {
        margin-top: 12px;
    }

    .topLogoRow {
        width: 100px;
        height: 26px
    }
}

/*------------------------------*/

a.openMenu,
a.closeMenu {
    float: right;
    margin: 11px 0 0 0;
}

a.closeMenu {
    display: none;
}

@media (min-width: 768px) {
    a.openMenu,
    a.closeMenu {
        display: none !important;
    }
}

/*------------------------------*/

@media (min-width: 768px) {
    li.topMenu {
        display: block !important;
    }
}

@media (max-width: 767px) {
    li.topMenu {
        display: none;
        width: 100%;
        height: 100vh;
        overflow-x: auto;
        position: fixed;
        left: 0;
        right: 0;
        background: #348aca;
    }

    .topMenu a {
        color: #ffffff;
    }
}

/*------------------------------*/

@media (min-width: 768px) {
    .topMenuRow {
        width: auto;
        float: right;
        display: table;
        padding: 0;
        margin: 0;
    }

    .topMenuRow .topMenuCell {
        display: table-cell;
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .topMenuRow .topMenuCell.topMenuLast {
        border-right: 110px solid transparent;
    }
}

@media (max-width: 767px) {
    .topMenuRow {
        position: relative;
        font-family: promptregular, sans-serif;
        font-size: 18px;
        line-height: 100%;
    }

    .topMenuRow > .topMenuCell > a {
        display: block;
        text-decoration: none;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        padding: 0;
        margin: 18px 0;
    }

    .topMenuRow > .topMenuCell > a.active {
        text-decoration: underline;
    }

    .topMenuRow > .topMenuCell.subDown > a {
        background: url("../images/icon-arrowRight.png") no-repeat right center;
        background-size: 6px 10px;
    }

    .topMenuRow > .topMenuCell.subDown > a[aria-expanded="true"] {
        background: url("../images/icon-arrowDown.png") no-repeat right center;
        background-size: 10px 6px;
    }
}

/*------------------------------*/

@media (min-width: 768px) {
    .topMenuText {
        display: block;
        text-align: center;
        padding: 0 0 20px 0;
    }

    a.topMenuText {
        text-decoration: none;
    }

    .topMenuText:hover,
    .topMenuText.active,
    .topMenuRow .subDown.open .topMenuText {
        background: url("../images/icon-subMenu.png") no-repeat bottom center;
        background-size: 18px 9px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topMenuText {
        padding: 0 0 15px 0;
    }

    .topMenuText:hover,
    .topMenuRow .subDown.open .topMenuText {
        background-size: 15px 8px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topMenuText {
        padding: 0 0 10px 0;
    }

    .topMenuText:hover,
    .topMenuRow .subDown.open .topMenuText {
        background-size: 12px 6px !important;
    }
}

/*------------------------------*/

@media (min-width: 768px) {
    .topMenuText1 {
        color: #000000;
        font-family: promptmedium, sans-serif;
        font-size: 18px;
        line-height: 100%;
        word-break: keep-all;
        white-space: nowrap;
        padding: 0 20px;
    }

    .topMenuRow .topMenuCell:not(.topMenuLast) .topMenuText1 {
        border-right: 1px solid #c6c6c6;
    }

    .topMenuText:hover .topMenuText1,
    .topMenuText.active .topMenuText1 {
        color: #348aca;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topMenuText1 {
        font-size: 16px;
        line-height: 100%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topMenuText1 {
        font-size: 13px;
        line-height: 100%;
        padding: 0 10px;
    }
}

/*------------------------------*/

@media (min-width: 768px) {
    .topMenuText2 {
        color: #348aca;
        font-family: promptregular, sans-serif;
        font-size: 14px;
        line-height: 100%;
        margin: 5px 0 0 0;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topMenuText2 {
        font-size: 12px;
        line-height: 100%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topMenuText2 {
        font-size: 10px;
        line-height: 100%;
    }
}

@media (max-width: 767px) {
    .topMenuText2 {
        display: none;
    }
}

/*------------------------------*/

@media (min-width: 768px) {
    .topSupMenu {
        width: 100%;
        height: auto !important;
        position: absolute;
        left: 0;
        right: 0;
        background: #348aca;
        color: #ffffff;
        font-family: promptmedium, sans-serif;
        font-size: 18px;
        line-height: 100%;
        padding: 15px 0;
    }

    .topSupMenu a {
        display: inline-block;
        border-bottom: 1px solid transparent;
        color: #ffffff;
        text-decoration: none;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .topSupMenu a:hover,
    .topSupMenu a.active {
        border-bottom-color: #ffffff;
    }

    .subDown.open .topSupMenu.collapse {
        display: block;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topSupMenu {
        font-size: 16px;
        line-height: 100%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topSupMenu {
        font-size: 14px;
        line-height: 100%;
    }
}

@media (max-width: 767px) {
    .topSupMenu {
        background: #5da1d4;
        font-family: promptlight, sans-serif;
        font-size: 16px;
        line-height: 100%;
    }

    .topSupMenu > .container {
        padding: 10px 30px;
    }
}

/*------------------------------*/

@media (min-width: 768px) {
    .topSupMenuRow {
        width: auto;
        display: table;
        padding: 0;
        margin: 0;
    }

    .topSupMenuRow > li {
        display: table-cell;
        vertical-align: middle;
    }

    .topSupMenuRow > li:not(.topSupMenuTitle) {
        padding-left: 15px;
    }

    .topSupMenuRow > li:not(:last-child):not(.topSupMenuTitle) {
        padding-right: 30px;
    }

    .topSupMenuRow > li:not(.topSupMenuTitle):before {
        content: '';
        width: 8px;
        height: 14px;
        position: absolute;
        background: url("../images/icon-arrowRight.png") no-repeat;
        background-size: 100% 100%;
        margin: 3px 0 0 -15px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topSupMenuRow > li:not(.topSupMenuTitle) {
        padding-left: 12px;
    }

    .topSupMenuRow > li:not(:last-child):not(.topSupMenuTitle) {
        padding-right: 25px;
    }

    .topSupMenuRow > li:not(.topSupMenuTitle):before {
        width: 6px;
        height: 11px;
        margin: 4px 0 0 -12px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topSupMenuRow > li:not(.topSupMenuTitle) {
        padding-left: 10px;
    }

    .topSupMenuRow > li:not(:last-child):not(.topSupMenuTitle) {
        padding-right: 15px;
    }

    .topSupMenuRow > li:not(.topSupMenuTitle):before {
        width: 5px;
        height: 9px;
        margin: 4px 0 0 -10px;
    }
}

@media (max-width: 767px) {
    ul.topSupMenuRow {
        width: 100%;
        display: table;
        padding: 0;
        margin: 0;
    }

    ul.topSupMenuRow > li {
        width: 100%;
        display: block;
        padding: 10px 0;
    }
}

/*------------------------------*/

.topSupMenuTitle {
    width: 245px;
    font-family: promptbold, sans-serif;
    font-size: 24px;
    line-height: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topSupMenuTitle {
        width: 200px;
        font-size: 20px;
        line-height: 100%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topSupMenuTitle {
        width: 135px;
        font-size: 18px;
        line-height: 100%;
    }
}

@media (max-width: 767px) {
    .topSupMenuTitle {
        display: none !important;
    }
}

/*------------------------------*/

@media (min-width: 768px) {
    .topContact {
        position: absolute;
        top: 0;
    }

    .topContactBtn {
        display: table;
        background: #348aca;
        color: #ffffff;
        font-family: promptlight, sans-serif;
        font-size: 18px;
        line-height: 100%;
        padding: 7px 15px;

        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    a.topContactBtn {
        color: #ffffff;
        text-decoration: none;
    }

    .topContactBtn:hover,
    .topContactBtn.active {
        background: #A52D6A;
    }

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

    .topContactBtnIcon {
        width: 20px;
        height: 15px;
        background: url("../images/iconContact.png") no-repeat;
        background-size: 100% 100%;
        margin: 0 10px 0 0;
    }
}

@media (min-width: 1200px) {
    .topContact {
        right: 190px;
        margin: 0;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topContact {
        right: 253px;
    }

    .topContactBtn {
        font-size: 16px;
        line-height: 100%;
        padding: 5px 12px;
    }

    .topContactBtnIcon {
        width: 17px;
        height: 13px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topContact {
        right: 230px;
    }

    .topContactBtn {
        font-size: 14px;
        line-height: 100%;
        padding: 5px 10px;
    }

    .topContactBtnIcon {
        width: 15px;
        height: 11px;
    }
}

/*------------------------------*/

.topContact_inline {
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 767px) {
    .topContact_inline {
        display: block;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }
}

/*------------------------------*/

.topBannerMember {
    display: block;
}

@media (min-width: 768px) {
    .topBannerMember {
        position: absolute;
        top: 0;
    }
}

@media (min-width: 1200px) {
    .topBannerMember {
        right: 80px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topBannerMember {
        right: 70px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topBannerMember {
        right: 60px;
    }
}

@media (max-width: 767px) {
    .topBannerMember {
        width: 320px;
        max-width: calc(100% - 30px);
        margin: 40px auto 0 auto;
    }
}

/*------------------------------*/

.topBannerMember_imgL,
.topBannerMember_imgM,
.topBannerMember_imgS {
    display: block;
}


@media (min-width: 1200px) {
    .topBannerMember_imgM,
    .topBannerMember_imgS {
        display: none;
    }

    .topBannerMember_imgL {
        width: 100px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .topBannerMember_imgL,
    .topBannerMember_imgS {
        display: none;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topBannerMember_imgM {
        width: auto;
        height: 26px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topBannerMember_imgM {
        width: auto;
        height: 24px;
    }
}

@media (max-width: 767px) {
    .topBannerMember_imgL,
    .topBannerMember_imgM {
        display: none;
    }

    .topBannerMember_imgS {
        width: 100%;
    }
}

/*------------------------------*/

@media (min-width: 768px) {
    .topLang {
        position: relative;
    }

    .topLang a {
        color: #ffffff;
        text-decoration: none;
    }

    .topLangRow {
        width: 70px;
        display: table;
        background: #b3b3b3;
    }

    .topLang:hover .topLangRow {
        background: #348aca;
    }

    .topLangCell {
        height: 100px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .topLangCell .th,
    .topLangCell .jp {
        margin: 10px 0;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topLangRow {
        width: 60px;
    }

    .topLangCell {
        height: 85px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topLangRow {
        width: 50px;
    }

    .topLangCell {
        height: 70px;
    }
}

@media (max-width: 767px) {
    .topLang {
        border-top: 1px dashed #dddddd;
        text-align: center;
        padding: 40px 0;
        margin: 40px 15px;
    }

    .topLangRow,
    .topLangSub {
        width: 65px !important;
        height: 27px !important;
        display: inline-block !important;
        vertical-align: middle !important;
        border: 1px solid #ffffff !important;
    }

    .topLangRow {
        background: #ffffff !important;
        color: #348aca !important;
        padding: 0 !important;
        margin: 0 10px 0 0 !important;
    }
}

/*------------------------------*/

@media (min-width: 768px) {
    .topLangIcon {
        width: 25px;
        height: 25px;
        background: url("../images/icon-language.png") no-repeat;
        background-size: 100% 100%;
        margin: 0 auto;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topLangIcon {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topLangIcon {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 767px) {
    .topLangIcon {
        display: none;
    }
}

/*------------------------------*/

.topLang .th {
    font-family: promptregular, sans-serif;
    font-size: 16px;
    line-height: 100%;
}

.topLang .jp {
    font-family: 'Meiryo', sans-serif;
    font-size: 14px;
    line-height: 100%;
    margin: 2px 0 2px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topLang .th {
        font-size: 14px;
        line-height: 100%;
    }

    .topLang .jp {
        font-size: 12px;
        line-height: 100%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topLang .th {
        font-size: 12px;
        line-height: 100%;
    }

    .topLang .jp {
        font-size: 10px;
        line-height: 100%;
    }
}

@media (max-width: 767px) {
    .topLang .th {
        margin: 5px 0 0 0;
    }

    .topLang .jp {
        margin: 6px 0 0 0;
    }
}

/*------------------------------*/

.topLangArrow {
    width: 10px;
    height: 6px;
    background: url("../images/icon-arrowDown.png") no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topLangArrow {
        width: 8px;
        height: 5px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topLangArrow {
        width: 6px;
        height: 4px;
    }
}

@media (max-width: 767px) {
    .topLangArrow {
        display: none !important;
    }
}

/*------------------------------*/

.topLangSub a {
    display: inline-block;
    text-decoration: none;
}

@media (min-width: 768px) {
    .topLangSub {
        width: 100%;
        display: none;
        position: absolute;
        background: #348aca;
        text-align: center;
        padding: 0 0 10px 0;
        margin: -15px 0 0 0;
    }

    .topLangSub a {
        border-bottom: 1px solid transparent;
        padding: 10px 0 2px 0;
    }

    .topLangSub a:hover {
        border-bottom-color: #ffffff;
    }

    .topLang:hover .topLangSub {
        display: block;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topLangSub {
        padding: 0 0 8px 0;
        margin: -12px 0 0 0;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topLangSub {
        padding: 0 0 6px 0;
        margin: -10px 0 0 0;
    }
}

/*------------------------------*/

.goTop {
    background: #e5e5e5;
    font-family: 'promptmedium', sans-serif;
    font-size: 18px;
    line-height: 100%;
    text-align: right;
    text-shadow: rgb(255, 255, 255) 1px 0 0, rgb(255, 255, 255) 0.540302px 0.841471px 0, rgb(255, 255, 255) -0.416147px 0.909297px 0, rgb(255, 255, 255) -0.989992px 0.14112px 0, rgb(255, 255, 255) -0.653644px -0.756802px 0, rgb(255, 255, 255) 0.283662px -0.958924px 0, rgb(255, 255, 255) 0.96017px -0.279415px 0;
}

.goTop a.back-to-top {
    display: inline-block;
    text-decoration: none;
    color: #000000;
}

.goTop a.back-to-top:hover {
    color: #A52D6A;
}

.goTop a.back-to-top > p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
    .goTop {
        font-size: 16px;
        line-height: 100%;
    }
}

/*------------------------------*/

.navFooter {
    background: #191919;
    padding: 50px 0;
}

/*------------------------------*/

.menuFooter {
    width: 100%;
    display: table;
    font-size: 16px;
    line-height: 100%;
    padding: 0;
    margin: 0;
}

@media (min-width: 1200px) {
    .menuFooter > li:not(:last-child) {
        padding-right: 115px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .menuFooter > li:not(:last-child) {
        padding-right: 70px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .menuFooter {
        font-size: 14px;
        line-height: 100%;
    }

    .menuFooter > li:not(:last-child) {
        padding-right: 40px;
    }
}

@media (min-width: 768px) {
    .menuFooter > li {
        display: table-cell;
        vertical-align: top;
    }
}

@media (max-width: 767px) {
    .menuFooter {
        width: auto;
        margin: 0 auto;
    }

    .menuFooter > li {
        width: 100%;
        display: block;
    }
}

/*------------------------------*/

.menuFMain {
    font-family: 'promptmedium', sans-serif;
    margin: 20px 0;
}

.menuFMain a {
    display: inline-block;
    color: #ffffff;
}

@media (max-width: 767px) {
    .menuFMain a:before {
        content: '';
        position: absolute;
        width: 6px;
        height: 10px;
        background: url("../images/icon-arrowRight.png") no-repeat left center;
        background-size: 100% 100%;
        margin: 2px 0 0 -15px;
    }

    .menuFMain a[aria-expanded="true"]:before {
        width: 10px;
        height: 6px;
        background: url("../images/icon-arrowDown.png") no-repeat left center;
        background-size: 100% 100%;
        margin-top: 4px;
    }
}

/*------------------------------*/

.menuFDown .menuFMain a {
    text-decoration: none;
}

@media (min-width: 768px) {
    .menuFDown .menuFMain a {
        cursor: default;
    }
}

/*------------------------------*/

.menuFSub {
    width: 100%;
    position: relative;
    font-family: 'promptlight', sans-serif;
}

.menuFSub a {
    display: inline-block;
    color: #979797;
}

.menuFSub > ul,
.menuFSub > ul > li {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
}

.menuFSub > ul > li {
    padding: 8px 0;
}

.menuFSub > ul > li:first-child {
    padding-top: 0;
}

.menuFSub > ul > li:last-child {
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .menuFSub {
        display: block !important;
    }
}

/*------------------------------*/

.copyRight {
    background: #ffffff;
    color: #000000;
    font-family: 'mitrlight', sans-serif;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    padding: 20px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
    .copyRight {
        font-size: 12px;
        line-height: 150%;
    }
}

/*------------------------------
Home
------------------------------*/

.homeBanner {
    background: url("../images/home/banner-V2.jpg") no-repeat center;
    background-size: cover;
}

@media (max-width: 425px) {
    .homeBanner {
        background: url("../images/home/banner-V2.jpg") no-repeat center;
        background-size: auto 100%;
    }
}

/*------------------------------*/

.homeBanner > .row > [class*="col-"].one {
    background: url("../images/home/002.png") no-repeat right center;
    background-size: auto 100%;
}

.homeBanner > .row > [class*="col-"].two {
    background: url("../images/home/001-1.png") no-repeat center;
    background-size: 85% auto;
}

@media (min-width: 768px) {
    .homeBanner > .row {
        width: 100%;
        display: table;
        padding: 0;
        margin: 0;
    }

    .homeBanner > .row > [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: middle;
        padding: 100px 0;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .homeBanner > .row > [class*="col-"] {
        padding: 50px 0;
    }
}

@media (max-width: 767px) {
    .homeBanner > .row {
        margin: 0;
    }

    .homeBanner > .row > [class*="col-"].one {
        background: url("../images/home/003.png") no-repeat bottom center;
        background-size: 100% auto;
        padding: 40px 0 80px 0;
    }

    .homeBanner > .row > [class*="col-"].two {
        background-size: 290px auto !important;
        padding: 30px 0;
    }

}

/*------------------------------*/

.homeBannerText1 {
    width: auto;
    display: table;
    color: #ffffff;
    font-family: chonburiregular, sans-serif;
    font-size: 28px;
    line-height: 180%;
    padding: 0 5% 0 0;
    margin: 0 auto;
}

@media (max-width: 1499px) and (min-width: 1200px) {
    .homeBannerText1 {
        font-size: 24px;
        line-height: 180%;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .homeBannerText1 {
        font-size: 18px;
        line-height: 180%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .homeBannerText1 {
        font-size: 15px;
        line-height: 180%;
    }
}

@media (max-width: 767px) {
    .homeBannerText1 {
        display: block;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        padding: 0;
        margin: 0;
    }
}

/*------------------------------*/

.homeBannerText2 {
    color: #ffffff;
    font-family: promptmedium, sans-serif;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: rgb(0, 0, 0) 3px 0 0, rgb(0, 0, 0) 2.83487px 0.981584px 0, rgb(0, 0, 0) 2.35766px 1.85511px 0, rgb(0, 0, 0) 1.62091px 2.52441px 0, rgb(0, 0, 0) 0.705713px 2.91581px 0, rgb(0, 0, 0) -0.287171px 2.98622px 0, rgb(0, 0, 0) -1.24844px 2.72789px 0, rgb(0, 0, 0) -2.07227px 2.16926px 0, rgb(0, 0, 0) -2.66798px 1.37182px 0, rgb(0, 0, 0) -2.96998px 0.42336px 0, rgb(0, 0, 0) -2.94502px -0.571704px 0, rgb(0, 0, 0) -2.59586px -1.50383px 0, rgb(0, 0, 0) -1.96093px -2.27041px 0, rgb(0, 0, 0) -1.11013px -2.78704px 0, rgb(0, 0, 0) -0.137119px -2.99686px 0, rgb(0, 0, 0) 0.850987px -2.87677px 0, rgb(0, 0, 0) 1.74541px -2.43999px 0, rgb(0, 0, 0) 2.44769px -1.73459px 0, rgb(0, 0, 0) 2.88051px -0.838247px 0;
    padding-top: 35%;
}

@media (max-width: 1499px) and (min-width: 1200px) {
    .homeBannerText2 {
        font-size: 24px;
        line-height: 100%;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .homeBannerText2 {
        font-size: 18px;
        line-height: 100%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .homeBannerText2 {
        font-size: 17px;
        line-height: 100%;
    }
}

@media (max-width: 767px) {
    .homeBannerText2 {
        font-size: 18px;
        line-height: 100%;
        padding-top: 120px;
    }
}

/*------------------------------*/

.homeISO {
    background: #348aca;
}

@media (max-width: 767px) {
    .homeISO .container {
        padding: 0;
    }
}

/*------------------------------*/

.homeISORow {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0 auto;
}

.homeISORow > li {
    background: url("../images/btnBG1.jpg") repeat-x center;
    background-size: auto 100%;
}

@media (min-width: 768px) {
    .homeISORow > li {
        width: 1%;
        display: table-cell;
        vertical-align: middle;
        border-left: 1px solid #ffffff;
    }

    .homeISORow > li:last-child {
        border-right: 1px solid #ffffff;
    }
}

@media (max-width: 767px) {
    .homeISORow > li {
        display: block;
        border-top: 1px solid #ffffff;
        padding: 5px 0;
    }

    .homeISORow > li:last-child {
        border-bottom: 1px solid #ffffff;
    }
}

/*------------------------------*/

.homeISORow a {
    text-decoration: none;
}

.homeISORow a:hover > img {
    opacity: 1;
}

.homeISORow .img-responsive {
    display: block;
}

@media (min-width: 768px) {
    .homeISORow a {
        display: block;
        padding: 20px 0;
    }

    .homeISORow a:hover {
        background: url("../images/btnBG2.png") repeat-x;
        background-size: auto 100%;
    }

    .homeISORow a > .homeISOCell {
        display: block;
    }
}

@media (min-width: 1200px) {
    .homeISORow .img-responsive {
        width: 115px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .homeISORow .img-responsive {
        width: 100px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .homeISORow a {
        padding: 10px 0;
    }

    .homeISORow .img-responsive {
        width: 80px;
    }
}

@media (max-width: 767px) {
    .homeISORow a {
        width: 215px;
        display: table;
        margin: 0 auto;
    }

    .homeISORow a > .homeISOCell {
        display: table-cell;
        vertical-align: middle;
    }

    .homeISORow a > .homeISOCell:first-child {
        width: 65px;
    }

    .homeISORow a > .homeISOCell:last-child {
        padding-left: 10px;
    }

    .homeISORow .img-responsive {
        width: 100%;
    }
}

/*------------------------------*/

.homeISOText {
    color: #ffffff;
    /*font-family: Kozuka Gothic Pro, sans-serif;*/
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 100%;
    text-align: center;
    margin: 8px 0 0 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .homeISOText {
        font-size: 28px;
        line-height: 100%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .homeISOText {
        font-size: 24px;
        line-height: 100%;
    }
}

@media (max-width: 767px) {
    .homeISOText {
        font-size: 26px;
        line-height: 100%;
        text-align: left;
        margin: 0;
    }
}

/*------------------------------*/

.homeTopic {
    background: #e5e5e5;
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 180%;
    padding: 100px 0;
}

@media (max-width: 991px) {
    .homeTopic {
        font-size: 16px;
        line-height: 180%;
        padding: 50px 0;
    }
}

/*------------------------------*/

.homeNews {
    position: relative;
    padding: 100px 0;
}

@media (max-width: 767px) {
    .homeNews {
        padding: 50px 0 100px 0;
    }
}

/*------------------------------*/

.homeNewsTitle {
    border-bottom: 1px solid #dddddd;
    color: #000000;
    font-family: promptmedium, sans-serif;
    font-size: 24px;
    line-height: 100%;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
}

/*------------------------------*/

a.homeNewsMore {
    position: absolute;
    display: inline-block;
    right: 0;
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 100%;
    text-decoration: none;
    margin: -45px 0 0 0;
}

a.homeNewsMore:hover {
    color: #348aca;
}

a.homeNewsMore .fa {
    color: #348aca;
    font-weight: bold;
    font-size: 120%;
    line-height: 100%;
    display: inline-block;
    vertical-align: top;
    margin: -1px 0 0 0;
}

@media (max-width: 767px) {
    a.homeNewsMore {
        bottom: 60px;
        margin: 0;
    }
}

/*------------------------------*/

.homeNewsList {
    width: 100%;
    position: relative;
    display: table;
    padding: 0;
    margin: 0;
}

.newsPage .homeNewsList {
    border-bottom: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .homeNewsList {
        padding-left: 20px;
    }

    .homeNewsList > li {
        display: table-cell;
        vertical-align: middle;
        word-break: keep-all;
        white-space: nowrap;
    }

    .homeNewsList > li.col1 {
        width: 180px;
    }

    .homeNewsList > li.col2 {
        width: auto;
    }

    .homeNewsList > li.col3 {
        width: auto;
        text-align: right;
    }
}

@media (max-width: 767px) {
    .homeNewsList {
        border-bottom: 1px solid #dddddd;
        padding: 15px 0;
    }

    .homeNewsList > li {
        display: block;
    }

    .homeNewsList > li.col1 {
        display: inline-block;
        width: 175px;
    }

    .homeNewsList > li.col3 {
        text-align: right;
    }
}

/*------------------------------*/

.homeNewsList.havePin:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 15px;
    height: 15px;
    background: url("../images/icon-pin.svg") no-repeat center;
    background-size: contain;
}

@media (min-width: 768px) {
    .homeNewsList.havePin:before {
        top: 50%;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@media (max-width: 767px) {
    .homeNewsList.havePin:before {
        top: 30px;
    }

    .homeNewsList.havePin > li.col1 {
        width: 190px;
        padding-left: 20px;
    }
}

/*------------------------------*/

.homeNewsList1 {
    width: 100%;
    display: table;
    padding: 0;
    margin: 15px 0;
}

.homeNewsList1 > li {
    display: table-cell;
    vertical-align: middle;
}

.homeNewsList1 > li.homeNewsLabel {
    width: 65px;
}

/*------------------------------*/

.homeNewsList2 {
    width: auto;
    display: table;
    padding: 0;
    margin: 0;
}

@media (min-width: 768px) {
    .homeNewsList2 > li {
        display: table-cell;
        vertical-align: middle;
    }

    .homeNewsList2 > li.col1 {
        width: auto;
    }

    .homeNewsList2 > li.col2 {
        width: 18px;
        border-left: 15px solid transparent;
        border-right: 30px solid transparent;
    }
}

@media (max-width: 767px) {
    .homeNewsList2 > li {
        display: block;
    }

    .homeNewsList2 > li.col2 {
        position: absolute;
        top: 30px;
        left: 180px;
    }

    .homeNewsList.havePin .homeNewsList2 > li.col2 {
        left: 205px;
    }
}

/*------------------------------*/

.homeNewsDate {
    color: #808080;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 100%;
}

@media (max-width: 991px) and (min-width: 768px) {
    .homeNewsDate {
        font-size: 16px;
        line-height: 100%;
    }
}

/*------------------------------*/

.homeNewsLabel {
    width: 65px;
    color: #ffffff;
    font-family: promptregular, sans-serif;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    padding: 2px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
    .homeNewsLabel {
        font-size: 12px;
        line-height: 100%;
    }
}

.homeNewsLabel.gray {
    background: #525e6c;
}

.homeNewsLabel.pink {
    background: #d3625e;
}

.homeNewsLabel.blue {
    background: #41b1c5;
}

.homeNewsLabel.green {
    background: #38aaa2;
}

.homeNewsLabel.yellow {
    background: #ddb053;
}

/*------------------------------*/

a.homeNewsPdf {
    width: 18px;
    display: block;
}

a.homeNewsPdf img {
    width: 100%;
    display: block;
}

/*------------------------------*/

.homeNewsText {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 120%;
}

@media (min-width: 768px) {
    .homeNewsText {
        overflow: hidden;
        border-left: 30px solid transparent;
    }
}

@media (min-width: 1200px) {
    .homeNewsText {
        max-width: 840px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .homeNewsText {
        max-width: 640px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .homeNewsText {
        max-width: 415px;
        font-size: 16px;
        line-height: 120%;
    }
}

@media (max-width: 767px) {
    .homeNewsText {
        font-size: 16px;
        line-height: 150%;
        margin: 0 0 10px 0;
    }

}

/*------------------------------*/

a.homeNewsLink {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dddddd;
    background: url("../images/btnBG3.jpg") repeat-x;
    background-size: auto 100%;
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 13px;
    line-height: 100%;
    text-decoration: none;
    padding: 2px 5px;
}

a.homeNewsLink:hover {
    color: #A52D6A;
}

@media (max-width: 991px) and (min-width: 768px) {
    a.homeNewsLink {
        font-size: 11px;
        line-height: 100%;
    }
}

/*------------------------------
all page
------------------------------*/

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

/*------------------------------*/

.pageBannerBlue {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    border-bottom: 40px solid #f1f1f1;
    background: rgba(16, 104, 177, .55);
    margin-left: -50%;
    -ms-transform: skew(45deg, 0deg);
    transform: skew(45deg, 0deg);
}

/*------------------------------*/

.pageBannerBG {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-position: right center !important;
    background-size: cover !important;
}

@media (max-width: 767px) {
    .pageBannerBG {
        background-position: center !important;
    }
}

/*------------------------------*/

.pageBannerRow {
    width: 100%;
    position: relative;
    display: table;
}

.pageBannerCell {
    height: 200px;
    z-index: 3;
    display: table-cell;
    vertical-align: middle;
}

/*------------------------------*/

.pageBannerText {
    position: relative;
    z-index: 3;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.pageBannerText span {
    display: inline-block;
}

.pageBannerText1 {
    position: relative;
    z-index: 5;
    font-family: promptmedium, sans-serif;
    font-size: 42px;
    line-height: 100%;
}

.pageBannerText2 {
    position: relative;
    z-index: 5;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 100%;
    margin: 5px 0 0 0;
}

/*------------------------------*/

.pageBannerLogo {
    width: 123px;
    position: absolute;
    z-index: 4;
    top: -45px;
    right: 0;
}

/*------------------------------*/

.pageNavRow {
    width: 100%;
    position: relative;
    display: table;
    background: #CBDCE9;
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 16px;
    line-height: 100%;
    text-align: right;
}

/*------------------------------*/

.pageNavCell {
    height: 40px;
    position: relative;
    z-index: 3;
    display: table-cell;
    vertical-align: middle;
}

/*------------------------------*/

.pageNavText a {
    color: #348aca;
    font-family: promptmedium, sans-serif;
}

.pageNavText p {
    display: inline-block;
    padding: 0;
    margin: 0;
}

/*------------------------------*/

.pageTitle1 {
    color: #000000;
    font-family: promptmedium, sans-serif;
    font-size: 36px;
    line-height: 100%;
    text-align: center;
    margin: 70px 0;
}

.pageTitle1 .fa {
    width: auto;
    display: table;
    color: #348aca;
    font-family: FontAwesome, sans-serif;
    font-size: 16px;
    line-height: 100%;
    margin: 5px auto 0 auto;
}

/*------------------------------*/

.pageTitle2 {
    background: url("../images/titleBG1.jpg") no-repeat;
    background-size: 100% 100%;
    color: #ffffff;
    font-family: promptmedium, sans-serif;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #000000;
    padding: 7px 15px;
    margin: 0 0 25px 0;
}

.pageTitle2.pageTitle2_1 {
    width: auto;
    display: table;
    background: #ffffff;
    color: #000000;
    font-size: 200%;
    text-shadow: none;
    margin: -25px 0 0 15px;
}

.pageTitle2.pageTitle2_2 {
    background: #CBDCE9;
    color: #000000;
    text-shadow: none;
    margin: 20px 0;
}

/*------------------------------*/

.pageTitle3 {
    border-bottom: 4px solid #3583bd;
    color: #3583bd;
    font-family: promptmedium, sans-serif;
    font-size: 18px;
    line-height: 150%;
    padding: 5px;
    margin: 15px 0;
}

.pageTitle3 ol {
    padding: 0 0 0 20px;
    margin: 0;
}

@media (max-width: 767px) {
    .pageTitle3 {
        font-size: 16px;
        line-height: 150%;
    }
}

/*------------------------------*/

.pageList1 {
    list-style: none;
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    padding: 0;
    margin: 0 0 50px 0;
}

.pageList1.pageList1_2 {
    margin: 0;
}

.pageList1 strong {
    font-family: promptmedium, sans-serif;
    font-weight: normal;
}

.pageList1 > li {
    position: relative;
    padding: 0 0 0 25px;
    margin: 5px 0;
}

.pageList1 > li:before {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 7px;
    content: '';
    background: url("../images/listSty1.jpg") no-repeat;
    background-size: 100% 100% !important;
}

.pageList1_1 > li:before {
    background: url("../images/listSty2.jpg") no-repeat;
}

.pageList1_2 > li:before {
    background: url("../images/listSty3.jpg") no-repeat;
}

@media (max-width: 767px) {
    .pageList1 {
        font-size: 16px;
        line-height: 150%;
    }
}

/*------------------------------*/

.pageList2 {
    list-style: none;
    counter-reset: section;
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    padding: 0;
    margin: 0;
}

.pageList2 > li {
    counter-increment: section;
    position: relative;
    padding: 0 0 0 25px;
}

.pageList2 > li:before {
    position: absolute;
    left: 0;
    top: 7px;
    content: counter(section) ")";
    margin-top: -7px;
}

@media (max-width: 767px) {
    .pageList2 {
        font-size: 16px;
        line-height: 150%;
    }
}

/*------------------------------*/

.pageBtn1 {
    text-align: right;
}

.pageBtn1 a,
.pageBtn1 button {
    display: inline-block;
    border: none;
    outline: none;
    background: #348aca;
    color: #ffffff;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 100%;
    text-decoration: none;
    padding: 10px 15px;
}

.pageBtn1 a:hover,
.pageBtn1 button:hover {
    background: #A52D6A;
}

@media (max-width: 767px) {
    .pageBtn1 {
        text-align: center;
    }
}

/*------------------------------*/

.pageBtn1_1 {
    text-align: center;
}

.pageBtn1_1 button {
    width: 200px;
}

/*------------------------------*/

.pageBtn1_2 {
    text-align: center;
}

.pageBtn1_2 button {
    width: 150px;
    margin: 0 15px;
}

.pageBtn1_2 .fa {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 140%;
    margin-top: -8px;
}

@media (max-width: 767px) {
    .pageBtn1_2 button {
        width: 120px;
        margin: 0 5px;
    }
}

/*------------------------------*/

.pageBtn1_3 {
    text-align: center;
    margin-bottom: 100px;
}

.pageBtn1_3 button {
    width: 200px;
}

/*------------------------------*/

a.pageBtn2 {
    display: inline-block;
    vertical-align: middle;
    border: 5px solid transparent;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #ffffff;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    text-decoration: none;
    padding: 5px 20px;
}

a.pageBtn2:hover {
    opacity: .7;
}

a.pageBtn2_1 {
    border-color: #cad9e6;
    background: #57a9c2;
}

a.pageBtn2_2 {
    border-color: #c8e2dc;
    background: #58b7a6;
}

@media (max-width: 767px) {
    a.pageBtn2 {
        font-size: 16px;
        line-height: 100%;
    }
}

/*------------------------------*/

.pageBtn2_1_contact {
    padding-right: 5px;
}

.pageBtn2_1_contact > p {
    display: block;
    background: url("../images/iconContact.png") no-repeat right center;
    background-size: auto 15px !important;
    padding-right: 30px;
    margin: 0;
}

/*------------------------------*/

.pageLabel {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-family: promptlight, sans-serif;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    text-decoration: none;
    padding: 2px 12px;
    margin: 0 1px;
}

@media (max-width: 767px) {
    .pageLabel {
        font-size: 14px;
        line-height: 100%;
    }
}

.pageLabel_1 {
    background: #d41d1a;
}

.pageLabel_2 {
    background: #3dac60;
}

.pageLabel_3 {
    background: #41a6c7;
}

.pageLabel_4 {
    background: #3a4c9e;
}

/*------------------------------*/

/*------------------------------
News
------------------------------*/

.newsSearchBox {
    border-bottom: 1px solid #dddddd;
    color: #000000;
    font-family: promptlight, sans-serif;
    padding: 0 0 60px 0;
    margin: 80px 0 0 0;
}

.newsSearchBox .form-control,
.newsSearchBox .bootstrap-select .btn {
    font-size: 16px;
}

.newsSearchBox .bootstrap-select .btn {
    height: 34px;
    padding-left: 15px;
    padding-right: 35px;
}

.newsSearchBox .selectPicker {
    cursor: pointer;
}

.newsSearchBox .input-group .btn {
    outline: none !important;
}

@media (max-width: 767px) {
    .newsSearchBox > .row > .pull-right {
        float: none !important;
    }
}

/*------------------------------*/

ul.newsSearchTB {
    width: auto;
    display: table;
    padding: 0;
    margin: 0;
}

ul.newsSearchTB > li {
    width: 150px;
    display: table-cell;
    vertical-align: middle;
}

ul.newsSearchTB > li:not(:last-child) {
    padding-right: 30px;
}

@media (max-width: 767px) {
    ul.newsSearchTB {
        width: 100%;
        margin-top: 20px;
    }

    ul.newsSearchTB > li {
        width: auto;
    }

    ul.newsSearchTB > li:not(:last-child) {
        padding-right: 10px;
    }
}

/*------------------------------*/

.newsNav {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    margin: 100px -8px 150px -8px;
}

.newsNav a {
    height: 40px;
    display: block;
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #000000;
    text-decoration: none;
    padding: 10px 10px 0 10px;
}

.newsNav a:hover,
.newsNav a.active {
    border-color: #348aca;;
    background: #348aca;
    color: #ffffff;
}

.newsNav .fa-angle-left,
.newsNav .fa-angle-right {
    display: inline-block;
    vertical-align: middle;
    font-size: 150%;
    margin-top: -8px;
}

.newsNav > ul {
    width: auto;
    display: table;
    padding: 0;
    margin: 0 auto;
}

.newsNav > ul > li {
    display: inline-block;
    vertical-align: middle;
    padding: 8px;

}

.newsNav > ul > li:not(:first-child):not(:last-child) {
    width: 55px;
}

.newsNav > ul > li.dot a:hover {
    background: none !important;
    border-color: #dddddd !important;
    color: #000000 !important;
}

@media (max-width: 991px) {
    .newsNav {
        font-size: 14px;
        height: 100%;
        margin-left: -5px;
        margin-right: -5px;
    }

    .newsNav a {
        padding: 12px 10px 0 10px
    }

    .newsNav > ul > li {
        padding: 5px;
    }

    .newsNav > ul > li:not(:first-child):not(:last-child) {
        width: 50px;
    }
}

/*------------------------------*/

.newsDContent {
    margin: 100px 0;
}

@media (max-width: 767px) {
    .newsDContent {
        margin-top: 50px;
    }
}

/*------------------------------*/

ul.newsDTitleBox {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
}

ul.newsDTitleBox > li {
    display: table-cell;
    vertical-align: top;
}

ul.newsDTitleBox > li:first-child {
    padding-right: 10px;
}

ul.newsDTitleBox > li:last-child {
    width: 270px;
    text-align: right;
}

.newsDTitleBox .img-responsive {
    width: 100%;
}

@media (max-width: 767px) {
    ul.newsDTitleBox,
    ul.newsDTitleBox > li {
        width: 100%;
        display: block;
    }

    ul.newsDTitleBox > li:last-child {
        width: 100%;
        text-align: left;
    }
}

/*------------------------------*/

.newsDTitle {
    color: #000000;
    font-family: promptmedium, sans-serif;
    font-size: 24px;
    line-height: 120%;
    word-break: break-all;
}

@media (max-width: 767px) {
    .newsDTitle {
        font-size: 20px;
        line-height: 120%;
    }
}

/*------------------------------*/

.newsDDate {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 16px;
    line-height: 100%;
    padding-left: 10px;
}

/*------------------------------*/

.newsDText {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 16px;
    line-height: 150%;
    word-break: break-all;
    margin: 40px 0;
}

.newsDText p {
    margin-bottom: 30px;
}

/*------------------------------*/

.newsDPic {
    margin: 0 0 50px 0;
}

@media (min-width: 992px) {
    .newsDPic > .row {
        margin: 0 -30px;
    }

    .newsDPic > .row > [class*="col-"] {
        padding: 0 30px;
    }
}

@media (max-width: 767px) {
    .newsDPic > .row > [class*="col-"] {
        padding: 15px;
    }
}

/*------------------------------*/

.newsDImg {
    border: 1px solid #f0f0f0;
    background-color: #ffffff !important;
    background-size: contain !important;
}

@media (min-width: 768px) {
    .newsDImg .img-responsive {
        position: relative;
        z-index: -1;
    }
}

@media (max-width: 767px) {
    .newsDImg {
        border: none !important;
        background: none !important;
    }
}

/*------------------------------*/

.newsDPicText {
    width: auto;
    display: table;
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 16px;
    line-height: 150%;
    word-break: break-all;
    margin: 15px auto 0 auto;
}

/*------------------------------*/

.newsDTag {
    margin: 50px -5px;
}

.newsDTag > ul {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
}

.newsDTag > ul > li {
    display: inline-block;
    vertical-align: middle;
}

.newsDTag a {
    display: block;
    background: #F1F1F1;
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 14px;
    line-height: 100%;
    text-decoration: none;
    word-break: break-all;
    padding: 5px;
    margin: 5px;
}

.newsDTag a:hover {
    background: #CBDCE9;
}

@media (max-width: 767px) {
    .newsDTag a {
        font-size: 11px;
        line-height: 100%;
        padding: 4px;
        margin: 4px;
    }
}

/*------------------------------
Access
------------------------------*/

.accessTitle {
    color: #000000;
    font-family: promptregular, sans-serif;
    font-size: 24px;
    line-height: 150%;
}

@media (max-width: 991px) and (min-width: 768px) {
    .accessTitle {
        font-size: 22px;
        line-height: 150%;
    }
}

@media (max-width: 767px) {
    .accessTitle {
        font-size: 20px;
        line-height: 150%;
    }
}

/*------------------------------*/

.accessText {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    margin: 10px 0 40px 0;
}

.accessText a {
    color: #000000;
}

.accessText > table > tbody > tr > td {
    vertical-align: top;
}

.accessText > table > tbody > tr > td:first-child {
    word-break: keep-all;
    white-space: nowrap;
    padding-right: 30px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .accessText {
        font-size: 16px;
        line-height: 150%;
    }

    .accessText > table > tbody > tr > td:first-child {
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .accessText {
        font-size: 14px;
        line-height: 150%;
    }

    .accessText > table > tbody > tr > td:first-child {
        padding-right: 10px;
    }
}

/*------------------------------*/

.accessMap {
    margin: 0 0 30px 0;
}

.accessMap iframe {
    width: 100%;
    height: 400px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .accessMap iframe {
        height: 350px;
    }
}

@media (max-width: 767px) {
    .accessMap iframe {
        height: 250px;
    }
}

/*------------------------------*/

.accessHr {
    margin: 100px 0;
}

@media (max-width: 767px) {
    .accessHr {
        margin: 70px 0;
    }
}

/*------------------------------
Contact
------------------------------*/

.contactContent {
    margin: 0 0 100px 0;
}

/*------------------------------*/

.contactText1 {
    color: #333333;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    margin: 50px 0;
}

/*------------------------------*/

.contactTB > ul {
    width: 100%;
    display: table;
    border-top: 1px solid #dddddd;
    padding: 20px 0;
    margin: 0
}

.contactTB > ul:last-child {
    border-bottom: 1px solid #dddddd;
}

.contactTB > ul > li {
    display: table-cell;
    vertical-align: middle;
}

.contactTB > ul > li:first-child {
    width: 300px;
    color: #000000;
    font-family: promptmedium, sans-serif;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
}

@media (max-width: 991px) and (min-width: 768px) {
    .contactTB > ul > li:first-child {
        width: 220px;
        font-size: 16px;
        line-height: 150%;
    }
}

@media (max-width: 767px) {
    .contactTB > ul > li {
        display: block;
    }

    .contactTB > ul > li:first-child {
        width: 100%;
        text-align: left;
        padding-bottom: 10px;
    }
}

/*------------------------------*/

.contactTB > ul > li > .row {
    margin: 0 -8px;
}

.contactTB > ul > li > .row > [class*="col-"] {
    padding: 0 8px;
}

@media (max-width: 767px) {
    .contactTB > ul > li > .row > [class*="col-"]:first-child {
        margin-bottom: 10px;
    }
}

/*------------------------------*/

.confirmPage.contactTB {
    margin-bottom: 50px;
}

.confirmPage.contactTB > ul > li:last-child {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 16px;
    line-height: 150%;
    word-break: break-all;
}

@media (min-width: 768px) {
    .confirmPage.contactTB > ul > li:last-child {
        padding-right: 15px;
    }
}

/*------------------------------*/

.contactThankText1 {
    color: #348aca;
    font-family: promptmedium, sans-serif;
    font-size: 26px;
    line-height: 150%;
    text-align: center;
}

@media (max-width: 767px) {
    .contactThankText1 {
        font-size: 22px;
        line-height: 150%;
    }
}

/*------------------------------*/

.contactThankText2 {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 20px;
    line-height: 180%;
    text-align: center;
    margin: 50px 0 0 0;
}

@media (max-width: 767px) {
    .contactThankText2 {
        font-size: 18px;
        line-height: 150%;
        text-align: left;
    }

    .contactThankText2 br {
        display: none;
    }
}

/*------------------------------*/

.contactThankText3 {
    position: relative;
    z-index: 2;
    color: #181818;
    font-family: promptbold, sans-serif;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 1px;
    text-align: center;
}

@media (max-width: 767px) {
    .contactThankText3 {
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 0;
    }
}

/*------------------------------*/

.contactThankPhone {
    width: 100%;
    max-width: 500px;
    position: relative;
    display: block;
    background: #e3e3e3;
    color: #181818;
    font-family: Arial, sans-serif;
    font-weight: bolder;
    font-size: 22px;
    line-height: 100%;
    padding: 15px 0;
    margin: 60px auto 80px auto;
}

.contactThankPhone:before,
.contactThankPhone:after {
    width: 50px;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    content: "";
}

.contactThankPhone:before {
    left: -5px;
    background: url("../images/access/phoneBgBefore.jpg") no-repeat left;
    background-size: auto 100%;
}

.contactThankPhone:after {
    right: -5px;
    background: url("../images/access/phoneBgAfter.jpg") no-repeat right;
    background-size: auto 100%;
}

@media (max-width: 767px) {
    .contactThankPhone {
        max-width: 300px;
        font-size: 16px;
        line-height: 100%;
        padding: 10px 0 5px 0;
    }
}

/*------------------------------*/

.contactThankTB {
    width: auto;
    position: relative;
    z-index: 2;
    display: table;
    margin: 15px auto 0 auto;
}

.contactThankTB a {
    color: #000000;
}

.contactThankCell {
    display: table-cell;
    vertical-align: top;
    padding: 0 15px;
}

@media (max-width: 767px) {
    .contactThankTB {
        margin-top: 10px;
    }

    .contactThankCell {
        display: block;
        padding: 5px 0;
    }
}

/*------------------------------*/

.contactThankCell > ul {
    width: auto;
    display: table;
    padding: 0;
    margin: 0;
}

.contactThankCell > ul > li {
    display: table-cell;
    vertical-align: top;
}

.contactThankCell > ul > li:last-child {
    padding-top: 2px;
    padding-left: 10px;
}

/*------------------------------
Company
------------------------------*/

.companyText1 {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 180%;
    margin: 70px 0;
}

@media (max-width: 767px) {
    .companyText1 {
        font-size: 16px;
        line-height: 180%;
    }
}

/*------------------------------*/

.companyTB1 {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    margin: 0 0 100px 0;
}

.companyTB1 table {
    width: 100%;
    padding: 0;
    margin: 0;
}

.companyTB1 td {
    border-bottom: 1px solid #dddddd;
    padding: 10px 15px;
}

.companyTB1 tr:first-child td {
    border-top: 1px solid #dddddd;
}

.companyTB1 td:first-child {
    width: 220px;
    background: #f1f1f1;
    font-family: promptmedium, sans-serif;
    text-align: center;
    word-break: keep-all;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .companyTB1 {
        font-size: 16px;
        line-height: 180%;
    }

    .companyTB1 td {
        display: block;
        border: none !important;
    }

    .companyTB1 td:first-child {
        width: 100%;
        text-align: left;
        padding: 5px 10px;
    }

    .companyTB1 td:last-child {
        padding: 0 10px;
        margin: 10px 0 30px 0;
    }
}

/*------------------------------*/

ul.companyTB2 {
    width: auto;
    display: table;
    padding: 0;
    margin: 0;
}

ul.companyTB2 > li {
    display: table-cell;
    vertical-align: middle;
}

ul.companyTB2 > li:not(:last-child) {
    padding-right: 30px;
}

@media (max-width: 767px) {
    ul.companyTB2 > li {
        display: block;
    }

    ul.companyTB2 > li:not(:last-child) {
        padding: 0;
    }
}

/*------------------------------*/

ul.companyList1 {
    padding: 0 0 0 20px;
}

/*------------------------------*/

.companyBtnBox {
    text-align: right;
    margin: 30px 0 50px 0;
}

/*------------------------------
seminar public
------------------------------*/

.seminarPbContent {
    margin: 0 0 100px 0;
}

.seminarPbContent .companyTB1 {
    margin-bottom: 50px;
}

/*------------------------------*/

.seminarPbTime {
    color: #000000;
    font-family: promptregular, sans-serif;
    font-size: 22px;
    line-height: 100%;
    margin: 0 0 50px 0;
}

.seminarPbTime > span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

@media (max-width: 499px) {
    .seminarPbTime > span {
        display: block;
        margin: 0 0 10px 0;
    }
}

/*------------------------------*/

.seminarPbTitle {
    background: #dddddd;
    color: #000000;
    font-family: promptmedium, sans-serif;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 1px;
    text-shadow: 0 0 3px rgba(255, 255, 255, 1), 0 0 3px rgba(255, 255, 255, 1), 0 0 3px rgba(255, 255, 255, 1), 0 0 3px rgba(255, 255, 255, 1), 0 0 3px rgba(255, 255, 255, 1);
    padding: 7px 15px;
    margin: 0 0 10px 0;
}

@media (max-width: 767px) {
    .seminarPbTitle {
        font-size: 16px;
        line-height: 180%;
    }
}

/*------------------------------*/

.seminarPbColor1 .seminarPbTitle {
    background: #1268b3;
}

.seminarPbColor1 .companyTB1 td:first-child {
    background: #e7f0f7;
}

/*------------------------------*/

.seminarPbColor2 .seminarPbTitle {
    background: #a52d6a;
}

.seminarPbColor2 .companyTB1 td:first-child {
    background: #f6eaf0;
}

/*------------------------------*/

.seminarPbColor3 .seminarPbTitle {
    background: #00b08d;
}

.seminarPbColor3 .companyTB1 td:first-child {
    background: #e5f7f3;
}

/*------------------------------*/

.seminarPbColor4 .seminarPbTitle {
    background: #00afef;
}

.seminarPbColor4 .companyTB1 td:first-child {
    background: #e5f7fd;
}

/*------------------------------*/

.seminarPbColor5 .seminarPbTitle {
    background: #ec6c00;
}

.seminarPbColor5 .companyTB1 td:first-child {
    background: #f9eee3;
}

/*------------------------------
seminar on site
------------------------------*/

.seminarOsContent {
    margin: 0 0 100px 0;
}

/*------------------------------*/

.seminarOsContent .companyText1 {
    margin-bottom: 50px;
}

/*------------------------------*/

.seminarOsContent .companyTB1 {
    margin-bottom: 50px;
}

/*------------------------------*/

.seminarOsBtn {
    text-align: center;
    margin: 100px 0 0 0;
}

.seminarOsBtn .topContactBtnIcon {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: -6px 0 0 0;
}

@media (max-width: 767px) {
    .seminarOsBtn {
        margin-top: 50px;
    }
}

/*------------------------------
service iso
------------------------------*/

.serIsoContent {
    margin: 0 0 100px 0;
}

.serIsoContent .companyText1 {
    margin-bottom: 0;
}

/*------------------------------*/

.serIsoText1 {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 180%;
    margin: 70px 0;
}

@media (max-width: 767px) {
    .serIsoText1 {
        font-size: 16px;
        line-height: 180%;
    }
}

/*------------------------------*/

.serIsoText2 {
    border-top: 3px solid #57a9c2;
    border-bottom: 3px solid #57a9c2;
    color: #57a9c2;
    font-family: promptmedium, sans-serif;
    font-size: 26px;
    line-height: 130%;
    letter-spacing: 1px;
    text-align: center;
    padding: 5px;
    margin: 50px 0 100px 0;
}

/*------------------------------*/

.serIsoText3 {
    padding-left: 30px;
    margin-bottom: 30px;
}

/*------------------------------*/

.serIsoRowImg {
    position: relative;
    text-align: center;
    margin: 40px 0 0 0;
}

.serIsoRowImg > .row {
    margin: 0 -5px;
}

.serIsoRowImg > .row > [class*="col-"] {
    padding: 5px;
}

.serIsoRowImg > .row > [class*="col-"] > a {
    display: inline-block;
    text-decoration: none;
}

/*------------------------------
service how to
------------------------------*/

.serHowContent {
    margin: 0 0 100px 0;
}

.serHowBox {
    border: 2px solid #CBDCE9;
    margin: 0 0 80px 0;
}

.serHowBoxContent {
    padding: 0 20px;
    margin: 20px 0 30px 0;
}

.serHowComment {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    text-align: right;
}

.serHowComment > span {
    display: inline-block;
    vertical-align: middle;
}

.serHowComment > span:not(:first-child) {
    margin-left: 10px;
}

@media (max-width: 767px) {
    .serHowBoxContent {
        padding: 0 10px;
        margin: 15px 0 25px 0;
    }

    .serHowComment > span {
        display: block;
    }
}

/*------------------------------
service quotation
------------------------------*/

.serQuoContent {
    margin: 0 0 100px 0;
}

/*------------------------------*/

.serQuoRow {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 180%;
    margin: 50px 0 100px 0;
}

@media (max-width: 767px) {
    .serQuoRow {
        font-size: 16px;
        line-height: 180%;
    }
}

/*------------------------------*/

.serQuoRow > ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}

.serQuoRow > ul:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}

.serQuoRow > ul > li {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.serQuoRow > ul > li:first-child {
    font-family: promptmedium, sans-serif;
}

@media (min-width: 768px) {
    .serQuoRow > ul > li:last-child {
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .serQuoRow > ul > li {
        display: block;
        width: 100%;
    }
}

/*------------------------------*/

.serQuoText1 {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 180%;
    margin: 70px 0;
}

@media (max-width: 767px) {
    .serQuoText1 {
        font-size: 16px;
        line-height: 180%;
    }
}

/*------------------------------*/

.serQuoText2 {
    background: #3583bd;
    color: #ffffff;
    font-family: promptmedium, sans-serif;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 1px;
    text-align: center;
    padding: 5px 10px;
}

@media (max-width: 767px) {
    .serQuoText2 {
        font-size: 16px;
        line-height: 120%;
    }
}

/*------------------------------*/

.serQuoText3 {
    color: #000000;
    font-family: promptmedium, sans-serif;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 1px;
    margin: 30px 0 0 0;
}

.serQuoText3_1 {
    width: 75px;
    display: inline-block;
    background: #3583bd;
    color: #ffffff;
    font-size: 80%;
    line-height: 100%;
    text-align: center;
    padding: 5px 10px;
}

.serQuoText3 a {
    color: #000000;
}

@media (max-width: 767px) {
    .serQuoText3 {
        font-size: 18px;
        line-height: 180%;
    }
}

/*------------------------------*/

@media (min-width: 992px) {
    .serQuoText3Row {
        width: auto;
        display: table;
        margin: 0 auto;
    }

    .serQuoText3Row > .serQuoText3Cell {
        display: table-cell;
        vertical-align: middle;
    }

    .serQuoText3Row > .serQuoText3Cell:not(:last-child) {
        padding-right: 50px;
    }
}

@media (max-width: 991px) {
    .serQuoText3Row {
        text-align: center;
    }

    .serQuoText3Row > .serQuoText3Cell {
        display: inline-block;
        margin: 5px 10px;
    }
}

/*------------------------------*/

ul.serQuoText3Tb {
    width: auto;
    display: table;
    padding: 0;
    margin: 0;
}

ul.serQuoText3Tb > li {
    display: table-cell;
    vertical-align: middle;
}

@media (min-width: 768px) {
    ul.serQuoText3Tb > li:not(:last-child) {
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    ul.serQuoText3Tb > li {
        display: block;
    }
}

/*------------------------------
service change cb jqa
------------------------------*/

.serCbContent {
    margin: 0 0 100px 0;
}

/*------------------------------*/

.serCbText1 {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 180%;
    margin: 70px 0;
}

@media (max-width: 767px) {
    .serCbText1 {
        font-size: 16px;
        line-height: 180%;
    }
}

/*------------------------------*/

.serCbText2 {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 180%;
    margin: 0 0 40px 0;
}

@media (max-width: 767px) {
    .serCbText2 {
        font-size: 16px;
        line-height: 180%;
    }
}

/*------------------------------*/

.serCbText2_1 {
    font-size: 90%;
    line-height: 150%;
}

/*------------------------------*/

.serCbText2_2 {
    width: auto;
    display: table;
    font-family: promptmedium, sans-serif;
    padding: 0;
    margin: 0;
}

.serCbText2_2 > li {
    display: table-cell;
    vertical-align: middle;
}

.serCbText2_2 > li:not(:last-child) {
    padding-right: 5px;
}

.serCbText2_2 .badge {
    width: 22px;
    height: 22px;
    display: block;
    background-color: #3583bd;
    padding: 5px 0 0 0;
}

/*------------------------------*/

.serCbText3 {
    color: #377eb2;
    font-family: promptmedium, sans-serif;
    font-size: 20px;
    line-height: 150%;
    margin: 30px 0 0 0;
}

@media (max-width: 767px) {
    .serCbText3 {
        font-size: 18px;
        line-height: 150%;
    }
}

/*------------------------------*/

.serCbRow1 {
    padding: 0 0 0 25px;
}

/*------------------------------*/

.serCbRow2 {
    padding: 0 0 0 28px;
    margin-bottom: 30px;
}

/*------------------------------*/

.serCbRow3 {
    margin: 15px 0;
}

/*------------------------------
ISO
------------------------------*/

.ISOText1 {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 180%;
}

@media (max-width: 767px) {
    .ISOText1 {
        font-size: 16px;
        line-height: 180%;
    }
}

.ISOText1_small {
    font-size: 90%;
    line-height: 150%;
}

.ISOText2 {
    border-top: 3px solid #57a9c2;
    border-bottom: 3px solid #57a9c2;
    color: #57a9c2;
    font-family: promptmedium, sans-serif;
    font-size: 26px;
    line-height: 130%;
    letter-spacing: 1px;
    text-align: center;
    padding: 5px;
    margin: 0 0 20px 0;
}

.ISOSpace1 {
    height: 40px;
}

.ISOSpace2 {
    height: 80px;
}

.ISOSpace3 {
    height: 20px;
}

/*------------------------------
book
------------------------------*/

.bookRow {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 180%;
    margin: 0 0 80px 0;
}

@media (max-width: 767px) {
    .bookRow {
        font-size: 16px;
        line-height: 180%;
    }
}

@media (max-width: 991px) {
    .bookRow > .row > [class*="col-"].pull-left,
    .bookRow > .row > [class*="col-"].pull-right {
        float: none !important;
    }
}

.bookRow .textBold {
    font-family: promptmedium, sans-serif;
    font-weight: normal;
}

.bookRow .pageList1 {
    margin: -5px 0 30px 0;
}

@media (max-width: 1199px) {
    .bookRow .pageList1 {
        margin-bottom: 15px;
    }
}

@media (min-width: 1200px) {
    .bookRow2 {
        margin: 50px 0 0 0;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .bookRow2 {
        margin: 25px 0 0 0;
    }
}

.bookRow2 table {
    font-family: promptmedium, sans-serif;
    font-weight: normal;
    margin: 10px 0 0 0;
}

.bookRow2 td:not(:last-child) {
    padding-right: 10px;
}

.bookRow2 td:first-child {
    word-break: break-all;
    text-align: right;
}

.book-img.img-responsive {
    display: block;
    border: 1px solid #aaaaaa;
}

@media (max-width: 991px) {
    .book-img.img-responsive {
        max-width: 250px;
        margin: 30px auto;
    }
}

.bookRow .companyTB1 {
    margin: 80px 0 0 0;
}

@media (max-width: 1199px) {
    .bookRow .companyTB1 br {
        display: none;
    }
}

/*------------------------------
faq
------------------------------*/

.faqBanner {
    background: #f0f0f0;
}

.faqBannerContainer {
    height: 100%;
    position: relative;
}

.faqBannerBG {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: url('../images/faq/banner-m.jpg') no-repeat right center;
    background-size: auto 100%;
}

.faqRow {
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 180%;
    margin: 0 0 100px 0;
}

@media (max-width: 767px) {
    .faqRow {
        font-size: 16px;
        line-height: 180%;
    }
}

.faqQ {
    color: #377EB2;
}

.faqA {
    color: #76AB35;
}

.faqQ:before {
    background: url("../images/faq/Q.jpg");
}

.faqA:before {
    background: url("../images/faq/A.jpg");
}

.faqQ,
.faqA {
    position: relative;
    font-family: promptmedium, sans-serif;
    font-weight: normal;
    font-size: 110%;
    line-height: 150%;
    padding: 0 0 0 40px;
    margin: 0 0 20px 0;
}

.faqQ:before,
.faqA:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-size: 100% 100% !important;
    margin: -3px 0 0 0;
}

.faqDetail {
    margin: 20px 0 0 40px;
}

@media (max-width: 767px) {
    .faqDetail {
        margin-left: 0;
    }
}

.faq-img.img-responsive {
    margin-bottom: 30px;
}

.fagHr {
    border-top: 1px dashed #aaaaaa;
    margin: 40px 0;
}

/*------------------------------
	Audit form
------------------------------*/

.auditContent {
    margin: 0 0 100px 0;
}

/*------------------------------*/

.auditText1 {
    color: #333333;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    margin: 50px 0;
}

/*------------------------------*/

.auditText2 {
    color: #333333;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    margin: 50px 0;
}

/*------------------------------*/

.auditText3 {
    color: #333333;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    margin: 30px 0 15px 0;
    font-weight: bold;
}

/*------------------------------*/

.auditText4 {
    color: #333333;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    margin: 15px 0;
    word-break: normal;
}

/*------------------------------*/

.auditTB > ul {
    width: 100%;
    display: table;
    /*border-top: 1px solid #dddddd;*/
    padding: 20px 0;
    margin: 0
}

/*.auditTB > ul:last-child {
    border-bottom: 1px solid #dddddd;
}*/

.auditTB > ul > li {
    display: table-cell;
    vertical-align: middle;
}

.auditTB > ul > li:first-child {
    width: 300px;
    color: #000000;
    font-family: promptmedium, sans-serif;
    font-size: 18px;
    line-height: 150%;
}

@media (max-width: 991px) and (min-width: 768px) {
    .auditTB > ul > li:first-child {
        width: 220px;
        font-size: 16px;
        line-height: 150%;
    }
}

@media (max-width: 767px) {
    .auditTB > ul > li {
        display: block;
    }

    .auditTB > ul > li:first-child {
        width: 100%;
        text-align: left;
        padding-bottom: 10px;
    }
}

/*------------------------------*/

.auditTB > ul > li > .row {
    margin: 0 -8px;
}

.auditTB > ul > li > .row > [class*="col-"] {
    padding: 0 8px;
}

@media (max-width: 767px) {
    .auditTB > ul > li > .row > [class*="col-"]:first-child {
        margin-bottom: 10px;
    }
}

/*------------------------------*/

.auditFormSelect {
    padding: 0 0 0 5px;
    font-family: promptlight, sans-serif;
    font-size: 16px;
    line-height: 100%;
}

/*------------------------------*/

.auditTB2 > ul {
    width: 100%;
    padding: 20px 0 0 0;
    margin: 0
}

.auditTB2 > ul:first-child {
    padding: 0;
}

.auditTB2 > ul:last-child {
    padding-bottom: 50px;
}

.auditTB2 > ul > li {
    display: block;
    width: 100%;
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    vertical-align: middle;
}

.auditTB2 > ul > li:last-child {
    padding: 5px 0 5px 30px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .auditTB2 > ul > li {
        font-size: 16px;
        line-height: 150%;
    }
}

@media (max-width: 767px) {
    .auditTB2 > ul > li {
        font-size: 16px;
        line-height: 150%;
    }

    .auditTB2 > ul > li:last-child {
        padding: 5px 0 5px 15px;
    }

}

/*------------------------------*/

.auditTB2 > ul > li > .row {
    margin: 0 -8px;
}

.auditTB2 > ul > li > .row > [class*="col-"] {
    padding: 0 8px;
}

@media (max-width: 767px) {
    .auditTB2 > ul > li > .row > [class*="col-"]:first-child {
        margin-bottom: 10px;
    }
}

/*------------------------------*/

.auditTB2 ul.radioList1 {
    width: 100%;
    padding: 0;
    margin: 0
}

.auditTB2 ul.radioList1 > li {
    display: inline-block;
    padding: 5px 100px 5px 0;
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .auditTB2 ul.radioList1 > li {
        display: block;
        width: 100%;
    }
}

/*------------------------------*/

.auditTB2 ul.radioList2 {
    width: 100%;
    padding: 0;
    margin: 0
}

.auditTB2 ul.radioList2 > li {
    display: inline-block;
    width: 30%;
    padding: 5px 100px 5px 0;
    color: #000000;
    font-family: promptlight, sans-serif;
    font-size: 18px;
    line-height: 150%;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .auditTB2 ul.radioList2 > li {
        display: block;
        width: 100%;
    }
}

/*------------------------------*/

.auditTB2 textarea {
    width: 100%;
    height: 150px;
    border-radius: 5px;
}

/*------------------------------*/

.auditTBc > ul {
    width: 100%;
    display: table;
    border-top: 1px solid #dddddd;
    padding: 10px 0;
    margin: 0
}

.auditTBc > ul:last-child {
    border-bottom: 1px solid #dddddd;
}

.auditTBc > ul > li {
    display: table-cell;
    vertical-align: middle;
}

.auditTBc > ul > li:first-child {
    width: 300px;
    color: #000000;
    font-family: promptmedium, sans-serif;
    font-size: 18px;
    line-height: 150%;
}

@media (max-width: 991px) and (min-width: 768px) {
    .auditTBc > ul > li:first-child {
        width: 220px;
        font-size: 16px;
        line-height: 150%;
    }
}

@media (max-width: 767px) {
    .auditTBc > ul > li {
        display: block;
    }

    .auditTBc > ul > li:first-child {
        width: 100%;
        text-align: left;
        padding-bottom: 10px;
    }
}

/*------------------------------*/

.auditTBc > ul > li > .row {
    margin: 0 -8px;
}

.auditTBc > ul > li > .row > [class*="col-"] {
    padding: 0 8px;
}

@media (max-width: 767px) {
    .auditTBc > ul > li > .row > [class*="col-"]:first-child {
        margin-bottom: 10px;
    }
}

/*------------------------------*/