@media (max-width: 1199px){
    .page-title{
        display:none;
    }
}
.page-content{
    padding:0 0 50px;
}

.mt50{
    margin-top:50px;
}
.text-right{
    text-align:right;
}

.informatii-section,
.comenda-section,
.livrare-section,
.securitate-section,
.subscr-section,
.vouchers-section,
.qr-section,
.gift-card-section,
.favorites-list-section,
.my-points-section,
.reviews-section,
.comenzi-section{
    padding:25px 0 40px;
}


.informatii-section,
#addresses_wrapper,
.securitate-section{
    max-width:1000px;
    margin:0 auto;
}

.login-section{
    padding:50px 0;
}
.login-form{
    max-width:370px;
    margin:0 auto;
    background-image: url('../img/login-form-bg.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 0 40px 20px rgba(0,0,0,0.07);
    box-shadow: 0 0 40px 20px rgba(0,0,0,0.07);
    color:#fff;
    font-weight:300;
    font-size:15px;
    line-height:1.35;
}
.logf-header{
    padding:30px;
    text-transform:uppercase;
}
.logf-header a{
    color:#fff;
    font-weight:600;
}
.logf-header a:hover{
    text-decoration: underline;
}
.logf-body{
    padding:130px 30px 0;
}
.logf-body-top{
    padding-bottom:60px;
}
.logf-headline{
    font-weight:300;
    font-size:30px;
    line-height: 1;
    margin:0;
    text-transform:uppercase;
    display:inline-block;
}
.logf-form{
    position:relative;
}
.logf-form input{
    height:45px;
    width:100%;
    border:none;
    background:#fff;
    border-radius: 5px;
    padding:0 16px;
    font-size:15px;
    line-height:1;
    font-weight:300;
    color:#000;
}
.logf-form input[type="password"]{
    padding-right:50px;
}
.logf-form input + input{
    margin-top:15px;
}
.logf-form input::-webkit-input-placeholder {
    color:#8493a8;
    opacity:1;
}
.logf-form input::-moz-placeholder {
    color:#8493a8;
    opacity:1;
}
.logf-form input:-ms-input-placeholder {
    color:#8493a8;
    opacity:1;
}
.logf-form input:-moz-placeholder {
    color:#8493a8;
    opacity:1;
}
.logf-body button{
    position:absolute;
    bottom:0;
    right:0;
    padding:0;
    margin:0;
    border:0;
    color:#fff;
    background:#40babd;
    text-align:center;
    height:45px;
    width:45px;
    line-height:45px;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    cursor:pointer;
    transition: background 0.15s;
}
.logf-body button:hover{
    background:#41a1a4;
}
.logf-info{
    margin:0;
    font-size:13px;
    line-height:1;
    padding:16px;
}
.logf-info a{
    color:#fff;
}
.logf-info a:hover{
    text-decoration:underline;
}
.logf-bottom a{
    float:left;
    display:inline-block;
    width:50%;
    color:#fff;
    text-align:center;
    line-height:45px;
    font-size:15px;
}
.logf-bottom a i{
    font-size:18px;
    vertical-align:top;
    line-height:45px;
    margin-right:5px;
}
.logf-bottom a.login-facebook{
    background:#3b5998;
    transition: background 0.15s;
}
.logf-bottom a.login-facebook:hover{
    background: #344d82;
}
.logf-bottom a.login-google{
    background:#dc4838;
    transition: background 0.15s;
}
.logf-bottom a.login-google:hover{
    background: #cd4435;
}
.mobile-register-link{
    display:none;
    float:right;
    color:#fff;
    text-transform:uppercase;
    padding-top: 8px;
    font-size:12px;
}
@media (max-width: 991px){
    .login-section{
        padding:30px 0 50px;
    }
}
@media (max-width: 420px){
    .login-section{
        padding-top:0;
        overflow:hidden;
    }
    .login-form{
        -webkit-border-radius: 0;
        border-radius: 0;
        margin-top:-3px;
    }
    .logf-body{
        padding: 130px 10px 0;
    }
    .logf-header{
        display:none;
    }
    .mobile-register-link{
        display:inline-block;
    }
    .logf-bottom a{
        float:none;
        width:100%;
    }
}


.section-header{
    text-align:center;
    padding-bottom:50px;
}

.informatii-section .section-header{
    padding-bottom:10px;
}
.section-headline,
.subscr-section .section-headline{
    margin:0;
    color:#9fa9b0;
    font-size:24px;
    line-height:1.2;
    display:inline-block;
    border-bottom:3px solid #e3e8ec;
    padding:10px 50px;
}
@media (max-width: 1199px){
    .section-headline{
        font-size:22px;
        padding:0 15px;
    }
}

.col-half{
    display:inline-block;
    width:50%;
    vertical-align:top;
    margin-right:-0.25em;
    min-height:1px;
}
.col-full{
    margin-top:60px;
}

.acc-form .col-half{
    margin-top:60px;
}
.account-info .col-half:first-child,
.account-info .col-half:first-child + .col-half{
    margin-top:0;
}

.form_control{
    padding:0 12px;
    border:0;
    border-bottom:2px solid #00a1a9;
    background:none;
    width:100%;
    font-size:18px;
    line-height:1;
    height:32px;
    color:#000;
    max-width:420px;
}
.form_control + .form_control{
    margin-top:30px;
}
.col-full .form_control{
    max-width: calc(100% - (50% - 420px));
}
.form_control::-webkit-input-placeholder {
    color: #9fa9b0;
    opacity:1;
}
.form_control::-moz-placeholder {
    color: #9fa9b0;
    opacity:1;
}
.form_control:-ms-input-placeholder {
    color: #9fa9b0;
    opacity:1;
}
.form_control:-moz-placeholder {
    color: #9fa9b0;
    opacity:1;
}

.account-info.acc-form .form-group{
    width:100%;
    max-width:420px;
}


.select_form_control{
    border:0;
    border-bottom:2px solid #00a1a9;
    font-size:18px;
    line-height:1;
    width:100%;
    height:32px;
    background:none;
    max-width:420px;
}

.select_form_control + .sbHolder{
    width:100%;
    max-width:420px;
    height:27px;
    border-bottom:2px solid #00a1a9;
    position:relative;
    font-size:18px;
    font-weight:400;
}
.select_form_control + .sbHolder .sbSelector{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:33px;
    color: #000;
    line-height:25px;
    padding: 0 11px;
}
.select_form_control + .sbHolder .sbSelector.placeholder{
    color: #9fa9b0;
}
.select_form_control + .sbHolder .sbToggle{
    position:absolute;
    right:0;
    width:33px;
    top: 0;
    bottom:0;
    line-height:25px;
    text-align:center;
    color:#00a1a9;
}
.select_form_control + .sbHolder .sbToggle:after{
    font-family: 'FontAwesome';
    content: "\f107";
}
.select_form_control + .sbHolder .sbToggle.sbToggleOpen:after{
    content: "\f106";
}
.select_form_control + .sbHolder .sbOptions{
    position:absolute;
    top:27px;
    margin-top:2px;
    left:0;
    right:0;
    background:#fff;
    -webkit-box-shadow: 0 5px 10px 2px rgba(0,0,0,0.05);
    box-shadow: 0 5px 10px 2px rgba(0,0,0,0.05);
    padding: 8px 0;
    overflow-y:auto;
    z-index:10;
}
.select_form_control + .sbHolder .sbOptions li:first-child{
    display:none;
}
.select_form_control + .sbHolder .sbOptions li a{
    display:block;
    font-size:15px;
    line-height:18px;
    padding:8px 11px;
    color: #000;
    font-weight:400;
}
.select_form_control + .sbHolder .sbOptions li a:hover{
    color:#00a1a9;
}

label{
    cursor:pointer;
}


.security-form.acc-form .fc-label{
    margin-bottom:15px;
}


.fc-label{
    display:block;
}
.fc-label.hidden{
    display:none;
}
.fc-label span{
    font-size:18px;
    display:block;
    padding:0 12px 15px;
}
.fc-label + .fc-label{
    margin-top:30px;
}


#account_avatar{
    position:relative;
    display:none;
}
#upload-avatar{
    display:inline-block;
    position:relative;
    padding-left:85px;
}
#upload-avatar .account-user-img,
#upload-avatar > span{
    display:inline-block;
    vertical-align: middle;
}
#upload-avatar .account-user-img{
    margin: 0 auto 15px;
    width: 70px;
    height: 70px;
    padding: 2px;
    border-radius: 100%;
    background: rgb(0,117,123);
    background: -moz-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,117,123,1) 0%,rgba(0,161,169,1) 100%);
    background: linear-gradient(45deg, rgba(0,117,123,1) 0%,rgba(0,161,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00757b', endColorstr='#00a1a9',GradientType=1 );
    position:absolute;
    top:50%;
    margin-top:-35px;
    left:0;
}
#upload-avatar .account-user-img  .img-cont{
    width: 66px;
    height: 66px;
    overflow: hidden;
    position: relative;
    border-radius: 100%;
}
#upload-avatar .account-user-img  .img-cont img{
    position: relative;
    width: 100%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#upload-avatar > span{
    color:#646464;
    font-weight:300;
    font-size: 18px;
    line-height:27px;
    display:inline-block;
}

#croppicModal{
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.accinfo{
    font-size:15px;
    line-height:1.4;
    color:#879199;
    margin:0;
}

.account-info.acc-form .accinfo{
    width:100%;
    max-width:420px;
}
.account-info.acc-form .checkbox{
    width:100%;
    max-width:420px;
    display:block;
}
.account-info.acc-form .checkbox .checkbox-text{
    font-size:16px;
}


.checkbox{
    display:inline-block;
}
.checkbox + .checkbox{
    margin-left:30px;
}
.checkbox input{
    display:none;
}
.checkbox .checkbox-icon{
    border: 1px solid #9fa9b0;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    color: #00a1a9;
}
.checkbox input:checked + .checkbox-icon-wrap .checkbox-icon:before {
    font-family: 'FontAwesome';
    content: "\f00c";
}
.checkbox input:checked + .checkbox-icon-wrap .checkbox-icon{
    border-color: #00a1a9;
}
.checkbox .checkbox-icon-wrap,
.checkbox .checkbox-text{
    display:table-cell;
    vertical-align:middle;
}
.checkbox .checkbox-text{
    padding-left:18px;
    line-height:1.2;
    color:#54657e;
}
.checkbox input:checked + .checkbox-icon-wrap + .checkbox-text{
    color:#000;
}

.acc-form .form-row{
    margin-top:30px;
}

@media (max-width: 992px){
    .acc-form .col-half{
        padding-right:20px;
    }
}
@media (max-width: 767px){
    .informatii-section{
        padding-right:10px;
        padding-left:10px;
    }
    
}
@media (max-width: 639px){
    .acc-form .col-half{
        width:100%;
        display:block;
        margin-right:0;
        padding-right:0;
    }
    .account-info.acc-form .col-half,
    .account-info.acc-form .col-half:first-child + .col-half{
        margin-top:40px;
    }
    .acc-form .form_control,
    .select_form_control + .sbHolder{
        max-width:100%;
    }
    .form-bottom{
        text-align:center;
    }
    .form-headline{
        text-align:center;
    }
    .add-adress-form .checkbox{
        width:50%;
        margin-right:-0.25em;
        padding-right:20px;
    }
    .add-adress-form .checkbox + .checkbox{
        margin-left:0;
    }
}


.item{
    background: #fff;
    -webkit-box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    padding: 20px 10px 20px 20px;
    display: table;
    width: 100%;
    color: #000;
    line-height: 1.35;
}
.item + .item{
    margin-top:20px;
}
.item > *{
    display:table-cell;
    vertical-align:middle;
}
.item .item-actions{
    text-align: right;
    width:35%;
}
.item .item-actions .button + .button{
    margin-left:6px;
}

.addresses-bottom{
    padding-top:30px;
}



.add-adress-form{
    padding-top:50px;
    display:none;
}
#addresses_wrapper{
    padding-top:50px;
}
#addresses_wrapper .add-adress-form{
    padding-top:0;
}
.add-adress-form.active{
    display:block;
}
.form-headline{
    margin: 0;
    color: #9fa9b0;
    font-size: 24px;
    line-height: 1.2;
}
@media (max-width:1199px){
    .item{
        font-size:15px;
    }
}
@media (max-width: 767px){
    .item{
        padding:10px;
    }
    .item-delete{
        display:none;
    }
    .button.button-dark-blue.item-edit{
        background: url(../img/icon-img/edit-icon.png);
        background-repeat: no-repeat;
        background-position: center center;
        color: #00a1a9;
        font-size: 0;
        padding: 0;
        width: 24px;
        height: 24px;
    }
    .addr-item .item-actions{
        width:20%;
    }
    .livrare-section{
        padding:0 10px;
    }
    .addresses-bottom{
        text-align:center;
    }
}

/*.security-form,
.security-button-container{
    display:inline-block;
    vertical-align:top;
    width:50%;
    margin-right:-0.25em;
}
.security-form .form-row{
    margin-top:60px;
}*/
.security-form .form-row:first-child .col-half:first-child{
    padding-top:23px;
}
.security-form.acc-form .col-half {
    margin-top: 0;
}
@media (max-width: 767px){
    .securitate-section{
        padding-left:10px;
        padding-right:10px;    
    }
}
@media (max-width: 639px){
    .security-form.acc-form .form-row{
        margin:0;
    }
    .security-form.acc-form .col-half:empty,
    .security-form .form-row:first-child .col-half:first-child{
        margin-top:0;
        padding-top:0;
    }
    .security-form.acc-form .col-half{
        margin-top:30px;
    }
}

.comz-item{
    font-weight:400;
}
.td-label{
    text-transform:uppercase;
    color:#9fa9b0;
    font-weight:600;
    margin-bottom:3px;
    font-size:13px;
}
.comz-item .status{
    text-transform:uppercase;
    font-size:11px;
    line-height:20px;
    padding:0 9px;
    color:#fff;
    display:inline-block;
    font-weight:600;
}


.status.queue{
    background-color: #00A9CC;
}
.status.processing{
    background-color: #00A9CC;
}
.status.shipped{
    background:#00a1a9;
}
.status.completed{
    background:#003E59;
}
.status.cancelled{
    background-color: #be4f4f;
}
.status.refused{
    background-color: #be4f4f;
}








.cmzi-actions{
    width:380px;
    text-align:right;
}


.cmzi-price{
    font-size:22px;
    line-height:1;
    color:#041d40;
}
.cmzi-price .decim{
    font-size:14px;
    position:relative;
    top:-0.4em;
}

.cmzi-actions .btn + .btn{
    margin-left:10px;
}

.cmzi-value{
    width:240px;
}
.cmzi-status{
    width:170px;
}
.cmzi-date{
    width:130px;
}


.comanda-header{
    width:100%;
    border-collapse:collapse;
    margin-bottom:40px;
}
.comanda-header .table-cell{
    font-size:15px;
    line-height:1.4;
    font-weight:400;
    color:#000;
    padding:0 10px 0 0;
    border:0;
}
.comanda-header .table-cell.data{
    padding-left:42px;
}
.comanda-header .table-cell.actions{
    text-align:right;
    padding-right:42px;
}
.comanda-header .table-cell .td-txt{
    text-transform:uppercase;
}



.table{
    display:table;
    width:100%;
    border-collapse:collapse;
}
.table-cell{
    display:table-cell;
    vertical-align:top;
}
.td-price{
    font-size:22px;
    line-height:1;
    color:#000;
}
.td-price .decim{
    font-size:14px;
    position:relative;
    top:-0.5em;
}
.status-comanda{
    background:#ffffff;
    -webkit-box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    margin-bottom:50px;
}
.status-comanda .table-cell{
    text-align:center;
    font-size:18px;
    line-height: 1.4;
    font-weight:300;
    color:#54657e;
    padding:40px 5px;
}
.stcom-item{
    position:relative;
}
.status-comanda .table-cell i,
.status-comanda .table-cell span{
    display:inline-block;
    vertical-align:top;
    position:relative;
    line-height:33px;
}
.status-comanda .table-cell.declined{
    color:#d26a5c;
}
.status-comanda .table-cell i{
    font-size:33px;
    margin-right:10px;
}
.status-comanda .table-cell.checked{
    color:#9fa9b0;
}
.status-comanda .table-cell.checked i{
    color:#818181;
}
.status-comanda .table-cell.checked span:after{
    font-family: 'FontAwesome';
    content: "\f00c";
    line-height: 23px;
    font-size: 13px;
    position: absolute;
    top: -10px;
    right: -25px;
    background: #46c37b;
    color: #fff;
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    text-align: center;
}
.status-comanda .table-cell.checked .stcom-item:after{
    content:'\02192';
    position:absolute;
    top:50%;
    right:-5px;
    font-size:23px;
    -moz-transform: translateX(50%) translateY(-50%);
    -webkit-transform: translateX(50%) translateY(-50%);
    -o-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
}
.status-comanda .table-cell:last-child .stcom-item:after{
    display:none;
}
.status-comanda .table-cell.active i,
.status-comanda .table-cell.active span{
    color:#00a1a9;
}

.status-comanda .table-cell.active span:after{
    font-family: 'custom-icons';
    content: "\e903";
    color:#d08400;
    font-size:23px;
    position:absolute;
    top:-10px;
    line-height:1;
    right:-22px;
}
.status-comanda .table-cell .ci-house{
    top: -5px
}
.status-comanda .table-cell .ci-livrare{
    top: 2px
}

.detalii-facturare,
.abon-info{
    padding:0 42px;
    font-weight:300;
    margin-bottom:40px;
    font-size:16px;
    line-height:1.4;
}
.detalii-facturare h5,
.abon-info h5{
    font-weight:600;
    color:#9fa9b0;
    font-size:13px;
    line-height:1.2;
    margin:0 0 12px;
    text-transform:uppercase;
}
.detalii-facturare strong,
.abon-info strong{
    font-weight:600;
}
.detalii-facturare .col-half,
.abon-info .col-half{
    padding-right: 10px;
}

.comanda-products{
    background: #ffffff;
    -webkit-box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    padding:20px 42px;
    margin-bottom:35px;
}
.cmd-product{
    display:table;
    width:100%;
    padding:10px 0;
    font-size:15px;
    font-weight: 400;
}
.cmd-product > *,
.cmdp-img,
.cmdb-text,
.cmdp-cant,
.cmdp-price{
    display:table-cell;
    vertical-align:top;
}
.cmdp-img{
    height:150px;
    width:120px;
}
.cmdp-img img{
    max-width:100%;
    max-height:100%;
}
.cmdb-text{
    padding:20px 130px 0 10px;
    width:400px;
}
.cmdp-title{
    font-size: 24px;
    line-height: 1.2;
    color: #00a1a9;
    margin: 0 0 15px;
}
.cmdp-attributes li{
    display:block;
    font-size:15px;
    line-height:1;
    font-weight:300;
    color:#000000;
    margin-bottom:12px;
}
.cmdp-attributes li .cmdp-label{
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1;
    color: #9fa9b0;
    letter-spacing: 0.5px;
    display:block;
    margin-bottom:3px;
}

.cmdp-cant{
    padding-top:26px;
    width:280px;
}

.cmdp-price{
    line-height:1;
    padding-top:20px;
    width:245px;
}
.cmdp-price .old-price{
    font-size:22px;
    color:#879199;
    padding-left:5px;
    margin-bottom:5px;
    display:inline-block;
    position:relative;
}
.cmdp-price .old-price:before{
    content:'';
    width:100%;
    height:0;
    border-top:1px solid #879199;
    position:absolute;
    top:50%;
    left:0;
}
.cmdp-price .old-price .decim{
    font-size:14px;
    position:relative;
    top:-0.45em;
}
.cmdp-price .current-price{
    font-size:36px;
    color:#00a1a9;
    display:block;
}
.pr-discount .cmdp-price .current-price:before{
    content:  "-";
}
.cmdp-price .current-price .decim{
    font-size:18px;
    position:relative;
    top:-0.65em;
}


.comanda-total{
    padding:0 42px;
    font-size:15px;
}
.cmd-prod-price,
.transport-price,
.cmd-total-price{
    line-height:1;
}

.cmd-prod-price .old-price, 
.cmd-prod-price .current-price{
    display:inline-block;
}
.cmd-prod-price .old-price{
    font-size:22px;
    color:#879199;
    display:inline-block;
    position:relative;
}
.cmd-prod-price .old-price:before{
    content:'';
    width:100%;
    height:0;
    border-top:1px solid #879199;
    position:absolute;
    top:50%;
    left:0;
}
.cmd-prod-price .old-price .decim{
    font-size:14px;
    position:relative;
    top:-0.45em;
}
.cmd-prod-price .current-price{
    font-size:36px;
    color:#00a1a9;
}
.cmd-prod-price .current-price .decim{
    font-size:18px;
    position:relative;
    top:-0.7em;
}

.comanda-total .discount {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    background: #00a1a9;
    border-radius: 8px;
    padding: 7px 20px;
    margin-top: 7px;
    display: inline-block;
}

.transport-price,
.cmd-total-price{
    font-size:22px;
    color:#879199;
}
.comd-total .td-label,
.cmd-total-price{
    color:#000;
}
.transport-price .decim,
.cmd-total-price .decim{
    font-size:14px;
    position:relative;
    top:-0.45em;
}

.comanda-total .td-label{
    margin-bottom:20px;
}

@media (max-width: 1199px){
    .comanda-products{
        padding:15px 10px;
    }
    .cmdb-text{
        width:450px;
    }
    .cmdp-cant{
        width:160px;
    }
}
@media (max-width:991px){
    .cmzi-awb{
        display:none;
    }
    .cmzi-actions{
        width:130px;
    }
    .cmzi-value,
    .cmzi-status{
        width:140px;
    }
    
    .comanda-header .table-cell{
        display: inline-block;
        width: 50%;
        padding:0;
        margin:0 -0.25em 15px 0;    
    }
    .comanda-header .table-cell.data{
        padding-left:0;
    }
    .comanda-header .table-cell.actions{
        display:block;
        text-align:center;
        padding:0;
        width:100%;
    }
    
    .status-comanda{
        display:block;
    }
    .status-comanda .table-cell{
        display:inline-block;
        margin:-0.25em;
        width:33.333333%;
    }
    .status-comanda .table-cell.checked .stcom-item:after{
        display:none;
    }
    .detalii-facturare{
        padding:0 10px;
    }
    
}
@media (max-width:767px){
    .comanda-header{
        display:block;
        padding:0 10px;
    }
    .comz-item{
        position:relative;
        padding-right:40px;
    }
    .comz-item > *{
        display:block;
        width:100%;
        margin-bottom:10px;
    }
    .comz-item .td-label,
    .comz-item .td-txt,
    .comz-item .td-price{
        display:inline-block;
    }
    .comz-item .td-label{
        font-size:13px;
    }
    .cmzi-actions{
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        width:40px;
    }
    .cmzi-actions .btn{
        background:none;
        font-size:0;
        color: #00a1a9;
        padding:0;
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
        text-align:center;
    }
    .cmzi-actions .btn .btn-skew{
        display:none;
    }
    .cmzi-actions .btn:after{
        font-family: 'FontAwesome';
        content: "\f105";
        font-size:18px;
        line-height:18px;
        display:inline-block;
        position:absolute;
        top:50%;
        width:100%;
        left:0;
        text-align:center;
        margin-top:-9px;
    }
    
    .detalii-facturare .col-half{
        width:100%;
        display:block;
        padding-right:0;
        margin-bottom:30px;
    }
    
    .cmdp-info{
        padding-top:15px;
    }
    .cmdb-text,
    .cmdp-cant,
    .cmdp-price{
        display:block;
        width:100%;
        padding:0;
        margin-bottom:15px;
    }
    .cmdp-title{
        color:#041d40;
        font-size:18px;
    }
    .cmd-product .td-label{
        font-size:13px;
        font-weight:400;
    }
    
    .cmdp-price .current-price{
        font-size:24px;
        color:#041e41;
    }
    .cmdp-price .current-price .decim{
        font-size:14px;
    }
    .cmdp-price .old-price{
        font-size:16px;
    }
    .cmdp-price .old-price .decim{
        font-size:12px;
    }
    
    .comanda-total{
        padding:0 10px;
    }
    .comanda-total .table,
    .comanda-total .table .table-cell{
        display:block;
        width:100%;
    }
    .cmd-prod-price .old-price{
        display:inline-block;
    }
    .comanda-total .table .table-cell{
        margin-bottom:20px;   
    }
    .cmd-prod-price .old-price{
        margin-top:10px;
    }
    .comanda-total .td-label{
        font-size:13px;
        margin-bottom:5px;
    }
    
    .cmd-prod-price .current-price{
        font-size:30px;
        display:block;
    }
    .cmd-prod-price .current-price .decim{
        font-size:16px;
    }
}

@media (max-width:639px){
    .status-comanda{
        padding:10px 0;
    }
    .status-comanda .table-cell{
        width:50%;
    }
    .status-comanda .table-cell{
        padding:13px 10px;
        text-align:left;
    }
    .status-comanda .table-cell i{
        font-size:23px;
        margin-right:0;
    }
    .status-comanda .table-cell.checked span:after{
        line-height: 20px;
        font-size: 12px;
        top: -10px;
        right: -13px;
        width: 20px;
        height: 20px;
    }
    .status-comanda .table-cell.active span:after{
        font-size: 20px;
        right: -14px;
    }
}
@media (max-width:359px){
    .stcom-item{
        font-size:14px;
    }
}



.subscr-item .table-cell{
    font-size:15px;
    font-weight:400;
    padding:20px 10px;
    vertical-align:top;
    width:150px;
}
.subscr-item .subscr-name{
    padding-left:20px;
    width:290px;
    vertical-align: middle;
}
.subscr-item .subscr-cant{
    width:120px;
}
.subscr-item .subscr-delivery{
    width:220px;
}

.subscr-item .subscr-actions{
    text-align:right;
    width:150px;
}
.subscr-item .subscr-actions .button{
    text-align:center;
    white-space: nowrap;
}
.subscr-status .status{
    font-size:11px;
    text-transform: uppercase;
    font-weight:600;
    color:#fff;
    padding:0 10px;
    display:inline-block;
    line-height:20px;
    letter-spacing:1px;
}
.subscr-status .status.activ{
    background:#46c37b;
}
.subscr-item .subscr-status{
    width:130px;
}
.subscr-item .subscr-coffee{
    width:420px;
}

.abon-info{
    background: #ffffff;
    -webkit-box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    padding: 20px 42px;
    margin-bottom: 35px;
}

.abon-info .btn_address_toggle.active{
    text-decoration: underline;
}

.abon-info .bs-subsection{
    display:none;
    padding-top:40px;
}




#addresses_wrapper .bs-subsection.active .bs-subsection{
    display:block;
}



.abon-info .bs-subsection.active{
    display:block;
}

.abon-info .liv-text{
    margin-bottom:30px;
}

.sortment-container{
    margin-bottom:40px;
}
.sortment-container .col-half{
    vertical-align:bottom;
}
.sortment-product .table-cell{
    vertical-align:middle;
}
.srtp-img{
    width:200px;
}
.srtp-img img{
    max-width:100%;
    max-height:100%;
}
.srtp-headline{
    font-size: 24px;
    line-height: 1.2;
    color: #00a1a9;
    margin: 0 0 15px;
}
.rating-stars-blue{
    position:relative;
    vertical-align: top;
    font-size: 21px;
    line-height:24px;
    font-family: FontAwesome;
    display:inline-block;
    color: #c6cbcf;
    letter-spacing:6px;
}
.rating-stars-blue:before{
   content: "\f005 \f005 \f005 \f005 \f005";
}
.rating{
    position: absolute;
    left:0;
    top:0;
    white-space:nowrap;
    overflow:hidden;
    color: #00a1a9;
}
.rating:before{
    content: "\f005 \f005 \f005 \f005 \f005";
}


.srtp-img{
    float:left;
}

.srtp-txt{
    padding-top:20px;
    float:right;
    padding-right:130px;
    width: calc(100% - 200px);
}
.srtp-descr{
    font-size:18px;
    line-height:1.2;
    color:#041e41;
}
.sortment-container .button{
    margin-bottom:25px;
}


.personalizare-sortment .row{
    padding: 50px 0;
    border-top:2px solid #e3e8ec;
}

.config-header {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin: 0 0 50px 0;
}
.roasting-type{
    position:relative;
    padding-bottom:20px;
}
.roasting-type:after{
    content:'';
    width:100%;
    max-width:300px;
    height:7px;
    border-radius:3px;
    background:#e2e2e2;
    position:absolute;
    left:50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom:31px;
    z-index:1;
}
.roasting-type-inner{
    position:relative;
    z-index:2;
    text-align:center;
}
.roasting-type-inner input{
    display:none;
}
.roasting-img-container{
    width:100%;
    height:172px;
}
.roasting-items{
    cursor:default;
    max-width:342px;
    margin:0 auto;
    padding-top:30px;
}
.r-item{
    width:33.333333%;
    text-align:center;
    margin-right:-0.25em;
    display:inline-block;
}
.r-item .img-cont{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:172px;
    display:none;
}
.ri-body .img-cont img{
    max-width:100%;
    max-height:100%;
}
input:checked + .ri-body .img-cont{
    display:block;
}
.roasting-items label{
    display:inline-block;
}
.roasting-items .dot{
    width:22px;
    height:22px;
    border-radius:100%;
    background: #e2e2e2;
    cursor:pointer;
    position:relative;
    transition: all 0.15s;
}
.roasting-items input:checked + .ri-body .dot{
    background: #00a1a9;
}
.roasting-items .dot:hover{
    background: #00a1a9;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
}

.roasting-items .dot .label-text{
    font-size:15px;
    font-weight:300;
    color:#879199;
    position:absolute;
    top:25px;
    left:50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top:5px;
} 
.roasting-items input:checked + .ri-body .dot .label-text{
    color: #000;
}

.grinding-type{
    max-width:360px;
    margin:0 auto;
    text-align:center;
}
.grinding-item{
    width:33.333333%;
    display:inline-block;
    margin-right:-0.25em;
    margin-bottom:25px;
}
.grinding-item label{
    cursor:pointer;
}
.grinding-item input{
    display:none;
}
.grinding-icon{
    width:43px;
    height:40px;
    background-image: url('../img/icons-macinare.png');
    background-repeat:no-repeat;
    margin:0 auto;
    position:relative;
}

input:checked + .grinding-icon:before{
    font-family: FontAwesome;
    content: "\f00c";
    line-height:1;
    font-size:9px;
    color:#fff;
    position:absolute;
    top:-10px;
    right:-10px;
    width:15px;
    height:15px;
    border-radius:100%;
    background:#00a1a9;
    line-height:15px;
    text-align:center;
    display:block;
}

.grinding-icon.bbe{
    background-position:0 0;
}
.grinding-item label:hover .bbe,
input:checked + .bbe{
    background-position:-43px 0;
}

.grinding-icon.esp{
    background-position:0 -40px;
}
.grinding-item label:hover .esp,
input:checked + .esp{
    background-position:-43px -40px;
}

.grinding-icon.flt{
    background-position:0 -80px;
}
.grinding-item label:hover .flt,
input:checked + .flt{
    background-position:-43px -80px;
}

.grinding-icon.mok{
    background-position:0 -120px;
}
.grinding-item label:hover .mok,
input:checked + .mok{
    background-position:-43px -120px;
}

.grinding-icon.frp{
    background-position:0 -160px;
}
.grinding-item label:hover .frp,
input:checked + .frp{
    background-position:-43px -160px;
}

.grinding-icon.ibr{
    background-position:0 -200px;
}
.grinding-item label:hover .ibr,
input:checked + .ibr{
    background-position:-43px -200px;
}

.grinding-text{
    font-weight:300;
    font-size:15px;
    color:#879199;
    margin:0;
    padding-top:5px;
}
.grinding-item label:hover .grinding-text,
input:checked ~ .grinding-text{
    color:#00a1a9;
}


.grinding-bottom{
    text-align:center;
    padding-top:15px;
}


.delfr-items{
    text-align:center;
    padding: 16px 0px;
}
.delfr-item{
    display:inline-block;
    padding:0 20px;
}
.delfr-item label{
    cursor:pointer;
}
.delfr-item input{
    display:none;
}
.delfr-item .icon{
    display:inline-block;
    vertical-align:middle;
    width:30px;
    height:30px;
    background:#fff;
    border:1px solid #9fa9b0;
    line-height: 28px;
    color: #00a1a9;
    text-align:center;
}
.delfr-item label:hover .icon,
.delfr-item input:checked + .delfr-item-inner .icon{
    border:1px solid #00a1a9;
}
.delfr-item input:checked + .delfr-item-inner .icon:before{
    content: '\f00c';
    font-family: FontAwesome;
    font-size: 18px;
}
.delfr-item .delfr-item-text{
    display:inline-block;
    vertical-align:middle;
    font-size:15px;
    line-height:1;
    color:#879199;
    font-weight:300;
    margin-left:5px;
}
.delfr-item label:hover .delfr-item-text,
.delfr-item input:checked + .delfr-item-inner .delfr-item-text{
    color: #00a1a9;
}

.delivery-frequency .config-header,
.day-of-the-week .config-header{
    margin-bottom:35px;
}
.dotw-items{
    text-align:center;
}
.dotw-item{
    display:inline-block;
    margin:0 15px;
}
.dotw-item label{
    cursor:pointer;
}
.dotw-item input{
    display:none;
}
.dotw-item-inner{
    display: inline-block;
    background:#fff;
    text-align:center;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
    padding:8px 6px;
    min-width:70px;
}
.dotw-item .icon{
    width: 25px;
    height: 25px;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.1);
    background: #f1f5f8;
    text-align:center;
    display:inline-block;
    margin-bottom: 5px;
}
.dotw-item .icon:before{
    width:17px;
    height:17px;
    border-radius:100%;
    background: #00a1a9;
    display:inline-block;
    margin-top:4px;
}
.dotw-item input:checked + .dotw-item-inner .icon:before{
    content: '';
}
.dotw-item-text{
    font-weight:300;
    font-size:15px;
    color:#879199;
    line-height:1;
}
.dotw-item input:checked + .dotw-item-inner .dotw-item-text,
.dotw-item label:hover .dotw-item-text{
    color:#00a1a9;
}

.quantity-box,
.quantity-box-so{
    border-bottom:2px solid #5c98f3;
    display:inline-block;
    font-size:0;
    vertical-align:bottom;
}

.quantity-box .qty-minus,
.quantity-box .qty-plus,
.quantity-box-so .qty-minus,
.quantity-box-so .qty-plus{
    width:50px;
    font-size:24px;
    cursor:pointer;
    line-height:40px;
    padding:0;
    margin:0;
    border:none;
    background:none;
    color:#5f9efc;
    font-weight:300;
}

.quantity-box .qty-number,
.quantity-box-so .qty-number{
    width:80px;
    border:none;
    background:none;
    text-align:center;
    font-size:15px;
    color:#041e41;
    height:40px;
    vertical-align:top;
    font-weight:400;
}
.quantity-box-so .qty-number[readonly]{
    pointer-events: none;
}

#package-size-select + .sbHolder{
    display:inline-block;
    width:180px;
    border-bottom:2px solid #00a1a9;
    position: relative;
    height:42px;
    vertical-align:middle;
}
#package-size-select + .sbHolder a,
#package-size-select + .sbHolder a:active{
    color:#00a1a9;
}
#package-size-select + .sbHolder a .sb-price span{
    color:#879199
}
#package-size-select + .sbHolder .sbToggle{
    position:absolute;
    top:0;
    right:0;
    height:42px;
    width:34px;
    text-align:center;
}
#package-size-select + .sbHolder .sbToggle:after{
    content: "\f107";
    font-family: "FontAwesome";
    color:#00a1a9;
    font-size:20px;
    line-height:42px;
    display:block;
}
#package-size-select + .sbHolder .sbSelector{
    position:absolute;
    top:0;
    left:0;
    right:0;
    line-height: 42px;
    padding:0 34px 0 34px;
    color:#041e41;
    font-weight:400;
}
#package-size-select + .sbHolder .sbSelector:active{
    color:#041e41;
}
#package-size-select + .sbHolder .sbOptions{
    position:absolute;
    background:#ffffff;
    top:24px;
    left:-1px;
    right:-1px;
    z-index:2;
    -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
    padding: 8px 0;
    overflow-y: auto;
    margin-top:20px;
    z-index:10;
}
#package-size-select + .sbHolder .sbOptions a{
    display:block;
    line-height:36px;
    padding:0 12px;
    font-size:14px;
    color: #626c75;
    font-weight:400;
}
#package-size-select + .sbHolder .sbOptions a:hover,
#package-size-select + .sbHolder .sbOptions a:hover span{
    color:#00a1a9;
}

.datepicker-input,
.ab-datepicker{
    background-color:transparent;
    background-image: url('../img/arrow-down.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    border:none;
    padding:0 28px;
    text-align:center;
    line-height:40px;
    border-bottom: 2px solid #00a1a9;
    font-size:15px;
    color: #041e41;
    width:180px;
    font-weight:400;
}


/** datepicker **/
.datepicker-input-wrap{
    position:relative;
    display:inline-block;
}
.datepicker{
    border-radius: 0;
    direction: ltr;
    position: absolute;
    z-index: 12000;
    width: 404px;
    margin: 20px 0 0;
    list-style: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
}
.datepicker-days{
    padding-top:10px;
}
.datepicker.center{
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.datepicker table{
    width:100%;
    border-collapse: collapse;
}
.datepicker table td,
.datepicker table th{
    padding:0;
    text-align:center;
    font-size:14px;
}
.datepicker table th{
    font-weight:600;
    color:#404850;
    line-height:1;
    padding:20px 0;
    visibility:visible !important;
}
.datepicker table th.prev,
.datepicker table th.next,
.datepicker table th.datepicker-switch{
    color:#00a1a9;
    font-size:18px;
    font-weight:400;
    padding:25px 0;
}
.datepicker table th.prev,
.datepicker table th.next{
    cursor:pointer;
    font-size:24px;
}
.datepicker table th.datepicker-switch{
    background:rgba(0,0,0,0);
    border-radius:4px;
    transition: background 0.15s;
}
.datepicker table th.datepicker-switch:hover{
    background:rgba(0,0,0,0.1);
    cursor: pointer;
}
.datepicker table td{
    padding:11px;
    cursor:pointer;
    font-weight:400;
    color:#626c75;
}
.datepicker table td.old,
.datepicker table td.new,
.datepicker table td.disabled{
    cursor:default;
    color:#626c75;
    opacity:0.5;
}
.datepicker table td.day span{
    display:inline-block;
    width:34px;
    height:34px;
    border-radius: 50%;
    line-height:34px;
    pointer-events: none;
}
.datepicker table td.active span{
    background:#00a1a9;
    color:#fff;
}

.datepicker table td .month,
.datepicker table td .year{
    display:inline-block;
    height:50px;
    line-height:50px;
    width:25%;
}



@media (max-width: 479px){
    .datepicker{
        width:300px;
    }
    .datepicker table td{
        padding:7px 0;
    }
}
/** datepicker **/

.text-center{
    text-align:center;
}

.row-headline{
    color:#9fa9b0;
    font-size:24px;
    text-align:center;
    margin:0;
    padding:80px 0;
}

.configuration-bottom{
    position:relative;
}
.conf-cta-body .sbHolder,
.kit-cta-body .sbHolder{
    display:inline-block;
    width:180px;
    border-bottom:2px solid #00a1a9;
    position: relative;
    height:42px;
    vertical-align:middle;
}

.conf-cta-body .sbHolder .sbToggle,
.kit-cta-body .sbHolder .sbToggle{
    position:absolute;
    top:0;
    right:0;
    height:42px;
    width:34px;
    text-align:center;
}
.conf-cta-body .sbHolder .sbToggle:after,
.kit-cta-body .sbHolder .sbToggle:after{
    content: "\f107";
    font-family: "FontAwesome";
    color:#00a1a9;
    font-size:20px;
    line-height:42px;
    display:block;
}
.conf-cta-body .sbHolder .sbSelector,
.kit-cta-body .sbHolder .sbSelector{
    position:absolute;
    top:0;
    left:0;
    right:0;
    line-height: 42px;
    padding:0 34px 0 34px;
    color:#041e41;
    font-weight:400;
}
.conf-cta-body .sbHolder .sbSelector:active,
.kit-cta-body .sbHolder .sbSelector:active{
    color:#041e41;
}
.conf-cta-body .sbHolder .sbOptions,
.kit-cta-body .sbHolder .sbOptions{
    position:absolute;
    background:#ffffff;
    top:24px;
    left:-1px;
    right:-1px;
    z-index:2;
    -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
    padding: 8px 0;
    overflow-y: auto;
    margin-top:20px;
    z-index:10;
}
.conf-cta-body .sbHolder .sbOptions a,
.kit-cta-body .sbHolder .sbOptions a{
    display:block;
    line-height:36px;
    padding:0 12px;
    font-size:14px;
    color: #626c75;
    font-weight:400;
}
.conf-cta-body .sbHolder .sbOptions a:hover,
.conf-cta-body .sbHolder .sbOptions a:hover span,
.kit-cta-body .sbHolder .sbOptions a:hover,
.kit-cta-body .sbHolder .sbOptions a:hover span{
    color:#00a1a9;
}

.conf-cta,
.kit-cta{
    background: #fff;
    -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
    border-radius:10px;
    padding:32px 42px 32px 0;
}
.conf-cta .info,
.kit-cta .info{
    width:240px;
    background:#00a1a9;
    color:#fff;
    border-radius:8px;
    -webkit-box-shadow: 0 0 15px 8px rgba(0,0,0,0.07);
    box-shadow: 0 0 15px 8px rgba(0,0,0,0.07);
    padding:8px 10px;
    margin-right:15px;
    margin-left:-42px;
}
.conf-cta .info .icon-container,
.conf-cta .info .info-text,
.kit-cta .info .icon-container,
.kit-cta .info .info-text{
    display:table-cell;
    vertical-align:top;
}
.conf-cta .info .info-text,
.kit-cta .info .info-text{
    font-size:14px;
    line-height:1.4;
    padding-left:7px;
}
.conf-cta .info,
.conf-cta-body{
    display:inline-block;
    vertical-align:middle;
}
.conf-cta-body label,
.conf-cta-body .sbHolder,
.conf-cta-body .button{
    display:inline-block;
    vertical-align:middle;
}

.conf-cta-body label,
.kit-cta-body label{
    color:#000;
    font-weight:300;
    margin-right:20px;
    font-size:18px;
}

.conf-cta-body select,
.kit-cta-body select{
    display:none;
}
.conf-cta-body .sbHolder,
.kit-cta-body .sbHolder{
    width:427px;
    height: 50px;
    margin-right:46px;
}
.conf-cta-body .sbHolder .sbSelector,
.kit-cta-body .sbHolder .sbSelector{
    line-height:50px;
    font-size:28px;
    color:#00a1a9;
    padding: 0 34px 0 16px;
}
.conf-cta-body .sbHolder .sbSelector:active,
.kit-cta-body .sbHolder .sbSelector:active{
    color:#00a1a9;
}





.conf-cta-body .sbHolder .sbToggle,
.kit-cta-body .sbHolder .sbToggle{
    height:50px;
}
.conf-cta-body .sbHolder .sbOptions,
.kit-cta-body .sbHolder .sbOptions{
    margin-top:0;
}
.conf-cta-body .sbHolder .sbOptions a,
.kit-cta-body .sbHolder .sbOptions a{
    line-height:46px;
    color: #626c75;
    font-size:18px;
    padding: 0 16px;
}



.sb-price{
    color: #00a1a9;
}
.sb-price-old{
    font-size: 18px;
    color: #828c94;
    display:inline-block;
    position:relative;
}
.sb-price-old:before{
    content:'';
    width:100%;
    height:0px;
    border-top:1px solid #828c94;
    position:absolute;
    top:50%;
    left:0;
}
.sb-price-old .decim{
    font-size: 12px;
    position: relative;
    top: -0.45em;
}


.sb-price-current .decim{
    font-size: 14px;
    color: #00a1a9;
    position: relative;
    top: -0.75em;
    line-height: 1;
}

.sbOptions .sb-price-old{
    font-size:14px;
}
.sbOptions .sb-price-old .decim{
    top: -0.30em;
}


.sbOptions .sb-price-current .decim{
    font-size: 12px;
}
.sbOptions .sb-price-current,
.sbOptions .sb-price-current .decim{
    color: #828c94;
}
.sbOptions .sb-price-current .decim{
    top: -0.55em;
}


.total-container{
    padding-top:25px;
    padding-bottom:25px;
}

.rasnita-manuala,
.total{
    display: inline-block;
    vertical-align:top;
}
.rasnita-manuala{
    margin-right:65px;
}
.rasnita-img,
.rasnita-text{
    display:table-cell;
    vertical-align:middle;
}

.rasnita-img img{
    max-width:44px;
    max-height:52px;
}

.rasnita-text{
    padding-left:10px;
}
.rasnita-text h4{
    font-size:28px;
    line-height:1;
    color:#00a1a9;
    margin:0;
}
.rasnita-text .price .old-price{
    font-size:18px;
    color:#828c94;
    position:relative;
    display:inline-block;
}
.rasnita-text .price .old-price:before{
    content:'';
    width:100%;
    height:0px;
    border-top:1px solid #828c94;
    position:absolute;
    top:50%;
    left:0;
}
.rasnita-text .price .decim{
    font-size:14px;
    line-height:1;
    position:relative;
    top:-0.65em;
}

.rasnita-text .price .old-price .decim{
    font-size:12px;
    top:-0.55em;
}

.total{
    font-size:28px;
    line-height:1;
    color:#879199;
}
.total .decim{
    font-size:14px;
    position:relative;
    top:-0.7em;
}

.cta-payment-options{
    display:none;
    text-align:center;
    padding-top:15px;
    
    color:#00a1a9;
}
.cta-payment-options.show-on-mobile,
.cta-payment-options.show-on-mobile .sb-price{
    font-size:0;
}
.cta-payment-options.show-on-mobile .sb-price-old{
    font-size:18px;
}
.cta-payment-options.show-on-mobile .sb-price-current{
    font-size:22px;
}
.cta-payment-options .decim{
    font-size:13px;
    position:relative;
    top:-0.5em
}
.cta-payment-options del{
    
    color:#828c94;
}
.cta-payment-options .decim del{
    font-size:12px;
}

.create-subscription {
    position: absolute;
    right: 42px;
    top: 47px;
}



.personalizare-kit{
    padding:100px 0 50px;
}
.prsk-header{
    text-align:center;
    padding-bottom:45px;
}
.prsk-header-small{
    font-size:13px;
    line-height:1.2;
    font-weight:600;
    color:#9fa9b0;
    text-transform:uppercase;
    position:relative;
    margin:0 0 15px;
    padding-bottom:7px;
    
}
.prsk-header-small:after{
    content:'';
    width:13px;
    height:2px;
    background:#00a1a9;
    left:50%;
    margin-left:-6.5px;
    bottom:0;
    position:absolute;
    
}
.prsk-headline{
    color:#646464;
    font-size:24px;
    line-height:1.2;
    margin:0 0 5px;
}
.prsk-header-blue{
    line-height:1.2;
    font-size:24px;
    color:#00a1a9;
    margin:0;
}

.prsk-items-container{
    padding:0 65px;
}
.prsk-item{
    display:inline-block;
    vertical-align:top;
    margin-right:-0.25em;
    width:25%;
    text-align: center;
}
.prsk-item img{
    max-width:100%;
    max-height:100%;
}

.prod-tooltip {
    display: inline-block;
    margin: 0 auto 16px;
    min-width: 152px;
    padding: 11px 10px;
    color: #fff;
    font-size: 21px;
    line-height: 21px;
    background: #00a1a9;
    position: relative;
}
.prod-tooltip:after {
    content: '';
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 16px solid #00a1a9;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -13px;
}
.prod-img-container {
    height: 300px;
    position: relative;
    margin-bottom: 20px;
}
.prod-img-container .prog-img-bottom {
    position: absolute;
    bottom: 0;
    right: 25px;
    z-index: 2;
    max-height: 105px;
    max-width: 155px;
}
.prsk-item .prod-title{
    font-size: 18px;
    line-height: 1.25;
    font-weight: 300;
    color: #041e41;
    margin: 0 0 30px;
    padding: 0 35px;
}

.sortment-history{
    max-width:934px;
    margin:0 auto;
    background:#fff;
    -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
    border-radius: 10px;
    padding:20px 35px 30px;
}
.sorh-header{
    text-align:center;
    padding-bottom:30px;
}
.sorh-header .sorh-headline,
.sorh-header .date-select + .sbHolder{
    display:inline-block;
    vertical-align:middle;
}
.sorh-header .date-select{
    display:none;
}

.sorh-headline{
    font-size:24px;
    line-height:1.2;
    color:#9fa9b0;
}
.date-select + .sbHolder{
    border-bottom: 2px solid #00a1a9;
    position: relative;
    min-width:200px;
    text-align:center;
    margin-left:20px;
}
.date-select + .sbHolder .sbSelector{
    display:block;
    padding:10px 30px;
    font-size:15px;
    line-height:18px;
    font-weight:400;
    color:#041e41;
}
.date-select + .sbHolder .sbToggle{
    position:absolute;
    top:0;
    bottom:2px;
    right:0;
    width:30px;
    text-align:center;
    color:#00a1a9;
    line-height:18px;
    padding:10px 0;
}
.date-select + .sbHolder .sbToggle:after{
    content: "\f107";
    font-family: "FontAwesome";
    color: #00a1a9;
    font-size:18px;
}
.date-select + .sbHolder .sbOptions{
    position:absolute;
    background: #ffffff;
    left:0;
    right:0;
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
    padding: 8px 0;
    overflow-y: auto;
    z-index: 10;
    top:40px !important;
}
.date-select + .sbHolder .sbOptions a{
    display:block;
    font-size: 15px;
    line-height: 18px;
    padding:7px;
    font-weight: 400;
    color: #041e41;
}
.date-select + .sbHolder .sbOptions a:hover{
    color:#00a1a9;
}

.sorh-item{
    display:inline-block;
    width:25%;
    margin-right:-0.25em;
    text-align:center;
    vertical-align: top;
}
.sorh-item-img{
    margin-bottom:20px;
}
.sorh-item img{
    max-width:100%;
}
.sorh-item .rating-stars-blue{
    margin-bottom: 5px;
}
.sorh-item-title{
    margin:0;
    font-weight:300;
    font-size:15px;
    line-height:1.2;
    color:#041e41;
    padding:0 15px;
}

.mtprep-inner{
    max-width:520px;
    margin:0 auto;
    text-align:center;
    padding:45px 0 0;
    
}
.mtprep-inner label{
    display:block;
}
.mtprep-inner input{
    display:none;
}
.mtprep-headline{
    font-size:24px;
    line-height:1;
    color:#9fa9b0;
    margin:0 0 22px;
    display: inline-block;
    position:relative;
}
input:checked + .mtprep-item .mtprep-headline{
    color:#00a1a9;
}
input:checked + .mtprep-item .mtprep-headline:after{
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 9px;
    color: #fff;
    position: absolute;
    top: -5px;
    right: -17px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #00a1a9;
    line-height: 15px;
    text-align: center;
    display: block;
    font-style: normal;
}
.mtprep-icon{
    margin-bottom:20px;
}
.mtprep-icon i{
    font-size:80px;
    line-height:1;
    color:#9fa9b0;
}
input:checked + .mtprep-item i{
    color:#00a1a9;
}
.mtprep-item p{
    font-size:15px;
    font-weight:300;
    color:#9fa9b0;
    line-height:1.4;
    margin:0;
    padding: 0 50px;
}
input:checked + .mtprep-item p{
    color:#000;
}
.mtprep-bottom{
    padding-top:45px;
}


.kit-cta-section{
    padding-top:137px;
}
.kit-cta-section .col-6{
    float:none;
    display:table-cell;
    vertical-align: middle;
}
.kit-cta{
    padding:20px;
}
.kit-cta .info{
    margin:-57px 5px 0 0;
    float:right;
}
.kit-cta label{
    display:block;
    clear:both;
    margin:0 0 15px 0;
}
.kit-cta .sbHolder{
    margin:0 0 55px 0;
}
.kit-cta .rasnita-manuala{
    margin: 0 0 45px 0;
    display:block;
}

.kit-cta .total + .button{
    float:right;
}
.kit-cta .total{
    line-height:50px;
}

.client-account{
    position:relative;
}
.client-account .ca-img img{
    max-height:445px;
    max-width: 220px;
}
.client-account .ca-img,
.client-account .ca-text{
    display:table-cell;
    vertical-align:middle;
    position:relative;
    z-index:2;
}
.client-account .ca-img{
    padding-left:100px;
}
.client-account .ca-text{
    padding-left:20px;
}
.client-account .ca-text p{
    color:#fff;
    font-size:15px;
    font-weight:300;
    line-height:24px;
}
.client-account .triangle{
    position:absolute;
    left:0;
    top:50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index:1;
}

@media (max-width: 1199px){
    .sortment-container .col-half,
    .sortment-product .srtp-txt,
    .sortment-product .srtp-img{
        width:100%;
        display:block;
        text-align:center;
        padding:0;
    }
    .srtp-headline{
        font-size:18px;
        color:#041d40;
        margin: 0 0 7px;
    }
    .srtp-descr{
        display:none;
    }
    .srtp-img{
        margin-bottom:15px;
    }
    .sortment-product{
        padding:0 10px;
    }
    .dotw-item{
        margin:0 10px;
    }
    
    .total-container {
        margin-bottom: 25px;    
    }
    .button.create-subscription{
        position: static;
        margin: 0 auto;
        display: block;
    }
    
    .kit-cta-section .col-half:first-child {
        width: 60%;
    }
    .kit-cta-section .col-half:last-child {
        width: 40%;
    }
    .client-account .ca-img {
        padding-left: 70px;
    }
    .client-account .ca-img img {
        max-width: 135px;
    }
    .client-account .ca-text {
        padding-left: 15px;
    }
    .client-account .ca-text p {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 991px){
    .subscr-item{
        padding:10px 40px 10px 10px;
        display:block;
        position:relative;
    }
    .subscr-item .table-cell{
        display:block;
        width:100%;
        padding:0;
        margin-bottom:10px;
    }
    .subscr-item .subscr-actions{
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 40px;
    }
    .subscr-actions .button.button-dark-blue{
        background: none;
        font-size: 0;
        color: #00a1a9;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        text-align: center;
    }
    .subscr-actions .button.button-dark-blue:after{
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 18px;
        line-height: 18px;
        display: inline-block;
        position: absolute;
        top: 50%;
        width: 100%;
        left: 0;
        text-align: center;
        margin-top: -9px;
    }
    .subscr-item .td-label{
        font-size:13px;
        padding-right:5px;
    }
    .subscr-item .td-label,
    .subscr-item .td-txt,
    .subscr-item .td-price{
        display:table-cell;
    }
    .subscr-item .subscr-status .td-label{
        display:inline-block;
    }
    
    .personalizare-sortment .col-half{
        display:block;
        width:100%;
        margin:0;
    }
    .roasting-type,
    .delivery-frequency,
    .quantity-box,
    .datepicker{
        margin-bottom:50px;
    }
    
    .configuration-bottom{
        margin-top: 40px;
    }
    .conf-cta {
        padding-top: 61px;
        padding-left: 42px;
    }
    .kit-cta .info, 
    .conf-cta .info {
        margin-left: -120px;
        position: absolute;
        left: 50%;
        bottom: calc(100% - 38px);
    }
    
    .prsk-items-container{
        padding:0;
    }
    .prsk-item{
        width:50%;   
        margin-bottom:30px;
    }
    
    .kit-cta-section .col-half:first-child{
        display:block;
        width:100%;
    }
    .kit-cta-section .col-half:last-child{
        display:none;
    }
    
    .kit-cta {
        padding: 0;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        position: relative;
        text-align: center;
        z-index: 5;
    }
    .kit-cta .info {
        margin: 0 0 0 -120px;
        float: none;
    }
    .kit-cta-body {
        padding: 61px 32px 32px;
        background: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
        box-shadow: 0 0 30px 15px rgba(0,0,0,0.02);
        margin-bottom: 30px;
    }
    .kit-cta .rasnita-manuala {
        display: inline-block;
        text-align: left;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid #e3e8ec;
    }
    .kit-cta .sbHolder {
        margin: 0 auto;
    }
    .kit-cta .total {
        display: block;
        margin-bottom: 30px;
    }
    .kit-cta .total + .button {
        float: none;
    }
}
@media (max-width: 767px){
    .personalizare-sortment{
        /*padding:0 10px;*/
    }
    .abon-info{
        padding:10px;
    }
    .abon-info .liv-text{
        margin-bottom:5px;
    }
    .abon-info .col-half{
        width:100%;
        margin-bottom:30px;
    }
    .dotw-item{
        margin: 0 15px 30px 15px;
    }
    .delfr-item {
        padding: 0 15px 0 0;
        margin-bottom: 30px;
    }
    .config-header{
        font-size:14px;
        margin-bottom:25px;
    }
    .row-headline{
        padding:50px 0;
    }
    
    .kit-cta-section{
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .conf-cta-body,
    .cta-payment-options,
    .cta-payment-options{
        display: block;
    }
    .sbHolder .sb-price {
        display: none;
    }
    .conf-cta-body .sbHolder, 
    .kit-cta .sbHolder {
        width: 280px;
        margin: 0 auto;
        display: block;
    }
    .kit-cta .sbHolder .sbSelector, 
    .conf-cta-body .sbHolder .sbSelector {
        padding-left: 34px;
        text-align: center;
        font-size: 22px;
    }
    .kit-cta-body label, 
    .conf-cta-body label {
        display: block;
        margin: 0;
        text-align: center;
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .rasnita-manuala {
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 2px solid #e3e8ec;
    }
    .total {
        font-size: 22px;
        width: 100%;
        text-align: center;
    }
    .rasnita-text h4 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .rasnita-text h4 .price {
        display: block;
        margin-top: 5px;
    }
    .conf-cta {
        padding-left: 10px;
        padding-right: 10px;
    }
    .rasnita-img, 
    .rasnita-text{
        vertical-align:top;
    }
    .prsk-headline,
    .prsk-header-blue{
        font-size:18px;
    }
    .prsk-header-blue{
        padding:0 20px;
    }
    
    .prsk-item{
        width:100%;
        margin:0;
        padding:15px 0;
    }
    .prsk-item:nth-child(2n){
        background:#fff;
    }
    .prod-img-container .prog-img-bottom{
        right:50%;
        -moz-transform: translateX(70%);
        -webkit-transform: translateX(70%);
        -o-transform: translateX(70%);
        -ms-transform: translateX(70%);
        transform: translateX(70%);
    }
    .prsk-item .prod-title{
        font-size:14px;
    }
    .prsk-item .button.btn-bordered{
        padding: 11px 20px;
    }
    
    .sortment-history{
        border-radius:0; 
        padding:15px 10px;  
    }
    .sorh-header .sorh-headline{
        font-size:22px;
        display:block;
        margin-bottom:15px;
    }
    .sorh-item{
        width:50%;
        margin-bottom:30px;
    }
    .sorh-item-title{
        padding:0 3px;
        font-size:14px;
    }
    .mtprep-item p{
        display:none;
    }
    
    .met-preparare .col-half{
        display:block;
        width:100%;
    }
    
    .personalizare-sortment .datepicker-input,
    .met-preparare .datepicker-input{
        margin-bottom:30px;
    }
}
@media (max-width: 560px){
    .delfr-items, 
    .dotw-items{
        text-align:left;
    }
    .dotw-item {
        margin: 0 12px 30px 12px;
    }
}


.documents-section{
    position:relative;
    z-index:2;
    padding:25px 0 40px;
}
.documents-section > p{
    text-align:center;
}

.document-item{
    font-weight:400;
    padding: 12px 10px 12px 20px;
}
.document-item > .doc-name{
    width:520px;
}
.document-item .doc-links{
    text-align:right;
}
.document-item .td-label,
.document-item .td-text{
    display:inline-block;
}
.documents-header{
    display:table;
    width:100%;
    margin-bottom:40px;
}
.documents-header .dc-filter-type,
.documents-header .dc-filter-date{
    display:table-cell;
    vertical-align:middle;
}
.documents-header .checkbox .checkbox-icon{
    background:#fff;
}
.documents-header .select-wrap select{
    display:none;
}
.documents-header .dc-filter-date{
    text-align:right;
}
.documents-header .select-wrap{
    display:inline-block;
    vertical-align:top;
}
.documents-header .select-wrap + .select-wrap{
    margin-left:30px;
}
.documents-header .select-wrap label,
.documents-header .select-wrap .sbHolder{
    display:inline-block;
    vertical-align:middle;
}
.documents-header .select-wrap label{
    color:#000;
}
.documents-header .select-wrap .sbHolder .sbOptions li:first-child{
    display:none;
}
.documents-toggle-filter{
    display:none;
    width:166px;
    text-align:center;
    margin:0 auto;
    background:#fff;
    font-size:14px;
    color:#9fa9b0;
    font-weight:400;
    line-height:20px;
    padding: 15px 0;
}
@media (max-width:1199px){
    .documents-header{
        background:#fff;
        -webkit-box-shadow: 0 0 12px 6px rgba(0,0,0,0.02);
        box-shadow: 0 0 12px 6px rgba(0,0,0,0.02);
        padding:20px 10px;
        margin-bottom:0;
    }
    .documents-header .dc-filter-type, 
    .documents-header .dc-filter-date{
        display:block;
        text-align: center;
    }
    .documents-header .dc-filter-type{
        margin-bottom:30px;
    }
    .documents-toggle-filter,
    .active.documents-header{
        display:block;
    }
    .documents-header{
        display:none;
    }
    .documents-container{
        margin-top:30px;
    }
    
    .documents-section > p{
        padding-top:40px;
    }
}
@media (max-width: 767px){
    .documents-header .select-wrap,
    .documents-header .select-wrap label{
        display:block;
    }
    .date-select + .sbHolder,
    .documents-header .select-wrap + .select-wrap{
        margin-left:0;
    }
    .documents-header .select-wrap label{
        margin-bottom:10px;
    }
    .documents-header .select-wrap + .select-wrap{
        margin-top:20px;
    }
    
    .documents-container{
        padding:0 10px;
    }
    .document-item{
        padding:10px;
    }
    .document-item > *{
        display:block;
        width:100%;
        padding:0;
        margin-bottom:5px;
    }
    .document-item .doc-links{
        text-align:left;
        margin-bottom:0;
    }
    .document-item .td-label{
        font-size:13px;
    }
}

.pagination {
    width: 100%;
    text-align: center; 
    position: relative;
    overflow: hidden;
    padding: 70px 0;
    display: inline-block;
}
.pagination .pag-showing{
    display:none;
    line-height:40px;
    background:#fff;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
    vertical-align:top;
    padding:0 10px;
    font-size:14px;
    font-weight:400;
    color:#879199;
}
.pagination-button {
    font-size: 18px;
    font-weight: 300;
    color: #879199;
    height: 37px;
    line-height: 36px;
    width:36px;
    text-align: center;
    margin: 0 18px;
    border-radius: 6px;
    display:inline-block;
    vertical-align:top;
}
.pagination-button:hover {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
}
.pagination-button.active {
    color: #333;
}
.pagination-button.disabled {
    color: #bbb;
    cursor:not-allowed;
}
.pagination-button.active:hover,
.pagination-button.disabled:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media (max-width: 767px){
    .pagination .pagination-button{
        display:none;
    }
    .pagination .pag-showing,
    .pagination .pagination-button.pag-prev,
    .pagination .pagination-button.pag-next{
        display:inline-block;
        margin:0;
    }
    .pagination .pag-showing{
        margin:0 25px;
    }
    .pagination .pagination-button.pag-prev,
    .pagination .pagination-button.pag-next{
        color:#fff;
        background:#00a1a9;
        font-size:0;
        width:auto;
        height:40px;
        border-radius:0;
        padding:0 23px;
        -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
        box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
    }
    .pagination .pagination-button.pag-prev:before{
        content:'\02190';
        font-size:36px;
        line-height:32px;
    }
    .pagination .pagination-button.pag-next:before{
        content:'\02192';
        font-size:36px;
        line-height:32px;
    }
}

/**** contul meu 2 *************************************************************************************/
.my-points-section .table-cell{
    vertical-align:middle;
    padding-left:95px;
}
.my-points-section .table-cell:first-child{
    padding-left:0;
    padding-right:60px;
}
.points-container{
    border-radius: 10px;
    text-align:left;
    color:#fff;
    display:inline-block;
    padding:20px 25px;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
    background: rgba(0,117,123,1);
    background: -moz-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00757b', endColorstr='#00a1a9',GradientType=1 );
}
.pts-icon i{
    font-size:70px;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}
.pts-icon,
.pts-txt{
    display:table-cell;
    vertical-align:middle;
}
.pts-txt{
    padding-left:15px;
}
.points-container,
.pts-txt h5{
    line-height:1.2;
    font-weight:400;
    font-size:16px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    margin:0 0 3px;
    letter-spacing:0.5px;
}
.pts-txt .pts{
    font-size:30px;
}


.points-info{
    display:inline-block;
    position:relative;
    padding:40px;
}
.points-info a{
    color:#fff;
    display:inline-block;
    position:relative;
    z-index:3;
}
.points-info p{
    margin:0;
}
.points-info i{
    font-size:21px;
    margin-bottom:5px;
}
.points-info .inner{
    width:150px;
    height:150px;
    border-radius: 100%;
    color:#fff;
    font-size:14px;
    line-height:1.4;
    font-weight:400;
    text-align:center;
    letter-spacing: 0.5px;
    padding:18px 22px;
    -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);
    background: rgba(26,53,59,1);
    background: -moz-linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    background: linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='1a353b', endColorstr='#20545f',GradientType=1 );
}
.points-info:before{
    content:'';
    position:absolute;
    top: 0;
    bottom:0;
    left:0;
    right:0;
    -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);
    border-radius:100%;
    
    z-index:1;
}
.points-info:after{
    content:'';
    position:absolute;
    top: 20px;
    bottom:20px;
    left:20px;
    right:20px;
    -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);
    border-radius:100%;
    
    z-index:2;
}

.visible .points-info:before{
    -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-fill-mode: forwards;
    animation-delay:0.5s;
}
.visible .points-info:after{
    -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-delay:2s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
              opacity: 1;
  }
  80%, 100% {
    -webkit-transform: scale(1.75);
            transform: scale(1.75);
              opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
              opacity: 1;
  }
  80%, 100% {
    -webkit-transform: scale(1.75);
            transform: scale(1.75);
              opacity: 0;
  }
}

@media (max-width:767px){
    .my-points-section .table{
        display:table;
    }
    .my-points-section .table-cell:first-child,
    .my-points-section .table-cell:last-child{
        display:block;
        width:100%;
        padding:0;
        text-align:center;
    }
    .points-container{
        margin-bottom:30px;
    }
    .pts-txt .pts{
        display:block;
    }
}


.vouchers{
    text-align:center;
}
.vouchers .col-half{
    margin-bottom:40px;
    text-align: left;
}
.voucher-item{
    display:table;
    width:100%;
    max-width:520px;
    height:240px;
    background:#fff;
    -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);
    border-radius: 10px;
    padding:15px 30px 15px 20px;
    position:relative;
    z-index:6;
}
.vouchers .col-half:nth-child(2n) .voucher-item{
    float:right;
}
.vcr-info,
.vcr-discount{
    display:table-cell;
    vertical-align:top;
}
.vcr-info{
    padding-right:45px;
}
.vcr-headline{
    font-size:30px;
    line-height:1.2;
    margin:0;
    color:#00a1a9;
    margin-bottom:18px;
}
.vcr-label{
    text-transform:uppercase;
    font-weight:600;
    font-size:13px;
    line-height:1;
    color:#9fa9b0;
    letter-spacing:0.2px;
    margin-bottom:3px;
}
.vcr-code{
    margin-bottom:20px;
}
.qr-code{
    color:#000;
    font-size:24px;
    line-height:43px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:2px;
    text-align:center;
    background:#e4e7e9;
    padding:0 24px;
}
.validity,
.vcr-for{
    display:inline-block;
    vertical-align:top;
}
.validity .vcr-label,
.vcr-for .vcr-label{
    margin-bottom:6px;
}

.vcr-bottom{
    white-space: nowrap;
}

.vcr-for{
    margin-left:24px;
    width: 170px;
    white-space:normal;
}
.vcr-txt{
    font-size:15px;
    font-weight:400;
    line-height:1;
    color:#000;
}
.vcr-discount{
    width:140px;
    vertical-align:middle;
}
.vcr-discount-inner{
    color:#fff;
    background:#00a1a9;
    text-align:center;
    padding:20px 10px; 
    position:relative;   
}
.vcr-discount-inner:before,
.vcr-discount-inner:after{
    content:'';
    position:absolute;
    bottom:100%;
    left:0;
    right:0;
    height:53px;
    background-image: url('../img/discount-prc-bars.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index:1;
}
.vcr-discount-inner:after{
    bottom:auto;
    top:100%;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.vcr-discount-inner > *{
    position:relative;
    z-index:2;
}
.vcr-discount-inner .vcr-label{
    color:#fff;
    margin-bottom:15px;
}
.vcr-prc{
    font-size:48px;
    line-height:1;
}
.vcr-prc > span{
    font-size: 60%;
    position: relative;
    top: -0.5em;
}
@media (max-width: 1199px){
    .vouchers .col-half{
        display:block;
        width:100%;
    }
    .vouchers .col-half:nth-child(2n) .voucher-item{
        float:none;
    }
    .vouchers .col-half .voucher-item{
        margin:0 auto;
    }
}
@media (max-width:767px){
    .vouchers{
        padding:0 10px;
    }
}
@media (max-width:639px){
    .vcr-info, 
    .vcr-discount{
        display:block;
    }
    .vcr-info{
        width:100%;
        padding-right:0;
    }
    .vcr-discount-inner .vcr-label{
        margin-bottom:5px;
        font-size:12px;
    }
    .vcr-prc{
        font-size:36px;
    }
    .vcr-discount{
        width:92px;
    }
    .vcr-discount-inner{
        padding:5px 0;
    }
    .voucher-item{
        position:relative;
        padding:10px;
    }
    .vcr-discount{
        position:absolute;
        top: 38px;
        right: 5px;
    }
    .vcr-discount-inner:before{
        bottom: 75%;
    }
    .vcr-discount-inner:after{
        top:75%;
    }
    .vcr-headline{
        height:100px;
        padding-right: 110px;
    }
    .voucher-item .qr-code{
        font-size:18px;
        font-weight:400;
        text-align:left;
    }
    .validity, 
    .vcr-for{
        display:block;
        width:100%;
        margin:0;
    }
    .validity{
        margin-bottom:10px
    }
    
}



.qr-item{
    font-weight:400;
    padding: 20px 20px 20px 10px;
}
.qr-item > *,
.qri-content > *,
.qri-content-body > * {
    display:table-cell;
    vertical-align:top;
}
.qri-content-body > *{
    padding-left:30px;
}
.qr-item .td-label{
    font-size:13px;
}
.qri-discount .td-text{
    color:#00a1a9;
    font-weight:600;
}
.qri-code{
    width:300px;
}
.qri-code .qr-code{
    max-width:282px;
    float:right;
}
.qri-location{
    width:270px;
}
@media (max-width: 767px){
    .qr-container{
        padding:0 10px;
    }
    .qr-item{
        padding:10px;
    }
    .qr-item > *,
    .qri-content-body > *{
        display:block;
        width:100%;
    }
    .qri-content-body > *,
    .qri-content{
        margin-bottom:10px;
    }
    .qri-code .qr-code{
        float:none;
    }
    .qri-content-body > *{
        padding-left:10px;
    }
}



.golden-card-section{
    position:relative;
    overflow:hidden;
    min-height:800px;
}
.gld-bg{
    position:absolute;
    width:2380px;
    height:1025px;
    left:50%;
    transform:translateX(-50%) translateY(-57%);
    border-radius:50%;
    top:0;
    z-index:1;
    background: rgba(0,117,123,1);
    background: -moz-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00757b', endColorstr='#00a1a9',GradientType=1 );
}



.golden-card-section .wrapper{
    position:relative;
    z-index:2;
}
.gld-header{
    color:#fff;
    font-size:36px;
    line-height:1.2;
    text-align:center;
    margin:120px 0 80px;
}
.golden-card{
    display:inline-block;
    position:relative;
    text-align:left;
    color:#fff;
}
.card-container{
    text-align:center;
}
.golden-card .card-shadow{
    position:absolute;
    z-index:1;
    left:50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
}
.golden-card .card-inner{
    background-image: url('../img/golden-card.jpg');
    background-repeat: no-repeat;
    background-position:center center;
    position:relative;
    z-index:2;
    width:519px;
    height:336px;
    padding-left:260px;
    padding-top:55px;
}

.gld-sec-text{
    line-height:1.75;
    color:#000;
    text-align:center;
    max-width:680px;
    margin:0 auto;
    position:relative;
    z-index:1;
}
.card-container{
    margin-bottom:90px;
}

.gld-name{
    font-size:30px;
    line-height:1;
    color:#ffdc81;
    margin:0 0 45px;
}
.gld-label{
    font-size:13px;
    line-height:1;
    font-weight:600;
    color:#ffdc81;
    text-transform:uppercase;
    margin-bottom:5px;
}
.gld-cod{
    margin-bottom:50px;
}
.gld-cod .qr-code{
    color:#fff;
    font-size:18px;
    padding:0 11px;
    background:#363637;
    display:inline-block;
}
.gld-txt{
    font-size:15px;
    font-weight:400;
}
@media (max-width: 767px){
    .gld-bg{
        height:700px;
    }
    .gld-header{
        font-size:24px;
        margin-top:40px;
    }
    .card-container,
    .gld-sec-text{
        padding:0 10px;
    }
    .gld-sec-text{
        font-size:15px;
    }
    .card-container{
        margin-bottom:50px;
    }
    .golden-card-section{
        min-height:0;
    }
    
    .my-points-section{
        padding-top:30px;
        padding-bottom:20px;
    }
    .vouchers-section{
        padding-top:20px;
        padding-bottom:0;
    }
}
@media (max-width:640px){
    .golden-card .card-inner{
        width:300px;
        height:200px;
        background-size: cover;
        padding-left: 140px;
        padding-top: 15px;
        position:relative;
        -webkit-box-shadow: 0 5px 20px 10px rgba(0,0,0,0.07);
        box-shadow: 0 5px 20px 10px rgba(0,0,0,0.07);
    }
    .golden-card .card-shadow{
        display:none;
    }
    .gld-name{
        font-size:24px;
        margin:0;
    }
    .gld-cod{
        margin:0;
        position:absolute;
        right:5px;
        top:47%;
    }
    .gld-cod .qr-code{
        font-size: 14px;
        line-height: 30px;
        padding: 0 5px;
        font-weight: 400;
    }
    .gld-validity{
        position:absolute;
        bottom:5px;
        right:5px;
        left:140px;
    }
    
    
}


.subsection-header{
    font-size:24px;
    color:#9fa9b0;
    margin:0 0 40px;
    text-align:center;
}
.gift-card-section{
    padding-top:30px;
    padding-bottom:20px;
}
.received-cards{
    text-align: center;
}
.received-cards .col-half{
    text-align:center;
    margin-bottom:40px;
}
.gift-card{
    position:relative;
    display:inline-block;
}
.gift-card .gft-inner{
    width:400px;
    height:260px;
    border-radius: 20px;
    background-image: url('../img/gift-card.png');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);
    position:relative;
    z-index:1;
    padding-top:92px;
}
.gft-ribbon{
    width:108px;
    height:108px;
    background-image: url('../img/gift-card-ribbon.png');
    background-repeat: no-repeat;
    background-position: center center;
    position:absolute;
    z-index:2;
    top: -2px;
    left: -11px; 
}
.gft-label{
   font-size:13px;
   line-height:1;
   font-weight:600;
   color:#9fa9b0;
   margin-bottom:3px; 
   text-transform:uppercase;
}
.gft-value{
    text-align:center;
    color:#fff;
    max-width:190px;
    margin:0 auto;
    padding:5px;
    position:relative;
    background: rgb(96,159,254);
    background: -moz-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,117,123,1) 0%,rgba(0,161,169,1) 100%);
    background: linear-gradient(45deg, rgba(0,117,123,1) 0%,rgba(0,161,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00757b', endColorstr='#00a1a9',GradientType=1 );
}
.gft-value .gft-label{
    color:#fff;
}
.gft-val{
    font-size:30px;
    line-height:1;
    font-weight:300;
}
.gft-val > span{
    font-size: 60%;
    position: relative;
}


.gft-code-container{
    text-align:center;
    padding-top:13px;
}
.gft-code-container .qr-code{
    display:inline-block;
    font-size:18px;
    font-weight:500;
    line-height:36px;
    padding:0 11px;
}
.gft-bottom{
    padding-top:8px;
    text-align:left;
}
.gft-validity,
.gft-receiver{
    width:50%;
    float:left;
    padding-left:30px;
}
.gft-text{
    font-size:14px;
    font-weight:500;
    color:#000;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}
.gft-bottom .gft-label{
    margin-bottom:2px;
}

.add-gift-card{
    text-align: center;
    padding:0 0 45px;
}
.add-gift-card label{
    line-height:1;
    color:#000;
}
.add-gift-card label,
.add-gift-card input{
    display:inline-block;
    vertical-align:middle;
    margin-right:28px;
}
.add-gift-card input{
    font-weight:500;
}
@media(max-width:991px){
    .received-cards .col-half{
        width:100%;
    }
    .add-gift-card label,
    .add-gift-card input{
        display:block;
        width:100%;
        max-width:100%;
        text-align:center;
        margin-bottom:30px;
    }
    .add-gift-card{
        padding-left:10px;
        padding-right:10px;
    }
}
@media(max-width: 767px){
    .subsection-header{
        padding:0 10px;
    }
    
    
}
@media(max-width:479px){
    .gift-card .gft-inner{
        width: 300px;
        height:auto;
        background-color:#fff;
        background-position:center top;
    }
    .gft-bottom{
        padding:8px 20px;
    }
    .gft-validity, 
    .gft-receiver{
        float:none;
        width:100%;
        padding-left:0;
    }
    .gft-validity{
        margin-bottom:7px;
    }
    .gft-receiver{
        margin-bottom:5px;
    }
    .gft-ribbon{
        top:-24px;
        background-size:100% auto;
        width:68px;
    }
}


.sent-card-container{
    margin-bottom:50px;
    max-width:1140px;
    margin-left:auto;
    margin-right:auto;
}
.sent-card-container .snt-item{
    position:relative;
    padding:12px 12px 12px 90px;
    font-weight:400;
}
@media (max-width: 767px){
    .sent-card-container .snt-item{
        padding:10px;
    }
}
.snt-item:after{
    content:'';
    width:83px;
    height:83px;
    background-image: url('../img/gift-card-ribbon.png');
    background-repeat: no-repeat;
    background-position:left top;
    background-size:100% auto;
    position:absolute;
    top:0;
    left:-8px;
}
.snt-item .td-label{
    font-size:13px;
    font-weight:600;
}
.snt-item .status{
    font-size: 13px;
    font-weight:400;
    color:#fff;
    text-transform:uppercase;
    line-height:20px;
    padding:0 10px;
    display:inline-block;
}
.snt-item .status.activ{
    background:#46c37b;
}
.snt-item .status.used{
    background:#54657e;
}
.snt-price{
    text-align:right;
  
}
.snt-price .price{
    min-width:145px;
    font-size:30px;
    line-height:56px;
    padding:0 21px;
    color:#fff;
    display:inline-block;
    background:rgba(0,117,123,1);
    background: -moz-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,117,123,1) 0%,rgba(0,161,169,1) 100%);
    background: linear-gradient(45deg, rgba(0,117,123,1) 0%,rgba(0,161,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00757b', endColorstr='#00a1a9',GradientType=1 );
}
.snt-price .price span{
    font-size: 60%;
    position: relative;
    top: -0.45em;
}

.snt-name{
    width:280px;
    padding-right:7px;
}
.snt-date{
    width:170px;
}
.snt-validity{
    width:170px;
}
.snt-status{
    width:180px;
}

.sent-bottom{
    text-align:center;
}
.sent-bottom .button{
    padding:9px 20px;
    line-height:32px;
}
.sent-bottom .button i{
    font-size:32px;
    line-height:32px;
    vertical-align:top;
    margin-right:10px;
    background: rgb(31,233,174);
    background: -moz-linear-gradient(45deg, rgba(31,233,174,1) 0%, rgba(96,159,254,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(31,233,174,1) 0%,rgba(96,159,254,1) 100%);
    background: linear-gradient(45deg, rgba(31,233,174,1) 0%,rgba(96,159,254,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.sent-card-form-section{
    padding:50px 0;
    display:none;
}

.section-title{
    text-align:center;
    max-width:660px;
    margin:0 auto;
    padding-bottom:45px;
}
.favorites-list-section .section-title{
    max-width:960px;
}
.sec-title{
    font-size:30px;
    color: #00a1a9;
    margin:0 0 15px;
}
.section-title p{
    line-height:1.4;
    color:#000;
    margin:0;
}


.sent-card-form-body p{
    line-height:1.4;
    color:#000;
    max-width:450px;
}
.sent-card-form-body .form-row{
    margin-top:60px;
}

.textarea_form_control{
    padding: 0 12px;
    border: 0;
    background: none;
    width: 100%;
    max-width: 420px;
    min-height:100px;
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
    color: #000;
    border-bottom: 2px solid #00a1a9;
     resize: none;
}
.textarea_form_control::-webkit-input-placeholder {
    color: #9fa9b0;
    opacity:1;
}
.textarea_form_control::-moz-placeholder {
    color: #9fa9b0;
    opacity:1;
}
.textarea_form_control:-ms-input-placeholder {
    color: #9fa9b0;
    opacity:1;
}
.textarea_form_control:-moz-placeholder {
    color: #9fa9b0;
    opacity:1;
}

.gtf-ph-price{
    width:112px;
    height:1px;
    background:#fff;
    display:inline-block;
}

.alert{
    font-size:18px;
    line-height:20px;
    padding:20px;
    font-weight:300;
    color: #ffa025;
    background: rgba(253, 248, 237, 0.5);
    border-bottom: 2px solid #eee7cc;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.025);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.025);
    position:relative;
    margin-bottom:30px;
}

.alert .close-alert{
    position:absolute;
    top:0;
    right:0;
    font-size:15px;
    height:32px;
    width:32px;
    line-height:32px;
    color:#85a1cb;
    text-align:center;
    background:none;
    border:none;
    font-family:Arial, sans-serif;
    cursor:pointer;
}



.reviews-section{
    padding-top:25px;
}

.review-item{
    padding:20px;
}
.review-item .td-label{
    font-size:13px;
    font-weight:600;
}
.review-item .td-txt{
    font-weight:400;
}
.rev-type-span{
    font-size:13px;
    line-height:20px;
    color:#fff;
    text-transform:uppercase;
    padding:0 11px;
    display:inline-block;
    letter-spacing:0.2px;
}
.rev-type-span.comment{
    background:#46c37b;
}
.rev-type-span.review{
    background: #00a1a9;
}
.rating-stars-blue{
    font-size:18px;
    letter-spacing:3px;
}
.responses{
    display:inline-block;
    position:relative;
    font-weight:400;
}
.rev-actions{
    text-align:right;
    width:280px;
}

.responses .dot{
    width:13px;
    height:13px;
    border-radius: 50%;
    border: 1px solid #dddddd;
    background:#fff;
    position:absolute;
    top:0;
    right:-17px;
}
.responses .dot .dot-inner{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#ffa025;
    margin:1px 0 0 1px;
}

.comment .rev-type{
    width: 160px;
}
.review .rev-rating{
    width:130px;
}
.review .rev-type{
    width:120px;
}
.review-item .rev-date{
    width: 180px;
}
.review-item .rev-product{
    width:300px;
}



.list-item{
    padding:20px;
}
.list-item .lit-actions{
    text-align:right;
}
.list-item .lit-actions .btn + .btn{
    margin-left:6px;
}
.lit-name{
    
}
.lit-name-inner,
.lit-name .prod-count{
    display:inline-block;
    vertical-align:top;
}
.lit-icon,
.lit-name-txt{
    display:table-cell;
    vertical-align:top;
}
.lit-icon{
    padding-right:5px;
}
.lit-name-txt{
    color:#041d40;
    font-size:16px;
    font-weight:400;
    max-width:230px;
}
.lit-name-txt > a{
    color:inherit;
}
.lit-name i{
    color:#00a1a9;
    font-size:20px;
    margin-top:3px;
}
.lit-name .prod-count{
    font-size:13px;
    font-weight:400;
    color:#fff;
    text-transform:uppercase;
    line-height:20px;
    padding:0 11px;
    margin-left:5px;
    background:#9fa9b0;
    display:inline-block;
    margin-top:3px;
}
.lit-name .prod-count.active{
    background:#00a1a9;
}

#lists-create-new{
    display:none;
}

.fav-body{
    max-width:800px;
    margin:0 auto;
    background:#fff;
    -webkit-box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    border-radius: 12px;
    padding:25px 20px;
}
#lists-create-new .fav-body{
    max-width:100%;
}
.fav-header{
    padding-bottom:50px;
}
.fav-header .checkbox{
    float:right;
}
.favh-title{
    float:left;
    max-width:calc(100% - 250px);
}
.favh-title > *{
    display:inline-block;
    vertical-align:top;
}
.favh-title i{
    color:#00a1a9;
    font-size:22px;
    line-height:36px;
}
.favh-title .fav-headline{
    font-size:36px;
    line-height:1.2;
    color:#041d40;
    margin:0 10px;
}
.favh-title .fav-headline > span{
    max-width:360px;
    display:inline-block;
}
.fav-headline .fh-input{
    font-size:36px;
    line-height:1.2;
    padding:5px;
    color:#041d40;
    height:auto;
    border: 1px solid #9fa9b0;
    width:360px;
    resize: none;
}
#lists-create-new .fav-headline .fh-input{
    font-size:30px;
}

.favh-title .fav-hdr-icon{
    width:36px;
    height:36px;
    border:1px solid #9fa9b0;
    text-align:center;
    background:none;
    cursor:pointer;
    padding:0;
}
.favh-title .fav-hdr-icon i{
    color:#9fa9b0;
}
.favh-title .fav-hdr-icon.js-active{
    border:1px solid #00a1a9;
}
.favh-title .fav-hdr-icon.js-active i{
    color:#00a1a9;
}
.favh-title .fav-hdr-icon.js-active i:before{
    content: "\f046";
}

.fav-item{
    margin-bottom:40px;
}
.favi-img{
    width:150px;
}
.favi-img img{
    max-height:100%;
    max-width:100%;
}
.favi-info{
    padding-top:20px;
    width:250px;
}
.favi-title{
    font-size:24px;
    line-height:1.2;
    color:#00a1a9;
    margin: 0 0 35px;
}
.favi-actions{
    text-align:right;
    padding-top:20px;
}
.favi-price{
    font-size:36px;
    line-height:1;
    color:#00a1a9;
}
.favi-price .decim{
    font-size:18px;
    position:relative;
    top: -0.75em;
}
.favi-price .old-price{
    font-size:22px;
    color:#879199;
    position:relative;
}
.favi-price .old-price:before{
    content: '';
    width:100%;
    height:0;
    border-top: 1px solid #879199;
    position:absolute;
    top:50%;
    left:0;
}
.favi-price .old-price .decim{
    font-size:14px;
    top:-0.45em;
}
.favi-price > *{
    display: inline-block;
    vertical-align:bottom;
}

.favi-actions .btn{
    width:130px;
    text-align:center;
    margin-bottom:20px;
}






.send-list{
    max-width:800px;
    margin:0 auto;
    padding:25px 10px 10px;
}
.send-list form,
.send-list > .button,
.send-list form input{
    display:inline-block;
    vertical-align:bottom;
}
.send-list form{
    width:calc(100% - 170px);
}
.send-list form label{
    display:block;
    font-weight:600;
    font-size:13px;
    color:#54657e;
    text-transform:uppercase;
    letter-spacing:0.2px;
}
.send-list form button{
    margin-left:10px;
}
.send-list form input{
    max-width:460px;
}
.send-list .button{
    padding: 11px 20px;
}

.sent-card-form-body .col-half:last-child{
    float:left;
}
.sent-card-form-body .col-half:first-child{
    float:right;
}


.lists-bottom{
    padding-top:30px;
}

@media (max-width:1199px){
    .lit-share,
    .lit-delete{
        display:none;
    }
    .snt-name{
        width:200px;
    }
    .snt-price .price{
        font-size:22px;
        min-width:140px;
    }
}
@media (max-width: 991px){
    .snt-item > *{
        vertical-align:top;
    }
    .sent-gift-cards{
        padding:0 10px;
    }
    
    .sent-card-form-body .col-half:last-child,
    .sent-card-form-body .col-half:first-child{
        float:none;
        display:block;
        width:100%;
    }
    .sent-card-form-body .col-half:first-child{
        text-align:center;
    }
    .sent-card-form-body p,
    .sent-card-form-body .form_control,
    .sent-card-form-body .textarea_form_control{
        max-width:100%;
    }
    .sent-card-form-body .gift-card{
        margin-bottom:30px;
    }
    .item > *{
        vertical-align:top;
    }
    
    .document-item > .doc-name{
        width:250px;
    }
    
    .lit-icon{
        width:25px;
        position:absolute;
        top:0;
        left:0;
    }
    .lit-name{
        position:relative;
        padding-left:25px;
    }
    .lit-name .prod-count{
        margin-left:0;
    }
    .lit-name-inner{
        display:block;
    }
    
    .send-list{
        text-align:center;
    }
    .send-list form,
    .send-list form input{
        width:100%;
        max-width:100%;
        text-align:center;
        margin-bottom:10px;
    }
    .send-list form label{
        margin-bottom:10px;
    }
    
    .send-list form button{
        margin-left:0;
    }
}
@media (max-width: 767px){
    .snt-item{
        position:relative;
        padding:10px;
    }
    .snt-item > *{
        display:block;
        width:100%;
        margin-bottom:10px;
    }
    .snt-item .snt-price{
        position:absolute;
        top:20px;
        right:20px;
    }
    .snt-price .price{
        font-size:20px;
        line-height:40px;
        padding:0 10px;
        min-width:100px;
    }
    
    .snt-item:after{
        top: -23px;
        left: auto;
        right: -18px;
        transform: rotate(90deg) scale(0.6);
    }
    
    .snt-date .td-label,
    .snt-validity .td-label,
    .snt-status .td-label,
    .snt-date .td-txt,
    .snt-validity .td-txt,
    .snt-status .td-txt{
        display:inline-block;
    }
    
    
    .sec-title{
        font-size:24px;
    }
    .section-title p{
        font-size:16px;
    }
    
    
    .review-item,
    .list-item{
        position:relative;
        padding:10px 40px 10px 10px;
    }
    .review-item.item > *,
    .list-item > *{
        display:block;
        width:100%;
        margin-bottom:10px;
    }
    .review-item.item > .rev-actions,
    .list-item > .lit-actions{
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        width:40px;
    }
    
    .review-item.item > .rev-actions .btn,
    .list-item > .lit-actions .btn{
        background: none;
        font-size: 0;
        color: #00a1a9;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        text-align: center;
    }
    
    .review-item.item > .rev-actions .btn .btn-skew{
        display:none;
    }
    
    .list-item > .lit-actions .btn .btn-skew{
        display:none;
    }
    .review-item.item > .rev-actions .btn:after,
    .list-item > .lit-actions .btn:after{
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 18px;
        line-height: 18px;
        display: inline-block;
        position: absolute;
        top: 50%;
        width: 100%;
        left: 0;
        text-align: center;
        margin-top: -9px;   
    }
    
    .section-title{
        padding-left:10px;
        padding-right:10px;
    }
    .sec-title{
        font-size:22px;
    }
    .section-title p{
        font-size:16px;
    }
    
    .lists-conatainer{
        padding-left:10px;
        padding-right:10px;
    }
    
    .lit-add{
        margin-left:25px;
    }
    
    .favh-title,
    .fav-header .checkbox{
        display:block;
        float:none;
        max-width:100%;
    }
    .favh-title .fav-headline{
        font-size:22px;
        margin-bottom:15px;
        width: calc(100% - 90px);
    }
    .fav-headline .fh-input,
    #lists-create-new .fav-headline .fh-input{
        font-size:22px;
        width: 100%;
    }
    
    .fav-item{
        display:block;
    }
    .favi-actions{
        text-align:center;
    }
    .favi-actions > div{
        display:inline-block;
        vertical-align:top;
    }
    .favi-actions > div .button{
        height:50px;
    }
    
    .favi-title{
        font-size:18px;
        color:#041d40;
        margin-bottom:10px;
    }
    
    .favi-price .current-price{
        font-size:24px;
        color:#041e41;
        display:block;
    }
    .favi-price .current-price .decim{
        font-size:14px;
    }
    .favi-price .old-price{
        font-size:16px;
    }
    .favi-price .old-price .decim{
        font-size:12px;
    }
    
    .lists-bottom > p{
        padding: 0 10px;
    }
        
}


.form-group{
    position:relative;
}
.has-error .form_control {
    border-bottom: 2px solid #fe6060;
}


.modal-wrapper{
    padding:100px 0 75px;
}
.modal-inner{
    border-radius: 10px;
    -webkit-box-shadow: 0 0px 12px 6px rgba(0,0,0,0.025);
    box-shadow: 0 0px 12px 6px rgba(0,0,0,0.025);
    background:#f1f5f8;
    width:100%;
    max-width:800px;
    padding:30px;
    margin:0 auto;
    z-index: 2000;
    position:relative;
}
.modal-header{
    text-align:center;
    padding:5px 0 30px;
}
.modal-headline{
    font-size:30px;
    line-height:1;
    color:#000;
    margin:0;
}
.modal-body{
    -webkit-box-shadow: 0 0px 12px 6px rgba(0,0,0,0.025);
    box-shadow: 0 0px 12px 6px rgba(0,0,0,0.025);
    background:#fff;
    border-radius: 10px;
    padding:25px 20px 15px;
    font-size:15px;
    line-height:30px;
    font-weight:300;
    color:#000;
}
.modal-body h5{
    font-weight:600;
    font-size:15px;
    color:#000;
    text-decoration:underline;
    margin:0;
}
.modal-body ul{
    margin-bottom:40px;
}
.modal-body ul:last-of-type{
    margin-bottom:0;
}

.modal-footer{
    text-align:center;
    padding-top:32px;
}
.modal-footer .button{
    padding: 11px 20px;
}


.modal .modal-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1999;
}

body.modal-open{
    position: relative;
    overflow: hidden;
}


.modal{
    right: 0 !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    bottom: 0;
    overflow-y: scroll;
}

.close_modal_icon{
    display: block;
    background-image: url('../img/close-icon.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 54px;
    height: 54px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
@media (max-width: 767px){
    .modal-wrapper{
        padding: 30px 0;    
    }
    .modal-header{
        padding-bottom:15px;
    }
    .modal-headline{
        font-size:22px;
        padding:0 30px;
    }
    .modal-inner{
        padding:20px 10px;
    }
    .modal-body,
    .modal-body h5{
        font-size:14px;
        line-height:1.7;
    }
}


.bs-subsection{
    margin-bottom:60px;
}
.bss-headline{
    font-size:24px;
    line-height:1.2;
    color:#041d40;
    margin:0 0 25px;
}

.item{
    background:#fff;
    -webkit-box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    box-shadow: 0 0 12px 6px rgba(0,0,0,0.025);
    padding:20px 10px 20px 20px;
    display:table;
    width:100%;
}

.item{
    margin-top:20px;
}
.item:first-child{
    margin-top:0;
}

.delivery-item input{
    position:absolute;
}
.delivery-item > *,
.bss-icon-wrap,
.bss-text{
    display:table-cell;
    vertical-align:middle;
}

.bss-body label{
    cursor:pointer;
}
.bss-body label input{
    display:none;
}

.bss-icon-wrap{
    width:30px;
}

.bss-icon{
    border:1px solid #9fa9b0;
    width:30px;
    height:30px;
    line-height:28px;
    text-align:center;
    color:#00a1a9;
}
input:checked + .bss-icon-wrap .bss-icon{
    border-color:#00a1a9;
}
input:checked + .bss-icon-wrap .bss-icon:before{
    font-family: 'FontAwesome';
    content: "\f00c";
}

.bss-text{
    font-weight:300;
    font-size:16px;
    line-height:1.35;
    color:#54657e;
    padding-left:10px;
}
input:checked + .bss-icon-wrap + .bss-text{
    color:#000;
}

.di-actions{
    text-align:right;
}
.di-actions .btn + .btn{
    margin-left:6px;
}


.bss-bottom{
    padding-top:30px;
}

.bs-subsection.livrare + .bss-body{
    display:none;
}


@media (max-width: 767px){
    .bs-subsection{
        padding:0 10px;
    }
    .delivery-item > *, 
    .bss-icon-wrap, 
    .bss-text{
        vertical-align:top;    
    }
    .bss-icon-wrap:not(.mobile) .bss-icon{
        width:20px;
        height:20px;
        background:#fff;
        border-radius:50%; 
        color:#fff;    
        border-width:1px;
        line-height:18px;
    }
    .bss-icon-wrap:not(.mobile) .bss-icon:before{
        font-size:10px;
    }
    input:checked + .bss-icon-wrap:not(.mobile) .bss-icon{
        background:#00a1a9;
        border-color:#00a1a9;
    }
    
    .di-actions .btn.bss-edit{
        background:url('../img/icon-img/edit-icon.png');
        background-repeat: no-repeat;
        background-position:center center;
        color:#00a1a9;
        font-size:0;
        padding:0;
        width:24px;
        height:24px;
    }
    .di-actions .btn.bss-edit .btn-skew{
        display:none;
    }
    .di-actions .btn.bss-delete,
    .met-delivery label > div.mtd-cos,
    .met-pay .mtd-cos{
        display:none;
    }
    .mtd-mobile-cos{
        display:block;
    }
    .bss-bottom,
    .bss-headline{
        text-align:center;
    }
    .bss-headline{
        font-size:22px;
        margin-bottom:15px;
    }

}


@media (max-width: 1199px){
    .sortment-container .col-half,
    .sortment-product .srtp-txt,
    .sortment-product .srtp-img{
        width:100%;
        display:block;
        text-align:center;
        padding:0;
    }
    .srtp-headline{
        font-size:18px;
        color:#041d40;
        margin: 0 0 7px;
    }
    .srtp-descr{
        display:none;
    }
    .srtp-img{
        margin-bottom:15px;
    }
    .sortment-product{
        padding:0 10px;
    }
    .dotw-item{
        margin:0 10px;
    }
    
    .total-container {
        margin-bottom: 25px;    
    }
    .button.create-subscription{
        position: static;
        margin: 0 auto;
        display: block;
    }
    
    .kit-cta-section .col-half:first-child {
        width: 60%;
    }
    .kit-cta-section .col-half:last-child {
        width: 40%;
    }
    .client-account .ca-img {
        padding-left: 70px;
    }
    .client-account .ca-img img {
        max-width: 135px;
    }
    .client-account .ca-text {
        padding-left: 15px;
    }
    .client-account .ca-text p {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 991px){
    .subscr-item{
        padding:10px 40px 10px 10px;
        display:block;
        position:relative;
    }
    .subscr-item .table-cell{
        display:block;
        width:100%;
        padding:0;
        margin-bottom:10px;
    }
    .subscr-item .subscr-actions{
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 40px;
    }
    .subscr-actions .btn{
        background: none;
        font-size: 0;
        color: #40babd;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        text-align: center;
    }
    .subscr-actions .btn .btn-skew{
        display:none;
    }
    .subscr-actions .btn:after{
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 18px;
        line-height: 18px;
        display: inline-block;
        position: absolute;
        top: 50%;
        width: 100%;
        left: 0;
        text-align: center;
        margin-top: -9px;
    }
    .subscr-item .td-label{
        font-size:13px;
        padding-right:5px;
    }
    .subscr-item .td-label,
    .subscr-item .td-txt,
    .subscr-item .td-price{
        display:table-cell;
    }
    .subscr-item .subscr-status .td-label{
        display:inline-block;
    }
    
    .personalizare-sortment .col-half{
        display:block;
        width:100%;
        margin:0;
    }
    .roasting-type,
    .delivery-frequency,
    .quantity-box,
    .datepicker{
        margin-bottom:50px;
    }
    
    .configuration-bottom{
        margin-top: 40px;
    }
    .conf-cta {
        padding-top: 61px;
        padding-left: 42px;
    }
    .kit-cta .info, 
    .conf-cta .info {
        margin-left: -120px;
        position: absolute;
        left: 50%;
        bottom: calc(100% - 38px);
    }
    
    .prsk-items-container{
        padding:0;
    }
    .prsk-item{
        width:50%;   
        margin-bottom:30px;
    }
    
    .kit-cta-section .col-half:first-child{
        display:block;
        width:100%;
    }
    .kit-cta-section .col-half:last-child{
        display:none;
    }
    
    .kit-cta {
        padding: 0;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        position: relative;
        text-align: center;
        z-index: 5;
    }
    .kit-cta .info {
        margin: 0 0 0 -120px;
        float: none;
    }
    .kit-cta-body {
        padding: 61px 32px 32px;
        background: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.025);
        box-shadow: 0 0 30px 15px rgba(0,0,0,0.025);
        margin-bottom: 30px;
    }
    .kit-cta .rasnita-manuala {
        display: inline-block;
        text-align: left;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid #e3e8ec;
    }
    .kit-cta .sbHolder {
        margin: 0 auto;
    }
    .kit-cta .total {
        display: block;
        margin-bottom: 30px;
    }
    .kit-cta .total + .button {
        float: none;
    }
}
@media (max-width: 767px){
    .personalizare-sortment{
        /*padding:0 10px;*/
    }
    .abon-info{
        padding:10px;
    }
    .abon-info .liv-text{
        margin-bottom:5px;
    }
    .abon-info .col-half{
        width:100%;
        margin-bottom:30px;
    }
    .dotw-item{
        margin: 0 15px 30px 15px;
    }
    .delfr-item {
        padding: 0 15px 0 0;
        margin-bottom: 30px;
    }
    .config-header{
        font-size:14px;
        margin-bottom:25px;
    }
    .row-headline{
        padding:50px 0;
    }
    
    .kit-cta-section{
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .conf-cta-body,
    .cta-payment-options,
    .cta-payment-options{
        display: block;
    }
    .sbHolder .sb-price {
        display: none;
    }
    .conf-cta-body .sbHolder, 
    .kit-cta .sbHolder {
        width: 280px;
        margin: 0 auto;
        display: block;
    }
    .kit-cta .sbHolder .sbSelector, 
    .conf-cta-body .sbHolder .sbSelector {
        padding-left: 34px;
        text-align: center;
        font-size: 22px;
    }
    .kit-cta-body label, 
    .conf-cta-body label {
        display: block;
        margin: 0;
        text-align: center;
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .rasnita-manuala {
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 2px solid #e3e8ec;
    }
    .total {
        font-size: 22px;
        width: 100%;
        text-align: center;
    }
    .rasnita-text h4 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .rasnita-text h4 .price {
        display: block;
        margin-top: 5px;
    }
    .conf-cta {
        padding-left: 10px;
        padding-right: 10px;
    }
    .rasnita-img, 
    .rasnita-text{
        vertical-align:top;
    }
    .prsk-headline,
    .prsk-header-blue{
        font-size:18px;
    }
    .prsk-header-blue{
        padding:0 20px;
    }
    
    .prsk-item{
        width:100%;
        margin:0;
        padding:15px 0;
    }
    .prsk-item:nth-child(2n){
        background:#fff;
    }
    .prod-img-container .prog-img-bottom{
        right:50%;
        -moz-transform: translateX(70%);
        -webkit-transform: translateX(70%);
        -o-transform: translateX(70%);
        -ms-transform: translateX(70%);
        transform: translateX(70%);
    }
    .prsk-item .prod-title{
        font-size:14px;
    }
    .prsk-item .button.btn-bordered{
        padding: 11px 20px;
    }
    
    .sortment-history{
        border-radius:0; 
        padding:15px 10px;  
    }
    .sorh-header .sorh-headline{
        font-size:22px;
        display:block;
        margin-bottom:15px;
    }
    .sorh-item{
        width:50%;
        margin-bottom:30px;
    }
    .sorh-item-title{
        padding:0 3px;
        font-size:14px;
    }
    .mtprep-item p{
        display:none;
    }
    
    .met-preparare .col-half{
        display:block;
        width:100%;
    }
    
    .personalizare-sortment .datepicker-input,
    .met-preparare .datepicker-input{
        margin-bottom:30px;
    }
}
@media (max-width: 560px){
    .delfr-items, 
    .dotw-items{
        text-align:left;
    }
    .dotw-item {
        margin: 0 12px 30px 12px;
    }
}





.pagination {
    width: 100%;
    text-align: center; 
    position: relative;
    overflow: hidden;
    padding: 70px 0 20px;
    display: inline-block;
}
.pagination .pag-showing{
    display:none;
    line-height:40px;
    background:#fff;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
    vertical-align:top;
    padding:0 10px;
    font-size:14px;
    font-weight:400;
    color:#879199;
}
.paginationjs-page,
.paginationjs-next,
.paginationjs-prev{
    font-size: 18px;
    font-weight: 300;
    color: #879199;
    height: 37px;
    line-height: 36px;
    width:36px;
    text-align: center;
    margin: 0 18px;
    border-radius: 6px;
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
}
.paginationjs-page > a,
.paginationjs-next > a,
.paginationjs-prev > a{
    color: inherit;
}
.paginationjs-page:hover,
.paginationjs-next:hover,
.paginationjs-prev:hover {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
}
.paginationjs-page.active {
    color: #333;
}
.paginationjs-page.disabled,
.paginationjs-prev.disabled,
.paginationjs-next.disabled {
    color: #bbb;
}
@media (min-width: 768px){
    .paginationjs-page.active:hover,
    .paginationjs-page.disabled:hover,
    .paginationjs-prev.disabled:hover,
    .paginationjs-next.disabled:hover {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width: 767px){
    .pagination .paginationjs-page{
        display:none;
    }
    .pagination .pag-showing,
    .pagination .paginationjs-prev,
    .pagination .paginationjs-next{
        display:inline-block;
        margin:0;
    }
    .pagination .pag-showing{
        margin:0 25px;
    }
    .pagination .paginationjs-prev,
    .pagination .paginationjs-next{
        color:#fff;
        background:#00a1a9;
        font-size:0;
        width:auto;
        height:40px;
        border-radius:0;
        padding:0 23px;
        -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
        box-shadow: 0 0 10px 5px rgba(0,0,0,0.04);
    }
    .pagination .paginationjs-prev:before,
    .pagination .paginationjs-next:before{
        font-size:36px;
        line-height: 40px;
        display:inline-block;
    }
    .pagination .paginationjs-prev:before{
        font-family: 'custom-icons' !important;
        content:'\e94c';
    }
    .pagination .paginationjs-next:before{
        font-family: 'custom-icons' !important;
        content:'\e94b';
    }
    
    .no-results{
        padding: 0 10px;
        text-align:center;
    }
}

#documents-container .item-wrap{
    display:none;
}
#documents-container .item-wrap +.item-wrap{
    margin-top:25px;
}
#documents-container.pagination-init .item-wrap{
    display:block;
}

.paginationjs-nav{
    display:none;
}


.date-select,
.date-sel{
    background:none;
    border-width:0 0 2px 0;
    border-style:solid;
    border-color:#00a1a9;
    text-align:center;
    font-size:18px;
}

#documents-container.loading{
    position:relative;
    opacity:0.4;
}

.sb-price-old{
    margin-right:5px;
}

@media (max-width:1199px){
    button.button.edit-subscription{
        margin:0 auto;
        display:block;
    }
}
@media (max-width: 991px){
    .config-header{
        margin-bottom: 15px;
    }
    .config-header + input,
    .config-header + div{
        margin-bottom:35px;
    }
}

@media (max-width: 767px){
    .wrapper {
        padding: 0 10px;
    }
}



.form-rate{
    border:0;
    padding:0;
    margin:0;
    text-align:center;
    display:inline-block;
    padding-bottom:3px;
}
.form-rate > input{
    display: none;
}
.form-rate > label{
    float: right;
    color:#c6cbcf;
}
.form-rate > label:before{
    display: inline-block;
    font-size: 18px;
    padding: 0 2px;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 "; 
    
}
.form-rate .half:before{
    content: "\f089 "; 
    position: absolute;
    padding-right: 0;
}
.form-rate input:checked ~ label, 
.form-rate label:hover, label:hover ~ label{ 
    color: #00a1a9;  
} 
.form-rate input:checked + label:hover, input:checked ~ label:hover, 
.form-rate input:checked ~ label:hover ~ label, 
.form-rate label:hover ~ input:checked ~ label{ 
    color: #00a1a9;  
}

.prod-img-container{
    padding:0 15px;
}

.button.btn-bordered.btn-grey.btn-change-coffee.focus{
    border-color: #6a7277;
    color: #6a7277;
    background: none;
}


.kit-coffees-wrapper{
    padding-top:30px;
}
.kit-coffees-container{
    max-width: 934px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0 0 30px 15px rgba(0,0,0,0.025);
    box-shadow: 0 0 30px 15px rgba(0,0,0,0.025);
    border-radius: 10px;
    padding: 20px 35px 30px;
}

.kit-coffees-container .coffe-item{
    margin-bottom: 30px;
}

.kit-coffees-container .coffe-name{
    font-size:14px;
}

.kit-coffees-container .rating-stars-blue > span:before, 
.kit-coffees-container .rating-stars-blue > span.half-star:after{
    font-size:18px;
}
.kit-coffees-container .rating-stars-blue > span{
    margin-right:-0.25em;
}
.kit-coffees-container .coffe-features-hover{
    padding:10px;
}
.kit-coffees-container .features-table td{
    font-size:12px;
    padding: 1px;
}
.kit-coffees-container .beens-rating i{
    width: 14px;
    height: 14px;
    background-size: 39px 14px;
}
.kit-coffees-container .beens-rating .full-bean{
    background-position:0 0;  
}
.kit-coffees-container .beens-rating .half-bean{
    background-position:-13px 0;  
}
.kit-coffees-container .beens-rating .empty-bean{
    background-position:-26px 0;  
}

.kit-coffees-container .coffe-item-footer {
    display: none;
}



#modal-rasnita-kit .modal-body{
    -webkit-box-shadow: 0 0px 12px 6px rgba(0,0,0,0.025);
    box-shadow: 0 0px 12px 6px rgba(0,0,0,0.025);
    background: #fff;
}


.met-preparare{
    position:relative;
    z-index:2;
}
.kit-cta-section{
    position:relative;
    z-index:1;
}



.sorh-item .rating-stars-blue{
    margin:0 0 15px;
}
.sorh-item .rating-stars-blue > span:before, 
.sorh-item .rating-stars-blue > span.half-star:after{
    font-size:18px;
}
.sorh-item .rating-stars-blue > span{
    margin-right:-0.25em;
}



.review-item .rating-stars{
    display: inline-block;
    text-align:center;
    white-space: nowrap;
    vertical-align:middle;
}
.review-item .rating-stars > span{
    display:inline-block;
    margin-right:-0.35em;
}
.review-item .rating-stars > span:before,
.review-item .rating-stars > span.half-star:after{
    font-family: FontAwesome;
    content: "\f005";
    font-size: 16px;
    display:inline-block;
}
.review-item .rating-stars > span.full-star:before,
.review-item .rating-stars > span.half-star:before{
    color:#00a1a9;
}
.review-item .rating-stars > span.empty-star:before,
.review-item .rating-stars > span.half-star:after{
    color: #c6cbcf;
}
.review-item .rating-stars > span.half-star{
    position:relative;
}
.review-item .rating-stars > span.half-star:before{
    position:absolute;
    top:0;
    left:0;
    width:50%;
    overflow: hidden;
}



.abon-info .delivery-item .di-actions{
    display:none;
}