/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNaIhQ8tQ.woff) format('woff');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxMKTU1Kg.woff) format('woff');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedHFHGPc.woff) format('woff');
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px)           
and (max-device-width : 1024px) {
/* Styles */

    .menu-in-active {
        padding-top: 12px;
    }
    
    .menu-active {
        position: absolute;
        z-index: 4;
        right: 0;
        bottom: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.32);
        height: 100%;
        -webkit-transition: all linear 0;
        -moz-transition: all linear 0;
        -o-transition: all linear 0;
        transition: all linear 0;
    }
    
    .ph-cash-redeem-instructions {
        margin-bottom: 0;
    }
    
    .ph-cash-back-incificient-amount-wrapper, 
    .ph-cash-back-voucher-number-wrapper, 
    .lg-update-profile-btn {
        border: 0;
    }
    
    .ph-start-container {
        min-width: 200px;
        max-width: 290px;
        position: absolute;
        left: 50%;
        top: 48%;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }

    .ph-pd-wrapper {
        width: 50%;
        float: left;
    }
    
    .ph-basket-wrapper {
        border-bottom: 1px solid #dadada;
        width: 50%;
        float: left;
        border-left: 1px solid #dadada;
    }

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/**********
iPad 3
**********/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}



/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */    
}


/* iPhone 5 ----------- */
@media only screen 
and (min-device-width: 320px) 
and (max-device-height: 568px) 
and (orientation : landscape) 
and (-webkit-device-pixel-ratio: 2){
/* Styles */
}


@media only screen 
and (min-device-width: 320px) 
and (max-device-height: 568px) 
and (orientation : portrait) 
and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen 
and (min-device-width: 375px) 
and (max-device-height: 667px) 
and (orientation : landscape) 
and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen 
and (min-device-width: 375px) 
and (max-device-height: 667px) 
and (orientation : portrait) 
and (-webkit-device-pixel-ratio: 2){
/* Styles */
}


/* iPhone 6+ ----------- */
@media only screen 
and (min-device-width: 414px) 
and (max-device-height: 736px) 
and (orientation : landscape) 
and (-webkit-device-pixel-ratio: 2){
/* Styles */
}


@media only screen 
and (min-device-width: 414px) 
and (max-device-height: 736px) 
and (orientation : portrait) 
and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen 
and (min-device-width: 320px) 
and (max-device-height: 640px) 
and (orientation : landscape) 
and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen 
and (min-device-width: 320px) 
and (max-device-height: 640px) 
and (orientation : portrait) 
and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen 
and (min-device-width: 320px) 
and (max-device-height: 640px) 
and (orientation : landscape) 
and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen 
and (min-device-width: 320px) 
and (max-device-height: 640px) 
and (orientation : portrait) 
and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen 
and (min-device-width: 360px) 
and (max-device-height: 640px) 
and (orientation : landscape) 
and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen 
    and (min-device-width: 360px) 
    and (max-device-height: 640px) 
    and (orientation : portrait) 
    and (-webkit-device-pixel-ratio: 3){
/* Styles */
}


/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
/* Styles */
}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
/* Styles */
}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
/* Styles */
}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
/* Styles */
}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
/* Styles */
}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
/* Styles */
}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
/* Styles */
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
/* Styles */
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
/* Styles */
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
/* Styles */      
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
/* Styles */
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
/* Styles */
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
/* Styles */
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
/* Styles */
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
/* Styles */
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
/* Styles */
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
/* Styles */
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
/* Styles */
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
/* Styles */
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
/* Styles */
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
/* Styles */
}

/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
/* Styles */
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
/* Styles */
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
/* Styles */
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
/* Styles */
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
/* Styles */
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
/* Styles */
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
/* Styles */
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
/* Styles */
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
/* Styles */
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
/* Styles */
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
/* Styles */
}


/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
/* Styles */
}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
/* Styles */
}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 
/* Styles */
}

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
/* Styles */
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
/* Styles */
}


/* ==========================================================================
   Pharma's custom styles
   ========================================================================== */

body {
    margin: 0;
    background-color: white;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 80px;
    overflow-x: hidden;
    margin-top: 49px;
}

nav {
    top: 55px;
    width: 100%;
    z-index: 999;
    height: 50px;
    min-height: 50px;
    position: fixed;
    background-color: #021548;
}

.markit-app-header {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    position: fixed;
    padding-top: 0px;
    min-height: 60px;
    background-color: #ffffff;
}

.content { margin-top: 100px; }

.nav-fostrap {
  display: block;
  border-radius: 3px;
  margin-bottom: 15px 0;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
     -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
      -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
       -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.nav-fostrap ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

.nav-fostrap li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  font-size: 14;
  color: #def1f0;
}

.nav-fostrap li a {
  padding: 15px 20px;
  font-size: 14;
  color: #def1f0;
  display: inline-block;
  outline: 0;
  font-weight: 400;
}

.nav-fostrap li:hover ul.dropdown { display: block; }

.nav-fostrap li ul.dropdown {
  position: absolute;
  display: none;
  width: 200px;
  background: #2980B9;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-top: 0;
}

.nav-fostrap li ul.dropdown li {
  display: block;
  list-style-type: none;
}

.nav-fostrap li ul.dropdown li a {
  padding: 15px 20px;
  font-size: 15px;
  color: #fff;
  display: block;
  font-weight: 400;
}

.nav-fostrap li ul.dropdown li:last-child a { border-bottom: none; }
.nav-fostrap li:hover a { background: #2980B9; color: #fff !important; }
.lg-settings-wrapper { margin-top: 55px; }
.nav-fostrap li:first-child:hover a { border-radius: 3px 0 0 3px; }
.nav-fostrap li ul.dropdown li:hover a { background: rgba(0,0,0, .1); }
.nav-fostrap li ul.dropdown li:first-child:hover a { border-radius: 0; }
.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }

#menuToggle {
    z-index: 1040;
    width: 260px;
    height: 100%;
    background-color: white;
    position: fixed;
    left: -275px;
    top: 0;
    border-right: 1px solid #cccccc;
    bottom: 0;
    box-shadow: 6px -1px 11px 1px rgba(0, 0, 0, 0.25);
}


 @media only screen and (max-width:900px) {

    .nav-fostrap {
      top: 0;
      margin: 0;
      border: 0;
      left: -85%;
      width: 80%;
      height: 100%;
      z-index: 2035;
      display: block;
      position: fixed;
      overflow-y: auto;
      border-radius: 0;
      background: #fff;
      overflow-x: hidden;
      -webkit-transition: left 0.25s ease;
         -moz-transition: left 0.25s ease;
          -ms-transition: left 0.25s ease;
           -o-transition: left 0.25s ease;
              transition: left 0.25s ease;
    }
    
    .title-mobile {
      position: fixed;
      display: block;
        top: 10px;
        font-size: 20px;
        left: 100px;
        right: 100px;
        text-align: center;
        color: #FFF;
    }
    
    .nav-fostrap.visible {
      left: 0;
      -webkit-transition: left 0.25s ease;
         -moz-transition: left 0.25s ease;
          -ms-transition: left 0.25s ease;
           -o-transition: left 0.25s ease;
              transition: left 0.25s ease;
    }
    
    
    .navbar-fostrap {
      display: inline-block;
      vertical-align: middle;
      height: 50px;
      cursor: pointer;
      margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        padding: 12px;
    }
    
    .navbar-fostrap span {
      height: 2px;
      background: #fff;
      margin: 5px;
      display: block;
      width: 20px;
    }
    
    .navbar-fostrap span:nth-child(2) { width: 20px; }
    
    .navbar-fostrap span:nth-child(3) { width: 20px; }
    
    .nav-fostrap ul { padding-top: 50px; }
    
    .nav-fostrap li { display: block; }
    
    .nav-fostrap li a {
      display: block;
      color: #505050;
      font-weight: 600;
    }
    
    .nav-fostrap li:first-child:hover a { border-radius: 0; }
    
    .nav-fostrap li ul.dropdown { position: relative; }
    
    .nav-fostrap li ul.dropdown li a {
      background: #2980B9 !important;
      border-bottom: none;
      color: #fff !important;
    }
    
    .nav-fostrap li:hover a {
      color: #fff !important;
    }
    
    .nav-fostrap li ul.dropdown li:hover a {
      background: rgba(0,0,0,.1)!important;
      color: #fff!important;
    }
    
    .nav-fostrap li ul.dropdown li a { padding: 10px 10px 10px 30px; }
    
    .nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }
    
    .arrow-down {
      border-top: 5px solid #505050;
      position: absolute;
      top: 20px;
      right: 10px;
    }
    
    .cover-bg {
      background: rgba(0,0,0,0.5);
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
    }
}

.menu-in-active {
    width: 60px;
    height: 50px;
    z-index: 1030;
    position: absolute;
}

.chat-in-active {
    right: 0;
    position: absolute;
    z-index: 1030;
    padding: 12px 12px 1px 7px;
}

.ph-chat-message-container {
    padding: 20px;
    background-color: red;
}

.chat-input-container {
    min-width: 250px;
    max-width: 255px;
    height: 30px;
    border-radius: 10px 0 10px 10px;
    padding: 10px 0 0 10px;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    border: 0;
    outline: 0;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.chat-input-container:focus {
    outline: none;
}

.ph-chat-send-btn {
    width: auto;
    vertical-align: top;
    margin-top: 3px;
    padding: 5px 5px 0 6px;
    background-color: #f5f5f5;
    display: inline-block;
}

.ph-chat-action-container {
    padding: 10px 6px 6px 10px;
    background-color: #f5f5f5;
}

.ph-discussion-show-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 150px;
    background-position: 50% 50%;
}

/*Markitap styles*/
.markitap-brand-wrapper,
.pharma-brand-wrapper {
    position: absolute;
    width: 100%;
    margin: auto;
    display: block;
    text-align: center;
}
.markitap-brand-container{
    background-color:black;
    color:white;
    margin-top:50px;
    font-size:14px;
}
.pharma-brand-logo {
    margin-top: 5px;
    max-height: 45px;
}

.chat-message-unread {
    fill: #ffffff;
}

.chat-message-unread:after {
    content: "test";
}

.discussion li {
    padding: 0.5rem;
    overflow: hidden;
    display: flex;
}

.discussion {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
}

textarea.chat-input-container { resize: none; }
.ph-discussion-username { color: #fa1f0a; }
.ph-discussion-seperator { color: #cdcdcd; }
.ph-discussion-datestamp { color: #ababab; }

.discussion .avatar {
    min-width: 60px;
    max-width: 60px;
    position: relative;
}

.discussion .avatar img {
    display: block;
    width: 100%;
    height: 60px;
    object-fit:cover;
}

.self {
    justify-content: flex-end;
    align-items: flex-end;
}

.self .avatar { order: 2; }

.messages {
    background: white;
    font-size: 12px;
    max-width: 224px;
    overflow: hidden;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.other .avatar::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid white;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.self .avatar::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid white;
    border-right-color: transparent;
    border-top-color: transparent;
}

.self .avatar::after {
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.menu-active {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    -webkit-transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms;
}

.menu-active .nav-icon {  opacity: 0; }

.nav-icon {
    padding-top: 13px;
    padding-bottom: 13px;
    z-index: 20;
    width: 50px;
}

.external-link { background: #eaf3f1; }
.orange { color: #8187a0; }
.orange-bg { background-color: #8187a0; }
.pink { color: #e0004b; }
.red-bg { background-color: red;}
.yellow { color: #8187a0; }
.yellow-bg { background-color: #8187a0;}
.green-bg { background-color: #06aba4;}
.blue-bg { background-color: blue;}
.pink-bg { background-color: #a5a2a2; }
.green { color: #9a9a9a; }

.ph-ct-wrapper { margin: 15px 10px 0 10px; }

.ph-ct-container {
    text-align: left;
    min-height: 95px;
    box-shadow: 0 4px 14px 0 rgba(0,0,0,0.1);
}

.ph-ct-tile {
    font-size: 16px;
    color: #696969;
    font-weight: 500;
    margin-bottom: 8px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

.ph-ct-icon-container {
    float: right;
    min-height: 47px;
    min-width: 50px;
    margin-left: 10px;
    text-align: center;
}

.ph-ct-icon { font-size: 43px; }

.ph-ct-description {
    color: #797979;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 12px;
}

.home-content { 
    margin-top: 122px; 
    margin-bottom: 20px; 
}

.ph-basket-content-wrapper {
    margin-top: 0;
    text-align: left;
}

.ph-order-status-header,
.ph-chat-header,
.ph-sp-header,
.ph-basket-header,
.ph-cash-header,
.ph-acc-details-header,
.ph-order-confirm-header,
.ph-prescription-header {
    color: #FFFFFF;
    padding: 20px 20px 20px 20px;
}

.ph-order-status-header {  background-color: #2a3b83; }
.ph-chat-header {  background-color: #2a3b83; }
.ph-sp-header {  background-color: #e61900; }
.ph-basket-header { background-color: #2a3b83; }
.ph-prescription-header { background-color: #2a3c84; }
.ph-acc-details-header { background-color: #2a3c84; }
.ph-order-confirm-header { background-color: #2a3b83 }

.ph-cash-header {
    background-color: #2a3b83;
    background: #2a3b83;
}

.ph-sp-title {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 27px;
}

.ph-sp-sub {
    font-family: sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 5px;
}

.ph-sp-icon {
    float: right;
    margin-top: -60px;
    margin-right: 5px;
}

.ph-pd-image-container {
    display: inline-block;
    width: 38%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.ph-basket-image-container {
    display: inline-block;;
    width: 30%;
}

.ph-pd-wrapper {
    padding: 15px 12px 10px 20px;
    height: 130px;
    min-height: 130px;
    max-height: 130px;
    text-align: left;
    border-bottom: 1px solid #dadada;
}

.ph-pd-image {
    width: 100%;
    height: 129px;
    min-height: 129px;
    max-height: 129px;
    background-size: cover;
    background-position: 50% 50%;
}

.ph-basket-wrapper {
    padding: 10px 10px 10px 10px;
    text-align: left;
    border-bottom: 1px solid #dadada;
}

.ph-redeem-cash-wrapper {
    padding: 15px 40px 15px 15px;
    text-align: left;
    border-bottom: 1px solid #dadada;
}

.ph-prescription-wrapper {
    background-color: #a9a9a8;
    padding: 10px 10px 10px 10px;
    text-align: left;
    border-bottom: 1px solid #dadada;
}

.ph-cash-amount-wrapper {
    background-color: #082c8c;
    padding: 10px 10px 10px 20px;
    text-align: left;
    border-bottom: 1px solid #dadada;
}

.ph-cash-back-incificient-amount-wrapper,
.ph-cash-back-voucher-number-wrapper,
.lg-update-profile-btn {
    text-transform: UPPERCASE;
    border-bottom: 1px solid #dadada;
    background-color: rgb(123, 123, 123);
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    padding: 15px 15px 15px 15px;
}

.ph-cash-back-voucher-number-wrapper { background-color: rgb(113, 113, 113); }
.ph-cash-back-incificient-amount-wrapper { background-color: rgb(224, 0, 75); }

.lg-update-profile-btn-wrapper {
    background-color: #FFFFFF;
    width: 100%;
}

.lg-update-profile-btn {
    background-color: rgb(250, 18, 0);
    margin: auto auto;
    max-width: 250px;
    text-transform: Capitalize;
    text-align: center;
    display: block;
    border: 0;
}

.ph-pd-title {
    color: #696969;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 0;
    display: block;
    margin-bottom: 10px;
}

.ph-basket-title {
    color: #696969;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 5px;
    display: block;
    max-width: 128px;
    line-height: 16px;
    max-height: 50px;
    overflow: hidden;
}

.ph-cash-value,
.ph-prescription-date {
    padding-top: 3px;
    font-size: 16px;
    color: white;
    text-transform: UPPERCASE;
}

.ph-prescription-title {
    color: #696969;
    padding-top: 3px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
}

.ph-prescription-description {
    color: #797979;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 12px;
    max-height: 37px;
    line-height: 16px;
    overflow: hidden;
    padding-bottom: 14px;
    padding-top: 5px;
}

.ph-prescription-description:after { content: '...'; }

.ph-pd-container {
    width: 58%;
    display: inline-block;
    min-height: 96px;
    max-height: 96px;
}

.ph-basket-container {
    width: 45%;
    display: inline-block;
    vertical-align: text-bottom;
}

.ph-redeem-container { width: 100%; }
.ph-prescription-container { width: 100%; }

.ph-basket-qty {
    display: inline-block;
    width: 18%;
}

.ph-basket-qty-input,
.ph-cash-redeem-qty-input {
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    height: 30px;
    vertical-align: text-bottom;
    padding: 10px;
    text-align: center;
    -webkit-transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: transparent;
    border-radius: 50%;
    max-width: 150px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.ph-basket-qty-input:focus,
.ph-cash-redeem-qty-input:focus {
    outline: 0;
    border: 0;
    border-bottom: 2px;
    border-color: #2a3b83;
    border-style: solid;
}

.ph-cash-redeem-instructions {
    padding: 15px 20px 15px 15px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
}


.ph-basket-qty-input { width: 30px; margin-bottom: 15px; }
.ph-cash-redeem-qty-input { width: 100%; margin-bottom: 5px; }

.ph-basket-order-info {
    padding: 10px 23px 15px 10px;
    text-align: right;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}


.ph-basket-order-text,
.ph-basket-order-amount {
    display: inline-block;
}

.ph-basket-order-text { color: #a7a7a7; }
.ph-basket-order-amount { color: #464646; }

.ph-basket-order-confirm,
.ph-basket-order-cancel {
    display: inline-block;
    font-size: 14px;
}

.ph-basket-order-confirm {
    color: #FFFFFF;
    background-color: #e0004b;
    width: 53%;
    border: 1px solid #e0004b;
    margin: 0 0 0 4px;
}
.ph-basket-order-cancel {
    color: #464646;
    border: 1px solid #cacaca;
    background-color: transparent;
    width: 33%;
    margin: 0 0 0 15px;
}

.ph-pd-description {
    color: #797979;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 12px;
    max-width: 170px;
    max-height: 40px;
    min-height: 40px;
    overflow: hidden;
    padding-bottom: 2px;
    margin-top: -6px;
}

.ph-pd-description:after { content: '...'; }

.ph-basket-image {
    width: 80px;
    height: 80px;
    background-size: cover;
    background-position: 50%;
    border-radius: 50%;
}

.ph-no-stock {
    position: absolute;
    font-size: 9px;
    left: 50%;
    font-weight: bold;
    text-align: center;
    top: 50%;
    line-height: 18px;
    min-width: 102px;
    border: 1px solid #eaeaea;
    color: #585858;
    text-transform: UPPERCASE;
    box-shadow: 3px 2px 9px 0px rgba(0, 0, 0, 0.72);
    border-radius: 0;
    background-color: rgb(255, 255, 255);
    padding: 13px 13px 13px 18px;
    letter-spacing: 1px;
    z-index: 5;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    -webkit-transition: all linear 300ms;
       -moz-transition: all linear 300ms;
         -o-transition: all linear 300ms;
            transition: all linear 300ms;
}

.ph-pd-price {
    color: #e61900;
    text-align: left;
    font-weight: bold;
    margin-top: 5px;
    font-size: 14px;
    width: 94%;
}

.toast-bottom-center {
    position: fixed;
    top: 105px;
    text-align: center;
    width: 100%;
}

.toast-info {
    font-family: 'Roboto', sans-serif;
    background-color: #e61900;
    margin: auto;
    color: #FFFFFF;
    max-width: 250px;
    font-size: 14px;
    padding: 15px 0 15px 0;
}

/* ==========================================================================
   Product animated check mark
   ========================================================================== */

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: green;
    fill: none;
    animation: stroke .6s forwards;
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    /*display: block;*/
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0 0 0 green;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s .8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px green;
    }
}


/* ==========================================================================
   Fixed Talker - Bottom Space
   ========================================================================== */

.ph-global-talker-image {
    height: 80px;
    position: fixed;
    bottom: 0;
    z-index: 1030;
}

/* ==========================================================================
   Start View Values
   ========================================================================== */

.ph-main-nav-icon {
    margin-top: 20px;
    position: absolute;
}

.pharma-start-wrapper {
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    position: absolute;
    margin-top: -140px;
    padding-bottom: 20px;
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif;
}

.ph-start-container {
    padding: 30px;
    margin-top: 20px;
}

.ph-start-intro-help {
    font-size: 9px;
    margin-top: 15px;
    line-height: 12px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: #333;
}

.ph-start-intro-contact-info {
    font-size: 12px;
    margin-top: 15px;
    line-height: 12px;
    letter-spacing: 1px;
    margin-bottom: 40px;
    text-transform: UPPERCASE;
    color: rgba(255, 255, 255, 0.31);
}

.ph-start-heading {
    font-size: 22px;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
}

.ph-start-intro-content {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    margin-bottom: 15px;
    margin-top: 10px;
    letter-spacing: 1px;
}

.ph-start-cta-btn {
    width: 150px;
    background-color: #e61900;
    padding: 16px;
    display: block;
    max-width: 150px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    margin: auto auto;
    text-transform: uppercase;
}

a.ph-start-intro-email-link {
    color: #333;
    text-decoration: none;
}

.ph-start-intro-number {
    color: #FFFFFF;
    font-size: 14px;
}

/* ==========================================================================
   Color Overides
   ========================================================================== */
.red { background: red;}
.blue { background: blue;}

.ph-main-nav-wrapper {
    height: 100%;
    margin: 0 15px;
}

.ph-main-nav-item-wrapper {
    border: 0;
    text-align: left;
    padding: 0;
    border-radius: 0;
    min-height: 63px;
}

.ph-main-nav-link {
    text-transform: UPPERCASE;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-top: 20px;
    vertical-align: super;
    margin-left: 56px;
    color: #888586;
}

.ph-main-nav-description {
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    margin-left: 57px;
    color: #464646;
    padding-top: 2px;
    letter-spacing: 1px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 21px;
}

/* ==========================================================================
   Button Ripples
   ========================================================================== */

button{
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 20px;
    border-radius: 0;
    width: 100%;
    font-size: 22px;
    background-color: #FFFFFF;
}

.product-selected:after {
    content: 'Added to Basket';
    position: absolute;
    font-size: 9px;
    left: 50%;
    font-weight: bold;
    text-align: center;
    top: 50%;
    line-height: 18px;
    min-width: 102px;
    color: #676767;
    text-transform: UPPERCASE;
    border-radius: 0;
    background-color: #FFFFFF;
    box-shadow: 3px 2px 9px 0px rgba(0, 0, 0, 0.72);
    padding: 13px 13px 13px 18px;
    letter-spacing: 1px;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    -webkit-transition: all linear 300ms;
       -moz-transition: all linear 300ms;
        -ms-transition: all linear 300ms;
         -o-transition: all linear 300ms;
            transition: all linear 300ms;
}

.product-selected {
    background: #cccccc;
    -webkit-transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms;
}


/*default-transition*/
.default-transition {
    -webkit-transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms;
}

.product-remove-selected:after {
    content: 'Added to Basket';
    position: absolute;
    font-size: 14px;
    left: 50%;
    font-weight: bold;
    text-align: center;
    top: 50%;
    line-height: 27px;
    transform: translate(-50%,-50%);
    color: #084a3d;
    text-transform: UPPERCASE;
    border-radius: 4px;
    background-color: rgb(7, 169, 137);
    padding: 13px 13px 13px 18px;
    letter-spacing: 1px;
    -webkit-transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms;
}

.ph-basket-empty-wrapper {
    background-color: #021548;
    padding: 20px;
    text-align: center;
    color: #FFFFFF;
    text-transform: UPPERCASE;
    font-family: sans-serif;
    font-size: 11px;
}

.ph-pd-order-delivery-home-capture {
    background-color: #a5a2a2;
    padding: 30px 25px 20px 20px;
}

.ph-pd-order-delivery-other-capture {
    background-color: #8187a0;
    padding: 30px 25px 20px 20px;
}

.ph-pd-order-collection-address-display {
    background-color: #06aba4;
    padding: 30px 25px 20px 20px;
}

.ph-pd-order-deliver-wrapper,
.ph-pd-order-collect-wrapper {
    text-transform: UPPERCASE;
    display: inline-block;
    width: 33.33333%;
    color: #FFFFFF;
    font-size: 14px;
    float: left;
    border-radius: 0;
}

.ph-pd-order-collect-selected-method {
    background-color: #06aba4;
    color: #FFFFFF;
}

.ph-pd-order-deliver-selected-method {
    background-color: #e0004b;
    color: #FFFFFF;
}

.yellow-input-field,
.green-input-field,
.pink-input-field {
    border: 0;
    width: 86%;
    margin: 10px;
    display: block;
    border-radius: 2px;
    background-color: #f6f3f3;
    font-family: 'Poppins', sans-serif;
    padding: 15px 10px 15px 10px;
}

.green-input-field-collection-address {
    border: 0;
    width: 86%;
    margin: 10px;
    color: #000000;
    font-size: 14px;
    display: block;
    border-radius: 2px;
    background-color: #FFFFFF;
    padding: 15px 10px 15px 10px;
}

.green-input-field { background-color: #cafff8; }
.pink-input-field { background-color: #f5f3f3; }
.yellow-input-field { background-color: #f6f3f3; }

.green-input-field:focus,
.delivery-address-capture:focus {
    background-color: #FFFFFF;
    outline: 0;
    border: 0;
}

.delivery-address-label {
    padding-left: 11px;
    font-size: 13px;
    color: #FFFFFF;
    display: block;
    margin-bottom: -10px;
    padding-top: 5px;
}

.delivery-address-instructions {
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 19px;
    background-color: rgba(0, 0, 0, 0.17);
    padding: 4px 10px 4px 10px;
    margin: 0 10px 5px 10px;
}

.order-terms-wrapper {
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 20px 0 20px 0;
}

.order-btn-cancel,
.order-btn-charge-to-account,
.order-btn-confirm {
    border-radius: 0;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
}

.order-btn-charge-to-account  { background-color: rgb(51, 23, 72); }
.order-btn-confirm { background-color: rgb(2, 21, 72); }
.order-btn-cancel { background-color: #2a3b83; }

/*Legion Styles*/

.lg-settings-profile-item {
    text-align: left;
    padding: 15px 20px 15px 20px;
}

.lg-settings-item {
    text-align: left;
    padding: 0;
}

.lg-profile-overview-image,
.lg-setting-icon {
    float: left;
}

.lg-setting-icon {
    width: 25%;
    height: auto;
    text-align: center;
    display: inline-block;
    min-height: 59px;
    max-height: 59px;
}

.lg-icon { padding-top: 16px; }

.lg-profile-edit-image-wrapper {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid #aeaeae;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
    margin: 30px auto;
}

.lg-profile-edit-image-wrapper:active,
.lg-profile-edit-image-wrapper:hover,
.lg-profile-edit-image-wrapper:focus {
    outline: 0;
    border: 3px solid #aeaeae;
}

.lg-profile-overview-image {
    margin-right: 15px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.lg-profile-setting-details {
    width: 75%;
    display: inline-block;
    border-bottom: 1px solid #e4e4e4;
}

.lg-profile-setting-title {
    font-size: 16px;
    color: #464646;
    padding-top: 20px;
    padding-bottom: 20px;
}

.lg-profile-overview-title {
    font-size: 18px;
    color: #464646;
    margin-top: 14px;
    margin-bottom: 2px;
}

.lg-profile-overview-email-account { margin-top: -8px; }

.lg-profile-overview-email-link {
    text-decoration: none;
    color: #9a9a9a;
    font-size: 13px;
}

/*Settings Edit Rules*/

.lg-settings-edit-wrapper 
{ 
    width: 100%;
    display:inline-block;
    
}

.lg-order-input-item {
    font-family: 'Poppins', sans-serif!important;
    padding: 10px 0 15px 0;
    overflow-x: hidden;
}

.order-status-info-wrapper {
    padding: 20px 0 20px 0;
}

.lg-settings-input-item {
    font-family: 'Poppins', sans-serif!important;
    background-color: #FFFFFF;
    padding: 10px 0 15px 0;
    overflow-x: hidden;
}

.lg-settings-input {
    border: 0;
    padding: 2px 0 4px 2px;
    border-bottom: 1px solid rgba(119, 119, 119, 0.16);
}

.ph-order-textarea {
    min-width: 231px;
    max-width: 250px;
    border: 0;
    border-bottom: 1px solid rgba(119, 119, 119, 0.16);
}

.lg-settings-textarea {
    padding: 10px;
    min-width: 245px!important;
    max-width: 245px!important;
    border: 1px solid rgba(119, 119, 119, 0.16);
}

.order-confirm-item {
    font-family: 'Roboto', sans-serif;
    margin: auto;
    display: block;
    font-size: 16px;
    resize: none;
    padding-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
    max-width: 250px;
    min-width: 250px;
    background-color: transparent;
    -webkit-transition: cubic-bezier(0.99, -0.04, 1, 1) 400ms;
    -moz-transition: cubic-bezier(0.99, -0.04, 1, 1) 400ms;
    -o-transition: cubic-bezier(0.99, -0.04, 1, 1) 400ms;
    transition: cubic-bezier(0.99, -0.04, 1, 1) 400ms;
}

.ph-order-textarea,
.lg-settings-input,
.lg-settings-textarea {
    font-family: 'Roboto', sans-serif;
    margin: auto;
    display: block;
    font-size: 16px;
    resize: none;
    max-width: 290px;
    min-width: 250px;
    background-color: transparent;
    -webkit-transition: cubic-bezier(0.99, -0.04, 1, 1) 400ms;
    -moz-transition: cubic-bezier(0.99, -0.04, 1, 1) 400ms;
    -o-transition: cubic-bezier(0.99, -0.04, 1, 1) 400ms;
    transition: cubic-bezier(0.99, -0.04, 1, 1) 400ms;
}


.ph-order-textarea::-webkit-input-placeholder,
.lg-settings-input::-webkit-input-placeholder {
    -webkit-text-security: none;
    color: black;
    pointer-events: none;
}

.ph-order-textarea:focus {
    outline: 0;
    border-bottom: 2px solid rgba(7, 169, 137, 0.46);
}

.lg-settings-textarea:focus {
    outline: 0;
    border: 2px solid rgb(2, 19, 68);
}

.lg-settings-input:focus {
    outline: 0;
    border: 0;
    border-bottom: 2px solid rgb(2, 19, 68);
}

.lg-order-label,
.lg-settings-label {
    max-width: 253px;
    min-width: 250px;
    padding-left: 3px;
    margin: auto;
    font-size: 14px;
    display: block;
    color: #9c9c9c;
}

::select { background-color: red!important; }

/*My Gate Rules*/

.iframe-content {
    width: 100%;
    right: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    height: 100%;
    margin-bottom: 79px;
    margin-top: 47px;
}


.markit-app-header{
    display : none;
}

.ph-global-talker-wrapper{
    display : none;
}

nav {
    top: 0px;
}


.content {
    top: 57px;
    margin-top: 0px;
}

.home-content{
    top: 0px;
    margin-top: 0px;
}

.ph-start-container {
    margin-top: 82px;
}