/*table*/
.table thead, .table .pricing-meta td.details, .table .pricing-totals td.col {background:#F9F9F9}
.table .pricing-meta td.details{ padding-top:15px; padding-bottom:15px; vertical-align:middle !important; font-size:12px}
.table .pricing-meta.bg-white td.details.pp-switch{ background:#fff}

.table thead th {border-bottom: none;}
.table.table-mobile-header{ border-bottom:0px; margin:0px; text-align:left}

.table{ border: 1px solid #EEE; }
.table td, .table th{ border:1px solid #EEE; width:25%; vertical-align:top !important;}
.table.pricing-table thead{ display:none}



.hide-init{display:none}


/*POP OVER*/

.pricing a.help-pop-click {display: inline-block; width: 15px; height: 15px; background: url(/assets/images/common/info-icon.png) center center no-repeat; background-size: 15px 15px;
    margin-left:5px;
}

a.kinam, i.kinam {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background: url(/assets/images/common/info-icon.png) no-repeat;
}




/*PRICING PILLS*/
#pricing-pills { position:relative; margin: 35px auto 35px auto; width: 100%; max-width:290px; background: #F7F7F7; height: 44px;text-align: right; padding: 0px;  border-radius: 15px;}





#pricing-pills a {font-weight:600; font-size: 12px; color: #1E1F31; line-height: 44px; padding-left:12px; padding-right:12px; text-decoration:none; text-align:center; 
display:inline-block}
#pricing-pills a.fishing.pricing-tab-pills{position:absolute; top:0; left:0; width:auto}
#pricing-pills a.both.pricing-tab-pills{position:absolute; top:0; right:0; width:auto}
#pricing-pills a.active{ background:#951A1D; color:#FFF; border-radius:15px}


div.pricing-simple > * , div.pricing-simple td{cursor: pointer !important}



/*APPLY Disocunt*/
#apply-discount{ font-size: 14px; margin-top:-20px; margin-bottom:20px;}
.m_switch { width: 30px; height: 18px; margin:2px 15px}
.m_switch_color { background-color: #951A1D !important; box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.05) !important;}

/*PRICING TAB NAV*/
.pricing-tab{display:block}


#pricing-tab-nav{background: #7C0000;
    color: #fff;
    border:1px solid #EEE;
    border-bottom:none;


}
#pricing-tab-nav .pricing-tab-nav-item {
    font-size: 12px;
    font-weight: 500;
    padding: 0 15px;
    line-height: 16px;
    height: 60px;
    cursor:pointer;
    border-left:1px solid #FFF;
    border-right:1px solid #fff;
}

#pricing-tab-nav .pricing-tab-nav-item.active {
    background: #fff;
    color: #000;
    cursor:default;
}



/*PRICING HEADERS*/

.pricing h2 {
    font-size: 23px !important;
    text-align: left;
    color: #1E1F31;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 28px !important;
}

.pricing .intro-text{ padding:25px}


.pricing .pricing_div{ padding:10px 5px; display: flex; flex-direction: column}




.pricing .price-headers dd{ display:flex;}
.pricing .price-headers dd.pricing_info{ margin-top:-5px; margin-bottom: 0px; padding-bottom: 0px;}
.pricing .price-headers dl{ text-align:left; margin-bottom: 0px}
.pricing .price-headers dl{ margin-right:5px;}

.pricing .price-headers dl.title h1{ font-size:45px; font-weight:bold; text-align:left !important; line-height:55px}
.pricing .price-headers dl.dollar{ font-size:35px; font-weight:bold;}
.pricing .price-headers dl.peryr{ font-size:10px;font-weight:600; line-height:16px; color:#6C6C6C}
.pricing .price-headers dl span{ font-size:15px; font-weight:bold; line-height:30px; color:#1F2032}
.pricing .price-headers div.desc {height: auto; font-size:14px; font-weight:700; text-align:left;}
.pricing .price-headers .initiation-fee{ font-size:20px; font-weight:600; line-height:20px; transition: all 0.3s;; letter-spacing:-2px}
.pricing .price-headers .initiation-fee span{ font-size:35px; font-weight:600; color:#951A1D; line-height:35px}
.pricing .price-headers .initiation-fee p{ font-size:22px; font-weight:normal !important; line-height:30px; color:#951A1D;}

.pricing .price-headers a.btn{border: 1px solid #2C4012; background:#344C11; max-width:240px; color:#fff; font-weight:700; font-size:15px; letter-spacing: -1px; padding-top:22px; padding-bottom:22px; display:block; border-radius:5px; text-decoration:none; margin:10px auto}
.pricing .pricing-tab .price-headers a.btn{ margin:10px 10px;}


.year_month_switch{
    width: auto;
    display: block;
    margin: 20px auto 25px 0px;
    height: auto;
    padding: 0;
}
.year_month_switch input{opacity: 0; width:0; height: 0; padding: 0; display: none}
.year_month_switch .year_month_slider{ width: 100%;
    background: #fff; display: flex;align-items: center; flex-wrap: nowrap; align-content: center;  justify-content: space-between; border-radius: 25px; border:1px solid #D9D9D9}

.year_month_switch .year_month_slider a{font-size:12px; font-weight: 500; padding: 15px; border-radius: 25px; margin: 1px; line-height: 13px}

.year_month_switch .year_month_slider a.active{color: #fff; background: #951A1D}

/*INITITAION FEE*/

/*FIRST YEAR TOTAL*/
.pricing-totals{ font-size:18px; font-weight:700; line-height:18px}
.pricing-totals td, .pricing-totals th{vertical-align: middle !important;}
.pricing-totals td.col{ text-align:left; font-size:20px; line-height:20px}


/*PRICING META */

.pricing .details {
    color: #000;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    cursor: default;
}

.pricing .details.pp-switch{ text-align:center}

.pricing .details cite {
    display: block;
    font-size: 12px;
    font-style: normal;
}

.pricing .details i {
    display: block;
    width: 26px;
    height: 24px;
    background: url(/assets/images/common/check.png);
    margin: auto;
}

.pricing .details i.check.check-muted {
    background: none;
}

h2.hunting-pricing-pills{
    border-radius:85px;
    background: #951A1D;
    color: #FFF !important;
    font-size:18px !important;
    line-height: 50px !important;
    width:100%;
    margin:40px auto
}

.hunting-pricing-container{ background:#F9F9F9;border: 1px solid #EEE;}
.hunting-center-price-headers{ width:100%}
ul.hunting-meta{ margin:0; padding:0}
ul.hunting-meta li{ display:flex; padding:20px 10px; border-bottom: 1px solid #eee}
ul.hunting-meta li:last-child{ border-bottom: none;}

ul.hunting-meta li span {
    display: inline-block;
    width: 30px;
    height: 24px;
    margin-right: 10px;
    background: url(/assets/images/common/check.png) left center no-repeat;

}





/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    h2.hunting-pricing-pills{
        border-radius:85px;
        background: #951A1D;
        color: #FFF !important;
        font-size: 23px !important;
        line-height: 85px !important;
        width:400px;
        margin:40px auto
    }

    .hunting-center-price-headers{width:400px !important; margin-left:auto; margin-right:auto; margin-top:15px}
    .hunting-center-price-headers2{width:350px !important; margin-left:auto; margin-right:auto; margin-top:20px}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .table .pricing-meta td.details{font-size:14px}


    #pricing-tab-nav .pricing-tab-nav-item {
        font-size: 14px;
        font-weight: 600;}


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px){

    .year_month_switch{
        margin: 20px auto;

    }

    .pricing .pricing-tab .pricing_div{padding:20px 20px}

    /*PRICING PILLS*/
    #pricing-pills{width:820px; max-width: 820px; height:85px;  border-radius:80px;margin: 35px auto 80px auto;}
    #pricing-pills.hunting-pricing-pills{max-width: 100% !important;}
    #pricing-pills a{ font-size:23px; line-height:85px; }
    #pricing-pills a.active{ border-radius:85px}
    #pricing-pills a.fishing.pricing-tab-pills{position:absolute; top:0; left:0; width:420px}
    #pricing-pills a.both.pricing-tab-pills{position:absolute; top:0; right:0; width:420px}

    /*APPLY Disocunt*/


    #apply-discount{font-size:20px; margin-top:-40px; margin-bottom:40px;}
    .m_switch {width: 38px; height: 20px; margin:5px 18px}


    /*PRICING TAB NAV*/


    /*PRICING HEADERS*/
    .pricing .price-headers div.desc{  height:auto}
    .pricing .price-headers dl.title h1{ font-size:60px;}
    .pricing .price-headers dl span{font-size:25px;}
    .pricing .price-headers dl.peryr{ font-size:12px;}
    .pricing .price-headers .initiation-fee{ font-size:28px; line-height:34px}


    /*INITITAION FEE*/

    /*FIRST YEAR TOTAL*/
    .pricing-totals{ font-size:30px; font-weight:700; line-height:30px}

    /*PRICING META */




}

/* Extra large devices (large desktops, 1200px and up) wit lang */
@media (min-width: 1200px) {
    .pricing-tab{display:none}
    .table.pricing-table thead{ display: table-header-group}
    .hide-init{display:table-cell}
}


@media (max-width: 1366px) and (min-width:1366px) {

    .pricing .price-headers dl.title h1 {font-size: 40px;}

    .pricing h2 { font-size: 20px !important; }
    .pricing .price-headers dl span {font-size: 20px; }

    .pricing .price-headers .initiation-fee {
        font-size: 20px;
    }

}



.resized .pricing-tab{display:block}
.resized .table.pricing-table thead{ display: none}
.resized .hide-init{display:none}