/**
 * #####  IWP Custom Styles #####
 *
 * MEDIA QUERIES
Mobile (vert&horz):
 *  @media(max-width:767px){}
Tablets (vert):
 *  @media(min-width:768px){}
Tablets (horz) and NetBooks:
 *  @media(min-width:992px){}
Desktop:
 *  @media(min-width:1200px){}
*/

/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');*/
/*------------------------------------*\
    #Typography Elements
\*------------------------------------*/
/* ProximaNova - Regular */
@font-face {
    font-family: 'ProximaNova';
    src: url('Fonts/ProximaNova/proximanova-regular.eot');
    src: url('Fonts/ProximaNova/proximanova-regular.eot?#iefix') format('embedded-opentype'), url('Fonts/ProximaNova/proximanova-regular.woff') format('woff'), url('Fonts/ProximaNova/proximanova-regular.ttf') format('truetype');
}
/* ProximaNova - Bold (transistion) 
@font-face {
  font-family: 'FootLong';
  src: url('Fonts/ProximaNova/FootLong.eot');
  src: url('Fonts/ProximaNova/FootLong.eot?#iefix') format('embedded-opentype'), url('Fonts/ProximaNova/FootLong.woff') format('woff'), url('Fonts/ProximaNova/FootLong.ttf') format('truetype');
}*/
@font-face {
    font-family: "ProximaNova-Bold";
    src: url('Fonts/ProximaNovaBold/proxmia_nova_bold.eot');
    src: local("FootLong"), url('Fonts/ProximaNovaBold/proxmia_nova_bold.eot?#iefix') format('embedded-opentype'), /* IE9 */
    url('Fonts/ProximaNovaBold/proxmia_nova_bold.woff') format("woff"), url('Fonts/ProximaNovaBold/proxmia_nova_bold.ttf') format("truetype"), url('Fonts/ProximaNovaBold/proxmia_nova_bold.otf') format("opentype"), url('Fonts/ProximaNovaBold/proxmia_nova_bold.svg#proxmia_nova_bold') format("svg");
}
/* ProximaNova - Black */
@font-face {
    font-family: 'ProximaNova-Black';
    src: url('Fonts/ProximaNova/proximanova-black.eot');
    src: url('Fonts/ProximaNova/proximanova-black.eot?#iefix') format('embedded-opentype'), url('Fonts/ProximaNova/proximanova-black.woff') format('woff'), url('Fonts/ProximaNova/proximanova-black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* ProximaNova - Light */
@font-face {
    font-family: 'ProximaNova-Light';
    src: url('Fonts/ProximaNova/proximanova-light.eot');
    src: url('Fonts/ProximaNova/proximanova-light.eot?#iefix') format('embedded-opentype'), url('Fonts/ProximaNova/proximanova-light.woff') format('woff'), url('Fonts/ProximaNova/proximanova-light.ttf') format('truetype');
}

/* SixInch */
@font-face {
    font-family: 'DroidSerif';
    src: url('Fonts/DroidSerif/DroidSerif-Regular.eot');
    src: url('Fonts/DroidSerif/DroidSerif-Regular.eot?#iefix') format('embedded-opentype'), url('Fonts/DroidSerif/DroidSerif-Regular.woff') format('woff'), url('Fonts/DroidSerif/DroidSerif-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'DroidSerif';
    src: url('Fonts/DroidSerif/DroidSerif-Bold.eot');
    src: url('Fonts/DroidSerif/DroidSerif-Bold.eot?#iefix') format('embedded-opentype'), url('Fonts/DroidSerif/DroidSerif-Bold.woff') format('woff'), url('Fonts/DroidSerif/DroidSerif-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSerif';
    src: url('Fonts/DroidSerif/DroidSerif-Italic.eot');
    src: url('Fonts/DroidSerif/DroidSerif-Italic.eot?#iefix') format('embedded-opentype'), url('Fonts/DroidSerif/DroidSerif-Italic.woff') format('woff'), url('Fonts/DroidSerif/DroidSerif-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'DroidSerif';
    src: url('Fonts/DroidSerif/DroidSerif-BoldItalic.eot');
    src: url('Fonts/DroidSerif/DroidSerif-BoldItalic.eot?#iefix') format('embedded-opentype'), url('Fonts/DroidSerif/DroidSerif-BoldItalic.woff') format('woff'), url('Fonts/DroidSerif/DroidSerif-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* PT Sans */
@font-face {
    font-family: 'PT Sans';
    src: url('Fonts/PTSans/PT_Sans-Web-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    src: url('Fonts/PTSans/PT_Sans-Web-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'PT Sans';
    src: url('Fonts/PTSans/PT_Sans-Web-Italic.ttf') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: 'PT Sans';
    src: url('Fonts/PTSans/PT_Sans-Web-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
/*@font-face {
  font-family: 'SixInch';
  src: url("Fonts/SixInch/Subway-SixInch.eot");
  src: url("Fonts/SixInch/Subway-SixInch.eot?#iefix") format("embedded-opentype"), url("../Fonts/SixInch/Subway-SixInch.woff") format("woff"), url("../Fonts/SixInch/Subway-SixInch.ttf") format("truetype"), url("../Fonts/SixInch/Subway-SixInch.svg?#SubwaySixInch") format("svg");  
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoLight';
  src: url("//media.subway.com/Fonts/Roboto/RobotoLight/roboto-light.eot");
  src: url("//media.subway.com/Fonts/Roboto/RobotoLight/roboto-light.eot?#iefix") format("embedded-opentype"),
       url("//media.subway.com/Fonts/Roboto/RobotoLight/roboto-light.woff") format("woff"),
       url("//media.subway.com/Fonts/Roboto/RobotoLight/roboto-light.ttf") format("truetype"), 
       url("//media.subway.com/Fonts/Roboto/RobotoLight/roboto-light.svg?#RobotoLight") format("svg");
  font-weight: normal;
  font-style: normal;
}*/


/*@font-face {
  font-family: 'RobotoBold';
  src: url("//media.subway.com/Fonts/Roboto/RobotoBold/roboto-bold.eot");
  src: url("//media.subway.com/Fonts/Roboto/RobotoBold/roboto-bold.eot?#iefix") format("embedded-opentype"),
       url("//media.subway.com/Fonts/Roboto/RobotoBold/roboto-bold.woff") format("woff"), 
       url("//media.subway.com/Fonts/Roboto/RobotoBold/roboto-bold.ttf") format("truetype"),
       url("//media.subway.com/Fonts/Roboto/RobotoBold/roboto-bold.svg?#RobotoBold") format("svg");
       font-weight: normal;
       font-style: normal;
}

@font-face {
  font-family: 'RobotoRegular';
  src: url("//media.subway.com/Fonts/Roboto/RobotoRegular/roboto-regular.eot");
  src: url("//media.subway.com/Fonts/Roboto/RobotoRegular/roboto-regular.eot?#iefix") format("embedded-opentype"),
       url("//media.subway.com/Fonts/Roboto/RobotoRegular/roboto-regular.woff") format("woff"), 
      url("//media.subway.com/Fonts/Roboto/RobotoRegular/roboto-regular.ttf") format("truetype"), 
      url("//media.subway.com/Fonts/Roboto/RobotoRegular/roboto-regular.svg?#RobotoRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}*/
/*------------------------------------*\
    #IE 10 / Windows Mobile Fix
\*------------------------------------*/
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@-moz-document url-prefix() {
    /* 
    Bootstrap Fix for Firefox <fieldset/> 
    See: http://getbootstrap.com/css/#tables-responsive
  */
    fieldset {
        display: table-cell;
    }
}

/*------------------------------------*\
    #Bootstrap Additions
\*------------------------------------*/
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
}

/*------------------------------------*\
    #Container Wrap
\*------------------------------------*/
@media(max-width:767px) {
    header.container,
    #content-wrap {
        border-left: none;
        border-right: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }

    .franchise-ops {
        padding-top: 8px;
        padding-bottom: 8px;
        margin-top: 15px;
    }

    .titleplaceholdertext {
        visibility: hidden;
        padding-right: 0;
        padding-top: 12px;
    }

    .rjmargintop {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .titleplaceholdertext {
        padding-right: 0;
        padding-left: 0;
        padding-top: 12px;
        text-align: right;
    }

    .promotionsmcentercol {
        background-color: white;
        border-bottom: 0;
        margin-bottom: 0;
    }
}

header,
.wrap-container,
.container,
#footer-block {
    max-width: 1000px;
}

.footer-div {
    display: table;
    margin: 0 auto;
    width: 90%;
}

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

    .footer-div {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-div {
        width: 100%;
    }
}

.mobile-app-banner img {
    float: left;
    padding: 0;
    width: 50%;
}

@media screen and (max-width: 767px) {
    .mobile-app-banner img {
        width: 100%;
        margin: 0 auto;
        padding: 5px 15px;
    }
}

/*------------------------------------*\
    #Global Elements
\*------------------------------------*/


/* --------------------------*/
/*--- DEV STYLES ------------*/
/* USE THESE TO CONFIGURE H2 tags to H1 and H3 tags to H2 */
/*
h2, .h2, h2 a:link, h2 a:active, h2 a:visited{
    color:red !important;
}

h3, .h3, h3 a:link, h3 a:active, h3 a:visited{
    color:orange !important;
}

/* --- DEV STYLES END -------*/
/* --------------------------*/

/*h1-h2 marked same height for initial release*/
h2, .h2 {
    font-size: 32px;
}

h1, .h1 {
    font-size: 32px;
}

h1, h2, h3,
.h1, .h2, .h3 {
    margin-top: 0;
}

h5,
.h5 {
    margin-top: 7px;
    margin-bottom: 0;
}

hr {
    border-top: 1px dotted #a4a4a4;
    margin-left: 5px;
    margin-right: 5px;
}

#content-wrap {
    padding-bottom: 35px;
    background-color: #ffffff;
    min-height: 300px;
    position: relative;
}

header,
footer {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    /*font-weight: bold;*/
}

.franchise-ops,
.franchise-ops p {
    background-color: #008952;
    color: #ffffff !important;
    font-size: 18px;
    line-height: 1.4em;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

    .franchise-ops li a {
        color: #ffffff !important;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 700;
    }

.fr-ops {
    margin: 0 auto;
}




/*------------------------------------*\
    #Grid Elements
\*------------------------------------*/

.content-row {
    padding-bottom: 0;
}

.content-row.content-row-background {
    /* background-color: #e1ece3; */
    background-color: #fafbfa;
    margin-left: 0;
    margin-right: 0;
}

    .content-row.content-row-background-green {
        background-color: #e1ece3;
        margin-left: 0;
        margin-right: 0;
    }

        .content-row.content-row-background-green .component {
            color: #006230;
        }

        .content-row.content-row-background-green h3,
        .content-row.content-row-background-green h3 a:link,
        .content-row.content-row-background-green h3 a:active,
        .content-row.content-row-background-green h3 a:visited {
            color: #006230;
        }


/*------------------------------------*\
    #Layout Elements
\*------------------------------------*/

#page-wrap.container-fluid {
    padding: 0;
    background-color: #ffffff;
}

@media (min-width: 768px) and (max-width: 991px) {
    .home-main-content {
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    .home-main-content {
        margin-top: 10px;
    }

    .franchise-ops {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 15px;
    }
}

.template {
    display: none;
}

.page-title {
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 10px;
}

    .page-title h1, h2 {
        color: #006230;
        padding-top: 0;
        margin-top: 15px;
        margin-bottom: 0;
    }

.promotionbk {
    background-color: #ebebe1;
}

.promotioncentercol {
    padding-right: 15px;
}

.promotionsmleftcolbottomline {
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 10px;
}

.promotionsmcentercol {
    background-color: white;
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 40px;
}

.component img {
    max-width: 100% !important;
    height: auto !important;
}

.co-title * a {
    text-decoration: none !important;
}

.co-title h1, h2 {
    line-height: 25px;
}

a.scroll-to-top {
    padding: 15px 0;
    text-decoration: none;
    color: #a4a4a4;
}

    a.scroll-to-top:hover,
    a.scroll-to-top:active,
    a.scroll-to-top:focus {
        text-decoration: none !important;
        color: #00543d;
    }

/*------------------------------------*\
    page-title placeholder
\*------------------------------------*/
.page-title-placeholder {
    height: 55px;
}

    .page-title-placeholder .page-title h1 {
    }

.RowTitleLeftColumn {
    padding: 0;
    margin: 0;
    float: left;
    vertical-align: top;
}

.RowTitleRightColumn {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #00543d;
    text-align: right;
    padding-right: 0;
    margin-top: 15px;
    float: right;
}

.brochurebymailarea {
    height: 400px;
    width: 80%;
    margin-left: 25%;
    margin-top: 20%;
}

.brochurebymailmsgarea {
    text-align: center;
    padding-top: 25px;
}

.brochurebymailbtnarea {
    text-align: center;
    padding-top: 15px;
}

.brochurebymailresponse {
    border-radius: 25px;
    border: 1px solid #00453d;
    height: 150px;
    margin: auto;
    width: 60%;
    padding: 10px;
}

.brochurebymailbtn {
    border: 1px solid black;
    padding: 5px 10px 5px 10px;
    margin: 0;
    width: 100px;
    height: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Page Borders */
header,
.wrap-container {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    -moz-box-shadow: 0 -3px 6px #353535;
    -webkit-box-shadow: 0 -3px 6px #353535;
    -ms-box-shadow: 0 -3px 6px #353535;
    box-shadow: 0 -3px 6px #353535;
}

.noshadow {
    border-left: none !important;
    border-right: none !important;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}
/*------------------------------------*\
    #Header & Navigation Elements
    * use navigation.css for supernav
\*------------------------------------*/
header {
    margin: 0 auto;
    position: relative;
    z-index: 9;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
}

/*------------------------------------*\
    #Footer Elements
\*------------------------------------*/
footer {
    position: relative; /* static; */
    width: 100%;
    bottom: 0;
    margin-top: -11px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.footer-title {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 300;
    margin-bottom: 4px;
    color: #a4a4a4;
    font-weight: normal;
    font-size: 15px;
}

.footer-link {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 11px;
    text-decoration: underline;
    color: #575757;
}

#footer-block {
    padding-top: 36px;
    padding-bottom: 16px;
    margin: 0 auto;
}

.legal-print {
    color: #333;
    font-family: Arial, serif;
    text-align: center;
    font-size: 12px;
    padding-bottom: 15px;
}

.goto-top {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #B1B1B1;
    font-weight: bold;
    line-height: 26px;
    text-align: left;
    position: absolute;
    bottom: 0;
    right: 5px;
    cursor: pointer;
    background-color: #dedede;
    padding: 5px;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-min-width: 60px;
    -ms-min-width: 60px;
    -o-min-width: 60px;
    -webkit-min-width: 60px;
    min-width: 60px;
}

.goto-topRTL {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #B1B1B1;
    font-weight: bold;
    line-height: 26px;
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 5px;
    cursor: pointer;
    background-color: #dedede;
    padding: 5px;
    -ms-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    -moz-min-width: 60px;
    -ms-min-width: 60px;
    -o-min-width: 60px;
    -webkit-min-width: 60px;
    min-width: 60px;
}

.goto-top span {
    margin-right: 16px;
}

.goto-top i {
    position: absolute;
    right: 5px;
    top: 10px;
}

.goto-top:hover {
    color: #ffffff;
    background-color: #00543D;
}


.view-gradient {
    background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZGRkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #ceddd7 0, #fcfcfc 35%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ceddd7), color-stop(35%,#fcfcfc));
    background: -webkit-linear-gradient(top, #ceddd7 0,#fcfcfc 35%);
    background: -o-linear-gradient(top, #ceddd7 0,#fcfcfc 35%);
    background: -ms-linear-gradient(top, #ceddd7 0,#fcfcfc 35%);
    background: linear-gradient(to bottom, #ceddd7 0,#fcfcfc 35%);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceddd7', endColorstr='#fcfcfc',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceddd7', endColorstr='#fcfcfc',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceddd7', endColorstr='#fcfcfc',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceddd7', endColorstr='#fcfcfc',GradientType=0 );
}

/*------------------------------------*\
    #Typography
\*------------------------------------*/
.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

p {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

    p a:hover {
        color: #00543D;
    }

.altrow {
    background-color: #ebebe1;
    margin: 0 1px 0 1px;
}

.normalrow {
    margin: 0 1px 0 1px;
}

/* note switched h3 to h2; h2 to h1 on 3-8-16   delete this comment in future*/
h1 a:hover,
h2 a:hover {
    color: #00543d !important;
    text-decoration: none;
}

h3 a:link,
h3 a:active,
h3 a:visited {
    color: #028940;
}

h3 a.title-green:link,
h3 a:title-green:active,
h3 a:title-green:visited {
    color: #028940;
}

h1 a.title-green:link,
h1 a.title-green:visited {
    color: #00543D;
}

h1 a.title-green:hover,
h1 a.title-green:active {
    color: #527a4b;
}

.copy-big {
    font-size: 17px;
    line-height: 25px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #353535;
}

    .copy-big a:link {
        font-size: 17px;
        line-height: 25px;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 300;
    }

.copy-medium {
    font-size: 14px;
    line-height: 19px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #353535;
}

.copy-medium-italic {
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    line-height: 19px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #353535;
}

.copy-medium a,
.copy-medium a:link {
    /* color: #4f7375; */
    color: #527a4b;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    /* font-weight: 300; */
    font-weight: 500;
    /*display: inline;*/
}

    .copy-medium a:visited {
        /* color: #4f7375; */
        color: #527a4b;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        /* font-weight: 300; */
        font-weight: 500;
    }

    .copy-medium a:hover {
        color: #00543D;
    }

.copy-small {
    font-size: 12px;
    line-height: 15px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    color: #353535;
}

.copy-smalloffers {
    font-size: 14px;
    line-height: 15px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #a4a4a4;
}

.form-label {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #747474;
}

.error-label {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: red;
    margin-top: 5px;
    clear: both;
    position: fixed;
    display: none;
}

/*Contact Franchise Sales*/
.contactrowheader {
    vertical-align: top;
    padding: 10px 0 10px 0;
}

.USA-firstcol {
    vertical-align: top;
    padding: 10px;
    width: 38%;
}

.USA-secondcol {
    vertical-align: top;
    padding: 10px;
    width: 62%;
}

.Intl-firstcol {
    vertical-align: top;
    padding: 10px;
    width: 25%;
}

.Intl-secondcol {
    vertical-align: top;
    padding: 10px;
    width: 41%;
}

.Intl-thirdcol {
    vertical-align: top;
    padding: 10px;
    width: 33%;
}
/*End Contact Franchise Sales*/

/*------------------------------------*\
    #Link Lists
\*------------------------------------*/

a.videoLinkList:link,
a.videoLinkList:visited {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #4f7375;
    font-style: normal;
    text-decoration: none;
    background: transparent url('/Styles/Images/video-icon.gif') top right no-repeat;
    padding-right: 18px;
    margin: 0;
}

a.videoLinkList:hover {
    color: #00543d;
}

/*------------------------------------*\
    #Buttons
\*------------------------------------*/
a.btn-green,
a.btn-green:visited,
a.btn-green:hover,
a.btn-green:active,
a.btn-gray,
a.btn-gray:visited,
a.btn-gray:hover,
a.btn-gray:active,
a.btn-yellow,
a.btn-yellow:visited,
/*a.btn-yellow:hover,*/
a.btn-yellow:active {
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    padding: 10px 15px 10px 15px;
    text-align: center;
    vertical-align: middle;
    line-height: 13px;
    margin: 10px 5px 10px 0;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 500;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    border-radius: 28px;
    behavior: url(/Styles/CSS3PIE/PIE.htc); /* IE 6+ CSS3 Fix */
}

    a.btn-green,
    a.btn-green:visited {
        position: relative;
        cursor: pointer;
        display: inline-block;
        text-decoration: none;
        padding: 10px 15px 10px 15px;
        text-align: center;
        vertical-align: middle;
        /*margin: 2px 5px 1px 0;*/
        margin: 10px 5px;
        font-size: 13px;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 400;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        -ms-border-radius: 28px;
        border-radius: 28px;
        color: #ffffff !important;
        -webkit-box-shadow: 1px 1px 0 #012d21;
        -ms-box-shadow: 1px 1px 0 #012d21;
        box-shadow: 1px 1px 0 #012d21;
        background: #489180;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#489180), to(#0d5f49));
        background: -webkit-linear-gradient(#489180, #0d5f49);
        background: -moz-linear-gradient(#489180, #0d5f49);
        background: -ms-linear-gradient(#489180, #0d5f49);
        background: -o-linear-gradient(#489180, #0d5f49);
        background: linear-gradient(#489180, #0d5f49);
        -pie-background: linear-gradient(#489180, #0d5f49);
        behavior: url(/Styles/CSS3PIE/PIE.htc);
    }

        a.btn-green:hover {
            position: relative;
            cursor: pointer;
            display: inline-block;
            text-decoration: none;
            padding: 10px 15px 10px 15px;
            text-align: center;
            vertical-align: middle;
            /*margin: 2px 5px 1px 0;*/
            margin: 10px 5px;
            font-size: 13px;
            font-family: Roboto, Arial, Helvetica, sans-serif;
            font-weight: 500;
            -webkit-border-radius: 28px;
            -moz-border-radius: 28px;
            -ms-border-radius: 28px;
            border-radius: 28px;
            color: #00523a !important;
            background: #faf17a;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#faf17a), to(#D6C918));
            background: -webkit-linear-gradient(#faf17a, #D6C918);
            background: -moz-linear-gradient(#faf17a, #D6C918);
            background: -ms-linear-gradient(#faf17a, #D6C918);
            background: -o-linear-gradient(#faf17a, #D6C918);
            background: linear-gradient(#faf17a, #D6C918);
            -pie-background: linear-gradient(#faf17a, #D6C918);
            behavior: url(/Styles/CSS3PIE/PIE.htc);
        }

    a.btn-gray,
    a.btn-gray:visited {
        position: relative;
        cursor: pointer;
        display: inline-block;
        text-decoration: none;
        padding: 10px 15px 10px 15px;
        text-align: center;
        vertical-align: middle;
        margin: 10px 5px 10px 0;
        font-size: 13px;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 400;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        -ms-border-radius: 28px;
        border-radius: 28px;
        color: #444344 !important;
        -webkit-box-shadow: 1px 1px 0 #444344;
        -ms-box-shadow: 1px 1px 0 #444344;
        box-shadow: 1px 1px 0 #444344;
        background: #E0E2E0;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E0E2E0), to(#909290));
        background: -webkit-linear-gradient(#E0E2E0, #909290);
        background: -moz-linear-gradient(#E0E2E0, #909290);
        background: -ms-linear-gradient(#E0E2E0, #909290);
        background: -o-linear-gradient(#E0E2E0, #909290);
        background: linear-gradient(#E0E2E0, #909290);
        -pie-background: linear-gradient(#E0E2E0, #909290);
        behavior: url(/Styles/CSS3PIE/PIE.htc);
    }

        a.btn-gray:hover {
            position: relative;
            cursor: pointer;
            display: inline-block;
            text-decoration: none;
            padding: 10px 15px 10px 15px;
            text-align: center;
            vertical-align: middle;
            /*margin: 10px 5px;*/
            margin: 10px 5px 10px 0;
            font-size: 13px;
            font-family: Roboto, Arial, Helvetica, sans-serif;
            font-weight: 600;
            -webkit-border-radius: 28px;
            -moz-border-radius: 28px;
            -ms-border-radius: 28px;
            border-radius: 28px;
            color: #ffffff !important;
            background: #489180;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#489180), to(#0d5f49));
            background: -webkit-linear-gradient(#489180, #0d5f49);
            background: -moz-linear-gradient(#489180, #0d5f49);
            background: -ms-linear-gradient(#489180, #0d5f49);
            background: -o-linear-gradient(#489180, #0d5f49);
            background: linear-gradient(#489180, #0d5f49);
            -pie-background: linear-gradient(#489180, #0d5f49);
            behavior: url(/Styles/CSS3PIE/PIE.htc);
        }

    a.btn-yellow,
    a.btn-yellow:visited {
        position: relative;
        cursor: pointer;
        display: inline-block;
        text-decoration: none;
        padding: 10px 15px 10px 15px;
        text-align: center;
        vertical-align: middle;
        /*margin: 2px 5px 1px 0;*/
        margin: 10px 5px;
        font-size: 13px;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 500;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        -ms-border-radius: 28px;
        border-radius: 28px;
        color: #006230 !important;
        -webkit-box-shadow: 1px 1px 0 #012d21;
        -ms-box-shadow: 1px 1px 0 #012d21;
        box-shadow: 1px 1px 0 #012d21;
        background: #ffc20d;
        /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#faf17a), to(#D6C918));
    background: -webkit-linear-gradient(#ffc20d, #D6C918);
    background: -moz-linear-gradient(#ffc20d, #D6C918);
    background: -ms-linear-gradient(#ffc20d, #D6C918);
    background: -o-linear-gradient(#ffc20d, #D6C918);
    background: linear-gradient(#ffc20d, #D6C918);*/
        -pie-background: linear-gradient(#ffc20d, #D6C918);
        behavior: url(/Styles/CSS3PIE/PIE.htc);
    }





.btn-center {
    text-align: center;
}

/* FAQ Pages */
.FAQtop {
    font-size: .9em;
    text-align: left;
    text-decoration: none;
}

    .FAQtop a {
        text-decoration: none;
        color: #a4a4a4;
    }

#switch, .switch {
    /*width: 128px;*/
    text-align: left;
    background-repeat: no-repeat;
    background-position: right;
}

.demo {
    margin: 3px 0 10px 0;
    padding: 0;
    border: 0 solid #ccc;
    /*position: relative;
	overflow: hidden;*/
    width: 95%;
}

.FAQ-item-container {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 0;
}

.expand {
    padding-top: 10px;
    padding-bottom: 10px;
}

.collapse p {
    padding: 0 0 20px 0;
    font-size: 14px;
    line-height: 20px;
}

.expand a {
    display: block;
    padding: 0;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 25px;
    text-decoration: none;
    color: #747474;
    font-weight: 400;
}

    .expand a:link, .expand a:visited {
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 21px;
        line-height: 25px;
    }

    .expand a:hover, .expand a:active, .expand a:focus {
        text-decoration: none;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        color: #00553d;
        font-size: 21px;
        line-height: 25px;
    }

    .expand a.open:link, .expand a.open:visited {
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 21px;
        line-height: 25px;
    }
/*secondary link - text and green button*/
.infoLinkList {
    margin: 0;
    padding: 0;
    border-bottom: 0 dotted #7b9698;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #006230;
    font-style: normal;
    clear: left;
}

    .infoLinkList a:link {
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 14px;
        /*color: #4f7375;*/
        color: #006230;
        font-style: normal;
        text-decoration: none;
    }

    .infoLinkList img {
        border: medium none;
        float: right;
        margin-top: 0.05em;
        vertical-align: top;
    }

a.infoLinkList:link,
a.infoLinkList:visited {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    position: relative;
    font-size: 13px;
    color: #006230;
    font-style: normal;
    text-decoration: none;
    margin: 0;
    padding-right: 18px;
}

a.infoLinkList:hover {
    color: #006230;
}

/*********************************/
a.submitALocationVideo:link,
a.submitALocationVideo:visited {
    padding-left: 0px !important;
    padding-right: 15px !important;
}
/*********************************/
/*link - text and green no button*/
/*********************************/
.infoLinkListNoArrow {
    margin: 0;
    padding: 0;
    border-bottom: 0 dotted #7b9698;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #4f7375;
    font-style: normal;
    clear: left;
}

    .infoLinkListNoArrow a:link {
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #4f7375;
        font-style: normal;
        text-decoration: none;
    }

    .infoLinkListNoArrow img {
        border: medium none;
        float: right;
        margin-top: 0.05em;
        vertical-align: top;
    }

a.infoLinkListNoArrow:link,
a.infoLinkListNoArrow:visited {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #4f7375;
    font-style: normal;
    text-decoration: none;
    margin: 0;
}

a.infoLinkListNoArrow:hover {
    color: #00543d;
}
/*************************************/

.infoLinkListNoArrowVisited {
    margin: 0;
    padding: 0;
    border-bottom: 0 dotted #7b9698;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #747474;
    font-style: normal;
    clear: left;
    cursor: default;
    pointer-events: none;
}

    .infoLinkListNoArrowVisited a:link {
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #747474;
        font-style: normal;
        text-decoration: none;
        pointer-events: none;
    }



a.infoLinkListNoArrowVisited:link,
a.infoLinkListNoArrowVisited:visited {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #747474;
    font-style: normal;
    text-decoration: none;
    margin: 0;
}

a.infoLinkListNoArrowVisited:hover {
    color: #747474;
}

/*************************************/
a.orderLink:link,
a.orderLink:visited {
    font-weight: bold;
    color: #028940;
    text-decoration: none;
    background: url("/~/media/C41A83E95BE94F6E873ED29BB40B90A7.png") left no-repeat;
    padding-left: 28px !important;
    margin: 0;
}

a.orderLink:hover {
    color: #028940 !important;
}
/*************************************/
a.infoLinkListLeft:link,
a.infoLinkListLeft:visited {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #4f7375;
    font-style: normal;
    text-decoration: none;
    background: transparent url('/Styles/Images/green-arrow-left-on-white.gif') top left no-repeat;
    padding-left: 18px;
    margin: 0;
}

a.infoLinkListLeft:hover {
    color: #00543d;
}

/*a.infoLinkList:after{
content:"\f138";
font-family: FontAwesome;
position:absolute;
top:1px;
right:-2px;
}*/

a.infoLinkList::after {
    content: "\f138";
    font: normal normal normal 14px/1 FontAwesome;
    padding-top: 4px;
    margin-left: 10px;
}


/** SQUARE LINK BUTTONS BEGIN **/
a.btn-green-square, a.btn-green-square:visited {
    color: #ffffff;
    background: #028940;
    border: 2px solid #028940;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 7px;
    display: block;
    text-align: center;
    -webkit-box-shadow: 1px 1px 0 #444344;
    -ms-box-shadow: 0px 0px 0 #444344;
    box-shadow: 0px 0px 0 #444344;
    cursor: pointer;
    height: 40px;
    width: 100%;
    vertical-align: middle;
    /*margin-bottom: 15px;*/
    /*margin-left: 6px;*/
}





a.btn-white-square {
    color: #d5d5d5 !important;
    background: white;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    display: block;
    text-align: center;
    cursor: pointer;
    height: 35px;
    width: 100%;
    border: 2px solid #d5d5d5;
    vertical-align: middle;
}


.GreenBorder {
    height: 50px;
    /*padding-left: 80px;*/
    margin-top: 10px;
    padding: 0;
    /*box-shadow: 0px 24px 0px -20px #527a4b;*/
    box-shadow: 0 18px 0 -15px #527a4b;
}


/*#main_0_leftcolumn_2_RowContainer:after {
     content:"";
     display: block;
     width: 95%;
     height: 3px;
     background-color:  #527a4b;
     margin-left: 16px;
     margin-top: 10px;
     padding: 0px;
}*/








/*------------------------------------*\
    #Cookie Compliance Window
\*------------------------------------*/
#cookieMessageBox {
    background-color: #e7f3c3;
    border-bottom: 1px solid #446d53;
    z-index: 12;
    position: relative;
    height: auto;
    padding-bottom: 13px;
    margin: auto;
}

.cookieMessageBoxTop {
    max-width: 949px;
    float: left;
    margin: 17px 23px 0 28px;
    border: 0 solid red;
}

.cookieMessageBoxBottom {
    float: left;
    margin: 17px 23px 0 28px;
    border: 0 solid blue;
}

#CookieMessage {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 13px;
    color: #446d53;
}

#AllowCookie {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    padding: 7px 11px 6px 11px;
    background-color: #446d53;
    color: #ffffff;
    margin-right: 8px;
    border: none;
}

    #AllowCookie:hover {
        cursor: pointer;
        background-color: #00543D;
    }

#DisallowCookie {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    padding: 7px 11px 6px 11px;
    background-color: #446d53;
    color: #ffffff;
    border: none;
}

/* News and Press Releases */
.border-bottom > div:last-child {
    border-bottom: none !important;
}

.border-bottom > div {
    border-bottom: 1px dotted #ccc;
}

/* Menu Category & Products */
.menu-category-items {
    width: 100%;
    margin: 0;
    padding: 0;
}

.menu-category-type {
    color: #527A69;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 25px;
}

    .menu-category-type h1 {
        color: #527A69;
        width: 100%;
        border-bottom: 1px dotted gray;
        margin-bottom: 20px;
    }

.page-header {
    background-color: transparent;
    /*padding-top: 15px;
    margin-bottom: 15px;*/
    border-bottom: 1px dotted #ccc;
}

.menu-category-item {
    float: left;
    width: 319px;
    padding: 1px;
    margin-bottom: 15px;
    text-align: center;
    height: 201px;
    max-width: 100% !important;
}

.menu-item-title {
    text-align: center;
}

    .menu-item-title img {
        width: 85%;
        max-width: 85% !important;
        height: 85% !important;
        max-height: 85%;
    }
/* End of Menu Category and product*/

/*----------------------------------*\
      #Seminar and Trade Shows
\*----------------------------------*/

.semtradecell {
    padding: 13px 10px 14px 10px;
}

    .semtradecell a {
        text-decoration: underline;
    }

.semtraderow {
    border-bottom: 1px dotted #acabab;
}

.semtradeheadercell {
    background-color: #e1ece3;
    border-top: 1px dotted #acabab;
    border-bottom: 1px dotted #acabab;
    padding: 4px 10px 2px 10px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #545454;
}

/*----------------------------------*\
      #Regional Jobs styles
\*----------------------------------*/

.rj-HeaderTitle {
    color: #00543d;
    margin-top: 5px;
    text-align: center;
}

.rj-jobdescriptions {
    margin-top: 10px;
    vertical-align: top;
    text-align: left;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 19px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #353535;
    -ms-word-wrap: break-word;
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

    .rj-jobdescriptions a {
        text-decoration: underline;
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        -ms-word-wrap: break-word;
        word-wrap: break-word; /* Internet Explorer 5.5+ */
    }

.rj-copy-medium a {
    color: #4f7375;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 300;
}

.rjTitle-a {
    text-decoration: underline;
}

.rj-a:hover {
    color: #4f7375;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.ul-rj-bulletedList {
    font-size: 14px;
    margin: 0 10px 5px 20px;
    padding: 0 10px 5px 20px;
    list-style-image: none;
}

.rj-h3 {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.rjddl {
    width: 200px;
    border: 1px dotted #353535;
    font-size: 14px;
    margin-left: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.rjddltitle {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 700;
    width: 230px;
    font-size: 21px;
    color: #527a4b;
    margin-left: 15px;
    margin-top: 8px;
}
/* End ofRegional Jobs styles*/

/*----------------------------------*\
    #Components
\*----------------------------------*/
.component {
    margin-top: 5px;
    margin-bottom: 0;
}

/*----------------------------------*\
    #Legal Banner
\*----------------------------------*/
.legalBanner {
    margin: 0;
}

.legalBlock {
    height: auto;
    padding: 0 15px;
    margin: 0;
}


/*----------------------------------*\
    #Promotions Header Elements
\*----------------------------------*/
.alignLeftBigAlignCenterSmall {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.alignRightBigAlignCenterSmall {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


/*----------------------------------*\
    #Media Queries
\*----------------------------------*/
@media screen and (max-width: 767px) {
    .h1-mobile h1 {
        color: #527a4b !important;
        font-size: 24px;
    }

    h1 {
        font-size: 24px;
    }

    .h2-mobile h2 {
        color: #527a4b !important;
        font-size: 24px;
    }

    h2 {
        font-size: 24px;
    }

    .border-topundertitle-mobile > div:first-child {
        border-top: 1px dotted #a4a4a4 !important;
        padding-top: 15px;
        margin-top: -10px;
    }

    .border-topmiddleelement-mobile > div:first-child {
        border-top: 1px dotted #a4a4a4 !important;
        padding-top: 15px;
        margin-top: 15px;
    }

    .border-mobile-bottom {
        border-bottom: 1px dotted #a4a4a4 !important;
        margin-left: 1px;
        margin-right: 1px;
        margin-bottom: 15px;
    }

    .border-bottom-mobile > div:last-child {
        border-bottom: 1px dotted #a4a4a4 !important;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .MenuCategory-border-mobile-bottom {
        margin-left: 4%;
        margin-right: 0;
        border-bottom: 1px dotted #a4a4a4;
        width: 96%;
        clear: left;
    }

    .padding-bottom-mobile {
        padding-bottom: 10px;
    }

    .border-top-mobile > div:first-child {
        border-top: 1px dotted #e7e7e7 !important;
        padding-top: 15px;
    }

    .breadcrumb-wrapper.hide-mobile {
        display: none;
    }

    .no-padding-mobile {
        padding-left: 0;
    }

    /* NEW BUTTON TEST */
    a.new-btn {
        text-align: center;
        text-decoration: none;
        padding: 10px;
        font-weight: bold;
        width: 100%;
        max-width: 320px;
        display: inline-block;
        margin: 5px;
    }

        a.new-btn.green {
            background-color: #537a4b;
            color: #ffffff;
            border: 2px solid #537a4b;
        }

            a.new-btn.green:hover {
                background-color: #628759;
                border: 2px solid #628759;
            }

        a.new-btn.clear {
            background-color: #ffffff;
            color: #537a4b;
            border: 2px solid #537a4b;
        }

            a.new-btn.clear:hover {
                background-color: #eeeeee;
                border: 2px solid #628759;
            }

        a.new-btn.yellow {
            background-color: #fcf000;
            color: #537a4b;
            border: 2px solid #537a4b;
        }

            a.new-btn.yellow:hover {
                background-color: #fae60f;
                border: 2px solid #537a4b;
            }
    /*END OF: NEW BUTTON TEST*/

    .PressReleaseImage {
        display: none;
        visibility: hidden;
        clear: both;
        float: left;
        width: 1px;
    }
    /*#Regional Jobs styles*/
    .rj-HeaderTitle {
        color: #00543d;
        margin-top: 5px;
        text-align: left;
        margin-bottom: 10px;
    }

    .copy-small-mobile {
        font-size: 12px;
        line-height: 15px;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 300;
        color: #353535;
    }

    .rjddltitle {
        font-size: 16px;
    }

    /*Promotions Header Elements*/
    .alignLeftBigAlignCenterSmall {
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin: 0 auto;
    }

    .alignRightBigAlignCenterSmall {
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin: 0 auto;
    }

    .menu-item-title img {
        width: 90%;
        max-width: 90% !important;
        height: auto !important;
        max-height: 90%;
    }

    .menu-category-item {
        float: left;
        padding: 1px;
        margin-bottom: 8px;
        text-align: center;
        height: 100%;
        max-width: 100% !important;
    }
}

@media screen and (max-width: 639px) {
    .menu-category-item {
        width: 100%;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .menu-category-item {
        width: 50% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .smm #navbar-items {
        padding: 0 5px !important;
    }

    .franchise-ops {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 15px;
    }

    .h1-tablet h1 {
        color: #527a4b !important;
        font-size: 21px;
    }

    .h2-tablet h2 {
        color: #527a4b !important;
        font-size: 21px;
    }

    .border-topmiddleelement-tablet > div:first-child {
        border-top: 1px dotted #a4a4a4 !important;
        padding-top: 15px;
        margin-top: 15px;
    }

    .catering-3-cell .co-richtext {
        display: table-cell;
        padding-left: 15px;
    }

    .catering-3-cell .co-image {
        float: left;
    }

    .border-tablet-bottom {
        border-bottom: 1px dotted #a4a4a4 !important;
        margin-left: 1px;
        margin-right: 1px;
        margin-bottom: 15px;
    }

    .border-top-tablet > div:first-child {
        border-top: 1px dotted #a4a4a4 !important;
        padding-top: 15px;
    }

    .border-bottom-tablet > div:last-child {
        border-bottom: 1px dotted #a4a4a4 !important;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .padding-bottom-tablet {
        padding-bottom: 10px;
    }

    .OwnAFranchise-SubmitALocation .co-text {
        display: table-cell;
        padding-left: 15px;
    }

    .OwnAFranchise-SubmitALocation .co-image {
        float: left;
    }

    .OwnAFranchise-SubmitALocation .co-link {
        float: left;
        padding-left: 15px;
    }

    .ownAFranchiseBrochureddl {
        width: 300px;
        border: 1px dotted #353535;
        font-size: 14px;
    }

    .pull-left-sm {
        float: left;
        padding-top: 25px;
    }

    /*#Regional Jobs styles*/
    .rj-HeaderTitle {
        color: #00543d;
        margin-top: 5px;
        text-align: center;
    }

    .rjddltitle {
        font-size: 16px;
    }

    .col-sm-6 {
        width: 50% !important;
    }

    /*Promotions Header Elements*/
    .alignLeftBigAlignCenterSmall {
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

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

    .menu-item-title img {
        width: 75%;
        max-width: 75% !important;
        height: 75% !important;
        max-height: 75%;
    }

    .menu-category-item {
        float: left;
        width: 50% !important;
        padding: 1px;
        margin-bottom: 10px;
        text-align: center;
        height: 100%;
        max-width: 100% !important;
    }
}

@media screen and (min-width: 992px) {
    .container {
        width: 100% !important;
    }

    /*Promotions Header Elements*/
    .alignLeftBigAlignCenterSmall {
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

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

/*----------------------------------*\
    #Media Pop Up for YouTubeEmbed
\*----------------------------------*/
.mediaPopUpFooterTitle {
    padding: 5px;
    color: #527a4b;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
}

.modal-body,
.modal-footer {
    background-color: #EBEBE1;
}

.modal-footer {
    padding: 0 0 10px 0;
}

/********************\
 * Responsive Video *
\********************/
.responsive-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
}

    .responsive-video.widescreen {
        padding-bottom: 57.25%;
    }

    .responsive-video.vimeo {
        padding-top: 0;
    }

    .responsive-video iframe,
    .responsive-video object,
    .responsive-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .responsive-video {
        padding-top: 0;
    }
}
/** END: Responsive Video **/

/*Heart Healthy page*/
.heartHealthyBackground {
    background-image: url("/~/media/D1E09F7A939D444983F1692727C9599A.jpg");
    background-repeat: no-repeat;
    margin-top: 26px;
    margin-left: 18px;
    margin-right: 18px;
}

@media (max-width: 320px) {
    .heartHealthyBackground {
        background-image: url("/~/media/D1E09F7A939D444983F1692727C9599A.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }
}

.heartHealthyTopColumnsLookFor {
    text-align: -webkit-center;
    margin-top: 15px;
}

.heartHealthyTopColumnsDedicated {
    text-align: -webkit-center;
    margin-top: 25px;
}

@media (max-width: 320px) {
    .heartHealthyTopColumnsLookFor {
        text-align: -webkit-center;
        margin-top: 15px;
    }

    .heartHealthyTopColumnsDedicated {
        text-align: -webkit-center;
        margin-top: 20px;
    }
}

@media (max-width: 768px) and (min-width:321px) {
    .heartHealthyTopColumnsLookFor {
        text-align: -webkit-center;
        margin-top: 35px;
    }

    .heartHealthyTopColumnsDedicated {
        text-align: -webkit-center;
        margin-top: 45px;
    }
}

.heartHealthBottomFreshFitLogo {
    margin-top: 60px;
    right: 30px;
    float: right;
}

.heartHealthBottomDisclaimer {
    float: left;
}

.ui-dialog {
    border-radius: 6px !important;
    outline: 0 !important;
    z-index: 1001 !important;
    width: 416px !important;
    height: 1px !important;
}

.ui-dialog-titlebar {
    display: none;
}

.ui-dialog .ui-dialog-content {
    padding: 0 !important;
}

@media (max-width: 320px) {
    .ui-dialog {
        border-radius: 6px !important;
        outline: 0 !important;
        overflow: initial !important;
        z-index: 1001 !important;
        transform: scale(0.75, 0.75);
    }
}
/*End of Heart Healthy page*/

/* Home page Alert Box*/
.AlertBox {
    background-color: black;
    padding-bottom: 10px;
    padding-top: 10px;
    display: inline-flex;
    width: 100%;
    min-height: 40px;
}

.AlertMessageBox {
    color: white;
    text-align: center;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 700;
    width: 95%;
    float: left;
}

.AlertBoxCloseBtn {
    width: 5%;
    float: left;
}

    .AlertBoxCloseBtn .AlertBoxBtn {
        background-image: url(/Images/Core/icons/close-button-white.gif);
        background-repeat: no-repeat;
        background-color: transparent;
        border: none;
        width: 20px;
    }

/* End of home page Alert Box*/

/* Download the App page*/
.downloadAppBackground {
    background-image: url("/Images/DownloadApp/RWD_App_greyBG.png");
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-left: 17px;
    margin-right: 18px;
    width: 95%;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
}

.right-column-row.downloadAppRightPanel {
    padding-right: 0 !important;
    padding-left: auto !important;
    margin-top: 115px;
    background-repeat: no-repeat;
    height: 455px;
}

.left-column-row.downloadAppLeftPanel {
    padding-left: 0px;
    margin-top: -5px;
}

@media (max-width: 801px) and (min-width:321px) {
    .right-column-row.downloadAppRightPanel {
        padding-right: 1px;
        margin-top: 150px;
    }
}

@media (max-width: 750px) {
    .downloadAppBackground {
        background-image: url("/Images/DownloadApp/App_mobile_BG.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        width: 90%;
    }

    .left-column-row.centerLogoMobile {
        text-align: -webkit-center;
        margin-top: 30px;
    }

    .right-column-row.centerLogoMobile {
        text-align: -webkit-center;
        margin-bottom: 20px;
    }

    .richTextLineSpacing {
        line-height: 16px;
    }
}
/* End of Download the app page*/

/* Making it Even Better*/
.right-column-row.alwaysImprovingTimelineLeftBorder {
    border-left: 1px dotted #a4a4a4;
}

@media (max-width: 750px) {
    .right-column-row.alwaysImprovingTimelineLeftBorder {
        border-left: none;
    }
}
/* End of Making it Even Better*/

.mediaPopupTextPadding {
    padding-left: 15px;
    padding-right: 15px;
}

.video-title {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: left;
    margin-left: 3%;
    line-height: 30px;
}

.js-show-for-loggedin-only, #navigation-block .js-show-for-loggedin-only {
    display: none;
}