/*------------------------------------------------------------------
[Master Stylesheet]

Template Name  	: Kitaguni Travel
Description 	: Kitaguni Travel HTML
Author      	: TFO
Version     	: 1.0
Created     	: 20/08/2021
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Color codes]

Background  	: #ffffff
Content     	: #1C90C9

Color Default	: #91ad41
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Typography]

Body        : 14px "Hiragino Kaku Gothic Pro W3", sans-serif;
Other		    : "Hiragino Kaku Gothic Pro W6", sans-serif";
-------------------------------------------------------------------*/
@font-face {
    font-family: 'Hiragino Kaku Gothic Pro W3';
    src: url('../fonts/hiragino-kaku-gothic-pro-w3.woff'), 
         url('../fonts/hiragino-kaku-gothic-pro-w3.woff2');
    font-weight: 300;
}

@font-face {
    font-family: 'Hiragino Kaku Gothic Pro W6';
    src: url('../fonts/hiragino-kaku-gothic-pro-w6.woff'),
         url('../fonts/hiragino-kaku-gothic-pro-w6.woff2');
    font-weight: 600;
}

@font-face {
    font-family: 'Yu Mincho Demibold';
    src: url('../fonts/yumindb.woff'),
         url('../fonts/yumindb.woff2');
}
/***************
 * 1. General
 */
 :root {
    --primary: #1DBEF9;
    --navy: #1C90C9;
    --dark: #4B4B4B;
    --white: #ffffff;
    --orange: #F57648;
    --red: #EF4045;
    --e-global-default-font-family: 'Hiragino Kaku Gothic Pro W3', sans-serif;
    --e-global-secondary-font-family: 'Hiragino Kaku Gothic Pro W6', sans-serif;
    --e-global-tuesday-font-family: 'Yu Mincho Demibold', sans-serif;
    --e-global-font-awesome: 'FontAwesome';
}

* {
    padding: 0;
    margin: 0; }

body {
    font-weight: 300;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    font-size: 14px;
    line-height: 1.71429;
    color: #9A9A9A;
    background-color: #fdfcfc; }

.site-content {
    overflow-x: hidden; }

a {
    color: #231816;
    text-decoration: none; }
a:hover {
    color: #1DBEF9;
    text-decoration: none; }

.btn:focus,
input:focus,
button:focus {
    outline: 0;
    box-shadow: none !important;
}

.required {
    color: red;
    text-decoration: none; }

.list-inline {
    margin-bottom: 0; }

.display-none {
    display: none; }

@media (min-width: 1200px) {
    .container {
        max-width: 1230px; } }
@media (max-width: 1200px) {
    .container {
        padding-left: 20px;
        padding-right: 20px; } }

@media (min-width: 1200px) {
    .container-large {
        max-width: 1800px;
        padding: 0 20px; } }

@media (max-width: 991px) {
    .no-container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0; } }

.no-margin {
    margin-bottom: 0; }
@media (max-width: 991px) {
    .no-margin {
        margin-bottom: 20px; } }

@media (max-width: 991px) {
    .d-md-none {
        display: none; } }

.text-danger {
    color: #F77F7F !important; }

.text-light {
    color: #BDBDBD !important; }

.title-h3 {
    color: #231816;
    font-size: 24px;
    font-family: "Yu Mincho Demibold", serif;
    line-height: 40px;
    word-wrap: break-word;
    overflow-wrap: anywhere; }
@media (max-width: 991px) {
    .title-h3 {
        font-size: 18px;
        line-height: 32px; } }
.title-h3.yellow {
    color: #CAA846; }
.title-h3.blue {
    color: #20B1BE; }

.title-h2 {
    margin: 0;
    color: #FFFFFF;
    font-size: 18px;
    padding: 20px;
    background: transparent linear-gradient(90deg, var(--unnamed-color-1dbef9) 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #1DBEF9 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box;
    word-wrap: break-word; }
@media (max-width: 991px) {
    .title-h2 {
        font-size: 16px; } }

.subtitle {
    color: #231816;
    font-size: 26px;
    font-family: "Yu Mincho Demibold", serif;
    word-wrap: break-word; }
@media (max-width: 991px) {
    .subtitle {
        font-size: 18px; } }
.subtitle.yellow {
    color: #CAA846; }

.btn {
    height: 60px;
    padding: 0 30px;
    border: none;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    text-align: center;
    min-width: 400px;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
@media (max-width: 991px) {
    .btn {
        height: 50px;
        font-size: 16px; } }
@media (max-width: 480px) {
    .btn {
        width: 100%;
        min-width: auto; } }
@media (max-width: 320px) {
    .btn {
        font-size: 14px;
        padding: 0 15px; } }

.btn-primary {
    position: relative;
    color: #FFFFFF;
    background: transparent linear-gradient(91deg, var(--unnamed-color-1dbef9) 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(91deg, #1DBEF9 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #33333329; }
.btn-primary.caret i {
    position: absolute;
    right: 30px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%); }
.btn-primary:hover {
    color: #FFFFFF;
    background: transparent linear-gradient(91deg, var(--unnamed-color-1DBEF9) 0%, #4B4B4B 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(91deg, #1DBEF9 0%, #1C90C9 100%) 0% 0% no-repeat padding-box; }
.btn-primary:hover.caret i {
    color: #FFFFFF; }

.btn-outline {
    position: relative;
    color: #FFFFFF;
    background: var(--unnamed-color-1c90c9) 0% 0% no-repeat padding-box;
    background: #1C90C9 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #33333329; }
.btn-outline.b-radius-3 {
    border-radius: 3px; }
.btn-outline.blue {
    color: #FDFCFC;
    background: var(--unnamed-color-1dbef9) 0% 0% no-repeat padding-box;
    background: #1DBEF9 0% 0% no-repeat padding-box; }
.btn-outline.caret i {
    position: absolute;
    right: 30px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%); }
.btn-outline:hover {
    color: #FFFFFF;
    background: #1DBEF9;
    border-color: #1DBEF9; }
.btn-outline:hover.caret i {
    color: #FFFFFF; }
.btn-outline:hover.blue {
    background-color: #1C90C9;
    border-color: #1C90C9; }

.btn-secondary {
    color: #CAA846;
    letter-spacing: 0.8px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 3px solid var(--unnamed-color-caa846);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #33333329;
    border: 3px solid #CAA846; }
.btn-secondary.blue {
    border-color: #1DBEF9;
    color: #1DBEF9; }
.btn-secondary.orange {
    border-color: #FF7858;
    color: #FF7858; }
.btn-secondary:hover {
    background: var(--unnamed-color-1C90C9) 0% 0% no-repeat padding-box;
    border-color: #1C90C9;
    color: #1C90C9; }

.btn-danger {
    color: #F77F7F;
    letter-spacing: 0.8px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 3px solid var(--unnamed-color-f77f7f);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #33333329;
    border: 3px solid #F77F7F; }
.btn-danger:hover {
    background: #1DBEF9;
    border-color: #1DBEF9; }

.btn-light {
    color: #FFFFFF;
    letter-spacing: 0.8px;
    border: none;
    background: var(--unnamed-color-bdbdbd) 0% 0% no-repeat padding-box;
    background: #BDBDBD 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #33333329; }
.btn-light:hover {
    color: #FFFFFF;
    background: #1DBEF9; }

.btn-orange {
    color: #FFFFFF;
    position: relative;
    background: #FDA085 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #33333329; }
.btn-orange.caret i {
    position: absolute;
    right: 20px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%); }
.btn-orange.gradient {
    background: transparent linear-gradient(270deg, #FF5858 0%, #F09819 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #33333329; }
.btn-orange:hover {
    color: #FFFFFF;
    background: #1DBEF9; }
.btn-orange:hover.caret i {
    color: #FFFFFF; }

.btn-red {
    position: relative;
    color: #FFFFFF;
    letter-spacing: 0.8px;
    border: none;
    background: var(--unnamed-color-bdbdbd) 0% 0% no-repeat padding-box;
    background: #F77F7F 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #33333329; }
.btn-red.red-bold {
    color: #FDFCFC;
    letter-spacing: 0;
    background: #FF5858 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #33333329; }
.btn-red.caret i {
    position: absolute;
    right: 30px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%); }
.btn-red:hover {
    color: #FFFFFF;
    background: #DB4B4B; }

.form-control,
input[type=text],
input[type=date] {
    height: 60px;
    color: #4B4B4B;
    border-color: #BDBDBD;
    border-radius: 3px;
    letter-spacing: 0px;
    padding: 0 15px;
    font-size: 16px;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif; }
.tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime .inline-description {
    color: #4B4B4B;
}
@media (max-width: 991px) {
    .form-control,
    input[type=text],
    input[type=date] {
        height: 50px;
        font-size: 14px;
        padding: 0 27px 0 13px; } }
.form-control::placeholder,
input[type=text]::placeholder,
input[type=date]::placeholder {
    color: #BDBDBD; }

input[type=checkbox], input[type=radio] {
    width: 25px;
    height: 25px;
    margin-right: 10px !important; }

textarea.form-control {
    padding: 10px 20px; }

.form-group {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
@media (max-width: 991px) {
    .form-group {
        font-size: 20px; } }
.form-group label {
    color: #231816;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0; }
@media (max-width: 991px) {
    .form-group label {
        font-size: 14px; } }

select.form-control {
    color: #BDBDBD; }
select.form-control.has-value {
    color: #4B4B4B; }

label.error {
    margin: 6px 0 0 0;
    color: red;
    font-size: 14px;
    font-weight: 300; }
@media (max-width: 568px) {
    label.error {
        font-size: 13px; } }
label.error-message-check {
    display: inherit;
    margin-bottom: 0;
    padding-top: 5px;
    color: red;
}

.form-control.error,
.custom-select.error {
    border-color: red; }
.form-control.valid,
.custom-select.valid {
    border-color: #1C90C9; }

.g-align .box-group {
    margin: 0 40px; }
@media (max-width: 991px) {
    .g-align .box-group {
        margin: 0 20px; } }
@media (max-width: 991px) {
    .g-align .box-group.w-50 {
        width: auto !important; } }
.g-align .description {
    font-size: 16px;
    color: #333333; }
@media (max-width: 991px) {
    .g-align .description {
        font-size: 15px; } }
.g-align .form-check-inline {
    margin-right: 10px;
    -webkit-box-align: normal;
    -moz-box-align: normal;
    -ms-flex-align: normal;
    -webkit-align-items: normal;
    align-items: normal; }

.g-check-inline {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
.g-check-inline .form-check {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 20px;
    word-break: break-word; }
@media (max-width: 567px) {
    .g-check-inline .form-check.form-check-radio:first-child {
        margin-bottom: 6px; } }
.g-check-inline .form-check input {
    order: 1;
    margin-top: 0; }
.g-check-inline .form-check label.form-check-label {
    order: 2; }
@media (max-width: 374px) {
    .g-check-inline .form-check label.form-check-label {
        font-size: 12px;
        margin-top: 3px; } }
.g-check-inline .form-check label.error {
    order: 3; }
.g-check-inline .form-check label.form-check-label, .g-check-inline .form-check label.error {
    margin-left: 15px; }
@media (max-width: 374px) {
    .g-check-inline .form-check label.form-check-label, .g-check-inline .form-check label.error {
        margin-left: 10px; } }

.g-date .row,
.g-date .form-row {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline; }
@media (min-width: 992px) {
    .g-date .col-lg-2 {
        max-width: 13%;
        flex: 0 0 13%; } }
@media (max-width: 991px) {
    .g-date .form-group {
        margin-bottom: 10px; } }
@media (max-width: 479px) {
    .g-date .col-6 {
        max-width: 40%;
        flex: 0 0 40%; }
    .g-date .col-3 {
        max-width: 30%;
        flex: 0 0 30%;
        padding-left: 0; }
    .g-date .form-control {
        padding: 0 20px 0 8px; } }
.g-date .custom-select {
    width: -webkit-fill-available;
    margin-right: 25px;
    background-color: #FFFFFF; }
@media (max-width: 479px) {
    .g-date .custom-select {
        margin-right: 19px; } }
.g-date .d-flex {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
.g-date label.label {
    position: absolute;
    top: 0;
    right: 5px;
    line-height: 60px;
    font-weight: 300; }
@media (max-width: 991px) {
    .g-date label.label {
        line-height: 50px; } }
.g-date label.error {
    margin-right: 20px; }

.g-postal .form-row {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline; }
.g-postal .form-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.g-postal .form-group + .form-group label.label {
    left: 8px; }
.g-postal .form-group label.label {
    position: absolute;
    top: 0;
    left: 5px;
    line-height: 60px;
    order: 1; }
@media (max-width: 991px) {
    .g-postal .form-group label.label {
        line-height: 50px; } }
.g-postal .form-group label.error {
    order: 3;
    margin-left: 20px; }
.g-postal .form-group input {
    order: 2;
    margin-left: 20px; }

@media (max-width: 991px) {
    .g-box-address .form-group {
        margin-bottom: 6px; } }

.g-email .text-note {
    margin-top: 20px; }
@media (max-width: 991px) {
    .g-email .text-note {
        margin-top: 10px; } }

.g-link {
    text-align: center; }
.g-link.box-group {
    padding-top: 50px; }
.g-link a {
    margin: 0 15px; }
@media (min-width: 992px) and (max-width: 1199px) {
    .g-link a {
        margin: 0 10px; } }
@media (max-width: 812px) {
    .g-link a {
        margin: 0 0 30px 0; } }

.g-next-pre {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 15px; }
.g-next-pre .btn {
    color: #FFFFFF;
    height: 50px;
    font-size: 18px;
    letter-spacing: 0.9px;
    box-shadow: 0px 3px 6px #33333329;
    margin: 0 14px;
    border-radius: 0;
    min-width: 300px;
    background-color: #1C90C9; }
@media (max-width: 991px) {
    .g-next-pre .btn {
        font-size: 16px;
        margin: 0; }
    .g-next-pre .btn:first-child {
        margin-right: 16px; } }
@media (max-width: 568px) {
    .g-next-pre .btn {
        min-width: 160px; } }
@media (max-width: 374px) {
    .g-next-pre .btn {
        min-width: 130px;
        font-size: 14px; } }
.g-next-pre .btn i {
    font-size: 22px; }
.g-next-pre .btn:hover {
    background-color: #1DBEF9; }
.g-next-pre .btn.btn-next {
    background: #BDBDBD 0% 0% no-repeat padding-box;
    color: #D4D4D4; }
@media (min-width: 375px) and (max-width: 414px) {
    .g-next-pre .btn.btn-next {
        padding-left: 40px; } }
.g-next-pre .btn.btn-next i {
    margin-right: 20px; }
@media (max-width: 414px) {
    .g-next-pre .btn.btn-next i {
        margin-right: 10px; } }
.g-next-pre .btn.btn-next:hover {
    color: #FFFFFF;
    background-color: #1DBEF9; }
.g-next-pre .btn.btn-pre i {
    margin-left: 20px; }
@media (max-width: 414px) {
    .g-next-pre .btn.btn-pre i {
        margin-left: 10px; } }

.badge {
    font-weight: 300; }

.badge-light,
.badge-danger {
    font-size: 14px;
    line-height: 21px;
    height: 25px;
    padding: 2px 8px;
    margin-left: 10px;
    color: #FFFFFF;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    letter-spacing: 0px;
    background: #FF5151 0% 0% no-repeat padding-box;
    border-radius: 3px; }
.badge-light {
    background-color: #C5C5C5;
}
@media (max-width: 374px) {
    .badge-danger {
        margin-left: 0; } }

.custom-select {
    background: url("../img/icon-arrow-down.png") no-repeat right center;
    background-color: #FFFFFF; }

.bg-dark {
    padding: 40px 15px;
    background-color: #231816 !important; }

.bg-primary {
    background-color: #1C90C9 !important; }

.bg-light {
    background-color: #e6f1f6 !important; }

.bg-box {
    word-break: break-word;
    padding: 25px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #E4E4E4;
    border-radius: 10px; }
.bg-box.style-1 {
    border: 3px solid #F77F7F;
    border-radius: 5px;
    max-width: 800px;
    padding: 25px;
    margin: 40px auto;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #F77F7F; }
.bg-box.style-1 p {
    margin-bottom: 14px; }
@media (max-width: 374px) {
    .bg-box.style-1 p {
        font-size: 14px; } }
.bg-box.style-1 a {
    text-decoration: underline;
    color: #F77F7F;
    padding: 0 5px; }
@media (max-width: 767px) {
    .bg-box.style-1 a {
        display: block;
        text-align: left; } }
@media (min-width: 480px) and (max-width: 767px) {
    .bg-box.style-1 a {
        max-width: 180px;
        margin-left: 50%;
        transform: translateX(-50%); } }
@media (min-width: 414px) and (max-width: 479px) {
    .bg-box.style-1 a {
        margin-left: 45%;
        transform: translateX(-45%); } }
@media (max-width: 413px) {
    .bg-box.style-1 a {
        margin-left: 60px; } }
@media (max-width: 374px) {
    .bg-box.style-1 a {
        margin-left: 28px; } }
.bg-box.style-1 a i {
    font-size: 20px;
    margin-right: 5px; }
.bg-box.style-1 a:hover {
    color: #1C90C9; }

.bg-box-light {
    padding: 26px 40px;
    background: #f1f6f9; }
@media (max-width: 991px) {
    .bg-box-light {
        padding: 25px 20px; } }

.g-title {
    word-break: break-word;
    padding: 11.5px 40px;
    margin: 25px 0;
    background-color: #F0F0F0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
@media (max-width: 991px) {
    .g-title {
        padding: 3.5px 20px;
        margin: 15px 0;
        font-size: 14px;
        height: 32px;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; } }
.g-title .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: #4B4B4B;
    letter-spacing: 0;
    margin-bottom: 0;
    min-width: 80px; }
@media (max-width: 991px) {
    .g-title .title {
        font-size: 14px;
        line-height: 22px;
        margin-right: 0; } }
.g-title.style-1 {
    background-color: #0E627F; }
.g-title.style-1 .title {
    color: #FFFFFF; }
.g-title.style-2 {
    background-color: #1DBEF9; }
.g-title.style-2 .title {
    color: #FFFFFF; }
.g-title.style-3 {
    background-color: #f2f9fc;
    margin-bottom: 0;
    margin-top: 40px;
    height: 55px; }
.g-title.style-3 .title {
    color: #1C90C9; }

.g-title-style {
    position: relative;
    padding-bottom: 12px;
    margin: 30px 0 15px;
    color: #CAA846;
    font-size: 18px;
    font-weight: 600;
    word-break: break-word; }
@media (max-width: 991px) {
    .g-title-style {
        font-size: 15px;
        margin: 30px 0 20px; } }
.g-title-style:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    width: 100%;
    background: var(--unnamed-color-caa846) 0% 0% no-repeat padding-box;
    background: #CAA846 0% 0% no-repeat padding-box; }
.g-title-style.layout-1, .g-title-style.layout-2, .g-title-style.layout-3 {
    margin: 0 0 20px;
    font-size: 20px;
    color: #231816;
    padding-bottom: 10px;
    display: block !important; }
@media (max-width: 991px) {
    .g-title-style.layout-1, .g-title-style.layout-2, .g-title-style.layout-3 {
        font-size: 18px; } }
.g-title-style.layout-1 > span, .g-title-style.layout-2 > span, .g-title-style.layout-3 > span {
    color: #D4D4D4; }
.g-title-style.layout-1:after {
    background: transparent linear-gradient(90deg, var(--unnamed-color-1dbef9) 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #1DBEF9 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box; }
.g-title-style.layout-2 {
    padding-bottom: 0;
    margin-bottom: 15px; }
.g-title-style.layout-2:after {
    background-color: transparent; }
.g-title-style.layout-3:after {
    background: var(--unnamed-color-f77f7f) 0% 0% no-repeat padding-box;
    background: #F77F7F 0% 0% no-repeat padding-box; }

@media (max-width: 991px) {
    .box-group {
        margin-left: 20px;
        margin-right: 20px; } }
.box-group .text {
    font-size: 16px;
    color: #4B4B4B;
    overflow-wrap: break-word; }

.modal .modal-header,
.modal .modal-footer {
    border: none; }
.modal .modal-header {
    position: absolute;
    top: -60px;
    right: 0;
    padding: 0; }
@media (max-width: 991px) {
    .modal .modal-header {
        top: -50px; } }
.modal .modal-header .close {
    margin: 0;
    padding: 0;
    width: 30px;
    font-size: 55px;
    font-weight: 300;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    color: #FFFFFF;
    opacity: 1; }
.modal .modal-header .close:hover {
    color: #1C90C9;
    opacity: 1; }
@media (max-width: 991px) {
    .modal .modal-header .close {
        font-size: 40px; } }
.modal .modal-content {
    border: none;
    border-radius: 11px;
    box-shadow: 0px 3px 6px #00000029;
    padding: 24px 44px 42px; }
@media (max-width: 991px) {
    .modal .modal-content {
        padding: 10px 18px 25px;
        margin: 50px 13px; } }
@media (max-width: 374px) {
    .modal .modal-content {
        padding: 10px 0; } }
@media (max-width: 991px) {
    .modal .modal-body {
        padding-bottom: 0; } }
.modal .modal-footer {
    display: block; }
@media (min-width: 576px) {
    .modal .modal-dialog {
        max-width: 588px; } }

.modal-backdrop {
    background: #49494929; }
.modal-backdrop.show {
    opacity: 1; }

@media (min-width: 375px) and (max-width: 414px) {
    .break-line {
        display: block;
        margin: 0 !important; } }

/***************
 * 2. Header
 */
.header-top {
    position: relative;
    z-index: 999;
    height: 80px;
    box-shadow: 0px 3px 5px #3333331A;
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    transition: all 350ms ease-out;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
@media (max-width: 1245px) {
    .header-top {
        height: 60px;
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end; } }

.header-top-content {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
@media (min-width: 1245px) {
    .header-top-content {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; } }
.header-top-content .header-logo img {
    max-height: 30px; }
@media (max-width: 1245px) {
    .header-top-content .header-logo img {
        max-height: 20px; } }
@media (max-width: 1245px) {
    .header-top-content .header-logo {
        text-align: center;
        flex: 1; } }

.header-menu .main-nav {
    display: none;
    /* dropdown-menu level 1 */
    /* dropdown-menu level 2 */
    /* dropdown-menu level 3 */ }
@media (min-width: 1246px) {
    .header-menu .main-nav {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; } }
@media (min-width: 1246px) {
    .header-menu .main-nav .btn {
        font-size: 16px;
        padding: 0 17px;
        height: 50px;
        min-width: 285px;
        margin-left: 30px; } }
@media (min-width: 1246px) and (max-width: 1365px) {
    .header-menu .main-nav .btn {
        margin-left: 10px;
        font-size: 12px;
        min-width: 215px;
        padding: 0 10px; } }
@media (min-width: 1366px) and (max-width: 1500px) {
    .header-menu .main-nav .btn {
        font-size: 12px;
        min-width: 220px;
        padding: 0 10px;
        margin-left: 5px; } }
.header-menu .main-nav ul {
    list-style: none;
    margin-bottom: 0;
    text-align: right; }
.header-menu .main-nav ul.megamenu > li {
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex; }
.header-menu .main-nav ul.megamenu > li > a {
    position: relative;
    padding: 0 20px 0 0;
    display: inline-flex;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    font-family: "Yu Mincho Demibold", serif;
    opacity: 0.6;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
@media (min-width: 1200px) and (max-width: 1365px) {
    .header-menu .main-nav ul.megamenu > li > a {
        font-size: 12.5px;
        line-height: 30px;
        padding: 0 7px 0 0; } }
@media (min-width: 1366px) and (max-width: 1600px) {
    .header-menu .main-nav ul.megamenu > li > a {
        font-size: 14px;
        padding: 0 9px 0 0; } }
.header-menu .main-nav ul.megamenu > li > a:hover {
    color: #1C90C9; }
.header-menu .main-nav ul.megamenu > li > a .fa {
    margin-left: 5px; }
.header-menu .main-nav ul.megamenu > li:hover > a, .header-menu .main-nav ul.megamenu > li:focus > a, .header-menu .main-nav ul.megamenu > li:active > a {
    color: #1C90C9;
    opacity: 1; }
.header-menu .main-nav ul.megamenu > li:hover > a .caret, .header-menu .main-nav ul.megamenu > li:focus > a .caret, .header-menu .main-nav ul.megamenu > li:active > a .caret {
    color: #9A9A9A; }
.header-menu .main-nav ul.megamenu > li.aligned-fullwidth {
    position: static; }
.header-menu .main-nav ul.megamenu > li.aligned-fullwidth > .dropdown-menu {
    width: 100%;
    padding: 25px 15px; }
.header-menu .main-nav ul.megamenu > li.aligned-fullwidth > .dropdown-menu li {
    padding: 7px 0px; }
.header-menu .main-nav ul.megamenu > li.aligned-fullwidth > .dropdown-menu li:last-child {
    padding-bottom: 0; }
.header-menu .main-nav ul.megamenu > li.aligned-fullwidth > .dropdown-menu .block-subcategories .menu-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px; }
.header-menu .main-nav .dropdown:hover > .dropdown-menu {
    display: block;
    left: 0; }
.header-menu .main-nav .dropdown-menu {
    position: absolute;
    min-width: 200px;
    padding: 0;
    z-index: 10;
    top: 100%;
    margin: 0;
    border: none;
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.175);
    border-top: 2px solid #1C90C9;
    border-radius: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin: 0; }
.header-menu .main-nav .dropdown-menu ul {
    padding: 0;
    text-transform: none; }
.header-menu .main-nav .dropdown-menu ul .menu-title {
    margin: 0 15px; }
.header-menu .main-nav .dropdown-menu .level2.product {
    min-width: 200px;
    padding-left: 0;
    margin-top: -2px;
    margin-left: 0; }
.header-menu .main-nav .dropdown-menu .level2.product ul {
    margin: 0; }
.header-menu .main-nav .dropdown-menu .level2.product.child2 {
    margin-top: -2px; }
.header-menu .main-nav .dropdown-menu li {
    line-height: 30px;
    padding: 7px 15px;
    border-bottom: 1px solid #eee; }
.header-menu .main-nav .dropdown-menu li:last-child {
    border: none; }
.header-menu .main-nav .dropdown-menu li a {
    display: block;
    font-weight: 300;
    font-size: 14px;
    white-space: nowrap;
    color: #9A9A9A; }
.header-menu .main-nav .dropdown-menu li a:hover {
    background-color: transparent;
    color: #1C90C9; }
.header-menu .main-nav .dropdown-menu li a:hover .fa {
    color: #9A9A9A; }
.header-menu .main-nav .dropdown-menu .dropdown.aligned-fullwidth {
    width: 100%; }
.header-menu .main-nav .dropdown-menu .blog-fullwidth {
    width: 300px; }
.header-menu .main-nav .dropdown-submenu {
    position: relative; }
.header-menu .main-nav .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -15px;
    position: absolute; }
.header-menu .main-nav .dropdown-submenu.parent > a {
    display: block;
    position: relative;
    font-size: 14px; }
.header-menu .main-nav .dropdown-submenu.parent > a i {
    margin-top: 7px; }
.header-menu .main-nav .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    left: 100%;
    top: 0; }
.header-menu .btn-menu {
    position: relative;
    height: 20px;
    width: 30px; }
@media (min-width: 1246px) {
    .header-menu .btn-menu {
        display: none; } }
.header-menu .btn-menu span {
    position: absolute;
    top: 0;
    height: 3px;
    width: 100%;
    background-color: #1C90C9;
    border-radius: 10px;
    display: block; }
.header-menu .btn-menu span:nth-child(2) {
    top: 8px; }
.header-menu .btn-menu span:nth-child(3) {
    bottom: 0;
    top: inherit; }

.header-logo-mobile {
    display: block; }
@media (min-width: 1199px) {
    .header-logo-mobile {
        display: none; } }

#off-mainmenu {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: auto;
    min-height: 100vh;
    visibility: visible;
    z-index: 1001;
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    transform: translateX(-100%);
    background-image: url("../img/bg-menu.jpg");
    background-repeat: round; }
#off-mainmenu:before {
    position: absolute;
    content: "";
    background-color: #231816;
    width: 100%;
    height: 100%;
    opacity: 0.7; }
#off-mainmenu .off-mainnav {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 20px; }
#off-mainmenu .megamenu {
    width: 100%;
    margin: 0;
    text-align: center; }
#off-mainmenu .megamenu > li {
    clear: both;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
#off-mainmenu .megamenu > li a {
    font-size: 18px;
    font-weight: 600;
    font-family: "Yu Mincho Demibold", serif;
    color: #FFFFFF;
    padding: 10px 20px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
#off-mainmenu .megamenu > li a:hover {
    color: #1C90C9; }
#off-mainmenu .megamenu > li .icon-down {
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 40px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    right: 0;
    color: #fff; }
#off-mainmenu .megamenu > li .caret {
    display: none; }
#off-mainmenu .dropdown-menu.submenu-active {
    display: block;
    position: inherit;
    top: 1px;
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent; }
#off-mainmenu .dropdown-menu.submenu-active .menu-title a {
    display: block;
    padding: 10px 20px 10px 35px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px; }
#off-mainmenu .dropdown-menu.submenu-active ul li {
    position: relative;
    width: 100%;
    display: inline-block; }
#off-mainmenu .dropdown-menu.submenu-active ul li a {
    display: block;
    padding: 10px 20px 10px 35px;
    font-size: 18px;
    font-weight: 600;
    font-family: "Yu Mincho Demibold", serif;
    text-transform: none;
    color: #FFFFFF; }
#off-mainmenu .dropdown-menu.submenu-active ul li li:first-child a {
    padding-top: 0; }
#off-mainmenu .dropdown-menu.submenu-active ul li li a {
    padding: 10px 0 10px 45px;
    color: #9A9A9A; }
#off-mainmenu .header-logo-mobile {
    text-align: center; }
#off-mainmenu .header-logo-mobile img {
    max-height: 24px; }
#off-mainmenu .header-logo-mobile .title-h1 {
    font-size: 18px;
    font-weight: 600;
    font-family: "Yu Mincho Demibold", serif;
    color: #FFFFFF;
    margin: 18px auto;
    text-align: center;
    line-height: 29px;
    letter-spacing: 1.6px; }
#off-mainmenu .btn {
    max-width: 285px;
    margin: 15px auto 30px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }

.off-close {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
.off-close .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: black; }
.off-close .close-menu {
    width: 27px;
    height: 27px;
    position: relative;
    cursor: pointer;
    margin-top: 32px; }
.off-close .close-menu:before, .off-close .close-menu:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background-color: #FFFFFF;
    transform-origin: 50% 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: transform ease 0.25s;
    -moz-transition: transform ease 0.25s;
    -ms-transition: transform ease 0.25s;
    -o-transition: transform ease 0.25s;
    transition: transform ease 0.25s; }
.off-close .close-menu:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
.off-close .close-menu:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.mainmenu-active .all, .mainmenu-active #off-mainmenu {
    transform: translateX(0%) !important; }
.mainmenu-active .btn-menu:before {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100; }

/***************
 * 3. Footer
 */
.footer .footer-top {
    padding: 40px 0;
    text-align: center; }
@media (min-width: 1200px) {
    .footer .footer-top {
        background-color: #383838;
        margin-top: 100px;
        padding: 80px 0 0; } }
.footer .footer-top .footer-top-banner p {
    margin-bottom: 25px; }
.footer .footer-top .footer-top-banner p:last-child {
    margin-bottom: 0; }
.footer .footer-top .footer-top-banner .logo-footer img {
    max-height: 30px; }
.footer .footer-center {
    padding: 45px 0;
    background-color: #383838; }
@media (max-width: 767px) {
    .footer .footer-center {
        padding: 61px 0; } }
.footer .footer-center ul {
    padding: 0 5px;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
@media (max-width: 991px) {
    .footer .footer-center ul {
        display: block; } }
.footer .footer-center ul li {
    padding: 0 25px; }
@media (max-width: 991px) {
    .footer .footer-center ul li {
        padding: 0; } }
.footer .footer-center ul li a {
    padding: 3px 0;
    color: #FFFFFF; }
.footer .footer-center ul li a:hover {
    background-color: transparent;
    color: #1C90C9; }
.footer .footer-copyright {
    padding: 15px 0;
    height: 50px;
    text-align: center;
    background-color: #2F2F2F; }
@media (max-width: 767px) {
    .footer .footer-copyright {
        height: 37px;
        padding: 11px 0; } }
.footer .footer-copyright .copyright {
    font-size: 12px; }
@media (max-width: 767px) {
    .footer .footer-copyright .copyright {
        font-size: 10px; } }

/***************
 * 4. Breadcrumbs
 */
.section-breadcrumbs {
    padding: 20px 0; }
.section-breadcrumbs ul {
    list-style: none;
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 0; }
.section-breadcrumbs ul li.breadcrumb-sep {
    padding: 0 10px; }
.section-breadcrumbs ul li a, .section-breadcrumbs ul li span {
    color: #BDBDBD;
    font-size: 15px;
    font-weight: 300;
    text-decoration: underline; }
.section-breadcrumbs ul li a:hover {
    color: #1C90C9; }

/***************
 * 5. Back To Top
 */
.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    margin-bottom: 0;
    text-align: center;
    z-index: 999; }
.back-to-top a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    border-radius: 50%;
    font-size: 20px;
    background: var(--unnamed-color-fda085) 0% 0% no-repeat padding-box;
    background: #FDA085 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029; }
@media (max-width: 767px) {
    .back-to-top a {
        width: 50px;
        height: 50px;
        line-height: 50px; } }
.back-to-top a i {
    color: #FFFFFF;
    font-size: 30px; }
.back-to-top a:hover {
    color: #FFFFFF;
    background: #1C90C9; }
.back-to-top a:hover i {
    color: #FFFFFF; }

/***************
 * 6. Main content
 */
.section-banner-login {
    position: relative;
    padding: 190px 0 220px;
    background: url("../img/bg-login.png") no-repeat top center; }
@media (max-width: 991px) {
    .section-banner-login {
        padding: 235px 0 148px; } }
.section-banner-login .banner-login-logo {
    margin-bottom: 35px; }
@media (max-width: 991px) {
    .section-banner-login .banner-login-logo {
        margin-bottom: 25px; } }
@media (max-width: 991px) {
    .section-banner-login .banner-login-logo img {
        height: 29px; } }
.section-banner-login .title-h3 {
    color: #FFFFFF;
    font-size: 30px;
    letter-spacing: 3px;
    margin-bottom: 0;
    line-height: 51px; }
@media (max-width: 991px) {
    .section-banner-login .title-h3 {
        font-size: 16px;
        line-height: 29px; } }
.section-banner-login .click-scroll {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0; }
.section-banner-login .click-scroll a {
    color: #FFFFFF;
    font-family: "Yu Mincho Demibold", serif;
    font-weight: 600;
    letter-spacing: 1.4px; }
.section-banner-login .click-scroll a:hover {
    opacity: 0.5; }
.section-banner-login .click-scroll a:hover i {
    opacity: 0.5; }
.section-banner-login .click-scroll i {
    font-size: 24px;
    display: block;
    line-height: 18px; }

@media (max-width: 991px) {
    .g-password {
        margin-bottom: 0; } }
.g-password label {
    color: #231816; }
.g-password label.error {
    color: red; }
.g-password .input-password.error {
    border-right-color: red; }
.g-password .input-group-text {
    background: transparent;
    border: none; }
.g-password .input-group-text i {
    font-size: 25px;
    color: #1C90C9; }
@media (max-width: 991px) {
    .g-password .input-group-text i {
        font-size: 20px; } }
.g-password .input-group input[type=password],
.g-password .input-group input[type=text] {
    order: 1;
    width: 100%;
    border-radius: 3px;
    z-index: 1; }
.g-password .input-group .input-group-prepend {
    order: 2;
    position: absolute;
    content: "";
    right: 3px;
    top: 1px;
    z-index: 2;
    height: 58px;
    margin: 0; }
@media (max-width: 991px) {
    .g-password .input-group .input-group-prepend {
        height: 48px; } }
.g-password .input-group label.error {
    order: 3;
    margin-top: 6px; }

.forgot-password {
    margin-top: 40px; }
.forgot-password a {
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    color: #20B1BE;
    text-decoration: underline; }
@media (max-width: 991px) {
    .forgot-password a {
        font-size: 15px; } }
.forgot-password a:hover {
    color: #1C90C9; }

@media (min-width: 1200px) {
    .section-form-login .form-login-box.bg-box,
    .reset-password-wrapper.bg-box {
        padding: 60px 334px; } }

.section-form-login {
    padding: 70px 0 50px; }
@media (max-width: 991px) {
    .section-form-login {
        padding: 50px 0; } }
.section-form-login .form-control {
    background: #F9F9F9; }
.section-form-login .forgot-password {
    margin: 10px 0 40px; }
@media (max-width: 991px) {
    .section-form-login .forgot-password {
        margin: 20px 0; } }
.section-form-login .user-member a {
    font-size: 24px;
    font-family: "Yu Mincho Demibold", serif;
    color: #CAA846; }
@media (max-width: 991px) {
    .section-form-login .user-member a {
        font-size: 16px; } }
.section-form-login .user-member a:hover {
    color: #1C90C9; }
.section-form-login .my-acount a {
    font-size: 26px;
    font-family: "Yu Mincho Demibold", serif; }
@media (max-width: 991px) {
    .section-form-login .my-acount a {
        font-size: 18px; } }
.section-form-login .btn {
    font-size: 24px; }
@media (max-width: 991px) {
    .section-form-login .btn {
        font-size: 16px; } }

.section-comeregister {
    text-align: center;
    padding: 67px 20px;
    background: transparent linear-gradient(270deg, var(--unnamed-color-231816) 0%, #4F4644 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(270deg, #231816 0%, #4F4644 100%) 0% 0% no-repeat padding-box; }
@media (max-width: 767px) {
    .section-comeregister {
        padding: 24px 0 40px; } }
.section-comeregister .text-title {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 2.4px;
    margin-bottom: 25px; }
@media (max-width: 767px) {
    .section-comeregister .text-title {
        font-size: 18px;
        margin-bottom: 20px; } }
.section-comeregister .description {
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 30px; }
@media (max-width: 991px) {
    .section-comeregister .description {
        font-size: 15px; } }
@media (max-width: 320px) {
    .section-comeregister .btn {
        padding: 0 10px;
        width: 100%; } }

@media (max-width: 991px) {
    .section-reset-password .box-service {
        padding: 0 20px; } }
@media (max-width: 767px) {
    .section-reset-password .box-service .decription {
        max-width: 310px;
        margin: 20px auto 0; } }

.reset-password-wrapper .btn {
    margin-top: 10px; }
.reset-password-wrapper .forgot-password {
    margin-bottom: 15px; }
.reset-password-wrapper .form-reset-password p {
    margin-bottom: 4px !important; }
@media (max-width: 767px) {
    .reset-password-wrapper .form-reset-password p {
        line-height: 20px; } }

.form-password-new p {
    margin: 7px 0; }

.box-service {
    margin-bottom: 50px; }
.box-service .text-title {
    margin-bottom: 5px; }
.box-service .decription {
    color: #4B4B4B;
    margin-top: 15px;
    font-size: 16px;
    line-height: 29px;
    text-align: center; }
@media (min-width: 768px) {
    .box-service .decription {
        max-width: 625px;
        margin: 20px auto 0; } }
@media (max-width: 767px) {
    .box-service .decription {
        font-size: 14px;
        line-height: 25px; } }
.box-service .decription .text.text2 {
    margin: 30px 0; }
.box-service .decription .text.text5 {
    margin: 31px 0 39px; }
.box-service .decription .text p {
    margin-bottom: 0;
    line-height: 25px; }

@media (max-width: 991px) {
    .text-note {
        padding-bottom: 10px; } }
.text-note p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px; }
@media (max-width: 991px) {
    .text-note p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 5px; } }

@media (max-width: 767px) {
    .section-register .box-service .decription,
    .section-register-confirm .box-service .decription,
    .section-register-completed .box-service .decription {
        margin: 20px auto 0; } }

@media (max-width: 767px) {
    .section-register .box-service .decription {
        max-width: 305px; } }
@media (min-width: 768px) {
    .section-register .box-service .decription {
        max-width: 530px; } }

.section-register-confirm .box-service .decription .break-line {
    display: block; }

@media (max-width: 767px) {
    .section-register-completed .box-service .decription {
        max-width: 335px; } }

.form-user-tax .bg-box-light,
.form-regrister .bg-box-light {
    margin: 30px 0 35px;
    font-weight: 600; }
.form-user-tax .bg-box-light .g-check-inline,
.form-regrister .bg-box-light .g-check-inline {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #D4D4D4; }
@media (max-width: 991px) {
    .form-user-tax .bg-box-light .g-check-inline,
    .form-regrister .bg-box-light .g-check-inline {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; } }
.form-user-tax .bg-box-light .g-check-inline .form-check,
.form-regrister .bg-box-light .g-check-inline .form-check {
    margin-right: 0; }
.form-user-tax .bg-box-light .link,
.form-regrister .bg-box-light .link {
    position: relative;
    padding-left: 18px;
    display: block;
    color: #20B1BE;
    font-size: 15px;
    text-decoration: underline; }
.form-user-tax .bg-box-light .link:before,
.form-regrister .bg-box-light .link:before {
    position: absolute;
    top: 2px;
    left: 0;
    content: '\f0da';
    font-size: 20px;
    font-family: "FontAwesome";
    line-height: 20px;
    color: #20B1BE; }
.form-user-tax .bg-box-light .link:hover,
.form-regrister .bg-box-light .link:hover {
    color: #1C90C9; }
.form-user-tax .bg-box-light .link:hover:before,
.form-regrister .bg-box-light .link:hover:before {
    color: #1C90C9; }
.form-user-tax .btn-primary.caret,
.form-regrister .btn-primary.caret {
    margin-top: 30px; }
@media (max-width: 991px) {
    .form-user-tax .g-postal .form-row > div:nth-child(3),
    .form-regrister .g-postal .form-row > div:nth-child(3) {
        text-align: center; } }
@media (max-width: 991px) {
    .form-user-tax .g-postal .form-group:last-child,
    .form-regrister .g-postal .form-group:last-child {
        margin-bottom: 10px; } }
@media (max-width: 568px) {
    .form-user-tax .box-group .description,
    .form-regrister .box-group .description {
        text-align: left; } }

.user-tax-confirmation .g-address > div,
.regrister-confirmation .g-address > div {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D4D4D4; }
.user-tax-confirmation .g-address > div label,
.regrister-confirmation .g-address > div label {
    margin-bottom: 5px; }
.user-tax-confirmation .text,
.regrister-confirmation .text {
    color: #4B4B4B;
    font-size: 16px; }

.link-lists ul li {
    position: relative;
    padding: 15px 60px;
    border-bottom: 1px solid #BEC4CA; }
@media (max-width: 991px) {
    .link-lists ul li {
        padding: 15px 45px 15px 20px; } }
.link-lists ul li:after {
    position: absolute;
    content: '\f054';
    top: 50%;
    right: 20px;
    color: #1C90C9;
    font-size: 26px;
    font-family: "FontAwesome";
    transform: translateY(-50%);
    opacity: 0.1; }
@media (max-width: 991px) {
    .link-lists ul li:after {
        font-size: 24px; } }
.link-lists ul li a {
    display: grid; }
.link-lists ul li a .time {
    color: #D4D4D4;
    margin-bottom: 3px; }
.link-lists ul li a .title {
    font-size: 16px;
    color: #1C90C9; }
@media (max-width: 991px) {
    .link-lists ul li a .title {
        font-size: 15px; } }
.link-lists ul li a:hover .title {
    color: #231816; }

.section-account-info {
    padding: 116px 0;
    margin-bottom: 50px;
    background: transparent linear-gradient(90deg, var(--unnamed-color-1dbef9) 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #1DBEF9 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box; }
@media (max-width: 991px) {
    .section-account-info {
        padding: 18px 20px;
        margin-bottom: 0; } }
@media (max-width: 991px) {
    .section-account-info.heading {
        padding: 40px 20px; } }
.section-account-info.heading .account-info-warper:after {
    content: none; }
.section-account-info .account-info-warper {
    position: relative;
    word-break: break-word; }
@media (max-width: 991px) {
    .section-account-info .account-info-warper:after {
        position: absolute;
        content: '\f054';
        top: 50%;
        right: 0;
        color: #FFFFFF;
        font-size: 24px;
        font-family: "FontAwesome";
        transform: translateY(-50%); } }
.section-account-info .account-info-warper > a {
    display: inline-block;
    color: #FDFCFC;
    font-size: 30px;
    font-weight: 600;
    font-family: "Yu Mincho Demibold", serif; }
@media (max-width: 991px) {
    .section-account-info .account-info-warper > a {
        display: grid;
        font-size: 18px; } }
.section-account-info .account-info-warper > a > span + span {
    font-size: 40px; }
@media (max-width: 991px) {
    .section-account-info .account-info-warper > a > span + span {
        font-size: 20px; } }
.section-account-info .account-info-warper > a:hover {
    color: #FFFFFF; }
.section-account-info .account-info-warper h3 {
    color: #FDFCFC;
    font-size: 30px;
    font-weight: 600px;
    font-family: "Yu Mincho Demibold", serif;
    margin-bottom: 0; }
@media (max-width: 991px) {
    .section-account-info .account-info-warper h3 {
        font-size: 18px; } }

.section-account-notifications .account-notifications-warper {
    word-break: break-word; }
.section-account-notifications .account-notifications-warper .title-h3 {
    color: #FDFCFC;
    padding: 15px 60px;
    font-size: 18px;
    margin-bottom: 0;
    background: #1C90C9; }
@media (max-width: 991px) {
    .section-account-notifications .account-notifications-warper .title-h3 {
        font-size: 15px;
        padding: 11px 20px; } }
.section-account-notifications .account-notifications-warper .title-h3.style-1 {
    padding: 10px 60px;
    letter-spacing: 0.8px; }
@media (max-width: 991px) {
    .section-account-notifications .account-notifications-warper .title-h3.style-1 {
        font-size: 16px;
        padding: 14px 20px; } }
.section-account-notifications .account-notifications-warper .view-all {
    padding: 40px 20px 50px;
    text-align: center; }
@media (max-width: 991px) {
    .section-account-notifications .account-notifications-warper .view-all {
        padding: 30px 20px 50px; } }
@media (min-width: 992px) {
    .section-account-notifications .link-lists ul li:after {
        right: 60px; } }

.consultation-travel.bg-dark {
    padding: 72px 0;
    background: transparent linear-gradient(270deg, #231816 0%, #4F4644 100%) 0% 0% no-repeat padding-box; }
@media (max-width: 991px) {
    .consultation-travel.bg-dark {
        padding: 30px 0; } }
.consultation-travel .title-h3 {
    color: #FFFFFF;
    line-height: 29px;
    font-size: 24px;
    font-weight: 600;
    font-family: "Yu Mincho Demibold", serif;
    margin-bottom: 20px; }
@media (max-width: 991px) {
    .consultation-travel .title-h3 {
        font-size: 16px; } }

.account-tour {
    margin: 60px 0; }
@media (max-width: 991px) {
    .account-tour {
        margin: 30px 0; } }
.account-tour .acount-tour-warper {
    padding: 60px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #E4E4E4;
    border-radius: 10px; }
@media (max-width: 991px) {
    .account-tour .acount-tour-warper {
        padding: 25px 0; } }
.account-tour .acount-tour-warper .title-h3 {
    color: #1DBEF9;
    font-size: 20px;
    font-weight: 600;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    margin: 0 0 25px;
    padding-bottom: 20px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
@media (max-width: 991px) {
    .account-tour .acount-tour-warper .title-h3 {
        font-size: 15px;
        margin: 0 25px 20px;
        padding-bottom: 15px; } }
.account-tour .acount-tour-warper .title-h3 a {
    color: #1DBEF9; }
.account-tour .acount-tour-warper .title-h3 a:hover {
    color: #1C90C9; }
@media (max-width: 991px) {
    .account-tour .acount-tour-warper .title-h3 a {
        display: block;
        width: 100%; } }
.account-tour .acount-tour-warper .title-h3 i {
    margin-right: 7px;
    font-size: 22px; }
@media (max-width: 991px) {
    .account-tour .acount-tour-warper .title-h3 i {
        margin-right: 5px;
        font-size: 20px; } }
.account-tour .acount-tour-warper .title-h3 i.fa-chevron-right {
    font-size: 20px;
    margin: 0 0 0 20px; }
@media (max-width: 991px) {
    .account-tour .acount-tour-warper .title-h3 i.fa-chevron-right {
        margin-right: 0;
        float: right; } }
.account-tour .acount-tour-warper .title-h3:before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    left: 0;
    height: 5px;
    width: 100%;
    background: transparent linear-gradient(90deg, var(--unnamed-color-1dbef9) 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #1DBEF9 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box; }
.account-tour .acount-tour-warper .acount-tour-item {
    margin-bottom: 25px;
    word-break: break-word; }
.account-tour .acount-tour-warper .acount-tour-item:last-child {
    margin-bottom: 0; }
.account-tour .acount-tour-warper .g-link {
    margin: 5px 25px 0; }
.account-tour .acount-tour-warper .schedule-time {
    padding: 12px 25px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    background: transparent linear-gradient(90deg, var(--unnamed-color-1dbef9) 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #1DBEF9 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box; }
@media (max-width: 991px) {
    .account-tour .acount-tour-warper .schedule-time {
        font-size: 14px;
        padding: 8px 25px; } }
@media (max-width: 374px) {
    .account-tour .acount-tour-warper .schedule-time {
        font-size: 13px; } }
.account-tour .acount-tour-warper .link-lists ul li {
    padding: 32px 35px 32px 25px;
    border-color: #D4D4D4; }
@media (max-width: 991px) {
    .account-tour .acount-tour-warper .link-lists ul li {
        padding: 22px 35px 22px 25px; } }
.account-tour .acount-tour-warper .link-lists ul li.first {
    color: #F09819;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0;
    padding-top: 25px;
    border-color: transparent; }
@media (max-width: 991px) {
    .account-tour .acount-tour-warper .link-lists ul li.first {
        font-size: 15px; } }
.account-tour .acount-tour-warper .link-lists ul li.first:after {
    content: none; }
.account-tour .g-cancel {
    text-align: center;
    padding: 36px 25px 10px; }
.account-tour .g-cancel .btn {
    font-size: 16px; }
@media (max-width: 374px) {
    .account-tour .g-cancel .btn {
        font-size: 14px; } }
.account-tour .g-cancel .cancel-policy {
    display: block;
    margin-top: 24px;
    color: #F77F7F;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline; }
@media (max-width: 991px) {
    .account-tour .g-cancel .cancel-policy {
        font-size: 15px; } }
.account-tour .g-cancel .cancel-policy:hover {
    color: #1C90C9; }
.account-tour.scheduled-tour .acount-tour-warper .title-h3:before {
    background: transparent linear-gradient(270deg, var(--unnamed-color-ff5858) 0%, var(--unnamed-color-f09819) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(270deg, #FF5858 0%, #F09819 100%) 0% 0% no-repeat padding-box; }
.account-tour.scheduled-tour .acount-tour-warper .title-h3 i.fa-chevron-right {
    color: #f77f7f; }
.account-tour.scheduled-tour .acount-tour-warper .title-h3 a {
    color: #F09819; }
.account-tour.scheduled-tour .acount-tour-warper .title-h3 a:hover {
    color: #1C90C9; }
.account-tour.scheduled-tour .acount-tour-warper .title-h3 a:hover i.fa-chevron-right {
    color: #1C90C9; }
.account-tour.scheduled-tour .acount-tour-warper .schedule-time {
    background: transparent linear-gradient(270deg, var(--unnamed-color-ff5858) 0%, var(--unnamed-color-f09819) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(270deg, #FF5858 0%, #F09819 100%) 0% 0% no-repeat padding-box; }

.account-dashboard {
    word-break: break-word; }
.account-dashboard ul li {
    position: relative;
    padding: 18px 60px;
    margin-bottom: 5px;
    background: transparent linear-gradient(90deg, var(--unnamed-color-1dbef9) 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #1DBEF9 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box; }
@media (max-width: 991px) {
    .account-dashboard ul li {
        padding: 16px 20px; } }
.account-dashboard ul li:after {
    position: absolute;
    content: '\f054';
    top: 50%;
    right: 130px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: "FontAwesome";
    transform: translateY(-50%); }
@media (max-width: 991px) {
    .account-dashboard ul li:after {
        right: 20px; } }
.account-dashboard ul li:last-child {
    margin-bottom: 0; }
.account-dashboard ul li a {
    letter-spacing: 1px;
    color: #FFFFFF;
    font-size: 20px;
    display: block; }
@media (max-width: 991px) {
    .account-dashboard ul li a {
        font-size: 16px; } }
.account-dashboard ul li a:hover {
    color: #1C90C9; }

.cancel-tour {
    text-align: center; }
.cancel-tour .title-h3 {
    font-size: 35px;
    font-weight: 600;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    color: #F77F7F;
    margin-bottom: 17px;
    padding-top: 93px;
    position: relative; }
@media (max-width: 991px) {
    .cancel-tour .title-h3 {
        font-size: 21px;
        font-size: 19px;
        padding-top: 55px;
        margin-bottom: 10px; } }
.cancel-tour .title-h3::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url("../img/bg-info.png") no-repeat center center; }
@media (max-width: 991px) {
    .cancel-tour .title-h3::before {
        width: 38px;
        height: 38px;
        background: url("../img/bg-info-mb.png") no-repeat center center; } }
.cancel-tour .description {
    font-size: 18px;
    color: #1A1A1A;
    max-width: 270px;
    margin: 0 auto; }
@media (max-width: 991px) {
    .cancel-tour .description {
        max-width: inherit;
        font-size: 14px; } }
.cancel-tour .btn {
    border-radius: 0;
    height: 105px;
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    letter-spacing: 0;
    border-width: 5px;
    text-shadow: 0px 3px 20px #87CBEE99;
    box-shadow: 0px 3px 20px #87CBEE99; }
.cancel-tour .btn:first-child {
    margin-bottom: 14px; }
@media (max-width: 991px) {
    .cancel-tour .btn {
        height: 60px;
        font-size: 16px; } }

.form-group-date {
    position: relative; }
.form-group-date input[type=text] {
    order: 1;
    z-index: 1;
    padding: 0 40px 0 15px; }
@media (max-width: 359px) {
    .form-group-date input[type=text] {
        padding: 0 30px 0 6px; } }
.form-group-date .icon-date {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 35px;
    height: 60px;
    background: url("../img/icon-date.png") no-repeat center left;
    order: 2;
    z-index: 2; }
@media (max-width: 991px) {
    .form-group-date .icon-date {
        height: 50px; } }
@media (max-width: 359px) {
    .form-group-date .icon-date {
        width: 29px; } }
.form-group-date label.error {
    order: 3;
    margin-top: 6px; }

@media (max-width: 568px) {
    .section-consultation .box-service .decription .text-light,
    .section-consultation-confir .box-service .decription .text-light {
        text-align: left; } }

.section-consultation .form-consultation .g-link {
    padding-top: 30px; }
@media (max-width: 991px) {
    .section-consultation .form-consultation .box-group.w-50 .col-lg-3 {
        margin-bottom: 15px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; } }

.section-consultation-confir .consultation-confir .box-group .form-group {
    margin-bottom: 12px; }
.section-consultation-confir .consultation-confir .box-group .text {
    font-size: 16px;
    margin-top: 5px; }
.section-consultation-confir .consultation-confir .border-bottom {
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-color: #D4D4D4 !important; }
.section-consultation-confir .consultation-confir .g-link {
    padding-top: 30px; }

@media (max-width: 991px) {
    .section-consultation-reception-completed .box-service {
        margin-bottom: 30px; } }
@media (max-width: 479px) {
    .section-consultation-reception-completed .box-service .subtitle {
        max-width: 335px;
        margin: 0 auto;
        line-height: 34px; } }

@media (min-width: 1200px) {
    .section-tour-hearing-form .form-hearing .col-lg-9 {
        flex: 0 0 78%;
        max-width: 78%; }
    .section-tour-hearing-form .form-hearing .col-lg-9 textarea.form-control {
        max-width: 840px; } }

.section-tour-detail-title {
    padding: 37px 0;
    background: var(--unnamed-color-1dbef9) 0% 0% no-repeat padding-box;
    background: #1DBEF9 0% 0% no-repeat padding-box; }
.section-tour-detail-title.style-1 {
    background: transparent linear-gradient(90deg, #231816 0%, #4F4644 100%) 0% 0% no-repeat padding-box; }
@media (max-width: 991px) {
    .section-tour-detail-title {
        padding: 22px 0; } }
.section-tour-detail-title .tour-detail-title {
    word-wrap: break-word; }
.section-tour-detail-title .tour-detail-title .title-h3 {
    color: #FDFCFC;
    margin-bottom: 10px;
    font-size: 25px;
}
@media (max-width: 991px) {
    .section-tour-detail-title .tour-detail-title .title-h3 {
        margin-bottom: 8px;
        font-size: 20px; } }
.section-tour-detail-title .tour-detail-title .lead {
    color: #FDFCFC;
    margin-bottom: 0;
    font-size: 18px; }
@media (max-width: 991px) {
    .section-tour-detail-title .tour-detail-title .lead {
        font-size: 14px; } }

.section-tour-detail-post {
    word-break: break-word; }
@media (max-width: 1200px) {
    .section-tour-detail-post .no-container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0; } }
/*.section-tour-detail-title .link-print {
    padding: 15px 70px;
    display: grid;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
@media (max-width: 1200px) {
    .section-tour-detail-title .link-print {
        padding: 15px 20px; } }*/
.section-tour-detail-title .link-print a {
    width: 50px;
    height: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 2px solid #1C90C9;
    border-radius: 3px;
    font-size: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
@media (max-width: 991px) {
    .section-tour-detail-title .link-print a {
        width: 36px;
        height: 36px; } }
.section-tour-detail-title .link-print a i {
    font-size: 34px;
    color: #1C90C9; }
@media (max-width: 991px) {
    .section-tour-detail-title .link-print a i {
        font-size: 24px; } }
.section-tour-detail-title .link-print a:hover {
    border-color: #231816; }
.section-tour-detail-title .link-print a:hover i {
    color: #231816; }
.section-tour-detail-post .img {
    position: relative; }
.section-tour-detail-post .img .link-img {
    position: absolute;
    right: 70px;
    bottom: 130px;
    width: 60px;
    height: 60px;
    box-shadow: 0px 3px 6px #00000029;
    background-color: #FDA085;
    border-radius: 100%;
    text-align: center; }
@media (max-width: 767px) {
    .section-tour-detail-post .img .link-img {
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px; } }
.section-tour-detail-post .img .link-img i {
    font-size: 40px;
    color: #FFFFFF;
    line-height: 60px; }
@media (max-width: 767px) {
    .section-tour-detail-post .img .link-img i {
        font-size: 30px;
        line-height: 50px; } }
.section-tour-detail-post .title-h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 2.0rem;
    word-wrap: break-word; }

.section-tour-detail-post .title-h3 a:first-child {
    font-size: 26px;
    line-height: 52px;
    font-family: 'Yu Mincho';
    font-style: normal;
    letter-spacing: 0px;
    color: #CAA846;
}
.section-tour-detail-post .title-h3 a:last-child {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #4B4B4B;
    opacity: 1;
}

@media (min-width: 992px) {
    /*.section-tour-detail-post .title-h3 a:first-child {*/
    /*    padding: 0 70px 0 70px;*/
    /*}*/
    .section-tour-detail-post .date-range {
        padding: 0 70px 0 70px;
    }
    .section-tour-detail-post .description-trour {
        padding: 0 70px 0 70px;
    }
    .section-tour-detail-post .title-h3 div {
        padding: 0 70px 0 70px;
    }
}

@media (max-width: 991px) {
    .section-tour-detail-post .title-h3 {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 5px; }

    .section-tour-detail-post .title-h3 a:first-child {
        font-size: 18px;
        line-height: 36px;
    }
}
.section-tour-detail-post .date-range {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 15px;
    color: #1C90C9; }
@media (max-width: 991px) {
    .section-tour-detail-post .date-range {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 6px; } }
.section-tour-detail-post .description-trour {
    color: #D4D4D4;
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 25px;
    word-break: break-word; }
@media (max-width: 991px) {
    .section-tour-detail-post .description-trour {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 20px; } }
@media (max-width: 1200px) {
    .section-tour-detail-post .box-group {
        margin-left: 20px;
        margin-right: 20px; } }

@media (max-width: 1200px) {
    .tour-detail-content .no-container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0; } }
.tour-detail-content .box-group {
    padding: 35px 70px 30px; }
@media (max-width: 991px) {
    .tour-detail-content .box-group {
        padding: 20px 0; } }
.tour-detail-content .panel.panel-default.accordion-wrap span {
    margin-right: 5px; }
.tour-detail-content .panel.panel-default.accordion-wrap span i {
    font-weight: 500;
    font-size: 18px;
    color: #1C90C9; }
.tour-detail-content .panel.panel-default.accordion-wrap .accordion-title {
    word-break: break-word;
    cursor: pointer;
    margin-bottom: 2px;
    padding: 31px 127px 31px 70px;
    background: transparent linear-gradient(90deg, var(--unnamed-color-1dbef9) 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #1DBEF9 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
@media (max-width: 991px) {
    .tour-detail-content .panel.panel-default.accordion-wrap .accordion-title {
        padding: 16px 20px; } }
.tour-detail-content .panel.panel-default.accordion-wrap .accordion-title.style-1 {
    background: var(--unnamed-color-0e627f) 0% 0% no-repeat padding-box;
    background: #0E627F 0% 0% no-repeat padding-box; }
.tour-detail-content .panel.panel-default.accordion-wrap .accordion-title.style-2 {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #1DBEF9;
    text-decoration: underline; }
@media (max-width: 991px) {
    .tour-detail-content .panel.panel-default.accordion-wrap .accordion-title.style-2 {
        font-size: 15px; } }
.tour-detail-content .panel.panel-default.accordion-wrap .accordion-title.style-2.active {
    margin-bottom: 24px; }
.tour-detail-content .panel.panel-default.accordion-wrap .accordion-title.style-2 .fa {
    margin-right: 7px;
    font-size: 20px; }
.tour-detail-content .panel.panel-default.accordion-wrap .accordion-title.active {
    margin-bottom: 0;
    margin-bottom: 0; }
.tour-detail-content .panel.panel-default.accordion-wrap .accordion-title .title-h4 {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 0;
    margin-bottom: 0;
    line-height: 28px; }
@media (max-width: 991px) {
    .tour-detail-content .panel.panel-default.accordion-wrap .accordion-title .title-h4 {
        font-size: 16px; } }
.tour-detail-content .panel.panel-default.accordion-wrap .accordion-title .title-h4:hover {
    color: #FFFFFF; }
.tour-detail-content .panel.panel-default.accordion-wrap .accordion-title i {
    color: #FFFFFF;
    font-size: 20px; }
@media (max-width: 991px) {
    .tour-detail-content .panel.panel-default.accordion-wrap .accordion-title i {
        font-size: 18px; } }
.tour-detail-content .tour-items .description {
    font-size: 16px;
    font-weight: 300;
    color: #4B4B4B;
    line-height: 27px; }
@media (max-width: 991px) {
    .tour-detail-content .tour-items .description {
        font-size: 15px; } }
.tour-detail-content .tour-items .tour-item {
    margin-bottom: 30px;
    word-break: break-word; }
.tour-detail-content .tour-schedule-title {
    word-break: break-word; }
.tour-detail-content .tour-schedule-title .title-h3 {
    font-size: 18px; }
.tour-detail-content .tour-schedule-title ul > li {
    margin-bottom: 5px; }
.tour-detail-content .tour-schedule-items {
    border-bottom: 1px solid #BEC4CA;
    margin-bottom: 30px; }
.tour-detail-content .tour-schedule-items:last-child {
    margin-bottom: 0;
    border-bottom: none; }
.tour-detail-content .tour-schedule-items .tour-schedule-item {
    position: relative;
    padding-bottom: 34px;
    margin-bottom: 5px; }
.tour-detail-content .tour-schedule-items .tour-schedule-item .bg-color {
    background-color: #f2f8f9;
    border-radius: 3px;
    padding: 8px 15px;
    color: #4B4B4B;
    font-size: 18px;
    display: block !important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
@media (max-width: 991px) {
    .tour-detail-content .tour-schedule-items .tour-schedule-item .bg-color {
        font-size: 15px; } }
.tour-detail-content .tour-schedule-items .tour-schedule-item .bg-color > span {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-right: 15px;
    color: #FFFFFF;
    background-color: #20B1BE;
    border-radius: 3px;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    display: inline-block; }
.tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime {
    padding: 15px 0 15px 15px;
    word-break: break-word;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
@media (max-width: 991px) {
    .tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime {
        padding: 15px 0;
        display: block; } }
.tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime.style-1 {
    padding-bottom: 0; }
.tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime.style-1 li:nth-child(1) {
    padding-bottom: 0; }
.tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime.style-2 li:nth-child(2) span {
    text-decoration: underline;
    margin: 0; }
.tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime.style-2 li:nth-child(2) .fa-long-arrow-right {
    font-size: 11px;
    margin: 0;
    width: 11px; }
.tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime .list-inline {
    max-width: 480px;
    word-break: break-word; }
@media (max-width: 991px) {
    .tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime .list-inline {
        padding: 0 14px; } }
.tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime li {
    font-size: 15px 15px 10px;
    padding-bottom: 2px;
    font-size: 16px; }
@media (max-width: 991px) {
    .tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime li {
        font-size: 15px; } }
.tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime li:first-child {
    color: #20B1BE;
    font-weight: 600; }
.tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime li:nth-child(2) {
    color: #1C90C9; }
.tour-detail-content .tour-schedule-items .tour-schedule-item .g-opentime li i {
    margin-right: 5px;
    font-size: 18px;
    width: 15px; }
.tour-detail-content .tour-schedule-items .tour-schedule-item .img {
    text-align: center; }
@media (max-width: 991px) {
    .tour-detail-content .tour-schedule-items .tour-schedule-item .img {
        margin-top: 15px; } }
@media (min-width: 1200px) {
    .tour-detail-content .tour-schedule-items .tour-schedule-item .img img {
        width: 450px; } }
@media (max-width: 375px) {
    .tour-detail-content .tour-schedule-items .tour-schedule-item .img img {
        width: 100%; } }
.tour-detail-content .tour-schedule-items .tour-schedule-item .icon-dotted {
    position: absolute;
    content: "";
    left: 15px;
    bottom: 0;
    width: 6px;
    display: grid; }
@media (max-width: 991px) {
    .tour-detail-content .tour-schedule-items .tour-schedule-item .icon-dotted {
        margin: 0 auto;
        right: 0;
        left: 0; } }
.tour-detail-content .tour-schedule-items .tour-schedule-item .icon-dotted > span {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin: 3px 0;
    background-color: #D4D4D4; }
.tour-detail-content .quote-item {
    word-break: break-word; }
.tour-detail-content .quote-item .g-title-style {
    margin-bottom: 40px; }
.tour-detail-content .quote-item .g-title-style > span {
    color: #231816;
    position: relative;
    padding-right: 20px;
    margin-right: 15px !important; }
.tour-detail-content .quote-item .g-title-style > span:after {
    position: absolute;
    content: "|";
    right: 0; }
.tour-detail-content .quote-item .g-title-style > span + span:after {
    content: none; }
.tour-detail-content .quote-item .description {
    word-break: break-word; }
.tour-detail-content .quote-item .table-bordered {
    border-color: #FFFFFF;
    word-break: break-word; }
.tour-detail-content .quote-item .table-bordered th,
.tour-detail-content .quote-item .table-bordered td {
    border-color: #FFFFFF;
    vertical-align: middle;
    word-break: break-word; }
.tour-detail-content .quote-item .table-bordered th {
    color: #FFFFFF;
    font-weight: 300; }
.tour-detail-content .quote-item .table-bordered tr > th:first-child {
    font-size: 15px; }
@media (min-width: 992px) {
    .tour-detail-content .quote-item .table-bordered tr > th:first-child {
        width: 25%;
        font-size: 18px; } }
@media (min-width: 568px) and (max-width: 991px) {
    .tour-detail-content .quote-item .table-bordered tr > th:first-child {
        width: 30%; } }
@media (max-width: 567px) {
    .tour-detail-content .quote-item .table-bordered tr > th:first-child {
        width: 100px; } }
.tour-detail-content .quote-item .table-bordered tr > th:last-child {
    background-color: #1DBEF9; }
.tour-detail-content .quote-item .table-bordered tr > td:first-child {
    color: #1C90C9;
    font-size: 18px; }
.tour-detail-content .quote-item .table-bordered tr > td {
    font-size: 18px; }
@media (max-width: 991px) {
    .tour-detail-content .quote-item .table-bordered tr > td:first-child {
        font-size: 15px; }
        .tour-detail-content .quote-item .table-bordered tr > td {
            font-size: 15px; }
}
.tour-detail-content .quote-item .table-bordered tr > td:last-child {
    color: #231816;
    font-size: 16px; }
@media (max-width: 991px) {
    .tour-detail-content .quote-item .table-bordered tr > td:last-child {
        font-size: 14px; } }
.tour-detail-content .quote-item .table-bordered tr.bg-info td {
    color: #FFFFFF; }
.tour-detail-content .quote-item .comment {
    font-size: 16px; }
@media (max-width: 991px) {
    .tour-detail-content .quote-item .comment {
        font-size: 14px;
        line-height: 22px; } }
.tour-detail-content .quote-item .comment label {
    color: #D4D4D4; }
@media (max-width: 991px) {
    .tour-detail-content .quote-item .comment label {
        margin-bottom: 0; } }
.tour-detail-content .quote-item .comment p {
    color: #383838; }
.tour-detail-content .quote-item .comment .break-line {
    margin: 0 !important; }
@media (min-width: 375px) and (max-width: 414px) {
    .tour-detail-content .quote-item .comment .break-line {
        display: block; } }
@media (min-width: 992px) {
    .tour-detail-content .box-informations .box-information {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; } }
@media (max-width: 991px) {
    .tour-detail-content .box-informations .box-information.box-group {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
    } }
@media (min-width: 992px) {
    .tour-detail-content .box-informations .box-information .img {
        order: 2; } }
@media (max-width: 991px) {
    .tour-detail-content .box-informations .box-information .img img {
        width: 100%; } }
.tour-detail-content .box-informations .box-information .description {
    font-size: 14px;
    line-height: 25px;
    color: #4B4B4B;
    word-wrap: break-word; }
@media (min-width: 992px) {
    .tour-detail-content .box-informations .box-information .description {
        order: 1;
        width: 54%;
        margin-right: 53px;
        font-size: 16px;
        line-height: 29px; } }
@media (max-width: 991px) {
    .tour-detail-content .box-informations .box-information .description {
        margin: 20px; } }
.tour-detail-content .box-informations .contact-service {
    padding: 25px;
    margin: 40px 20px; }
@media (min-width: 992px) {
    .tour-detail-content .box-informations .contact-service {
        max-width: 800px;
        margin: 40px auto 50px;
        padding: 30px 100px 50px; } }
.tour-detail-content .box-informations .contact-service .title-h3 {
    color: #1DBEF9;
    border-bottom: 5px solid #1DBEF9;
    text-align: center;
    padding-bottom: 12px;
    margin-bottom: 25px;
    font-size: 20px; }
@media (max-width: 991px) {
    .tour-detail-content .box-informations .contact-service .title-h3 {
        font-size: 16px; } }
.tour-detail-content .box-informations .contact-service .item {
    font-size: 16px;
    line-height: 29px;
    color: #231816; }
@media (max-width: 991px) {
    .tour-detail-content .box-informations .contact-service .item {
        font-size: 15px;
        line-height: 24px; } }
.tour-detail-content .box-informations .contact-service .item > span {
    color: #1DBEF9; }
.tour-detail-content .box-informations .contact-service .item p {
    margin-bottom: 4px; }
.tour-detail-content .box-informations .g-title {
    padding: 12px 70px;
    margin-bottom: 0; }
@media (max-width: 991px) {
    .tour-detail-content .box-informations .g-title {
        padding: 5px 20px; } }
.tour-detail-content .box-informations form .form-check-inline {
    margin-bottom: 10px; }
.tour-detail-content .box-informations form .form-check-label {
    font-size: 18px;
    font-weight: 600;
    color: #4B4B4B;
    line-height: 27px; }
@media (max-width: 991px) {
    .tour-detail-content .box-informations form .form-check-label {
        font-size: 14px;
        line-height: 25px; } }
.tour-detail-content .box-informations form p {
    font-size: 15px;
    line-height: 24px; }
.tour-detail-content .box-informations form .bg-box.style-1 {
    margin: 15px auto 50px; }
.tour-detail-content .box-informations form .description {
    text-align: center;
    color: #4B4B4B;
    margin-bottom: 10px; }
@media (max-width: 568px) {
    .tour-detail-content .box-informations form .description {
        max-width: 294px;
        margin: 0 auto 10px; } }
.tour-detail-content .box-informations .text-note {
    margin-top: 13px;
    color: #333333;
    font-size: 15px;
    line-height: 24px; }
.tour-detail-content .g-action {
    text-align: center; }
.tour-detail-content .g-action.style-1 {
    padding-top: 129px; }
@media (max-width: 991px) {
    .tour-detail-content .g-action.style-1 {
        padding-top: 60px;
        padding-bottom: 10px; } }
.tour-detail-content .g-action .text {
    padding: 10px 0 25px;
    font-size: 16px;
    line-height: 29px;
    color: #333333;
    max-width: 535px;
    margin: 0 auto; }
@media (max-width: 991px) {
    .tour-detail-content .g-action .text {
        padding: 5px 0 20px;
        font-size: 14px;
        line-height: 25px; } }

.form-settings > div:first-child {
    margin-top: 50px; }
@media (max-width: 991px) {
    .form-settings > div:first-child {
        margin-top: 0; } }
.form-settings .g-password .input-group-text {
    background: #FFFFFF; }
.form-settings .g-password label {
    padding-top: 0; }
.form-settings .g-password p {
    margin-top: 8px;
    margin-bottom: 0; }
.form-settings .form-control,
.form-settings input[type=text],
.form-settings input[type=date] {
    font-size: 16px; }
@media (max-width: 374px) {
    .form-settings .form-control,
    .form-settings input[type=text],
    .form-settings input[type=date] {
        font-size: 14px; } }

@media (max-width: 768px) {
    .section-tour-apply .box-service .decription {
        max-width: 305px;
        margin: 20px auto 0; } }
.section-tour-apply .box-service .decription > p {
    margin-bottom: 3px; }

.section-tour-apply-content .table-border-radius {
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    padding: 0 13px;
    max-width: 800px;
    margin: 40px auto; }
@media (max-width: 991px) {
    .section-tour-apply-content .table-border-radius {
        margin: 30px auto; } }
.section-tour-apply-content .table-border-radius table {
    margin-bottom: 0; }
.section-tour-apply-content .table-border-radius table tr:first-child td {
    border-top-color: transparent; }
.section-tour-apply-content .table-border-radius table tr > td {
    font-size: 15px;
    color: #231816;
    vertical-align: sub;
    padding: 11.3px 0; }
.section-tour-apply-content .table-border-radius table tr > td + td {
    font-size: 18px;
    text-align: right; }
.section-tour-apply-content .table-border-radius table tr.total {
    font-weight: 600; }
.section-tour-apply-content .table-border-radius table tr.total > td + td {
    color: #20B1BE; }
.section-tour-apply-content .g-link {
    padding-top: 0;
    display: grid;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
@media (max-width: 480px) {
    .section-tour-apply-content .g-link {
        display: block; } }
.section-tour-apply-content .g-link .btn-paypal {
    background-color: var(--white);
    box-shadow: 0px 2px 10px #01308829;
    border: 3px solid #013088;
    border-radius: 30px;
    margin-bottom: 25px; }
@media (max-width: 480px) {
    .section-tour-apply-content .g-link .btn-paypal {
        width: 100%; } }
.section-tour-apply-content .g-link .btn-paypal:hover {
    border-color: #1DBEF9; }
.section-tour-apply-content .g-link > img {
    margin: 0 auto; }

.section-tour-in-consultation .nav-tabs {
    border-bottom-color: #f7f7f7; }
.section-tour-in-consultation .nav-tabs .nav-link {
    background: #BDBDBD 0% 0% no-repeat padding-box;
    box-shadow: 0px -5px 6px #33333329;
    letter-spacing: 0.8px;
    color: #D4D4D4;
    font-size: 18px;
    font-weight: 600;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    text-align: center;
    padding: 12px 10px;
    margin: 0 3px; }
@media (max-width: 991px) {
    .section-tour-in-consultation .nav-tabs .nav-link {
        font-size: 15px; } }
.section-tour-in-consultation .nav-tabs .nav-link.show .nav-link,
.section-tour-in-consultation .nav-tabs .nav-link .nav-link.active {
    border-color: transparent; }
.section-tour-in-consultation .nav-tabs .nav-item {
    width: 50%; }
.section-tour-in-consultation .nav-tabs .nav-item:first-child .nav-link.active {
    color: #FFFFFF;
    background: transparent linear-gradient(90deg, #1DBEF9 0%, #3BA2FE 100%) 0% 0% no-repeat padding-box; }
.section-tour-in-consultation .nav-tabs .nav-item:last-child .nav-link.active {
    color: #FFFFFF;
    background: transparent linear-gradient(270deg, var(--unnamed-color-ff5858) 0%, var(--unnamed-color-f09819) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(270deg, #FF5858 0%, #F09819 100%) 0% 0% no-repeat padding-box; }
.section-tour-in-consultation .tab-content .scheduled-tour form .title-h3 {
    color: #FF7858; }

.from-search {
    padding: 17px 20px 30px;
    background: #f7f7f7; }
.from-search .title-h3 {
    color: #1DBEF9;
    font-size: 18px;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 15px; }
@media (max-width: 991px) {
    .from-search .title-h3 {
        font-size: 14px;
        margin-bottom: 15px; } }
.from-search > div.row {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline; }
.from-search > div.row .col-lg-1 {
    text-align: center; }
@media (min-width: 992px) {
    .from-search > div.row .col-lg-1 {
        flex: 0 0 1%; } }
@media (max-width: 767px) {
    .from-search > div.row .col-lg-1 {
        text-align: left; } }
.from-search > div.row .col-lg-1 span {
    font-size: 20px;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    color: #333333; }
@media (max-width: 767px) {
    .from-search > div.row .col-lg-1 span {
        display: block;
        margin: 1px 0; } }
@media (min-width: 768px) {
    .from-search > div.row .col-6 {
        flex: 0 0 40%; } }
@media (max-width: 480px) {
    .from-search > div.row .col-6 {
        flex: 0 0 40%; } }
@media (min-width: 768px) {
    .from-search > div.row .col-3 {
        flex: 0 0 30%;
        max-width: 30%; } }
@media (max-width: 480px) {
    .from-search > div.row .col-3 {
        flex: 0 0 30%;
        max-width: 30%; } }
.from-search > div.row .form-group {
    margin-bottom: 0; }
.from-search > div.row .form-group label.label {
    font-weight: normal;
    line-height: 50px; }
.from-search > div.row .g-link {
    margin-top: -12px;
    transform: translateY(-12px); }
@media (max-width: 991px) {
    .from-search > div.row .g-link {
        margin-top: 30px; } }
.from-search > div.row .g-link .btn {
    height: 50px;
    min-width: 280px; }
@media (min-width: 992px) and (max-width: 1199px) {
    .from-search > div.row .g-link .btn {
        min-width: auto;
        padding: 0 40px; } }
.from-search .reset-search {
    margin-top: 12px; }
.from-search .reset-search a {
    color: #20B1BE;
    font-size: 16px;
    text-decoration: underline; }
.from-search .reset-search a:hover {
    color: #1C90C9; }
.from-search .form-control {
    padding: 0 20px 0 15px;
    height: 50px; }
@media (min-width: 768px) and (max-width: 1199px) {
    .from-search .form-control {
        padding: 0 20px 0 6px; } }
@media (max-width: 480px) {
    .from-search .form-control {
        padding: 0 20px 0 10px; } }

.tours-list .g-link {
    padding-top: 0; }
.tours-list .g-link .tour-name {
    font-size: 16px;
    color: #1C90C9;
    margin-bottom: 20px;
    text-align: center; }
@media (max-width: 991px) {
    .tours-list .g-link .tour-name {
        text-align: left; } }
.tours-list .g-link .cancel-policy {
    font-size: 15px;
    font-weight: 600;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    color: #F77F7F;
    display: inline-block;
    text-decoration: underline; }
@media (max-width: 991px) {
    .tours-list .g-link .cancel-policy {
        font-size: 15px;
        margin: 0; } }
.tours-list .g-link .cancel-policy:hover {
    color: #1C90C9; }
@media (max-width: 812px) {
    .tours-list .g-link a:last-child {
        margin-bottom: 0; } }
.tours-list .tour-item:first-child .g-title {
    margin: 30px 0 25px; }
.tours-list .g-title {
    margin: 35px 0 25px; }
.tours-list .list-linktour {
    max-width: 835px;
    margin: 30px auto; }
.tours-list .list-linktour li {
    padding: 15px 40px;
    margin-bottom: 5px;
    background-color: #F8F8F8;
    text-align: left; }
@media (max-width: 991px) {
    .tours-list .list-linktour li {
        padding: 12px 20px; } }
.tours-list .list-linktour li a {
    font-size: 18px;
    font-weight: 600;
    color: #0E627F;
    display: block;
    position: relative; }
@media (max-width: 991px) {
    .tours-list .list-linktour li a {
        font-size: 16px; } }
.tours-list .list-linktour li a:after {
    position: absolute;
    right: 60px;
    top: 50%;
    content: "\f054";
    font-family: "FontAwesome";
    font-size: 20px;
    color: #0E627F;
    transform: translateY(-50%); }
@media (max-width: 991px) {
    .tours-list .list-linktour li a:after {
        right: 0; } }
.tours-list .list-linktour li a:hover {
    color: #1C90C9; }
.tours-list .list-linktour li a:hover:after {
    color: #1C90C9; }

.payment-history-warper .payments-list table.table-bordered {
    border-color: #FFFFFF;
    margin: 30px 0; }
.payment-history-warper .payments-list table.table-bordered tr th {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    padding: 11px 20px; }
@media (max-width: 991px) {
    .payment-history-warper .payments-list table.table-bordered tr th {
        font-size: 15px;
        padding: 11px 10px; } }
@media (max-width: 320px) {
    .payment-history-warper .payments-list table.table-bordered tr th {
        font-size: 14px; } }
.payment-history-warper .payments-list table.table-bordered tr th:first-child {
    text-align: center; }
@media (min-width: 768px) {
    .payment-history-warper .payments-list table.table-bordered tr th:first-child {
        width: 20%; } }
@media (min-width: 480px) and (max-width: 767px) {
    .payment-history-warper .payments-list table.table-bordered tr th:first-child {
        width: 30%; } }
@media (max-width: 479px) {
    .payment-history-warper .payments-list table.table-bordered tr th:first-child {
        width: 100px; } }
.payment-history-warper .payments-list table.table-bordered tr th:last-child {
    background-color: #1DBEF9; }
.payment-history-warper .payments-list table.table-bordered tr th, .payment-history-warper .payments-list table.table-bordered tr td {
    border-color: #FFFFFF #e6f1f6 #FFFFFF #e6f1f6; }
.payment-history-warper .payments-list table.table-bordered tr td {
    vertical-align: middle;
    padding: 8px 20px 9px; }
@media (max-width: 991px) {
    .payment-history-warper .payments-list table.table-bordered tr td {
        padding: 0.5px 10px; } }
.payment-history-warper .payments-list table.table-bordered tr td:first-child {
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    font-family: "Hiragino Kaku Gothic Pro W3", sans-serif;
    line-height: 24px;
    color: #1C90C9;
    background-color: #e6f1f6; }
.payment-history-warper .payments-list table.table-bordered tr td:last-child {
    font-size: 18px;
    color: #231816;
    background-color: #e6f5fb; }
@media (max-width: 991px) {
    .payment-history-warper .payments-list table.table-bordered tr td:last-child {
        padding: 8px 24px 10px 10px;
        font-size: 16px; } }
.payment-history-warper .payments-list table.table-bordered tr.accordion-title.active td {
    border-bottom: 1px solid #1DBEF9; }
.payment-history-warper .payments-list table.table-bordered tr.accordion-title td:last-child {
    position: relative; }
.payment-history-warper .payments-list table.table-bordered tr.accordion-title td:last-child .fa {
    position: absolute;
    content: "";
    top: 46%;
    right: 20px;
    color: #1DBEF9;
    cursor: pointer;
    transform: translateY(-46%); }
@media (max-width: 991px) {
    .payment-history-warper .payments-list table.table-bordered tr.accordion-title td:last-child .fa {
        right: 7px; } }
.payment-history-warper .payments-list table.table-bordered tr.accordion-title td:last-child .fa:hover {
    color: #1C90C9; }
.payment-history-warper .payments-list table.table-bordered tr.accordion-content td:first-child {
    border-left: 1px solid #1DBEF9;
    border-bottom: 1px solid #1DBEF9; }
@media (min-width: 992px) {
    .payment-history-warper .payments-list table.table-bordered tr.accordion-content td:first-child {
        text-align: left;
        padding: 9px 36px; } }
.payment-history-warper .payments-list table.table-bordered tr.accordion-content td:last-child {
    border-right: 1px solid #1DBEF9;
    border-bottom: 1px solid #1DBEF9;
    background-color: #FFFFFF; }
.payment-history-warper .payments-list table.table-bordered tr.accordion-content a {
    font-size: 15px;
    color: #1DBEF9;
    text-decoration: underline; }
.payment-history-warper .payments-list table.table-bordered tr.accordion-content a:hover {
    color: #1C90C9; }
.payment-history-warper .payments-list table.table-bordered tbody + tbody {
    border: none; }
.payment-history-warper .payments-list .badge {
    font-size: 14px;
    font-weight: 600;
    padding: 7px 5px;
    background-color: #FFFFFF;
    color: #231816;
    border-radius: 0;
    border: 1px solid #BEC4CA;
    margin-right: 10px;
    min-width: 80px;
    border-radius: 2px; }
.payment-history-warper .payments-list .badge.normal {
    color: #1C90C9;
    border-color: #1C90C9; }
.payment-history-warper .payments-list .badge.error {
    color: #F77F7F;
    border-color: #F77F7F; }
.payment-history-warper .pagination {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
.payment-history-warper .pagination .nav {
    display: inline-block;
    color: #FFFFFF;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 4px;
    background-color: #1C90C9;
    text-align: center; }
.payment-history-warper .pagination .nav i {
    font-size: 22px; }
.payment-history-warper .pagination .nav.disabled {
    background-color: #d7d7d7; }
.payment-history-warper .pagination .nav:hover {
    background-color: #1C90C9; }
.payment-history-warper .pagination .page {
    margin: 0 15px;
    color: #1C90C9;
    font-weight: 600; }

.section-account-notification .notification-title {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 5px solid #1DBEF9; }
.section-account-notification .notification-title span {
    font-size: 15px;
    color: #D4D4D4; }
@media (max-width: 991px) {
    .section-account-notification .notification-title span {
        font-size: 14px; } }
.section-account-notification .notification-title .title-h3 {
    color: #1C90C9;
    font-size: 20px;
    font-weight: 600;
    font-family: "Yu Mincho Demibold", serif;
    margin: 15px 0 0; }
@media (max-width: 991px) {
    .section-account-notification .notification-title .title-h3 {
        font-size: 18px; } }
.section-account-notification .notification-content {
    word-break: break-word; }

.form-user-tax .text-dark,
.user-tax-confirmation .text-dark {
    color: #4B4B4B !important;
    margin-bottom: 15px;
    font-size: 16px; }
@media (max-width: 991px) {
    .form-user-tax .text-dark,
    .user-tax-confirmation .text-dark {
        line-height: 24px;
        font-size: 13.9px; } }
@media (min-width: 375px) and (max-width: 414px) {
    .form-user-tax .text-dark,
    .user-tax-confirmation .text-dark {
        letter-spacing: -0.015px; } }
.form-user-tax .g-title-style,
.user-tax-confirmation .g-title-style {
    margin: 0 0 15px; }

.section-user-tax-info {
    padding: 214px 0 220px;
    background-image: url("../img/bg-user-tax.png");
    background-repeat: no-repeat;
    background-position-y: -178px;
    background-position-x: center;
    background-size: cover; }
@media (max-width: 991px) {
    .section-user-tax-info {
        padding: 80px 0 94px;
        background-position-y: inherit;
        background-size: cover; } }
.section-user-tax-info .box-service {
    margin-bottom: 0; }
.section-user-tax-info .box-service .title-h3 {
    margin-bottom: 42px;
    font-size: 30px;
    line-height: 36px; }
@media (max-width: 991px) {
    .section-user-tax-info .box-service .title-h3 {
        font-size: 20px;
        margin-bottom: 18px; } }
@media (max-width: 476px) {
    .section-user-tax-info .box-service .title-h3 {
        max-width: 232px;
        margin-left: auto;
        margin-right: auto; } }
.section-user-tax-info .box-service .subtitle {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 31px; }
@media (max-width: 991px) {
    .section-user-tax-info .box-service .subtitle {
        font-size: 16px;
        margin-bottom: 20px; } }
@media (max-width: 476px) {
    .section-user-tax-info .box-service .subtitle {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto; } }
.section-user-tax-info .box-service .decription {
    color: #4B4B4B;
    line-height: 25px; }
@media (max-width: 991px) {
    .section-user-tax-info .box-service .decription {
        font-size: 14px; } }
@media (max-width: 476px) {
    .section-user-tax-info .box-service .decription {
        max-width: 232px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0; } }
.section-user-tax-info .user-tax-info {
    position: relative; }

@media (max-width: 991px) {
    .section-user-tax .g-align .box-group.g-participant,
    .section-user-tax-confirm .g-align .box-group.g-participant {
        margin: 0; } }
@media (max-width: 991px) {
    .section-user-tax .g-align .box-group.g-participant .text-dark,
    .section-user-tax-confirm .g-align .box-group.g-participant .text-dark {
        padding: 0 20px; } }
@media (min-width: 992px) {
    .section-user-tax .g-participant-wraps,
    .section-user-tax-confirm .g-participant-wraps {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; } }
@media (min-width: 992px) {
    .section-user-tax .g-participant-wraps .g-participant-wrap,
    .section-user-tax-confirm .g-participant-wraps .g-participant-wrap {
        width: 45%; }
    .section-user-tax .g-participant-wraps .g-participant-wrap:first-child,
    .section-user-tax-confirm .g-participant-wraps .g-participant-wrap:first-child {
        margin-right: 16px; } }
@media (min-width: 1200px) {
    .section-user-tax .g-participant-wraps .g-participant-wrap,
    .section-user-tax-confirm .g-participant-wraps .g-participant-wrap {
        width: 41.15%; } }
.section-user-tax .g-participant-wraps .g-participant-title,
.section-user-tax-confirm .g-participant-wraps .g-participant-title {
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    font-size: 14px;
    color: #FDFCFC;
    background-color: #1DBEF9; }
.section-user-tax .g-participant-wraps .g-participant-item,
.section-user-tax-confirm .g-participant-wraps .g-participant-item {
    padding: 10px 20px;
    margin-bottom: 6px;
    background-color: #f2f9fc; }
@media (max-width: 991px) {
    .section-user-tax .g-participant-wraps .g-participant-item,
    .section-user-tax-confirm .g-participant-wraps .g-participant-item {
        padding: 15px 20px; } }
.section-user-tax .g-participant-wraps .g-participant-item.g-participant-item3,
.section-user-tax-confirm .g-participant-wraps .g-participant-item.g-participant-item3 {
    margin-bottom: 25px; }
.section-user-tax .g-participant-wraps .g-participant-item .form-group,
.section-user-tax-confirm .g-participant-wraps .g-participant-item .form-group {
    margin-bottom: 0;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline; }
.section-user-tax .g-participant-wraps .g-participant-btn,
.section-user-tax-confirm .g-participant-wraps .g-participant-btn {
    text-align: center;
    padding: 0 20px; }
@media (max-width: 991px) {
    .section-user-tax .g-participant-wraps .g-participant-btn,
    .section-user-tax-confirm .g-participant-wraps .g-participant-btn {
        margin-bottom: 32px; } }
@media (min-width: 481px) {
    .section-user-tax .g-participant-wraps .g-participant-btn .btn,
    .section-user-tax-confirm .g-participant-wraps .g-participant-btn .btn {
        min-width: 334px; } }
.section-user-tax .g-participant-wraps .g-participant-btn .btn .fa,
.section-user-tax-confirm .g-participant-wraps .g-participant-btn .btn .fa {
    font-size: 20px;
    margin-right: 10px;
    color: #1C90C9;
    background-color: #FFFFFF;
    border: 2px solid white;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    position: relative; }
.section-user-tax .g-participant-wraps .g-participant-btn .btn .fa::before,
.section-user-tax-confirm .g-participant-wraps .g-participant-btn .btn .fa::before {
    position: absolute;
    left: 0.35px;
    top: -1px;
    font-size: 21px; }
.section-user-tax .g-participant-wraps .g-participant-btn .btn:hover .fa,
.section-user-tax-confirm .g-participant-wraps .g-participant-btn .btn:hover .fa {
    color: #1DBEF9; }
.section-user-tax .group-date-wrap,
.section-user-tax-confirm .group-date-wrap {
    text-align: center;
    background-color: #f2f9fc;
    padding: 10px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
.section-user-tax .group-date-wrap > span,
.section-user-tax-confirm .group-date-wrap > span {
    font-size: 28px;
    color: #4B4B4B;
    font-weight: 300; }
.section-user-tax .group-date-wrap .form-group-date,
.section-user-tax-confirm .group-date-wrap .form-group-date {
    width: 47%; }
@media (max-width: 991px) {
    .section-user-tax .group-date-wrap .form-group-date,
    .section-user-tax-confirm .group-date-wrap .form-group-date {
        width: 46%; } }
.section-user-tax .group-date-wrap .form-group-date input,
.section-user-tax-confirm .group-date-wrap .form-group-date input {
    text-align: center; }
@media (max-width: 991px) {
    .section-user-tax .group-date-wrap .form-group-date input,
    .section-user-tax-confirm .group-date-wrap .form-group-date input {
        text-align: left; } }
.section-user-tax .text,
.section-user-tax-confirm .text {
    font-size: 18px; }
@media (max-width: 991px) {
    .section-user-tax .text,
    .section-user-tax-confirm .text {
        font-size: 16px; } }

@media (max-width: 480px) {
    .section-user-tax-confirm .checkout-content > .box-group,
    .section-user-tax-completed .checkout-content > .box-group {
        margin-left: 7px;
        margin-right: 7px; } }
@media (max-width: 374px) {
    .section-user-tax-confirm .checkout-content > .box-group,
    .section-user-tax-completed .checkout-content > .box-group {
        margin-left: 10px;
        margin-right: 10px; } }
.section-user-tax-confirm .box-service,
.section-user-tax-completed .box-service {
    margin-bottom: 0; }
.section-user-tax-confirm .box-service .title-h3,
.section-user-tax-completed .box-service .title-h3 {
    font-size: 26px;
    line-height: 44px;
    margin-bottom: 0; }
@media (max-width: 991px) {
    .section-user-tax-confirm .box-service .title-h3,
    .section-user-tax-completed .box-service .title-h3 {
        font-size: 18px; } }
.section-user-tax-confirm .box-service .subtitle,
.section-user-tax-completed .box-service .subtitle {
    font-size: 26px;
    line-height: 44px; }
@media (max-width: 991px) {
    .section-user-tax-confirm .box-service .subtitle,
    .section-user-tax-completed .box-service .subtitle {
        font-size: 18px; } }
.section-user-tax-confirm .box-service .decription,
.section-user-tax-completed .box-service .decription {
    color: #4B4B4B;
    line-height: 31px;
    margin-bottom: 35px;
    font-size: 18px; }
@media (max-width: 991px) {
    .section-user-tax-confirm .box-service .decription,
    .section-user-tax-completed .box-service .decription {
        font-size: 14px; } }

.section-user-tax .checkout-steps.layout-2 {
    margin-top: 80px; }
@media (max-width: 991px) {
    .section-user-tax .g-align .box-group.g-date-tour {
        margin: 0; } }
@media (max-width: 991px) {
    .section-user-tax .g-align .box-group.g-date-tour .text-dark {
        padding: 0 20px; } }
.section-user-tax .group-date-wrap > span {
    padding-top: 5px; }
@media (max-width: 991px) {
    .section-user-tax .group-date-wrap > span {
        padding-top: 0; } }

.section-user-tax-popup {
    padding: 37px 0;
    background: #e9f3fc; }
.section-user-tax-popup .user-tax-popup {
    text-align: center; }
.section-user-tax-popup .user-tax-popup .text-blue {
    color: #04699B;
    font-size: 18px;
    line-height: 31px;
    font-family: "Yu Mincho Demibold", serif;
    margin-bottom: 15px; }

@media (min-width: 1366px) {
    .register-members-popup.modal .modal-dialog {
        max-width: 1200px; } }
@media (min-width: 1366px) {
    .register-members-popup.modal .modal-content {
        padding: 42px 44px 56px; } }
@media (min-width: 992px) {
    .register-members-popup form {
        max-width: 500px;
        margin: 0 auto; } }
.register-members-popup form .form-group {
    margin-bottom: 30px; }
.register-members-popup form .title-h3 {
    margin-bottom: 5px; }
.register-members-popup form .subtitle {
    margin-bottom: 30px; }
.register-members-popup form .forgot-password {
    margin-bottom: 40px; }

.section-user-tax-confirm .group-date-wrap {
    background: transparent;
    text-align: left;
    padding: 0;
    width: min-content;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
@media (min-width: 992px) {
    .section-user-tax-confirm .g-participant-wraps .g-participant-item {
        padding: 25px 27px; } }
@media (max-width: 991px) {
    .section-user-tax-confirm .g-participant-wraps .g-participant-item {
        padding: 11.5px 20px; } }
.section-user-tax-confirm .g-participant-wraps .g-participant-item.g-participant-item3 {
    margin-bottom: 0; }
@media (min-width: 992px) {
    .section-user-tax-confirm .g-address {
        margin-bottom: 40px; } }
@media (min-width: 992px) {
    .section-user-tax-confirm .g-address .form-group {
        width: 50%; } }
@media (min-width: 568px) {
    .section-user-tax-confirm .g-link {
        max-width: 400px;
        margin: 0 auto; } }
.section-user-tax-confirm .g-link > a {
    margin-bottom: 25px; }

.section-user-tax-completed .box-service .decription {
    margin-top: 50px; }
@media (max-width: 991px) {
    .section-user-tax-completed .box-service .decription {
        margin-top: 25px; } }
.section-user-tax-completed .box-service .decription > p {
    margin-bottom: 35px; }
@media (max-width: 991px) {
    .section-user-tax-completed .box-service .decription > p {
        margin-bottom: 20px; } }

/***************
 * 7. Check steps
 */
.checkout-steps {
    margin-top: 60px;
    margin-bottom: 55px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
@media (max-width: 991px) {
    .checkout-steps {
        margin: 40px 0; } }
.checkout-steps .checkout-step {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 70px;
    width: 33.3333%;
    background: #E4E4E4;
    position: relative;
    overflow: hidden; }
@media (max-width: 991px) {
    .checkout-steps .checkout-step {
        height: 55px; } }
.checkout-steps .checkout-step:after {
    position: absolute;
    content: "";
    height: 80px;
    width: 80px;
    top: -4px;
    right: -25px;
    border-top: 30px solid #D4D4D4;
    border-right: 30px solid #D4D4D4;
    transform: rotateZ(45deg); }
@media (max-width: 991px) {
    .checkout-steps .checkout-step:after {
        top: -3px;
        right: -16px;
        height: 60px;
        width: 60px;
        border-top-width: 20px;
        border-right-width: 20px; } }
.checkout-steps .checkout-step:nth-child(1) {
    width: 38%; }
.checkout-steps .checkout-step:nth-child(2) {
    width: 33%;
    background: #D4D4D4; }
@media (max-width: 374px) {
    .checkout-steps .checkout-step:nth-child(2) {
        width: 35%; } }
.checkout-steps .checkout-step:nth-child(2):after {
    border-top-color: #E4E4E4;
    border-right-color: #E4E4E4; }
@media (max-width: 479px) {
    .checkout-steps .checkout-step:nth-child(2) .step-title {
        left: 32%;
        transform: translateX(-32%); } }
.checkout-steps .checkout-step:nth-child(3) {
    width: 29%;
    background: #E4E4E4; }
@media (max-width: 374px) {
    .checkout-steps .checkout-step:nth-child(3) {
        width: 27%; } }
.checkout-steps .checkout-step:nth-child(3):after {
    border-top-color: #E4E4E4;
    border-right-color: #E4E4E4; }
.checkout-steps .checkout-step.current:nth-child(1) {
    background: #26AFF3; }
.checkout-steps .checkout-step.current:nth-child(1):after {
    border-top-color: #D4D4D4;
    border-right-color: #D4D4D4; }
.checkout-steps .checkout-step.current:nth-child(2) {
    background-color: #21A0DF; }
.checkout-steps .checkout-step.current:nth-child(2):after {
    border-top-color: #E4E4E4;
    border-right-color: #E4E4E4; }
.checkout-steps .checkout-step.current:nth-child(3) {
    background: #1C90C9; }
.checkout-steps .checkout-step.current:nth-child(3):after {
    border-top-color: #1C90C9;
    border-right-color: #1C90C9; }
.checkout-steps .checkout-step.complete:nth-child(1) {
    background: #26AFF3; }
.checkout-steps .checkout-step.complete:nth-child(1):after {
    border-top-color: #21A0DF;
    border-right-color: #21A0DF; }
.checkout-steps .checkout-step.complete:nth-child(2) {
    background-color: #21A0DF; }
.checkout-steps .checkout-step.complete:nth-child(2):after {
    border-top-color: #1C90C9;
    border-right-color: #1C90C9; }
.checkout-steps .checkout-step.complete:nth-child(3) {
    background: #1C90C9; }
.checkout-steps .checkout-step.complete:nth-child(3):after {
    border-top-color: #1C90C9;
    border-right-color: #1C90C9; }
.checkout-steps .checkout-step .step-title {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 0;
    position: absolute;
    left: 45%;
    transform: translateX(-45%); }
@media (max-width: 991px) {
    .checkout-steps .checkout-step .step-title {
        font-size: 10px;
        text-align: center;
        line-height: 18px; } }
@media (max-width: 667px) {
    .checkout-steps .checkout-step .step-title {
        left: 40%;
        transform: translateX(-40%); } }
@media (max-width: 991px) {
    .checkout-steps .checkout-step .step-title span {
        display: block; } }
.checkout-steps .checkout-step .step-title span.step-number {
    font-size: 20px; }
@media (max-width: 991px) {
    .checkout-steps .checkout-step .step-title span.step-number {
        font-size: 15px; } }
.checkout-steps.layout-1 {
    margin-top: 0; }
.checkout-steps.layout-1 .checkout-step {
    background: #56413D; }
.checkout-steps.layout-1 .checkout-step:nth-child(2) {
    background: #D4D4D4; }
.checkout-steps.layout-1 .checkout-step:nth-child(3) {
    background: #E4E4E4; }
.checkout-steps.layout-1 .checkout-step.current:nth-child(1) {
    background: #56413D; }
.checkout-steps.layout-1 .checkout-step.current:nth-child(2) {
    background-color: #3D302E; }
.checkout-steps.layout-1 .checkout-step.current:nth-child(2):after {
    border-top-color: #E4E4E4;
    border-right-color: #E4E4E4; }
.checkout-steps.layout-1 .checkout-step.current:nth-child(3) {
    background: #231816; }
.checkout-steps.layout-1 .checkout-step.current:nth-child(3):after {
    border-top-color: #231816;
    border-right-color: #231816; }
.checkout-steps.layout-1 .checkout-step.complete:nth-child(1) {
    background: #56413D; }
.checkout-steps.layout-1 .checkout-step.complete:nth-child(1):after {
    border-top-color: #3D302E;
    border-right-color: #3D302E; }
.checkout-steps.layout-1 .checkout-step.complete:nth-child(2) {
    background-color: #3D302E; }
.checkout-steps.layout-1 .checkout-step.complete:nth-child(2):after {
    border-top-color: #231816;
    border-right-color: #231816; }
.checkout-steps.layout-1 .checkout-step.complete:nth-child(3) {
    background: #231816; }
.checkout-steps.layout-1 .checkout-step.complete:nth-child(3):after {
    border-top-color: #231816;
    border-right-color: #231816; }
.checkout-steps.layout-2 {
    margin: 60px 0 55px; }
@media (max-width: 991px) {
    .checkout-steps.layout-2 {
        margin-bottom: 30px; } }
.checkout-steps.layout-2 .checkout-step {
    background: #0D7FB7; }
.checkout-steps.layout-2 .checkout-step:nth-child(2) {
    background: #D4D4D4; }
.checkout-steps.layout-2 .checkout-step:nth-child(3) {
    background: #E4E4E4; }
.checkout-steps.layout-2 .checkout-step.current:nth-child(1) {
    background: #0D7FB7; }
.checkout-steps.layout-2 .checkout-step.current:nth-child(2) {
    background-color: #04699B; }
.checkout-steps.layout-2 .checkout-step.current:nth-child(2):after {
    border-top-color: #E4E4E4;
    border-right-color: #E4E4E4; }
.checkout-steps.layout-2 .checkout-step.current:nth-child(3) {
    background: #004466; }
.checkout-steps.layout-2 .checkout-step.current:nth-child(3):after {
    border-top-color: #004466;
    border-right-color: #004466; }
.checkout-steps.layout-2 .checkout-step.complete:nth-child(1) {
    background: #0D7FB7; }
.checkout-steps.layout-2 .checkout-step.complete:nth-child(1):after {
    border-top-color: #04699B;
    border-right-color: #04699B; }
.checkout-steps.layout-2 .checkout-step.complete:nth-child(2) {
    background-color: #04699B; }
.checkout-steps.layout-2 .checkout-step.complete:nth-child(2):after {
    border-top-color: #004466;
    border-right-color: #004466; }
.checkout-steps.layout-2 .checkout-step.complete:nth-child(3) {
    background: #004466; }
.checkout-steps.layout-2 .checkout-step.complete:nth-child(3):after {
    border-top-color: #004466;
    border-right-color: #004466; }

/*# sourceMappingURL=theme.css.map */

/*=================== Color ================*/
.navy {
    color: var(--navy);
}

.text-dark {
    color: var(--dark) !important;
}
.text-red {
    color: var(--red);
}

/*=================== heading ===============*/
.title-h6 {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--e-global-secondary-font-family);
}

/*=================== box-border ============*/
.box-border {
    border: 1px solid var(--navy);
    padding: 11px 15px 25px;
    text-align: center;
}
.line-height-25 {
    line-height: 25px;
}

/*=================== button pay, line, link ============*/
.btn-amazon,
.btn-payment {
    background-image: url("../img/payment.png");
    border: 1px solid var(--dark);
    box-shadow: 0 3px 10px #d6d3d3;
    border-radius: 4px;
    height: 77px;
    padding-top: 43px;
    color: var(--dark);
    font-size: 15px;
    min-width: 305px;
    width: 305px;
    display: block;
    margin: 0 auto;
}
.btn-amazon {
    background-position: 0 0;
    margin-bottom: 13px;
    background-color: #F1ECE5;
}
.btn-payment {
    background-position: 0 -77px;
}
.btn-amazon:hover,
.btn-payment:hover {
    border-color: var(--primary);
}

.btn-line {
    min-width: 300px;
    height: 50px;
    color: #06C755;
    font-size: 14px;
    border-radius: 0;
    border: 2px solid #06C755;
    box-shadow: 0 3px 6px #d6d3d3;
    background-color: #FDFCFC;
}
.btn-line:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.btn-link {
    color: var(--navy);
    border: 2px solid var(--navy);
    background-color: var(--white);
    font-family: var(--e-global-secondary-font-family);
    font-size: 14px;
    box-shadow: 0 3px 6px #d6d3d3;
    padding: 10px;
}
.btn-link:hover,
.btn-link:focus {
    color: var(--primary);
    border-color: var(--primary);
    text-decoration-line: inherit;
    cursor: pointer;
}

.btn-secondary.navy {
    border-width: 2px;
    color: var(--navy);
    border-color: var(--navy);
    background-color: var(--white);
}
.btn-secondary.navy:hover,
.btn-secondary.navy:active,
.btn-secondary.navy:visited {
    color: var(--primary);
    border-color: var(--primary);
    background-color: var(--white);
}

/*=================== section-register ========*/
.section-register .box-service {
    margin-bottom: 29px;
}
.section-register .box-border p {
    font-size: 15px;
}
.gr-coupon .form-row {
    margin-bottom: 7px;
}
.gr-tourticket .add-coupon {
    margin-top: 13px;
    margin-bottom: 30px;
}
.section-register-completed .box-border {
    margin-top: 50px;
}
@media(min-width: 640px) {
    .section-register .box-border,
    .section-register-completed .box-border {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media(max-width: 812px) {
    .section-register-completed .g-link a {
        margin-bottom: 0;
    }
}
@media(max-width: 638px) {
    .section-register .box-border p {
        text-align: left;
    }
}
@media (min-width: 375px) and (max-width: 414px) {
    .gr-tourticket p {
        max-width: 305px;
        margin: 0 auto 18px;
        font-size: 15px;
    }
}

/*=================== mypage-v2 ============*/
.section-account-info.section-account-info-v2 {
    padding-top: 28px;
    padding-bottom: 28px;
    background: #fff;
    border-bottom: 4px solid var(--primary);
    margin-bottom: 29px;
}
.section-account-info-v2 .account-info-warper > span {
    color: #1A1A1A;
    font-size: 30px;
    font-weight: 600;
}
.box-service .title-h6 {
    font-size: 20px;
    font-weight: 600;
}
.service-tikaguni .decription {
    margin-top: 10px;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;
}
.service-tikaguni ul {
    max-width: 400px;
    margin: 12px auto 0;
}
.service-tikaguni ul li {
    margin-bottom: 10px;
}
.service-tikaguni ul li:last-child {
    margin-bottom: 0;
}
.service-tikaguni ul li .btn-link {
    padding: 16px 15px;
    display: block;
    font-size: 20px;
    font-weight: 600;
}
.service-tikaguni .box-service {
    margin-bottom: 30px;
}

@media(max-width: 991px) {
    .section-account-info-v2 .account-info-warper > span {
        font-size: 20px;
    }
    .section-account-info.section-account-info-v2 {
        margin-bottom: 26px;
    }
    .section-account-info.section-account-info-v2 .account-info-warper:after {
        content: none;
    }
}
@media (min-width: 375px) and (max-width: 414px) {
    .couponlist ul,
    .service-tikaguni ul,
    .couponlist .gr-next-pre {
        margin: 0 auto;
    }
}

/*============== section-couponlist ============*/
/*.couponlist {
    margin: 20px auto 0;
    max-width: 680px;
}
.couponlist h5 {
    color: var(--navy);
    font-size: 30px;
    font-family: var(--e-global-secondary-font-family);
    margin-bottom: 8px;
}
.couponlist .coupon-number {
    font-size: 30px;
    color: var(--navy);
    line-height: 32px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px;
}
.couponlist .coupon-number > span {
    color: #333333;
    margin-left: 2px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.coupon-ticket,
.coupon-price {
    color: #F57648;
    font-size: 30px;
    line-height: 34px;
}
.coupon-ticket {
    font-size: 30px;
    font-family: var(--e-global-default-font-family);
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.couponlist .btn-link {
    height: 79px;
    width: 170px;
    font-size: 20px;
    border-width: 4px;
}
.couponlist .list-inline li {
    background-color: var(--white);
    box-shadow: 0px 0px 20px #1C90C929;
    border: 1px solid #9ADDFF;
    padding: 47px 20px 50px 45px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 8px;
    height: 217px;
}
.couponlist .list-inline li:before {
    position: absolute;
    content: "";
    top: -1px;
    right: 31%;
    width: 22px;
    background-image: url("../img/bg-dotted.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 217px;
}
.couponlist .list-inline li.added:before {
    height: 217px;
    background-image: url("../img/bg-dotted-opacity.png");
}*/
.couponlist {
    margin: 20px auto 0;
    max-width: 400px;
}
.couponlist h5 {
    color: var(--navy);
    font-size: 13px;
    font-weight: bold;
    font-family: var(--e-global-secondary-font-family);
    margin-bottom: 0;
}
.couponlist .coupon-number {
    font-size: 13px;
    color: var(--navy);
    line-height: 20px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
}
.couponlist .coupon-number > span {
    color: #333333;
    margin-left: 2px;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.coupon-ticket,
.coupon-price {
    color: #F57648;
    font-size: 19px;
    line-height: 24px;
}
.coupon-ticket {
    font-size: 13px;
    font-family: var(--e-global-secondary-font-family);
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.couponlist .btn-link {
    height: 33px;
    width: 71px;
    font-size: 13px;
    font-weight: bold;
    border-width: 2px;
    padding: 0;
}
.couponlist .list-inline li {
    background-color: var(--white);
    box-shadow: 0px 0px 20px #1C90C929;
    border: 1px solid #9ADDFF;
    padding: 15px 14px 15px 14px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 3px;
    height: 91px;
}
.couponlist .list-inline li:before {
    position: absolute;
    content: "";
    top: -1px;
    right: 25%;
    width: 10px;
    background-image: url("../img/bg-dotted-sm.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 91px;
}
.couponlist .list-inline li.added:before {
    height: 91px;
    background-image: url("../img/bg-dotted-opacity-sm.png");
}
.couponlist .list-inline li:last-child {
    margin-bottom: 0;
}
.couponlist .list-inline li .media > div {
    margin-right: 35px;
}
.couponlist .gr-button {
    margin-top: 31px;
}
.couponlist .gr-button .btn-secondary.orange {
    color: #F57648;
    border-color: #F57648;
    background-color: var(--white);
}
.couponlist .gr-button .btn {
    font-size: 14px;
    font-family: var(--e-global-secondary-font-family);
    margin-bottom: 15px;
    border-width: 2px;
    line-height: 25px;
    height: 60px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
}
.couponlist .gr-button .btn:last-child {
    margin-bottom: 0;
}
.couponlist .gr-button .btn:hover,
.couponlist .gr-button .btn:active,
.couponlist .gr-button .btn:focus {
    color: var(--primary);
    border-color: var(--primary);
    background-color: var(--white);
}
.couponlist .gr-button .btn-secondary.navy .fa {
    font-size: 17px;
    opacity: 0.2;
    margin-right: 5px;
}
.couponlist .gr-button .btn-orange {
    background-color: #F57648;
    color: white;
}
.couponlist .gr-button .btn.btn-orange:hover,
.couponlist .gr-button .btn.btn-orange:active,
.couponlist .gr-button .btn.btn-orange:focus {
    color: var(--white);
    background-color: var(--primary);
}
.couponlist .gr-button .btn-secondary.gray {
    border-color: #C0C0C0;
    color: #9B9B9B;
}
.couponlist .gr-button .btn-secondary.gray:hover {
    border-color: var(--primary);
    color: var(--primary);
}
.couponlist .gr-button .btn-addcoupon.disabled {
    opacity: 0.3;
}
.couponlist .coupon-item-ticket.disabled .use-coupon,
.couponlist .coupon-item.added .use-coupon {
    opacity: 0.2;
}
.couponlist .coupon-item.added {
    background-color: #EAF8FF;
}
.group-couponlist-select .couponlist .coupon-item .media-body {
    cursor: pointer;
}
.group-couponlist .title-h6,
.group-couponlist-select .title-h6 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--e-global-secondary-font-family);
    padding: 8px 0 10px;
}
.group-couponlist-select p.text-orange {
    color: #F57648;
    font-family: var(--e-global-secondary-font-family);
    font-size: 16px;
    line-height: 26px;
}
.group-couponlist-select .couponlist {
    margin-top: 23px;
}
.group-couponlist-select .couponlist .btn-link {
    opacity: 0.3;
}

.couponlist .pagination {
    margin-top: 45px;
    margin-bottom: 10px;
}
.couponlist .pagination .page-link {
    font-style: normal;
}
.couponlist .pagination .page-link {
    width: 50px;
    height: 50px;
    min-width: 50px;
    line-height: 50px;
    font-size: 14px;
    color: var(--navy);
    margin-right: 9px;
    font-family: var(--e-global-secondary-font-family);
    border-radius: 3px;
    border: 1px solid #C5C5C5;
}
.couponlist .pagination .page-link:hover,
.couponlist .pagination .page-link:focus {
    color: white;
    background-color: var(--navy);
    border-color: var(--navy);
}
.couponlist .pagination .space {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: var(--navy);
    margin-right: 9px;
    font-family: var(--e-global-secondary-font-family);
    border-radius: 3px;
    border: 1px solid white;
    display: inline-block;
}
.couponlist .pagination .page-link.active {
    color: #FDFCFC;
    background-color: var(--navy);
    border-color: var(--navy);
}
.couponlist .pagination li:last-child .page-link {
    margin-right: 0;
}

.couponlist .page-link.pre,
.couponlist .page-link.next {
    width: 137px;
    height: 50px;
    background: #C5C5C5;
    border-radius: 3px;
    display: inline-block;
    line-height: 50px;
    padding: 0 10px;
    border: 1px solid #C5C5C5;
    font-size: 14px;
    font-family: var(--e-global-secondary-font-family);
}
.couponlist .page-link.pre,
.couponlist .page-link.pre:hover {
    color: #4B4B4B;
    opacity: 0.55;
    cursor: default;
}
.couponlist .page-link.next {
    background-color: white;
    color: var(--navy);
}
.couponlist .page-link.next:hover {
    background: var(--navy);
    color: white;
    border-color: var(--navy);
}
.couponlist .pagination .gr-next-pre {
    max-width: 285px;
}
.couponlist .page-link:focus {
    box-shadow: none;
}

@media (min-width: 375px) and (max-width: 414px) {
    .couponlist .list-inline li:before {
        right: 30%;
    }
    .couponlist .list-inline li .media > div {
        margin-right: 20px;
    }
    .couponlist .list-inline li {
        padding: 14px 8px 14px 16px;
    }
}

/*============ section-couponlist-select =======*/
.section-couponlist-use {
    padding-top: 26px;
    /*background-color: #FFFFFF;
    background: -moz-linear-gradient(bottom, #FFFFFF 50%, #FEECE6 50%);
    background: -o-linear-gradient(bottom, #FFFFFF 50%, #FEECE6 50%);
    background: -ms-linear-gradient(bottom, #FFFFFF 50%, #FEECE6 50%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(0.9, #FEECE6));*/
}

/*============= page apply =====================*/
.box-width680 {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}
.g-title.style-4 {
    padding: 6.5px 10px;
    background-color: var(--navy);
}
.g-title.style-4 .title {
    color: var(--white);
    font-family: var(--e-global-secondary-font-family);
}
.text-bold {
    font-weight: 600;
    font-family: var(--e-global-secondary-font-family);
}
.link-primary {
    color: var(--primary);
}
.link-primary:hover {
    color: #F57648;
}
.line-height-31 {
    line-height: 31px;
}
.no-backgound {
    background-color: transparent !important;
}
.btn-search {
    min-width: 100%;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F1ECE5 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    font-size: 16px;
    font-family: var(--e-global-default-font-family);
    color: var(--dark);
    box-shadow: none;
}
.btn-search:hover,
.btn-search:focus,
.btn-travel:hover,
.btn-travel:focus {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

.btn-confirm-policy {
    max-width: 400px;
    height: 70px;
    margin: 26px auto 30px;
    background-color: var(--navy);
    text-align: center;
    padding: 9px 10px;
    color: var(--white);
    font-size: 15px;
    line-height: 20px;
}
.btn-confirm-policy a {
    color: white;
    font-size: 20px;
    font-weight: 600;
    line-height: 29px;
    font-family: var(--e-global-secondary-font-family);
}
.btn-confirm-policy a:hover,
.btn-confirm-policy a:focus {
    text-decoration: underline;
}
.bg-white {
    background-color: var(--white);
}

/*------ step-pay ----*/
.step-pay {
    margin-top: 35px;
}
.step-pay li {
    border-radius: 5px;
    border: 1px solid #707070;
    padding: 0 10px;
    font-size: 15px;
    line-height: 23px;
    color: var(--dark);
    position: relative;
}
.step-pay li:after {
    position: absolute;
    top: 50%;
    right: -36px;
    content: '\f105';
    font-size: 30px;
    font-weight: bold;
    font-family: "FontAwesome";
    color: var(--navy);
    transform: translateY(-50%);
}
.step-pay li:last-child:after {
    content: none;
}
.step-pay li.current {
    border-color: var(--navy);
    background-color: var(--navy);
    color: var(--white);
}
.step-pay li.complete {
    border-color: #E0DDDB;
    background-color: #E0DDDB;
    color: var(--dark);
}
.step-pay li.complete span {
    opacity: 0.3;
}
.step-pay li span {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*------ cancel-policy ---*/
.popup_coupon_add .modal-content,
.cancel-policy .modal-content {
    padding: 0;
    border-radius: 0;
}
.popup_coupon_add .modal-body,
.cancel-policy .modal-body {
    padding: 0;
}
.popup_coupon_add .description,
.cancel-policy .description {
    padding: 0 52px;
    color: var(--dark);
}
.popup_coupon_add .title-h3,
.cancel-policy .title-h3 {
    font-size: 16px;
    font-weight: 600;
    padding: 0 52px;
    color: var(--white);
    background-color: var(--navy);
    font-family: var(--e-global-secondary-font-family);
}

.popup_coupon_add .description {
    padding: 20px 52px 30px;
}

.popup_coupon_add .description form h4 {
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}

.popup_coupon_add .description .btn {
    min-width: 250px;
    width: 250px;
    margin-left: 0;
    margin-right: 0;
}

/*------------------------*/
.description-warning {
    text-align: center;
    font-size: 16px;
    font-family: var(--e-global-secondary-font-family);
    line-height: 29px;
    color: #F57648;
    margin-top: 50px;
}
.description-warning p {
    margin-top: 10px;
    font-weight: 600;
}

.box-contract {
    text-align: left;
    color: var(--dark);
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 55px;
    margin-top: 48px;
}
.box-contract .title-contact {
    border-left: 5px solid var(--navy);
    padding-left: 10px;
    margin-bottom: 10px;
}
.box-contract .title-contact h2 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--e-global-secondary-font-family);
}
.box-contract .title-contact p {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 0;
}

.section-content-pay .g-title {
    padding: 6.5px 10px;
}
.section-content-pay .d-flex.g-title {
    background-color: #F7F5F2;
    margin: 19px 0;
}
.section-content-pay .g-title .title {
    font-size: 16px;
    font-family: var(--e-global-secondary-font-family);
}
.section-content-pay .box-group {
    margin: 0;
}
.section-content-pay .link-primary {
    text-decoration: underline;
}
.section-content-pay .link-primary i {
    font-weight: bold;
    margin-right: 10px;
}
.section-content-pay .g-check-inline {
    background: #FFF9E6;
    padding: 9px 20px;
    height: 58px;
    display: flex;
    align-items: center;
}
.section-content-pay .g-check-inline .form-check .form-check-label {
    line-height: 20px;
    font-size: 16px;
    color: var(--dark);
    font-family: var(--e-global-secondary-font-family);
    margin-left: 28px;
}
.section-content-pay .g-check-inline .form-check .form-check-label span {
    display: block;
    font-size: 15px;
}
.section-content-pay .g-check-inline .form-check {
    justify-content: center;
}
.section-content-pay .g-check-inline .form-check-input {
    width: 30px;
    height: 30px;
}

.section-content-pay .d-flex.g-title.style-5 {
    border-top: 1px solid #707070;
    padding: 20px 0 0;
    margin-top: 25px;
    justify-content: space-between;
}
.section-content-pay .d-flex.g-title.style-5 .badge-danger {
    height: 30px;
    line-height: 25px;
    margin-right: 15px;
}

.section-content-pay .text-note {
    font-size: 16px;
}

.section-content-pay .gr-button .btn {
    padding-top: 0;
    height: 60px;
}
.section-content-pay .gr-button p {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    font-family: var(--e-global-secondary-font-family);
    margin: 17px 0 50px;
}
.section-content-pay .btn-amazon,
.section-content-pay .btn-payment {
    background-image: url("../img/icon-payment.png");
}
.section-content-pay .btn-amazon {
    background-position: 0 0;
}
.section-content-pay .btn-payment {
    background-position: 0 170px;
}
.section-content-pay .gr-button-paypal .btn-payment {
    height: 44px;
    background-position: 0 162px;
}

.box-card {
    border: 1px solid #707070;
    border-radius: 0;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 24px;
}
.box-card.style-1 {
    border-color: #0D7FB7;
}
.box-card .card-header {
    background-color: #707070;
    font-size: 20px;
    font-family: var(--e-global-secondary-font-family);
    line-height: 26px;
    color: white;
    text-align: center;
    border-radius: 0;
    padding: 4px 20px;
}
.box-card.style-1 .card-header {
    background-color: #0D7FB7;
}
.box-card .card-body {
    max-width: 590px;
    margin-left: auto;
    margin-right: auto;
}

.title-or {
    position: relative;
    height: 44px;
    margin-bottom: 45px;
}
.title-or:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    right: 0;
    border-bottom: 1px solid #707070;
    height: 1px;
    width: 100%;
}
.title-or span {
    padding: 0 60px;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--e-global-secondary-font-family);
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    max-width: 200px;
    color: var(--dark);
    background-color: var(--white);
    margin: 0 auto;
    z-index: 2;
}
.g-next-pre .btn-paypre {
    height: 55px;
    margin-bottom: 30px;
    border-radius: 50px;
    background: transparent linear-gradient(91deg, #3BA2FE 0%,  var(--unnamed-color-1dbef9) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(91deg, #3BA2FE 0%, #1DBEF9 100%) 0% 0% no-repeat padding-box;
}

.g-next-pre .btn-paypre:hover,
.g-next-pre .btn-paypre:focus {
    background: var(--primary);
}

.box-showprice .btn-click .fa {
    font-size: 30px;
    color: var(--navy);
    font-weight: 700;
}
.box-showprice .btn-click.collapsed .fa:before {
    content: "\f055";
}

.box-showprice .card {
    background-color: transparent;
    border: none;
    padding: 0;
}
.box-showprice ul > li {
    color: var(--dark);
    padding: 11px 0;
    font-size: 16px;
    border-bottom: 1px solid #707070;
}
.box-showprice ul > li:last-child {
    border-bottom: none;
}
.box-showprice ul > li label {
    font-family: var(--e-global-secondary-font-family);
    margin-bottom: 0;
}
.box-showprice ul > li:first-child {
    padding-top: 0;
}
.box-showprice ul > li:first-child > div {
    padding-bottom: 8px;
    line-height: 28px;
}
.box-showprice ul > li .price {
    font-size: 20px;
}
.box-showprice .line-item > div span:first-child {
    width: 60%;
}

/*================= section-content-payconfirm ====*/
.section-content-payconfirm .box-contract{
    margin-bottom: 36px;
}
.section-content-payconfirm .box-contract .title-contact {
    padding-bottom: 3px;
}
.section-content-payconfirm .box-contract .title-contact h2 {
    margin-bottom: 0;
}
.section-content-payconfirm .btn-orange.gradient {
    letter-spacing: 1px;
    margin-bottom: 25px;
}
.section-content-payconfirm .box-group.border-bottom {
    border-color: #707070 !important;
}
.btn-travel {
    font-size: 20px;
    font-family: var(--e-global-secondary-font-family);
    color: var(--dark);
    height: 70px;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F1ECE5 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #33333329;
    border: 1px solid #4B4B4B;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    min-width: 335px;
    position: relative;
}
.btn-travel .fa {
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    right: 28px;
}
.section-content-payconfirm .btn-search {
    border-radius: 4px;
    min-width: 200px;
    margin-left: auto;
    margin-right: auto;
    height: 70px;
}
.ul-hometown {
    margin: 25px 0;
}
.ul-hometown li {
    color: var(--dark);
    font-size: 15px;
    padding: 12px 30px;
    border-bottom: 1px solid #707070;
}
.ul-hometown li:nth-child(2) {
    font-size: 20px;
}
.ul-hometown li:first-child {
    height: 28px;
}
.ul-hometown li:first-child,
.ul-hometown li:last-child {
    background: #F7F5F2;
}
.ul-hometown li:last-child {
    padding: 22px 20px;
    border-bottom: none;
}
.ul-hometown li .span-left {
    width: 70%;
}

.box-contract-completed {
    border: 2px solid var(--navy);
    padding: 17.5px 30px;
    margin-bottom: 30px;
    color: var(--dark);
}
.box-contract-completed .text-title {
    color: var(--navy);
    font-family: var(--e-global-secondary-font-family);
    margin-bottom: 10px;
    font-weight: 600;
}
.box-contract-completed .text-primary {
    font-size: 16px;
    line-height: 26px;
}
.section-content-paycompleted .description-warning {
    margin-bottom: 27px;
}
.section-content-paycompleted .description-warning .title {
    color: var(--navy);
    font-size: 30px;
    font-weight: 600;
    font-family: var(--e-global-secondary-font-family);
    line-height: 37px;
    margin: 14px 0;
}
.section-content-paycompleted .description-warning p {
    font-size: 20px;
    color: var(--dark);
    font-family: var(--e-global-default-font-family);
}
.section-content-paycompleted a.btn-primary {
    color: white;
    margin-bottom: 25px;
}

/*============= Coupon Product List =============*/
/* section-productlist */
.section-productlist {
    padding-top: 30px;
}

/* section-search */
.section-search {
    padding: 21.3px 0;
    background-color: var(--navy);
}
.section-search li {
    margin-right: 35px;
}
.section-search li:last-child {
    margin-right: 0;
}
.section-search li a {
    color: white;
    font-size: 16px;
}
.section-search li a:hover {
    color: var(--primary);
}

/* sidebar-block  */
.sidebar-block {
    margin-bottom: 20px;
}
.sidebar-block .title-block {
    color: #004466;
    font-size: 25px;
    font-weight: 600;
    font-family: var(--e-global-secondary-font-family);
    padding-left: 45px;
    position: relative;
}
.sidebar-block .title-block:before {
    position: absolute;
    content: "";
    top: 4px;
    left: 0;
    width: 35px;
    height: 30px;
    background-image: url("../img/sprites.png");
    background-repeat: no-repeat;
}
.sidebar-block .cateTitle {
    padding: 13.5px 15px 13.5px 0;
    border-bottom: 2px solid var(--navy);
    line-height: 25px;
}
.sidebar-block .cateTitle a {
    font-size: 16px;
    color: #004466;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sidebar-block .cateTitle a:hover {
    color: var(--primary);
}
.sidebar-block .cateTitle a .span-left {
    width: 90%;
}
.sidebar-block .cateTitle .fa-angle-right {
    color: var(--primary);
    font-size: 20px;
    font-family: var(--e-global-default-font-family);
}
.sidebar-block .cateTitle .fa-angle-right:before {
    content: ">";
}

/* block-category */
.block-category .cateTitle a {
    font-size: 20px;
    font-family: var(--e-global-secondary-font-family);
}
.block-category .title-block:before {
    background-position: 0 0;
}

/* block-price */
.block-price .title-block:before {
    background-position: 0 -30px;
    height: 34px;
}

/* center_column */
.center_column {
    margin-left: 4px;
}
.center_column > h2 {
    font-size: 35px;
    color: #004466;
    margin-bottom: 0;
    letter-spacing: 3.5px;
}

/* sort-by */
.sort-by {
    margin: 26px 0 19px;
}
.sort-by .form-group label,
.sort-by .form-group .form-control {
    font-size: 14px;
    font-weight: normal;
    color: #1A1A1A;
}
.sort-by .form-group label {
    margin-right: 10px;
}
.sort-by .form-group select {
    border-radius: 0;
    height: 49px;
    border-color: #CACACA;
    width: 170px;
}

/* product-miniature */
.product-miniature {
    border: 1px solid #dbdbdb;
    margin-bottom: 32px;
    background-color: var(--white);
}
.product-miniature .thumbnail-container {
    height: 201px;
    background-color: #f2f2f2;
    overflow: hidden;
}
.product-miniature .thumbnail-container a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-miniature .product-description {
    padding: 10px;
}
.product-miniature .product-title {
    margin-bottom: 8px;
}
.product-miniature .product-title a {
    color: var(--navy);
    font-size: 16px;
    line-height: 25px;
    height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
     display: -webkit-box;
    -webkit-box-orient: vertical;
}
.product-miniature .product-title a:hover,
.product-miniature .product-title a:focus {
    color: var(--primary);
}
.product-miniature .price {
    font-size: 18px;
    color: var(--red);
    line-height: 25px;
}

/* pagination */
.pagination {
    justify-content: end;
    margin-top: 20px;
}
.pagination .page-link {
    padding: 0 8px;
    font-size: 20px;
    line-height: 30px;
    color: var(--navy);
    font-style: italic;
    border-radius: 0;
    border: none;
    background-color: transparent;
}
.pagination .page-link:hover,
.pagination .page-link:focus {
    color: var(--primary);
    box-shadow: none;
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    font-style: normal;
}
.pagination .page-link.pre,
.pagination .page-link.next {
    border-radius: 3px;
}
.pagination .page-link.pre {
    margin-right: 10px;
}
.pagination .page-link.next {
    margin-left: 10px;
}
.pagination .page-link.pre,
.pagination .page-link.next {
    background-color: var(--navy);
    color: white;
    width: 52px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    font-style: inherit;
}
.pagination .page-link.pre:hover,
.pagination .page-link.next:hover,
.pagination .page-link.pre:focus,
.pagination .page-link.next:focus {
    background-color: var(--primary);
    box-shadow: none;
}
.pagination .space {
    padding: 0 8px;
    line-height: 20px;
}
.pagination .page-link.active {
    color: #B5B5B5;
}
.pagination .page-link.pre.disabled,
.pagination .page-link.next.disabled {
    background-color: #B5B5B5;
    color: white;
    cursor: default;
}

/*============ Slideshow ==========================*/
.carousel-center .slick-center img {
    opacity: 1;
}
.carousel-center img {
    opacity: 0.5;
    transition: all 300ms ease;
}

.section-slide {
    margin: 65px 0 80px;
}
.section-slide h2 {
    font-size: 20px;
    font-style: italic;
    margin-bottom: 15px;
    opacity: 0.35;
    color: #004466;
}

.carousel-center .slick-slide {
    padding-top: 10px;
    padding-bottom: 10px;
}
.carousel-center .slick-dotted.slick-slider {
    padding-bottom: 45px;
}
.carousel-center .slick-dots li button:before {
    font-size: 15px;
}
.carousel-center .slick-dots {
    bottom: -40px;
}
.carousel-center .slick-dots li {
    margin: 0 3px;
}
.carousel-center .bg-image {
    margin: 0 22.5px;
    background-color: var(--white);
    border-radius: 12px;
    box-shadow: 0 0 8px #b8b8b5;
    height: 390px;
}
.carousel-center .bg-image a {
    border-radius: 12px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.carousel-center .bg-image img {
    margin: 0 auto;
}

.carousel-center.carousel-custom .slick-track {
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}
.carousel-center.carousel-custom img {
    opacity: 1;
}

/*================ Product Detail =================*/
.app-product .section-breadcrumbs {
    padding-top: 30px;
}
.product-detail {
    margin-top: 24px;
}
/* pb-left-column */
.image-block {
    margin-bottom: 23px;
}
.image-block .slick-prev:before,
.image-block .slick-next:before {
    font-size: 31px;
    font-family: var(--e-global-default-font-family);
    line-height: 14px;
    opacity: 1;
}
.image-block .slick-prev:before {
    content: "<";
    margin-left: -2px;
}
.image-block .slick-next:before {
    content: ">";
    margin-right: -3px;
}
.image-block .slick-next,
.image-block .slick-prev {
    z-index: 1;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    background: rgba(117, 117, 117, 0.2);
    border: 1px solid white;
}
.image-block .slick-prev {
    left: 18px;
}
.image-block .slick-next {
    right: 18px;
}

/* thumbs_list */
.thumbs_list .slick-slide {
    margin-right: 14px;
    height: 78px;
}
.thumbs_list .slick-slide .bg-image {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
}
.thumbs_list .slick-active {
    cursor: pointer;
    position: relative;
}
.thumbs_list .slick-active:before {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    border: 5px solid transparent;
}
.thumbs_list .slick-active.slick-current:before {
    border: 5px solid var(--navy);
}
.thumbs_list .slick-list:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    z-index: 1;
    width: 14px;
    height: 80px;
    background-color: white;
}

/* pb-centercolumn */
.pb-centercolumn {
    padding-left: 63px;
}
.pb-centercolumn h1 {
    font-size: 20px;
    line-height: 34px;
    color: #1A1A1A;
    padding-top: 25px;
}

.list-category {
    margin-top: 12px;
    margin-bottom: 25px;
}
.list-category li {
    display: inline-block;
    margin-right: 14px;
}
.list-category li:last-child {
    margin-right: 0;
}
.list-category li a {
    background-color: #FFFEF0;
    box-shadow: 0 3px 10px #e5e5e7;
    border-radius: 13px;
    padding: 3px  17px;
    font-size: 16px;
    color: #004466;
}
.list-category li a:hover,
.list-category li a:focus {
    color: var(--primary);
}

.price .our_price_display {
    font-size: 31px;
    color: var(--red);
    margin-bottom: 27px;
}
.price .our_price_display .tax {
    font-size: 16px;
}

.box-cart-bottom {
    padding: 22px 0;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 47px;
}
.box-cart-bottom .btn {
    background-color: #15A6EC;
    border-radius: 6px;
    font-size: 16px;
    color: white;
    font-weight: 300;
    font-family: var(--e-global-default-font-family);
    height: 64px;
    width: 236px;
    min-width: inherit;
    position: relative;
    padding-left: 62px;
}
.box-cart-bottom .btn .icon-cart {
    background-color: #15A6EC;
    background-image: url("../img/sprites.png");
    background-position: 0 -262px;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    left: 40px;
    width: 26px;
    height: 23px;
}
.box-cart-bottom .fa {
    font-size: 22px;
    margin-right: 12px;
}

.short_description_block {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 25px;
    word-break: break-all;
}
.short_description_block h3 {
    color: #1A1A1A;
    font-size: 25px;
    font-weight: 600;
    font-family: var(--e-global-secondary-font-family);
    margin-bottom: 20px;
}

/*================= Shopping cart =================*/
.page-shopping-cart {
    margin-top: 52px;
}
.page-shopping-cart .pb-center-column h2 {
    font-size: 30px;
    line-height: 44px;
    position: relative;
    padding-left: 70px;
    color: #1A1A1A;
    margin-bottom: 45px;
}
.page-shopping-cart .pb-center-column h2:before {
    position: absolute;
    content: "";
    left: 0;
    width: 50px;
    height: 44px;
    background-image: url(../img/sprites.png);
    background-repeat: no-repeat;
    background-position: 0 -115px;
}
.page-shopping-cart .pb-center-column h2.style-1 {
	padding-left: 0;
	margin-bottom: 40px;
}
.page-shopping-cart .pb-center-column h2.style-1:before {
	content: none
}

.cart-product-item {
    padding: 34px 0;
    border-bottom: 1px solid #c5c5c5;
}
.shopping-cartlist:first-child .cart-product-item {
    border-top: 1px solid #c5c5c5;
}
.cart-product-item .image {
    margin-right: 48px;
    width: 31%;
}
.cart-product-item .image .bg-image {
    height: 203px;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.cart-product-item .meta {
    width: 70%;
}
.cart-product-item h3 {
    font-size: 23px;
    color: #1A1A1A;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    margin-top: 25px;
}
.cart-product-item h3 span.text {
    width: 55%;
    margin-right: 15px;
    line-height: 30px;
    word-break: break-all;
}
.cart-product-item .price {
    color: var(--red);
    font-size: 26px;
    line-height: 33px;
}
.cart-product-item .quality label {
    color: #7c7c7c;
    font-size: 13px;
}
.cart-product-item .quality .input-group {
    border: 1px solid #c5c5c5;
    width: 160px;
    text-align: center;
}
.cart-product-item .quality .form-control {
    border: none;
    height: 55px;
    width: 50px;
    padding: 0 10px;
    color: #1A1A1A;
    text-align: center;
}
.cart-product-item .quality button {
    border: none;
    width: 50px;
    color: #b8b8b5;
    background-color: #fbfbfb;
    position: relative;
}
.cart-product-item .quality button.active {
    color: var(--navy);
    cursor: pointer;
}
.cart-product-item .quality button .fa-minus:before,
.cart-product-item .quality button .fa-plus:before {
    font-weight: normal;
    font-size: 17px;
}
.cart-product-item .quality button .fa-minus {
    position: absolute;
    top: 27%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-27%);
}
.cart-product-item .quality button .fa-minus:before {
    content: "_";
}
.cart-product-item .quality button .fa-plus:before {
    content: "+";
}
.cart-product-item .quality .click-delete {
    margin-left: 40px;
    color: #1A1A1A;
    font-size: 16px;
    text-decoration: underline;
}
.cart-product-item .quality .click-delete:hover,
.cart-product-item .quality .click-delete:focus {
    color: var(--primary);
    cursor: pointer;
}

/* show-cartorder */
.show-cartorder {
    margin-top: 25px;
    padding: 25px 20px;
    background-color: #F8F8F8;
}
.show-cartorder .h3 {
    color: #1A1A1A;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 14px;
}
.show-cartorder ul {
    background-color: white;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 18px;
}
.show-cartorder ul li {
    padding: 16px 11px;
    border-bottom: 1px dashed #707070;
}
.show-cartorder ul li:last-child {
    border-bottom: none;
}
.show-cartorder .cart-line > div {
    justify-content: space-between;
    align-items: center;
}
.show-cartorder .cart-line .label {
    font-size: 13px;
    color: var(--navy);
    margin-bottom: 0;
    width: 60%;
    display: flex;
}
.show-cartorder .cart-line .label span {
    color: #333333;
    width: 82px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 2px;
}
.show-cartorder .cart-line .price {
    color: #1A1A1A;
    font-size: 16px;
    width: 40%;
    text-align: right;
}
.show-cartorder a.btn-checkout:hover {
    color: white;
}

/* cart-summary-subtotals */
.cart-summary-subtotals {
    margin-bottom: 25px;
    border-bottom: 1px solid #c5c5c5;
}
.cart-summary-line {
    display: flex;
    justify-content: space-between;
    color: #1A1A1A;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
}
.cart-summary-line .label {
    width: 50%;
}
.cart-summary-line .value {
    width: 50%;
    text-align: right;
}
.cart-summary-line.coupon {
    color: var(--red);
}
.cart-summary-line.coupon .label {
    width: 67%;
}
.cart-summary-line.coupon .value {
    width: 33%;
}

/* .cart-summary-totals */
.cart-summary-totals {
    margin-bottom: 21px;
}
.cart-summary-totals .label {
    font-size: 20px;
}
.cart-summary-totals .label .tax {
    font-size: 14px;
}
.cart-summary-totals .value {
    font-size: 21px;
}
.btn-checkout {
    border-radius: 0;
    background-color: var(--navy);
    height: 57px;
    width: 100%;
    min-width: auto;
    color: white;
    font-size: 16px;
    font-weight: 300;
    font-family: var(--e-global-default-font-family);
}
.show-cartorder .btn-checkout.orange {
    background-color: #FF7858;
}
.btn-checkout:hover,
.btn-checkout:focus,
.show-cartorder .btn-checkout.orange:hover,
.show-cartorder .btn-checkout.orange:focus {
    background-color: var(--primary);
}

/* schedule-content */
.box-schedule .schedule-item {
    margin-bottom: 10px;
}
.box-schedule .schedule-item:last-child {
    margin-bottom: 0;
}
.schedule-content {
	padding: 20px 6px;
	background-color: #f9fcfd;
}
.schedule-content .form-group label {
	font-weight: 300;
	margin-bottom: 3px;
}
.schedule-content .form-group-date .icon-date {
	right: inherit;
	left: 10px;
}
.schedule-content .form-group-date input[type=text] {
	padding: 0 15px 0 40px;
}

.schedule-content .gr-toggle .btn {
	border-radius: 0;
	color: white;
	height: 57px;
	font-size: 16px;
	font-weight: 300;
	background-color: var(--navy);
	position: relative;
	min-width: inherit;
	width: 352px;
}
.schedule-content .gr-toggle .btn:hover {
	background-color: var(--primary);
}
.schedule-content .gr-toggle .btn i {
	position: absolute;
	right: 20px;
	top: 16px;
}
.schedule-content .gr-toggle .btn .fa-angle-up:before {
	content: "^";
	font-size: 26px;
}
.schedule-content .gr-toggle a.collapsed i {
	transform: rotate(180deg);
	top: 11px;
}
.schedule-content input[type=checkbox], .schedule-content input[type=radio] {
	width: 17px;
	height: 17px;
	margin-top: .3rem;
}
.schedule-content .g-check-inline .form-check label.form-check-label, .schedule-content .g-check-inline .form-check label.error {
	margin-left: 5px;
}
.schedule-content .custom-select {
    padding-right: 37px;
}

/* partner */
.partner-title {
	align-items: center;
	margin: 19px 0 9px;
}
.partner-title h4 {
	font-size: 16px;
    font-weight: 600;
	color: var(--navy);
	margin-bottom: 0;
	font-family: var(--e-global-secondary-font-family);
}
.partner-title .partner-add .fa {
	font-size: 16px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: white;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	background-color: #B4B4B4;
}
.partner-title .partner-add .btn-plus.active .fa,
.partner-title .partner-add .btn-minus.active .fa {
	background-color: var(--navy);
}
.partner-item .form-group > label {
	color: var(--navy);
}

.partner-title .partner-add .add-form-people,
.partner-title .partner-add .remove-form-people {
    cursor: default;
}
.partner-title .partner-add .add-form-people.active,
.partner-title .partner-add .remove-form-people.active {
    cursor: pointer;
}

/* box-product-selected */
.box-product-selected {
	border: 1px solid #C5C5C5;
	border-radius: 2px;
	margin-top: 30px;
}
.box-product-selected .h3 {
	font-size: 16px;
	color: #1A1A1A;
	padding: 20px 25px 0;
}
.box-product-selected li {
	padding: 13px 25px 20px;
	border-bottom: 1px solid #C5C5C5;
    display: flex;
    align-items: end;
}
.box-product-selected li:last-child {
	border-bottom: none;
}
.box-product-selected .media-left {
    width: 39%;
    margin-right: 10px;
}
.box-product-selected .media-body .h4 {
	font-size: 14px;
	color: #1A1A1A;
	margin-bottom: 5px;
}
.box-product-selected .media-body .price {
	font-size: 16px;
	margin-bottom: 9px;
}
.box-product-selected .media-body .btn-cancel {
	border: 1px solid var(--navy);
	padding: 3.5px 16px;
	font-size: 14px;
	color: var(--navy);
    display: inline-block;
    cursor: pointer;
}
.box-product-selected .media-body .btn-cancel:hover,
.box-product-selected .media-body .btn-cancel:focus {
	border-color: var(--primary);
	color: var(--primary);
}

/*============ Header for product page ============*/
.app-product .header-top {
    box-shadow: none;
}
.header-nav {
    height: 40px;
    background-color: #E8E8E8;
}
.header-nav p {
    color: #979797;
    font-size: 14px;
    line-height: 40px;
}
.header-center {
    min-height: 157px;
    padding: 37px 0;
	background: rgb(253,252,252);
	background: -moz-linear-gradient(270deg, rgba(253,252,252,1) 0%, rgba(253,252,252,1) 35%, rgba(240,240,240,1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(253,252,252,1) 0%, rgba(253,252,252,1) 35%, rgba(240,240,240,1) 100%);
	background: linear-gradient(270deg, rgba(253,252,252,1) 0%, rgba(253,252,252,1) 35%, rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfcfc",endColorstr="#f0f0f0",GradientType=1);
}
.header-center .box-left h2 {
    color: #004466;
    font-size: 40px;
    margin-bottom: 8px;
}
.header-center .box-left h2 span:first-child {
	margin-right: 5px;
    letter-spacing: 4px;
}
.header-center .box-left h2 span + span {
    opacity: 0.36;
    font-size: 20px;
    font-style: italic;
	line-height: 25px;
	display: inline-block;
    letter-spacing: 1px;
    font-family: var(--e-global-default-font-family);
}
.header-center .box-left p {
    font-size: 16px;
    color: #004466;
}

.block-shoppingcart {
	display: flex;
	justify-content: space-between;
    padding: 7px 12px;
    border: 2px solid #1C90C9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radiu: 3px;
	background: #ffffff;
}
.block-shoppingcart h3 span {
    display: block;
}
.block-shoppingcart span.login {
    font-size: 14px;
    color: #979797;
    opacity: 0.4;
}
.block-shoppingcart span.name {
    color: #004466;
    font-size: 16px;
    font-family: var(--e-global-tuesday-font-family);
    width: 133px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.box-cart a {
	display: block;
	margin-top: 5px;
	position: relative;
}
.box-cart .icon-cart {
	background-image: url(../img/sprites.png);
    background-position: 0 -159px;
    background-repeat: no-repeat;
	height: 27px;
    width: 30px;
	display: block;
}
.cart-products-count {
	width: 10px;
	height: 10px;
	background-color: var(--red);
	border-radius: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.box-right {
    justify-content: right;
}
.col-center .form-search {
    position: relative;
}
.col-center .form-search input {
    width: 100%;
	height: 55px;
	padding-left: 62px;
	border-color: #D1D1D1;
}
.col-center .form-search .btn {
    position: absolute;
    left: 1px;
    height: 24px;
    width: 30px;
    min-width: inherit;
    background-color: white;
    border-radius: 3px;
    height: 53px;
    padding: 0 28px;
}
.col-center .form-search .btn .icon-search {
    min-width: auto;
    position: absolute;
    left: 18px;
	background-image: url('../img/sprites.png');
    background-position: 0 -185px;
    background-repeat: no-repeat;
    height: 24px;
    width: 30px;
    border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
    padding: 0;
}

/* order-completed */
.order-completed {
    margin-top: 115px;
    margin-bottom: 350px;
}
.order-completed .description-success h2 {
    margin: 21px 0;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--e-global-secondary-font-family);
}
.order-completed .description-success p {
    font-size: 16px;
    line-height: 25px;
    color: #4B4B4B;
    margin-bottom: 0;
}

.order-completed .btn-back {
    height: 57px;
    color: white;
    font-size: 16px;
    background-color: #15A6EC;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    min-width: inherit;
    width: 295px;
    margin-top: 34px;
}
.order-completed .btn-back:hover,
.order-completed .btn-back:focus {
    background-color: var(--primary);
}

/* popup-policy */
.popup-policy .description {
    margin: 20px 0;
    color: #000;
}
.popup-policy .description h2 {
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
}

.popup-policy .description h3 {
    border-left: 1px solid #333;
    margin: 0 0 1.5em;
    padding: 3px 0 3px 10px;
    font-size: 20px;
    line-height: 1.4;
}
.contents-text p + h3 {
    margin-top: 40px !important;
}
.popup-policy .modal-dialog {
    margin: 2rem auto;
}
.popup-policy .modal-body {
    height: 720px;
    overflow-y: scroll;
}

.image-block .bg-image {
    height: 540px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
}

/* page-only-completed */
/*.page-only-completed .header-center .box-left {
    display: none;
}
.page-only-completed .header-center .col-left {
    flex: 0 0 100%;
    max-width: 100%;
}*/

/* box-orange */
.box-orange {
    border: 1px solid #F57648;
    color: #F57648;
    padding: 13px 6px 13px 14px;
    font-family: var(--e-global-secondary-font-family);
    font-size: 14px;
}
.box-orange h5 {
    font-size: 16px;
    color: #F57648;
    font-weight: 600;
}
.box-orange.style-1 {
    margin-right: 40px;
}

.box-orange.style-3 {
    border: none;
    padding: 0;
    max-width: 768px;
    margin: 50px auto 0;
    display: flex;
    align-items: flex-start;
    line-height: 28px;
    font-size: 16px;
    font-family: var(--e-global-default-font-family);
}
.box-orange.style-3 .span1 {
    margin-right: 5px;
}

.history-booking {
    margin: 0 20px;
}
.history-booking-item {
    color: #1A1A1A;
    max-width: 860px;
    margin: 35px auto;
    padding: 23px 45px;
    border: 1px solid #BCBCBC;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.history-booking-item > ul > li {
    padding: 15px 0;
    border-bottom: 1px solid #BCBCBC;
}
.history-booking-item > ul > li:first-child {
    padding-top: 0;
}
.history-booking-item > ul > li:last-child {
    border-bottom: none;
    padding-bottom: 10px;
    padding-top: 25px;
}
.history-booking-item > ul > li.item3 div label {
    font-size: 12px;
}
.history-booking-item > ul > li > div > label {
    min-width: 180px;
    margin-right: 30px;
}
.history-booking-item > ul > li > div > label.text-navy {
    width: 180px;
}
.history-booking-item .toogle_member {
    border-radius: 0;
    background: #15A6EC 0% 0% no-repeat padding-box;
    position: relative;
    font-size: 16px;
    color: white;
}
.history-booking-item .toogle_member:hover,
.history-booking-item .toogle_member:focus {
    background: var(--navy);
    color: white;
}
.history-booking-item a.toogle_member i {
    position: absolute;
    right: 20px;
    top: 20px;
}
.history-booking-item .gr-toggle a.collapsed i {
    transform: rotate(180deg);
    top: 11px;
}
.history-booking-item .gr-toggle .btn .fa-angle-up:before {
    content: "^";
    font-size: 26px;
}

.history-booking-item .show-detail {
    margin-top: 20px;
}

.history-booking-item .show-detail .media-left {
    margin-right: 10px;
    width: 120px;
    height: 120px;
    background-color: #f2f2f2;
    overflow: hidden;
    align-items: center;
    display: flex;
    justify-content: center;
}
.history-booking-item .show-detail p {
    margin-bottom: 0;
}
.history-booking-item .show-detail ul li {
    margin-bottom: 10px;
}
.history-booking-item .show-detail ul li:last-child {
    margin-bottom: 0;
}
.text-navy {
    color: var(--navy);
}
/*================= Responsive ====================*/
@media (min-width: 1500px) {
    .sidebar-block {
        width: 309px;
    }
    .page-shopping-cart .container,
    .section-breadcrumbs .container,
    .product-detail .container {
        max-width: 1110px;
    }
    .show-cartorder {
        margin-top: 88px;
    }
    .gr-tourticket .add-coupon {
        min-width: 272px;
    }
}
@media (min-width: 1201px) {
	.app-product .header-center .container{
		max-width: 1110px;
	}

	.app-product .header-center .col-left {
		flex: 0 0 37%;
		max-width: 37%;
	}
    .app-product .header-center .col-center {
		flex: 0 0 44%;
		max-width: 44%;
	}
	.app-product .header-center .col-right {
		flex: 0 0 19%;
		max-width: 19%;
	}
}
@media(min-width: 1200px) {
    .popup-policy .modal-dialog {
        min-width: 1058px;
    }
    /* pb-left-column */
    .image-block{
        width: 540px;
    }
    .thumbs_list {
        width: 552px;
    }
    .pb-centercolumn {
        padding-left: 63px;
    }
}
@media (min-width: 992px) {
    .app-product .header-center .block-shoppingcart,
    .app-product .header-center .form-search {
		margin-top: 15px;
	}
    .sort-by .sidebar-left {
        justify-content: end;
    }
    .sort-by .sidebar-left .navbar-toggler,
    .sort-by .sidebar-leftcontent {
        display: none;
    }
    .header-sidebar {
        display: none;
    }
}
@media (min-width: 768px) {
    .step-pay li {
        min-width: 190px;
        padding: 0 50px;
    }
    .g-next-pre .btn-paypre {
        min-width: 400px;
        padding: 0;
    }
    .section-content-pay .gr-button .btn {
        max-width: 400px;
        width: 400px;
    }
    .break-line-xl {
        display: block;
        margin: 0 !important;
    }
}
@media (min-width: 568px) and (max-width: 767px) {
    .step-pay li {
        min-width: 115px;
        padding: 0 20px;
    }
    .step-pay li:after {
        right: -43px;
    }
}
@media (min-width: 1200px) and (max-width: 1500px) {
    .carousel-center .bg-image {
        height: 280px;
    }
}
@media (max-width: 1199px) {
    /* product detail */
    .thumbs_list {
        width: 103%;
    }
    .thumbs_list .slick-list:after {
        height: 60px;
        right: -5px;
    }

    /* shopping cart */
    .page-shopping-cart .pb-center-column h2 {
        font-size: 18px;
        line-height: 28px;
        padding-left: 42px;
        margin-bottom: 15px;
    }
    .page-shopping-cart .pb-center-column h2:before {
        height: 27px;
        width: 42px;
        background-position: 0 -159px;
    }
    .cart-product-item {
        padding: 15px 0;
    }
    .cart-product-item .image {
        width: 17.7%;
        min-width: 120px;
        margin-right: 27px;
    }
    .cart-product-item .image .bg-image {
        height: 120px;
    }

    .cart-product-item .meta {
        width: 82.3%;
    }
    .cart-product-item .price,
    .cart-product-item h3 {
        font-size: 14px;
        line-height: 24px;
    }
    .cart-product-item h3 {
        margin-bottom: 6px;
        margin-top: 8px;
    }
    .cart-product-item h3 span.text {
        line-height: 22px;
    }
    .cart-product-item .quality label {
        font-size: 10px;
        line-height: 10px;
    }
    .cart-product-item .quality .form-control {
        height: 40px;
        width: 40px;
        font-size: 13px;
    }
    .cart-product-item .quality .input-group {
        width: 120px;
    }
    .cart-product-item .quality button {
        width: 35px;
    }
    .cart-product-item .quality button .fa-minus {
        top: 2px;
        transform: translateY(0);
    }
    .cart-product-item .quality button .fa-plus {
        position: absolute;
        top: 10px;
        right: 0;
        left: 3px;
        margin: 0 auto;
    }
    .cart-product-item .quality .click-delete {
        margin-left: 16px;
        font-size: 14px;
    }
    .cart-product-item h3 span.text {
        width: 70%;
        margin-right: 5px;
    }

    .show-cartorder {
        padding: 20px 26px 25px;
    }
    .cart-summary-line,
    .show-cartorder .cart-line .price {
        font-size: 14px;
    }
    .cart-summary-line {
        margin-bottom: 8px;
    }
    .cart-summary-line.coupon {
        margin-bottom: 15px;
    }
    .cart-summary-line.coupon .label {
        width: 60%;
    }
    .cart-summary-totals .value,
    .cart-summary-totals .label {
        font-size: 18px;
    }
    .cart-summary-totals .label .tax {
        font-size: 16px;
    }
    .cart-summary-subtotals {
        margin-bottom: 35px;
    }
    .cart-summary-totals {
        margin-bottom: 26px;
    }
    .btn-checkout {
        height: 55px;
    }

    .schedule-content .gr-toggle .btn {
        width: 100%;
    }

    .carousel-center .bg-image {
        height: 220px;
    }

    .product-miniature .thumbnail-container {
        height: 156px;
    }

    .box-orange.style-1 {
        margin-right: 0;
        padding: 13px 14px;
    }
}
@media (max-width: 991px) {
    .sidebar-block .title-block {
        font-size: 20px;
        padding-left: 40px;
        top: 6px;
    }
    .sidebar-block .cateTitle a {
        font-size: 13px;
    }
    .block-category .title-block:before {
        background-position: 0 -64px;
        height: 24px;
    }
    .block-price .title-block:before {
        background-position: 0 -88px;
        height: 27px;
    }
    .center_column > h2 {
        font-size: 20px;
    }

    .sort-by {
        margin: 21px 0 25px;
    }
    .product-miniature {
        margin-bottom: 16px;
    }
    .product-miniature .product-title a {
        font-size: 10px;
        line-height: 17px;
        height: 32px;
    }
    .product-miniature .price {
        font-size: 14px;
    }
    .product-miniature .product-title {
        margin-bottom: 2px;
    }

    /* shopping cart */
    .cart-product-item .quality button .fa-plus {
        top: 7px;
    }
    .cart-product-item .quality button .fa-minus {
        top: 0;
    }

    /* slide */
    .section-slide {
        margin: 37px 0 55px;
    }

    /* Header for product page */
    .app-product .header-top-content .header-menu {
        order: 1;
    }
    .app-product .header-top-content .header-logo {
        order: 2;
    }
    .header-center {
        padding: 19px 0;
        min-height: inherit;
    }
    .header-nav,
    .section-search {
        display: none;
    }
    .header-center .box-left h2 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .header-center .box-left h2 span:first-child {
        margin-right: 1px;
        letter-spacing: 2px;
    }
    .block-shoppingcart span.login,
    .header-center .box-left p,
    .header-center .box-left h2 span+span {
        font-size: 10px;
    }
    .header-center .box-left h2 span+span {
        line-height: 22px;
    }
    .block-shoppingcart {
        padding: 4.5px 10px;
        display: block;
    }
    .block-shoppingcart .h3 {
        margin-top: 1px;
    }
    .block-shoppingcart span.name {
        font-size: 12px;
        width: 107px;
    }
    .header-center .col-center {
        order: 3;
    }
    .header-center .col-center .form-search {
        margin-top: 8px;
    }
    .box-cart a {
        margin-top: 1px;
    }

    .header-sidebar {
        order: 3;
    }
    .header-center .box-cart {
        display: none;
        position: absolute;
        top: -64px;
        right: 15px;
        height: 0;
        z-index: 98;
    }
    .col-center .form-search input {
        height: 36px;
        padding-left: 52px;
    }
    .col-center .form-search .btn {
        height: 34px;
        padding: 0 24px;
    }
    .col-center .form-search .btn .icon-search {
        left: 16px;
        width: 25px;
        height: 23px;
        background-position: 0 -239px;
    }

    .center_column {
        margin-left: 0;
    }
    .sidebar .sidebar-leftcontent,
    .sort-by .sidebar-leftcontent {
        display: none;
    }
    .sort-by .sidebar-left .navbar-toggler {
        padding: 0;
        width: 50px;
        min-width: inherit;
        position: relative;
    }
    .sort-by .sidebar-left .navbar-toggler:before {
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        width: 35px;
        height: 24px;
        background-image: url(../img/sprites.png);
        background-repeat: no-repeat;
        background-position: 0 -64px;
        transform: translateY(-50%);
    }
    .sort-by .sidebar-left .navbar-toggler .fa {
        display: none;
    }
    .sort-by .sidebar-left {
        justify-content: space-between;
    }
    .sort-by .sidebar-block .title-block {
        padding-left: 0;
    }
    .sort-by .sidebar-block .title-block:before {
        content: none;
    }
    .sidebar-block.block-price {
        margin-bottom: 30px;
    }

    .page-shopping-cart .pb-center-column h2.style-1 {
        margin-bottom: 15px;
        padding: 0 20px;
    }
    .schedule-content {
        padding: 10px 6px 25px;
    }
    .schedule-content .form-group label {
        font-size: 16px;
    }
    .schedule-content .form-group {
        margin-bottom: 7px;
    }
    .schedule-content .gr-toggle {
        margin-top: 21px;
    }

    .order-register .pb-right-column {
        display: grid;
    }
    .box-product-selected {
        margin: 56px 20px 18px;
        position: relative;
    }
    .box-product-selected:before {
        position: absolute;
        content: "";
        top: -28px;
        height: 1px;
        width: 100%;
        background-color: #c5c5c5;
    }
    .box-product-selected li {
        padding: 13px 20px 20px;
    }
    .box-product-selected .h3 {
        padding: 20px 20px 0;
    }
    .show-cartorder {
        padding: 20px 20px 25px;
    }
    .box-product-selected .media-left {
        width: 23%;;
    }

    .order-completed {
        margin-top: 60px;
        margin-bottom: 30px;
    }
    .order-completed .description-success h2 {
        font-size: 18px;
        margin: 18px 0 10px;
    }
    .order-completed .description-success p {
        font-size: 12px;
        line-height: 22px;
    }

    .popup-policy .modal-body {
        height: 500px;
    }

    .image-block .bg-image {
        height: 325px;
    }
    .thumbs_list .slick-slide {
        height: 45px;
    }
    .pb-centercolumn {
        padding-left: 0;
    }
    .image-block .slick-next, .image-block .slick-prev {
        width: 50px;
        height: 50px;
    }
    .image-block .slick-prev:before, .image-block .slick-next:before {
        font-size: 25px;
    }

    /* group-couponlist */
    .couponlist h5,
    .couponlist .coupon-number,
    .couponlist .coupon-ticket,
    .couponlist .price {
        font-size: 26px;
    }
    .couponlist .coupon-ticket,
    .couponlist .price {
        width: 320px;
    }
    .couponlist .list-inline li:before {
        right: 32%;
    }
    .couponlist .coupon-number > span {
        width: 190px;
    }

    .box-orange{
        margin-bottom: 22px;
    }
    /* history booking */
    .history-booking-item .gr-toggle a.collapsed i {
        top: 7px;
    }
    .history-booking-item a.toogle_member i {
        top: 15px;
    }
}
@media (max-width: 767px) {
    .step-pay {
        margin-top: 0;
    }
    .description-warning {
        margin-top: 26px;
        line-height: 24px;
        font-size: 14px;
    }
    .section-content-pay .g-title {
        padding: 6.5px 20px;
    }

    .box-contract {
        margin: 28px 20px 10px;
    }
    .section-content-pay .box-group {
        margin: 0 20px;
    }

    .box-contract .title-contact h2 {
        font-size: 15px;
    }
    .box-contract .title-contact p {
        font-size: 15px;
        line-height: 24px;
    }
    .box-contract .text-contact {
        padding-top: 4px;
        padding-bottom: 8px;
    }
    .section-content-pay .box-group .text {
        font-size: 15px;
    }
    .section-content-pay .d-flex.g-title {
        margin: 12px 0;
    }
    .line-height-31 {
        line-height: 25px;
    }

    .box-card {
        margin-left: 20px;
        margin-right: 20px;
    }

    .box-showprice ul > li .price,
    .box-showprice ul > li {
        font-size: 15px;
    }
    .box-showprice .btn-click .fa {
        font-size: 27px;
    }

    .section-content-pay .d-flex.g-title.style-5 {
        justify-content: start;
        padding: 29px 0 19px;
    }
    .section-content-pay .g-check-inline .form-check .form-check-label {
        font-size: 15px;
        margin-left: 25px;
    }
    .section-content-pay .g-check-inline .form-check .form-check-label span {
        font-size: 12px;
    }
    .section-content-pay .g-check-inline .form-check-input {
        width: 28px;
        height: 28px;
    }
    .btn-confirm-policy a {
        font-size: 16px;
    }
    .btn-confirm-policy {
        margin: 15px auto 25px;
    }
    .section-content-pay .g-check-inline.style-1 {
        margin-bottom: 30px;
    }
    .box-card .card-header {
        font-size: 14px;
        padding: 1px 20px;
    }
    .box-card .card-body {
        padding: 10px 8px;
        font-size: 14px;
    }
    .box-card.style-2 {
        margin-top: 25px;
    }
    .title-or,
    .section-content-pay .gr-button {
        margin-left: 20px;
        margin-right: 20px;
    }
    .section-content-pay .btn-amazon {
        background-position: -64px -117px;
    }
    .section-content-pay .btn-payment {
        background-position: -64px -174px;
    }
    .section-content-pay .gr-button-paypal .btn-payment {
        background-position: -64px -182px;
    }
    .section-content-pay .gr-button p {
        font-size: 14px;
        margin-bottom: 25px;
    }
    .title-or {
        height: 25px;
        margin-bottom: 25px;
    }
    .title-or span {
        font-size: 15px;
        padding: 0;
        max-width: 85px;
    }
    .g-next-pre .btn-paypre {
        font-size: 16px;
    }
    .popup_coupon_add .title-h3,
    .cancel-policy .title-h3 {
        padding: 0 20px;
        font-size: 15px;
        line-height: 28px;
    }
    .popup_coupon_add .description form h4 {
        font-size: 14px;
    }
    .popup_coupon_add .description {
        padding: 20px 20px 30px;
    }
    .cancel-policy .description {
        padding: 0 20px;
    }
    .ul-hometown li {
        padding: 12px 20px;
    }
    .ul-hometown li .span-left {
        width: 50%;
    }
    .ul-hometown li:nth-child(2) {
        font-size: 15px;
    }
    .ul-hometown li .span-right {
        font-size: 13px;
    }
    .btn-travel {
        height: 55px;
    }
    .section-content-payconfirm .btn-search {
        height: 45px;
    }
    .section-content-payconfirm .btn-orange.gradient {
        margin-bottom: 37px;
    }
    .box-contract-completed {
        margin-left: 20px;
        margin-right: 20px;
        padding: 11px 14px;
    }
    .section-content-paycompleted .description-warning p,
    .section-content-paycompleted .description-warning .title {
        font-size: 15px;
        line-height: 25px;
    }
    .section-content-paycompleted .description-warning .title {
        margin-bottom: 0;
    }
    .section-content-paycompleted .description-warning p {
        margin-top: 2px;
    }
    .section-content-paycompleted .description-warning {
        margin-bottom: 19px;
        margin-top: 48px;
    }
    .section-content-paycompleted a.btn-primary {
        margin-bottom: 55px;
    }
    .section-content-paycompleted .description-warning img {
        height: 24px;
        width: 24px;
    }
    .section-content-payconfirm .btn-search {
        width: 105px;
        min-width: auto;
    }

    /* product list */
    .center_column > h2 {
        font-size: 14px;
        font-weight: bold;
        line-height: 25px;
        letter-spacing: 1.4px;
    }
    .sort-by .form-group select {
        height: 38px;
        width: 134px;
    }
    .sort-by .form-group label, .sort-by .form-group .form-control {
        font-size: 10px;
    }

    .pagination {
        justify-content: center;
        margin-top: 12px;
    }
    .pagination .page-link {
        font-size: 18px;
    }
    .pagination .page-link.pre, .pagination .page-link.next {
        width: 50px;
    }

    /* slide */
    .carousel-center .slick-dots li button:before {
        font-size: 10px;
        /*font-family: inherit;
        background-color: black;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;*/
    }
    .carousel-center .slick-dots {
        bottom: -25px;
    }
    .section-slide .slick-dots li {
        width: 8px;
    }

    /* breadcrumbs */
    .section-breadcrumbs ul li a,
    .section-breadcrumbs ul li span {
        font-size: 10px;
    }

    /* product detail */
    .product-detail {
        margin-top: 39px;
    }
    .image-block .slick-next, .image-block .slick-prev {
        width: 50px;
        height: 50px;
    }
    .image-block .slick-prev:before, .image-block .slick-next:before {
        font-size: 25px;
    }
    .thumbs_list .slick-slide {
        margin-right: 12.5px;
    }

    .pb-centercolumn h1 {
        font-size: 14px;
        line-height: 20px;
    }
    .list-category {
        display: none;
    }
    .price .our_price_display {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .price .our_price_display .tax {
        font-size: 14px;
    }
    .box-cart-bottom {
        text-align: center;
        margin-bottom: 20px;
    }
    .short_description_block h3 {
        font-size: 18px;
        margin-bottom: 13px;
    }
    .short_description_block {
        font-size: 12px;
    }

    /* shopping cart */
    .cart-product-item h3 span.text {
        width: 50%;
    }
    .cart-product-item .quality button .fa-plus {
        top: 10px;
    }
    .cart-product-item .quality button .fa-minus {
        top: 2px;
    }

    /* Header for product page */
    .header-center .col-left {
        flex: 0 0 62%;
        max-width: 62%;
        padding-right: 10px;
    }
    .header-center .col-right {
        flex: 0 0 38%;
        max-width: 38%;
        padding-left: 0;
    }
    .box-product-selected .media-left {
        width: 39%;;
    }
    .box-product-selected li {
        align-items: center;
    }

    .product-miniature .thumbnail-container {
        height: 158px;
    }
    .app-completed .header-center .col-right {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
    }

    /* group-couponlist*/
    .couponlist {
        margin: 20px auto 0;
        max-width: 400px;
    }
    .group-couponlist .title-h6,
    .group-couponlist-select .title-h6 {
        font-size: 14px;
    }
    .couponlist .list-inline li {
        background-color: var(--white);
        box-shadow: 0px 0px 20px #1C90C929;
        border: 1px solid #9ADDFF;
        padding: 15px 8px 15px 14px;
        margin-bottom: 8px;
        border-radius: 3px;
        height: 91px;
    }
    .couponlist .list-inline li:before {
        width: 10px;
        background-image: url("../img/bg-dotted-sm.png");
        background-repeat: no-repeat;
    }
    .couponlist .list-inline li.added:before {
        height: 91px;
        background-image: url("../img/bg-dotted-opacity-sm.png");
    }
    .couponlist .list-inline li .media > div {
        margin-right: 35px;
    }
    .couponlist h5 {
        color: var(--navy);
        font-size: 13px;
        font-family: var(--e-global-secondary-font-family);
        margin-bottom: 0;
    }
    .couponlist .coupon-number {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .coupon-ticket, .coupon-price {
        color: #F57648;
        font-size: 19px;
        line-height: 24px;
    }
    .couponlist .coupon-number > span {
        width: 150px;
    }
    .couponlist .coupon-ticket {
        font-size: 13px;
        line-height: 20px;
        width: 160px;
    }
    .couponlist .btn-link {
        font-size: 13px;
        width: 71px;
        height: 33px;
        border-width: 2px;
        padding: 0;
    }

    .couponlist .gr-button {
        margin-top: 31px;
    }
    .couponlist .gr-button .btn {
        height: 60px;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    .group-couponlist-select p.text-orange {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 0;
    }

    /* my page */
    .service-tikaguni ul li .btn-link {
        padding: 11px 15px;
        font-size: 14px;
    }
    .box-service .title-h6 {
        font-size: 14px;
    }
    .service-tikaguni .decription {
        font-size: 14px;
        margin-top: 6px;
        margin-bottom: 10px;
    }

    /* history booking */
    .history-booking-item {
        padding: 15px;
        margin-top: 20px;
    }
    .box-orange.style-3 {
        font-size: 14px;
        line-height: 22px;
        display: block;
        margin-top: 15px;
    }
    .box-orange.style-3 .span1 {
        margin-right: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .section-slide {
        margin: 37px 0 80px;
    }
}
@media (max-width: 567px) {
    .step-pay {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    .step-pay li {
        font-size: 11px;
        width: 70px;
        line-height: 17px;
        padding: 0;
    }
    .step-pay li:after {
        font-size: 16px;
        right: -15px;
    }
    .step-pay li span {
        height: 38px;
    }
    .section-slide h2 {
        font-size: 10px;
    }
    .couponlist .coupon-number > span {
        width: 82px;
    }

    /* history booking */
    .history-booking-item > ul > li > div > label {
        min-width: 119px;
        margin-right: 20px;
    }
    .history-booking-item > ul > li > div > label.text-navy {
        width: 119px;
    }
}
@media (min-width: 375px) and (max-width: 414px) {
    .box-contract-completed .text{
        text-align: left;
    }
    .popup-policy .modal-dialog {
        margin: 2rem auto;
    }
    .cancel-policy .modal-content {
        margin: 0;
    }
    .cancel-policy.modal .modal-header {
        right: 10px;
    }
}


/*============ Cusotmer column & container ==========*/

@media (min-width: 1500px) {
    .container-1420 {
        max-width: 1450px;
    }
}

@media (min-width: 1200px) {
    .col-md-2-5 {
        flex: 0 0 20%;
        max-width: 20%;
        padding-left: 4.5px;
        padding-right: 4.5px;
    }
    .m-md-2-5 {
        margin-left: -4.5px;
        margin-right: -4.5px;
    }
}
@media (max-width: 1199px) {
    .m-sp-7-5 {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .col-sp-6 {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}
@media (max-width: 576px) {
    .col-sp-6 {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}