/* General */
body { color:#3c3c3b; margin:0; padding:0; font-family: "museo-sans-rounded",sans-serif; font-size:14px; background:#ffffff; font-weight:400; line-height:130%; }
.row-top { margin-top:20px; }
.row-top-padding { padding-top:20px; padding-bottom:20px; margin-top:20px; }
.row-top-bottom { margin-top:40px; margin-bottom:40px; }
.container { background:#FFFFFF; }
.desktopOff { display:none; }

.aligned-row:before { display: block; }
.aligned-row { display: flex; flex-flow: row wrap; &::before { display: block; } }

#contentMain { display: table; height:100%; }
#contentSub { display: table-cell; vertical-align: middle; height:100%; }

h1 {  color:#015788; font-size:36px; margin:0px 0px 20px 0px; width:100%; text-align:left; }
h2 { color:#015788; font-size:20px; margin:0px 0px 20px 0px; width:100%; text-align:left; }
h2.centered { text-align:center; }
h3 { color:#0b454e; font-weight:bold; font-size:30px; margin:0px 0px 20px 0px; width:100%; text-align:left; }
h4 { color:#FFFFFF; font-weight:bold; font-size:30px; margin:50px 15% 20px 15%; width:70%; text-align:left; }
h5 { color:#FFFFFF; font-weight:bold; font-size:30px; margin:30px 5% 30px 5%; width:90%; text-align:left; }
h6 { color:#22b5d5; font-weight:bold; font-size:14px; margin:30px 0px 20px 0px; width:100%; text-align:left; padding-bottom:20px; border-bottom:1px solid #ffffff; }
h7 { color:#015788; font-weight:bold; font-size:14px; width:100%; text-align:left;margin:0px 0px 20px 0px; }
h8 { color:#7C7C7C; font-size:16px; width:100%; text-align:left;margin:0px 0px 20px 0px; }
p { width:100%; font-size:14px; margin:0px 0px 15px 0px; line-height:130%; color:#3c3c3b; }
p.video { color:#FFFFFF; margin:0px 15% 20px 15%; width:70%; }
p.white { color:#FFFFFF; margin:0px 5% 20px 5%; width:90%; }
.twoColumn {  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
label {padding-bottom: 6px !important;color:#015788;}

/* Header */
.logo { margin-top:20px; margin-bottom: 10px; }
nav ul { list-style:none; margin:15px 0px 0px 0px; padding:0px 0px 10px 0px; float:right; }
nav ul li { font-size:12px; color:#3c3c3b; display:inline-block; padding:4px 9px 2px 7px; /*border-right:1px solid #6FB62C;*/ font-weight:500; }
nav ul li:last-of-type { padding:4px 0px 2px 7px; border-right:0;  }
#pageTelephone { color:#015788; font-size:26px; font-weight:500; width:100%; text-align:right; margin-top:30px; }
nav ul li a, nav ul li a:hover, nav ul li a:focus { text-decoration:none; color:#3c3c3b; }
nav ul li a:hover, nav ul li a.activeNav { padding-bottom:4px; border-bottom:3px solid #015788; color:#015788; font-weight:bold; }
a.regmenu:hover { padding-bottom:4px; border-bottom:3px solid white; color:white; font-weight:bold; }
/* Mobile Nav */
#menu-icon { display: none; width: 30px; height: 22px; background: url(img/nav.png) center; background-size:cover; margin:42px 0px 0px 30px; float:right; color:#000000; }
#menu-icon-skinny { display: none; width: 30px; height: 22px; background: url(img/nav.png) center; background-size:cover; margin:18px 0px 0px 30px; float:right; color:#000000; }
#mobileNav { background:#6FB62C; position:fixed; margin:0px 0px 0px 0px; z-index:999999; display:none; }
#mobileNav ul { list-style:none; margin:60px 0px 0px 0px; padding:0px 0px 0px 0px; }
#mobileNav ul li { width:100%; color:#FFFFFF; margin:0px 0px 30px 0px; text-transform:uppercase; font-size:22px; padding:0px 0px 0px 0px; text-align:center; }
#mobileNav ul li:last-of-type { margin:30px 0px 0px 0px; }
#mobileNav ul li a { color:#FFFFFF; text-decoration:none; }


/* Skinny Nav*/
header { width:100%; position:fixed; margin:-3px 0px 0px 0px; background:rgba(255,255,255,0.8); z-index:99999; display:none; }


/* Main Image and Quick Register */
.pageHeaderImage { width:100%; height:414px; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; }
.pageHeaderImageSmall { width:100%; height:309px; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; }
#initalRegister { margin:0px 30px 0px 0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding:20px; background:rgba(34,181,213,0.9); width:360px; float:right; }
#initalRegister h2 { color:#FFFFFF; font-weight:bold; font-size:36px; width:100%; text-align:center; margin-bottom:20px; }
#initalRegister label { width:100%; font-size:12px; color:#3c3c3b; margin-bottom:5px; }
#initalRegister input[type=text] { background:#FFFFFF; padding:10px 15px 10px 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:14px; width:100%; border:0px; margin-bottom:15px; }
#initalRegister input[type=submit] { background:#6FB62C url(img/submitArrow.png) top no-repeat; background-position:right 10px top 13px; padding:11px 10px 9px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:18px; width:100%; border:0px; margin-bottom:15px; color:#FFFFFF; text-align:left; text-transform:uppercase; }


/* Homepage */
#videoHome { width:100%; height:530px; position:absolute; margin:0px 0px 0px 0px; z-index:-10; overflow:hidden; }
.videoBg { background:#0b454e; }
#feefoListing { margin-left:-14px; }
#feefoListing ul { list-style:none; margin:0px 3% 0px 0%; width:94%; padding:0px 0px 0px 0px; }
#feefoListing ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background:#f6f6f5; padding:15px; margin:0px 0px 20px 0px; }
.homepageBenefit { min-height:180px; margin-top:-15px; }
.bxslider { margin-bottom:30px; display:inline-block; }
h5.benefits { text-align: center; }
.homeBtnWelcome { width: 100%; padding-top: 20px; padding-bottom: 20px; color: #FFFFFF; font-size: 16px; text-align: center;background: #015788; display: block; margin-top: 20px; }
.homeBtnRegister { width: 100%; padding-top: 20px; padding-bottom: 20px; color: #FFFFFF; font-size: 16px; text-align: center;background: #5cb85c; display: block; margin-top: 20px; }
.homeBtnWelcome:hover, .homeBtnRegister:hover { color: #FFFFFF; text-decoration: none; }


/* Review Page */
.orangeReviewBg { width:100%; padding-top:20px; padding-bottom:20px; background:#6FB62C; margin:0px 0px 20px 0px; }
h2.reviewHeading { text-align:center; color:#FFFFFF; margin:10px 0px 10px 0px; }
h6.reviewSubheading { color:#FFFFFF; margin:0px 0px 10px 0px; text-align:center; border-bottom:0; padding-bottom:0px; }
#reviewsListing ul { list-style:none; margin:0px 3% 0px 3%; width:94%; padding:0px 0px 0px 0px; }
#reviewsListing ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background:#f6f6f5; padding:15px; margin:0px 0px 20px 0px; }
.listingStars { margin-top:10px; }
.reviewBreak { border-right:1px solid #9d9d9c; }
p.reviewCustomer { text-transform:uppercase; color:#6FB62C; font-weight:bold; }


/* Register Page */
#registerPage { margin-top:20px; padding-top:40px; padding-bottom:40px; }
#registerPage h1 { color:#3c3c3b; text-align:center; }
#registerPage h6 { color:#3c3c3b; margin:10px 0px 15px 0px; border-bottom:1px solid #3c3c3b; padding-bottom:10px; font-size:20px; font-weight:900; }
#registerPage label { width:100%; font-size:14px; color:#3c3c3b; margin-bottom:5px; font-weight:100; }
#registerPage input[type=text] { background:#f3f3f1; padding:12px 15px 12px 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:16px; width:100%; border:2px solid #f3f3f1; margin-bottom:10px; color:#3c3c3b; }
#registerPage input[type=text].error { background:rgba(255,0,0,0.3); color:#3c3c3b; border:2px solid #ff0000; }
#registerPage input[type=submit] { background:#6FB62C url(img/submitArrow.png) top no-repeat; background-position:right 10px top 13px; padding:11px 10px 9px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:18px; width:100%; border:0px; margin-bottom:15px; color:#FFFFFF; text-align:left; text-transform:uppercase; margin-top:15px; }


/* Pharmacy Locator */
#pharmacyLocator { /*background:#f3f3f1;*/ margin-top:10px; padding-top:0px; padding-bottom:20px; }
#pharmacyLocator h1 { color:#6FB62C; margin:10px 0px 15px 0px; border-bottom:1px solid #6FB62C; padding-bottom:10px; font-size:20px; font-weight:bold; }
#pharmacyResult h6 { color:#3c3c3b; margin:0px 0px 10px 0px; padding-bottom:0; border-bottom:0; }
#pharmacyLocator input[type=text] { background:#f3f3f1; padding:12px 15px 12px 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:16px; width:100%; border:0px; margin-bottom:10px; color:#3c3c3b; }
#pharmacyLocator input[type=submit] { background:#6FB62C url(img/submitArrow.png) top no-repeat; background-position:right 10px top 13px; padding:11px 10px 9px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:18px; width:100%; border:0px; margin-bottom:15px; color:#FFFFFF; text-align:left; text-transform:uppercase; }
#map-canvas { width:100%; height:520px; margin:5px 0px 0px 0px; }
#pharmacyResult { /*background:#f3f3f1;*/ margin-top:20px; padding-top:20px; padding-bottom:20px; }
ul.pharmacyServices { margin:0px 0px 8px 17px; padding:0px 0px 0px 0px; }
ul.pharmacyServices li { list-style:outside; width:100%; }


/* News */
.newsReadMore { background:#6FB62C url(img/submitArrow.png) top no-repeat; background-position:right 10px top 13px; padding:11px 30px 9px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:14px; width:100%; border:0px; margin-top:15px; color:#FFFFFF; text-align:left; text-transform:uppercase; position:relative; text-decoration:none; }
a.newsReadMore { text-decoration:none; color:#FFFFFF; }
#newsArchive h6 { margin:0px; color: #414042; font-size: 16px; font-weight:bold; padding-bottom: 0px; }
#newsArchive p { font-size: 10px; }
#newsArchive .archiveReadMore { text-decoration: none; color: #414042; font-weight:bold; font-size: 16px;  }


/* FAQs */
#faqsPage h2 { margin:30px 0px 10px 0px; font-size:25px; font-weight:normal; }
#faqsPage ol { margin-left:25px; }
#faqsPage ol li { font-size:14px; line-height:130%; color:#3c3c3b; }


/* Contact Page */
#contactPage { /*background:#f3f3f1;*/ margin-top:10px; padding-top:0px; padding-bottom:20px; }
#contactPage h6 { color:#6FB62C; margin:10px 0px 15px 0px; border-bottom:1px solid #6FB62C; padding-bottom:10px; font-size:20px; font-weight:bold; }
#contactPage strong { font-size:16px; font-weight:bold; }
#contactPage label { width:100%; font-size:14px; color:#3c3c3b; margin-bottom:5px; font-weight:100; }
#contactPage input[type=text], #contactPage textarea { background:#f3f3f1; padding:12px 15px 12px 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:16px; width:100%; border:0px; margin-bottom:10px; color:#3c3c3b; }
#contactPage input[type=text].error { background:rgba(255,0,0,0.3); color:#3c3c3b; border:2px solid #ff0000; }
#contactLegal h6 { color:#6FB62C; margin:20px 0px 15px 0px; border-bottom:1px solid #6FB62C; padding-bottom:10px; font-size:20px; font-weight:bold; }
#contactLegal p { font-size:12px; }
#contactPage .styled_select select { float:left; background: transparent; width:100%; padding:0px 0px 0px 0px; font-size:14px; letter-spacing: -0.3px; color:#393939; border:0; }
#contactPage .styled_select { background:#f3f3f1 /*url(img/arrow.png) right top no-repeat*/; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; letter-spacing: -0.3px; color:#393939; width:100%; padding:8px 6px 8px 6px; margin-bottom:10px; border:2px solid #FFFFFF; overflow:hidden; }


/* Prescriptions Page */
.darkBlueBg { background:#0b454e; }
.prescritionMainBtn { width:100%; text-align:center; color:#FFFFFF; font-size:30px; font-weight:bold; padding:12px 0px 12px 0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background:#22b5d5; margin-bottom:10px; }
.prescritionMainBtn:hover, .prescritionMainBtn:focus { background:#6FB62C;  cursor:pointer; }
.activeButton { background:#6FB62C; }
.prescritionSubBtn { width:80%; text-align:center; color:#22b5d5; font-size:24px; font-weight:bold; padding:12px 0px 12px 0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:3px solid #22b5d5; margin-top:10px; }
.prescritionSubBtn:hover, .prescritionSubBtn:focus { color:#6FB62C; border:3px solid #6FB62C; cursor:pointer; }

#presFinderOneOff.active { background:#6FB62C; }
#presFinderRepeat.active { background:#6FB62C; }
#presFinderPaperSub.active { color:#6FB62C; border:3px solid #6FB62C; }
#presFinderElectronicSub.active { color:#6FB62C; border:3px solid #6FB62C; }


/* Footer */
.footer { background:#FFFFFF; margin-top: 70px; }
.footer-border { border-top:1px solid #015788; }
.footer-top-border { border-top:1px solid #015788; width: 100%; margin-top: 20px; }
.footerText { font-size:10px; color:#015788; display:inline-block; padding:2px 8px 2px 6px; margin:20px 0px 20px 0px;  }
ul.footerSitemap { list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%; }
ul.footerSitemap li { font-size:12px; color:#015788; display:inline-block; padding:2px 8px 2px 6px; border-right:1px solid #015788; margin-top:5px; }
ul.footerSitemap li:last-of-type { padding:2px 0px 2px 6px; border-right:0;  }
ul.footerSitemap li a, ul.footerSitemap li a:hover, ul.footerSitemap li a:focus { text-decoration:none; color:#6FB62C; }


ul.footerSitemapBottom { list-style:none; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; width:100%; text-align:right; }
ul.footerSitemapBottom li { font-size:10px; color:#015788; display:inline-block; padding:2px 8px 2px 6px; border-right:1px solid #015788; margin-top:5px; margin-bottom:5px; }
ul.footerSitemapBottom li:last-of-type { padding:2px 0px 2px 6px; border-right:0;  }
ul.footerSitemapBottom li a { text-decoration:none; color:#015788; }
ul.footerSitemapBottom li a:hover, ul.footerSitemapBottom li a:focus { text-decoration:none; color:#6FB62C; }

ul.footerSitemapSocial { list-style:none; margin:0px 0px 0px 8px; padding:20px 0px 0px 0px; width:100%; }
ul.footerSitemapSocial li { font-size:12px; color:#FFFFFF; display:inline-block; padding:0px 6px 0px 0px; }


.footerAddress { margin-top:30px; margin-left:8px; width:100%; color:#6FB62C; font-size:12px; }
.footerTelephone { margin-top:15px; margin-left:8px; color:#015788; font-size:18px; font-weight:bold; }
.footerEmail { margin-top:5px; margin-left:8px; color:#015788; font-size:18px; font-weight:bold; }


#footerRegister { margin:30px 20px 30px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:20px; background:#22b5d5; width:340px; float:right; }
#footerRegister h2 { color:#FFFFFF; font-weight:bold; font-size:36px; width:100%; text-align:center; margin-bottom:20px; }
#footerRegister label { width:100%; font-size:12px; color:#3c3c3b; margin-bottom:5px; }
#footerRegister input[type=text] { background:#FFFFFF; padding:10px 15px 10px 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:14px; width:100%; border:0px; margin-bottom:15px; }
#footerRegister input[type=submit] { background:#6FB62C url(img/submitArrow.png) top no-repeat; background-position:right 10px top 13px; padding:11px 10px 9px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size:18px; width:100%; border:0px; margin-bottom:15px; color:#FFFFFF; text-align:left; text-transform:uppercase; }



/* Tablets (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

    nav {display:none; }
    #menu-icon { display:inline-block; margin-top:50px; margin-right:10px; }
    #menu-icon-skinny { display:inline-block; }
    .logo { width:70% !important; margin-bottom:10px; }
    #pageTelephone { color:#015788; font-size:22px; font-weight:bold; width:100%; text-align:center; margin-bottom:20px; margin-top:20px; display:none; }
    #pageTelephone a { color:#015788; text-decoration:none;  }

    .twoColumn {  -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

    .mobileOff { display:none; }
    .desktopOff { display:block; }

    h5.benefits { padding-top:20px; }

    #footerRegister h2 { font-size:30px; }

    #feefoListing { margin-bottom: 20px; }





}



/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


    #menu-icon { display:inline-block; }
    #menu-icon-skinny { display:inline-block; }
    #pageTelephone { color:#015788; font-size:18px; font-weight:bold; width:100%; text-align:center; margin-bottom:20px; margin-top:10px; }
    #pageTelephone a { color:#015788; text-decoration:none;  }

    #initalRegister { margin:0px 1% 0px 1%; width:98%; display:inline-block; padding:20px 20px 6px 20px; }
    #initalRegister h2 { font-size:28px; }
    .pageHeaderImage { height:284px; margin:0px 0px -20px 0px; }

    #feefoListing { margin-left:10px; margin-bottom: 20px; }

    h5.benefits { padding-top:20px; width:86%; padding-left:7%; padding-bottom: 20px; }

    .twoColumn {  -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

    .mobileOff { display:none; }
    .desktopOff { display:block; }

    @media screen and (min-width: 480px) {
        #regtitle {
            font-size: 18px;
        }
    }
}

.has-error .help-block {
    color: #ce3d2b;
    /* width: 50%; */
    background-size: auto;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
}
.row.match-my-cols {
    overflow: hidden; 
}

.row.match-my-cols [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
.mh1 div {
    height: 30vh; /* 30% of viewport height*/
}
.parallax {
    position: relative;
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;

    /**
     * Default height
     */
    height: 100%;
}

.caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    height: 100%;
}

.caption .border {
    background-color: #111;
    color: #fff;
    padding: 18px;
    font-size: 25px;
    letter-spacing: 10px;
}
.grid12-6{
    position:relative;
}
.grid12-6 .inner_box{
    position:absolute;
    background:rgba(255,255,255,0.7);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:35px;
    text-align:center;
}
.grid12-6 .inner_box h2{
    font-family:arial;
    text-align:center;
    font-size:26px;
    font-weight:normal;
    color:#777;
}
.grid12-6 .inner_box button{
    background:#aaa;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:16px;
    border:none;
    padding:10px 30px;
}
.scrollimg{
    min-height: 600px;
}
.textbox{
    padding:110px;
    background-color:#FAFAFA;
    margin:-1px;
}
@media only screen and (max-width: 480px) {
    .textbox {
        padding:0px;
        margin-top:20px;
    }
}
.container{
    
}
.divnopadding{
    padding-left:0px;
    padding-right:0px;
}

#cu-content *{
    box-sizing: border-box;
}

#cu-content{
    max-width: 85rem; /*1360px*/
    margin: 0 auto;
    font-family: museo-sans-rounded,sans-serif;
    color: #333;
    padding: 3rem 0;
    overflow: hidden;
}

#cu-content h1, #cu-content h2, #cu-content h3{
    font-family: "VAG Rounded W01 Bold",Tahoma,Arial,sans-serif;
    font-weight: normal;
}
#cu-content h2{
    margin: 2rem 0 1rem 0;
}

#cu-content h1, #cu-content p{
    margin: 0 0 1rem 0;
}

/*typeography*/
#cu-content h1{
    font-size: 2.813rem;
    line-height: 3.813rem;
    color: #004490;
}

#cu-content h2{
    font-size: 2.188rem;
    line-height: 3.125rem;
}

#cu-content p{
    font-size: 1.063rem;
    line-height: 1.563rem;
}

#cu-content .cu-para-l{
    font-size: 1.25rem;
    line-height: 1.875rem;
}

#cu-content .cu-para-s{
    font-size: 1.063rem;
    line-height: 1.563rem;
}

#cu-content a{
    color: inherit;
    text-decoration: underline;
}

#cu-content .cu-body{
    width: 83.333333%;
    margin: 0 auto;
}

#cu-content ul{
    padding: 0 0 0 1rem;
    width: 100%;
    margin: 0;
}

#cu-content li{
    margin-bottom: .75rem;
}

/*Grid*/
.cu-row,[class^=cu-col-], .cu-container{
    box-sizing: border-box;
}

[class^=cu-col-]{
    margin-right: 1rem;
}

[class^=cu-col-]:last-child{
    margin-right: inherit;
}

.cu-row{
    display: flex;
    flex-wrap: wrap;
}

.cu-col-1{width: calc(8.3333% - 1rem);}
.cu-col-2{width: calc(16.6666% - 1rem);}
.cu-col-3{width: calc(25% - 1rem);}
.cu-col-4{width: calc(33.3333% - 1rem);}
.cu-col-5{width: calc(41.6666% - 1rem);}
.cu-col-6{width: calc(50% - 1rem);}
.cu-col-7{width: calc(58.3333% - 1rem);}
.cu-col-8{width: calc(66.6666% - 1rem);}
.cu-col-9{width: calc(75% - 1rem);}
.cu-col-10{width: calc(83.3333% - 1rem);}
.cu-col-11{width: calc(91.6666% - 1rem);}
.cu-col-12{width: calc(100% - 1rem);}

.cu-mar-l-1{margin-left:8.3333%;}
.cu-mar-l-2{margin-left:16.6666%;}
.cu-mar-l-3{margin-left:25%;}
.cu-mar-l-4{margin-left:33.3333%;}
.cu-mar-l-5{margin-left:41.6666%;}
.cu-mar-l-6{margin-left:50%;}
.cu-mar-l-7{margin-left:58.3333%;}
.cu-mar-l-8{margin-left:66.6666%;}
.cu-mar-l-9{margin-left:75%;}
.cu-mar-l-10{margin-left:83.3333%;}
.cu-mar-l-11{margin-left:91.6666%;}
.cu-mar-l-12{margin-left:100%;}

.test-block{
    background: green;
    height: 4rem;
    width: 100%;
}


/*Util*/
.cu-mobile{display: none;}
.cu-desktop{display: inherit;}

/*Icons and logos*/
.cu-icon-nhs{
    width: 100%;
}

.cu-icon-prescriptions{
    width: 100%;
    margin-top: -2rem;
}

.cu-icon-checklist{
    width: 100%;
    margin-top: 2rem;
}

/*Steps*/
#cu-content .cu-steps{
    padding: 0; 
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    width: 100%;
}

#cu-content .cu-steps-item{
    display: block;
    text-align: center;
    position: relative;
    width: 33.333%;
    padding-right: 7%;
}

#cu-content .cu-steps-icon{
    display: block;
    margin: 0 auto .5rem auto;
    width: 4rem;
    padding-bottom: 4rem;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

#cu-content .cu-steps-number{
    display: block;
    font-weight: normal;
    font-size: 5rem;
    margin-bottom: .5rem;
}

#cu-content .cu-steps-text{
    display: block;
    padding-top:25px;
}

#cu-content .cu-steps-item::after{
    content: "";
    background-image: url(https://www.livingcarepharmacy.co.uk/img/arrow.jpg);
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    height: 3rem;
    width: 3rem;
    position: absolute;
    right: 0%;
    top: -0.5rem;
}

#cu-content .cu-steps-item:last-child::after{
    background: none;
}

/*Ticked list*/
#cu-content .cu-list-ticks{
    padding: 0; 
    list-style-type: none;
    margin: 1.5rem 0;
}

.cu-list-ticks li{
    margin: 0 0 1rem 0;
}

.cu-list-ticks li:before {
    content: "";
    background-image: url(/wcsstore/eBoots_UK/FRPS/update_2018/list-tick.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1rem;
    padding-right: 1rem;
    display: inline-block;
}

#cu-content .cu-button-prim{
    background: #004990;
    display: inline-block;
    color: #FFF;
    font-weight: normal;
    text-decoration: none;
    padding: .75rem 0;
    width: 100%;
    border-radius: 3px;
    line-height: 1rem;
    text-align: center;
    vertical-align: middle;
}

#cu-content .cu-button-prim:hover{
    background: #1B355C;
}

.cu-lh-25{
    line-height: 2.5rem;
}

/*Tablet*/
@media screen and (max-width: 80rem){
    /*typeography*/
    #cu-content h1{
        font-size: 1.875rem;
        line-height: 2.625rem;
    }

    #cu-content h2{
        font-size: 1.563rem;
        line-height: 2.188rem;
    }

    #cu-content p{
        font-size: .875rem;
        line-height: 1.25rem;
    }

    #cu-content .cu-para-l{
        font-size: .875rem;
        line-height: 1.25rem;
    }

    #cu-content .cu-para-s{
        font-size: .75rem;
        line-height: .9375rem;
    }
    .cu-gutterless{
        margin-right: 0 !important;
    }
}

/*Mobile*/
@media screen and (max-width: 37.5rem){

    #cu-content [class^=cu-mar-l]{
        margin-left: 0 !important;
    }

    #cu-content .cu-mobile-mar-l-0{
        margin-left: 0 !important;
    }

    /*typeography*/
    #cu-content h1{
        /*font-size: 1.563rem;*/
        line-height: 2.188rem;
    }

    #cu-content h2{
        font-size: 1.25rem;
        line-height: 1.875rem;
    }

    #cu-content p, #cu-content li{
        /*font-size: .875rem;*/
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    #cu-content li{
        margin-bottom: 0.25rem;
    }

    #cu-content .cu-para-l{
        font-size: 1rem;
        line-height: 1.25rem;
    }

    #cu-content .cu-para-s{
        font-size: .75rem;
        line-height: .9375rem;
    }

    #cu-content{
        padding: 1rem;/*Grid margin*/
    }

    .cu-mobile{display: inherit;}
    .cu-desktop{display: none;}

    #cu-content .cu-mobile-reverse{
        flex-direction: column-reverse;
    }

    .cu-icon-checklist, .cu-icon-prescriptions{
        width: calc(100% + 3rem);
    }
    .cu-icon-prescriptions{
        margin-top: 0;
    }

    #cu-content [class^=cu-col-]{width:100%;}

    #cu-content .cu-mob-col-1{width: calc(8.3333% - 1rem);}
    #cu-content .cu-mob-col-2{width: calc(16.6666% - 1rem);}
    #cu-content .cu-mob-col-3{width: calc(25% - 1rem);}
    #cu-content .cu-mob-col-4{width: calc(33.3333% - 1rem);}
    #cu-content .cu-mob-col-5{width: calc(41.6666% - 1rem);}
    #cu-content .cu-mob-col-6{width: calc(50% - 1rem);}
    #cu-content .cu-mob-col-7{width: calc(58.3333% - 1rem);}
    #cu-content .cu-mob-col-8{width: calc(66.6666% - 1rem);}
    #cu-content .cu-mob-col-9{width: calc(75% - 1rem);}
    #cu-content .cu-mob-col-10{width: calc(83.3333% - 1rem);}
    #cu-content .cu-mob-col-11{width: calc(91.6666% - 1rem);}
    #cu-content .cu-mob-col-12{width: 100%;}

    .cu-mob-mar-l-1{margin-left:8.3333%;}
    .cu-mob-mar-l-2{margin-left:16.6666%;}
    .cu-mob-mar-l-3{margin-left:25%;}
    .cu-mob-mar-l-4{margin-left:33.3333%;}
    .cu-mob-mar-l-5{margin-left:41.6666%;}
    .cu-mob-mar-l-6{margin-left:50%;}
    .cu-mob-mar-l-7{margin-left:58.3333%;}
    .cu-mob-mar-l-8{margin-left:66.6666%;}
    .cu-mob-mar-l-9{margin-left:75%;}
    .cu-mob-mar-l-10{margin-left:83.3333%;}
    .cu-mob-mar-l-11{margin-left:91.6666%;}
    .cu-mob-mar-l-12{margin-left:100%;}

    #cu-content .cu-steps-item{
        width: 100%;
        margin-bottom: 2rem;
    }

    #cu-content .cu-steps{
        flex-direction: column;
    }

    #cu-content .cu-steps-item::after{
        height: 2rem;
        width: 2rem;
        top: auto;
        transform: rotate(90deg);
        left: .5rem;
        bottom: -2rem;
    }

    #cu-content .cu-button-prim{
        width: 100%;
        margin: 1rem 0;
    }

    .cu-icon-nhs{
        margin-top: 0;
    }

    #cu-content .cu-steps-item{
        padding-right: 0;
        text-align: left;
        display: flex;
        margin-bottom: 3rem;
    }

    #cu-content .cu-steps-item:last-child{
        margin-bottom: 0;
    }

    #cu-content .cu-steps-icon{
        flex-basis: 15%;
        position: relative;
        top: -0.5rem;
    }


    #cu-content .cu-steps-number{
        vertical-align: top;
        flex-basis: 15%;
        text-align: center;
        font-size: 3.5rem;
        margin-top: .25rem;
    }

    #cu-content .cu-steps-text{
        flex-basis: 80%;
    }

    .mobile-break{
        display: block;
    }
}
.DanBtn{
    height:40px;
    width:140px;
    line-height:28px;
}
.DanBtnInfo{
    background-color: #015788;
}
    @media screen and (max-width: 600px)  {
        .mobile-break { display: none; }
    }