@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

ol, ul { list-style: none; overflow: hidden; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

    q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section, summary { display: block; }

hr { box-sizing: border-box; }

@font-face {
  font-family: 'Montserrat-Regular';
  src: url('/myrewards/profile/commonfiles/css/frameworks/fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Bold';
	src: url('/myrewards/profile/commonfiles/css/frameworks/fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Light';
	src: url('/myrewards/profile/commonfiles/css/frameworks/fonts/Montserrat-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html {
	font-family: 'Montserrat-Regular';
}

body {
    line-height: 1;
    font-family: "Montserrat-Regular";
    font-size: 0.75em;
    color: #333333;
    background: #ffffff;
}

main {
  margin-top: 50px;
  margin-bottom: 5%;
}

#main {
    float:left;
  position: relative;
}

#main-wrapper {
  margin: 0 auto;
}

label {
  font-family: "Montserrat-Light";  
}

h1, h2, h3, h4, h5, h6 { 
  font-family: "Montserrat-Light"; 
  color: #333333; 
  line-height: 1.1em; 
  font-weight: normal; 
  margin: 0px; 
  text-transform: uppercase; 
}

h1 { 
  font-size: 1.75em; 
}

main .container-fluid {
  margin: 0 auto;
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
  h1 {font-size:2.75em;} /*1rem = 16px*/
  h2 {font-size:2.5em;} /*1rem = 16px*/
  h3 {font-size:2.17em;} /*1rem = 16px*/
  h4 {font-size:2em;} /*1rem = 16px*/
  h5 {font-size:1.83em;} /*1rem = 16px*/
  h6 {font-size:1.75em;} /*1rem = 16px*/
  .container-fluid {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  h1 {font-size:2.25em;} /*1rem = 16px*/
  h2 {font-size:1.75em;} /*1rem = 16px*/
  h3 {font-size:1.42em;} /*1rem = 16px*/
  h4 {font-size:1.25em;} /*1rem = 16px*/
  h5 {font-size:1.08em;} /*1rem = 16px*/
  h6 {font-size:1.75em;} /*1rem = 16px*/
  .container-fluid {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  h1 {font-size:2.7em;} /*1rem = 16px*/
  h2 {font-size:1.75em;} /*1rem = 16px*/
  h3 {font-size:1.87em;} /*1rem = 16px*/
  h4 {font-size:1.7em;} /*1rem = 16px*/
  h5 {font-size:1.53em;} /*1rem = 16px*/
  h6 {font-size:1.75em;} /*1rem = 16px*/
  .container-fluid {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  h1 {font-size:4.5em;} /*1rem = 16px*/  
  h2 {font-size:4em;} /*1rem = 16px*/
  h3 {font-size:3.57em;} /*1rem = 16px*/
  h4 {font-size:3.5em;} /*1rem = 16px*/
  h5 {font-size:3.33em;} /*1rem = 16px*/
  h6 {font-size:2.00em;} /*1rem = 16px*/
}
a {color: #AD1F23;	text-decoration: none; cursor: pointer;}
p { font-family: "Montserrat-Light"; color: #333333; line-height: 1.3em; margin-bottom: 10px; }

/******************************************************************************************************************************************************
  BOOTSTRAP OVERRIDES
******************************************************************************************************************************************************/
.container-fluid {
   padding: 0px;
}
.row{ margin-left: auto; margin-right: auto;}

.container .row {
  margin-left: -15px; 
  margin-right: -15px;
}
header .row {
  font-family: "Montserrat-Light";
  margin: 0;
}
/******************************************************************************************************************************************************
  GLOBAL STYLES
******************************************************************************************************************************************************/
@media (max-width: 576px) and (max-width: 768px) {
    #subheader-wrapper {
        border-bottom: 1px solid #e4e4e4;
    }
    .sub-header .user_mini_details .name {
        font-size: 150%;
    }    
}
@media (min-width: 768px) {
  .shaded-box {
      background: #F0F0F0;
      border: 1px solid #dddddd;
      padding: 10px;
      border-radius: 3px;
      margin: 10px 0;
      box-shadow: 0 0 7px #dddddd;
  }
    .shaded-box .section {
        background: #ffffff;
        border: 1px solid #dddddd;
        padding: 30px 23px;
        border-radius: 3px;
        overflow: hidden;
    }

    .shaded-box p {
      padding: 5px 0px !important;
    }  
}

.optinbtn {
  margin: 0 auto;  
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  line-height: 180%;
  /* float: left; */
  width: 20%;
  font-size: 17px;
  color: #fff !important;
  border-top: 1px solid #AD1F23;
  background-color: #AD1F23;
  background: -webkit-linear-gradient(top, #AD1F23, #AD1F23);
  margin-bottom: 3%;
  margin-top: 3%;
}

.orange-color {
    color: #FF641B;
}

.please-wait-image {
  text-align: center;
}
.error-message p{
    color: #ff0000;
}
.breaker { clear: both; }
.row-wrapper {
  margin: 3% 0;
}

/******************************************************************************************************************************************************
  BREADCRUMB STYLES
******************************************************************************************************************************************************/
.breadcrumbs {
  display: block;
  font-size: 12px;
  color: #484848;
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  margin-top: 10px;
}
.breadcrumbs li {
  display: inline-block;
  padding-right: 15px;
  position: relative;
  float: left;
  text-transform: uppercase;
}
.breadcrumbs li:after {
  content: '>';
  display: block;
  width: 5px;
  height: 8px;
  position: absolute;
  top: 0;
  right: 5px;
}
.breadcrumbs li:last-child:after {
  content: " ";
  display: none;
}
.breadcrumbs li.last:after {
  content: " ";
  display: none;
}
.breadcrumbs li a {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
}

/******************************************************************************************************************************************************
  GLOBAL BUTTONS
******************************************************************************************************************************************************/
.btn-orange-fill {
    background-color: #F37421;
    padding: 15px 15px 15px 15px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    /* width: 50%; */
}
  .btn-orange-fill a {
    color: #FFFFFF;
    text-decoration: none;
  }

.mycr-button, .mycr-button:visited, .mycr-button-secondary, .mycr-button-secondary:visited {
  margin: 0 auto;
  cursor: pointer;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 1px;
  width: 183px;
  min-width: 100px;
  height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

    .mycr-button, .mycr-button:visited {
        background-color: #AD1F23;
        color: #ffffff;
        border: 2px solid #AD1F23;
    }

    .mycr-button-secondary, .mycr-button-secondary:visited {
        background-color: #fff;
        color: #AD1F23;
        border: 2px solid #AD1F23;
    }

        .mycr-button:hover, .mycr-button:visited:hover, .mycr-button-secondary:hover {
            background-color: #671215;
            color: #ffffff;
            border: 2px solid #671215;
            zoom: 1;
        }