@import url(http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

/****** Rating Starts *****/


fieldset, label {
    margin: 0;
    padding: 0;
}
body{
    margin: 2px;
}
h1 {
    font-size: 1.5em;
    margin: 10px;
}

.rating {
    border: none;
    float: left;
}

.rating > input {
    display: none;
}
.rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

.rating > label{
    float:right
}
input:radio{
    color: #0056b3;
}
/****** Rating Starts End*****/

/******tabs*******************/
.mytabs {
    display: flex;
    flex-wrap: wrap;
    width: auto;
}
.mytabs input[type="radio"] {
    display: none;
}

.lbltab1,.lbltab2,.lbltab3,.lbltab4,.lbltab5{
    padding: 10px;
    background: #ff9f43;
    /*background: #f7f7f7;*/
    font-weight: bold;
    margin-left: 5px;
    border-radius: 10px;
}
/*.mytabs label {
    padding: 25px;
    background: #e2e2e2;
    font-weight: bold;
    margin-left: 5px; 
    border-radius: 10px;
}*/

.mytabs .tab {
    width: 100%;
    padding: 20px;
    background: #fff;
    order: 1;
    display: none;
    margin-right: 10px;
}
.mytabs .tab h2 {
    font-size: 3em;
}

.mytabs input[type='radio']:checked + label + .tab {
    display: block;
}

.mytabs input[type="radio"]:checked + label {
    background: #fff;
}

/*****************customer account details*********/
.acc-details,.address-book{
    margin-bottom: 10px;
    padding: 15px;
    border-radius 6px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid gray;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
}
.address-book2{
    margin-bottom: 10px;
    padding: 15px;
    border-radius 6px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid gray;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
}
.form-label1,.form-label2,.form-label3,.form-label4,.form-label5,.form-label6,.form-label7,.form-label8{
    top: 8px;
    left: 26;
    bottom: 5px;
    position: relative;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 12px;
    background-color: #f9fbfd;
}

.form-control{
    box-sizing: border-box;
    border: 1px solid gray;
}

.just-content{
    justify-content: center;
}
.product-cart .checkout-coupon-total .checkout-total .single-total {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    padding: 0 8px;
}
.product-cart .checkout-coupon-total.checkout-coupon-total-2 .checkout-total {
    width: 30%;
}

.product-cart .checkout-coupon-total.checkout-coupon-total-2 .checkout-total .single-total {
    justify-content: space-between;
}




#jm .-pbl, #jm .-pvl, .var-w {
    padding-bottom: 24px;
}
#jm .-fh, ._val-btn .cb:checked~.btn:after, .aim>.hook, .ar>img, .btn._fb:after, .btn._prim:after, .btn._sec:after, .find input, .flyout .sub-w, .rate .star:after, .rate .star:before, .sldr>.itm, .stars .in, .stars:before {
    height: 100%;
}
.card, .flyout, .s-menu, .sldr._main {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
}
#jm .-bg-wt, #jm [data-mid-txt].-hr:after, .bdg._save, .btn._sec, .card, .cntd._def .t, .dp+.lbl, .dpdw .inbox, .fi+.lbl, .flyout, .flyout .sub, .header, .noti .close .ic-bg, .popup .cw, .prd, .rate, .s-menu, .s-menu .m-itm[data-visible=true]~.m-itm, .sel+.lbl, .stpr .stp:last-child .circ .ic, .sug, .sug .sec._emp [data-mid-txt].ttl:after, .sug .sec~[data-mid-txt].sec:after, .ta+.lbl {
    background-color: #fff;
}
#jm .-rad4, ._cl .img-c, ._fl .img-c, .alert, .banner-pop, .brd-btn._sqr, .btn, .btn._def:focus:after, .btn._def:hover:after, .card, .card-b, .cms table, .cntd._def .t, .dp, .dpdw .inbox, .dpdw .trig, .dtls, .fi, .find, .flyout, .flyout .img>img, .meter, .pi-w, .popup .cw, .prd._box, .prd._fb, .s-menu, .sel, .ta {
    border-radius: 4px;
}
*, :after, :before {
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}

/*#jm .-phm, #jm .-plm, #jm [data-mid-txt].-hr:after, ._ic._icr .fi, ._ic._icr .sel, .banner._pp .ctt-w, .btn._md, .btn._sm, .cms .tabs>label, .cms td, .cms th, .dp, .dtls .smry, .fi, .fi-er, .markup ol, .markup ul, .noti .cnt, .prd._cl .main, .prd._fl .main, .sel, .sug .itm, .sug .sec .name, .sug .sec._emp, .sug .sec._emp [data-mid-txt].ttl:after, .sug .sec~[data-mid-txt].sec:after, .sug .ttl, .ta, .tab .flap {
    padding-left: 16px;
}
#jm .-pbs, #jm .-pvs, .banner._pp .ctt-w, .btn._i._md, .btn._sm, .cms td, .cms th, .cntd._def .s, .dtls .smry, .fi-w._n-er, .markup h1, .markup h2, .markup h3, .markup p, .noti .cnt, .prd .stk, .prd._box, .prd._fb, .prd._fb .info, .rate .star:after, .rate .star:before, .sldr .dot, .sug .itm, .sug .sec._emp, .sug .ttl, .vb {
    padding-bottom: 8px;
}
#jm .-phm, #jm .-prm, #jm [data-mid-txt].-hr:after, .banner._pp .ctt-w, .btn._md, .btn._sm, .cms .tabs>label, .cms td, .cms th, .dtls .smry, .fi, .fi-er, .prd._cl .main, .prd._fl .main, .sug .itm, .sug .sec .name, .sug .sec._emp, .sug .sec._emp [data-mid-txt].ttl:after, .sug .sec~[data-mid-txt].sec:after, .sug .ttl, .ta, .tab .flap {
    padding-right: 16px;
}
#jm .-pts, #jm .-pvs, ._cl .ft, ._fl .ft, .banner._pp .ctt-w, .btn._i._md, .btn._sm, .cms td, .cms th, .cntd._def .s, .cntd._def .t, .dtls .smry, .fi-w, .flyout .tit+.s-itm, .markup h1, .markup h2, .markup h3, .markup p, .meter._s, .noti .cnt, .prd._box .ft, .prd._box .name, .prd._box .stk, .prd._cl .bt, .prd._fb .ft, .prd._fb .mpg, .prd._fb .rev, .prd._fl .ft, .prd._fl .mpg, .prd._fl .rev, .rate .star:after, .rate .star:before, .sldr .dot, .stpr .stp .dsc, .sug .itm, .sug .sec._emp, .sug .ttl, .vb {
    padding-top: 8px;
}
#jm .-mh-48px, .ar, .pfs-w .ps {
    height: 0;
}
#jm .-mh-48px {
    min-height: 48px;
}
#jm .-i-ctr, ._cl .ft, ._cl .sd .s-prc-w, ._fl .ft, ._fl .sd .s-prc-w, .alert, .banner._pp .ctt-w, .bdg, .btn._def._ti, .btn._fab, .btn._i, .btn._it, .cb+.lbl, .chip, .cms .tabs>label, .cntd._def, .dtls .smry span, .find, .fk-cb, .fk-rad, .flyout .itm, .ic-bg, .load-w, .noti .cnt, .pfi-w, .pg, .pi-w, .popup, .prd .spon, .prd._cl .bt, .prd._fb .rev, .prd._fb .s-prc-w, .prd._fl .rel, .prd._fl .rev, .rad~.lbl, .s-menu .m-itm, .stpr .stp .circ, .sug .itm, .sug .sec._emp .msg, .tab .flap {
    align-items: center;
}
#jm, #jm .-df, ._cl .core, ._cl .ft, ._cl .sd .s-prc-w, ._fl .core, ._fl .ft, ._fl .sd .s-prc-w, .alert, .banner._pp, .banner._pp .ctt-w, .brd-btn._rnd, .btn._fab, .btn._i, .btn._it, .cb+.lbl:after, .cms .tabs, .cms .tabs>label, .cntd._def, .crs-w .crs, .crs-w .crs>.itm, .crs-w._fade, .crs-w._gal, .crs-w._thumb, .dtls .smry span, .fi-w, .find, .fk-cb, .fk-cb:after, .fk-rad, .fk-rad:after, .flyout, .flyout .co._fl, .flyout .itm, .flyout .sub-w, .header, .ic-bg, .load-w, .noti .cnt, .pfi-w, .pg, .pg-w, .pi-w, .popup .cw, .popup._open, .prd .spon, .prd._box, .prd._box .core, .prd._cl .bt, .prd._fb, .prd._fb .ft, .prd._fb .rev, .prd._fb .s-prc-w, .prd._fl .main, .prd._fl .r-imgs, .prd._fl .rel, .prd._fl .rev, .prd._fl .sd, .prd._fl .sd-ft, .rad~.lbl:after, .row, .s-menu, .s-menu .m-itm, .sldr, .sldr>.itm, .stpr .stp .circ, .stpr .stp .hd, .sug .itm, .sug .sec._emp .msg, .tab, .tab .flap, .var-w, [data-ad], body {
    display: flex;
}
#jm .-bb {
    border-bottom: 1px solid #f1f1f2;
}
#jm .-db, ._cl .img-c .img, ._fl .img-c .img, .crs-w._c-btn-on .c-btn._dis._hid, .dpdw._hov:hover .tgl:not(:checked)~.box, .find input:not([value=""])+.rst, .flyout .itm:focus+.sub img, .flyout .itm:hover+.sub img, .flyout .s-itm, .flyout .sub:hover img, .flyout .tit, .markup img, .prd .name:empty:after, .prd .prc:empty:after, .prd._box .core .img, .prd._box .prc[data-oprc]:after, .prd._fb .img-c .img, .reco .ttl:empty:after, .sel, .sldr>.sld:checked+.itm+.lab, .sldr>.sld:checked~.lab~.lab~.lab, .stpr .stp:last-child .circ .ic, .sug._open, article, aside, footer, header, nav, section {
    display: block;
}
*, :after, :before {
    box-sizing: border-box;
}
user agent stylesheet
header {
    display: block;
}

#jm .-pas, .alert, .banner .cls, .banner-pop .cls, .btn._fab, .crs-w._main .c-btn, .dpdw .trig, .fi-br button, .noti .close, .pi-w, .popup .cls, .prd._fl .spon, .sldr .left, .sldr .right, .var-w .vl {
    padding: 8px;
}
@media (max-width: 1200px)
.noti .cnt, .row {
    max-width: 950px;
}
#jm .-mla, .noti .cnt, .prd._fl .vi-hov, .row {
    margin-left: auto;
}
#jm .-mra, .noti .cnt, .row {
    margin-right: auto;
}
.noti .cnt, .row {
    max-width: 1184px;
}
#jm .-fw, ._cl .img-c .img, ._fl .img-c .img, ._val-btn .cb:checked~.btn:after, .ar, .ar>img, .banner, .banner._pp .ctt-w, .btn._fb:after, .btn._prim:after, .btn._sec:after, .card._fw, .cms .tabs>div, .crs-w .itm-sel, .dp, .dpdw .box, .fi, .fi-er, .find, .flyout .co._fl, .jpw-ifm, .markup table, .meter, .noti, .pfi-w, .pfs-w, .pfs-w .ps, .pfs-w:after, .pi, .pi-w, .poplazy, .prd._box, .prd._box .add, .prd._box .core, .prd._box .core .img, .prd._cl .main, .prd._fb .add, .prd._fb .img-c .img, .prd._fl .add, .prd._fl .main, .rate._btns .star:after, .rate._btns .star:before, .row, .sel, .sldr._cms, .sldr>.itm, .stars:before, .sug, .ta, .y-ifm {
    width: 100%;
}
#jm .-fw-w, ._cl .ft, ._fl .ft, .cms .tabs, .fi-w._cb, .flyout, .flyout .co._fl, .prd._fl .r-imgs, .row, .var-w {
    flex-wrap: wrap;
}
.col, .row {
    flex: 0 1 auto;
}
#jm, #jm .-df, ._cl .core, ._cl .ft, ._cl .sd .s-prc-w, ._fl .core, ._fl .ft, ._fl .sd .s-prc-w, .alert, .banner._pp, .banner._pp .ctt-w, .brd-btn._rnd, .btn._fab, .btn._i, .btn._it, .cb+.lbl:after, .cms .tabs, .cms .tabs>label, .cntd._def, .crs-w .crs, .crs-w .crs>.itm, .crs-w._fade, .crs-w._gal, .crs-w._thumb, .dtls .smry span, .fi-w, .find, .fk-cb, .fk-cb:after, .fk-rad, .fk-rad:after, .flyout, .flyout .co._fl, .flyout .itm, .flyout .sub-w, .header, .ic-bg, .load-w, .noti .cnt, .pfi-w, .pg, .pg-w, .pi-w, .popup .cw, .popup._open, .prd .spon, .prd._box, .prd._box .core, .prd._cl .bt, .prd._fb, .prd._fb .ft, .prd._fb .rev, .prd._fb .s-prc-w, .prd._fl .main, .prd._fl .r-imgs, .prd._fl .rel, .prd._fl .rev, .prd._fl .sd, .prd._fl .sd-ft, .rad~.lbl:after, .row, .s-menu, .s-menu .m-itm, .sldr, .sldr>.itm, .stpr .stp .circ, .stpr .stp .hd, .sug .itm, .sug .sec._emp .msg, .tab, .tab .flap, .var-w, [data-ad], body {
    display: flex;
}
*, :after, :before {
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}*/

.ps-review {
    margin-bottom: 40px;
}
.ps-review::after {
    clear: both;
    content: "";
    display: table;
}
.ps-review .ps-review__thumbnail {
    float: left;
    width: auto;
}
.ps-review .ps-review__thumbnail img {
    width: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.ps-review .ps-review__content {
    float: left;
    width: calc(100% - 100px);
    padding: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #f1f1f1;
}
.ps-review .ps-review__content p {
    font-family: Montserrat;
    font-size: 14px;
    line-height: 1.5em;
    text-align: left;
    color: #5b5b5b;
}
.ps-review header {
    margin-bottom: 10px;
}
.ps-review header .br-widget, .ps-review header .br-wrapper {
    display: inline-block;
    margin-right: 10px;
}
.ps-review header p {
    display: inline-block;
    font-size: 14px;
    color: #5b5b5b;
    width: auto;
}
.ps-review header p a {
    font-weight: 700;
    color: #2AC37D;
}
@media (max-width: 767px) {
    .ps-review .ps-review__thumbnail {
        margin-bottom: 20px;
        float: none;
        width: 100%;
    }
    .ps-review .ps-review__content {
        float: none;
        width: 100%;
        padding: 15px;
    }
}

.pgn{
    width: 280px;
    background: #fff;
    border-radius: 40px;
    min-height: 40px;
    overflow-x: hidden;
    position: relative;
    text-align: right;
}
.prev{
    position: absolute;
    left: 0;
    z-index: 2;
}
.next{
    position: absolute;
    right: 0;
    z-index: 2;
}
.btn-page,
.prev,
.next{
    height: 40px;
    width: 40px;
    border-radius: 40px;
    border: none;
    outline: none;
    background-color: grey;
    cursor: pointer;
    font-weight: 600;
    transition: all .3s ease-in-out;
    font-size: 15px;
    color: #fff;
}

.btn-page:hover, .prev:hover, .next:hover,.active{
    color: #fff!important;
    /*background: #ffbc34;
    /*background: linear-gradient(45deg,#4173ff,#ac60ff);*/
}
.pages{
    position: absolute;
    left: 40px;
    transition: all .3s ease-in-out;
}
.page-container{
    display: flex;
    justify-content: start;
    align-items: start;
}