.bgcpack-iPrimary
{
    background-color:#327ebf
}

.bgcpack-black
{
    background-color:#000
}

.bgcpack-white
{
    background-color:#fff
}

.bgcpack-yellow
{
    background-color:#f6ff00
}

.bgcpack-iGreen
{
    background-color:#019008
}

.bgcpack-iGreen1
{
    background-color:#009007
}

.bgcpack-iGray5
{
    background-color:#6d6d6d
}

.bgcpack-iRed
{
    background-color:#fe1334
}

.bgcpack-blue1
{
    background-color:#76b2cc
}

.clcpack-iRed
{
    color:#fe1334
}

.clcpack-white
{
    color:#fff
}

.clcpack-black
{
    color:#000
}

.package-box
{
    padding:0 0 80px;
    background-position:center;
    margin-top:0;
    margin-bottom:20px;
    position:relative;
    height:100%;
    border-radius:12px;
    -webkit-box-shadow:0 29px 50px 0 rgba(0,0,0,0.17);
    box-shadow:0 29px 50px 0 rgba(0,0,0,0.17);
    background-size:cover
}

.package-box .pck-head
{
    position:relative;
    z-index:1;
    background-color:#f6f6f6;
    border-top-left-radius:12px;
    border-top-right-radius:12px
}

.package-box .pck-head .pck-tags
{
    position:absolute;
    left:50%;
    top:-16px;
    margin:auto;
    border-radius:4px;
    padding:7px 18px;
    font-size:11px;
    color:#fff;
    text-transform:uppercase;
    font-weight:600;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    min-width:120px;
    text-align:center
}

.package-box .pck-head .pck-tags:before
{
    content:"";
    width:0;
    height:0;
    border-style:solid;
    line-height:0;
    border-color:transparent transparent #000 transparent;
    -webkit-transition:all .35s ease;
    transition:all .35s ease;
    border-width:0px 0px 16px 15px;
    position:absolute;
    left:-14px;top:0px
}

.package-box .pck-head .pck-tags:after
{
    content:"";
    width:0;
    height:0;
    border-style:solid;
    line-height:0;
    border-color:transparent transparent #000 transparent;
    -webkit-transition:all .35s ease;
    transition:all .35s ease;
    border-width:0px 15px 16px 0px;
    position:absolute;
    right:-14px;top:0px
}

.package-box .pck-head .pck-tags.clcpack-black
{
    color:#000
}

.package-box .pck-head h4
{
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    font-weight:800;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    padding:15px 0 12px;
    margin-bottom:0;
    font-size:calc(18px + (26 - 18) * (100vw - 320px) / (1920 - 320))
}

.package-box .pck-head h4 span
{
    color:#fff;
    font-size:calc(18px + (26 - 18) * (100vw - 320px) / (1920 - 320))
}

.package-box .pck-head h4 img
{
    margin-right:10px
}
.package-box .pck-head .pck-price
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:35px 0 20px;
    position:relative;
    width:100%
}

.package-box .pck-head .pck-price:before
{
    position:absolute;
    left:20px;
    top:0px;
    bottom:0;
    margin:auto;
    width:65px;
    height:80px;
    z-index:-1;
    content:"";
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    opacity:.3
}

.package-box .pck-head .pck-price h5
{
    text-align:center
    ;margin-bottom:0;
    color:#000;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative
}

.package-box .pck-head .pck-price .dollar
{
    -ms-flex-item-align:start;
    align-self:flex-start;
    font-size:calc(24px + (45 - 24) * (100vw - 320px) / (1920 - 320))
}

.package-box .pck-head .pck-price .price
{
    font-size:calc(70px + (85 - 70) * (100vw - 320px) / (1920 - 320));
    line-height:1;
    letter-spacing:-5px;
    font-weight:bold
}

.package-box .pck-head .pck-price .upto
{
    font-size:calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
    font-weight:600;
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}

.package-box .pck-foot
{
    position:absolute;
    bottom:0;width:100%;
    left:0;
    padding:10px;
    background-color:#327ebf;
    border-radius:0 0 12px 12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}

.package-box .pck-foot .btn-primary
{
    border-radius:7px;font-size:calc(15px + (17 - 15) * (100vw - 320px) / (1920 - 320));
    font-weight:700;
    background-color:#327ebf;
    border-color:#327ebf;
    -webkit-box-shadow:none;
    box-shadow:none
}

@media (max-width: 767px)
{
    .package-box .pck-foot{position:static}
}

.package-box .pck-content
{
    display:-webkit-box;
    display:-ms-flexbox;display:
    flex;-webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    height:calc(100% - 200px)
}

.package-box .pck-topContent
{
    padding:20px 25px 0
}

.package-box .pck-topContent ul
{padding-left:0}

@media (max-width: 991px)
{
    .package-box .pck-topContent{padding:20px 25px 20px}
}

.package-box .pck-bottomContent
{
    padding:0 20px
}

.package-box .pck-bottomContent>ul
{
    margin-bottom:20px;
    padding-left:0
}

.package-box .pck-bottomContent>ul.freebies-list>li
{
    min-height:68px
}

@media (max-width: 1199px)
{
    .package-box .pck-bottomContent>ul.freebies-list>li{min-height:64px}
}
.package-box ul li
{
    padding-left:25px;
    padding-bottom:12px;
    padding-top:12px;
    position:relative;
    border-bottom:#d2d2d2 solid 1px;
    font-size:calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
    font-weight:500;
    line-height:1.5
}

.package-box ul li:last-child
{
    border-bottom:0
}

.package-box ul li .ic-tik
{
    background-image:url("../img/packages/tik.html");
    width:16px;
    height:12px;
    position:absolute;
    left:0;
    top:15px;
    background-size:contain;
    background-repeat:no-repeat;
    margin-left:0
}

.package-box ul li .cus-tooltip
{
    display:inline-block
}

.package-box .hl-days
{
    color:#fff;
    background-color:#327ebf;
    padding:3px 5px
}

.package-box .as-btn
{
    padding:5px;
    margin-bottom:10px
}

.package-box .as-btn p
{
    margin-bottom:0;text-align:center

}

@media (max-width: 991px)
{
    .package-box .as-btn{margin:0 0 20px}
}

.package-box p
{
    font-weight:800;
    margin-bottom:20px;
    line-height:1.8;
    font-size:calc(14px + (18 - 14) * (100vw - 320px) / (1920 - 320))
}

.package-box p span.cl-iRed,.package-box p span.cus-tooltip
{
    padding:0 2px
}

.package-box p.sm
{
    font-size:12px;
    margin-bottom:15px
}

@media (max-width: 767px)
{
    .package-box p.sm{position:relative}
}

.package-box p.lht-12
{
    line-height:1.2
}

.package-box p.bd-bottom
{
    border-bottom:#d2d2d2 solid 1px;
    padding-bottom:12px
}

.package-box .mid-text
{
    text-align:center
}

.package-box .mid-text h4
{
    font-weight:900;
    margin:0;
    color:#000;
    font-size:calc(24px + (40 - 24) * (100vw - 320px) / (1920 - 320))
}

.package-box .mid-text h5
{
    font-weight:700;
    margin:0px 0 10px 0;
    color:#000;
    font-size:calc(24px + (33 - 24) * (100vw - 320px) / (1920 - 320))
}

.package-box .mid-text h6
{
    font-weight:600;
    margin:0;
    color:#000;
    font-size:calc(16px + (25 - 16) * (100vw - 320px) / (1920 - 320))
}

.package-box .mid-text .plus-icon
{
    margin:10px 0;
    display:block
}

@media (max-width: 991px)
{
    .package-box{height:auto;margin-bottom:40px}
}

@media (max-width: 767px)
{
    .package-box{padding-bottom:0}
}

.dtbl
{
    display:table;
    table-layout:fixed;
    width:100%
}

.dtbl .dtd
{
    display:table-cell
}

.dtbl .dtd.wdper-60
{
    width:60%
}

.dtbl.vMiddle .dtd
{
    vertical-align:middle
}

.cus-tooltip
{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    padding-top:20px;
    padding-left:12px
}

.cus-tooltip>img
{
    width:12px;
    display:block;
    position:absolute;
    top:2px;
    left:0
}

.cus-tooltip i
{
    color:#fe1334
}

.cus-tooltip i.custome
{
    position:relative
}

.cus-tooltip .tooltiptext
{
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    -webkit-transition:all .35s ease;
    transition:all .35s ease;
    max-width:240px;
    min-width:240px;
    background-color:#fff;
    color:#000;
    border:0;
    text-align:left;
    border-radius:6px;
    padding:0;
    position:absolute;
    top:20px;
    left:50%;
    -webkit-transform:translateX(-50%)
    ;transform:translateX(-50%)
    ;position:absolute;z-index:5;
    -webkit-box-shadow:0 0 50px 0 rgba(0,0,0,0.2);
    box-shadow:0 0 50px 0 rgba(0,0,0,0.2)
}

.cus-tooltip .tooltiptext>p
{
    font-size:calc(12px + (12 - 12) * (100vw - 320px) / (1920 - 320));
    font-weight:400;
    margin-bottom:0;
    line-height:1.2
}

.cus-tooltip .tooltiptext .ttClose
{
    width:25px;
    height:25px;
    border-radius:50%;
    background-color:#327ebf;
    position:absolute;
    right:-10px;top:-10px;
    z-index:1;
    line-height:22px;
    text-align:center;
    display:none
}

.cus-tooltip .tooltiptext .ttClose img
{
    width:12px
}

@media (max-width: 991px)
{
    .cus-tooltip .tooltiptext .ttClose{display:inline-block}
}

.cus-tooltip .tooltiptext>ul
{
    padding:0 15px
}

.cus-tooltip .tooltiptext>ul>li
{
    font-size:calc(12px + (12 - 12) * (100vw - 320px) / (1920 - 320))
}

.cus-tooltip .tooltiptext>ul>li .ic-tik
{
    width:14px;
    height:12px
}

.cus-tooltip .tooltiptext .view-tt
{
    cursor:pointer;
    vertical-align:top;
    display:inline-block;
    position:absolute;
    right:0;
    top:-3px
}

.cus-tooltip .tooltiptext>img
{
    max-width:100%
}

.cus-tooltip .tooltiptext.wd-300
{
    max-width:300px
}

.cus-tooltip .tooltiptext.sty1
{
    padding:10px 15px
}

@media (max-width: 991px)
{
    .cus-tooltip .tooltiptext
    {
        position:fixed;
        left:50%;
        top:50%;
        width:280px;
        max-width:100%;
        -webkit-transform:translate(-50%, -50%)
        ;transform:translate(-50%, -50%);
        z-index:11
    }
}

.cus-tooltip.sty1
{
    width:100%;
    margin:0;
    padding-top:14px
}

.cus-tooltip.sty1 .tooltiptext
{
    padding:10px
}
    
@media (min-width: 992px)
{
    .cus-tooltip:hover>.tooltiptext
    {visibility:visible;
        opacity:1;
        pointer-events:inherit
    }
}

@media (max-width: 991px)
{
    .cus-tooltip.is-ttShow>.tooltiptext
    {
        visibility:visible;
        opacity:1;
        pointer-events:inherit
    }
}

body.is-mbttShow
{
    overflow:hidden
}

body.is-mbttShow .defaultOverlay
{
    visibility:visible;
    opacity:1;
    pointer-events:inherit
}

.defaultOverlay
{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    -webkit-transition:all .35s ease;
    transition:all .35s ease;
    width:100%;
    z-index:10;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    background-color:rgba(0,0,0,0.2)
}