/*General CSS*/
body{background: white;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
label{cursor:pointer;}
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.capitalized{text-transform:capitalize !important;}
.uppercase{text-transform: uppercase !important;}
.main-banner{position: relative;background-color: rgba(0,0,0,0.5);background-image: url('../ptg04449831.html'); background-position:center; background-repeat: no-repeat; background-size: cover;}
.ui.header.main-header{color: #FFFFFF; position: relative;}
/*General CSS*/

/*Credits CSS*/
#credits_wrapper{ max-width:540px; margin:0 auto;height:auto;background:#FFF;border-radius:2px;box-shadow:0 2px 10px 0 rgba(51,51,51,0.15);position:relative;}
.ori_price_wrapper{color:#D84141;text-decoration:line-through;}
#creditscust{width:54px;height:25px;background:#FFFFFF;box-shadow:0 1px 4px 0 rgba(51,51,51,0.10);font-size:14px;color:#333333;letter-spacing:0;text-align:center;}
#customcredits_usave{color:#D84141;text-decoration:line-through;width:83px;text-align:right;}
/*Credits CSS*/

/*bottom banner info*/
.ui.button.wide{padding:9px 90px; line-height:16px;}
/*bottom banner info*/

/*new pricing style */
.section-best-price{
    font-size: 40px;
}
.pricing-ribbon {
    position: absolute;
    top: -35px;
    right: -35px;
    max-width: 158px;
    height: auto;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.pricing-ribbon2 {
    position:absolute;
    max-width: 104px;
    height: auto;
}
.cred-container{
    padding: 40px 60px;
}

.pricing-container.box  {
    position: relative;
    border-radius: 2px;
}
.pricing-container.box  .pricing-wrapper {
    position:relative;
    width: 100%;
    z-index: 2;
    height: 100%;
}
.pricing-container.box  .info-content{
    position:relative;
    max-width: 520px;
    z-index: 2;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);
    padding: 0px 60px;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pricing-bg-img{
        padding-bottom:0px;
        background-image: url(../jpg/66491865_l.jpg);
    }

    #subs_selector {
        max-width: 100%;
    }

    .pricing-container.box  {
        position: relative;
        height: 100%;
        border-radius: 2px;
        padding: 0px !important;
        width: 100%;
        margin-bottom: 20px;
    }

    .pricing-ribbon {
        max-width: 158px;
    }

    .pricing-container .header {
        min-height: 0px;
    }
    .pricing-container .header .icontitle {
        width: 25px;
        margin-top: -5px;
    }
    .pricing-container .header .subtitle {
        display: inline-block;
    }
    .pricing-container.box .footer {
        position: relative;
        bottom: 0;
        padding-bottom:30px;
    }

    .pricing-container.box  .pricing-wrapper {
        position:relative;
        width: 95%;
        z-index: 2;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 520px;
    }

    .pricing-container.box .info-content{
        position: relative;
        height: 100%;
        max-width:100%;
    }
    .pricing-container.box.krtext  .info-content{
        height: 100%;
    }

    .left.pricing-textwrap {
        max-width: 70%;
    }
    .right.pricing-textwrap {
        max-width: 30%;
    }
}

@media only screen and (min-width:568px) and (max-width:769px) {
    .pricing-bg-img{
        padding-bottom:0px;
        background-image: url(../jpg/66491865_l.jpg);
    }


    #subs_selector {
        max-width: 100%;
    }

    .pricing-container.box  {
        position: relative;
        height: 100%;
        border-radius: 2px;
        padding: 0px !important;
        width: 100%;
        margin-bottom: 20px;
    }

    .pricing-container.box  .pricing-wrapper {
        position:relative;
        width: 95%;
        z-index: 2;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 520px;
    }
    .pricing-container.box  .info-content{
        position: relative;
        height: 100%;
        max-width:100%;
    }
    .pricing-container.box.krtext  .info-content{
        height: 100%;
    }

    .pricing-container.box .footer {
        position: relative;
        bottom: 0;
        padding-bottom:30px;
    }

    .pricing-ribbon {
        max-width: 158px;
    }

    .pricing-container .header {
        min-height: 0px;
    }
    .pricing-container .header .icontitle {
        width: 25px;
        margin-top: -5px;
    }
    .pricing-container .header .subtitle {
        display: inline-block;
    }

    .left.pricing-textwrap {
        max-width: 67.5%;
    }
    .right.pricing-textwrap {
        max-width: 32.5%;
    }
}

@media only screen and (max-width:567px) {
    .ui.buttons.text-in-button{
        font-size: 12px;
    }
    #subs_1 ,
    #subs_12 {
        font-size: 12px;
    }

    #subs_selector {
        max-width: 100%;
    }

    #content-mobile {display: block;}
    .mobile-cred{
        font-size: 30px;
        color: #333333;
        display: block;
    }
    .pricing-container.box  {
        position: relative;
        height: 100%;
        border-radius: 2px;
        padding: 0px !important;
        width: 100%;
        margin-bottom: 20px;
    }
    .pricing-container.box  .pricing-wrapper {
        position:relative;
        width: 95%;
        z-index: 2;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .pricing-container.box  .info-content{
        position: relative;
        padding: 0px 20px;
        height: 100%;
        max-width:100%;
    }
    .pricing-container.box.krtext  .info-content{
        height: 100%;
    }

    .pricing-container.box .footer {
        position: relative;
        bottom: 0;
        padding-bottom:30px;
    }

    .pricing-bg-img{
        padding-bottom:0px;
        background-image: url(../jpg/66491865_l.jpg);
    }
    .pricing-ribbon {
        max-width: 158px;
    }

    .pricing-container .header {
        min-height: 0px;
    }
    .pricing-container .header .icontitle {
        width: 25px;
        margin-top: -5px;
    }
    .pricing-container .header .subtitle {
        display: inline-block;
    }

    .left.pricing-textwrap {
        max-width: 50%;
    }
    .right.pricing-textwrap {
        max-width: 35%;
    }
}