/* CCS Smokers Helpline Custom Bootstrap Sitefinity CSS */
/* Author: Alfred Lee */
/* Company:  Whitecap Canada Inc. */
/* General Styles */
.sf-icon-xxs {
    height: 14px;
    width: 14px;
}

a {
    color: #2769a3;
}
.padding-25 { padding: 25px; }
.padding-50 { padding: 50px; }
.no-pointer-events { pointer-events: none; }
/* FA Legacy fix */
.fa-googleplus:before { content: '\f0d5'; }
.fa-microsoft:before { content: '\f17a'; }

.progress.text-center { position: relative; }
    .progress.text-center span { position: absolute; display: block; width: 100%; color: black; top: 50%; transform: translateY(-50%); }
.progress.sho-progress { border-radius: 0; height: 28px; }

.k-button-increase, .k-button-decrease { margin: 0px !important; padding: 0px !important; }

.btn-icon:before { font-family: FontAwesome; margin-right: 5px; }
.btn-icon.btn-sm:before { margin-right: 3px; }
.btn-icon-right:after { font-family: FontAwesome; margin-left: 5px; }
.btn-icon-right.btn-sm:after { margin-left: 3px; }

.titlecase { text-transform: capitalize; }

.panel-group:last-of-type { margin-bottom: 0; }

.dock-container { position: relative; }
.dock { position: absolute; }
    .dock.top { top: 0; left: 0; right: 0; margin: 0; }
        .dock.top:before { content: " "; display: block; }
    .dock.bottom { bottom: 0; left: 0; right: 0; }
    .dock.left { top: 0; bottom: 0; left: 0; }
    .dock.right { top: 0; bottom: 0; right: 0; }

.v-center { display: flex; align-items: center; justify-content: center; }
.maintain-aspect { display: inline-block; position: relative; }

    .maintain-aspect:after { display: block; content: ''; }
    .maintain-aspect.one-to-one:after { padding-top: 100%; }

dl.dl-horizontal.left-align dt { width: 90px; text-align: left; }
dl.dl-horizontal.left-align dd { margin-left: 90px; }

body.fr dl.dl-horizontal.left-align dt {
	width: 140px;
	text-align: left;
}

body.fr dl.dl-horizontal.left-align dd {
	margin-left: 140px;
}

/* Hide autofill icon inside textboxes */
input[autocomplete="off"]::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}

@media (max-width: 767px) {
    dl.dl-horizontal.left-align dt { float: none; }
    dl.dl-horizontal.left-align dd { float: none; margin-left: 0; }
}

dl.dl-spaced dt, dl.dl-spaced dd { margin-top: 12px; }
    dl.dl-spaced dt:first-of-type { margin-top: 0; }

@media (max-width: 767px) {
    dl.dl-spaced dd { margin-top: 0; }
}

ul.nav-simple { margin: 0; padding: 0; }

.panel-sho { border: solid 3px #2263A9; border-radius: 0 !important; }
    .panel-sho .panel-heading { color: #fff; border-radius: 0; background-color: #2263A9; border-color: #2263A9; }
        .panel-sho .panel-heading h1,
        .panel-sho .panel-heading h2,
        .panel-sho .panel-heading h3,
        .panel-sho .panel-heading h4,
        .panel-sho .panel-heading h5 { color: #fff !important; }
    .panel-sho .panel-footer { border-radius: 0; }

.reIframeWrapperIOS { height: 100% !important; overflow: auto !important; padding-bottom: 0 !important; }


.maintain-aspect > iframe { position: absolute; width: 100%; height: 100%; }

/* Kendo Content-box Default override */
.k-widget select, .k-widget textarea, .k-widget input[type="text"]:not(.k-input), .k-widget input[type="password"], .k-widget input[type="datetime"], .k-widget input[type="datetime-local"], .k-widget input[type="date"], .k-widget input[type="month"], .k-widget input[type="time"], .k-widget input[type="week"], .k-widget input[type="number"], .k-widget input[type="email"], .k-widget input[type="url"], .k-widget input[type="search"], .k-widget input[type="tel"], .k-widget input[type="color"], .k-widget .uneditable-input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.k-window .row, .k-window .row *:not(.k-widget):not(.k-animation-container), .k-widget .row *:before:not(.k-widget) { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.k-widget .col-lg-1, .k-widget .col-lg-2, .k-widget .col-lg-3, .k-widget .col-lg-4, .k-widget .col-lg-5, .k-widget .col-lg-6, .k-widget .col-lg-7, .k-widget .col-lg-8, .k-widget .col-lg-9, .k-widget .col-lg-10, .k-widget .col-lg-11, .k-widget .col-lg-12, .k-widget .col-md-1, .k-widget .col-md-2, .k-widget .col-md-3, .k-widget .col-md-4, .k-widget .col-md-5, .k-widget .col-md-6, .k-widget .col-md-7, .k-widget .col-md-8, .k-widget .col-md-9, .k-widget .col-md-10, .k-widget .col-md-11, .k-widget .col-md-12, .k-widget .col-sm-1, .k-widget .col-sm-2, .k-widget .col-sm-3, .k-widget .col-sm-4, .k-widget .col-sm-5, .k-widget .col-sm-6, .k-widget .col-sm-7, .k-widget .col-sm-8, .k-widget .col-sm-9, .k-widget .col-sm-10, .k-widget .col-sm-11, .k-widget .col-sm-12, .k-widget .col-xs-1, .k-widget .col-xs-2, .k-widget .col-xs-3, .k-widget .col-xs-4, .k-widget .col-xs-5, .k-widget .col-xs-6, .k-widget .col-xs-7, .k-widget .col-xs-8, .k-widget .col-xs-9, .k-widget .col-xs-10, .k-widget .col-xs-11, .k-widget .col-xs-12 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

table > caption.bottom { caption-side: bottom; }

nav.page-nav { position: sticky; top: 0; }
    nav.page-nav ul { list-style-type: none; padding: 0; margin: 0; }
        nav.page-nav ul li a { display: block; padding: 5px 10px; padding-left: 20px; text-decoration: none; position: relative; text-shadow: none; }
            nav.page-nav ul li a:hover { text-decoration: underline; }
        nav.page-nav ul li.top.fixed-corner { position: fixed; right: 0; bottom: 0; z-index: 10; }
            nav.page-nav ul li.top.fixed-corner a { background-color: white; padding: 8px 12px; border: solid 1px #cfcfcf; }


@media (max-width: 991px) {
    nav .page-nav { margin-top: 0; position: static; }
        nav.page-nav .top { position: fixed; right: 0; bottom: 0; z-index: 10; }
            nav.page-nav .top a { background-color: white; padding: 8px 12px; border: solid 1px #cfcfcf; }
}

.nav-tabs.sho-tabs { display: flex; }
    .nav-tabs.sho-tabs li { flex-grow: 1; margin-left: 12px; width: 33%; }
        .nav-tabs.sho-tabs li:first-child { margin-left: 0; }
        .nav-tabs.sho-tabs li a { position: relative; font-family: "ff-dax-web-pro",sans-serif; background-color: #fff; padding: 40px 0 20px; margin-bottom: 12px; text-align: center; width: 100%; border-radius: 0; font-size: 15px; color: #222; border-top-width: 4px; border-left-width: 4px; border-right: 4px; border-bottom: 4px; border-right-style: solid; border-left-style: solid; border-top-style: solid; border-bottom-style: solid; border-color: #006db3; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
            .nav-tabs.sho-tabs li a:hover { border-width: 4px; border-color: #006db3; margin-bottom: 0; }

        .nav-tabs.sho-tabs li.active > a { background-color: #006db3; color: #fff; margin-bottom: 0; padding-bottom: 32px; }
            .nav-tabs.sho-tabs li.active > a:after { color: #fff; }
        .nav-tabs.sho-tabs li a:after { content: '\f0d7'; font-family: FontAwesome; display: block; width: 100%; text-align: center; color: #555; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
        .nav-tabs.sho-tabs li a:hover::after { padding-top: 12px; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
        .nav-tabs.sho-tabs li.active a:hover::after { padding-top: 0; }
.tab-content.sho-tabs { padding: 30px; background-color: #fff; border: 4px solid #006db3; color: #222; margin-top: -4px; }


/*Smoker's Helpline*/
.sho { font-family: "ff-dax-web-pro",sans-serif; background-color: #fff; min-height: 90px; box-shadow: 0 1px 6px rgba(0,0,0,.1); position: relative; }

nav.navbar-default.sho-main-nav { background-color: transparent; border: none; border-radius: 0; margin: 0; padding: 0; }
.sho-main-nav .navbar-brand { margin-left: 0; background: url('images/ccssho-logo.png') transparent no-repeat left center; color: transparent; background-size: contain; width: 300px; min-height: 56px; font-size: 0px; text-indent: -99999px; margin-top: -2px; }
body.fr .sho-main-nav .navbar-brand { background-image: url('images/ccssho-logo-fr.png'); }

.sho-main-nav .navbar-collapse { padding: 0; }
.sho-main-nav .sho-navigation { display: flex; flex-direction: column; }
.sho-main-nav .top-nav { background-color: #666; color: #fff; min-height: 36px; text-align: right; }
    .sho-main-nav .top-nav ul.nav-simple { display: inline-block; }
        .sho-main-nav .top-nav ul.nav-simple > li { display: inline-block; }
            .sho-main-nav .top-nav ul.nav-simple > li > a { color: white; display: inline-block; margin-top: 9px; padding: 0 12px; font-family: "ff-dax-web-pro"; font-size: 14px; border-left: 1px solid #fff; }
    .sho-main-nav .top-nav .lang-selector-wrapper { display: inline-block; margin: 0; }
        .sho-main-nav .top-nav .lang-selector-wrapper .sf-lang-selector { padding: 0; margin: 0; }
            .sho-main-nav .top-nav .lang-selector-wrapper .sf-lang-selector a { background-color: #444; color: white; padding: 12px 15px; border-radius: 0; }

.sho-main-nav .bottom-nav { padding: 10px 0; }
    .sho-main-nav .bottom-nav .navbar-nav { float: right; margin-top: 5px; position: relative; }
        .sho-main-nav .bottom-nav .navbar-nav > li > a { line-height: 16px; font-size: 15px; color: #006db3; font-weight: bold; padding-top: 12px; padding-bottom: 12px; text-shadow: none; border-radius: 0; margin: 0px; border-bottom: 3px solid transparent; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
            .sho-main-nav .bottom-nav .navbar-nav > li > a:hover { border-bottom: 3px solid #006db3; }
        .sho-main-nav .bottom-nav .navbar-nav > li.active > a { color: #ef6011; border-color: #ef6011; background-color: transparent; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }

.sho-main-nav .account-menu-wrapper .container { position: relative; }
.sho-main-nav .account-menu { position: absolute; right: 0; bottom: -40px; margin: 0; z-index: 2; }
    .sho-main-nav .account-menu a { display: block; padding: 10px 20px; background-color: #006db3; color: white; margin-top: 0; font-weight: bold; border: 0; border-radius: 0; }
        .sho-main-nav .account-menu a:hover { text-decoration: none; color: #fbdb41; }
    .sho-main-nav .account-menu > .btn-group > button { background-color: #006db3 !important; color: #fff !important; border: 0; border-radius: 0; margin-top: 1px; padding: 10px 20px; }
    .sho-main-nav .account-menu > .btn-group.open > .dropdown-menu { margin: 0; border-radius: 0; border: 0; padding: 0; right: 0; left: initial; background-color: #005185; }
        .sho-main-nav .account-menu > .btn-group.open > .dropdown-menu > li > a { padding: 10px 20px; background-color: #005f9c; color: rgba(255, 255, 255, 0.80); margin-top: 1px; }
            .sho-main-nav .account-menu > .btn-group.open > .dropdown-menu > li > a:hover { background-color: #006db3; color: white; }
    .sho-main-nav .account-menu a[href*="register"] { background-color: #ffda01; color: #005a92; float: left; }
        .sho-main-nav .account-menu a[href*="register"]:hover { background-color: white; color: #006db3; }
    .sho-main-nav .account-menu > .unauthenticated a { float: right; }

.sho-main-nav .navbar-toggle { border-radius: 0; background-color: #006db3; margin: 0; height: 54px; width: 54px; }
    .sho-main-nav .navbar-toggle:hover, .sho-main-nav .navbar-toggle:active, .sho-main-nav .navbar-toggle:focus { background-color: #005f9c; }
    .sho-main-nav .navbar-toggle .icon-bar { text-align: center; background-color: #fbdb41; margin: 0 auto; }
        .sho-main-nav .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }


@media (max-width: 767px) {
    .sho-main-nav .sho-navigation { flex-direction: column-reverse; background-color: #666; padding: 8px 0; }
    .sho-main-nav .container { padding: 0 1px; }
    .sho-main-nav .row { margin: 0; }

    .sho-main-nav .top-nav, .sho-main-nav .bottom-nav { text-align: right; padding: 0; margin: 0; }
        .sho-main-nav .top-nav ul.nav-simple > li { display: block; }
        .sho-main-nav .bottom-nav .navbar-nav { float: none; margin: 0; }

    .navbar-collapse.collapse.in { position: relative; }

    .sho-main-nav .top-nav .lang-selector-wrapper { position: absolute; left: 0; top: 0; z-index: 10; }
        .sho-main-nav .top-nav .lang-selector-wrapper li { padding: 0; }

    .sho-main-nav ul, .sho-main-nav .account-menu .authenticated.btn-group { display: block !important; }
    .sho-main-nav .account-menu-wrapper { order: -1; text-align: right; border-top: solid 1px #777; margin-top: 4px; padding-top: 4px; }
    .sho-main-nav .account-menu { position: relative; bottom: 0; }
        .sho-main-nav .account-menu > .btn-group > button { display: none; }
        .sho-main-nav .account-menu .dropdown-menu { position: relative; display: block; margin: 0; padding: 0; background-color: transparent; border-radius: 0; border: none; box-shadow: none; float: none; }

        .sho-main-nav .top-nav ul.nav-simple > li > a,
        .sho-main-nav .bottom-nav .navbar-nav > li > a,
        .sho-main-nav .account-menu > .btn-group > .dropdown-menu > li > a,
        .sho-main-nav .account-menu > .unauthenticated > a { text-align: right; background-color: transparent; border: none; line-height: 16px; font-size: 14px; color: #fff; font-weight: normal; padding: 8px 15px; text-shadow: none; border-radius: 0; margin: 0px; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; border-right: solid 3px transparent; width: 100%; }

            .sho-main-nav .top-nav ul.nav-simple > li > a:hover,
            .sho-main-nav .bottom-nav .navbar-nav > li > a:hover,
            .sho-main-nav .account-menu > .btn-group > .dropdown-menu > li > a:hover,
            .sho-main-nav .account-menu > .unauthenticated > a:hover { background-color: transparent; border: none; border-right: solid 3px #fff; color: #fff; text-decoration: none; }
}

@media (min-width: 768px) {
    .sho-main-nav .top-nav ul.nav-simple > li:first-child > a { border: none; }
}

@media (max-width: 991px) {
    .navbar-header { float: none; }
        .navbar-header .navbar-brand { margin-left: 12px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sho-main-nav .bottom-nav .navbar-brand { width: 230px; background-size: 100%; }
    .sho-main-nav .bottom-nav .navbar-nav > li > a { padding-left: 10px; padding-right: 10px; margin: 0 1px; font-size: 14px; }
    .sho-main-nav .top-nav .navbar-brand { display: inline-block; width: 108px; background-size: 300px; background-color: white; min-height: 35px; height: 35px; padding: 0; margin: 9px 0 -9px; padding-right: 10px; background-position: top right 10px; }
}

@media (min-width: 1200px) {
    .sho-main-nav .bottom-nav .navbar-nav > li > a { margin: 0 0 0 15px; }
}

/* Footer */

footer .footer { color: #333; font-family: Arial, Helvetica, sans-serif; display: block; flex-flow: row wrap; padding-top: 10px; }
    footer .footer .footer-bottom {display:flex;align-items:center;justify-content:space-between;min-height:50px;margin-bottom:10px;}
    footer .footer .copyright {
        color: #333;
        line-height: 40px;
        font-size: 12px;
        text-align: left;
        flex-basis: 41.6%;
    }
    footer .footer .wc-logo { flex-basis: 16.6%; }
    footer .footer .site-links { text-align: right; flex-basis:50%; }
    footer .footer .social-links { text-align: right; }

    footer .footer li { display: inline-block; }
        footer .footer li a { font-size: 12px; padding: 3px 15px; border-left: 1px solid #aaa; color: #333; text-decoration: underline; line-height: 40px; }
            footer .footer li a:hover { color: #005ba2; }
        footer .footer li:first-child a { border-left: 0; }
    footer .footer .whitecap { display: inline-block; width: 100px; background: url('images/siteby-whitecap.png') no-repeat center right; height: 40px; background-size: contain; }
    footer .footer li a[href*="facebook"], .share-social-fb {
        color: white;
        border: 0;
        width: 30px;
        text-indent: 9999px;
        display: inline-block;
        margin: 0 5px 0;
        background-color: #005ba2;
        padding: 0;
        height: 30px;
        overflow: hidden;
        line-height: 30px;
        position: relative;
        vertical-align: middle;
        border-radius: 100%;
    }
        footer .footer li a[href*="facebook"]::after, .share-social-fb::after { content: "\f09a"; display: inline-block; padding: 0; line-height: 30px; border-radius: 100%; width: 30px; height: 30px; color: white; font-size: 18px; text-align: center; font-family: FontAwesome; text-indent: 0; position: absolute; top: 0; left: 0; }
    footer .footer li a[href*="twitter"], .share-social-twitter {
        color: white;
        border: 0;
        width: 30px;
        text-indent: 9999px;
        display: inline-block;
        margin: 0 5px 0;
        padding: 0;
        height: 30px;
        overflow: hidden;
        line-height: 30px;
        position: relative;
        vertical-align: middle;
        background-color: #005ba2;
        border-radius: 100%;
    }
        footer .footer li a[href*="twitter"]::after, .share-social-twitter::after { content: '\f099'; display: inline-block; padding: 0; line-height: 30px; border-radius: 100%; width: 30px; height: 30px; color: white; font-size: 18px; text-align: center; font-family: FontAwesome; text-indent: 0; position: absolute; top: 0; left: 0; }

/* Large */
@media (min-width:1200px) {
    footer .footer .wc-logo { text-align: center; }
}

/* Medium */
@media (max-width:1199px) {
    footer .footer .copyright { order: 1; flex-basis: 45%; }
    footer .footer .wc-logo { order: 3; flex-basis: 50%; text-align: left; }
    footer .footer .site-links { order: 2; flex-basis: 55%; }
    footer .footer .social-links { order: 4; flex-basis: 50%; }
}

/* Extra Small */
@media (max-width:767px) {
    footer .footer .copyright { order: 1; flex-basis: 100%; }
    footer .footer .wc-logo { order: 3; flex-basis: 50%; text-align: left; }
    footer .footer .site-links { order: 2; flex-basis: 100%; }
    footer .footer .social-links { order: 4; flex-basis: 50%; }
}

/* /Footer */


.social.share-social-google, .social.share-social-twitter, .social.share-social-fb {
    cursor: pointer;
    color: white;
    border: 0;
    width: 30px;
    text-indent: 9999px;
    display: inline-block;
    margin: 10px 5px 0;
    padding: 0;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    position: relative;
    vertical-align: middle;
    background-color: #005ba2;
    border-radius: 100%;
}

.share-social-google::after { content: '\f0d5'; display: inline-block; padding: 0; line-height: 30px; background-color: #005ba2; border-radius: 100%; width: 30px; height: 30px; color: white; font-size: 18px; text-align: center; font-family: FontAwesome; text-indent: 0; position: absolute; top: 0; left: 0; }

footer .footer li a[href*="facebook"]:hover, footer .footer li a[href*="twitter"]:hover, .share-social-twitter:hover, div.myprogress-social-fb:hover { background-color: #fd7024; }
.myprogress-social { cursor: pointer; }

/*.navbar-default .navbar-toggle { background-color: #fff; border-radius: 3px; border: 0; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #006db3; }*/

.sho > .main-content { min-height: 400px; }
.sho p { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

h4 { margin: 16px 0 5px; }

.clickable { cursor: pointer; }
.allcaps { text-transform: uppercase; }
p.callout { margin: 24px 20% 0; padding: 8px; border-radius: 4px; font-weight: bold; background-color: #E7640C; color: white; font-size: 1.2em; }
.panel-heading.clickable { padding: 0; }
    .panel-heading.clickable a { display: block; padding: 10px 15px; }

ol.legal-numbering { padding-left: 0; }
    ol.legal-numbering, ol.legal-numbering ol:not([type]) { counter-reset: item; display: table; }
        ol.legal-numbering > li, ol.legal-numbering ol:not([type]) > li { display: table-row; }
            ol.legal-numbering > li:before, ol.legal-numbering ol:not([type]) > li:before { content: counters(item, ".") "."; counter-increment: item; display: table-cell; text-align: right; padding-right: 10px; }

/* Full page background settings */
.full-background { background-size: cover; background-position: center center; color: #fff; background-repeat: no-repeat; background-size: cover; }
    .full-background.content { padding: 50px 0; background-image: none; min-height: 0; }
    .full-background.white, .background.white { background-color: #fff; }
    .full-background.light-grey, .light-grey-background { background-color: #eaeaea; }
    .full-background.light-blue, .light-blue-background { background-color: #d8f0f7; }
    .full-background.light-green, .light-green-background { background-color: #cfd9bf; }
    .full-background.light-beige, .light-beige-background { background-color: #efeeec; }
    .full-background.light-taupe, .light-taupe-background { background-color: #e0dfdc; }
    .full-background.light-eggshell, .light-eggshell-background { background-color: #f0efed; }
    .half-height, .full-background.half-height { min-height: 250px; }
    .thin-height, .full-background.thin-height { min-height: 175px; }
        .thin-height h1, .full-background.thin-height h1 { margin-top: 50px; margin-bottom: 25px; }

    .full-background /*div:not(.k-widget)*/ h1 { color: #006db3; font-size: 50px; margin-top: 80px; }
    .full-background /*div:not(.k-widget)*/ h2 { color: #006db3; font-size: 40px; margin-top: 80px; }
    .full-background /*div:not(.k-widget)*/ h3 { color: #006db3; font-size: 26px; }
    .full-background /*div:not(.k-widget)*/ h4 { color: #006db3; font-size: 16px; }
    .full-background.half-height /*div:not(.k-widget)*/ h1 { margin-top: 150px; }


/* Banner Bar */
.banner-bar { min-height: 250px; background-position: center center; color: #fff; background-repeat: no-repeat; background-size: cover; }
    .banner-bar.thin { min-height: 175px; background-position: center bottom -75px; }
        .banner-bar.thin /*div:not(.k-widget)*/ h2 { margin-top: 45px; }

    .banner-bar.skyline { background-image: url('images/banner-city-skyline.png'); background-position: bottom; }
    .banner-bar.manandkid { background-image: url('images/banner/banner-guyandkid.jpg'); background-position: top; }
    .banner-bar.ridingbike { background-image: url('images/banner/banner-ridingbike.jpg'); background-position: top; }
    .banner-bar.coupleonbikes { background-image: url('images/banner/banner-coupleonbikes.jpg'); background-position: top; }
    .banner-bar.kayak { background-image: url('images/banner/banner-kayaking.jpg'); background-position: top; }
    .banner-bar.manondock { background-image: url('images/banner/banner-guyondock.jpg'); background-position: center; }
    .banner-bar.personsunsetbeach { background-image: url('images/banner/banner-personsunsetbeach.jpg'); background-position: center; }
    /*.banner-bar.fwc { background-image: url('images/FWC Contest_c04_outline_Eng.jpg'); background-color: white; background-position: center 25px; background-size: 350px; }*/

    .banner-bar.with-nav { background-position: center bottom 51px; }
        .banner-bar.with-nav > :first-child { height: 250px; }
    .banner-bar.thin.with-nav > :first-child { height: 175px; }
    .banner-bar h1, .banner-bar .text-center { text-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
    .banner-bar .text-center { font-weight: bold; }

/* home landing hero */
.full-background.home-page-hero { background-image: url('../images/default-source/default-album/sho-hero-image-father-daughter.jpg'); min-height: 500px; background-color: #DDD; margin-bottom: 0; }
    .full-background.home-page-hero div h1 { font-size: 42px; color: #006db3; margin-top: 140px; }
    .full-background.home-page-hero div h2 {
        font-size: 20px;
        color: #222;
        margin-top: 10px;
    }
    .full-background.home-page-hero div { color: #006db3; }
.home-page-hero h1 + div { max-width: 48%; padding: 0 20px; margin: 0 auto; }
.home-page-hero h2 { font-size: 22px; color: #006db3; }
.home-page-hero p { max-width: 42%; }

/* Buttons */
.full-background .btn.btn-primary { margin: 15px 0; font-family: "ff-dax-web-pro"; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; border-radius: 0; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); border: 3px solid #006db3; color: #006db3; background-color: rgba(255,255,255,.5); padding: 10px 50px 8px; font-size: 17px; font-weight: normal; text-transform: uppercase; }
.sho .btn.btn-primary:after { content: '\f0da'; font-family: FontAwesome; font-size: 16px; display: inline-block; padding-left: 10px; }
.sho .btn.btn-primary:hover { background-color: #006db3; color: #fff; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.sho .full-background .btn.btn-default { margin: 15px 0; font-family: "ff-dax-web-pro"; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; border-radius: 0; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); border: 3px solid #666; color: #666; background-color: rgba(255,255,255,.5); padding: 10px 50px 8px; font-size: 17px; font-weight: normal; text-transform: uppercase; }
    .sho .full-background .btn.btn-default:hover { background-color: #006db3; color: #fff; border-color: #006db3; }

.sho .dock.btn.btn-primary { margin: 0; }

.page-content-group, .page-content { margin-top: 50px; margin-bottom: 50px; color: #333; font-family: Arial, Helvetica, sans-serif; }
.page-content { padding: 20px; border: 3px solid #005aa0; background-color: #FFF; }
    .page-content.no-border { padding: 0; border: none !important; }
    .page-content.no-background { background-color: initial !important; }
    .page-content /*div:not(.k-widget)*/ h2 { margin-top: 40px; }
    .page-content cite { color: rgba(50, 50, 50, 0.8); font-style: normal; font-size: 0.8em; text-shadow: none; }
    .page-content .side-image { margin-top: 20px; }
    .page-content h1:first-child { margin-top: 20px !important; }

.page-content-group > .page-content, .page-content-group > * { margin-bottom: 15px; }
/*.page-content-group > .page-content:last-child { margin-bottom: }*/

/* [Themes] */

.modal-content { border-radius: 0; border: solid 3px #005aa0; }
.modal-content .modal-header { border-radius: 0; background-color: #005aa0; }
.modal-content .modal-header h4.modal-title { color: #fff; font-size: 18px; }
.modal-content .btn.btn-primary { margin: 15px 0 30px; font-family: "ff-dax-web-pro"; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; border-radius: 0; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); border: 3px solid #005aa0; color: #555; background-color: #fff; padding: 10px 50px 8px; font-size: 17px; font-weight: normal; text-transform: uppercase; }
.modal-content .btn.btn-primary:hover { background-color: #005aa0; color: #fff; }

/* [Yellow Theme] */
.yellow-theme .btn.btn-primary { border: 3px solid #ffda01; color: #ffda01; background-color: #fff; }
    .yellow-theme .btn.btn-primary:hover { background-color: #ffda01; color: #006db3; }
    .yellow-theme .btn.btn-primary.btn-solid { border: 3px solid #ffda01; color: #006db3; background-color: #ffda01 }
    .yellow-theme .btn.btn-primary.btn-solid:hover { border-color: #ceb000; background-color: #ceb000; color: #006db3; }
.yellow-theme .page-content { border: 3px solid #ffda01; }

.yellow-theme .panel-sho { border: solid 3px #ffda01; border-radius: 0; }
    .yellow-theme .panel-sho .panel-heading { color: #006db3; border-radius: 0; background-color: #ffda01; border-color: #ffda01; }
        .yellow-theme .panel-sho .panel-heading h1,
        .yellow-theme .panel-sho .panel-heading h2,
        .yellow-theme .panel-sho .panel-heading h3,
        .yellow-theme .panel-sho .panel-heading h4,
        .yellow-theme .panel-sho .panel-heading h5 { color: #006db3 !important; }
    .yellow-theme .panel-sho .panel-footer { border-radius: 0; }

.yellow-theme .modal-content { border-color: #ffda01; }
.yellow-theme .modal-content .modal-header { background-color: #ffda01; }
.yellow-theme .modal-content .btn.btn-primary { border-color: #ffda01; color: #006db3; background-color: #ffda01; }
.yellow-theme .modal-content .btn.btn-primary:hover { background-color: #ffda01; color: #006db3; }

.yellow-theme .nav-tabs.sho-tabs li a { background-color: #fff; color: #222; border-color: #ffda01; }
.yellow-theme .nav-tabs.sho-tabs li a:hover { border-color: #ffda01; }
.yellow-theme .nav-tabs.sho-tabs li.active > a { background-color: #ffda01; color: #006db3; }
.yellow-theme .nav-tabs.sho-tabs li.active > a:after { color: #006db3; }
.yellow-theme .nav-tabs.sho-tabs li a:after { color: #555; }
.yellow-theme .tab-content.sho-tabs { background-color: #fff; border-color: #ffda01; color: #222; }

/* [Yellow Theme] */

/* [Orange Theme] */

.orange-theme .btn.btn-primary { border: 3px solid #E7640C; color: #E7640C; background-color: #fff; }
    .orange-theme .btn.btn-primary:hover { background-color: #E7640C; color: #fff; }
    .orange-theme .btn.btn-primary.btn-solid { border: 3px solid #E7640C; color: #fff; background-color: #E7640C; }
    .orange-theme .btn.btn-primary.btn-solid:hover { border-color: #c4550b; background-color: #c4550b; color: #fff; }
.orange-theme .page-content { border: 3px solid #E7640C; }

.orange-theme .panel-sho { border: solid 3px #E7640C; border-radius: 0; }
    .orange-theme .panel-sho .panel-heading { color: #fff; border-radius: 0; background-color: #E7640C; border-color: #E7640C; }
        .orange-theme .panel-sho .panel-heading h1,
        .orange-theme .panel-sho .panel-heading h2,
        .orange-theme .panel-sho .panel-heading h3,
        .orange-theme .panel-sho .panel-heading h4,
        .orange-theme .panel-sho .panel-heading h5 { color: #fff !important; }
    .orange-theme .panel-sho .panel-footer { border-radius: 0; }

.orange-theme .modal-content { border-color: #E7640C; }
.orange-theme .modal-content .modal-header { background-color: #E7640C; }
.orange-theme .modal-content .btn.btn-primary { border-color: #E7640C; color: #fff; background-color: #E7640C; }
.orange-theme .modal-content .btn.btn-primary:hover { background-color: #E7640C; color: #fff; }

.orange-theme .nav-tabs.sho-tabs li a { background-color: #fff; color: #222; border-color: #E7640C; }
.orange-theme .nav-tabs.sho-tabs li a:hover { border-color: #E7640C; }
.orange-theme .nav-tabs.sho-tabs li.active > a { background-color: #E7640C; color: #fff; }
.orange-theme .nav-tabs.sho-tabs li.active > a:after { color: #fff; }
.orange-theme .nav-tabs.sho-tabs li a:after { color: #555; }
.orange-theme .tab-content.sho-tabs { background-color: #fff; border-color: #E7640C; color: #222; }

/* [Orange Theme] */

/* [Blue Theme] */
.blue-theme .btn.btn-primary { border: 3px solid #005aa0; color: #005aa0; background-color: #fff; }
    .blue-theme .btn.btn-primary:hover { background-color: #005aa0; color: #fff; }
    .blue-theme .btn.btn-primary.btn-solid { border: 3px solid #005aa0; color: #fff; background-color: #005aa0; }
    .blue-theme .btn.btn-primary.btn-solid:hover { border-color: #003f70; background-color: #003f70; color: #fff; }
.blue-theme .page-content { border: 3px solid #005aa0; }

.blue-theme .panel-sho { border: solid 3px #005aa0; border-radius: 0; }
    .blue-theme .panel-sho .panel-heading { color: #fff; border-radius: 0; background-color: #005aa0; border-color: #005aa0; }
        .blue-theme .panel-sho .panel-heading h1,
        .blue-theme .panel-sho .panel-heading h2,
        .blue-theme .panel-sho .panel-heading h3,
        .blue-theme .panel-sho .panel-heading h4,
        .blue-theme .panel-sho .panel-heading h5 { color: #fff !important; }
    .blue-theme .panel-sho .panel-footer { border-radius: 0; }

.blue-theme .modal-content { border-color: #005aa0; }
.blue-theme .modal-content .modal-header { background-color: #005aa0; }
.blue-theme .modal-content .btn.btn-primary { border-color: #005aa0; color: #fff; background-color: #005aa0; }
.blue-theme .modal-content .btn.btn-primary:hover { background-color: #005aa0; color: #fff; }

.blue-theme .nav-tabs.sho-tabs li a { background-color: #fff; color: #222; border-color: #005aa0; }
.blue-theme .nav-tabs.sho-tabs li a:hover { border-color: #005aa0; }
.blue-theme .nav-tabs.sho-tabs li.active > a { background-color: #005aa0; color: #fff; }
.blue-theme .nav-tabs.sho-tabs li.active > a:after { color: #fff; }
.blue-theme .nav-tabs.sho-tabs li a:after { color: #555; }
.blue-theme .tab-content.sho-tabs { background-color: #fff; border-color: #005aa0; color: #222; }

/* [Blue Theme] */

/* [Green Theme] */

.btn.btn-primary.green-theme { border: 3px solid #7ab923; color: #7ab923; background-color: #fff }
.btn.btn-primary.green-theme:hover { background-color: #7ab923; color: #fff; }

.green-theme .btn.btn-primary { border: 3px solid #7ab923; color: #7ab923; background-color: #fff; }
    .green-theme .btn.btn-primary:hover { background-color: #7ab923; color: #fff; }
    .green-theme .btn.btn-primary.btn-solid { border: 3px solid #7ab923; color: #fff; background-color: #7ab923; }
    .green-theme .btn.btn-primary.btn-solid:hover { border-color: #517a18; background-color: #517a18; color: #fff; }
.green-theme .page-content { border: 3px solid #7ab923; }

.green-theme .panel-sho { border: solid 3px #7ab923; border-radius: 0; }
    .green-theme .panel-sho .panel-heading { color: #fff; border-radius: 0; background-color: #7ab923; border-color: #7ab923; }
        .green-theme .panel-sho .panel-heading h1,
        .green-theme .panel-sho .panel-heading h2,
        .green-theme .panel-sho .panel-heading h3,
        .green-theme .panel-sho .panel-heading h4,
        .green-theme .panel-sho .panel-heading h5 { color: #fff !important; }
    .green-theme .panel-sho .panel-footer { border-radius: 0; }

.green-theme .modal-content { border-color: #7ab923; }
.green-theme .modal-content .modal-header { background-color: #7ab923; }
.green-theme .modal-content .btn.btn-primary { border-color: #7ab923; color: #fff; background-color: #7ab923; }
.green-theme .modal-content .btn.btn-primary:hover { background-color: #7ab923; color: #fff; }

.green-theme .nav-tabs.sho-tabs li a { background-color: #fff; color: #222; border-color: #7ab923; }
.green-theme .nav-tabs.sho-tabs li a:hover { border-color: #7ab923; }
.green-theme .nav-tabs.sho-tabs li.active > a { background-color: #7ab923; color: #fff; }
.green-theme .nav-tabs.sho-tabs li.active > a:after { color: #fff; }
.green-theme .nav-tabs.sho-tabs li a:after { color: #555; }
.green-theme .tab-content.sho-tabs { background-color: #fff; border-color: #7ab923; color: #222; }

/* [Green Theme] */

/* [Danger Panel] */

.panel-danger.panel-sho { border-color: #b6302d; }
    .panel-danger.panel-sho .panel-heading { background-color: #b6302d; border-color: #b6302d; }

/* [Danger Panel] */

/* [Warning Panel] */

.panel-warning.panel-sho { border-color: #d47b46; }
    .panel-warning.panel-sho .panel-heading { background-color: #d47b46; border-color: #d47b46; }

/* [Warning Panel] */

/* [Success Panel] */

.panel-success.panel-sho { border-color: #a9e66c; }
    .panel-success.panel-sho .panel-heading { background-color: #a9e66c; border-color: #a9e66c; }

/* [Success Panel] */

.panel-widget.panel-sho { padding: 20px; }

/* [/Themes] */

.panel-widget.fwcc-promo { border-color: #006db3; }
.panel-widget.fwcc-promo > .panel-body { background-color: #ececec; text-align: center; }

.bootstrap-dialog .modal-content { border-radius: 0; border: solid 3px #005aa0; }
    .bootstrap-dialog .modal-content .modal-header { border-radius: 0; background-color: #005aa0; }
    .bootstrap-dialog .modal-content .btn.btn-primary { margin: 15px 0 30px; font-family: "ff-dax-web-pro"; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; border-radius: 0; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); border: 3px solid #005aa0; color: #555; background-color: #fff; padding: 10px 50px 8px; font-size: 17px; font-weight: normal; text-transform: uppercase; }
        .bootstrap-dialog .modal-content .btn.btn-primary:hover { background-color: #005aa0; color: #fff; }

.bootstrap-dialog-footer-buttons .btn { border-radius: 0; text-transform: uppercase; border: solid 3px #005aa0; padding: 10px 50px 8px; background-color: transparent; transition: .3s; font-family: "ff-dax-web-pro"; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; color: #555; }
    .bootstrap-dialog-footer-buttons .btn:hover { background-color: #005aa0; color: #fff; }

table.sho-hours { margin-bottom: 0; }

/* home why start today */
.why-start-today { padding: 40px 0; min-height: 500px; }

    .why-start-today h3, .why-start-today h3.panel-title { font-size: 32px; color: #333; font-weight: normal; padding-top: 15px; }
.k-tabstrip-wrapper { margin: 20px 0; }
    .k-tabstrip-wrapper *:not([class*="col-"]) { padding: 0; border: 0; box-sizing: border-box; text-shadow: none; -moz-transition: 0; -o-transition: 0; -webkit-transition: 0; transition: 0; background: transparent; }
    .k-tabstrip-wrapper .row { margin: 0 -15px; }
    .k-tabstrip-wrapper .k-tabstrip-items { display: flex; }
        .k-tabstrip-wrapper .k-tabstrip-items .k-loading { display: none; }
        .k-tabstrip-wrapper .k-tabstrip-items .k-item { flex-grow: 1; border: 0; padding: 0; margin: 50px 6px 19px; }

            .k-tabstrip-wrapper .k-tabstrip-items .k-item a.k-link { position: relative; padding: 40px 0 20px; text-align: center; width: 100%; border-radius: 0; font-size: 24px; color: #222; border-top-width: 3px; border-left-width: 4px; border-right: 4px; border-bottom: 4px; border-right-style: solid; border-left-style: solid; border-top-style: solid; border-bottom-style: solid; /*-moz-transition:.4s; -o-transition:.4s; -webkit-transition:.4s; transition:.4s;*/ }
                .k-tabstrip-wrapper .k-tabstrip-items .k-item a.k-link::after { content: '\f0d7'; font-family: FontAwesome; display: block; width: 100%; text-align: center; color: #555; }
                .k-tabstrip-wrapper .k-tabstrip-items .k-item a.k-link::before { content: ''; background-repeat: no-repeat; position: absolute; height: 90px; width: 90px; margin-left: -45px; left: 50%; top: -60px; display: block; z-index: 3;; background-size: contain; background-position: center; }
            .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-state-active { position: relative; z-index: 4; margin-bottom: 0; }
                .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-state-active a.k-link { padding-bottom: 67px; border-bottom: 0 !important; }
                    .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-state-active a.k-link::after { display: none; }

            /* Why Start Tabs Custom Colours and  Icons*/
            .k-tabstrip-wrapper .k-tabstrip-items .k-item a.k-link:hover { color: black; }
            .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(1) a.k-link { border-color: #67b120; }
                .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(1) a.k-link::before { margin-left: -38px; background-image: url('images/icon-Financial.png'); }
                .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(1) a.k-link:hover { background-color: #e6fad3; }
.why-start-today .panel-default.savemoney { margin: 0; }
.k-tabstrip:focus { box-shadow: none; }
.k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(2) a.k-link { border-color: #ed7288; }
    .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(2) a.k-link::before { background-image: url('images/icon-Heart.png'); background-size: 80% auto; }
    .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(2) a.k-link:hover { background-color: #e9c4cb; }
.k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(3) a.k-link { border-color: #fc6e23; }
    .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(3) a.k-link::before { background-image: url('images/icon-Family.png'); background-size: 80% auto; }
    .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(3) a.k-link:hover { background-color: #efd6be; }
.k-tabstrip-wrapper .k-content { padding: 20px; background: #ddd; margin: 0 6px; box-shadow: 0 1px 3px rgba(0,0,0,.1); box-sizing: border-box; border: 0; position: relative; z-index: 3; border: 4px solid transparent; margin-top: -4px; font-size: 14px; line-height: 24px; }
    .k-tabstrip-wrapper .k-content h1 { font-size: 28px; font-weight: bold; }
        .k-tabstrip-wrapper .k-content h1 label { font-weight: inherit; }
.why-start-today #tabStrip-1 { border-color: #67b120; }
    .why-start-today #tabStrip-1 > .row { background-color: #e6f2d5; padding: 5px 30px; margin: 0; }
        .why-start-today #tabStrip-1 > .row h2 { padding-top: 15px; }
    .why-start-today #tabStrip-1 > .panel { border-radius: 0; background-color: #e6f2d5; padding: 0 20px; }
.why-start-today #tabStrip-2 { border-color: #ed7288; }
    .why-start-today #tabStrip-2 .content-area > div { background-color: rgba(243, 215, 220, 0.80); padding: 30px; }
.why-start-today #tabStrip-3 { border-color: #fc6e23; }
    .why-start-today #tabStrip-3 .content-area > div { background-color: rgba(250, 223, 209, 0.80); padding: 30px; }




.why-start-today #tabStrip-1 > .row > div[class*='col-'] { padding: 5px; }

.why-start-today label { font-size: 18px; font-weight: normal; line-height: 24px; padding-top: 7px !important; }

.why-start-today #tabStrip-1 > .savemoney > .panel-heading { background-color: transparent; }
    .why-start-today #tabStrip-1 > .savemoney > .panel-heading .panel-title { background-color: transparent; padding: 0 0 15px; font-size: 22px; }
.btn.btn-primary { margin: 15px 0 30px; font-family: "ff-dax-web-pro"; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; border-radius: 0; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); border: 3px solid #005aa0; color: #555; background-color: rgba(255,255,255,.5); padding: 10px 50px 8px; font-size: 17px; font-weight: normal; text-transform: uppercase; }
    .btn.btn-primary:hover { background-color: #005aa0; color: #fff; }
.why-start-today .btn-primary { border-color: #95cd28; }
    .why-start-today .btn-primary:hover { background-color #95cd28; }
.why-start-today .savemoney .block { background-color: #95cd28; display: block; width: 70%; margin: 0 auto; font-size: 20px; font-weight: bold; padding: 10px; margin-bottom: 4px; }
    .why-start-today .savemoney .block h5 { font-size: 20px; }
.why-start-today #tabStrip-2 .content-area { background-color: rgba(243, 215, 220, 0.80); padding: 30px; }

.why-start-today #tabStrip-3 .content-area { background-color: rgba(250, 223, 209, 0.80); padding: 30px; }

/* How you can help */
.help-quit .page-nav { margin-top: 40px; }
.help-quit p.description-text { font-size: 1.1em; }

/* About us */
.about-us .panel { margin-bottom: 0; }
.about-us .row { margin-top: 30px; }

/* Privacy Policy */

/* Terms of Use */
.terms-of-use li > h1,
.terms-of-use li > h2,
.terms-of-use li > h3,
.terms-of-use li > h4,
.terms-of-use li > h5,
.terms-of-use li > h6 { display: inline-block; }
.terms-of-use ol.terms > li:before { font-size: 26px; color: #006db3; }

.why-start-today .k-tabstrip,
.how-we-help .k-tabstrip { box-shadow: none; -webkit-box-shadow: none; }

/* How we help */
.how-we-help h2 { font-size: 32px; font-weight: normal; color: #005aa0; }
.how-we-help .k-tabstrip-wrapper .k-tabstrip-items .k-item a.k-link { background-color: #fff; }
    .how-we-help .k-tabstrip-wrapper .k-tabstrip-items .k-item a.k-link:hover { color: black; }
.how-we-help .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(1) a.k-link { border-color: #009fd0; background-color: #fff; }
    .how-we-help .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(1) a.k-link::before { margin-left: -38px; background-image: url('images/icon-Messages.png'); }
    .how-we-help .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(1) a.k-link:hover { background-color: #cfe7ee; }

.how-we-help .k-tabstrip:focus { box-shadow: none; }
.how-we-help .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(2) a.k-link { border-color: #7ab923; }
    .how-we-help .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(2) a.k-link::before { background-image: url('images/icon-ComputerSupport.png'); background-size: 80% auto; }
    .how-we-help .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(2) a.k-link:hover { background-color: #e3f1c9; }
.how-we-help .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(3) a.k-link { border-color: #f0771a; }
    .how-we-help .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(3) a.k-link::before { background-image: url('images/icon-Toolbox.png'); background-size: 80% auto; }
    .how-we-help .k-tabstrip-wrapper .k-tabstrip-items .k-item:nth-child(3) a.k-link:hover { background-color: #f5e0d1; }
.how-we-help .k-tabstrip-wrapper .k-content { background: #fff; }
    .how-we-help .k-tabstrip-wrapper .k-content h1 { font-size: 28px; font-weight: bold; }
        .how-we-help .k-tabstrip-wrapper .k-content h1 label { font-weight: inherit; }
.how-we-help .k-widget > .k-content .k-content-tab .content-area { padding: 30px; }
.how-we-help .k-widget > .k-content:nth-child(2) { border-color: #009fd0; }
    .how-we-help .k-widget > .k-content:nth-child(2) .content-area { background-color: rgba(207, 231, 238, 0.80); }
.how-we-help .k-widget > .k-content:nth-child(3) { border-color: #7ab923; }
    .how-we-help .k-widget > .k-content:nth-child(3) .content-area { background-color: rgba(227, 241, 201, 0.80); }
.how-we-help .k-widget > .k-content:nth-child(4) { border-color: #f0771a; }
    .how-we-help .k-widget > .k-content:nth-child(4) .content-area { background-color: rgba(245, 224, 209, 0.80); }

.how-we-help { padding: 40px 0; background-color: #dcf4fc; margin-bottom: 0; min-height: 500px; }

.how-we-help-page h3 { margin-bottom: 5px; }
.how-we-help-page h4 { margin-bottom: 2px; margin-top: 12px; }
.how-we-help-page .panel { margin-bottom: 0; margin-top: 60px; box-shadow: 5px 5px 10px -6px inset; }

@media (max-width: 991px) {
    .how-we-help-page .panel { margin-top: 0px; }
}

.why-start-today .content-area h3, .how-we-help .content-area h3 { margin-bottom: 8px; }
.why-start-today .content-area h4, .how-we-help .content-area h4 { margin-bottom: 12px; }
.why-start-today .content-area p, .how-we-help .content-area p { line-height: 1.4em; margin-bottom: 12px; }

/* Want to quit */
.want-to-quit .dock.btn { margin: 0; font-size: 1.2em; box-shadow: none; }
.want-to-quit .dock.top:not([style*='display']) + section { margin-top: 47px; }
.want-to-quit section { margin-bottom: 32px; }
    .want-to-quit section ul { padding: 2px 4%; }
.want-to-quit em { display: block; margin-bottom: 47px; text-align: center; color: #006db3; font-size: 1.5em; margin-top: 32px; }

/* Healthprovider Contact */

@media (max-width: 767px) {
    dl.contact-info dt { float: left; }
    dl.contact-info dd { float: left; margin-left: 80px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    dl.left-align.contact-info dt { float: none; }
    dl.left-align.contact-info dd { float: none; margin-left: 0; }
}

/*register */
.full-background.content.public-form { padding-top: 150px; font-family: Arial, Helvetica, sans-serif; }
.full-background.content .content-area-box { background-color: white; border: 3px solid #005aa0; position: relative; color: #222; padding: 30px; }

.page-content.register-form { position: relative; margin-top: 150px; }
    .page-content.register-form:before { content: ' '; width: 350px; height: 100px; background-repeat: no-repeat; background-size: contain; background-image: url('images/contentbox-image-register.png'); position: absolute; margin-left: -175px; left: 50%; top: -80px; }
.full-background.content.public-form h2 { color: #005aa0; font-size: 40px; margin: 20px 0; font-family: "ff-dax-web-pro"; }

.sho input[type=checkbox], .sho input[type=radio] { height: 20px; width: 20px; margin-left: -25px; top: 4px; }
.sho .checkbox label, .sho .radio label { padding-left: 25px; }

.how-heard-options li { padding: 8px; }
.how-heard-options li label { width: 100%; } 

.social-login-buttons .btn.btn-primary {
    margin-top: 0;
    width: 100%;
}
    .social-login-buttons .btn.btn-primary:hover { color: white; }
    .social-login-buttons .btn.btn-primary.social-btn-facebook:hover { border-color: #385891; color: #385891; background-color: #fff; }
    .social-login-buttons .btn.btn-primary.social-btn-facebook { background-color: #385891; color: #fff; border-color: #385891; }
    .social-login-buttons .btn.btn-primary.social-btn-twitter:hover {
        border-color: #1D7CA5;
        color: #1D7CA5;
        background-color: #fff;
    }
    .social-login-buttons .btn.btn-primary.social-btn-twitter {
        background-color: #1D7CA5;
        color: #fff;
        border-color: #1D7CA5;
    }
    .social-login-buttons .btn.btn-primary.social-btn-googleplus:hover { border-color: #dd4c35; color: #dd4c35; background-color: #fff; }
    .social-login-buttons .btn.btn-primary.social-btn-googleplus { background-color: #dd4c35; color: #fff; border-color: #dd4c35; }
    .social-login-buttons .btn.btn-primary.social-btn-microsoft:hover {
        border-color: #001999;
        color: #001999;
        background-color: #fff;
    }
    .social-login-buttons .btn.btn-primary.social-btn-microsoft {
        background-color: #001999;
        color: #fff;
        border-color: #001999;
    }

/*Login*/
#loginForm .form-horizontal .checkbox { padding-left: 25px; }

/* Smokers Call out and Get Support Call Out*/
.sho .smokers-call-out { background-color: #003353; margin-bottom: 0; padding: 50px 0; }
    .sho .smokers-call-out h2 { color: white; }

.footer-get-support { background-color: #003353; margin-bottom: 0; padding: 25px 0; }
.sho .footer-get-support h2 { color: white; text-align: center; }

.footer-get-support .sms-info { color: white; font-size: 11px; line-height: 20px; }
.sho .smokers-call-out .btn.btn-primary, .footer-get-support .btn.btn-primary { font-family: "ff-dax-web-pro"; margin-top: 15px; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; border-radius: 0; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); border: 3px solid #ef6011; color: #fff; background-color: #cf4a00; padding: 10px 50px 8px; font-size: 17px; font-weight: normal; text-transform: uppercase; }
    .sho .smokers-call-out .btn.btn-primary:hover, .footer-get-support .btn.btn-primary:hover { color: white; background: transparent; border-color: White; }

.footer-get-support .btn.btn-primary { width: 100%; max-width: 250px; position: relative; margin-bottom: 15px; }
    .footer-get-support .btn.btn-primary span.checked:after { content: '\f00c'; color: #fff; font-family: "FontAwesome"; text-align: center; background-color: #7ab923; font-size: 24px; padding-top: 5px; width: 48px; position: absolute; top: -3px; right: -3px; bottom: -3px; border: 3px solid #fff; }
    .footer-get-support .btn.btn-primary:hover span.checked:after { }

.account-registration legend { border: 0; font-size: 40px; color: #fff; text-align: left; }
.account-registration .btn { background-color: transparent; margin-left: 0; margin-right: 0; }
.account-registration hr { display: none; }
.account-registration .btn:hover, .account-registration .btn:focus { border-color: #fff; background-color: rgba(0,0,0,.5); color: #fff; }

/* Forms */

.validation-summary-valid { display: none; }
.client-validators .field-validation-error { display: block; }
.client-validators .field-validation-valid { display: none; }

.sho .content .form-control { border-radius: 0; margin-bottom: 15px; border: 0; background-color: #f3f3f3; color: #222; }
    .sho .content .form-control:not(textarea) { height: 38px; }


#my-programs-list .panel-heading .checkbox-inline input { top: -3px; }
#my-programs-list .panel-heading .checkbox-button {
    font-size: 14px;
    padding: 5px 10px;
}
#my-programs-list .modal-body { text-shadow: none; }

@media (min-width: 768px) {
    .label-form-control { padding-top: 7px; display: inline-block; }
}

.sho .content .input-group-addon + .form-control,
.sho .content .input-group-btn + .form-control { margin-bottom: 0; height: initial; border: initial; color: initial; border: initial; }
.sho .content .form-control:focus { background-color: #d8f0f7; color: #005aa0; }
.sho .content .row { margin-bottom: 0; }

.footer-links .nav-pills { margin-left: 0; padding: 0; }
    .footer-links .nav-pills > li > a { padding: 3px 10px; font-size: 12px; color: #444; margin: 0; background: transparent; padding: 0; }
        .footer-links .nav-pills > li > a:hover,
        .footer-links .nav-pills > li > a:focus,
        .footer-links .nav-pills > li > a:active { text-decoration: underline; background: transparent; color: #006db3; }
.footer p { font-size: 12px; margin: 0; }
    .footer p.phone-number { font-size: 19px; color: #006db3; }
        .footer p.phone-number strong { font-weight: normal; }
        .footer p.phone-number + p > span { display: block; }

.footer-nav .nav-pills > li > a { padding: 3px 0; background-color: transparent; border-radius: 0; font-size: 11px; padding: 0 10px; border-left: 1px solid #888; color: #666; }
    .footer-nav .nav-pills > li > a:hover { text-decoration: underline; }
.footer-nav .nav-pills > li:first-child > a { padding-left: 0; border-left: 0; }
/* sub nav */
.sub-nav { background-color: #006db3; padding: 20px 0; }
    .sub-nav .nav-pills { margin-left: -15px; }
        .sub-nav .nav-pills li a { background-color: rgba(255,255,255,.3); color: #fff; text-shadow: none; margin-right: 15px; }
            .sub-nav .nav-pills li a:hover, .sub-nav .nav-pills li a:active, .sub-nav .nav-pills li a:focus { background-color: #fff; color: #006db3; box-shadow: 0 2px 3px rgba(0,0,0,.2); }

/* Profile */
.account-tabs .nav-tabs { display: flex; }
    .account-tabs .nav-tabs li { flex-grow: 1; margin-left: 12px; flex: 1; }
        .account-tabs .nav-tabs li:first-child { margin-left: 0; }
        .account-tabs .nav-tabs li a { position: relative; font-family: "ff-dax-web-pro",sans-serif; background-color: #fff; padding: 40px 0 20px; margin-bottom: 12px; text-align: center; width: 100%; border-radius: 0; font-size: 15px; color: #222; border-top-width: 4px; border-left-width: 4px; border-right: 4px; border-bottom: 4px; border-right-style: solid; border-left-style: solid; border-top-style: solid; border-bottom-style: solid; border-color: #006db3; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
            .account-tabs .nav-tabs li a:hover { border-width: 4px; border-color: #006db3; margin-bottom: 0; }
            .account-tabs .nav-tabs li:not(.active) a:hover { background-color: #fff !important; }

        .account-tabs .nav-tabs li.active > a { background-color: #006db3; color: #fff; margin-bottom: 0; padding-bottom: 32px; }
            .account-tabs .nav-tabs li.active > a:after { color: #fff; }
        .account-tabs .nav-tabs li a:after { content: '\f0d7'; font-family: FontAwesome; display: block; width: 100%; text-align: center; color: #555; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
        .account-tabs .nav-tabs li a:hover::after { padding-top: 12px; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
        .account-tabs .nav-tabs li.active a:hover::after { padding-top: 0; }
.account-tabs .tab-content { padding: 30px; background-color: #fff; border: 4px solid #006db3; color: #222; margin-top: -4px; }



.account-tabs .avatar-editor .avatar-image-wrapper { margin: 16px auto; text-align: center; }
.account-tabs .avatar-editor .avatar-image-wrapper img { width: 100px; height: 100px; }


@media (min-width: 475px) and (max-width: 991px) {
	.account-tabs .nav-tabs li > a { word-spacing: 1200px; }
}

@media (max-width: 474px) {
}

form .list-group li { list-style: none; }

.statements > li { border-left: solid 5px rgb(238, 238, 238); padding: 8px 15px; }
    .statements > li q { font-style: italic; color: rgba(51, 51, 51, .8); }

/* Forums */
.sfforumsTitle { display: none; }
.sfforumsList .sfforumGroupTitle { display: none !important; }
.sfforumPostReplyContainer { z-index: 1; width: 100vw !important; }
.sfforumNewThreadWrp .sfTxt,
.sfforumNewThreadWrp .sfEditorWrp,
.sfforumPostReplyContainer .sfforumPostReplyForm { width: 100% !important; margin: 0; padding: 8px; }
.sfforumPostAttachmentsList { width: 100% !important; }
.RadEditor.reWrapper {
	width: 100% !important;
}

/* Content */
.plain {
	padding: 50px 0;
}

/*Dashboard - Promotion - suji*/
div.promotion-image { background: url('images/activities/activity-momanddaughterbubbles.jpg'); background-size: cover; }

/*Quit Program -suji*/
.quit-activity { border-color: grey; }

.quit-stage { cursor: pointer; }

.stages.nav-tabs-justified>.active>a, 
.stages.nav-tabs-justified>.active>a:focus, 
.stages.nav-tabs-justified>.active>a:hover, 
.stages.nav-tabs.nav-justified>.active>a, 
.stages.nav-tabs.nav-justified>.active>a:focus, 
.stages.nav-tabs.nav-justified>.active>a:hover
{ border: none; }
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent; }

.stages .nav { margin: 0; padding: 0; background-color: transparent; border: none; }
.stages .nav> li { padding: 10px; border: none; text-align: center; }

@media (min-width: 768px) {
    .stages .nav> li:first-child { padding-left: 0; }
    .stages .nav> li:last-child { padding-right: 0; }
}

.stages .nav> li > a:hover, .stages > li.active a:hover { cursor: pointer; }
.stages .nav> li > a { border: none; border: solid 3px transparent !important; border-radius: 0 !important; position: relative; padding: 15px; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); }
.stages .nav> li > a > h2 { margin: 0; padding: 27px 15px 17px; color: #333; }
.stages .nav> li:nth-child(1) > a { border-color: #e7640c !important; }
.stages .nav> li:nth-child(1) > a > h2 { background-color: rgba(239, 96, 17, 0.15); -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.stages .nav> li.active:nth-child(1) > a:hover > h2, .stages .nav> li:nth-child(1) > a:hover > h2 { background-color: #faece4; }
.stages .nav> li:nth-child(2) > a { border-color: #7ab923 !important; }
.stages .nav> li:nth-child(2) > a > h2 { background-color: rgba(102, 177, 49, 0.15); -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.stages .nav> li:nth-child(3) > a { border-color: #006db3 !important; }
.stages .nav> li:nth-child(3) > a > h2 { background-color: rgba(0, 101, 170, 0.15); -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.stages .nav> li a:hover h2 { background-color: #ececec !important; }

@media (max-width: 1199px) and (min-width: 992px) {
    .stages .nav> li > a > h2 { font-size: 24px; }
}

.activity-program .activities { margin: 50px 0; }
.activity-program .activities > .activity-list { border: solid 3px transparent; padding: 10px; background-color: #fff; }

.activity-program .activities > .tab-pane.activity-list { padding: 10px 25px; }

.activity-program .activities > .activity-list, 
.activity-program .activities > .activity-list .btn.btn-primary { border-color: #006db3; }
.activity-program .activities > .activity-list .btn.btn-primary:hover { background-color: #006db3; }

.activity-program .activities > .activity-list:nth-child(1), 
.activity-program .activities > .activity-list:nth-child(1) .btn.btn-primary { border-color: #e7640c; }
.activity-program .activities > .activity-list:nth-child(1) .btn.btn-primary:hover { background-color: #e7640c; }

.activity-program .activities > .activity-list:nth-child(2), 
.activity-program .activities > .activity-list:nth-child(2) .btn.btn-primary { border-color: #7ab923; }
.activity-program .activities > .activity-list:nth-child(2) .btn.btn-primary:hover { background-color: #7ab923; }



.activity-program .activities.content-area > .activity-list { border: 3px solid #006db3; padding: 10px; background-color: #fff; }
.activity-program .activities.content-area > .activity-list > .row { margin: 0; }
.activity-program .activities .activitydef { padding: 10px; }


.activity-program .activities .activity-box, .promotion-box { background-color: #ececec; text-align: center; padding: 15px; display: block; position: relative; -moz-transition: .2s; -o-transition: .2s; -webkit-transition: .2s; transition: .2s; color: #222; }
.activity-program .activities .activity-box .activity-image, .promotion-image { margin: -15px -15px 0; background-color: #777; min-height: 150px; max-height: 150px; margin-bottom: 30px; }
.activity-program .activities .activity-box .activity-image { background-size: cover; }
.activity-program .activities .activitydef.complete .activity-box:after, .activity-program .activities .activitydef.completed .activity-box:after, .activity-program .stages .stage-box.complete .stage-button:before,
.activity-check:before { content: '\f00c'; color: #fff; font-family: "FontAwesome"; text-align: center; background-color: #7ab923; font-size: 24px; padding-top: 6px; width: 50px; height: 50px; position: absolute; top: -2px; right: -2px; border: 2px solid #fff; }
.activity-program .activities .activity-box h3 { color: #222; }
.activity-program .activities .activity-box h4 { font-family: "Open Sans",Arial,Verdana; font-size: 15px; color: #222; min-height: 80px; overflow: hidden; max-height: 80px; line-height: 20px; }
.activity-program .btn.btn-primary { color: #333; font-size: 20px; border: 3px solid #006db3; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; border-radius: 0; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); padding: 7px 15px; display: block; background-color: transparent; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); }
.activity-box { min-height: 375px; position: relative; box-shadow: 0 1px 3px 0px rgba(0,0,0,.3); }
 

.activity-program .btn.btn-primary:after, .get-support .btn.btn-primary:after { content: '\f0da'; font-family: FontAwesome; font-size: 16px; display: inline-block; padding-left: 10px; }
.get-support .btn.btn-primary a { color: white; }
  

.milestone-check:before { content: '\f00c'; color: #fff; font-family: "FontAwesome"; text-align: center; background-color: #7ab923; font-size: 24px; padding-top: 6px; width: 20px; height: 25px; top: -2px; right: -2px; border: 2px solid #fff; }

#on-track #accordion { background-color: #efeeec; border: solid 1px #cecece; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); }
    #on-track #accordion .btn-group .btn { border-radius: 0; }
    #on-track #accordion .btn-group .btn-success { background-color: #a9e66c; border-color: #a9e66c; }
    #on-track #accordion .btn-group .btn-warning { background-color: #d47b46; border-color: #d47b46; }
    #on-track #accordion .btn-group .btn-danger { background-color: #b6302d; border-color: #b6302d; }

#time-to-celebrate-page ul.changes { list-style-type: none; margin: 0; padding: 0; }
    #time-to-celebrate-page ul.changes > li { border-left: solid 5px rgb(238, 238, 238); padding: 8px 15px; margin: 8px 0; }
    #time-to-celebrate-page ul.changes .change { font-weight: bold; }
    #time-to-celebrate-page ul.changes p { margin-bottom: 0; }

#smoke-free-life-page .callout { margin: 24px 10% 18px; }
#smoke-free-life-page .tips > li { margin: 16px 15px 28px; }
#smoke-free-life-page .tips h4 { margin: 14px 0 4px; }

/* Kendo Button overrides */
.k-primary { display: inline-block; padding: 2px 25px; margin: 10px; border: 3px solid #fff; color: #fff; font-size: 18px; box-shadow: 0 1px 3px rgba(0,0,0,.3); border-radius: 0; background-color: transparent; transition: .5s; }
    .k-primary:hover, .k-primary:active, .k-primary:focus { background: rgba(0,0,0,.5); color: #fbdb41; border-color: #fbdb41; }
/* Modal Overrides*/
.modal-footer .btn { margin: 0; }

/* Toggle Button fix */
.sho .btn[disabled] { opacity: .5; }
    .sho .btn[disabled] * { cursor: not-allowed; }

.sho .full-background .toggle { width: 80px !important; }
.sho .full-background .toggle.btn.btn-default, 
.sho .full-background .toggle.btn.btn-primary, 
.sho .full-background .toggle .btn.btn-primary, 
.sho .full-background .toggle .btn.btn-default { box-shadow: none; border: 0; line-height: 22px; margin: 0; padding: 0; outline: none; }
.sho .toggle-group .btn.btn-primary:after { content: ''; display: none; }

.sho .full-background .toggle.btn.btn-primary,
.sho .full-background .toggle.btn.btn-default { box-shadow: 3px 3px 0 rgba(0,0,0,.1); border: 3px solid transparent; height: 36px; }
.sho .full-background .toggle.btn.btn-primary { border-color:  #006db3; }
.sho .full-background .toggle.btn.btn-default { border-color: #555; }

.sho .full-background .toggle .btn.btn-primary,
.sho .full-background .toggle .btn.btn-default { padding: 4px 2px ; color: #fff; width: initial; }
.sho .full-background .toggle .btn.btn-primary { padding-right: 22px; background-color: #006db3 }
.sho .full-background .toggle .btn.btn-default { padding-left: 22px; background-color: #666; }

.sho .full-background .toggle .btn.btn-default.toggle-handle { background-color: rgba(255,255,255,.7); margin: 0; padding: 0; width: 40px; }
.sho .full-background .toggle[disabled] .btn.btn-default, 
.sho .full-background .toggle[disabled] .btn.btn-primary { color: rgba(255,255,255,.3); }

/*Search*/
.spinner { position: fixed; top: 50%; left: 50%; margin-left: -50px; /* half width of the spinner gif */ margin-top: -50px; /* half height of the spinner gif */ text-align: center; z-index: 1234; overflow: auto; width: 100px; /* width of the spinner gif */ height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */ }


.bootstrap-dialog-message .container { width: 100% !important; }
[data-toggle='collapse'] { cursor: pointer; }

.psoellipsis { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.lodError { color: #cf2727; }
.sliderValue { color: #cf2727; }

/*forms */
.ceError, .ccserrormessage { color: #cf2727; }
.ccssuccessmessage { background-color: blue; }
.field-validation-error, .shoError { color: red; }
.loading { position: relative; }
    .loading:before { content: " "; position: absolute; display: block; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.25); z-index: 100; }

/* for FAQs */
/* sitefinity back -end editor stupid CSS fixes - why is this even neccessary?*/
.sf-backend-wrp .k-editor .k-editable-area { height: 70vh !important; }
.sf-backend-wrp .modal-body .k-editor-widget .k-editable-area iframe, .sf-backend-wrp .modal-body .k-editor-widget .k-editable-area textarea.html { max-width: 100% !important; }
.sf-backend-wrp .modal-footer { background-color: white !important; }

/* =====  Common ====== */

label.btn[role='button']:before { content: '\f096'; margin-right: 2px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; }
label.btn.active[role='button']:before { content: '\f046'; margin-right: 0; }
label.btn[role='button'] input[type='checkbox'] { display: none; }

.concealable { position: relative; overflow: hidden; }
    .concealable > .concealer { display: none; background-color: rgba(255, 255, 255, .9); position: absolute; top: -100%; bottom: 100%; left: 0; right: 0; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition: display 0s; z-index: 2; }
    .concealable > .content { display: inherit; }

    .concealable.concealed { min-height: 100px; }
        .concealable.concealed > .concealer { display: block; top: 0; bottom: 0; }
        .concealable.concealed > .content { display: none; }

.xy-center { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.blue-grey { background-color: #546e7a !important; }
.white-text { color: white !important; }

.description-text { font-size: 0.9em; }
.panel-body .description-text { margin: -15px; margin-bottom: 15px; padding: 8px 16px; background-color: #eee; border-bottom: solid 1px #ccc; }
.panel-footer .description-text { margin: -10px -15px; margin-bottom: 10px; padding: 8px 16px; border-bottom: solid 1px #ccc; }

.description-text.icon { position: relative; padding-left: 32px; }
    .description-text.icon:before { font: normal normal normal 14px/1 FontAwesome; font-size: 18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 10px; top: 10px; }

.contact-row { border: solid 1px #cecece; margin: 20px; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); padding: 12px 0; }
    .contact-row .responsibilities { margin: 0; padding: 0; padding-left: 20px; margin-bottom: 10px; }
    .contact-row .contact-info h5 { font-size: 1.3em; margin: 0; }
    .contact-row .contact-info h6 { font-size: 1.0em; margin: 0; margin-top: 2px; }
    .contact-row .contact-info address { font-size: 0.9em; margin: 12px 0 0; }
        .contact-row .contact-info address a { display: block; }

ul.social a { text-decoration: none; }
ul.social li a:before { font-size: 42px; margin-right: 5px; vertical-align: middle; }
ul.social li a[href*="facebook.com"]:before { content: "\f230"; font-family: FontAwesome; }
ul.social li a[href*="twitter.com"]:before { content: "\f081"; font-family: FontAwesome; }

/* =====  My Account =========== */

#SMSSupport.collapse.in > .concealable.concealed { min-height: 150px; }

/* ===== /My Account =========== */

.response-saved { text-align: center; background-color: wheat; }

/* ===== /Smokers Profile ====== */

/* =====  Materials ====== */

.materials .checkout-button { margin-top: -20px; margin-bottom: 20px; }
    .materials .checkout-button .btn.checkout { border-radius: 0 0 4px 4px; border-top: none; background-color: #2263A9; }
        .materials .checkout-button .btn.checkout:after { content: "\f07a"; }
.materials .material .panel-body { position: relative; min-height: 144px; padding-left: 159px; padding-bottom: 0; display: flex; flex-direction: column; }
.materials .material .preview { width: 144px; height: 100%; position: absolute; left: 0; top: 0; background: #c9c9c9; }
    .materials .material .preview img { width: 144px; height: 144px; display: block; position: relative; top: 50%; transform: translateY(-50%); }
        .materials .material .preview img:before { content: " "; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: #c9c9c9 url('images/no-image.png') no-repeat center; }
.materials .material .panel-body p { flex-grow: 1; margin-bottom: 0; }
.materials .material .panel-body dl.meta { margin: 0 -15px; padding: 15px; }
    .materials .material .panel-body dl.meta:empty { display: none; }
.materials .material .download-link { background-color: #E7640C; color: white; padding: 8px 12px; line-height: 30px; }
    .materials .material .download-link .btn { background-color: #2263A9; }
        .materials .material .download-link .btn:before { content: '\f019'; }
.materials .material .input-group-btn + .form-control { border: solid 1px #ccc; }
.materials .material .input-group-btn .btn.active { background-color: #E7640C; }
.materials .material .client-validators { line-height: 34px; }
.materials .material .total { line-height: 34px; }
    .materials .material .total label { margin-bottom: 0; }

/* ===== /Materials ====== */

/* =====  Promo ====== */

.center-pills { width: 100%; margin: 0 auto; }

.subsite.promotion, .subsite.healthcare { background-color: #ECECEC; }
.subsite.header { text-align: center; }
    .subsite.header nav > ul { background-color: #2263A9; margin: 0 auto; font-size: 0px; }
        .subsite.header nav > ul > li { vertical-align: middle; border-right: solid 1px white; float: none; display: inline-block; font-size: 14px; }
            .subsite.header nav > ul > li:first-child { border-left: solid 1px white; }
            .subsite.header nav > ul > li a { font-size: 17px; line-height: 1.5em; color: white; border-radius: 0; display: inline-block; }
                .subsite.header nav > ul > li a.active { background-color: #E7640C; }
                .subsite.header nav > ul > li a:hover { background-color: #F9D11A; color: #0c2f4f; text-decoration: underline; }
                .subsite.header nav > ul > li a:focus { background-color: #F9D11A; color: #0c2f4f;  }
.subsite .content { background-color: white; }

/* =====  FWC ====== */

.page-content.fwc p, .page-content.fwc li { text-shadow: none; }

.fwc-rules ol.rules > li:before { font-size: 16px; color: #006db3; }

.fwc #faqs .panel-primary .panel-heading { font-size: 1.2em; }
.fwc #faqs .panel-primary .panel-group { margin-bottom: 0; }
.fwc #faqs .panel-default .panel-heading h4 { font-size: 14px; }

/* ===== /FWC ====== */

/* ===== /Promo ====== */

/*====Why Start Today===*/

.packdiv { text-align: center; vertical-align: middle; display: inline-block; }

.packcircle:hover { background-color: #95cd28; cursor: pointer; }
.selectioncircle > span { font-size: small; vertical-align: top; }
.packcircle.active { background-color: #95cd28; }
.packcircle, .selectioncircle { font-family: 'ff-dax-web-pro'; background-color: transparent; line-height: 22px; border-radius: 50px; border: 1px solid #666; height: 36px; font-weight: normal; width: 36px; text-align: center; vertical-align: middle; padding: 6px !important; font-size: 20px; display: inline-block; }
.selectioncircle { background-color: #95cd28; }
.savemoney { text-align: center; margin-bottom: 8px; }
    .savemoney .save-title { color: #111; margin: 0; padding: 0; margin-bottom: 4px; }
    .savemoney .save-value { background-color: #95cd28; font: bold !important; border-radius: 18px; display: inline-block; padding: 4px 10px; }


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

/*====/Why Start Today===*/

.nextactivity { border-style: solid; border-color: #7aaf04; border-width: 3px; background-color: #fff; padding: 20px; margin-top: 15px; }
    .nextactivity .container-fluid { background-color: #ecf4db; background-size: cover; }
    .nextactivity .image, .nextactivity .default-image { min-height: 300px; background-repeat: no-repeat; background-size: cover; }
    .nextactivity .image { background-image: url('/images/default-source/default-album/joggers.png'); background-position: center; }
    .nextactivity .default-image { background-image: url('/images/default-source/default-album/joggers.png'); background-position: center; }
    .nextactivity [class*='col']:last-of-type > p { margin-top: 60px; }

/*Dashboard*/
.welcome { position: relative; min-height: 250px; }
    .welcome h1 { padding: 100px 0 !important; font-size: 42px !important; margin: 0 0 !important; }
    .welcome .dashboard-bar { margin-left: 0; margin-right: 0; position: absolute; width: 100%; bottom: -15px; }
        .welcome .dashboard-bar > div { min-height: 40px; line-height: 40px; }
            .welcome .dashboard-bar > div.quit-date-area { background-color: #006db3; color: #fff; border-left: solid 8px #E7640C; padding: 0 20px; }
                .welcome .dashboard-bar > div.quit-date-area .quit-date { display: inline; }
                .welcome .dashboard-bar > div.quit-date-area input { display: inline-block; background: transparent; color: #fff; }
                    .welcome .dashboard-bar > div.quit-date-area input:hover { color: #fad910; }
    .welcome .btn-quit-date { color: #006db3; background-color: rgba(255,255,255,.5); text-decoration: underline; }

.dashboard-content .btn.btn-primary { margin: 15px 0; font-family: "ff-dax-web-pro"; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; border-radius: 0; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); border: 3px solid #006db3; color: #006db3; background-color: rgba(255,255,255,.5); padding: 10px 50px 8px; font-size: 17px; font-weight: normal; text-transform: uppercase; }
    .dashboard-content .btn.btn-primary:after { content: '\f0da'; font-family: FontAwesome; font-size: 16px; display: inline; padding-left: 10px; }
    .dashboard-content .btn.btn-primary:hover { background-color: #006db3; color: #fff; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }

.dashboard-content .quit-nextactivity .btn.btn-primary { background-color: #69a71f; border-color: #69a71f; color: #fff; }
    .dashboard-content .quit-nextactivity .btn.btn-primary:hover { background-color: #555; border-color: #555; }
.dashboard-content .quit-nextactivity .col-md-6:nth-child(2) { padding-left: 25px; }
/*.dashboard-content .panel { margin-bottom: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
    .dashboard-content .panel > .panel-heading { text-align: center; border: 0; display: none; }
    .dashboard-content .panel .panel-body { padding: 0; text-align: center; border: 0; }
        .dashboard-content .panel .panel-body .panel > .panel-heading { display: block; }*/


.dashboard-widget { margin: 30px 0; border: solid 3px #005aa0; padding: 20px; background-color: #fff; }
#smokers-profile.dashboard-widget { margin: 0; border-color: #0063aa; }
.dashboard-widget.myprogress { border-color: #fad910; }
.dashboard-widget.get-support { border-color: #1594ca; text-align: center; font-size: 11px; }
.dashboard-widget.nextactivity { border-color: #7aaf04; }
.dashboard-widget.promotion-box { border-color: #006db3; }

.dashboard-widget h1, .dashboard-widget h2, .dashboard-widget h3, .dashboard-widget h4, .dashboard-widget h5, .dashboard-widget h6 { font-family: "ff-dax-web-pro",sans-serif; }

#smokers-profile.complete { border-color: transparent; padding: 0; margin: 0; height: 0; }
.smoker-profile-content .sho-progress { margin-bottom: 0px; height: 42px; border-bottom: solid 1px #c9c9c9; }
    .smoker-profile-content .sho-progress span { font-size: 16px; }
.smoker-profile-content form { background-color: #e3f5fd; padding: 15px; }
.smoker-profile-content .form-horizontal .control-label { font-weight: normal; font-size: 18px; text-align: left; }
.smoker-profile-content :not(.modal-footer) > .btn.btn-primary { padding: 6px 0; width: 100%; font-size: 15px; margin: 0; }
.smoker-profile-content .modal-footer > .btn.btn-primary { margin: 0; }
.smoker-profile-content .form-group { vertical-align: middle; margin-bottom: 0; }
    .smoker-profile-content .form-group select,
    .smoker-profile-content .form-group .form-control,
    .smoker-profile-content .k-multiselect { border-radius: 0; margin-bottom: 0; line-height: 42px; box-shadow: none; border: 2px solid #0063aa; background-color: #fff; color: #0063aa; }
    /*.smoker-profile-content .form-group > div[class*='col-'],
    .smoker-profile-content .form-group > label { display: table-cell; vertical-align: middle; padding: 0 15px; height: 72px; float: none; }*/
    .smoker-profile-content .form-group .form-control[type='number'] { padding-right: 0; line-height: 22px; }
    .smoker-profile-content .form-group .form-control:focus, .smoker-profile-content .k-multiselect:focus { background-color: #0063aa; color: #fff; }

.myprogress .progress-boxes {
	padding: 10px;
	border: 3px solid #939292;
	background-color: white;
	margin: 0 15px 15px;
}
    .myprogress .progress-boxes h1 { background: transparent; }

.dashboard-content .savemoney { margin-bottom: 5px; }
    .dashboard-content .savemoney .save-title { font-weight: bold; font-size: 14px; display: block; margin: 0; padding: 0; margin-bottom: 4px; }
    .dashboard-content .savemoney .save-value { font-weight: bold; color: white; text-shadow: 0 2px 2px rgba(0,0,0,.5); font-size: 15px; }
    .dashboard-content .savemoney .col-sm-4 { padding: 0 8px; text-align: center; }
.myprogress > .container-fluid h1 { text-align: center; background-color: #fff8ca; display: block; font-size: 28px; }


.myprogress .container-fluid { background-color: #fff8ca; }

.congratsInfo .content-congrats h1 { color: red; }
.myprogress .quitdateset { text-align: center; }
.dashboard-content .progress-boxes .col-xs-3 { text-align: center; }
    .dashboard-content .progress-boxes .col-xs-3 img { max-width: 85px; margin: 15px auto; }
.dashboard-content { margin-top: 30px; }



.quitcalculatorInfo .panel-body .panel-heading { background-color: transparent; }

[class*='col'] .k-datepicker { width: 100%; }


.form-group fieldset legend, fieldset.form-group legend {font-size: 15px; font-weight:bold}

.checkbox-button {
    display: inline-block;
    margin: 0;
    padding: 6px 12px;
    box-shadow: none;
    margin: -8px 0;
    transition: .3s;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.428571429;
    user-select: none;
    border: 3px solid black;
}

.checkbox-button.disabled {
    opacity: .5;
    cursor: not-allowed;
}

.checkbox-button.checkbox-button-primary {
    background-color: #006db3;
    color: #fff;
    border: 3px solid #006db3;
}

.checkbox-button > input[type="checkbox"] {
    height: 0;
    width: 0;
    top: 0;
    margin: 0;

    opacity: 0;
}

.checkbox-button:hover {
    background-color: #444;
    border-color: #444;
}

.checkbox-button > span {
    font-family: ff-dax-web-pro;
    text-transform: uppercase;
    font-weight: normal;
}

.checkbox-button > span::after {
    font-family: FontAwesome;
    padding-left: 10px;
}

.checkbox-button > input[type='checkbox'] + span::after {
    content: '\f0c8';
}

.checkbox-button > input[type='checkbox']:checked + span::after {
    content: '\f14a';
}


/*

*/
.btn-checkable { position: relative; }
.btn-checkable .checked:after { content: '\f00c'; color: #fff; font-family: "FontAwesome"; text-align: center; background-color: #7ab923; font-size: 20px; line-height: 32px; padding-top: 6px; width: 46px; height: 46px; position: absolute; top: -3px; right: -3px; border: 2px solid #fff; }


/*Dashboard - Get Support - suji*/

.get-support > h3 { text-align: center; padding: 30px 15px 0; background-color: #ececec; margin: 0; }
.get-support .container-fluid { padding: 0 20px 20px; background-color: #ececec; }
.get-support .btn.btn-primary { position: relative; background-color: #006db3; color: #fff; font-size: 16px; border: 3px solid #006db3; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; border-radius: 0; box-shadow: 5px 5px 0 0 rgba(0,0,0,.1); padding: 6px 15px; margin: 15px 0; display: block; line-height: 26px; }
.get-support .btn .checked:after { content: '\f00c'; color: #fff; font-family: "FontAwesome"; text-align: center; background-color: #7ab923; font-size: 20px; line-height: 32px; padding-top: 6px; width: 46px; height: 46px; position: absolute; top: -3px; right: -3px; border: 2px solid #fff; }
.get-support .btn.btn-primary:hover, .get-support .btn.btn-primary:active { background-color: #444; }
.dashboard-content h3 { margin-top: 10px; }
.dashboard-widget.get-support h3 { margin-top: 0; }
.dashboard-content .promotion-box .promotion { margin: 0; padding: 20px; background: #ececec; }
    .dashboard-content .promotion-box .promotion .promotion-image { margin: -20px -20px 0; }

/* Dynamic generated pages with dumb markup */
.full-background.content .article-area { border: 3px solid #006db3; padding: 20px; color: #222; background-color: #fff; }
    .full-background.content .article-area .k-content-tab .content-area h1 { font-family: "ff-dax-web-pro" !important; margin-top: 0 !important; }
        .full-background.content .article-area .k-content-tab .content-area h1 span { font-family: "ff-dax-web-pro" !important; }

.sho .k-slider-wrap { padding-top: 5px; }
.sho .k-slider-track:before,
.sho .k-slider-track:after { content: ' '; border-left: 3px solid black; width: 3px; height: 20px; position: absolute; top: -12px; z-index: 0; }
.sho .k-slider-track:before { left: 0; }
.sho .k-slider-track:after { right: 0; }
.sho .k-slider-horizontal .k-last .k-label { text-indent: -5px; }
.sho .k-grid .k-slider .k-button, .sho .k-slider .k-button { display: none; }
.sho .k-slider-horizontal .k-slider-track { border-top: 3px solid #555; top: 20px; background-color: transparent; left: 34px; }
.sho .k-slider-horizontal .k-slider-selection, .sho .k-slider-horizontal .k-slider-track { background-color: transparent; }
.sho .k-draghandle { background-color: #95cd28; color:black;height: 36px; width: 36px; border-radius: 100%; border: #666; border: 1px solid #444; top: -20px; z-index: 1; }
    .sho .k-draghandle:hover, .sho .k-draghandle:focus { border: 1px solid #999; background-color: #fff; }

/* Quit Calculator */
#quitCalculator .panel-sho > .panel-body { background-color: #e6f2d5; }
#quitCalculator .text-left { text-align: left !important; }
#quitCalculator .slider-wrapper { margin: 10px -20px; }
#quitCalculator .circledivs { text-align: left; margin: 10px 0; }
#quitCalculator .question { padding: 12px 8px; height: 80px; }


#quitCalculator .panel-footer p.description-text { background-color: #E7640C; color: #fff; text-align: center; border-bottom: solid 1px #b15308; font-size: 1.1em; }
#quitCalculator .savings { }
    #quitCalculator .savings section { text-align: center; }
        #quitCalculator .savings section .money { background-color: #c6d091; width: 80%; display: inline-flex; position: relative; color: #52A160; text-shadow: -1px -1px 0 rgba(73, 144, 86, 0.2), 1px -1px 0 rgba(73, 144, 86, 0.2), -1px 1px 0 rgba(73, 144, 86, 0.2), 1px 1px 0 rgba(73, 144, 86, 0.2); z-index: 1; border: solid 1px #52A160; box-shadow: 2px 2px 2px; }
        #quitCalculator .savings section h4 { text-transform: uppercase; color: #52A160; font-weight: bold; }
            #quitCalculator .savings section h4:before { content: ' '; background-color: #42783E; width: 20%; height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid; border-radius: 50%; z-index: -1; }
        #quitCalculator .savings section .money > span { font-size: 1.6em; }
            #quitCalculator .savings section .money > span:before, #quitCalculator .savings section .money > span:after { content: attr(data-savings); position: absolute; padding: 0.1em 0.3em; font-size: 0.8em; }
            #quitCalculator .savings section .money > span:before { bottom: 0; left: 0; }
            #quitCalculator .savings section .money > span:after { top: 0; right: 0; }
#quitCalculator .maintain-aspect.money:after { padding-top: 44%; }

.slider-neighbour { margin: 10px 0; }
    .slider-neighbour > label { line-height: 20px; }

.sho .content .form-control[disabled] { background-color: #a9a9a9; color: rgba(0, 0, 0, 0.3); }

/* Activity Articles */
#deal-with-people .nag-lines > li { font-size: 1.2em; line-height: 1.8em; padding: 4px 15px; }
#deal-with-people .tips > li { margin: 16px 15px 28px; }
#deal-with-people .tips h4 { margin: 14px 0 4px; }

#get-off-fence .reasons > li { margin: 16px 15px 28px; }
    #get-off-fence .reasons > li > blockquote { margin-bottom: 8px; }
    #get-off-fence .reasons > li > p { margin: -18px 20px 10px 50px; }

#get-off-fence .callout, #know-the-risks .callout { margin: 24px 10% 0; }


/* Activity Images - Global with positioning */
.VOL1-ACT001, .image.VOL1-ACT001 { background-image: url('images/activities/activity-womanballoons.jpg'); }
.VOL1-ACT002, .image.VOL1-ACT002 { background-image: url('images/activities/activity-2menwithchild.jpg'); }
.VOL1-ACT003, .image.VOL1-ACT003 { background-image: url('images/activities/activity-calculatorhand.jpg'); }
.VOL1-ACT004, .image.VOL1-ACT004 { background-image: url('images/activities/activity-handsoverlapping.jpg'); background-position: center center; }
.VOL1-ACT005, .image.VOL1-ACT005 { background-image: url('images/activities/activity-writingnotebook.jpg'); background-position: center bottom; }
.VOL1-ACT006, .image.VOL1-ACT006 { background-image: url('images/activities/activity-cigaretteonground.jpg'); background-position: right center; }


.VOL2-ACT001, .image.VOL2-ACT001 { background-image: url('images/activities/activity-patch.jpg'); background-position: center center; }
.VOL2-ACT002, .image.VOL2-ACT002 { background-image: url('images/activities/activity-womandrinkingwater.jpg'); background-position: center bottom; }
.VOL2-ACT003, .image.VOL2-ACT003 { background-image: url('images/activities/activity-manrocket.jpg'); background-position: center center; }
.VOL2-ACT004, .image.VOL2-ACT004 { background-image: url('images/activities/activity-manfinishline.jpg'); background-position: center center; }

.VOL3-ACT001, .image.VOL3-ACT001 { background-image: url('images/activities/activity-fitnessgirl.jpg'); background-position: center center; }
.VOL3-ACT002, .image.VOL3-ACT002 { background-image: url('images/activities/activity-womanstretching.jpg'); }
.VOL3-ACT003, .image.VOL3-ACT003 { background-image: url('images/activities/activity-manonbike.jpg'); }
.VOL3-ACT004, .image.VOL3-ACT004 { background-image: url('images/activities/activity-oldercouple.jpg'); }

.VOL4-ACT001, .image.VOL4-ACT001 { background-image: url('images/activities/activity-icandoit.jpg'); }
.VOL4-ACT002, .image.VOL4-ACT002 { background-image: url('images/activities/activity-throwingpaperairplane.jpg'); }
.VOL4-ACT003, .image.VOL4-ACT003 { background-image: url('images/activities/activity-womankeyhole.jpg'); background-position: center bottom; }
.VOL4-ACT004, .image.VOL4-ACT004 { background-image: url('images/activities/activity-patch.jpg'); background-position: center center; }

.VOL5-ACT001, .image.VOL5-ACT001 { background-image: url('images/activities/activity-oldmandrinking.jpg'); }
.VOL5-ACT002, .image.VOL5-ACT002 { background-image: url('images/activities/activity-momanddaughterbubbles.jpg'); }
.VOL5-ACT003, .image.VOL5-ACT003 { background-image: url('images/activities/activity-manswimmingpool.jpg'); }

/* Larger than Tablet */
@media (min-width:992px) {
}
/* Medium */
@media (max-width:991px) {
         header > .navbar > .navbar-collapse .container {padding-left:0;padding-right:0}
    .navbar-header .navbar-brand, .navbar-header { display: none; }
    .sho-main-nav .navbar-brand.hidden-sm.hidden-xs { max-width: 200px; height: 50px; min-height: 50px; padding: 0; float: left; background-position: center; display: block !important; }
    .sho-main-nav .bottom-nav .navbar-nav > li > a { font-size: 12px; padding-left: 8px; padding-right: 8px; margin: 0 0 0 1px; }
    .sho-main-nav .top-nav ul.nav-simple > li > a { font-size: 12px; }
    .sho-main-nav .bottom-nav { max-height: 68px; }
    .home-page-hero h1 + div { max-width: 68%; }
    .navbar-default .navbar-collapse { padding-right: 0; }
    .home-page-hero p { max-width: 52%; }

    .home-page-hero { background-position: top 70% left 70%; }

    .smoker-profile-content .btn.btn-primary { max-width: 180px; margin-top: 15px; }
    .smoker-profile-content .form-group > div[class*='col-'],
    .smoker-profile-content .form-horizontal .control-label { display: block; float: left; height: unset; padding: 0 15px; }

}
/* Small */
@media (max-width:767px) {
    .navbar-header .navbar-brand, .navbar-header { display: block; }

    .home-page-hero { min-height: 670px; text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 7px #fff; }
        .home-page-hero h1 + div { max-width: 72%; }
    .full-background.home-page-hero .container { width: 70%; margin-left: 15px; }
    .navbar-default .navbar-collapse { padding-right: 0; }
    .social-login-buttons .btn.btn-primary { text-align: center; padding-left: 5px; padding-right: 5px; min-width: 100%; }
    .sho .sho-navigation .navbar.navbar-default .navbar-nav { float: none; }
    .savemoney .save-title { display: block; }
    .home-page-hero p { max-width: 62%; }
    #get-off-fence .reasons > li > p { margin: 0; }
    
    .stages .nav > li { padding: 10px 0 5px; }
    .stages .nav-tabs>li { margin: 0; }

    /*.savemoney [class*='col'] { width: 33%; margin: 4px 0; float: left; }*/
    .why-start-today .savemoney .block h5 { font-size: 13px; font-weight: bold; margin: 0; color: white; }
    .why-start-today .savemoney .block { font-size: 15px; width: 96%; line-height: 18px; border-radius: 8px; }

    .why-start-today #tabStrip-2 .content-area { padding: 15px; }
    .sho-main-nav .bottom-nav .navbar-brand.hidden-sm.hidden-xs { display: none !important; }
    .why-start-today #tabStrip-3 .content-area { padding: 15px; }

    .sho-main-nav .bottom-nav { height: auto; max-height: none; }
    .sho-main-nav .sho-navigation .navbar-nav > li > a, .sho-main-nav .top-nav ul.nav-simple > li > a { padding: 10px 15px; font-size: 15px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.1); }
    .sho-main-nav .sho-navigation { background-color: #006db3; }

    .sho-main-nav .top-nav ul.nav-simple > li > a, .sho-main-nav .bottom-nav .navbar-nav > li > a, .sho-main-nav .account-menu > .btn-group > .dropdown-menu > li > a, .sho-main-nav .account-menu > .unauthenticated > a { border-right-color: #fad910; }

    /* Banner repositioning */
    .banner-bar.skyline { background-image: url('images/banner-city-skyline.png'); background-position: bottom; }
    .banner-bar.manandkid { background-image: url('images/banner/banner-guyandkid.jpg'); background-position: 70% 64%; }
    .banner-bar.ridingbike { background-image: url('images/banner/banner-ridingbike.jpg'); background-position: 78% top; }
    .banner-bar.coupleonbikes { background-image: url('images/banner/banner-coupleonbikes.jpg'); background-position: 88% top; }
    .banner-bar.kayak { background-image: url('images/banner/banner-kayaking.jpg'); background-position: 40% top; }
    .banner-bar.manondock { background-image: url('images/banner/banner-guyondock.jpg'); background-position: 35% center; }
    .banner-bar.personsunsetbeach { background-image: url('images/banner/banner-personsunsetbeach.jpg'); background-position: center; }

    .subsite.header nav > ul > li { font-size: 12px; }
}

/* HACK: Resolve dashboard stacking issue  */
@media (max-width: 565px) {
    .myprogress .savemoney [class*='col'] { width: 100%; text-align: left; margin: 4px 0; }
    .dashboard-content .savemoney .save-title { display: inline; }
}


/* Extra Small */
@media (max-width:474px) {
    .navbar-default .navbar-collapse { padding-right: 0px; }
    .sho-main-nav .navbar-brand { max-width: 60%; float: left; }

    .home-page-hero { min-height: 550px; }
        .home-page-hero h1 + div { max-width: 100%; }
    .full-background.home-page-hero { min-height: 260px; background-position: 65% center; }
        .full-background.home-page-hero .container { width: 70%; margin-left: 5px; }
    .home-page-hero h2 { font-size: 18px; padding: 0; line-height: 24px; }
    .full-background.daffodils { height: 80px; min-height: 80px; }
    .half-height .padding-50 { padding: 15px; }
    .home-page-hero > div.col-xs-12 { background-size: 300%; background-position: center top; }

    .full-background.home-page-hero div h1, .full-background.home-page-hero div h2 { margin-top: 30px; font-size: 27px; }


    .banner-bar { min-height: 120px; }
    .home-page-hero p { max-width: 80%; font-size: 12px; }
    .btn.btn-default, .btn.btn-primary { padding: 2vw 0 3vw; width: 100%; font-size: 4vw; }
    .dashboard-content .quit-nextactivity .col-md-6:nth-child(2) { padding-left: 15px; }


    .why-start-today h3, .why-start-today h3.panel-title { font-size: 24px; }
    .k-tabstrip-wrapper .k-tabstrip-items .k-item { width: 30%; margin-top: 25px; }

        .k-tabstrip-wrapper .k-tabstrip-items .k-item a.k-link { font-size: 18px; padding-top: 25px; padding-bottom: 10px; }
        .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-state-active a.k-link { padding-bottom: 51px; }
        .k-tabstrip-wrapper .k-tabstrip-items .k-item a.k-link::before { width: 50px; height: 50px; margin-left: -25px !important; top: -25px !important; }
    .k-tabstrip-wrapper .k-content { padding: 0px; }
    .dashboard-widget { padding: 0; }

    .account-tabs .nav-tabs { display: block; }
        .account-tabs .nav-tabs li { float: left; margin: 0; padding: 0; margin-bottom: 12px; width: 100%; }
            .account-tabs .nav-tabs li a { margin: 0; padding: 16px 0; }
                .account-tabs .nav-tabs li a:after,
                .account-tabs .nav-tabs li a:hover::after,
                .account-tabs .nav-tabs li.active a:hover::after { content: ''; padding: 0; margin: 0; }
                .account-tabs .nav-tabs li.active > a,
                .account-tabs .nav-tabs li.active a:hover,
                .account-tabs .nav-tabs li a:hover { padding-bottom: 16px; }

    .sho .content .form-control { margin-bottom: 0; }
    .page-content.register-form { margin-top: 80px; }
        .page-content.register-form:before { max-width: 80%; margin-left: -40%; top: -50px; }
    .how-we-help, .why-start-today { padding: 15px 0; }
    .dashboard-widget .progress-boxes { margin: 0 0 15px; }
    .nextactivity h1 { font-size: 28px; text-align: center; }
        .nextactivity h1 + p { margin-top: 15px !important; }
    .savemoney .save-title { display: inline; }

    .sho .smokers-call-out { padding: 0 0 15px 0; }
        .sho .smokers-call-out .btn.btn-primary, .footer-get-support .btn.btn-primary { margin-bottom: 0; }
    .banner-bar.with-nav > :first-child { min-height: 200px; height: auto; }
    .subsite.header nav > ul { text-align: center; padding-bottom: 4px; width: 100%; } 
        .subsite.header nav > ul > li { border: 0; display: inline-block; float: none; }
            .subsite.header nav > ul > li:first-child { border: 0; }
            .subsite.header nav > ul > li a { line-height: 16px; font-size: 14px; margin: 4px 1px 0; padding: 8px; background-color: rgba(255,255,255,.2); }

    /*Heading Reduced*/
    .full-background h1 { font-size: 28px; }
    .full-background h2 { font-size: 22px; margin-top: 30px; }
    .full-background h3 { font-size: 18px; }
    .full-background h4 { font-size: 15px; }

    .page-content-group, .page-content { margin: 15px 0; }
    footer .footer li a { padding: 0 4px; font-size: 10px; }
    footer .footer .site-links { order: 1; text-align: center; }
    footer .footer .copyright { font-size: 10px; order: 2; text-align: center; }
    .terms-of-use, .terms-of-use p { font-size: 12px; }
        .terms-of-use nav { font-size: 14px; }
        .terms-of-use ol.terms > li:before { font-size: 20px; padding-top: 15px; }
    ol.legal-numbering > li:before, ol.legal-numbering ol:not([type]) > li:before { vertical-align: top; }
    ol.legal-numbering ol:not([type]) { padding-left: 15px; }
    ol.legal-numbering > li > ol:not([type]) > li:before { padding-top: 0; }

    #socialLoginList .col-xs-6 { padding: 0; }
    .social-login-buttons .btn.btn-primary { font-size: 13px; }
    #socialLoginList .col-xs-6:nth-child(2n) { padding-left: 5px; }
    #socialLoginList .col-xs-6:nth-child(2n - 1) { padding-right: 5px; }

    .activity-program .btn.btn-primary { position: relative; margin-bottom: 0; }

    .smoker-profile-content .btn.btn-primary { max-width: 100%; }

    .col-xxs-12 { width: 100%; }
    .modal-footer .btn + .btn { margin-left: 0; margin-top: 5px; } 

    .sfforumPostReplyForm .sfforumThreadPostUser { display: none; }
    .sfforumPostReplyForm .sfforumReplyThreadContent { margin: 0 !important; }
}



/* Iphone 5 */
@media (max-width:320px) {
    .home-page-hero { min-height: 480px; }
        .home-page-hero h1 + div { max-width: 100%; }
        .home-page-hero h2 { font-size: 17px; padding: 0; line-height: 22px; }
    #socialLoginList .col-xs-6 { padding: 0; }
    .social-login-buttons .btn.btn-primary { font-size: 11px; }
    .savemoney [class*='col'] { width: 96%; float: none; padding: 0; margin: 0 auto; }

    .k-tabstrip-wrapper .k-tabstrip-items .k-item a.k-link { font-size: 16px; }
}

/* XS */
@media (min-width: 0) {
    .col-xs-slider-neighbour { margin: 10px 0; }
        .col-xs-slider-neighbour > label { line-height: 20px; }
}

/* SM */
@media (min-width: 768px) {
    .col-sm-slider-neighbour { margin: 10px 0; }
        .col-sm-slider-neighbour > label { line-height: 20px; }
}

/* MD */
@media (min-width: 992px) {
    .col-md-slider-neighbour { margin: 10px 0; }
        .col-md-slider-neighbour > label { line-height: 20px; }
}

/* LG */
@media (min-width: 1200px) {
    .col-lg-slider-neighbour { margin: 10px 0; }
        .col-lg-slider-neighbour > label { line-height: 20px; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2) {
    .k-callout, .k-column-menu .k-sprite, .k-drop-hint, .k-grouping-dropclue, .k-icon:not(.k-loading), .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked, .k-state-active .k-tool-icon, .k-state-active.k-state-hover .k-tool-icon, .k-state-hover .k-tool-icon, .k-state-selected .k-tool-icon, .k-state-selected.k-state-hover .k-tool-icon, .k-tool-icon {  background-image:url(/ResourcePackages/SmokersHelpline/assets/dist/css/Bootstrap/sprite.png);  -webkit-background-size: 340px 336px; background-size: 340px 336px; }
}

body { min-width: 0px !important; }