/* 5 cols layout
-------------------------------------------------- */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
    .col-xs-5ths,
    .col-sm-5ths,
    .col-md-5ths,
    .col-lg-5ths {
        padding-right: 1px;
        padding-left: 1px;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.lee-services-list .loading {
    position: absolute;
    z-index: 2;
    width: 100%;
    left:0;
}

.lee-services-list .packages { 
    opacity:0; 
    transition: opacity .5s; 
}

.lee-featured-subscription,
.lee-services-list .promotion,
.lee-services-list .has-promotion .price,
.lee-services-list .special-title,
.lee-services-list .label-tag { display: none; }
.lee-services-list .has-promotion .promotion,
.lee-services-list .has-special-title .special-title,
.lee-services-list .has-label .label-tag { display: block; }

.lee-services-list .btn-danger {
    background-color: #dc4004;
    border-color: #dc4004;
    border-radius: 40px;
    padding: 10px 15px 10px 20px;
    font-weight: 300;
}
.lee-services-list .btn-danger:hover { opacity: .9; box-shadow: 0 0 0 4px rgba(220, 65, 3, 0.3); }

/* single package */
.lee-services-list.single .has-promotion .btn.purchase { font-size: 22px; padding: 10px 15px 10px 30px; }
.lee-services-list.single .has-promotion .btn.purchase .tnt-svg { font-size: 28px; margin-left: 15px; opacity: .5; }
.lee-services-list.single .rate {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 300;
}
@media (max-width: 991px) {
    .lee-services-list.single .rate { font-size: 18px; font-weight: 400; }
}


/* multi package */
.lee-services-list.multiple .row { margin-bottom: 20px; }
.lee-services-list.multiple .btn.purchase .tnt-svg { font-size: 22px; margin-left: 5px; opacity: .3; }
.lee-services-list.multiple .package .price { line-height: 40px; }
.lee-services-list.multiple .package .price span { vertical-align: middle; display: inline-block; }
.lee-services-list.multiple .package .price .sign,
.lee-services-list.multiple .package .price .cents { font-size: 24px; }
.lee-services-list.multiple .package .amount { font-size: 40px; font-weight: bold; }
.lee-services-list.multiple .package .term { font-size: 13px; color: rgba(0,0,0,.6); line-height: 18px; }
.lee-services-list.multiple .package .promotion.term { font-size: 12px; color: rgba(0,0,0,.4); font-style: italic; }
.lee-services-list .special-title { font-weight: bold; color: #dc4004; }
.lee-services-list.multiple .package .start { opacity: .5; text-transform: uppercase; font-size: 12px; line-height: 18px; }
.lee-services-list.multiple .row > [class*='col-'] { z-index: 1; }
.lee-services-list.multiple .row > [class*='col-'].featured-package { z-index: 2; }
.lee-services-list.multiple .package .label-tag { 
    position: absolute; 
    background-color: #777; 
    color: #fff; 
    font-size: 10px; 
    line-height: 11px;
    padding: 6px 6px 6px 10px;
}

@media (min-width: 992px) {
    .lee-services-list.multiple .row { 
        margin-left: 20px; 
        margin-right: 20px; 
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    .lee-services-list.multiple .row > [class*='col-'] { 
        margin: 30px 0 15px 0; 
        padding:2px; 
        display: flex; 
        flex-direction: column;
        position: relative;
        border-left: 1px solid rgba(0,0,0,.1);
        border-bottom: 1px solid rgba(0,0,0,.1);
        border-top: 1px solid rgba(0,0,0,.1);
        background-color: #fdfdfd;
    }
    .lee-services-list.multiple .row > [class*='col-']:last-child { border-right: 1px solid rgba(0,0,0,.1); }
    .lee-services-list.multiple .row > [class*='col-'].featured-package { 
        margin:0; 
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
        margin: 0 -4px;
        border-right: 1px solid rgba(0,0,0,.15); 
        border-color: rgba(0,0,0,.15);
        border-radius: 5px;
        background-color: #fff;
    }
    .lee-services-list.multiple .package { margin-bottom: 30px; }
    .lee-services-list.multiple .row > [class*='col-'].featured-package .title { 
        color: #fff; 
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; 
    }
    .lee-services-list.multiple .package .title { 
        background-color: rgba(0,0,0,.1);
        font-size: 16px;
        font-weight: 600;
        padding: 15px 0;
        text-transform: uppercase;
    }
    .lee-services-list.multiple .package .triangle {
        content: ' ';
        border-color: rgba(0,0,0,.1) transparent;
        border-style: solid;
        border-width: 10px 10px 0px 10px;
        height: 0px;
        width: 0px;
        position: relative;
        margin: 0 auto 15px auto;
    }
    
    .lee-services-list.multiple .package .label-tag { 
        top: 46px;
        right: 2px;
    }
    .lee-services-list.multiple .package .footer { margin-top: 20px; }
}

@media (max-width: 991px) {
    .lee-services-list.multiple .packages {
        margin-top: -21px;
        border-top: 1px solid #ccc;
    }
    .lee-services-list.multiple .package { 
        display: flex; 
        border-bottom: 1px solid #ccc; 
        margin-bottom: 0; 
        padding: 15px 20px; 
        background-color: #fff;
        position: relative;
        margin: 0 -15px;
    }
    .lee-services-list.multiple .featured-package .package {
        margin: -1px -20px 5px -20px;
        padding: 20px 28px;
        border-top: 1px solid #222;
        border-bottom: 1px solid #222;
        box-shadow: 0px 3px 11px 2px rgba(0,0,0,.2);
    }
    #lee-subscription-wall .lee-services-list.multiple .featured-package .package { margin-left: -26px; margin-right: -26px; }
    .lee-services-list.multiple .package .header,
    .lee-services-list.multiple .package .footer { display: flex; flex-direction: column; justify-content: center; }
    .lee-services-list.multiple .package .header { width: 55%; padding-left: 10px; }
    .lee-services-list.multiple .package .footer { width: 45%;  }
    .lee-services-list.multiple .package .promotion.term { display: none; }
    .lee-services-list.multiple .package .title { font-weight: bold; font-size: 18px; }
    .lee-services-list.multiple .package .label-tag {
        top: 0;
        right: 0;
    }
}