/* FONT WEIGHT OR FAMILY */
 .openaccountmenu.menuicon div {font-weight:600; }
 ._notify { font-weight:600; }
     /* FONT WEIGHT OR FAMILY */

table { width:100%; text-align:left; border-collapse: collapse; }
		table tr, table td { margin:0; padding:0; border-width:0; border-collapse: collapse; }
		table td, table th { padding: 10px 20px; font-size: 14px; font-weight: 400; text-align: center; } 
		table th { font-weight: 700; padding: 10px 10px; }
		table tr:nth-child(even) td { background: #cce1e8; }
            table tr.s td { background: #5cb85c; color: #ffffff; }

            .hiddentitle { display: none; }

            .text-right {
    text-align: right !important;
}
            .text-center{text-align:center !important;}
            .text-left{text-align:left !important;}

            .np {
    padding: 0 !important;
}

                       .hp {
    padding-bottom: 1rem !important;
}

.mask { position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 1); display: none; }
    .mask .windowbox { z-index: 11; /*position: absolute; top: 50%; left: 50%;*/ width: 100%; /*transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);*/ text-align: center; }
        .mask .windowbox .coll.m { vertical-align: middle; text-align: left; background: #ffffff; color: #202020; border-radius: 2px; }

 .mask .close { font-size: 40px; line-height: 20px;  height: 30px; position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 10; }

        .mask .windowbox.welcome p { font-size: 18px; }
.mask .windowbox, .mask .windowbox .roww { height: 100%; }
.mask .windowbox > .roww > .coll.col-3 { min-width: 485px; margin-bottom: 0; max-height: 90%; overflow-y: auto; transform: translateY(-50%); top: 50%; }

.searchItems a { color: #ffffff; text-decoration: none; }
    .searchItems a:hover { text-decoration: underline; }

    .searchItems .prodlisting a,  .searchItems .pagination a{ color:#202020;}

.product .colgroup { box-shadow: 0 4px 6px -2px rgba(0,0,0,.2); border: none; border-radius: 2px; overflow: hidden; position: relative; }
.col-20.product .colgroup { margin-bottom: 20px; }
    .searchItems .roww .coll { margin: 0 !important; vertical-align: middle; }
.searchItems .roww .coll.col-3.product { margin-bottom: 20px !important; }
.colimg, .prodgal { padding-bottom: 100%; height: 0; overflow: hidden; position: relative; display: block; border: 1px solid #eeeeee; }
.prodgal { border-radius: 2px; border: 1px solid #dddddd; margin-bottom:20px;}
    .colimg img, .prodgal img { display: block; visibility: visible; height: auto; opacity: 1; transition: all ease-in-out .3s; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 100% !important; left: 50%; object-fit: contain; }
        .colimg img.landscape, .prodgal img.landscape { max-width: none; max-height: 100%; width: auto; height: 100%; top: auto; left: 50%; transform: translateX(-50%); }
        .colimg img.addimage { opacity: 0; transition: opacity ease-in-out .3s; width: auto; }
            .colimg img.addimage.on { opacity: 1; }

.coldes { padding: 10px; text-align: left; display: block; background: #ffffff; border-top: 1px solid #DDDDDD; }
    a.coldes:hover { text-decoration: none; }
    .coldes .subtitle { display: block; font-size: 16px; font-weight: normal; min-height: 57px; }
    .buybox .coldes .subtitle { min-height:initial;}
.coldes .prodprice, .plprice .prodprice { color: #111111; display: block;
    padding-bottom: 1rem; }
.searchtracklist > .roww:hover { background: rgba(255,255,255,0.1); }
    .coldes .prodprice.onsale { color: #D90000; }
 .searchItems .coldes .plBtn { float: right; padding: 5px 10px; }

 .stars { display: none; text-align: left; margin-left: -2px; margin-top: 5px; margin-bottom: -5px; }
    .stars.onp { margin: 0; margin-left: -2px; margin-bottom: 5px; }
    .stars .star { display: inline-block; width: 20px; height: 20px; }
        .stars .star svg { width: 100%; height: 100%; fill: #AAAAAA; }
        .stars .star.on svg { fill: #FF9326; }
    .stars .reviewcount { font-size: 14px; color: #202020; display: inline-block; vertical-align: top; line-height: 20px; margin-left: 5px; text-decoration: underline; }

        .prodprice { color: #111111; }
.prodcode { color: #AAAAAA; }
.proddesc { border: 1px solid #DDDDDD; padding: 10px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

.pagination { border-top: 1px solid #DDDDDD; font-size: 16px; text-align: center; color: #AAAAAA; padding-bottom: 20px; }
    .pagination.single { border: none; }
    .pagination ul { display: inline-block; vertical-align: middle; list-style: none; padding: 0; margin: 0; margin-top: -1px; }
        .pagination ul li { display: inline-block; vertical-align: middle; padding: 0; margin: 0 5px; }
            .pagination ul li .pagebtn { display: block; padding: 15px 10px; }
                .pagination ul li .pagebtn.c { color: #111111; border-top: 1px solid #111111; }

    .pagination .pagebtn.prev, .pagination .pagebtn.next { display: inline-block; vertical-align: middle; padding: 5px 0; }
    .pagination .pagebtn.prev { float: left; }
    .pagination .pagebtn.next { float: right; }
        .pagination .pagebtn.prev svg, .pagination .pagebtn.next svg { fill: #AAAAAA; }
    .pagination a.pagebtn.prev svg, .pagination a.pagebtn.next svg { fill: #111111; }

.prodcount { font-size: 14px; }


a.seemorebtn { color: #ffffff !important; background: #ff9326; padding: 10px 30px; display: inline-block; border-radius: 2px; margin-bottom: 10px; text-decoration: none; }
    a.seemorebtn:hover { text-decoration: none !important; }


.breadcrumb { list-style: none; margin: 0; padding: 0; margin-bottom: 20px; padding: 5px 10px; background: #f8f8f8; }
.breadcrumb li { display: inline-block; }
    .breadcrumb li:after { content: '/'; margin-left: 10px; margin-right: 10px; color: #777777; }
    .breadcrumb li:first-child { margin: 0; }
    .breadcrumb li:last-child:after { display: none; }

    .sectionname { color: #111111; font-size: 22px; padding: 0; }

    @keyframes loading {
    0% { transform: scale(1); }
    50% { transform: scale(0.4); }
    100% { transform: scale(1); }
}

.loading { position: absolute; top: 50%; margin-top: -16px; height: 36px; right: 50px; width: 30px; opacity: 0; transition: opacity ease-in-out .3s; }
    .loading.on { opacity: 1; transition: opacity ease-in-out .3s; }
.loading > .bar { background-color: #009fdb; width: 2px; height: 28px; margin: 2px; animation-fill-mode: both; display: inline-block; animation: loading 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
    .loading > .bar:nth-child(2), .loading > .bar:nth-child(4) { animation-delay: -0.4s !important; }
    .loading > .bar:nth-child(1), .loading > .bar:nth-child(5) { animation-delay: -0.2s !important; }

.waiting { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 2; transition: all ease-in-out .3s; opacity: 0; display: none; }
.waiting .loading { opacity: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0; }
    .waiting .loading .loadingtext { position: absolute; top: 40px; left: 50%; width: 140px; margin-left: -70px; font-size: 22px; color: #009fdb; text-align: center; }
    .waiting.on { display: block; opacity: 1; }
.searchItems .waiting .loading { top: 100px; transform: translate(0, -50%); }
    .searchItems .waiting .loading .loadingtext { }

    /* Store */

.basketbtn { display: inline-block; vertical-align: middle; position: relative; margin-right:10px; }
    .basketbtn .basketicon { display: inline-block; width: 30px; height: 30px; position: relative; vertical-align: middle; /*background: #ffffff;*/ }
        .basketbtn .basketicon svg { fill: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .basketbtn .itemcount { width: 18px; height: 18px; overflow: hidden; border-radius: 50%; background: #D90000; color: #ffffff; position: absolute; top: 2px; right: -2px; padding: 0; margin: 0; z-index: 2; text-align: center; line-height: 18px; font-size: 12px; border: none; box-shadow: 1px 1px 7px rgba(0,0,0,.6); display: none; }
    .basketbtn .itemcount.showcount { display: block; }

.basketitems .item { padding: 10px 0; }
    /*.basketitems .item:last-child, .delivery, .delivery .coll.col-12 { }
.checkout .basketitems .item, .checkout .basketitems .item:last-child, .checkout .delivery, .checkout .delivery .coll.col-12 { border-color: #ffffff; }*/
    .basketitems .item .coll { margin: 0 !important; vertical-align:middle; }
    .pricelineset{line-height:25px;}

span[data-attr=tooltip] {border: 2px solid #777777;width: 20px;height: 20px;border-radius: 50%;display: inline-block;color: #777777;box-sizing: border-box;text-align: center;line-height: 18px;cursor: help;float: none !important;margin-left: 5px;font-size: 16px !important;}


.numinc { display: inline-block; width: 20px; height: 20px; text-align: center; vertical-align: middle; line-height: 20px; background: #009fdb; border-radius: 2px; margin: 0 2px; color: #ffffff; }
.numin { display: inline-block; vertical-align: middle; border: 1px solid #cccccc; outline: none; width: 40px; height: 20px; padding: 0; line-height: 20px; text-align: center; box-sizing: border-box; }
    .numin::-webkit-inner-spin-button, .numin::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
/*.removeBsktItm { display: inline-block; height: 20px; line-height: 20px;   color: #202020; font-size:20px; cursor:pointer; }*/
.removeBsktItm {
    font-size: 12px;
    color: #ff0000;
    text-transform: none;
    cursor:pointer;
}

a.checkoutbtn,  a.additbut { display: block; padding: 10px 20px; background: #009fdb; border-radius: 2px; color: #ffffff; text-align: center; text-transform: uppercase; }
    a.checkoutbtn.fastpay { margin-bottom: 20px; background: #007fdb; }
    a.checkoutbtn:hover { color: #ffffff; }



.checkout .basket, .checkout .subwarning { background: #ffffff; font-size:26px; border: 1px solid #dddddd; padding: 20px 10px 0 10px; border-radius: 2px; }
    .checkout .basket .coll { margin: 0 !important; }
.checkout .delivery { padding-bottom: 10px; border-bottom: 1px solid #eeeeee; margin-bottom: 10px; }

.checkout .basketitems { margin-bottom: 20px; }
.basketitems .item { border:none; border-bottom: 1px solid #eeeeee; }
   .basketitems .item:last-child { border: none; }

   .owl-item .coll { width:100% !important;}

   .owl-nav {
    font-size: 80px!important;
    color: #fff!important
}

.owl-next {
    position: absolute;
    right: -40px;
    top: 30%
}

.owl-prev {
    position: absolute;
    left: -40px;
    top: 30%
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: inherit!important
}

.chkbtn, .editSummary, .processingmsg { display: block; text-align: center; color: #ffffff; padding: 10px 0; border-radius: 2px; background: #007fdb; transition: background ease-in-out .3s; }
.editSummary { display: inline-block; font-size: 14px; background: none; color: #009fdb; padding: 0; margin: 0;  }
.chkbtn, .processingmsg { width: 80%; margin: 0 auto; }
.processingmsg { display: none; margin-bottom: 20px; background: #dddddd; color: #202020; }
.chkbtn.clicked { background: #dddddd; }

.needhelp { text-align: right; padding: 10px 0; font-size: 14px; display: inline-block; float: right; }

.changedelivery { overflow: auto; width: 100%; }
    .changedelivery option { padding: 5px; }
        .form .title {  font-size: 28px; text-align: center; color: #202020; }
        .custaccountwrap .form .title { text-align: left; }
        .custaccountwrap { background: #eff3f5; }
    .custaccountwrap > .inner { position: relative; min-height: 700px; overflow: hidden; }

	 .form .editsubpopdown .title { color: #00698C; padding: 10px 0; }

        .windowbox .form { padding: 0; padding-top: 20px; }
.omenu .windowbox .form, .umenu .windowbox .form, .reporttrack .windowbox .form, .plwindow .windowbox .formplwindow { padding-bottom: 20px; }

.headerbtn { display: inline-block; vertical-align: middle; padding: 0 10px; background: #777777; margin: 0; color: #ffffff; text-transform: uppercase; line-height: 30px; }
    .headerbtn:hover { color: #ffffff; }
    .headerbtn.signupbtn { background: #007fdb; }
.headerbtn.subby { background: #007fdb !important; color: #ffffff; }

.searchResults { padding: 0; }
    .searchResults.fixed, .rowcon.fixed { padding-top: 125px; box-sizing: border-box; position: relative; z-index: 0; }

    .searchResults .coll { margin-bottom: 0 !important; }

.omenu .form .element, .plwindow .form .element { margin: 10px 0; }
/*.omenu .form .element .label, .reporttrack .form .element .label, .plwindow .form .element .label { color: #ffffff; }*/
.omenu .form .button, .reporttrack .form .button { background: #009fdb; }
.plwindow .form .button { background: #FF9326; }
.form .button.inactive { background: #777777 !important; transition: background ease-in-out .3s; }

    .form .button { display: inline-block; padding: 10px 20px; background: #007fdb; margin-right: 5px; border-radius: 2px; transition: background ease-in-out .3s; color: #ffffff !important; }
.white .bg1 .form .button { background: #00698C; }

.button.signup, .form .button { display: block; text-align: center; width: 80%; color: #ffffff;  margin: 0 auto; }
.button.signup {
    background: #CCCCCC;
}
    .button.signup.active, .button.updateterms.active { background: #007fdb; }

.helptitle { background: #eeeeee; padding: 20px 30px;border: 1px solid #dddddd; border-bottom: none; }
    .helptitle h3 { padding-bottom: 0; text-align: left; }

.checkout .helpsection .helptitle { display: block; }
.checkout .helpsection .helptitle, .checkout .helpsection .helptopic { background: #ffffff; }
.checkout .helpsection .helptopic { border-top: none; padding-bottom: 10px; }
.checkout .terms { font-size: 14px; }

.form .element input[type=text]:focus + label, .form .element input[type=text]:active + label, .form .element input[type=text].field-active + label,
.form .element input[type=password]:focus + label, .form .element input[type=password].field-active + label,
.form .element input[type=tel]:focus + label, .form .element input[type=tel].field-active + label{ bottom: 38px; font-size: 14px; color: #007fdb; }


.vatbask { font-size: 14px;}

.form .subtitle { font-size: 14px; color: #007fdb; text-transform: uppercase; }
.white .bg1 .form .subtitle { color: #00698C; }
    .form .element { position: relative; padding-top: 10px; }
        .form .element .label { font-size: 18px; color: #777777; bottom: 8px; left: 0; pointer-events: none; position: absolute; top: auto; z-index: 1; transition: bottom .3s ease,font-size .3s ease,line-height .3s ease; width: 100%; }
.white .bg1 .form .element .label { color: #00698C; }
            .form .element .label span { float: right; font-size: 12px; }
        .form .element input[type=text], .form .element input[type=password],.form .element input[type=tel], .birthday-picker select, .form .element textarea, .form .element select { border: none; display: block; width: 100%; padding: 8px; outline: none; background: #ffffff; border-bottom: 1px solid #cccccc; box-sizing: border-box; font-size: 18px; position: relative; z-index: 1; color: #202020; transition: all ease-in-out .3s; }
.form .element-error { display: block; font-size: 14px; color: #D90000; padding-top: 10px; display: none; }
.form .element-help { display: block; font-size: 14px; padding-top: 10px; }
         
.birthday-picker select { padding: 5px !important; }
			.home .bg4 .form .element input[type=text] { width: 180px; text-align: center; border-radius: 10px; border: 1px solid #00698C; display: inline-block; margin-top: 20px; }
			
            .sup { font-size: 75%; display: inline-block; vertical-align: top; }

            .form .element .labelt, .labelt { font-size: 16px; pointer-events: none; width: 100%; padding-bottom: 10px; color: #00698C; }

            .hbtn { background: #ffffff; border-radius: 10px; width:90%; max-width: 220px; text-align: center; display: inline-block; padding: 10px 20px; font-size: 14px; letter-spacing: 1px; margin-top: 20px; color: #202020 !important; box-sizing: border-box; }
            .hbtn.addbskt { background: #007fdb; color: #ffffff !important; border-radius: 10px; padding: 10px 20px; }

            .productbasket .proddetail{ margin-bottom:0;}
            .productbasket .hbtn {margin-top:0;}
            .productbasket .proddetail h3, .productbasket .proddetail h2 {padding-bottom:0;}
            .productbasket .proddetail h3{ font-size: 2.8rem;}

            .form .element input[type=text]:not(.ferror):active, .form .element input[type=text]:not(.ferror):focus, .form .element input[type=password]:not(.ferror):active, .form .element input[type=password]:not(.ferror):focus { border-bottom: 1px solid #007fdb; }

.white .bg1 .form .element input[type=text]:not(.ferror):active, .white .bg1 .form .element input[type=text]:not(.ferror):focus, .white .bg1 .form .element input[type=password]:not(.ferror):active, .white .bg1 .form .element input[type=password]:not(.ferror):focus { border-color: #00698C; }

.form input[type=text].ferror, .form input[type=password].ferror, .form input[type=tel].ferror, .form select.ferror { border-color: #D90000; }

.form .checkbox {
    display: none
}

.form .checkbox+label {
    font-size: 16px;
    margin: 5px 0;
    display: block;
    position: relative;
    cursor: pointer
}

.form .checkbox+label span.check {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: #fff;
    vertical-align: top;
    border: 1px solid #ccc;
    border-radius: 2px
}

.form .checkbox+label span:last-child {
    width: 80%;
    display: inline-block;
    vertical-align: middle
}

.form .checkbox:checked+label span.check {
    background: #009fdb;
    border-color: #009fdb
}

.form .checkbox+label span.check .tick {
    opacity: 0;
    position: absolute;
    top: 1px;
    left: 1px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 22px
}

.form .checkbox:checked+label span.check .tick {
    opacity: 1
}

/*.formbut {
    display: block;
    text-align: center;
    width: 80%;
    color: #fff;
    margin: 0 auto
}*/

.offerr{display:none;}
/*.formbut {
    display: inline-block;
    padding: 5px!important;
    background: #fff;
    margin-right: 5px;
    border-radius: 2px;
    transition: background ease-in-out .3s;
    color: #009ee2!important;
    cursor: pointer
}

.bg1 .formbut {
    background: #009ee2;
    color: #fff!important
}*/

.button.signup.active,.button.updateterms.active {
    background: #009ee2
}

input[type=radio] {
    display: none
}

.allowemails {
    display: inline-block;
    width: 49%;
    margin-right: 2%;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ccc
}

.allowemails .tick {
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    line-height: 100%;
    display: none;
    padding-right: 5px
}

.allowemails.decline {
    margin: 0
}

.form input[type=radio]:checked+label {
    background: #009fdb;
    border-color: #009fdb;
    color: #fff
}

.form input[type=radio]:checked+label.decline {
    background: #d90000;
    border-color: #d90000
}

.form input[type=radio]:checked+label .tick {
    display: inline-block
}

            .helpsection .wrap { padding: 5px 30px !important; padding-top: 10px !important; box-sizing: border-box; }
    .helpsection .wrap .inner { padding: 0 !important; width: 100% !important; }
        .helpsection .wrap .inner .col { margin-bottom: 0 !important; }


.helpsection .helptopic { padding: 0; border: 1px solid #dddddd; text-align: left; margin-bottom: 0; border-bottom: none; }
    .helpsection .helptopic .question { padding: 20px 30px; color: #202020;  font-style: normal; font-weight: normal; transition: all ease-in-out .5s; }
    .helpsection .helptopic:last-child { border-bottom: 1px solid #dddddd; }
        /*.helpsection .helptopic .question.open { background: #ff9d7c; transition: all ease-in-out .5s; color: #007fdb; }*/
    .helpsection .helptopic .answer { display: none; }
        .helpsection .helptopic .answer.short { padding: 10px 30px; padding-bottom: 15px;}

   .form .element input[type=text]:disabled { background: #eeeeee; color: #777777; }

     .basketitems .item {font-size:14px; }
    .basketitems .item .coll .coll{ padding-left:0;}

.paymenticons { list-style: none; margin: 0; padding: 0; padding-top: 10px; display: block; position: absolute; top: 0; right: 30px; }
    .paymenticons li { display: inline-block; width: 48px; height: 30px; margin-left: 5px; border: 1px solid #eeeeee; padding: 0; }
        .paymenticons li.visa { background: url(../images/visa.png) no-repeat top left; }
        .paymenticons li.mastercard { background: url(../images/mastercard.png) no-repeat top left; }

.checkout .errorbox { }
.checkout .errorbox span { padding: 10px 20px; background: #d9534f; color: #ffffff; display: block; border-radius: 2px; }

.pac-container{z-index:9999999999 !important;}

.checkheader { position: relative; }
    .checkheader span { display: inline-block; font-size: 14px; color: #009fdb;  }

    .ManualAddressEnter, .formhelpbtn { color: #777777; margin: 20px auto 0px auto; text-align: center; }
    .formhelpbtn span { text-decoration: underline; }

    .row .col.editsubpopdown { display:none;}
.editsubclick, .editaddressclick{cursor:pointer;}
.editsubclick:hover, .editaddressclick:hover, .removeAddress:hover, .selectaddressclick:hover, .selectcardclick:hover { color: #777777 !important;}

.editpaybtn, .removeAddress { display: inline-block; border-radius: 4px; text-align: center; margin-right: 10px; }

.numwiget { padding: 20px; display: block; border: 1px solid #d5dcec; background: #ffffff; font-size: 16px; }
a.numwiget { color: #202020; }
a.numwiget:hover { color: #202020; }

/* Store END */

    .paymentsteps { list-style: none; display: block; margin: 0; padding: 0; text-align: right; }
    .paymentsteps li { display: inline-block; vertical-align: middle; line-height: 30px; font-size: 16px; color: #777777; margin-left: 40px; }
        .paymentsteps li:first-child { margin-left: 0; }
        .paymentsteps li .stepnum { width: 30px; height: 30px; border-radius: 100%; border: 2px solid #dddddd; display: inline-block; text-align: center; margin-right: 10px; background: #eeeeee; box-sizing: border-box; line-height: 26px; }
        .paymentsteps li.complete, .paymentsteps li.partial { color: #202020; }
        .paymentsteps li.complete span, .paymentsteps li.partial span { color: #009fdb;  }
		.paymentsteps li.partial span { border-color: #009fdb; }
        .paymentsteps li.complete span.stepnum { background: #009fdb; border-color: #009fdb; color: #ffffff; }


        
.signupwith, .continueasguest { display: block; padding: 10px 20px; border-radius: 2px; color: #007fdb; text-align: center; border: 1px solid #007fdb; box-sizing: border-box; cursor: pointer; }
    .signupwith.facebook { background: #3b5998; color: #ffffff; border: none; }

    .signupwith.a { display: inline-block; }


    .helptext { background: #ffad91; border-radius: 2px; padding: 10px; text-align: center; }
    .helptext.error {background:#da0f0f;}
.white .bg1 .helptext, .helptext.b { background: #cce1e8; }
    .helptext.additional { background: rgba(91, 71, 145, 0.2);  }
    .helptext p { padding-bottom: 5px; }
.form .helptext { margin-top: 10px; }
.form p { line-height: 100%; }
.welcome .form p { padding-bottom: 10px;}

.tabcontent { display: none; }
    /*.tabcontent[data-tab=dashboard] { background: none; }*/
    .tabcontent.selected { display: block; }
.tabcontent .form { padding: 20px 0; }
    .tabcontent[data-tab=dashboard] .form { background: none; }

    .tabcontent .signupwith.a { width: 90%; display: block; margin: 0 auto; }

    .tabcontent .numwiget {color:#111;}
    .tabcontent:not([data-tab=dashboard]) .numwiget { padding-top: 40px; }
    .tabcontent:not([data-tab=dashboard]) .numwiget .numwiget { padding: 20px; margin-bottom: 20px; }

.tablist { list-style: none; margin: 0; padding: 0; display: block; padding: 10px 0; }
    .tablist li { border-bottom: 1px solid #eeeeee; padding: 10px 20px; color: #00698C }
        .tablist li.a { padding: 0; }
        .tablist li.a a { padding: 10px 20px; }
        .tablist li:last-child { border-bottom: 0; }
        .tablist li span { display: none; }
        .tablist li.selected { background: #00698C; color: #ffffff; border-radius: 2px; border: 0; position: relative; }
            .tablist li.selected span { display: block; position: absolute; top: 0; right: 0; width: 36px; height: 100%; }
                .tablist li.selected span svg { fill: #fff; position: absolute; top: 50%; margin-top: -18px; right: 0; }


                .accountmenu { position: absolute; height: 100%; z-index: 2; overflow-y: auto; top: 0; background: #ffffff; width: 320px; left: -340px; box-sizing: border-box; padding: 40px 20px 20px 20px; transition: all 0.3s ease; box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.2); }

  

          .openaccountmenu.menuicon { display: inline-block; width: 32px; height: 30px; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; position: relative;vertical-align: middle; background: #ffffff; margin-left: 69px; }
          .openaccountmenu.menuicon div { position: absolute; top: 0; left: -69px; background: #ffffff; color: #202020; text-transform: uppercase; padding: 0 10px; line-height: 30px; box-sizing: border-box; }
                    .openaccountmenu.menuicon span { display: block; position: absolute; height: 4px; width: 22px; background: #202020; opacity: 1; left: 5px; transform: rotate(0deg); transition: .25s ease-in-out; }
        .menuicon span.one { top: 5px; transform-origin: left center; }
.menuicon span.two { top: 13px; transform-origin: left center; }
.menuicon span.three { top: 21px; transform-origin: left center; }
    .menuicon.active span { background: #202020; }
.menuicon.active span.one { transform: rotate(45deg); top: 6px; left: 8px; }
.menuicon.active span.two { width: 0%; opacity: 0; }
.menuicon.active span.three { transform: rotate(-45deg); top: 21px; left: 8px; }

  .accountmenu .menuicon { margin: 0; color: #ffffff; position: absolute; top: 10px; right: 10px; }
        .accountmenu .menuicon div { display: none; }

        .userbox { padding: 0; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; color: #ffffff; }
    .userbox:hover .viewopts { background: rgba(0, 0, 0, 0.6); }


.backlink.dbrd { padding: 0; margin-top: 20px; color: #009fdb; }
.backlink { padding: 5px 0; }
    .backlink svg { fill: #009fdb; display: inline-block; vertical-align: middle; }

.acc-icon { display: block; margin: 0 auto; margin-bottom: 20px; background: #eeeeee; border-radius: 50%; width: 80px; height: 60px; padding-top:20px; }
.acc-icon img {width:50%; margin:0 auto; }
.pricewidth{width:70%; border:1px solid #E6E6E6; margin:0; padding:0;}

.windowbox .paymentsteps { text-align: center; margin-top: 10px; }

.delivery, .promotions, .ordertotal { font-size: 14px; }

.messages { position: fixed; bottom: 60px; left: 50%; transform: translateX(-50%); width: 480px; max-width: 95%; z-index: 9999999; display: none; transition: height ease-in-out .25s; }
    .messages div:last-child { margin-bottom: 0; }
._notify { display: block; position: relative; margin-bottom: 10px; padding: 10px 30px; background: #eeeeee; border-radius: 2rem / 2rem; color: #202020; pointer-events: none; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); border: 1px solid #777777; font-style: normal; font-weight: normal; box-sizing: border-box; }
.messages ._notify { opacity: 0; }
    ._notify.info { color: #0A4583; background-color: #99E5FF; border-color: #004C66; }
    ._notify.success { color: #ffffff; background-color: #336600; border-color: #336600; }
    ._notify.warning { color: #663B0F; background-color: #FFD4A8; border-color: #663B0F; }
    ._notify.error { color: #ffffff; background-color: #D90000; border-color: #D90000; }

    ._notify.show { opacity: 1; bottom: 20px; animation: fadein 0.5s, fadeout 0.5s 3s; }

.messages.large { top: 50%; bottom: auto; transform: translate(-50%, -50%); }
    .messages.large ._notify { padding: 40px; }
        .messages.large ._notify.show { left: 20px; animation: fadeinleft 0.5s, fadeoutleft 0.5s 3s; }


        
        .sublevel { background: #555555; padding: 20px 0; margin: 0 10px; }
    .sublevel.r { background: none;  }
.bg4 .sublevel.r { background: #eeeeee; }

    .sublevel .hbtn { margin: 0; }
    .sublevel p { line-height: 120%  !important;  padding-bottom: 10px !important;}

.subprice { font-size: 22px; }
.sublevel .ca { font-size: 14px; padding: 26px 0 10px; }
.sublevel .t { margin-bottom: 54px; }

.wasprice { color: #D90000; text-decoration: line-through; }
    .wasprice span { color: #202020; font-size: 14px; }
.saveamount, .fromonly { position: absolute; display: block; top: 10px; right: 10px; font-size: 14px; background: #D90000; text-transform: uppercase; width: 70px; height: 70px; z-index: 1; border-radius: 50%; color: #ffffff; text-align: center; box-shadow: 0 4px 6px -2px rgba(0,0,0,.8); }
    .saveamount .sa, .fromonly .sa { position: absolute; display: block; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%; }
        .saveamount .sa .sa1, .fromonly .sa .sa1 { display: block; }
        .saveamount .sa .sa2, .saveamount .sa .sa3, .fromonly .sa .sa2, .fromonly .sa .sa3 { display: inline-block; vertical-align: top; line-height: 100%; }
        .saveamount .sa .sa2 { font-size: 22px; }
        .saveamount .sa .sa3 { font-size: 12px; }

.fromonly { width: 120px; height: 120px; bottom: 0; top: auto; right: 0; line-height: 140%; font-size: 18px; }
    .fromonly .sa .sa2, .fromonly .sa .sa3 { line-height: 80%; }
.fromonly .sa .sa2 { font-size: 32px; }
.fromonly .sa .sa3 { font-size: 16px; }

.deletevoucher {
    font-size: 20px;
    line-height: 20px;
    height: 30px;
    cursor: pointer;
    z-index: 10;
    color: #D90000;
}


    @keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 20px; opacity: 1;}
}
    @keyframes fadeout {
    from {bottom: 20px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

    @keyframes fadeinleft {
    from {left: 0; opacity: 0;}
    to {left: 20px; opacity: 1;}
}
    @keyframes fadeoutleft {
    from {left: 20px; opacity: 1;}
    to {left: 0; opacity: 0;}
}

@media only screen and (max-width:960px) {
    	.mask .windowbox .basketitems .item > .coll.col-3 { width: 10% !important; }
	.mask .windowbox .basketitems .item > .coll.col-9 { width: 90% !important; }
	.mask .windowbox .basketitems .item > .coll.col-3 .coll.col-9 { display: none; }

    .mask .windowbox > .roww > .coll.col-3 { width: 60% !important; min-width: 0; }
}

@media only screen and (max-width:960px) and (orientation: landscape) {
    .mask .windowbox > .roww > .coll.col-3 { width: 90% !important; min-width: 0; }
    .mask .windowbox { height: 100%; overflow-x: hidden; overflow-y: scroll; }
}

@media only screen and (max-width:670px) {
    .userbox {
        display: none;
    }

    .user .basketbtn {
        position: relative;
    }
    .paymentsteps { text-align: center; }
}

@media only screen and (max-width:480px) {
    .messages {
        width: 100%;
    }
    .mask .windowbox > .roww > .coll.col-3 { width: 90% !important; min-width: 0; }
    .mask .windowbox { height: 100%; overflow-x: hidden; overflow-y: scroll; }
    .paymentsteps li:not(.partial) .stepname { display: none; }
}



.newticketresponse{ text-align:center; padding:20px 0; cursor:pointer;}

.convertticket, .completeticket, .createtaskselection, .completetask { display:inline-block; padding:10px 10px; margin:0 10px 10px 0;cursor:pointer;     display: inline-block;
    padding: 10px 20px;
    border-radius: 2rem / 2rem;
    background: #14A3A5;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    font-weight: 700;}

.convertticket, .createtaskselection{ background:#777777;}
.toolbarpop{position:absolute; z-index:50; display:none;}

.completetickettask, .tickettasktext{display:inline-block; margin-right:10px;}
.completedtask{ text-decoration:line-through;}