@charset "utf-8";
/* CSS Document */

html, body { height: 100%;}
body { font-family: 'Open Sans', sans-serif; background-color: #eeeef5; font-size: 16px; cursor: default;}
a { color: #337ab7; text-decoration: none; transition: color 0.2s ease-in;}
a:focus { outline: none;}
a:hover { color: #41a6df; text-decoration: none;}
strong { font-weight: 600;}
.table tr th,
.table tr td { vertical-align: middle;}
.btn.border { border-color: #ced4da !important;}


.siteContainer { padding-top: 72px; height: 100%;}
.siteFooter { position: fixed; bottom: 0; left: 0; right: 0;}





/* Common */

.ffCourierPrime { font-family: 'Courier Prime', monospace;;}

.opac00 { opacity: 0.00;}
.opac15 { opacity: 0.15;}
.opac25 { opacity: 0.25;}
.opac50 { opacity: 0.50;}
.opac75 { opacity: 0.75;}
.opac80 { opacity: 0.80;}
.opac90 { opacity: 0.90;}

.fs10 { font-size: 10px;}
.fs11 { font-size: 11px;}
.fs12 { font-size: 12px;}
.fs13 { font-size: 13px;}
.fs14 { font-size: 14px;}
.fs15 { font-size: 15px;}
.fs16 { font-size: 16px;}
.fs17 { font-size: 17px;}
.fs18 { font-size: 18px;}
.fs20 { font-size: 20px;}
.fs22 { font-size: 22px;}
.fs24 { font-size: 24px;}
.fs26 { font-size: 26px;}
.fs28 { font-size: 28px;}
.fs30 { font-size: 30px;}
.fs32 { font-size: 32px;}
.fs34 { font-size: 34px;}
.fs36 { font-size: 36px;}
.fs38 { font-size: 38px;}
.fs40 { font-size: 40px;}
.fs50 { font-size: 50px;}
.fs60 { font-size: 60px;}
.fs70 { font-size: 70px;}
.fs80 { font-size: 80px;}
.fs90 { font-size: 90px;}
.fs100 { font-size: 100px;}

.lh14 { line-height: 14px;}
.lh16 { line-height: 16px;}
.lh18 { line-height: 18px;}
.lh20 { line-height: 20px;}
.lh24 { line-height: 24px;}
.lh25 { line-height: 25px;}
.lh28 { line-height: 28px;}
.lh30 { line-height: 30px;}
.lh32 { line-height: 32px;}
.lh35 { line-height: 35px;}
.lh40 { line-height: 40px;}
.lh45 { line-height: 45px;}
.lh50 { line-height: 50px;}

.txtOverflow { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.txtNoWrap { white-space: nowrap;}
.txtStrike { text-decoration: line-through;}
.txtItalic { font-style: italic;}
.txtUpper { text-transform: uppercase;}
.txtUnderline { text-decoration: underline;}
.txt900 { font-weight: 900;}
.txt800 { font-weight: 800;}
.txt700 { font-weight: 700;}
.txt600 { font-weight: 600;}
.txt500 { font-weight: 500;}
.txt400 { font-weight: 400;}
.txt300 { font-weight: 300;}
.txt200 { font-weight: 200;}
.txt100 { font-weight: 100;}

.color-hh { color: #333333;}
.color-ff { color: #c7b161;}
.color-title { color: #339af0;}
.color-title2 { color: #183153;}
.color-text { color: #6a7c92;}
.color-texti { color: #8090a3;}
.color-grayi { color: #d4d4d4;}
.color-grayii { color: #e9e9e9;}
.color-gray { color: #aaaaaa;}
.color-gray2 { color: #999999;}
.color-gray3 { color: #797979;}
.color-gray4 { color: #595959;}
.color-gray5 { color: #393939;}
.color-red { color: #fa1748;}
.color-yellow { color: #ffd43b;}
.color-yellow3 { color: #aa830d;}
.color-white { color: #ffffff;}
.color-black { color: #000000;}
.color-stepicon { color: #fc6a3f;}
.color-button { color: #42a7df;}
.color-special { color: #b6f1c3;}
.color-iconspec { color: #77b3d3;}
.color-theme { color: #453fb8;}

.bg-navbar { background-color: #453fb8;}
.bg-site { background-color: #fcf3ff;}
.bg-white { background-color: #ffffff;}
.bg-black { background-color: #000000;}
.bg-gray { background-color: #eff3f6;}
.bg-grayi { background-color: #f6f7f8;}
.bg-gray2 { background-color: #f6faff;}
.bg-gray22 { background-color:#e4eefa;}
.bg-gray3 { background-color: #dde3e7;}
.bg-gray4 { background-color: #f7fafd;}
.bg-gray5 { background-color: #444d57;}
.bg-gray6 { background-color: #a0a9b4;}
.bg-gray7 { background-color: #353c40;}
.bg-button { background-color: #42a7df;}
.bg-premium-box { background-color: #8ecaec;}
.bg-1b1b1b { background-color: #1b1b1b;}
.bg-222222 { background-color: #222222;}
.bg-yellow { background-color: #fdfcf5;}
.bg-yellow2 { background-color: #fadf7e;}
.bg-mobbar { background-color: #363f48;}
.bg-nopremium { background-color: #f3bfa5;}
.bg-premium { background-color: #87dfcf;}
.bg-cdopen { background-color: #b4d8f5;}
.bg-cdclosed { background-color: #f5d2de;}
.bg-cdappt { background-color: #c3e6cb;}
.bg-border { background-color: #dee2e6;}
.bg-red { background-color: #f8e1e1;}
.bg-footer { background-color: #f8f9fa;}

.bg-white-20 { background-color: rgba(255, 255, 255, 0.2);}
.bg-black-50 { background-color: rgba(0, 0, 0, 0.5);}
.bg-black-25 { background-color: rgba(0, 0, 0, 0.25);}

.bg-stone1 { background: url(/assets/images/stone1.jpg) no-repeat top center scroll;}

.border-premium-box { border-color: #89c5e5 !important;}
.border-warningi { border-color: #ffd760;}

.jqValidation .error { font-size: 13px;}

.mcDefault { cursor: default;}
.mcPointer { cursor: pointer;}
.mcHelp { cursor: help;}
.mcZoom { cursor: zoom-in;}
.mcDanger { cursor: not-allowed !important;}

.posAbs { position: absolute;}
.posAbsCenter { top: 50%; left: 50%; transform: translate(-50%, -50%);}
.posRel { position: relative;}

.squareBox { display: block; width: 100%; padding-top: 100%; position: relative;}
.squareBox > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.squareBox > div img { width: 100%; height: 100%;}

.mw60 { max-width: 60px;}
.mh110 { max-height: 110px;}

.rotate15 { transform: rotate(15deg); -webkit-transform: rotate(15deg);}

.shadowGray,
.shadowGrayHover { box-shadow: 0px 0px 8px 0px rgba(30, 22, 102, 0.10); transition: box-shadow 0.3s;}

.shadowGray2,
.shadowGrayHover:hover { box-shadow: 0px 0px 12px 0px rgba(30, 22, 102, 0.30); transition: box-shadow 0.3s;}

.subShadowHover .sshBlock { box-shadow: 0px 0px 8px 0px rgba(30, 22, 102, 0.10); transition: box-shadow 0.3s;}
.subShadowHover:hover .sshBlock { box-shadow: 0px 0px 12px 0px rgba(30, 22, 102, 0.30); transition: box-shadow 0.3s;}

.inShadow { box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.10);}
.inShadow2 { box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.05);}

.boxOverlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.w-15 { width: 15% !important;}
.w-20 { width: 20% !important;}
.w-30 { width: 30% !important;}
.w-40 { width: 40% !important;}
.w-60 { width: 60% !important;}
.w-80 { width: 80% !important;}

.flexCenter { display: flex; align-items: center; justify-content: center;}
.flexMW { min-width: 0;}
.flexBasis0 { flex-basis: 0;}
.breakWord { word-wrap: break-word;}
.imgCover { object-fit: cover; object-position: center;}

.phoneSpan > span { display: inline-block; padding-right: 5px;}

.w20 { width: 20px;}
.w25 { width: 25px;}
.w30 { width: 30px;}
.w40 { width: 40px;}
.w60 { width: 60px;}
.w80 { width: 80px;}
.w100 { width: 100px;}
.w120 { width: 120px;}
.w160 { width: 160px;}

.mh100 { min-height: 100%;}

.validHide .invalid-feedback { display: none !important;}

.overflowHidden { overflow: hidden;}
.overflowAuto { overflow: auto;}


/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {

    
}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

    


    /* Common */

    .fs10-md { font-size: 10px;}
    .fs11-md { font-size: 11px;}
    .fs12-md { font-size: 12px;}
    .fs13-md { font-size: 13px;}
    .fs14-md { font-size: 14px;}
    .fs15-md { font-size: 15px;}
    .fs16-md { font-size: 16px;}
    .fs17-md { font-size: 17px;}
    .fs18-md { font-size: 18px;}
    .fs20-md { font-size: 20px;}
    .fs22-md { font-size: 22px;}
    .fs24-md { font-size: 24px;}
    .fs26-md { font-size: 26px;}
    .fs28-md { font-size: 28px;}
    .fs30-md { font-size: 30px;}
    .fs32-md { font-size: 32px;}
    .fs34-md { font-size: 34px;}
    .fs36-md { font-size: 36px;}
    .fs38-md { font-size: 38px;}
    .fs40-md { font-size: 40px;}
    .fs50-md { font-size: 50px;}
    .fs60-md { font-size: 60px;}
    .fs70-md { font-size: 70px;}
    .fs80-md { font-size: 80px;}
    .fs90-md { font-size: 90px;}
    .fs100-md { font-size: 100px;}

    .lh28-md { line-height: 28px;}

    .w-15-md { width: 15% !important;}
    .w-20-md { width: 20% !important;}
    .w-25-md { width: 25% !important;}
    .w-30-md { width: 30% !important;}
    .w-35-md { width: 35% !important;}
    .w-40-md { width: 40% !important;}
    .w-50-md { width: 50% !important;}
    .w-60-md { width: 60% !important;}
    .w-75-md { width: 75% !important;}

    .w25-md { width: 25px;}
    .w30-md { width: 30px;}
    .w37-md { width: 37px;}
    .w40-md { width: 40px;}
    .w60-md { width: 60px;}
    .w80-md { width: 80px;}
    .w100-md { width: 100px;}
    .w120-md { width: 120px;}
    .w160-md { width: 160px;}
    .w200-md { width: 200px;}

    .rounded-md { border-radius: .25rem !important;}
    .rounded-md-right { border-top-right-radius: .25rem!important; border-bottom-right-radius: .25rem!important;}

    .bg-gray2-md { background-color: #f6faff;}
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {

}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

}

/* Just Mobile devices (max 768px) */

@media (max-width: 767.999px) {

    .bookInfo .label { text-transform: uppercase; font-size: 12px; color: #999999; font-weight: 600; margin-left: 54px;}
    .bookInfo .fas.fa-fw { position: relative; top: -8px;}
}

/* Just XS devices (max 576px) */

@media (max-width: 575.999px) {

    
}


/* Animations */

.bounceAnim {
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

@keyframes bounce { 
    0% { transform: translateY(0);}
    100% { transform: translateY(-20px);}
}