@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=7b583297-a139-421c-8673-15097bd47b9b&fontids=1478368,1280083,1280085,1280088,1280089,1280107");
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/
/! normalize.css v3.0.1 | MIT License | git.io/normalize /html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

/* Added by Amol C on 2 Feb 2015 
HelveticaNeue ultra light */
@font-face {
 font-family: 'HelveticaNeue ultra light';
 src: url('../fonts/HelveticaNeue-UltraLight.eot');
 src: url('../fonts/HelveticaNeue-UltraLight.eot@') format('eot'), 
 url('../fonts/HelveticaNeue-UltraLight.svg') format('svg'), 
 url('../fonts/HelveticaNeue-UltraLight.woff') format('woff'),  
 url('../fonts/HelveticaNeue-UltraLight.otf') format('otf'), 
 url('../fonts/helvetica-neue-ultra-light.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;/ Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 /
}
 

@font-face {
 font-family: 'Myriad Pro';
 src: url('../fonts/MyriadPro-Regular.eot');
 src: url('../fonts/MyriadPro-Regular.eot@') format('eot'), 
 url('../fonts/MyriadPro-Regular.svg') format('svg'), 
 url('../fonts/MyriadPro-Regular.woff') format('woff'),  
 url('../fonts/MyriadPro-Regular.otf') format('otf'), 
 url('../fonts/MyriadPro-Regular.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;/ Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 /
}

 @font-face {
 font-family: 'Myriad Bold';
 src: url('https://www.customerminded.com/assets/fonts/MyriadProBold.eot');
 src: url('https://www.customerminded.com/assets/fonts/MyriadProBold.eot?') format('eot'), 
 url('https://www.customerminded.com/assets/fonts/MyriadProBold.svg') format('svg'), 
 url('https://www.customerminded.com/assets/fonts/MyriadProBold.woff') format('woff'),  
 url('https://www.customerminded.com/assets/fonts/MyriadProBold.otf') format('otf'), 
 url('../fonts/MyriadProBold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;/ Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 /
}


 @font-face {
 font-family: 'Myriad Italic';
 src: url('https://www.customerminded.com/assets/fonts/Myriad Italic.eot?') format('eot'), url('https://www.customerminded.com/assets/fonts/Myriad Italic.svg') format('svg'), url('https://www.customerminded.com/assets/fonts/Myriad Italic.woff') format('woff'), url('../fonts/Myriad Italic.ttf') format('truetype'); / Safari, Android, iOS /
}
 @font-face {
 font-family: 'Myriad Roman';
 src:  url('../fonts/Myriad Roman.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;/ Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 /
}
@font-face {
font-family: 'Avenir Next LT Pro Bold';
font-style: normal;
font-weight: normal;
src: local('fonts/Avenir Next LT Pro Bold'), url('fonts/AvenirNextLTPro-Bold.woff') format('woff');
}
@font-face {
font-family: 'AvenirNextLTPro-Regular';
font-style: normal;
font-weight: normal;
src: local('fonts/AvenirNextLTPro-Regular'), url('fonts/AvenirNextLTPro-Regular.woff') format('woff');
}
@font-face {
font-family: 'AvenirNextLTPro-MediumCn';
font-style: normal;
font-weight: normal;
src: local('fonts/AvenirNextLTPro-MediumCn'), url('fonts/AvenirNextLTPro-MediumCn.woff') format('woff');
}
@font-face {
font-family: 'AvenirNextLTPro-HeavyCn';
font-style: normal;
font-weight: normal;
src: local('fonts/AvenirNextLTPro-HeavyCn'), url('fonts/AvenirNextLTPro-HeavyCn.woff') format('woff');
}
 @font-face {
 font-family: 'UVCBO__';
 src: url('../fonts/UVCBO__.ttf');
 src: url('https://www.customerminded.com/assets/fonts/UVCBO__.eot?') format('eot'), url('https://www.customerminded.com/assets/fonts/UVCBO__.svg') format('svg'), url('https://www.customerminded.com/assets/fonts/UVCBO__.woff') format('woff'), url('../fonts/UVCBO__.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;/ Safari, Android, iOS /
}
 @font-face {
 font-family: 'univers-67-condensed-bold';
 src: url('https://www.customerminded.com/assets/fonts/univers-67-condensed-bold.eot');
 src: url('https://www.customerminded.com/assets/fonts/univers-67-condensed-bold.eot?') format('eot'), url('https://www.customerminded.com/assets/fonts/univers-67-condensed-bold.svg') format('svg'), url('https://www.customerminded.com/assets/fonts/univers-67-condensed-bold.woff') format('woff'), url('../fonts/univers-67-condensed-bold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;/ Safari, Android, iOS /
}
 @font-face {
 font-family: 'univers-67-condensed-bold-oblique';
 src: url('https://www.customerminded.com/assets/fonts/univers-67-condensed-bold-oblique.eot');
 src: url('https://www.customerminded.com/assets/fonts/univers-67-condensed-bold-oblique.eot?') format('eot'), url('https://www.customerminded.com/assets/fonts/univers-67-condensed-bold-oblique.svg') format('svg'), url('https://www.customerminded.com/assets/fonts/univers-67-condensed-bold-oblique.woff') format('woff'), url('../fonts/univers-67-condensed-bold-oblique.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;/ Safari, Android, iOS /
}
 @font-face {
 font-family: 'TektonPro-Bold';
 src: url('../fonts/TektonPro-Bold.otf');
 src: url('https://www.customerminded.com/assets/fonts/TektonPro-Bold.eot?') format('eot'), url('https://www.customerminded.com/assets/fonts/TektonPro-Bold.svg') format('svg'), url('https://www.customerminded.com/assets/fonts/TektonPro-Bold.woff') format('woff'), url('../fonts/TektonPro-Bold.otf') format('truetype');
 font-weight: normal;
 font-style: normal;/ Safari, Android, iOS /
}

 @font-face {
 font-family: 'utah-condensed-bold-oblique';
 src: url('https://www.customerminded.com/assets/fonts/utah-condensed-bold-oblique.eot');
 src: url('https://www.customerminded.com/assets/fonts/utah-condensed-bold-oblique.eot?') format('eot'), url('https://www.customerminded.com/assets/fonts/utah-condensed-bold-oblique.svg') format('svg'), url('../fonts/utah-condensed-bold-oblique.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;/ Safari, Android, iOS /
}
 @font-face {
 font-family: 'HelveticaNeue-LightCondObl';
 src: url('https://www.customerminded.com/assets/fonts/HelveticaNeue-LightCondObl.eot');
 src: url('https://www.customerminded.com/assets/fonts/HelveticaNeue-LightCondObl.eot?') format('eot'), url('https://www.customerminded.com/assets/fonts/HelveticaNeue-LightCondObl.svg') format('svg'), url('../fonts/HelveticaNeue-LightCondObl.otf') format('truetype');
 font-weight: normal;
 font-style: normal;/ Safari, Android, iOS /
}
 @font-face {
 font-family: 'HelveticaNeue-BoldCondObl';
 src: url('https://www.customerminded.com/assets/fonts/HelveticaNeue-BoldCondObl.eot');
 src: url('https://www.customerminded.com/assets/fonts/HelveticaNeue-BoldCondObl.eot?') format('eot'), url('https://www.customerminded.com/assets/fonts/HelveticaNeue-BoldCondObl.svg') format('svg'), url('../fonts/HelveticaNeue-BoldCondObl.otf') format('truetype');
 font-weight: normal;
 font-style: normal;/ Safari, Android, iOS /
}
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot@v=4.3.0');
  src: url('fonts/fontawesome-webfont.eot@') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2@v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff@v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf@v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg@v=4.3.0') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}
:focus {
    outline-color:transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block;
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],template {
    display: none;
}

a {
    background: transparent;
}

a:active,a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color:#000616;
}

small {
    font-size: 80%;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,kbd,pre,samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,select {
    text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
    color: #4D4949;
}

input[type="checkbox"],input[type="radio"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    color:#000616;
}

td,th {
    padding: 0;
}

html {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
}

*,*:before,*:after {
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.base-background {
	background:#ed1556;
}
.cards li .controllers .control,.hero-order .order-list .control,.order-category .items li .controls .control {
    padding: 0;
    background: none;
    border: none;
    font-size:13pt;
    margin: 0 9px;
    cursor: pointer;
	font-weight:normal;
}
.order-category .items li .controls .add, .order-category .items li .controls .remove {
	padding:6px 13px;
	margin:0;
}
.cards li .controllers input[type="email"],.cards li .controllers input[type="number"],.cards li .controllers input[type="password"],.cards li .controllers input[type="search"],.cards li .controllers input[type="tel"],.cards li .controllers input[type="text"],.cards li .controllers input[type="url"],.cards li .controllers input[type="color"],.cards li .controllers input[type="date"],.cards li .controllers input[type="datetime"],.cards li .controllers input[type="datetime-local"],.cards li .controllers input[type="month"],.cards li .controllers input[type="time"],.cards li .controllers input[type="week"],.hero-order .order-list li input[type="email"],.hero-order .order-list li input[type="number"],.hero-order .order-list li input[type="password"],.hero-order .order-list li input[type="search"],.hero-order .order-list li input[type="tel"],.hero-order .order-list li input[type="text"],.hero-order .order-list li input[type="url"],.hero-order .order-list li input[type="color"],.hero-order .order-list li input[type="date"],.hero-order .order-list li input[type="datetime"],.hero-order .order-list li input[type="datetime-local"],.hero-order .order-list li input[type="month"],.hero-order .order-list li input[type="time"],.hero-order .order-list li input[type="week"],.order-category .items input[type="email"],.order-category .items input[type="number"],.order-category .items input[type="password"],.order-category .items input[type="search"],.order-category .items input[type="tel"],.order-category .items input[type="url"],.order-category .items input[type="color"],.order-category .items input[type="date"],.order-category .items input[type="datetime"],.order-category .items input[type="datetime-local"],.order-category .items input[type="month"],.order-category .items input[type="time"],.order-category .items input[type="week"] {
    width: 30px;
    height: 29px;
    margin: 0;
    text-align: center;
    padding: 0;
    background: #6f9b0f;
    border: none;
    border-radius: 5px;
    color: inherit;
    font-size: 0.75em;
}
.cards li .controllers input[type="email"],.cards li .controllers input[type="number"],.cards li .controllers input[type="password"],.cards li .controllers input[type="search"],.cards li .controllers input[type="tel"],.cards li .controllers input[type="text"],.cards li .controllers input[type="url"],.cards li .controllers input[type="color"],.cards li .controllers input[type="date"],.cards li .controllers input[type="datetime"],.cards li .controllers input[type="datetime-local"],.cards li .controllers input[type="month"],.cards li .controllers input[type="time"],.cards li .controllers input[type="week"] {
	background:#ffffff;
	color:#000000;
}

.order-category .items input[type="text"] {
	background:#ffffff;
	color:black;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #959595;  
    font-family:"Arial",sans-serif;
    font-size: 1em;
    line-height: 1.5;
    background: #494a4d;
	word-spacing: 1px;
}

h1.title {
	color: #015a9c;
	margin-top:0;
	margin-bottom:0;
	text-transform:uppercase;
	line-height: normal;
	text-rendering: optimizelegibility;
}

h1 {
    font-size: 2.25em;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1.75em;
}

h4 {
    font-size: 1.5em;
}

h5 {
    font-size: 1.25em;
}

h6 {
    font-size: 1em;
}

p {
    margin: 0 0 0.75em;
}

a {
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear;
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: underline;
}

input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="time"],input[type="week"] {
    padding: 9px 15px;
    border: 3px solid #e2dacb;
    border-radius: 5px;
    outline: none;
	font-family:Arial, sans-serif;
}
.locate .locate-me input[type="text"]{
	font-family:"Myriad Pro";
}
.app-content {
    background: #FFFFFF;
    position:relative;
    z-index:1;	
}
@media screen and (min-width: 1200px) {
.app-content {
		min-height:650px;
}
}
@media screen and (max-width: 1199px) {
.app-content {
		min-height:450px;
}
}
.sitemap .app-content {
    background: #110b08;
}
/*[Start] Added on 19 October 2015 for change background image of faq page*/
.faqs .app-content, .careers .app-content {
    background: #221f20;
}
.careers-app .app-content {
	background:#f2f2f2;
}
/*[End] Added on 19 October 2015 for change background image of faq page*/

.container {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.container:after {
    content: "";
    display: table;
    clear: both;
}

.pushy {
    background: #015a9c !important;
}

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

.pushy ul a {
    color: #FFF;
}

.memlist {
  list-style: none; 
  font-size: 14pt;
}
  
 li.pink_disc {
    background: url("../images/bullet-orange.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
    display: block;
    padding-left: 12px;
} 

.list {
  list-style: none; 
}
  
.list li:before {
    background:none;
    content: "";
    display: block;
    float: left;
    height: auto;
    margin: 0;
    width: auto; 
}

.accordion .tag {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 10px 0 0 0;
    padding: 10px 0;
    background-color: transparent;
    color: #FFF;
    font-size: 1em;
}
.gift .accordion .tag {
	background-color: #015a9c;
}
.franchise .accordion .tag {background-color:#015a9c;}
 
.accordion .tag .title {
    display: table-cell;
    width: 108.66667%;        
    font-size: 20px;
    padding-left: 0px;
    text-transform: none;      
    font-weight: normal;
    vertical-align: middle;   
    color: #FFF;
    line-height: 2;
}

.franchise .accordion .tag .title {
    color: #ffffff !important;
    font-size: 18pt;
    font-weight: bold;
    text-shadow: 0 0 0 #464646;
    text-transform: uppercase;
}

.accordion .tag .circle {
    display: table-cell;
    width: 8.33333%;
    padding-left: 20px;
    vertical-align: middle;
}

.tag_cursor{
    cursor: auto !important;
}

.accordion .tag .circle .toggle {
    cursor: pointer;
    display: block;
    background:rgba(0, 0, 0, 0) url("../images/plus_toggle_white.png") center center no-repeat;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.franchise .accordion .tag .circle .toggle {

    background: url("../images/dark_blue_plus.png") center center no-repeat;
}
.franchise .accordion .tag .circle.active .toggle {
	background: url("../images/plus_toggle_dark_blue_down.png") center center no-repeat;

}

.accordion .tag .circle.active .toggle {
    background: url("../images/plus_toggle_dark_blue_down.png") center center no-repeat;
}

.accordion .tag .circle .toggle.active {
    background: url("../images/plus_toggle_dark_blue_down.png") center center no-repeat;
}

.accordion .content {
    display: none;
    margin: 0;
    padding: 20px 45px; 
    background: rgba(0,0,0,0.4);
    margin-left: 20px;
    font-size: 1em;
    color: #fff;
}

.franchise .accordion .content {margin:0;}

.accordion .content .subtitle {
    font-weight: 700;
    text-transform: uppercase;
    color:#000616;
}
.franchise .accordion .content h1 {
    color: #231f20;
    font-size: 16pt !important;
    font-weight: bold;
    text-transform:uppercase;
}

.accordion .content ul {
    margin: 10px 0;
    padding: 0;
    list-style-position: inside;        
    color: #fff;
    font-weight: normal;
}
.accordion .content ul li {
    margin: 10px 0;
}

.accordion .content ul li:last-child {
    list-style: none;
}

.accordion .content .button {
    font-size: 0.9375em;
    padding: 10px 25px;
}

.gallery .carousel:last-child, .gallery .thumbnails:last-child {
    margin-left: 13%;
    width: 75%;
}

.info_email{
    font-weight:normal !important;
    text-decoration:none !important;
}

.info_email:hover{
    text-decoration:underline !important;
}

.paragraph_black_font_color {
    color:rgb(68, 68, 68);
    font-size: 18px;
}

.span_black_font_color {
    color:rgb(68, 68, 68);
}

.left_space {
    padding-left: 10px;
}

.action_event {
    width: 55.44%;
}
.join-program {
  color: #777777;
  text-align: center; 
 }

.join-program .logo {
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
  
.join-program .text {
    display: block;
    font-size: 17pt;
    line-height: 1;
    margin-bottom: 5px; 
    
}

.join-program .highlight {
    display: block;
    font-size: 82pt;
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 20px; 
    
}

.join-program .highlight .thin {
      font-size: 50pt;
      font-weight: 300;
      font-family:AvenirNextLTPro-Regular;
}
  
.join-program .sidebar-button {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #015a9c;
    padding: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer; 
    
}
    
.join-program .sidebar-button:hover {
    background: #015a9c; 
}

.arrow-separator {
  display: block;
  position: relative;
  margin: auto;
  width: 50px;
  height: 50px;
  border: 2px solid white;
  border-radius: 50%;
  background: #015a9c url(../images/button-arrow-down.png) no-repeat center center; 
 }
 
 .arrow-separator-up {
  display: block;
  position: relative;
  margin: auto;
  width: 50px;
  height: 50px;
  border: 2px solid white;
  border-radius: 50%;
  background: #015a9c url(../images/button-arrow-up.png) no-repeat center center; 
}

.memberships .arrow-separator-up {
  margin-bottom: -25px; 
}

.become-a-member {
  background: #015a9c;
  border-radius: 5px;
  padding: 0 20px 20px; 
}

.memberships .hero-join .left {
    background: none repeat scroll 0 0 rgba(70,70,70, 0.8);
    display: block;
    padding: 40px;
    width: 50%;
}

.membership-list {z-index:1;}

.membership-list .pictures .column .overlay {height: 477px;}

.membership-list .pictures .column {padding: 181px 0 75px;}

.membership-list .footer-gradient .column {padding-top: 52px;}

.membership-list .details {height:181px;}

.membership-list .details .title {
      line-height: 1;
      color: #015a9c;
      text-transform: uppercase;
      font-size: 50pt;
      margin: 0;
      
      text-align: center;
}

.membership-list .details .text {
    color:#000616;
    font-size: 28pt;
    
    text-align: center;
}

.membership-details .text .title {
    display: inline-block;
    color: #015a9c;
    font-size: 22pt;
    margin-bottom: 0px; 
    
    margin-left: 40px;
}

.become-a-member .button-wrapper .sidebar-button {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #FFFFFF;
    border-radius: 5px;
    color: #015a9c;
    cursor: pointer;
    display: block;
    font-size: 0.875em;
    font-weight: 700;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 250px;
    margin-top: 10px; 
    
}

.become-a-member .button-wrapper .sidebar-button:hover {
     color: #015a9c;
     cursor: pointer; 
}

.membership-details .text .list {
    
    margin: 0;
    padding: 0 20px;
}

.become-a-member .title {
    color: #ffffff;
    display: block;
    font-size: 34pt;
    font-weight: 700;
    line-height: 1;
    margin-top: 10px;
    text-align: center;
    
}

.become-a-member .subtext {
    color: white;
    display: block;
    font-size: 18pt;
    line-height: 1;
    text-align: center;
    
}

.become-a-member .price {
    color: #ffffff;
    display: block;
    font-size: 65pt;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    
}

.become-a-member .description {
    color: #ffffff;
    display: block;
    font-size: 12pt;
    text-align: center;
    
}

/*Desktop
.membership-list #natural,
.membership-list #cute,
.membership-list #sexy,
.membership-list #gorgeous {
  color: #FFFFFF;
  background: #454545; 
}*/

.membership-list .pictures .column.picture-1 {
    background: url(../images/natural.jpg) no-repeat center center;  
}

.membership-list .pictures .column.picture-2 {
    background: url(../images/cute.jpg) no-repeat center center; 
}
    
.membership-list .pictures .column.picture-3 {
    background: url(../images/sexy.jpg) no-repeat center center;
}

.membership-list .pictures .column.picture-4 {
    background: url(../images/gorgeous.jpg) no-repeat center center;
}

.membership-list .pictures .column .overlay .title span {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #464646;
    display: block;
    /*text-align: center;*/
    font-weight: 700;
    color: white;
    padding: 5px 0; 
    
    font-size: 15pt;
}
        
.membership-list .pictures .column .overlay:hover {
    background: rgba(1, 90, 156,0.6); 
}

.membership-list .pictures .column .overlay:hover .title span {
    background: transparent; 
}

.membership-list .pictures .column .overlay:hover .title .bot_title {
    background: #015a9c;
    color:#FFFFFF;
	text-align: center;
}

.membership-list .pictures .column .overlay .title .bot_title {
	text-align: center;
}

.memberships .hero-join {
  background: url("../images/membership-offer.jpg") no-repeat;
  background-size: cover; 
}

.membership-list-mobile .details .column .title {
    line-height: 1;
    color: #015a9c;
    text-transform: uppercase;
    font-size: 3.75em;
    margin: 0; 
    
}

.membership-list-mobile .details .column .text {
    color:#000616;
    font-size: 2.125em;
    
}

.memberships .hero-memberships .membership-list-mobile {background:#e8e9eb;}

.membership-list-mobile .details  { 
    background: rgba(232, 235, 250, 0.4) repeat ;
}

.membership-list-mobile .details .column:nth-child(2n){
    border-bottom: 3px solid #464646;
}

.membership-list-mobile .details .column:nth-child(3n){
    border-bottom: 3px solid #464646;
}
.membership-list-mobile .details .column:last-child{
    border-bottom:none;
}

.membership-list-mobile .footer-gradient {
    background:none;
    bottom: 0;
    height: 120px;
    position: absolute;
    width: 100%;
}
.memberships .hero-details, .memberships .hero-signup {
    padding: 24px 20px!important;
}


.memberships .hero-details, .memberships .hero-signup {
    background: #FFFFFF;
}

.membership-list-mobile .pictures .column .overlay #natural,
.membership-list-mobile .pictures .column .overlay #cute,
.membership-list-mobile .pictures .column .overlay #sexy,
.membership-list-mobile .pictures .column .overlay #gorgeous {
    color: #FFFFFF; 
    background: #464646; 
       
}

.membership-list-mobile .pictures .column .overlay:hover {
    background: rgba(1, 90, 156,0.6); 
}

.membership-list-mobile .pictures .column .overlay:hover .title span {
    background: transparent; 
}

.membership-list-mobile .pictures .column .overlay:hover .title .bot_title {
    background: #015a9c;
    color:#FFFFFF;
}

.memberships .hero-memberships
 {
    background: #E8E9EB;
}

.membership-list .details,
.membership-list .footer-gradient,
.membership-list .footer-gradient .column   { 
    background: rgba(232, 233, 250, 0.5); 
}

.membership-list .details .column:nth-child(2) {
    border-right: 0px solid black;
    text-align: left;
}

#site-menu {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  background: #015a9c;
  font-size: 1.4em;
  font-weight: 400;
  -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
  box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */ 
}
  
#site-menu li a:foucs {
   background: #000;
   color: #FFF; 
} 
#site-menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-top:none;
	color: #ffffff;
    display: block;
    padding: 15px 10px;
	margin: 0 34px;
    text-decoration: none; 
	font-family: "Myriad Pro";
}
.menu-down {
    background: rgba(0, 0, 0, 0) url("../images/arrow-down-small.png") no-repeat scroll center center;
	content: "";
	display: inline-block;
	height: 10px;
	float:right;
	margin: 8px auto 0;
	width: 8px;
	vertical-align: middle;
/*	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);*/
	margin: 7px auto 0;
}
.menu-right {
    background: rgba(0, 0, 0, 0) url("../images/arrow-down-small.png") no-repeat scroll center center;
    content: "";
    display: inline-block;
    height: 10px;
    float:right;
    margin: 8px auto 0;
    width: 8px;
    vertical-align: middle;
    -webkit-transform: rotate(90deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(90deg);        /* FF */
  -o-transform: rotate(90deg);          /* Opera */
  -ms-transform: rotate(90deg);         /* IE9 */
  transform: rotate(90deg);
    margin: 7px auto 0;
}

/*#site-menu .mobile-menu-bg a:hover:after {
	-webkit-transition:height 1s ease;
	-moz-transition:height 1s ease;
	-o-transition:height 1s ease;
	-ms-transition:height 1s ease;
	transition:height 1s ease;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}*/
#site-menu li.orer-now-btn a{
	margin: 0;
}
.show-nav #site-canvas {
    transform: translate3d(100%, 0px, 0px);
	-webkit-transform: translate3d(100%, 0, 0); 
	-ms-transform: translate3d(100%, 0, 0); 
}
.mobile_view {
    display: none;
} 

.desktop_and_tab_view {
    display: block;
}


.membership-list-mobile .pictures .column .overlay #natural {
    background: none repeat scroll 0 0 #015a9c;
}

.membership-list-mobile .pictures .column .overlay #cute {
    background: none repeat scroll 0 0 #959595;
}

.membership-list-mobile .pictures .column .overlay #sexy {
   background: none repeat scroll 0 0 #959595;
}

.membership-list-mobile .pictures .column .overlay #gorgeous {
    background: none repeat scroll 0 0 #ffffff;
    color:#015a9c;
}

.column_content {
	width:100%;
    height:420px;
	color: #ffffff;
    font-size: 16.4pt;
	margin: 0 auto;
	padding:128px 40px 0;
	letter-spacing: 1.2px;
	line-height: 1.1;
    display: none;
}

.membership-list .pictures .column .overlay:hover .column_content, .membership-list-mobile .pictures .column .overlay:hover .column_content{
    display: inline-block;
}

.column_content .memlist {
  font-size: 16pt;
  
}


@media screen and (max-width: 768px) {
#site-menu {
	left: -260px;
	width: 260px;
	font-size: 1em;
}
.show-nav #site-canvas {
    transform: translate3d(260px, 0px, 0px);
	-webkit-transform: translate3d(260px, 0px, 0px);
	-ms-transform: translate3d(260px, 0px, 0px);
}
    .accordion .tag .title {
        display: table-cell;
        width: 200%;
    }

    .accordion .tag .circle {
        display: table-cell;
        width: 20%;
    }
    /*Start: Added on 9 Feb 2015 For manage refer a friend title on IPadd*/
    .login .refer_a_friend_title .main-title {
    display: block;
    float: left;
    margin-left: -18.391% !important;
    margin-right: 7.42297%;
    width: 74.144% !important;
    }
    /*End: Added on 9 Feb*/
}

@media screen and (max-width: 568px) {
    .accordion .tag .title {
        display: table-cell;
        width: 125%;
    }

    .accordion .tag .circle {
        display: table-cell;
        width: 20%;
    }
}

@media screen and (max-width: 480px) {
    .accordion .tag .title {
        display: table-cell;
        width: 100%;
        /* Added on 23 Jan 2015 */
        padding-right: 20px;
    }
}

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

    .accordion .tag .title {
        display: table-cell;
        width: 75%;
        /* updated on 19 Jan 2015
        padding-left: 20px; */
    }

    .accordion .tag .circle {
        padding-left: 10px;
    }

    .accordion .content,.accordion .button {
        padding: 10px 15px;
        /* updated on 21 Jan 2015 */
        margin-left: 20px;
    }

    .accordion_career .content,.accordion .button {
        padding: 10px 15px;
        margin-left: 0px;
    }
    
    .form .select-style.large {
        width: 100% !important;
    }
}

.app-footer .stamp {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
    vertical-align: top;
    /* Added on 14 Jan 2015*/
    margin-top: 15px;
}

.app-footer .stamp:last-child {
    margin-right: 0;
}

.app-footer .footer-menu {
    float: left;
    display: block;
    margin-right: 2.35765%;
    /*width: 65.88078%;*/
	width:57.881%;
    vertical-align: top;
	font-family: arial;
}
.app-footer .footer-menu-custom {
    float: left;
    display: block;
    margin-right: 2.35765%;
    /* width: 65.88078%; */
    width: 46.881% !important;
    vertical-align: top;
    font-family: arial;
}

.app-footer .footer-menu:last-child {
    margin-right: 0;
}

.app-footer .footer-menu ul {
    width: 100%;
    padding: 0;
    margin: 10px 0;
    list-style: none;
}

.app-footer .footer-menu ul li {
    display: inline-block;
}

.app-footer .footer-menu ul li:first-child {
    margin-left: 0;
}

.app-footer .footer-menu .main-navigation {
    color: #015a9c;
    font-size: 1em;
    font-weight: bold;
    text-transform: capitalize;
}

.app-footer .footer-menu .main-navigation li {
    margin: 0 20px;
}

.app-footer .footer-menu .legal-navigation {
	color: #959595;
    font-size: 0.6875em;
    font-weight: 700;
    text-transform: uppercase;
}

.app-footer .footer-menu .legal-navigation li {
    margin: 0 10px;
}

.app-footer .footer-menu .expressnet {
    display: inline-block;
    color: #015a9c !important;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 10px 0;
}
.app-footer .footer-menu .copyright {
	color:#FFFFFF;
}
.app-footer .footer-menu .expressnet:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 9px;
    background: url("../images/arrow-green-small.png") center center no-repeat;
    /* Updated on 2 Jan 2015
    margin-right: 3px;*/
    margin-right: 5px;
    margin-top: 3px;
}
/* added for only customerminded for social icon*/
.app-footer .social-list-custom { 
  /*   float: left !important; */
    display: block;
    margin-right: 2.35765%;
    /* width: 14.70196%; */
    width: 50% !important;
    vertical-align: top;
    top: 0px;
}

.app-footer .footer-menu .copyright {
    font-size: 0.75em;
    margin: 10px 0;
}

.app-footer .social {
    float: right;
    display: block;
    margin-right: 2.35765%;
    /*width: 14.70196%;*/
	width:11%;
    vertical-align: top;
	
	
}

.app-footer .social:last-child {
    margin-right: 0;
}

.app-footer .social .social-list {
    margin-left: 0px;
	/*text-align: right;*/
    width: 100%;
}

.app-footer .social .social-list .facebook {
    background: url("../images/social-facebook-small-green.png") center center no-repeat;
}

.app-footer .social .social-list .twitter {
    background: url("../images/social-twitter-small-green.png") center center no-repeat;
}

.app-footer .social .social-list .gplus {
    background: url("../images/social-gplus-small-green.png") center center no-repeat;
}

.app-footer .social .social-list li {
	border-right:none;
}

.app-footer .social .social-list li:last-child {
    border-right: none;
}

.app-footer .social .social-list a {
    width: auto;
    height: 45px;
}

.app-footer .social.mobile {
    display: none;
}

.index-address .list .index .inner .phone .phone-icon {

	background: rgba(0, 0, 0, 0) url("../images/phone_blue.png") no-repeat scroll center center;

}

@media screen and (max-width: 768px) {
	.app-footer .footer-menu-custom {
		float: left;
		display: block;
		margin-right: 2.35765%;
		/* width: 65.88078%; */
		width: 100% !important;
		vertical-align: top;
		font-family: arial;
	}
	
    .app-footer .stamp,.app-footer .footer-menu,.app-footer .social {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        text-align: center;
        margin: 16px 0 0;
    }
	.app-footer .social {
		margin: 11px 0;
	}
	.app-footer .footer-menu ul {
		margin: 0;
	}
	.app-footer .footer-menu .expressnet {
		margin: 46px 0 4px;
	}
    .app-footer .stamp:last-child,.app-footer .footer-menu:last-child,.app-footer .social:last-child {
        margin-right: 0;
    }

    .app-footer .footer-menu .main-navigation {
        margin: 0;
    }

    .app-footer .footer-menu .main-navigation li {
        display: block;        
        margin-bottom: 10px;
    }
	.app-footer .footer-menu .main-navigation li,  {
		font-size: 14px;
	}
	.app-footer .footer-menu .legal-navigation {
		font-size: 0.6875em;
	}
    .app-footer .footer-menu .main-navigation li:first-child {
        margin-left: 20px;
    }

    .app-footer .social.mobile {
        display: block;
    }

    .app-footer .social.desktop {
        display: none;
    }
	
}

@media screen and (max-width: 320px) {
    .app-footer .footer-menu .legal-navigation li {
        display: block;
        margin: 5px 0;
    }
}
.nav-menu {
	font-family: "Myriad Pro";
}
.app-header .membership-menu {
/* Updated on 2 Jan 2015 
    background: #41ad33;*/
    background: #FFFFFF;
    font-size:12pt;
}

.app-header .membership-menu ul {
	font-family: Arial;
}

.app-header .membership-menu ul li {
    margin: 0 10px;
    text-transform: uppercase;
	position: relative;
}

.app-header .main-menu {
    background:rgba(91, 91, 91, 0.9);
    border-top: 3px solid #015a9c;
    border-bottom:none;
}

.app-header .main-menu ul {
    font-size: 19px;
    font-weight: 500;
    margin: 0;
    /* Updated on 8 Jan 2015*/
    
}

.app-header .main-menu ul a {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    display: block;
    padding: 15px 12px;
}
.app-header .main-menu ul li:nth-last-child(2) a {
	/*padding: 15px 8px 15px 32px;*/
}
.app-header .main-menu ul li a img{
	margin: -10px 8px -10px 37px;
}
.app-header .main-menu ul li.menu {
	padding:0;
}
.app-header .main-menu ul a:hover,.app-header .main-menu ul a.active {
    background: #015a9c;
    text-decoration: none;
}

.app-header .submenu {
    display: none;
    padding: 0 20px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
}

.app-header .submenu .columns-container {
    display: block;
    margin: 0;
    background: url("../images/submenu-texture.jpg");
	background:#ebebeb;
    border-top: 5px solid #e9e9e9;
    padding-top: 15px;
}

.app-header .submenu .columns-container:after {
    content: "";
    display: table;
    clear: both;
}

.app-header .submenu .columns {
    overflow: hidden;
	background:transparent;
    /*background: url("../images/submenu-background.png") bottom right no-repeat;*/
    margin: 0 3px 3px 0;
}

.app-header .submenu .columns .column {
    float: left;
    display: block;
    width: 28.99%;
	margin-right: 3%;
}

.app-header .submenu .columns .column:last-child {
    width: 15.3188%;
}

.app-header .submenu .columns .column .title {
    display: list-item;
    list-style: none;
    color: #0A0A0A;
    /*font-size: 1.3125em;*/
	font-size: 1.4321em;
    font-weight: 400;
    margin: 10px 0;
    text-decoration: none;
}
.app-header .submenu .columns .column .title::before {
    content: url("../images/rsz_right-16.png");
    margin: 6px;
}
.app-header .submenu .columns .column .title span {
    color: #6D726D;
}

.app-header .submenu .columns .column .title span:hover {
    color: #080808;
}

.app-header .submenu .columns .column .items {
    padding: 0;
    margin: 0 0 40px 0;
    color: #231f20;
    font-size: 0.875em;
    text-align: left;
}

.app-header .submenu .columns .column .items li {
    margin: 5px 0;
    list-style: none;
}

.app-header .submenu .columns .column .before-last-column {
    float: left;
}

.app-header .submenu .columns .column .last-column {
    float: right;
}

.app-header .submenu .columns .column .before-last-column .items,.app-header .submenu .columns .column .last-column .items {
    padding: 0;
    border-right: none;
}

.app-header .submenu .columns .column:last-child {
    float: left;
    display: block;
    width: 42.3406%;
    padding-right: 20px;
}

.app-header .submenu .columns .column:last-child:last-child {
    width: 36.4891%;
}

.app-header .logo {
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0px;
    background:none;
    z-index: 3;
	width: auto;
}
/*.stop-scrolling .app-header .logo {
	z-index: 1;
}
*/.app-header .nav-menu {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0;
    margin: 7px 0;
    list-style: none;
    text-align: right;
}

.membership-menu .container .nav-menu {
    color: #848484;
    text-transform: uppercase;
} 

.app-header .nav-menu:last-child {
    margin-right: 0;
}

.app-header .nav-menu li {
    display: inline-block;
    text-transform: none;
	vertical-align: top;
}

.app-header .nav-menu li.mobile-button {
    display: none;
    width: 65px;
    height: 75px;
    background:  url("../images/mobile-button-dark_blue.png") center center no-repeat;
	cursor:pointer;
}

.app-header .nav-menu li.product-mobile-button {
    display: none;
    width: 65px;
    height: 75px;
    background:  url("../images/mobile-button-dark_blue.png") center center no-repeat;
}
.app-header .nav-menu li.product-mobile-button a {
    padding: 0;
}

.app-header .nav-menu li.mobile-button a {
    padding: 0;
    display: none;
}

.app-header .nav-menu li.order-now {
    color: #adff00;
}

.app-header .nav-menu li.order-now:hover a {
    background: transparent;
    text-decoration: underline;
}

.app-header .nav-menu li.order-now a:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url("../images/cta-arrow.png") center center no-repeat;
    position: relative;
    top: 2px;
}


.add_product{
    background: #015a9c;
    display: inline-block;
    color: #FFF;
    padding: 5px 10px;
    vertical-align: middle;
    border: none;
    cursor: pointer;
}

.product_price{
    display: inline-block;
    color: #015a9c;
    text-transform: uppercase;
    padding: 5px 4px;
    font-size: 19px;
    font-weight: 800;
	vertical-align:middle;
}

.add_product.show_hide_cart_wishlist_button, .add_product_red.show_hide_cart_wishlist_button, 
.add_product.add_to_cart, .add_product_red.add_to_cart, .add_product.add_to_wishlist, .add_product_red.add_to_wishlist {
    height: 34px;
    width: 30px;
	padding: 0;
	text-align: center;
}

.add_product.add_to_cart, .add_product_red.add_to_cart{
    width: 110px;
}
.add_product.add_to_wishlist, .add_product_red.add_to_wishlist{
    width: 148px;
}

.add_product .plus_symbol, .add_product_red .plus_symbol_red{line-height:34px; vertical-align:middle;}

.plus_symbol{
    color:white;
}

.add_product_red{
    background: #fff;
    display: inline-block;
    color: #FFF;
    padding: 5px 10px;
    vertical-align: middle;
    border: none;
    cursor: pointer;
}

.product_price_red{
    display: inline-block;
    color: #015a9c;
    text-transform: uppercase;
    padding: 5px 4px;
    font-size: 19px;
    font-weight: 700;
}

.plus_symbol_red{
    color:#015a9c;
}
/* @[End Editing] */



@media screen and (max-width: 768px) {
    .app-header .membership-menu {
        display: none;
    }

    .app-header .main-menu {    
        background:#fff;
        border-bottom:none;
         min-height: 75px;
    }

    .app-header .logo {
        display: block;
        position: absolute;
        bottom: 5px;
        left: 20px;
        background:none;
        z-index: 2;
        top: 7px;
		width: auto;		
    }
    .app-header .logo img{
		margin-top: -3px;
		width: 294px;
	}
    .app-header .nav-menu li {
        display: none;
    }

    .app-header .nav-menu li.order-now,.app-header .nav-menu li.mobile-button {
        vertical-align: middle;
        display: inline-block;
    }
    .app-header .nav-menu li.order-now,.app-header .nav-menu li.product-mobile-button {
        vertical-align: middle;
        display: inline-block;
    }
}

@media screen and (max-width: 320px) {
    .app-header .nav-menu li.order-now {
        display: none;
    }
    
    .app-header .logo {
        bottom: 5px;
        background:none;
        left: 10px;
		width: auto;
		z-index: 1;
    }
    .app-header .main-menu {
        background: #ffffff;
        border-top: 2px solid #015a9c;
        border-bottom:none;
    }
}

.button {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #015a9c;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 13pt;
    font-weight: normal;
    vertical-align: middle;
    border: none;
	font-family: "Myriad Pro"; 
    
}
.locate .locate-me .button {
	padding: 6px 17px 6px 27px;
	font-size: 14pt;
}
.press-post-article .button {
	font-size: 1.1875em;
}
.button.black {
    background: #3D3739;
	font-size: 1.1875em;
	padding: 12px;
}

.button.black:hover {
    background: #231f20;
}

.button:after {
    content: "";
    display: inline-block;
    background: url("../images/button-arrow-darkblue.png") center center no-repeat;
    width: 14px;
    height: 23px;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 11px;
}

.next_button:after {
    content: "";
    display: inline-block;
    background: url("../images/button-arrow-green.png") center center no-repeat;
    width: 14px;
    height: 23px;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 11px;
}


.features .hero-feature.green .button::after {
    background: rgba(0, 0, 0, 0) url("../images/button-arrow-green.png") no-repeat scroll center center!important;
	
}
.features .hero-feature.green .button, .features .hero-feature.green .button:hover, .features .hero-feature.green .button_ui, .features .hero-feature.green .button-dropdown-list > li > a:hover {
    background: #015a9c none repeat scroll 0 0 !important;
    color: #fff !important;
}

.carousel .actions .button::after {
    background: rgba(0, 0, 0, 0) url("../images/button-arrow-green.png") no-repeat scroll center center;
    cursor: pointer;
    height: 25px;
    width: 25px;
}

.features .odd_blog.hero-feature .button {
    color: #fff;
}
.features .even_blog.hero-feature .button {
    color: #fff;
}
.carousel .actions .back:before {
content: "";
display: inline-block;
width: 19px;
height: 23px;
background: url("../images/arrow-left-white.png") no-repeat center center;
vertical-align: middle;
margin-top: -5px;
margin-right: 8px;
}

.button_load_more:after {
content: "";
display: inline-block;
background: url("../images/button-arrow-green.png") center center no-repeat;
width: 14px;
height: 23px;
vertical-align: middle;
margin-top: -5px;
margin-left: 8px;
transform: rotate(90deg);
margin:0 auto;
display:block;
}

.button:hover {
    text-decoration: none;
    /* Updated on 2 Jan 2015
    background: #e24405;*/
    background: #015a9c;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.cards {
    margin: 0;
    padding: 0;
}

.cards li {
    width: 25%;
    float: left;
    display: inline-block;
    border: 2px solid transparent;
    position: relative;
    color: #FFF;
}

.cards li img {
    width: 100%;
}

.cards li .price {
    display: block;
    position: absolute;
    left: 0;
	right:0;
	text-align:center;
    bottom: 60px;
    font-size: 1.125em;
    font-weight: 700;
    text-transform: uppercase;
}

.cards li .price strong {
    color: #adff00;
}

.cards li .controllers {
    width: 100%;
    margin: 0;
    padding: 8px 0;
    text-align: center;
    background: #015a9c;
}

@media screen and (max-width: 768px) {
    .cards li .price {
        font-size: 0.9375em;
        left: 0;
		right:0;
		text-align:center;
        bottom: 55px;
    }
}

@media screen and (max-width: 568px) {
    .cards li {
        width: 100%;
    }

    .cards li .price {
        font-size: 1.125em;
        left: 0;
        bottom: 65px;
		right:0;
		text-align:center;
    }
}

@media screen and (max-width: 480px) {
    .cards li .price {
        left: 0;
		right:0;
		text-align:center;
        bottom: 58px;
    }
	
	.add_product.show_hide_cart_wishlist_button, .add_product.add_to_cart, .add_product.add_to_wishlist, 
	.add_product_red.show_hide_cart_wishlist_button, .add_product_red.add_to_cart, .add_product_red.add_to_wishlist  {
		display: block;
    	margin: 7px auto 0;
	}

}

@media screen and (max-width: 320px) {
    .cards li .price {
        font-size: 0.8125em;
        left: 23px;
		right:0;
		text-align:center;
        bottom: 55px;
    }
}
.category-gallery {
    /*Commented on 21 October 2015
    background: rgba(0, 0, 0, 0) url("../images/card-bg.jpg") repeat scroll 0 0 !important;*/
    background: #f2f2f2 !important;
}
.category-gallery {
    display: none;
    overflow: hidden;
    padding-bottom: 80px;
}

.category-gallery .title {
    /*font-size: 2.875em;*/
 font-size: 2.5em;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0;
 color: #737373;
}

/*.category-gallery .row {
    display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
	width: 810px;
	justify-content:center;
}*/

/* for center product*/

.category-gallery .row {
	display: block;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 810px;
}

.category-gallery .row:after {
    content: "";
    display: table;
    clear: both;
}

/* .category-gallery .row li { */
    /* display:inline-block; */
    /* width: 33.33%; */
    /* float: left; */
    /* border: 1px solid #f4f4f4; */
    /* position: relative; */
    /* height: auto !important; */
	/* background-color:#ffffff; */
	/* max-height:none; */
	/* padding-bottom:0; */
/* } */

.category-gallery .row li {
    background-color: #ffffff;
    border: 1px solid #f4f4f4;
    display: inline-block;
    float: none;
    height: auto;
    max-height: none;
    padding-bottom: 0;
    text-align: left;
    vertical-align: middle;
    width: 32.33%;
	margin-top: 5px;
}
.category-gallery .row li a i {
    text-align: center;
}
/*.category-gallery .row (.category-gallery .row li:nth-child(-n+3)) {
	justify-content:center;
	text-align:center;
}*/
.category-gallery .row li .display {
    position: absolute;
    z-index: 1;
 	/*max-height: 228px;*/
 	max-height: 180px;
	 width: auto;
 	max-width:100%;
  	left: 0;
	 /*top:-44px;
	  bottom: 0;*/
 	top:14px;
 	right:0;
 	margin:auto;
}

.category-gallery .row li .controls {
    position: relative;
    z-index: 6;
	top: 0;
	width:100%;
    height: auto;
}

.category-gallery .row li .toggler {
    width: 37px;
    text-align: center;
}

.category-gallery .row li .quantifier {
    top: 137px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    position: relative;
    padding: 0;
    margin: auto;
    width: 110px;
    height: auto;
 min-height:47px;
    /*background:#e12227;*/
 background:#015a9c;
    text-align: center;
}
.category-gallery .row li .quantifier_full {
 width:100%;
 top:0;
}
.category-gallery .row li .quantifier .remove:after, .category-gallery .row li .quantifier .add:before {
    content: "";
    font-size: 13pt;
/*  font-family:"Myriad Pro";*/
 font-weight:normal;
 padding-right:0;
 margin-left:0;
    margin-top: 0;
    vertical-align: middle;
 display: inline-block;
}
.category-gallery .row li .quantifier .add:before {
    content: "";
    margin-right: 0;
 padding-left:0;
}
.category-gallery .row li .quantifier .fa-angle-up:before {
  content: "\f106";
}
.category-gallery .row li .quantifier .fa-angle-down:before {
  content: "\f107";
}
.category-gallery .row li .quantifier .remove {
 padding:15px 10px 15px 13px;
}
.category-gallery .row li .quantifier .add {
 padding:15px 13px 15px 10px;
}

.category-gallery .row li .quantifier_full .remove {
 padding:15px 8px;
}
.category-gallery .row li .quantifier_full .add {
 padding:15px 8px;
}
.category-gallery .row li .quantifier button {
    border: none;
    background: transparent;
    color:#ffffff;
    font-size:13pt;
    font-weight: normal;
    text-transform: uppercase;
    outline: none;
}

.category-gallery .row li .quantifier button:active {
    position: static;
    top: 0;
}

.category-gallery .row li .button {
    padding: 9px 12px;
    border-radius: 0;
    line-height: 1;
    float: right;
 /*background:#e12227;*/
 /*background:#e6e4e4;*/
 background:transparent;
 color: #454545;
}
.category-gallery .row li .button:hover {
 /*background:#dbdbdb; */
 background:transparent;
}
.category-gallery .row li .button:after {
    display: none;
}

.category-gallery .row li .quantity {
    
    /*background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0;*/
    background: #FFF;
 color: #000000;
    text-align: center;
    width: 30px;
 height:29px;
    padding:0;
 font-size:0.75em;
}

.category-gallery .row li .name {
    width: 100%;
    z-index: 2;
    position: absolute;
    bottom: 0;
 top: 191px;
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 0.875em;
    text-transform: uppercase;
    /*color: #015a9c;*/
 color: #737373;
}

.category-gallery .row li .price {
    /*color: #015a9c;*/
 color: #737373;
 font-weight: normal;
}
.category-gallery .row li .cost, .category-gallery .row li .sku_name, .category-gallery .row li .sep {
 font-size: 0.85em;
 color:#FFFFFF;
 vertical-align: middle;
}
.category-gallery .row li .sku_name {
    display: inline-block;
    width: 95%;
 	text-align: center;
}
/*.category-gallery .row li .cost {
    display: inline-block;
    text-align: left;
    width: 18%;
}*/
.quantifier_full .count {
    display: block;
}
.category-gallery .row li .quantifier .remove {
    font-size: 13pt;
}
.category-gallery .row li .q-box {
 	background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
 	display:none;
 	height: auto;
    position: relative;
    width: 100%;
    /*[Start]: Added on 5 Nov 2015 for gradiant effect on categories page*/
    min-height: 253px;
    /*[End]: Added on 5 Nov 2015 for gradiant effect on categories page*/
}


/* for change in drink page css only  */
.category-gallery .row li .q-box .text_drink {
    height: 120px;
    padding:10px 34px 0;
    position: relative ;
    width: 100%;
}

.category-gallery .row li .q-box .text_drink  h3, .category-gallery .row li .q-box .text_drink  .small {
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 0;
	
	/*padding-left: 10%;*/
}

.text_drink h3 {
    font-size: 19px;
   
    text-align: center;
}
.category-gallery .row li .q-box .text_drink  .small {
    font-size: 85%;
    margin-bottom: 15px;
    position: relative;
    z-index: 20;
}


/* End of it   */

.category-gallery .row li .q-box .text {
    padding: 15px 10px 0;
    /*position: relative;*/
	position: absolute;
	height:120px;
    width: 100%;
}
.category-gallery .row li .q-box .text h3, .category-gallery .row li .q-box .text .small {
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 0;
	/*padding-left: 10%;*/
}
.category-gallery .row li .q-box .text .small {
    font-size: 85%;
    margin-bottom: 15px;
    position: relative;
    z-index: 20;
}

@media screen and (max-width: 320px) {
    .hero-feature .display img {
        width: 100%;
    }

    .category-gallery .title {
        font-size: 2.1875em;
    }

    .category-gallery .row li {
        display: inline-block;
        width: 50%;
        float: left;
    }
}

.form {
    background: transparent;
	/*font-family: "Myriad Pro";*/
	font-family:"Arial",sans-serif;
}

.form .wrapper {     
    width: 100%;
    display: block;
    /* Updated on 9 Jan 2014
    background: #9dd51a;*/
    background: #015a9c;
    padding: 5px 0;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}


.form .wrapper .title {
    font-size: 1.025em;
    color: inherit;
    margin: 10px 0 0 50px;
}
.disclamer_color{
    color: #015a9c !important;
}

.wrapper-message .title {margin: 10px 0 0 !important;}

.wrapper-message .disclamer { font-size: 19px !important; margin-left: 0 !important; color: #015a9c; text-shadow:0 0 0 #015a9c;}

/*Added on 1 April*/
.wrapper-message .success_disclamer_message {
   color: #ffffff; 
}

.wrapper-message {margin-bottom: 50px !important;}

/*[Start]: Added on 1 April 2015*/
.wrapper_message_success{
    width: 60% !important;
    margin-left: 25%;
    margin-bottom: 170px !important;
}
/*[End]: Added on 1 April 2015*/

.locations .form form .title {margin-top: 16px;}

.locations .form {padding-top: 35px;}

.location-refer .form .wrapper {
    background:#FFFFFF;
    color:#015a9c;
    text-shadow:0 0 0 #015a9c;
    
}

.edit-account .form .wrapper {
    background:#FFFFFF;
    color:#015a9c;
    text-shadow:0 0 0 #015a9c;
    
    display: block;
    float: left;
    font-size: 1.25em;
    margin-left: 18.9134%;
    margin-right: 2.35765%;
    padding: 15px 0;
    width: 62.0631%;
    margin-top: 35px;
}

.franchise-reg .form .wrapper {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8) !important;
    padding:27px 0;
    color:#000616;
    text-shadow:0 0 0 #454545;
    
    font-weight:normal;
    font-size: 1.25em;
    text-transform:none;
    width: 66.66667%;
    margin-left: 17.05961%;
    margin-top: 50px;
}

.franchise-reg .form .wrapper span {color:#015a9c; text-shadow:0 0 0 #015a9c; text-transform:uppercase;}

.franchise-reg .form.container {padding-top:308px;}

.form .wrapper .disclamer {
    margin-top: 0;
    margin-left: 50px;
    font-size: 1.125em;
    font-weight: 200;
    text-transform: none;
}

.form form {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    margin-left: 17.05961%;
    margin-top: 30px;
}

.zip-code form {
    width: 480px;
}

.password_margin_left {
    margin-left: 0%;
}

.form_request form {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    margin-left: 2.5%;
    margin-top: 30px;
}

.contact .form .wrapper {
    width: 100%;
    margin:0 auto;
    background: #FFFFFF; 
    color: #015a9c;
}

.contact .form .wrapper  p {
    background: none !important;
    color:#000616;
}

    .contact_form_background {
        background: none !important;
    }

    .contact_wrapper {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9) !important;
    }

.location-refer .form form input[type="email"], .location-refer .form form input[type="number"], .location-refer .form form input[type="password"], .location-refer .form form input[type="search"], .location-refer .form form input[type="tel"], .location-refer .form form input[type="text"], .location-refer .form form input[type="url"], .location-refer .form form input[type="color"], .location-refer .form form input[type="date"], .location-refer .form form input[type="datetime"], .location-refer .form form input[type="datetime-local"], .location-refer .form form input[type="month"], .location-refer .form form input[type="time"], .location-refer .form form input[type="week"] {
    background:#FFFFFF;
    color:#000616;

}


.gift .form form input[type="email"], .gift .form form input[type="number"], .gift .form form input[type="password"], .gift .form form input[type="search"], .gift .form form input[type="tel"], .gift .form form input[type="text"], .gift .form form input[type="url"], .gift .form form input[type="color"], .gift .form form input[type="date"], .gift .form form input[type="datetime"], .gift .form form input[type="datetime-local"], .gift .form form input[type="month"], .gift .form form input[type="time"], .gift .form form input[type="week"] {
    background:#FFFFFF;
    color:#000616;
    margin-top: 5px;
}

.contact .form form input[type="email"], .contact .form form input[type="number"], .contact .form form input[type="password"], .contact .form form input[type="search"], .contact .form form input[type="tel"], .contact .form form input[type="text"], .contact .form form input[type="url"], .contact .form form input[type="color"], .contact .form form input[type="date"], .contact .form form input[type="datetime"], .contact .form form input[type="datetime-local"], .contact .form form input[type="month"], .contact .form form input[type="time"], .contact .form form input[type="week"] {

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color:#000;

}

.form form input[type="email"],.form form input[type="number"],.form form input[type="password"],.form form input[type="search"],.form form input[type="tel"],.form form input[type="text"],.form form input[type="url"],.form form input[type="color"],.form form input[type="date"],.form form input[type="datetime"],.form form input[type="datetime-local"],.form form input[type="month"],.form form input[type="time"],.form form input[type="week"] {
    width: 100%;
    padding: 9px;
    margin-top: 10px;    
    border-radius: 2px;
    background: rgba(0,0,0,0.4);
    border: 1px solid #959595;
}


.background_refer_a_friend form .select-style select {
    width: 102%;
    padding: 9px;
    margin-top: -5px !important;
    margin-left: -10px !important;   
    border-radius: 2px;
   /*  background:rgba(255, 255, 255, 0.8);
    border: 1px solid #959595; */
    color: #ffffff;
    padding-left: 35;
}

.background_refer_a_friend form .select-style  {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8) !important;
    border:1px solid #ccc !important;
}

.career-hero-application .form textarea {
    width: 100%;
    padding: 9px;
    margin-top: 10px;    
    border-radius: 2px;
    background: rgba(0,0,0,0.4);
    border: 1px solid #959595;
    color: #ffffff;
}
.career-hero-application form .select-style select {
    width: 100%;
    padding: 9px;
    margin-top: -5px;
    -webkit-margin-before: -8px; /*top*/
    margin-left: 0;   
    border-radius: 2px;
    border:none;
    padding-left: 38;
}


.franchise-reg .form form input[type="email"], .franchise-reg .form form input[type="number"], .franchise-reg .form form input[type="password"], .franchise-reg .form form input[type="search"], .franchise-reg .form form input[type="tel"], .franchise-reg .form form input[type="text"], .franchise-reg .form form input[type="url"], .franchise-reg .form form input[type="color"], .franchise-reg .form form input[type="date"], .franchise-reg .form form input[type="datetime"], .franchise-reg .form form input[type="datetime-local"], .franchise-reg .form form input[type="month"], .franchise-reg .form form input[type="time"], .franchise-reg .form form input[type="week"] {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color:#000;

}

.request-form input[type="email"],.request-form input[type="number"],.request-form  input[type="password"],.request-form  input[type="search"],.request-form  input[type="tel"],.request-form  input[type="text"],.request-form  input[type="url"],.request-form  input[type="color"],.request-form  input[type="date"],.request-form  input[type="datetime"],.request-form  input[type="datetime-local"],.request-form  input[type="month"],.request-form  input[type="time"],.request-form  input[type="week"] {
    width: 100%;
    padding: 9px;
    margin-top: 10px;    
    border-radius: 4px;
    background: rgba(0,0,0,0.4);
    border: 1px solid #959595;
    color:#464646 !important;
}

.form form input[type="email"]::-webkit-input-placeholder,.form form input[type="number"]::-webkit-input-placeholder,.form form input[type="password"]::-webkit-input-placeholder,.form form input[type="search"]::-webkit-input-placeholder,.form form input[type="tel"]::-webkit-input-placeholder,.form form input[type="text"]::-webkit-input-placeholder,.form form input[type="url"]::-webkit-input-placeholder,.form form input[type="color"]::-webkit-input-placeholder,.form form input[type="date"]::-webkit-input-placeholder,.form form input[type="datetime"]::-webkit-input-placeholder,.form form input[type="datetime-local"]::-webkit-input-placeholder,.form form input[type="month"]::-webkit-input-placeholder,.form form input[type="time"]::-webkit-input-placeholder,.form form input[type="week"]::-webkit-input-placeholder {
    font-size: 0.9375em;
    color: #ffffff;
}


.form form input[type="email"].medium,.form form input[type="number"].medium,.form form input[type="password"].medium,.form form input[type="search"].medium,.form form input[type="tel"].medium,.form form input[type="text"].medium,.form form input[type="url"].medium,.form form input[type="color"].medium,.form form input[type="date"].medium,.form form input[type="datetime"].medium,.form form input[type="datetime-local"].medium,.form form input[type="month"].medium,.form form input[type="time"].medium,.form form input[type="week"].medium {
    width: 50%;
}

.form form input[type="email"].large,.form form input[type="number"].large,.form form input[type="password"].large,.form form input[type="search"].large,.form form input[type="tel"].large,.form form input[type="text"].large,.form form input[type="url"].large,.form form input[type="color"].large,.form form input[type="date"].large,.form form input[type="datetime"].large,.form form input[type="datetime-local"].large,.form form input[type="month"].large,.form form input[type="time"].large,.form form input[type="week"].large {
    width: 65%;
}

.form form .title {
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: 0;
    font-size:1.125em;
}
.form form .title.required:after {
    content: '*';
    display: inline-block;
    margin: 0 5px;
    color: #015a9c;
}
.request-form .title {
    color:#464646 !important;
    
    font-size: 18px !important;
    text-shadow: 0 0 0 #464646;
}

.contact .form form .title, .franchise-reg .form form .title {
    color:#000616;
}
.form form .disclamer {
    font-size: 0.8375em;    
    font-weight: 300;
    display: block;
}

.form form .disclamer .required {
    color: #fa4c06;
}

.form form .disclamer .question {
    display: inline-block;
    color: #fa4c06;
}

.form form .disclamer input[type="email"],.form form .disclamer input[type="number"],.form form .disclamer input[type="password"],.form form .disclamer input[type="search"],.form form .disclamer input[type="tel"],.form form .disclamer input[type="text"],.form form .disclamer input[type="url"],.form form .disclamer input[type="color"],.form form .disclamer input[type="date"],.form form .disclamer input[type="datetime"],.form form .disclamer input[type="datetime-local"],.form form .disclamer input[type="month"],.form form .disclamer input[type="time"],.form form .disclamer input[type="week"] {
    display: inline-block;
    width: 65px;
    text-align: center;
}

.form form .security>.small {
    width: 55px;
}

.form textarea {
    width: 100%;
    margin-top: 20px;
    height: 120px;    
    resize: none;
    display: block;
    margin-bottom: 10px;
    padding: 9px;
    outline: none;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 1px solid #959595;
    color:#000616;
}

.gift .form textarea {margin-top:5px;}
.gift .form {color:#000616; text-shadow:0 0 0 #464646;}

.request-form textarea {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8) !important;
    border: 1px solid #959595;
    border-radius: 4px;
    color:#000616;
}
.request-form textarea:focus{
	border-color:  #959595;
}
.form .check {
    margin: 10px 0 20px;
    padding: 0;
    list-style: none;
}

.form .check li {
    margin: 10px 0;
}

.form .check input[type=checkbox] {
    cursor: pointer;
}

.form .check input[type=radio] {
    cursor: pointer;
}
.form .check .option {
    margin-left: 10px;
    color:#000616;
}

.form .check .option_event {
    margin-left: 10px;
    color: #fff;
}

.form .create_event .disclamer {
    color: #fff !important;
}
.account {
    width: 100%;
    height: 50px;
    margin: 5px 0;
    border: 1px solid #ccc;
    color:#000616;
    border-radius: 7px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 50px;
    display: inline-block;
    font-weight: bold;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}

.create_account {
    width: 100%;
    height: 100px;
    margin: 5px 0 40px 0;
    border: 1px solid #ccc;
    padding-top: 26px;
    color: #333;
    border-radius: 7px;
    text-align: center; 
    font-size: 20px;
    line-height: normal;
    display: inline-block;
    font-weight: bold;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}
.color_text {
    color: #015a9c;
}

.form .button {
    width: 35%;
    margin: 20px 0;
}
.request-form .button {width:auto;}
.edit-account .button {width:43.8%;}
.form .button:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 23px;
    background: url("../images/button-arrow-green.png") center center no-repeat;
    vertical-align: middle;
}
.form .button {
	font-size: 1.1875em;
}
.form .select-style {
    width: 100%;
    margin: 10px 0;
    padding: 2px 0 2px 2px;
    border: none;
    border-radius: 3px;
    overflow: hidden;
    background: #ffffff;
    font-size: 0.9375em;
    color: #454545;
    position: relative;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}

.gift .form .select-style  {margin: 0;}

.gift .form .wrapper {
    display: block;
    float: left;
    font-size: 1.25em;
    margin:0;
    padding: 15px 0;
}

.gift .side-bar .wrapper {
    background: none repeat scroll 0 0 #015a9c;
    color: #fff;
    padding: 15px 0;
    width:100%;
    font-size: 1.25em;
    text-align:center;
    text-transform:uppercase;
    display:none;
}

.gift .side-bar .accordion {display:none;}

.request-form .select-style {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8) !important;
    border: 1px solid #b1b1b1 !important;
    color:#000616;
}

.select_background {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8) !important;
    }

.location-refer .form .select-style {
    width: 100%;
    margin: 10px 0;
    padding: 2px 0 2px 2px;
    border: none;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
    font-size: 0.9375em;
    color:#000616;
    position: relative;
    background: #FFFFFF;
}

.form .select-style.medium {
    width: 99.8%;
    border: 1px solid #959595;
}

.form .select-style.large {
    width: 65%;
}

.form .select-style:before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 23px;
    height: 35px;
    background: url("../images/select-arrows.png") center center no-repeat;
    top: 2px;
    left: 2px;
}

.request-form .select-style.select-style-time {width:86px; display:inline-block;}

.request-form .select-style .time{
	width:110px;
    text-indent: 0;
	padding:0 5px 0 36px;
	-webkit-padding-start:36px;
    text-align:left;
	    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.form .select-style select {
    -webkit-user-select: auto;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 105%;
    cursor: pointer;
    position: absolute;
    margin-left: 5px;
    top: 5px;
    left: 0px;
    padding-left: 35;
	text-indent: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	-ms-appearance: none;
}

.contact_form_background .select-style select { 
    margin-top: 5px;
    -webkit-margin-before: 2px; /*top*/
    color:#000616;
    
    font-size: 16px;
}
.create_event_form .select-style  { 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}

.create_event_form .create_event_description  { 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    color: #fff;
}
.create_event_form .select-style select { 
    margin-top: 2px;
    color: #fff;
    
    font-size: 16px;
}

.create_event_form .select-style select option{
  background: #fff;
  color:#000616;
}


.request-form .select-style select { 
    margin-top: 5px;
    -webkit-margin-before: 2px; /*top*/
    color:#000616;
    height: 26px !important;
    font-size: 16px;
}

.register_form .select-style select { 
    margin-top: 5px;
    color:#000616;
    
    font-size: 16px;
}

.refer_a_friend_location .select-style select { 
    margin-top: 2px;
    -webkit-margin-before: 0px; /*top*/
    color:#000616;
    
    font-size: 16px;
}



.form .select-style select:focus {
    outline: none;
}

.form .security {
    margin-bottom: 10px;
}

.form .security .title {
    margin: 0;
    color: #015a9c;
}

.form .security input[type="email"],.form .security input[type="number"],.form .security input[type="password"],.form .security input[type="search"],.form .security input[type="tel"],.form .security input[type="text"],.form .security input[type="url"],.form .security input[type="color"],.form .security input[type="date"],.form .security input[type="datetime"],.form .security input[type="datetime-local"],.form .security input[type="month"],.form .security input[type="time"],.form .security input[type="week"] {
    margin-top: 0;
}

.form .security .disclamer {    
    margin-bottom: 10px;
    font-size: 1em;
    color:#000616;
    width: 100%;
}

.form .security .question {
    margin-left: 10px;
    color: #015a9c; 
    font-size: 1.125em;
}

.map {
    line-height: 1;
    margin-top: 0px;
}

.locations.locations-4 .page-content .title {
    margin-top: 10px;
}


@media screen and (max-width: 568px) {
    .form .wrapper {
        font-size: 1.375em;
    }

    .form .wrapper-message {
      font-size: 1.375em;
      margin-top: 123px;
      margin-left: 6px;
    }

    .form form {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        margin-left: 0%;
        padding: 0 26px;
    }

    .form form:last-child {
        margin-right: 0;
    }

    .form form input[type="email"]::-webkit-input-placeholder,.form form input[type="number"]::-webkit-input-placeholder,.form form input[type="password"]::-webkit-input-placeholder,.form form input[type="search"]::-webkit-input-placeholder,.form form input[type="tel"]::-webkit-input-placeholder,.form form input[type="text"]::-webkit-input-placeholder,.form form input[type="url"]::-webkit-input-placeholder,.form form input[type="color"]::-webkit-input-placeholder,.form form input[type="date"]::-webkit-input-placeholder,.form form input[type="datetime"]::-webkit-input-placeholder,.form form input[type="datetime-local"]::-webkit-input-placeholder,.form form input[type="month"]::-webkit-input-placeholder,.form form input[type="time"]::-webkit-input-placeholder,.form form input[type="week"]::-webkit-input-placeholder {
        font-size: 0.75em;
        text-align: center;
    }

    .form form input[type="email"]::-moz-placeholder,.form form input[type="number"]::-moz-placeholder,.form form input[type="password"]::-moz-placeholder,.form form input[type="search"]::-moz-placeholder,.form form input[type="tel"]::-moz-placeholder,.form form input[type="text"]::-moz-placeholder,.form form input[type="url"]::-moz-placeholder,.form form input[type="color"]::-moz-placeholder,.form form input[type="date"]::-moz-placeholder,.form form input[type="datetime"]::-moz-placeholder,.form form input[type="datetime-local"]::-moz-placeholder,.form form input[type="month"]::-moz-placeholder,.form form input[type="time"]::-moz-placeholder,.form form input[type="week"]::-moz-placeholder {
        font-size: 0.75em;
        text-align: center;
    }

    .form form input[type="email"]:-moz-placeholder,.form form input[type="number"]:-moz-placeholder,.form form input[type="password"]:-moz-placeholder,.form form input[type="search"]:-moz-placeholder,.form form input[type="tel"]:-moz-placeholder,.form form input[type="text"]:-moz-placeholder,.form form input[type="url"]:-moz-placeholder,.form form input[type="color"]:-moz-placeholder,.form form input[type="date"]:-moz-placeholder,.form form input[type="datetime"]:-moz-placeholder,.form form input[type="datetime-local"]:-moz-placeholder,.form form input[type="month"]:-moz-placeholder,.form form input[type="time"]:-moz-placeholder,.form form input[type="week"]:-moz-placeholder {
        font-size: 0.75em;
        text-align: center;
    }

    .form form input[type="email"]:-ms-input-placeholder,.form form input[type="number"]:-ms-input-placeholder,.form form input[type="password"]:-ms-input-placeholder,.form form input[type="search"]:-ms-input-placeholder,.form form input[type="tel"]:-ms-input-placeholder,.form form input[type="text"]:-ms-input-placeholder,.form form input[type="url"]:-ms-input-placeholder,.form form input[type="color"]:-ms-input-placeholder,.form form input[type="date"]:-ms-input-placeholder,.form form input[type="datetime"]:-ms-input-placeholder,.form form input[type="datetime-local"]:-ms-input-placeholder,.form form input[type="month"]:-ms-input-placeholder,.form form input[type="time"]:-ms-input-placeholder,.form form input[type="week"]:-ms-input-placeholder {
        font-size: 0.75em;
        text-align: center;
    }

    .form form input[type="email"].medium,.form form input[type="number"].medium,.form form input[type="password"].medium,.form form input[type="search"].medium,.form form input[type="tel"].medium,.form form input[type="text"].medium,.form form input[type="url"].medium,.form form input[type="color"].medium,.form form input[type="date"].medium,.form form input[type="datetime"].medium,.form form input[type="datetime-local"].medium,.form form input[type="month"].medium,.form form input[type="time"].medium,.form form input[type="week"].medium,.form form .select-style.medium {
        width: 100%;
    }

    .form form .button {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    .form form .captcha {
        display: block;
    }

    .form form .captcha img {
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .login .hero-login .main-title .refer-friend-title {
      text-align: left;
      padding-left: 20px;
    }

    .paragraph_career {
        padding-left: 0px !important;
    }

    .form form {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }

    .form form input[type="email"]::-webkit-input-placeholder,.form form input[type="number"]::-webkit-input-placeholder,.form form input[type="password"]::-webkit-input-placeholder,.form form input[type="search"]::-webkit-input-placeholder,.form form input[type="tel"]::-webkit-input-placeholder,.form form input[type="text"]::-webkit-input-placeholder,.form form input[type="url"]::-webkit-input-placeholder,.form form input[type="color"]::-webkit-input-placeholder,.form form input[type="date"]::-webkit-input-placeholder,.form form input[type="datetime"]::-webkit-input-placeholder,.form form input[type="datetime-local"]::-webkit-input-placeholder,.form form input[type="month"]::-webkit-input-placeholder,.form form input[type="time"]::-webkit-input-placeholder,.form form input[type="week"]::-webkit-input-placeholder {
        font-size: 0.75em;
        text-align: center;
    }

    .form form input[type="email"]::-moz-placeholder,.form form input[type="number"]::-moz-placeholder,.form form input[type="password"]::-moz-placeholder,.form form input[type="search"]::-moz-placeholder,.form form input[type="tel"]::-moz-placeholder,.form form input[type="text"]::-moz-placeholder,.form form input[type="url"]::-moz-placeholder,.form form input[type="color"]::-moz-placeholder,.form form input[type="date"]::-moz-placeholder,.form form input[type="datetime"]::-moz-placeholder,.form form input[type="datetime-local"]::-moz-placeholder,.form form input[type="month"]::-moz-placeholder,.form form input[type="time"]::-moz-placeholder,.form form input[type="week"]::-moz-placeholder {
        font-size: 0.75em;
        text-align: center;
    }

    .form form input[type="email"]:-moz-placeholder,.form form input[type="number"]:-moz-placeholder,.form form input[type="password"]:-moz-placeholder,.form form input[type="search"]:-moz-placeholder,.form form input[type="tel"]:-moz-placeholder,.form form input[type="text"]:-moz-placeholder,.form form input[type="url"]:-moz-placeholder,.form form input[type="color"]:-moz-placeholder,.form form input[type="date"]:-moz-placeholder,.form form input[type="datetime"]:-moz-placeholder,.form form input[type="datetime-local"]:-moz-placeholder,.form form input[type="month"]:-moz-placeholder,.form form input[type="time"]:-moz-placeholder,.form form input[type="week"]:-moz-placeholder {
        font-size: 0.75em;
        text-align: center;
    }

    .form form input[type="email"]:-ms-input-placeholder,.form form input[type="number"]:-ms-input-placeholder,.form form input[type="password"]:-ms-input-placeholder,.form form input[type="search"]:-ms-input-placeholder,.form form input[type="tel"]:-ms-input-placeholder,.form form input[type="text"]:-ms-input-placeholder,.form form input[type="url"]:-ms-input-placeholder,.form form input[type="color"]:-ms-input-placeholder,.form form input[type="date"]:-ms-input-placeholder,.form form input[type="datetime"]:-ms-input-placeholder,.form form input[type="datetime-local"]:-ms-input-placeholder,.form form input[type="month"]:-ms-input-placeholder,.form form input[type="time"]:-ms-input-placeholder,.form form input[type="week"]:-ms-input-placeholder {
        font-size: 0.75em;
        text-align: center;
    }
}

.hero-feature {
    /*display: block;*/
	display: inline-block;
    width: 100%;
    table-layout: fixed;
    padding: 60px 0;
}

.hero-feature .display {
    display: inline-block;
    width: 49.33%;
    vertical-align: top;
	padding: 0 25px;	
}

.hero-feature .press_data_image {
    margin-right: 50px;
	width: 44%;
}

.hero-feature .display img {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.tabbed-content .hero-feature .display img {
	margin: 28px auto 0;
}
.hero-feature .display.mobile {
    display: none;
}

.hero-feature .content {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
	padding: 0 25px;
}

.hero-feature .content_full {
	width: 95%;
	margin: 0 auto;
}

.hero-feature .content .title, .gorgeous .title, .hero-feature .content_full .title {
    font-size: 2.25em;
    text-transform: uppercase;
    margin: 20px 0;  
}


.hero-feature .content .sub-title, .hero-feature .content_full .sub-title {
    color: #ffffff;
    font-size: 16.8pt;
    font-weight: 400;
    text-transform: uppercase;
    margin: 10px 0;    
}

/*[Start]: Added on 19 Feb 2015 for change color of text in eyelash extensions page*/
.hero-feature.black .content .sub-title table {
    color: #ffffff;
}
/*[End]: Added on 19 Feb 2015*/

.hero-feature .content .disclaimer {
    font-size: 0.875em;
    margin-top: 30px;
}

.hero-feature .content p, .hero-feature .content_full p {
    font-size: 1.19em;
    font-family: "Myriad Pro";   
}
.tabbed-content .hero-feature .content p, .tabbed-content .hero-feature .content_full p {
	font-size: 17px;
}
/*[Start]: Added on 18 Feb 2015 for change color of text in before & after page*/
.hero-feature .before_after_content p {
    font-size: 1.19em;
    
    color: #464646 !important;
}
/*[End]: Added on 18 Feb 2015*/
@media screen and (max-width: 1024px) {
	.category-gallery .row {
		width:768px;
	}
	.app-header .main-menu ul {font-size: 17px;}
	.add_product, .add_product_red {margin-right:10px;}
	
    .hero-feature .display img {
        width: 52.5%;
    }

    .hero-feature .display {
        padding-left: 25px;
        padding-right: 25px;
    }

    .hero-feature .content {
        padding-right: 30px;
        padding-left: 30px;
    }
	
}

@media screen and (max-width: 768px) {
	.category-gallery .row li .display {
		/*top: -26px;*/
	}
	.category-gallery .row li .display {
		max-height:163px;
	}
    .hero-feature {
        display:inline-block;
    }
    
    .press_mobile {
        display: block
    }
    
    .press_desktop {
        display: none !important;
    }

    .hero-feature:after {
        content: "";
        display: table;
        clear: both;
    }

    .hero-feature .display,.hero-feature .content {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        text-align: center;
        padding: 0 40px;
    }

    .hero-feature .display:last-child,.hero-feature .content:last-child {
        margin-right: 0;
    }

    .hero-feature .display .title,.hero-feature .content .title {
        margin: 10px 0 20px;
    }

    .hero-feature .display {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        margin-left: 0%;
    }

    .hero-feature .display:last-child {
        margin-right: 0;
    }

    .hero-feature .display.mobile {
        display: table-footer-group;
    }

    .hero-feature .display.desktop {
        display: none;
    }
    
    .hero-feature .display img {
        width: 70%;
    }
    .hero-feature .display {
        display: table-footer-group;
        float:none;
    } 
    .hero-feature .content {
        display: table-header-group;
        float:none;
    }
}
@media screen and (max-width: 736px) {
	.category-gallery .row {
		width:auto;
	}
}
@media screen and (max-width: 568px) {
    .hero-feature .display {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        margin-left: 0%;
    }

    .hero-feature .display:last-child {
        margin-right: 0;
    }

    /*Added on 30 Jan 2015*/
    .app-header .main-menu {
    background: #ffffff;
    /*border-top: 2px solid #015a9c;*/
    border-bottom:none;
    }
}

@media screen and (max-width: 320px) {
    .hero-feature .display {
        padding: 0;
    }

    .hero-feature .content {
        padding: 0;
    }
.hero-navigation {
    background: #FFF;
}
}


.hero-navigation .categories {
/*    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0 auto;
	padding:60px 0 20px;
    list-style: none;
    text-align: center;  */
	font-family:"Myriad Pro";  
}

.hero-navigation .categories .soups {
    background: url("../images/nav-soups.png") center bottom no-repeat;
}

.hero-navigation .categories .salads {
    background: url("../images/nav-salads.png") center bottom no-repeat;
}

.hero-navigation .categories .sushi-rolls {
    background: url("../images/nav-sushi-rolls.png") center bottom no-repeat;
}

.hero-navigation .categories .sushi-boxes {
    background: url("../images/nav-sushi-boxes.png") center bottom no-repeat;
}

.hero-navigation .categories .bento-boxes {
    background: url("../images/nav-bento-boxes.png") center bottom no-repeat;
}

.hero-navigation .categories .spring-rolls {
    background: url("../images/nav-spring-rolls.png") center bottom no-repeat;
}

.hero-navigation .categories .v-bowls {
    background: url("../images/nav-v-bowls.png") center bottom no-repeat;
}

.hero-navigation .categories .vegetarian {
    background: url("../images/nav-vegetarian.png") center bottom no-repeat;
}

.hero-navigation .categories .category {
    display: block;
    height: 58px;
    margin: 0 auto 10px;
    width: 56px;
	background-size: 45px auto !important;
}

.hero-navigation .categories li {
	/* display:inline-block;
	width: 9.6%; */
	display:table-cell;
	width: auto;
}
.hero-navigation .categories a {
	height: 160px;
}
/*.hero-navigation .categories a {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    display: table-cell;
    margin: 20px 8px;
	text-align:center;
    background: url('../images/dotted-border.png') no-repeat #ffffff;
	padding: 8px 0;
	width:111px;
	height:111px;
	border:none;
   	border-radius: 100px;
   	box-shadow: 0 0 0 5px #ffffff, 2px 1px 6px 4px rgba(255, 255, 255, 0.5);
   	color:#737373;
	text-shadow:0 0 0 #737373;
	position:relative;
	vertical-align: middle;
}*/

.hero-navigation .categories a:hover,.hero-navigation .categories a.active {
    text-decoration: none;
    background: #015a9c;
    color: #FFF;
    text-shadow:0 0 0 #000;
}

.hero-navigation .categories a:hover .soups,.hero-navigation .categories a.active .soups {
    background: url("../images/nav-soups-hover.png") center bottom no-repeat;
}

.hero-navigation .categories a:hover .salads,.hero-navigation .categories a.active .salads {
    background: url("../images/nav-salads-hover.png") center bottom no-repeat;
}

.hero-navigation .categories a:hover .sushi-rolls,.hero-navigation .categories a.active .sushi-rolls {
    background: url("../images/nav-sushi-rolls-hover.png") center bottom no-repeat;
}

.hero-navigation .categories a:hover .sushi-boxes,.hero-navigation .categories a.active .sushi-boxes {
    background: url("../images/nav-sushi-boxes-hover.png") center bottom no-repeat;
}

.hero-navigation .categories a:hover .bento-boxes,.hero-navigation .categories a.active .bento-boxes {
    background: url("../images/nav-bento-boxes-hover.png") center bottom no-repeat;
}

.hero-navigation .categories a:hover .spring-rolls,.hero-navigation .categories a.active .spring-rolls {
    background: url("../images/nav-spring-rolls-hover.png") center bottom no-repeat;
}

.hero-navigation .categories a:hover .v-bowls,.hero-navigation .categories a.active .v-bowls {
    background: url("../images/nav-v-bowls-hover.png") center bottom no-repeat;
}

.hero-navigation .categories a:hover .vegetarian,.hero-navigation .categories a.active .vegetarian {
    background: url("../images/nav-vegetarian-hover.png") center bottom no-repeat;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.hero-navigation .categories span {
	font-size:13px;
}
.mf_custom .desktop_background img {
    margin-top: 12px;
}
.mb_btn {
	margin-bottom: 50px;
}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	.mb_btn {
		margin-bottom: 50px;
	}
	.cart .item .control {
		width: 15.22%;
	}
	.text_content_sitemap {
		padding-left: 0;
		padding-right: 15px;
	}
	.order-details .details .edit{
		top: 10px !important;
		right: 10px !important;
		padding: 3px 12px !important;
	}
}

@media only screen and (min-width : 1025px) and (max-width : 1920px) and (orientation : landscape){
	.mf_custom .desktop_background img {
    margin-top: 12px;
	}
	.text_content_sitemap {
		padding-left: 0;
		padding-right: 15px;
	}
}
@media screen and (max-width: 768px) {
	.mb_btn {
		margin-bottom: 50px;
	}
    .hero-navigation .categories {
        display: block;
    }

    .hero-navigation .categories:after {
        content: "";
        display: table;
        clear: both;
    }

    .hero-navigation .categories li {
        display: block;
        float: left;
        width: 25%;
		border-color:#f2f2f2;
    }
}

@media screen and (max-width: 480px) {
    .hero-navigation .categories li {
        width: 50%;
    }
    .app-header .main-menu {
    background: #ffffff;
    /*border-top: 2px solid #015a9c;*/
    border-bottom:none;
    }
    /* Added on 31 Jan 2015 */
    .create_account {
        width: 100%;
        height: 120px;
        margin: 5px 0 40px 0;
        border: 1px solid #ccc;
        padding-top: 20px;
        color: #333;
        border-radius: 7px;
        text-align: center;
        font-size: 17px;
        line-height: normal;
        display: inline-block;
        font-weight: bold;
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    }
    /* Added on 31 Jan 2015*/
    .color_text {
        color: #015a9c;
        display: block;
    }
}

.hero-order {
/* Updated on 12 Jan 2015
background: #3baf29;{ */
    background: #015a9c;
    padding: 1.25em;
}

.hero-order .container {
    margin-bottom: 0;
    margin-top: 0;
}

.hero-order .title {
    margin: 0 0 10px 0;
    font-size: 2.8125em;
    font-weight: 700;
    text-transform: uppercase;
    color:#ffffff;
}

.hero-order hr {
    border: none;
    /* Updated on 16 Jan 2015
    height: 3px; */
    height: 2px;
    /* Updated on 12 Jan 2015
    background: #74d714; */
    background: #ffffff;
}

.hero-order .total {
    display: block;
    text-align: right;
    font-size: 1.25em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
}

.hero-order .controls {
    text-align: right;
}

.hero-order .order-list {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #FFF;
    
}

.hero-order .order-list li {
    display: block;
    margin: 1.25em 0;
    line-height: 30px;
    font-size: 1em;
}

.hero-order .order-list li:after {
    content: "";
    display: table;
    clear: both;
}

.hero-order .order-list li .button {
    vertical-align: middle;
    font-size: 0.75em;
    padding: 0 13px;
    margin: 0 10px;
}

.hero-order .order-list li .button:after {
    background: none;
    width: 0;
    margin: 0;
}

.hero-order .order-list li .controller {
    float: left;
    display: block;
    margin-right: 1.87727%;
    width: 18.49818%;
}

.hero-order .order-list li .controller:last-child {
    margin-right: 0;
}

.hero-order .order-list li input[type="email"],.hero-order .order-list li input[type="number"],.hero-order .order-list li input[type="password"],.hero-order .order-list li input[type="search"],.hero-order .order-list li input[type="tel"],.hero-order .order-list li input[type="text"],.hero-order .order-list li input[type="url"],.hero-order .order-list li input[type="color"],.hero-order .order-list li input[type="date"],.hero-order .order-list li input[type="datetime"],.hero-order .order-list li input[type="datetime-local"],.hero-order .order-list li input[type="month"],.hero-order .order-list li input[type="time"],.hero-order .order-list li input[type="week"] {
    /*Updated on 16 Jan 2015
    background: #358b27;*/
    background: #BA1849;
}

.hero-order .order-list li .description {
    float: left;
    display: block;
    margin-right: 1.87727%;
    width: 72.83273%;
}

.hero-order .order-list li .description:last-child {
    margin-right: 0;
}

.hero-order .order-list li .element-price {
    float: left;
    display: block;
    margin-right: 1.87727%;
    width: 4.91455%;
}

.hero-order .order-list li .element-price:last-child {
    margin-right: 0;
}

.hero-order .controls .button {
    float: left;
    display: block;
    margin-right: 1.87727%;

}

.hero-order .controls .button:last-child {
    margin-right: 0;
}

@media screen and (max-width: 1024px) {
    .hero-order .order-list li>.description {
        float: left;
        display: block;
        margin-right: 1.87727%;
        width: 65.04091%;
    }

    .hero-order .order-list li>.description:last-child {
        margin-right: 0;
    }

    .hero-order .order-list li>.controller {
        float: left;
        display: block;
        margin-right: 1.87727%;
        /*width: 18.49818%;*/
		width: 194px; /*Added on 8 May*/
    }

    .hero-order .order-list li>.controller:last-child {
        margin-right: 0;
    }

    .hero-order .order-list li>.controller .button {
        margin: 0 2px;
    }

    .hero-order .order-list li>.element-price {
        float: right;
        display: block;
        margin-right: 1.87727%;
        /*width: 4.91455%;*/
		width: 11.4%;
		text-align:right;
    }

    .hero-order .order-list li>.element-price:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .hero-order .order-list li>.controller {
        float: left;
        display: block;
        margin-right: 1.87727%;
        /*width: 25.29%;*/
		width: 194px; /*Added on 8 May*/
    }
	
	.hero-order .order-list li > .description {width: 58.4%;}
	
    .hero-order .order-list li>.controller:last-child {
        margin-right: 0;
    }

    .hero-order .order-list li>.controller .button {
        margin: 0 2px;
    }
}

@media screen and (max-width: 568px) {
	.hero-order .order-list li .button {
    font-size: 0.70em; 
	}
    .hero-order {
        padding: 20px 10px;
    }

    .hero-order .order-list li>.description {
        float: left;
        display: block;
        margin-right: 1.87727%;
        width: 52.45727%;
    }

    .hero-order .order-list li>.description:last-child {
        margin-right: 0;
    }

    .hero-order .order-list li>.controller {
        float: left;
        display: block;
        margin-right: 1.87727%;
        width: 32.08182%;
    }

    .hero-order .order-list li>.controller:last-child {
        margin-right: 0;
    }

    .hero-order .order-list li>.controller .button {
        margin: 0;
    }

    .hero-order .controls .button, .guest-checkout {
        font-size: 0.875em !important;
    }
}

@media screen and (max-width: 480px) {
     .guest-checkout {
        width:100% !important;
    }
    .hero-order .order-list li>.description {
        float: left;
        display: block;
        margin-right: 1.87727%;
        width: 38.87364%;
    }

    .hero-order .order-list li>.description:last-child {
        margin-right: 0;
    }

    .hero-order .order-list li>.controller {
        float: left;
        display: block;
        margin-right: 1.87727%;
        width: 45.66546%;
    }

    .hero-order .order-list li>.controller:last-child {
        margin-right: 0;
    }

    .hero-order .order-list li>.controller .button {
        margin: 0 2px;
    }

    .hero-order .order-list li>.element-price {
        float: left;
        display: block;
        margin-right: 1.87727%;
        width: 4.91455%;
    }

    .hero-order .order-list li>.element-price:last-child {
        margin-right: 0;
        /*Added on 1 Feb for change price color for product page on IPhone6 view*/
        color: white;
    }

    .hero-order .controls .button {
        font-size: 0.75em;
    }
}

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

    .hero-order .title {
        text-align: center;
        font-size: 2.75em;
    }

    .hero-order .total {
        text-align: center;
    }

    .hero-order .order-list li>.description {
        float: left;
        display: block;
        margin-right: 1.87727%;
        width: 52.45727%;
    }

    .hero-order .order-list li>.description:last-child {
        margin-right: 0;
    }

    .hero-order .order-list li>.controller {
        float: left;
        display: block;
        margin-right: 1.87727%;
        width: 25.29%;
    }

    .hero-order .order-list li>.controller:last-child {
        margin-right: 0;
    }

    .hero-order .order-list li>.controller .button {
        float: left;
        padding: 0;
        margin-right: 5px;
    }

    .hero-order .order-list li>.controller .button:after {
        content: "";
        display: block;
        height: 11px;
        width: 11px;
        /*Updated on 16 Jan 2015
        padding: 9px;*/
        padding: 14px;
        background: url("../images/button-small-cross.png") center center no-repeat;
    }

    .hero-order .order-list li>.controller .hide {
        display: none;
    }

    .hero-order .order-list li>.element-price {
        float: left;
        display: block;
        margin-right: 1.87727%;
        width: 4.91455%;
        /* Updated on 16 Jan 2015
        color: #adff00;*/
        color: #FEEEF3;
    }

    .hero-order .order-list li>.element-price:last-child {
        margin-right: 0;
    }

    .hero-order .controls .button {
        width: 100%;
        display: block;
        font-size: 1em;
        margin: 5px 0;
    }

    

}

.hero-sub-categories {
    background: #393234;
    text-transform: uppercase;
    border-bottom: 2px solid #FFF;
}

.hero-sub-categories .categories {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0.875em;
    font-weight: 700;
}

.hero-sub-categories .categories li {
    width: 100%;
    display: table-cell;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.hero-sub-categories .categories li a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    padding: 15px 0;
	word-wrap: break-word;/*Added on 14 sept 2016 for subcategory text overlapping issue*/
}

.hero-sub-categories .categories li a:hover,.hero-sub-categories .categories li a.active {
    text-decoration: none;

    /* Updated on 8 Jan 2015 
    background: #94d60a;*/
    background: #015a9c;
    color: #FFF;
}

.hero-sub-categories .categories li:first-child {
    border-left: 2px solid #FFF;
}

.hero-sub-categories .categories li:last-child {
    border-right: 2px solid #FFF;
}
.tabbed-content .tab .hero-feature:nth-child(even){	
	background-image: url("../images/card-bg.jpg") !important;
}

@media screen and (max-width: 768px) {
    .hero-sub-categories .categories li {
        width: 100%;
        display: inline-block;
        border: none;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
    }

    .hero-sub-categories .categories li:first-child,.hero-sub-categories .categories li:last-child {
        border: none;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
    }
}

@media screen and (max-width: 320px) {
    .hero-sub-categories .categories .sub-title {
        display: none;
    }
}

.hero-subscribe {
    display: block;
    padding: 42px 0 ;
}

.hero-subscribe:after {
    content: "";
    display: table;
    clear: both;
}

.hero-subscribe .bullets {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    color: #015a9c;
    padding:0 0 0 60px;
    font-size: 1.375em;
	text-align:left;
}

.hero-subscribe .bullets:last-child {
    margin-right: 0;
}

.hero-subscribe .bullets span {
    color: #959595;
    /* Added on 8 Jan 2014 */
    
}

.hero-subscribe .sign-up {
    float: left;
    display: inline-block;
    margin-right: 2.35765%;
    width: 39%;
}

.hero-subscribe .sign-up:last-child {
    float: none;
    margin: 0 auto;
}

.hero-subscribe .sign-up .title {
    text-transform: uppercase;
    font-weight:300;
    font-size: 19px;
    color: #015a9c;
    font-family: "Myriad Pro";
}
.hero-subscribe .sign-up .title strong {
	font-size:24px;
	margin-right:3px;
	font-family: "Myriad Pro";
	font-weight: normal;
}

.hero-subscribe .sign-up input[type="email"] {
    float: left;
    display: block;
    margin-right: 2%;
    width: 86%;
	padding: 7px 15px;
}

.hero-subscribe .sign-up input[type="email"]:last-child {
    margin-right: 0;
}

.hero-subscribe .sign-up .button {
    background-image: url("../images/button-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    padding: 11px 22px;
	float: left;
}

@media screen and (max-width: 1024px) {
	.hero-subscribe .bullets {
		padding: 0 0 0 60px;	
	}
    .hero-subscribe .bullets>li {
        width: 90%;
    }

    .hero-subscribe .sign-up>input[type="email"] {
        float: left;
        display: block;
        width: 86%;
    }

    .hero-subscribe .sign-up>input[type="email"]:last-child {
        width: 77.43122%;
    }
}

@media screen and (max-width: 768px) {
	.hero-subscribe .sign-up .title strong {
		display:inline-block;
		text-align:center;
	}
.hero-subscribe .bullets,.hero-subscribe .sign-up {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 53.1443%;
}

    .hero-subscribe .bullets:last-child,.hero-subscribe .sign-up:last-child {
        margin:0 auto;
        padding: 0;
    }
	
    .hero-subscribe .bullets>li {
        width: 80%;
    }

    .hero-subscribe .sign-up .title {
        font-size: 1.225em;
    }

    .hero-subscribe .sign-up input[type="email"] {
        float: left;
        display: block;
        width: 84%;
    }

    .hero-subscribe .sign-up input[type="email"]:last-child {
        width: 66.14683%;
    }
}

@media screen and (max-width: 568px) {
	.hero-subscribe .sign-up .title strong {
		display:block; 
	}
	.hero-subscribe .bullets,.hero-subscribe .sign-up {
        width: 89.14426%;
    }

    .hero-subscribe .bullets:last-child,.hero-subscribe .sign-up:last-child {
        padding: 0;
    }

    .hero-subscribe .bullets>li {
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .hero-subscribe {
        padding: 50px 10px;
    }

    .hero-subscribe .bullets,.hero-subscribe .sign-up {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        margin-left: 0%;
    }

    .hero-subscribe .bullets:last-child,.hero-subscribe .sign-up:last-child {
        margin-right: 0;
    }

    .hero-subscribe .sign-up input[type="email"] {
        float: left;
        display: block;
        width:81%;
        font-size: 0.875em;
    }

    .hero-subscribe .sign-up input[type="email"]:last-child {
        width: 65.08753%;
    }

    .hero-subscribe .sign-up .button {
        padding: 10px 22px;
    }
}

.hero {
    position: relative;
}

.hero .owl-carousel {
    padding-top: 0px;
    /* Updated on 8 Jan 2015
    max-height: 522px;*/
    max-height: 794px;
    height: 100%;
    width: 100%;
}

    /* Added on 4 Feb 2015 */
    .desktop_slider {
        display: block;
    }
    
    /* Added on 4 Feb 2015 */
    .mobile_slider {
        display: none;
    }
    
    .mobile_landscape {
        display: none;
    }

    /*[Start] Added on 5 October 2015 for apply background image for all pages*/
    .desktop_background {
        display: block;
    }
    .mobile_background {
        display: none;
    }
    .mobile_landscape_background {
        display: none;
    }
    /*[End] Added on 5 October 2015 for apply background image for all pages*/

.hero .owl-carousel .item {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
    
.hero .owl-carousel .item img {
    position: absolute;
    top: 419px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hero .owl-carousel .owl-controls {
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin: auto;
    height: 35px;
}

.hero .owl-carousel .owl-pagination {
    display: none;
}

.hero .owl-carousel .owl-pagination .owl-page span {
    background: #FFF;
}

.hero .owl-carousel .owl-buttons .owl-prev,.hero .owl-carousel .owl-buttons .owl-next {
    width: 19px;
    height: 33px;
    filter: Alpha(Opacity=100);
    opacity: 1;
}

/* for arrow icons */

 .hero .owl-carousel .owl-controls {
     bottom: 0;
     height: 35px;
     left: 0px;
     margin: auto;
     position: absolute;
     right: 0px;
     top: 40px;
 }
 .hero .owl-carousel .owl-buttons .owl-prev ,.hero .owl-carousel .owl-buttons .owl-next{
     background-image:none;
 }
 .tparrows {
     background:rgba(0,0,0,0.6) url('../images/slider_arrow-left-white.png') no-repeat scroll left 22px center / 12px auto;
     border-top-right-radius: 4px;
	 border-bottom-right-radius: 4px;
     height: 60px !important;
     left: 0;
     position: absolute;
     top: 0 !important;
     width: 60px;
     z-index: 0;
	 -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
 }
 .tparrows:hover {
	/*width: 360px; */
	-webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
 }
 .tparrows .tp-arr-titleholder {
     left: 50px;
     transform: translateX(10%);
 }
 
 .tparrows .tp-arr-titleholder {
     background-size: cover;
     background-position: center center;
     display: block;
     visibility: hidden;
     position: relative;
     top: 0px;
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     white-space: nowrap;
     color: #fff;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 14px;
     line-height: 62px;
     padding: 0 21px;
 }
 .tparrows:hover .tp-arr-titleholder {
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
     visibility: visible;
     position: absolute;
 }
 
 .tparrows_r {
     background:rgba(0, 0, 0, 0.6) url("../images/slider_arrow-right-white.png") no-repeat scroll right 22px center / 12px auto;
     border-top-left-radius: 4px;
	 border-bottom-left-radius: 4px;
     height: 60px !important;
     right: 0;
     position: absolute;
     top: 0 !important;
     width: 60px;
     z-index: 0;
	 -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
 }
 .tparrows_r:hover {
	/*width: 360px; */
	-webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
 }
 .tparrows_r .tp-arr-titleholder {
	right:50px;
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%);
 }
 
 .tparrows_r .tp-arr-titleholder {
     background-size: cover;
     background-position: center center;
     display: block;
     visibility: hidden;
     position: relative;
     top: 0px;
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     white-space: nowrap;
     color: #fff;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 14px;
     line-height: 62px;
     padding: 0 21px;
 }
 .tparrows_r:hover .tp-arr-titleholder {
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
     visibility: visible;
     position: absolute;
 }
 
 

/* for arrow icons */
.hero .header .main-menu {
    background: rgba(91,91,91,0.8);
}

@media screen and (min-width: 768px) and (max-width: 1024px){
.hero .owl-carousel .item img {
	width: 222%;
	left: 40%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px)  and (orientation : landscape){
.hero .owl-carousel .item img {
	width: 170%;
}

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

	
    .hero .owl-carousel {
        padding-top: 0px;
    }

    .hero .owl-carousel .item img {
        max-width: 780px;
    }

    .hero .owl-carousel .owl-controls {
        top: auto;
        bottom: 0;
        height: 22px;
    }

    .hero .owl-carousel .owl-pagination {
        display: block;
    }

    .hero .owl-carousel .owl-buttons {
        display: none;
    }
    
    /* Added on 2 Jan 2015*/
    .hero .header .main-menu {
        background: none repeat scroll 0 0 transparent;
    }
}

.locations .locations-list .index-address {
    display: block;
    float: left;
    width: 64.238%;
}

.locations .locations-list .index-address .list {border: 1px solid transparent;}

.map-container {
    clear: both;
    margin: 50px 0 0;
    padding-left: 0px;
    padding-right: 2px;
}

.locations .locations-list-map .map-container {
	padding-top: 15px;
}

.locations .locations-list-map  #locations {
    height: 345px;
    width: 100%;
}

.index-address {
    display: block;
}
.index-address:after {
    content: "";
    display: table;
    clear: both;
}
.locations-list .index-address {margin-top:0;}

.index-address {
    padding-left: 20px;
	padding-top: 0; 
}

.index-address .list .index {
    display: inline-block;
    float: left;
    border: 2px solid transparent;
    font-size: 0.9375em;
    background:transparent;
}
.locations .index-address .list .index {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.locations-list .index-address .list .index .inner {
    background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}

.locations-list .index-address .list .index .inner:hover {
	background:#ffffff;
}

.locations-list .index-address .list .index .pointer {
    display: inline-block;
    vertical-align: top;
    margin: 18px 0 0 15px;
    width: 42px;
    height: 41px;

    background:url("../images/pointer-pink.png") no-repeat scroll center center;

}

.locations-list .index-address .list .index .inner {
    position: relative;
    overflow: hidden;
    min-height:235px;
}

.index-address .list .index .inner {
    background: none repeat scroll 0 0 rgba(37, 37, 37, 0.8);
    position: relative;
    overflow: hidden;
}

.contact .index-address .index {
    margin: 0 auto;
    width: 65.8808%;
	float:none;
	display: block;
}
.index-address .list .index .pointer {
    display: inline-block;
    vertical-align: top;
    margin: 18px 0 0 15px;
    width: 23px;
    height: 38px;
    background: url("../images/pointer-green.png") center center no-repeat;
}
.contact .index-address .index .inner {
    padding: 20px;
	width:100%;
	height: 188px;
	background:rgba(255, 255, 255,1) none repeat scroll 0 0;
}
.contact .index-address .index .inner:hover {
	background:rgba(255, 255, 255, 1) none repeat scroll 0 0;
}
.contact .index-address .index .display img {
    height: 207px;
    width: auto;
}
.contact .index-address .index .display {
	text-align:center;
}
.index-address .list .index .content {
    width: 70%;
    display: inline-block;
    margin: 20px 0 0 15px;
}
 /* Added on 29 Jan 2015 */
.contact .index-address .list .index .title {
    color: #464646;
    font-size: 1.25em;
    font-weight: 700;
    margin: 0;
	font-family:"Myriad Pro";
}

.locations-list .list .index .content {
    display: inline-block;
    margin: 20px 0 20px 0;
    width: 79%;
}

.locations-list .index-address .list .index .title, .index-address .list .index .title {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700;
	color: #015a9c;  
}
.locations-list .index-address .list .index .title, .index-address .list .index .title{
	
	
}

.index-address .list .index .title {
    font-size: 1.1875em;  
}

.locations-list .index-address .list .index .address  {
    width: 100%;
    padding:2px 0;
    font-size: 0.9375em;
    color:#000616;
	text-shadow: 0 0 0 #000616;
	font-weight: 300;
}

.address > a {
    /*font-weight: bold;*/
	display: inline-block;
    /*padding-top: 10px;*/
    text-decoration: underline;
}

.index-address .list .index .address {
    width: 65%;
    padding: 1px 0;
    font-size: 1.05em;
	font-family:"Myriad Pro";
}

.index-address .list .index .order-now {
    position: absolute;
    float: right;
    right: 15px;
    bottom: 10px;
    text-decoration: underline;
    font-size: 0.875em;
    color:#000616;
}

.index-address .list .index .hours {
    margin-left: 5px;
}
/* Added on 29 Jan 2015 */
.contact .index-address .list .index .hours .title {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700;
}

.index-address .list .index .hours .title {
    margin: 20px 0 0 0;
    font-size: 1.1875em;
    font-weight: 700;
    /* Updated on 9 Jan 2014
    color: #fa4c06;*/
    color: #015a9c; 
}

.index-address .list .options {
    width: 100%;
    margin: 3px 0 0;
    padding: 0;
    display: inline-block;
    list-style: none;
}

.index-address .list .options li {
    margin: 3px 0;
}

.index-address .list .options li:first-child {
    margin-top: 0;
}

.index-address .list .options li:last-child {
    margin-bottom: 0;
}

.index-address .list .options li .button {
    width: 100%;
    padding: 10px 0;
    background: #fff;
    font-size: 0.875em;
    font-weight: 700;
    color: #959595;
    text-align: center;
}

.index-address .list .options li .button.clear:after {
    display: none;
}

.index-address .list .options li .button.highlight {
    background: #fa4c06;
    color: #FFF;
}

.index-address .list .options li .button.highlight:after {
    width: 22px;
    height: 20px;
    background: url("../images/cta-arrow.png") center center no-repeat;
    position: relative;
    bottom: 3px;
    margin: 0 0 0 2px;
}

.index-address .list .options li .button.highlight:hover {
    background: #e24405;
}

.index-address .list .options li .button:hover {
    background: #f2f2f2;
}

@media screen and (max-width: 768px) {
    .index-address .list.selected .index.buttons {
        width: 100%;
    }

    .index-address .list.selected .index.buttons li {
        overflow: hidden;
        width: 50%;
        float: left;
        margin: 5px 0;
    }

    .index-address .list.selected .index.buttons li:nth-child(even) {
        padding-left: 5px;
    }

    .index-address .list.selected .index.buttons li:nth-child(odd) {
        padding-right: 5px;
    }

    .index-address .list.selected .index.buttons .options li,.index-address .list.selected .index.buttons .button li {
        margin: 2px 0;
        padding: 0 2px;
    }

    .index-address .list .index {
        width: 50%;
    }

    .index-address .list .index .options {
        margin-bottom: 10px;
    }
    
    /* Added on 2 Jan 2015*/
    .hero .header .main-menu {
        background: none repeat scroll 0 0 transparent;
		 border-image: none;
    }
    
    .app-header .main-menu {
    border-top: 0px;
    }
}

@media screen and (max-width: 568px) {
    .index-address .list.selected .index.buttons li {
        width: 100%;
        float: none;
    }

    .index-address .list.selected .index.buttons li:nth-child(even),.index-address .list.selected .index.buttons li:nth-child(odd) {
        padding: 0;
    }

    .index-address .list .index .pointer {
        display: inline-block;
        float: left;
        margin-left: 20px;
    }

    .index-address .list .index .content {
        width: 70%;
        display: inline-block;
        float: left;
    }

    .index-address .list .index .content .title {
        width: 100%;
    }

    .index-address .list .index .content .address {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .index-address .list .index {
        width: 100%;
    }

    .index-address .list .index .hours {
        margin-left: 60px;
    }

    .index-address .list .index .hours .title {
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .index-address .index .pointer {
        margin: 0;
    }

    .index-address .index .content {
        margin: 0;
        padding: 0;
    }

    .index-address .index .content .title {
        margin: 0;
        padding: 0;
    }
}

.locate .locate-me {
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-right: 0;
}

.locate .locate-me:last-child {
    margin-right: 0;
}

.locations-list .locate .locate-me, .locations-4 .locate .locate-me {
    display: block;
    margin-right: 2.35765%;
    width: 94.5%;
    margin: 0 auto;
}

.locations-list .locate .locate-me input[type="email"],.locations-list .locate .locate-me input[type="number"],.locations-list .locate .locate-me input[type="password"],.locations-list .locate .locate-me input[type="search"],.locations-list .locate .locate-me input[type="tel"],.locations-list .locate .locate-me input[type="text"],.locations-list .locate .locate-me input[type="url"],.locations-list .locate .locate-me input[type="color"],.locations-list .locate .locate-me input[type="date"],.locations-list .locate .locate-me input[type="datetime"],.locations-list .locate .locate-me input[type="datetime-local"],.locations-list .locate .locate-me input[type="month"],.locations-list .locate .locate-me input[type="time"],.locations-list .locate .locate-me input[type="week"] {
    width: 355px;
    float: right;
    color: #000000;
	font-weight: normal;
}

.locations-4 .locate .locate-me input[type="email"],.locations-4 .locate .locate-me input[type="number"],.locations-4 .locate .locate-me input[type="password"],.locations-4 .locate .locate-me input[type="search"],.locations-4 .locate .locate-me input[type="tel"],.locations-4 .locate .locate-me input[type="text"],.locations-4 .locate .locate-me input[type="url"],.locations-4 .locate .locate-me input[type="color"],.locations-4 .locate .locate-me input[type="date"],.locations-4 .locate .locate-me input[type="datetime"],.locations-4 .locate .locate-me input[type="datetime-local"],.locations-4 .locate .locate-me input[type="month"],.locations-4 .locate .locate-me input[type="time"],.locations-4 .locate .locate-me input[type="week"] {
    border: 3px solid #e2dacb;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    width: 355px;
    float: right;
    color:#000000;
}

.locations-list .locate .locate-me input[type="email"]::-moz-placeholder, .locations-list .locate .locate-me input[type="number"]::-moz-placeholder, .locations-list .locate .locate-me input[type="password"]::-moz-placeholder, .locations-list .locate .locate-me input[type="search"]::-moz-placeholder, .locations-list .locate .locate-me input[type="tel"]::-moz-placeholder, .locations-list .locate .locate-me input[type="text"]::-moz-placeholder, .locations-list .locate .locate-me input[type="url"]::-moz-placeholder, .locations-list .locate .locate-me input[type="color"]::-moz-placeholder, .locations-list .locate .locate-me input[type="date"]::-moz-placeholder, .locations-list .locate .locate-me input[type="datetime"]::-moz-placeholder, .locations-list .locate .locate-me input[type="datetime-local"]::-moz-placeholder, .locations-list .locate .locate-me input[type="month"]::-moz-placeholder, .locations-list .locate .locate-me input[type="time"]::-moz-placeholder, .locations-list .locate .locate-me input[type="week"]::-moz-placeholder{
    color:gainsboro;
    float: right;
	font-weight:normal;
}

.locations-4 .locate .locate-me input[type="email"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="number"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="password"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="search"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="tel"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="text"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="url"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="color"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="date"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="datetime"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="datetime-local"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="month"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="time"]::-moz-placeholder, .locations-4 .locate .locate-me input[type="week"]::-moz-placeholder{
    color:#gainsboro;
    float: right;
}

.locate .locate-me input[type="email"],.locate .locate-me input[type="number"],.locate .locate-me input[type="password"],.locate .locate-me input[type="search"],.locate .locate-me input[type="tel"],.locate .locate-me input[type="text"],.locate .locate-me input[type="url"],.locate .locate-me input[type="color"],.locate .locate-me input[type="date"],.locate .locate-me input[type="datetime"],.locate .locate-me input[type="datetime-local"],.locate .locate-me input[type="month"],.locate .locate-me input[type="time"],.locate .locate-me input[type="week"] {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 65.05695%;
    padding: 7px;
}

.locate .locate-me input[type="email"]:last-child,.locate .locate-me input[type="number"]:last-child,.locate .locate-me input[type="password"]:last-child,.locate .locate-me input[type="search"]:last-child,.locate .locate-me input[type="tel"]:last-child,.locate .locate-me input[type="text"]:last-child,.locate .locate-me input[type="url"]:last-child,.locate .locate-me input[type="color"]:last-child,.locate .locate-me input[type="date"]:last-child,.locate .locate-me input[type="datetime"]:last-child,.locate .locate-me input[type="datetime-local"]:last-child,.locate .locate-me input[type="month"]:last-child,.locate .locate-me input[type="time"]:last-child,.locate .locate-me input[type="week"]:last-child {
    margin-right: 0;
}


.locate .locate-me .button:last-child {
    margin-right: 0;
}

.locate .locate-me .locate-button {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    padding-left: 0;
    clear: both;
    display: block;
    background: none;
    margin: 0;
    border: none;
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    text-decoration: underline;
    text-align: left;
}

.locate .locate-me .locate-button:last-child {
    margin-right: 0;
}

.locate .locate-me .locate-button:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 38px;
    background: url("../images/pointer-white.png") center center no-repeat;
    vertical-align: middle;
}

.locate .locations-found {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    display: inline-block;
    color: #fff;
    font-size: 1.75em;
    font-weight: 700;
    text-transform: uppercase;
}

.locate .locations-found:last-child {
    margin-right: 0;
}

@media screen and (max-width: 1024px) {
    
    
    .locations-list .locate .locate-me .button, .locations-4 .locate .locate-me .button {
    float: right;
    width:auto;
    }
    .locate .locate-me {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%;
        margin-right: 0;
    }

    .locate .locate-me:last-child {
        margin-right: 0;
    }

    .locate .locate-me input[type="email"],.locate .locate-me input[type="number"],.locate .locate-me input[type="password"],.locate .locate-me input[type="search"],.locate .locate-me input[type="tel"],.locate .locate-me input[type="text"],.locate .locate-me input[type="url"],.locate .locate-me input[type="color"],.locate .locate-me input[type="date"],.locate .locate-me input[type="datetime"],.locate .locate-me input[type="datetime-local"],.locate .locate-me input[type="month"],.locate .locate-me input[type="time"],.locate .locate-me input[type="week"] {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 66.2783%;
    }

    .locate .locate-me input[type="email"]:last-child,.locate .locate-me input[type="number"]:last-child,.locate .locate-me input[type="password"]:last-child,.locate .locate-me input[type="search"]:last-child,.locate .locate-me input[type="tel"]:last-child,.locate .locate-me input[type="text"]:last-child,.locate .locate-me input[type="url"]:last-child,.locate .locate-me input[type="color"]:last-child,.locate .locate-me input[type="date"]:last-child,.locate .locate-me input[type="datetime"]:last-child,.locate .locate-me input[type="datetime-local"]:last-child,.locate .locate-me input[type="month"]:last-child,.locate .locate-me input[type="time"]:last-child,.locate .locate-me input[type="week"]:last-child {
        margin-right: 0;
        /*Added on 20 Jan 2015*/
        margin-left: 0;
    }

/*    .locate .locate-me .button {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 32.55661%;
        display: inline-block;
        float: none;
    }*/

    .locate .locate-me .button:last-child {
        margin-right: 0;
    }

    .locate .locate-me .locate-button {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 46.28851%;
    }

    .locate .locate-me .locate-button:last-child {
        margin-right: 0;
    }

    .locate .locations-found {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 53.63267%;
    }

    .locate .locations-found:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .locate .locate-me {
        float: right;
        display: block;
        margin-right: 7.42297%;
        width: 73.14426%;
    }

    .locate .locate-me:last-child {
        margin-right: 0;
    }

    .locate .locations-found {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        margin: 20px 0;
    }

    .locate .locations-found:last-child {
        margin-right: 0;
    }

    /*Added on 28 Jan 2015 for location landing page*/
    .locations .locations-hero.first-state .locate .locate-me .heading {
        text-align: right;
        /*Updated on 28 Jan 2015 for remove extra space from top
        padding-top: 60px;*/
        padding-top: 0px;
        padding-left: 100px;
        padding-bottom: 18px;
        padding-right: 23px;
    }
}



@media screen and (max-width: 568px) {
    .locate .locate-me {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
    }

    .locate .locate-me:last-child {
        margin-right: 0;
    }

    .locate .locate-me .button {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 32.55661%;
        display: inline-block;
        float: none;
        text-align: center;
    }

    .locate .locate-me .button:last-child {
        margin-right: 0;
    }

    .locate .locations-found {
        font-size: 1.5625em;
    }
}
/*Added on 21 Jan 2015*/
@media screen and (max-width: 360px) {

    .mobile-selection .state {
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    background:rgba(25, 25, 25, .7);
    color:#fff;
    font-weight:700;
    font-size:1.1875em;
    display:inline-block;
    width:80%;
    border-radius:5px;
    cursor:pointer;
    margin:5px 0;
    padding:10px 0;
    }

    .locations .locations-hero.first-state .locate .locate-me .heading {
        text-align: right;
        /*Updated on 28 Jan 2015 for remove extra space from top
        padding-top: 60px;*/
        padding-top: 0px;
        padding-left: 100px;
        padding-bottom: 18px;
        padding-right: 23px;
    }


}
/*End Here*/

@media screen and (max-width: 320px) {
    .locate .locate-me {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
    }



    .locate .locate-me:last-child {
        margin-right: 0;
    }

    .locate .locate-me input[type="email"],.locate .locate-me input[type="number"],.locate .locate-me input[type="password"],.locate .locate-me input[type="search"],.locate .locate-me input[type="tel"],.locate .locate-me input[type="text"],.locate .locate-me input[type="url"],.locate .locate-me input[type="color"],.locate .locate-me input[type="date"],.locate .locate-me input[type="datetime"],.locate .locate-me input[type="datetime-local"],.locate .locate-me input[type="month"],.locate .locate-me input[type="time"],.locate .locate-me input[type="week"] {
        width: 100%;
    }

    .locate .locate-me .locate-button {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 46.28851%;
    }

    .locate .locate-me .locate-button:last-child {
        margin-right: 0;
    }

    .locate .locate-me .button {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    .locate .locations-found {
        font-size: 1.125em;
    }

    /*Added on 27 Jan 2015 for down headin from top*/
    .locations .locations-hero.first-state .locate .locate-me .heading {
        text-align: right;
        /*Updated on 28 Jan 2015 for remove extra space from top
        padding-top: 60px;*/
        padding-top: 0px;
        padding-left: 100px;
        padding-bottom: 18px;
        padding-right: 23px;
    }

.mobile-selection .state {
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
background:rgba(25, 25, 25, .7);
color:#fff;
font-weight:700;
font-size:1.1875em;
display:inline-block;
width:80%;
border-radius:5px;
cursor:pointer;
margin:5px 0;
padding:10px 0;
}

.mobile-selection .state:hover {
background:#015a9c;
text-decoration:none;
}


}

.main-title {
    color: #FFF;
    margin-top: 50px;
    margin-bottom: 20px;
}
.sitemap .main-title {
	display:inline-block;
}
.main-title .title {
    display: inline-block;
    font-size: 2.875em;
    font-family:Arial,sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: normal;
}
/*Added on 4 feb 2015*/
.sitemap_titel{
    padding-left: 0px;
    padding-top: 30px;
}

.main-title .subtitle {
    margin: 0;
    display: block;
    font-size: 1.225em;
    color: inherit; 
    /* Updated on 8 Jan 2015 
    text-transform: uppercase; */    
    
    text-transform: none;
}


.main-title .paragraph {
    font-size: 1.1875em;
}

.main-title .paragraph a {
    text-decoration: underline;
}

.main-title p {
    font-size: 1.1875em;
}

/*[Start]: Added on 18 Feb 2015 for manage paragraph on career page*/
.paragraph_career{
    padding-left: 11px;
}
/*[End]: Added on 18 Feb 2015*/

@media screen and (max-width: 568px) {
    .main-title .title {
        font-size: 1.625em;
    }

    .main-title .paragraph {
        font-size: 1em;
    }
    
    /* Added on 1 Feb 2015 */
    .account {
        width: 100%;
        height: 50px;
        margin: 5px 0;
        border: 1px solid #ccc;
        color: #333;
        border-radius: 7px;
        text-align: center;
        text-transform: uppercase; 
        /* Updated on 3 Feb 2015
        font-size: 19px; */
        font-size: 16px;        
        line-height: 50px;
        display: inline-block;
        font-weight: bold;
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    }
}

@media screen and (max-width: 320px) {
    .main-title .title {
        /* Updated on 7 Feb 2015 
        font-size: 2.5em; */
        font-size: 1.5em;
    }
}

#map-canvas {
    width: 100%;
    margin-top: 5px;
    height: 680px;
    border: 10px solid #fff;
}

@media screen and (max-width: 1024px) {
    #map-canvas {
        margin-top: 5px;
        border: 10px solid #fff;
        height: 680px;
    }
}

@media screen and (max-width: 768px) {
    #map-canvas {
        margin-top: 5px;
        height: 400px;
        border: 10px solid #fff;
    }
}

@media screen and (max-width: 568px) {
    #map-canvas {
        margin-top: 5px;
        border: 10px solid #fff;
    }
}

@media screen and (max-width: 480px) {
    #map-canvas {
        margin-top: 5px;
        border: 10px solid #fff;
    }
}

@media screen and (max-width: 320px) {
    #map-canvas {
        margin-top: 5px;
        border: 10px solid #fff;
    }
}

.order-category {
    width: 100%;
    padding: 0 20px;
    margin: 20px 0;
}

.order-category:last-child {
    margin-bottom: 40px;
}

.order-category .soups {
    background: url("../images/order-soups.png") center center no-repeat;
}

.order-category .salads {
    background: url("../images/order-salads.png") center center no-repeat;
}

.order-category .sushi-rolls {
    background: url("../images/order-sushi-rolls.png") center center no-repeat;
}

.order-category .sushi-boxes {
    background: url("../images/order-sushi-boxes.png") center center no-repeat;
}

.order-category .bento-boxes {
    background: url("../images/order-bento-boxes.png") center center no-repeat;
}

.order-category .spring-rolls {
    background: url("../images/order-spring-rolls.png") center center no-repeat;
}

.order-category .v-bowls {
    background: url("../images/order-v-bowls.png") center center no-repeat;
}

.order-category .vegetarian {
    background: url("../images/order-vegetarian.png") center center no-repeat;
}

.order-category .section-title {
    margin-top: 15px;
    margin-bottom: 17px;
	font-size: 1.8em;
	text-align: center;
}

/*.order-category .section-title:before {
    content: "1";
    display: inline-block;
    border: 3px solid #737373;
    border-radius: 50%;
    padding: 0 0.375em;
    margin-right: 10px;
	line-height: normal;
}*/
.order-category .section-title:before {
    content: none;
    display: inline-block;
    border: none;
    border-radius:0;
    padding: 0;
    margin-right:0;
	line-height: normal;
}

.order-category .wrapper {
    display: block;
    margin: 10px 0 0 0;
    border-radius: 5px;
    background-color: #015a9c;
    color: #FFF;
    font-size: 1em;
	cursor:pointer;
}

.order-category .wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.order-category .wrapper .categories {
    width: 48px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
	text-align: center;
}
.order-category .wrapper .categories img{
	max-height: 38px;
}
.order-category .wrapper .title {
    display: inline-block;
    font-size: 1.8125em;
    vertical-align: middle;
    margin: 0;
    color: #FFF;
    line-height: 2;
}

.order-category .wrapper .counter {
    display: inline-block;
    margin-left: 10px;
    font-size: 1.1875em;
    font-weight: bold;
    vertical-align: middle;
    color: #FFF;
}

.order-category .wrapper .toggle {
    cursor: pointer;
    display: inline-block;
    float: right;

    background: #ffffff url("../images/plus-blue.png") center center no-repeat;

    width: 30px;
    height: 30px;
    margin-top: 15px;
    margin-right: 10px;
    border-radius: 50%;
}

.order-category .wrapper.active .toggle {

    background: #ffffff url("../images/minus-blue.png") center center no-repeat;

}
.order-category .items {
    display: block;
    display: none;
    margin: 3px 0 0 0;
    padding: 0;
    text-align: center;
}

.order-category .items:after {
    content: "";
    display: table;
    clear: both;
}

.order-category .items li {
    /*width: 11.11%;*/
	width: 25%;
    display: inline-block;
    float: left;
/*    background: #015a9c;
	color: #FFF;*/
	background:#ffffff;
	color:#393234;
	padding-bottom: 0;
    position: relative;
	border:none;
	height: auto !important;
    min-height: 235px;
}

.order-category .items li .display {
    height: auto;
    margin-bottom: 0.3125em;
    max-width: 100%;
    vertical-align: middle;
    width: auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
	margin:auto;
}

.order-category .items li .title {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 0;
    font-size:0.72em;
    color: inherit;
    font-weight: 700;
}

.order-category .items li .controls {
    width: 100%;
    position: relative;
    bottom: 0;
    text-align: center;
    padding: 10px 0;
}

.order-category .items li .controls .price {
    width: 100%;
    display: block;
    /*Updated on 16 Oct 2015 for change color of price on order now page
    color: #598527;*/
    color:#393234;
    font-weight: normal;
    font-size: 0.75em;
}

.order-category .subcategory {
    display: none;
    text-transform: uppercase;
}

.order-category .subcategory .subtitle, .order-category .order-checkout-bar {
    display: block;
    background: #393234;
    margin: 0;
    padding: 0.875em 0;
    color: #FFF;
    font-size: 0.875em;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.order-category .subcategory .subtitle:first-child {
    margin-top: 0.1875em;
}


.order-category .order-checkout-bar .inner-section{
	text-align:center;
	font-size: 11pt;
}
.order-category .order-checkout-bar .inner-section .checkout {
	color:#c9e18e;
	padding-left: 2px;
	text-decoration:none;
}
.order-category .order-checkout-bar .inner-section .cart-items {
    border-right: 2px solid #fff;
    padding-right: 8px;
}
.order-category .order-checkout-bar {
	margin: 0 0 -4px;
	width: 75em;
	cursor:default;
	-webkit-overflow-scrolling:touch;
}
.img_back {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    height: 130px;
    width: 100%;
	position: relative;
}
.order-category .items li .display {
	max-height:130px;
}
.quantifier_order {
	min-height: 120px;
    position: relative;
    width: 100%;
}
@media screen and (max-width: 1024px) {
	.order-category .order-checkout-bar {
		width: 69em;
	}
    .order-category {
        padding: 0 30px;
    }
	.order-category .items li .controls .add {
    margin: 0;
    padding: 0 11px 0 12px;
	}	
	.order-category .items li .controls .remove {
    margin: 0;
    padding: 0 13px 0 11px;
	}
}

@media screen and (max-width: 768px) {
	.order-category .items li .controls .remove, .order-category .items li .controls .add {
    margin: 0;
    padding:6px 13px;
	}
	.img_back {
		height: 160px;
	}
	.order-category .items li .display {
		max-height: 160px;
	}
	.order-category .order-checkout-bar {
		width: 52em;
	}
    .order-category {
        padding: 0 20px;
    }

    .order-category .items li {
        width: 25%;
    }

}

@media screen and (max-width: 568px) {
	.img_back {
		height: 233px;
	}
	.order-category .items li .display {
		max-height: 233px;
	}
	.order-category .order-checkout-bar {
    	width: 100%;
	}
	.order-category .wrapper {
		display: table;
		width: 100%;
		padding: 3px 0;
	}
	.order-category .wrapper .categories {
		/*padding: 0 15px;*/
		width: 80px;
	}	
	.order-category .wrapper .title {
		 line-height:normal;
		 height: 44px;
		/* width: 54%;*/
		 width: 73%;
	}
	.order-category .wrapper .counter, .order-category .wrapper .title, .order-category .wrapper .categories  {
		display: table-cell;
		vertical-align: middle;
	}
/*	.categories > img {
    width: 38px;
	}*/
	.order-category .wrapper .toggle {
		margin-top: 5px;
	}
	.order-category .wrapper .counter {
		margin-left: 5px;
	}
	.order-category {
        padding: 0;
    }
    .order-category .items li {
        width: 100%;
		height: auto !important;
    }
	.order-category .wrapper .title {
    font-size: 1.2625em;
	}
    .order-category .items li .controls>.control {
        margin: 0 5px;
    }
}

@media screen and (max-width: 320px) {
    .order-category {
        padding: 0;
    }
    .order-category .section-title {
        text-align: center;
        font-size: 1.5625em;
    }

    .order-category .wrapper .title {
        font-size: 1.10em;
    }

    .order-category .wrapper .toggle {
        margin-top: 5px;
    }
}

@media screen and (max-width: 540px) {
.order-category .wrapper{
	border-radius: 0;
}
}
.page-single {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 40px 0 10px;
}
.sitemap_title_content {
    margin-top: 357px;
    background: #EBEBEB;
    color:#000616;
	padding: 10px 0 10px;
}

.text_content_sitemap {
    padding-left: 0; 
    vertical-align: top; 
    width: 100%; 
    padding-right:60px;
}

.t_and_c {
    margin-top:4px;
    /*background: #EBEBEB;*/
	background:none;
    color:#000616;
    
}

.text_content {
    display: table-cell; 
    padding-left: 60px; 
    vertical-align: top; 
    width: 100%; 
    padding-right:60px;
}

.page-single .display {
    display: table-cell;
    width: 40%;
    vertical-align: top;
    padding-right: 50px;
    padding-left: 75px;
    float: right;
}

.page-single .content {
    display: table-cell;
    width: 50%;
    margin: 60px 0;
     padding-right: 0;
    
}

.page-single .content .title {
    margin-bottom: 20px;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    color: #231f20;
}

@media screen and (max-width: 768px) {
    .page-single .display {
        display: table-cell;
        width: 40%;
        padding-right: 25px;
        padding-left: 25px;
    }
    
    .text_content_sitemap {
        padding-left: 15px; 
        vertical-align: top; 
        width: 100%; 
        padding-right:15px;
    }
    
    .text_content {
        display: table-cell; 
        padding-left: 15px; 
        vertical-align: top; 
        width: 100%; 
        padding-right:15px;
    }

    .about_background {
        background-position: left 75% top 0 !important;
        background-size: 175% auto !important;
    }
    
    .page-single .display img {
        width: 100%;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
	.app-footer .social:last-child {
    margin-right: 26px;
	}
}

@media screen and (max-width: 568px) {
    .page-single .display {
        padding: 0;
        margin: 0 0 20px;
    }

    .page-single .content {
        padding-right: 20px;
    }
}

@media screen and (max-width: 320px) {
    .page-single .display {
        width: 100%;
        display: block;
    }

    .page-single .content {
        width: 100%;
        display: block;
        padding: 0 15px;
    }
}

.signup .button {
    width: 100%;
    margin: 10px 0;
}

.signup .create-account {
    background: #7f7e7e;
}



.signup .create-account:after {
    display: inline-block;
    width: 14px;
    height: 23px;
    background: url("../images/button-arrow-white.png") center center no-repeat;
}

/* Added on 31 Jan 2015 */
.a {
    text-align: center;
}


.signup .disclamer {
    color: #FFF;
    display: block;
    text-align: center;
    margin: 5px 0;
    font-size: 1.1875em;
    text-transform: uppercase;

}

.signup .social-login {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
}

.signup .social-login:after {
    content: "";
    display: table;
    clear: both;
}

.signup .social-login .facebook {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    background: #41559a;
    text-transform: capitalize;
}

.signup .social-login .facebook:last-child {
    margin-right: 0;
}

.signup .social-login .facebook:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 32px;
    background: url("../images/social-facebook-white.png") center center no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}

.signup .social-login .facebook:after {
    display: none;
}

.signup .social-login .gplus {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    background: #d33034;
    text-transform: capitalize;
}

.signup .social-login .gplus:last-child {
    margin-right: 0;
}

.signup .social-login .gplus:before {
    content: "";
    display: inline-block;
    width: 33px;
    height: 35px;
    background: url("../images/social-gplus-white.png") center center no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}

.signup .social-login .gplus:after {
    display: none;
}

@media screen and (max-width: 568px) {
    .signup .button {
        font-size: 0.9375em;
    }
}

.social-list {
    display: inline-block;
    padding: 0;
    margin: 15px 0 0 15px;
    list-style: none;
    vertical-align: middle;
}

.social-list li {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #ebebeb;
}

.social-list li .facebook {
    background: url("../images/social-facebook.png") center center no-repeat;
}

.social-list li .twitter {
    background: url("../images/social-twitter.png") center center no-repeat;
}

.social-list li .gplus {
    background: url("../images/social-gplus.png") center center no-repeat;
}

.social-list li a {
    display: block;
    width: 50px;
    height: 50px;
}

.social-list li:last-child {
    border-right: none;
}
.careers .career-hero, .faqs .faqs-hero, .about .about-hero, .sitemap .sitemap-hero, .login .hero-login, .contact .hero-contact, .locations .app-content, ..locations-hero.first-state.location-landing, .locations .location-refer, .locations .locations-info {
    padding-top: 20px;
	background:red;
	/*background:rgba(0, 0, 0, 0) url("../images/background-texture-gray.jpg") repeat scroll 0 0;*/
/*	background:#0a6f83;
    background:radial-gradient(closest-corner at 20% 20% , #fcfdad, #92c755) repeat scroll 0 0;
	background:-webkit-radial-gradient(closest-corner at 20% 20% , #fcfdad, #92c755) repeat scroll 0 0;
	background:-moz-radial-gradient(closest-corner at 20% 20% , #fcfdad, #92c755) repeat scroll 0 0;
	background:-ms-radial-gradient(closest-corner at 20% 20% , #fcfdad, #92c755) repeat scroll 0 0;*/
    padding-bottom: 100px;
}
.about-hero.about_background {
    padding-bottom: 100px;
}
.locations .locations-list, .locations .locations-hero {
    background:none; 
}
.locations .app-content {
    /*Updated on 19 October 2015 for change background color
    background: #ebebeb;*/
    background: #f2f2f2;
}
.locations .locations-hero, .careers .career-hero, .contact .hero-contact, .careers .career-hero-application, .login .hero-login, .sitemap .sitemap-hero, .franchise .franchise-hero, .franchise .franchise-reg, .faqs .faqs-hero {
	background-repeat:no-repeat !important;
	background-position: center top !important;
}
.careers .career-hero-application {
    padding-top: 20px;
    min-height: 600px;
    background: url("../images/hero-career.jpg") top center no-repeat #E7E7E7;
    background-size: 100%;
}



.careers .main-title {
    padding-left: 20px;
    margin-bottom: -20px;
    margin-top: 95px;
}

.careers .main-title .title {
    margin: 0;
    color: #015a9c;
}

.careers .main-title .subtitle {
    margin: 0;
    width: 80%;
}

.careers .main-title .paragraph {
    font-size: 1.1em;
    width: 75%;
}

.careers .accordion .content {
    background: rgba(0,0,0,0.4);
    margin-left: 15px;
    margin-right: 15px;
}

.careers .form {
    padding-top: 20px;
    padding-bottom: 80px;
}

.careers .form form .upload {
    margin: 20px 0;
}

.careers .form form .upload .subtitle {
    font-size: 1.75em;   
}

.careers .form form .upload .disclamer {
    font-size: 0.9375em;    
    font-weight: normal;
    color: #fff; 
}

.careers .form form .upload .black {
    font-size: 0.75em;
    padding: 5px 0;
    width: 130px;
}

.careers .form form .upload .black:after {
    display: none;
}

.careers .form form .upload span {
    font-size: 1.125em;
    margin-left: 20px;
}

@media screen and (max-width: 568px) {
    #image_title {
        margin-top: 5px;
        margin-left: 0;
    }
    .careers .career-hero {
        /* Updated on 23 Jan 2015 
        background-size: cover; */
    }

    .careers .form form {
        float: left;
        display: block;
        margin-right: 7.42297%;
        /*Updated on 27 Jan 2015
        widht: 73.14426%;
        margin-left: 70px;*/
        width: 100%;
        margin-left: 0px;
    }

    .careers .form form:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 320px) {
    .careers .main-title .subtitle {
        width: 100%;
    }
    .careers .main-title .subtitle_career_submission {
        width: 100%;
        color: #383636; 
    }
    .careers .form form {
        width: 90%;
        margin: 0 10px;
    }
}

.categories .hero-feature {
    background: url("../images/categories-background.png") top center repeat-x;
}
.categories .tab {
    display: none;
}

.categories .tab.active {
    display: block;
}

@media screen and (max-width: 320px) {
    .categories .hide {
        display: none;
    }

    .categories .hero-feature {
        padding-top: 10px;
    }

    .categories .hero-feature .content>a {
        padding: 15px 8px;
    }
}

.contact .app-content {
    /*Updated on 19 October 2015 for change background color
    background: #e8e8e8;*/
    background: #f2f2f2;
}

.contact .hero-contact {
	/*background:url("../images/background-texture-gray.jpg") repeat scroll 0 0;*/
    padding-top: 20px;
    background-color: #E8E8E8;
}

.contact .form {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.contact .form .wrapper {
    /* updated on 6 Feb 2015
    text-align: left; */
    text-align: center;
}

.contact .form form {
    padding-bottom: 50px;
}

/* Added on 9 Feb 2015 -- */
.hero-contact .main-title {
    color: #FFF;
    margin-top: 50px ;
    margin-bottom: 100px;
    padding-left: 20px;
    padding-top: 100px !important; 
}

.hero-contact .main-title .title {
    display: block;
    font-size: 2.875em;
    color: #015a9c;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 40px;
    line-height: .9;
}

.faqs .main-title {
    margin-bottom: -20px;
    padding-left: 20px;
    margin-top:0;
	padding-top: 120px;
}
.about .main-title {
	margin-top:0;
}
.faqs .main-title .subtitle {
    margin-top: 2px;
}

.faqs .accordion .tag {
    background: transparent;
}

.faqs .accordion .tag .circle.active .toggle, .careers .accordion .tag .circle.active .toggle {
    background:url("../images/minus_dark_blue.png") center center no-repeat !important;
    width: 36px;
    height: 36px;
}


.faqs .accordion .content {
    background: rgba(0,0,0,0.4);
    margin-right: 15px;
}


.faqs .accordion .content .paragraph {
    width: 85%;
    font-size: 16px;
    margin-left: 10px;
}

@media screen and (max-width: 568px) {
    .faqs .career-hero {
        background-size: cover;
    }
}

@media screen and (max-width: 320px) {
    .faqs .accordion .title {
        font-size: 19px;
        padding-right: 20px;
        text-transform: none;
        font-weight: normal;
        line-height: 2;
    }
    .faqs .accordion .content {
        margin-left: 15px;
        margin-right: 15px;
    }
    .faqs .main-title {
        padding-left:10px;
    }    
    .faqs .accordion .content .paragraph {
        font-size: 16px;
    }
}

/*.features .main-menu {
    border-bottom: none;
}*/

.features .hero-feature.odd_blog {
    background: #e7e7e7;
}

.features .hero-feature .button {
    width: 270px;
    text-align: center;
}

.features .hero-feature.even {
    background: #231f20;
}

/* Added on 9 jan 2015 */
.features .hero-feature.even_blog {
    background: #fff;
}

.features .hero-feature .button {
    width: 270px;
    text-align: center;
}

.features .hero-feature.black {
    background: #231f20;
}

.features .hero-feature .button {
    width: 270px;
    text-align: center;
}

.features .hero-feature.red {
    background: #015a9c;
}

.features .hero-feature .button {
    width: 270px;
    text-align: center;
    margin: 5px auto;
}

.features .hero-feature.red {
    color: #777777;
}

.features .hero-feature.red .title {
    color: #015a9c;
}

/* Added on 8 Jan 2015*/
.features .hero-feature.red .sub-title {
    
    color: #FFF;
}
.features .hero-feature.red .button:hover {
    background: #e6e6e6;
}

@media screen and (max-width: 320px) {
    .features .content .title {
        font-size: 2.1875em;
    }
    
    .features .content .subtitle {
        font-size: 1.1875em;
    }

    .features .content p {
        font-size: 0.9375em;
    }

    .features .content .disclamer {
        font-size: 0.8125em;
    }
}

.franchise .app-content {
    /*Updated on 19 October 2015 for change background color
    background: #ebebeb;*/
    background: #f2f2f2;
}

.franchise .franchise-hero {
    padding-top: 0;
    background: url("../images/franchise-background.jpg") top center no-repeat #e9eaea;
    background-position:center top -77px;
}
@media screen and (min-width: 769px) {
.franchise .franchise-hero {
    padding-top: 89px; 
}	
}
@media screen and (min-width: 1025px) {
.franchise .franchise-hero {
    padding-top: 92px; 
}	
}
.franchise .franchise-reg {
    padding-top: 0;
    background: url("../images/franchise-registration.jpg") top center no-repeat #e9eaea;
    background-position:center top 0;
    min-height:600px;
}

.franchise .view-header {
    display: table;
    max-width: 120em;
    table-layout: fixed;
    margin: 0 auto;     
}

.franchise .view-header .view-header-content{
    width:50%; 
    background:rgba(237, 21, 86, 0.8);
}

.franchise .view-header .main-title {
    display: table-cell;
    width: 421px;
    float:right;
    padding-left: 0;
    margin-right: 7%;
    margin-top: 15%;
    text-align:center;
    margin-bottom: 0;
    vertical-align: top;
    display: inline-block;
}

.franchise .view-header .main-title .title {
    margin: 0;
    color:#FFFFFF;
    text-shadow: 0 0 0 #ffffff; 
    font-size:45.79pt;
	line-height: 0.9;
}
/*.franchise-hero .main-title .title {
	font-family: "Myriad Pro";
	line-height: 0.9;
}*/
.franchise .view-header .main-title .subtitle {
    
    font-size: 18pt;
    font-weight: bold;
    margin: 11px 0 0;
    text-transform: uppercase;
    width: 100%;
}

.franchise .view-header .header-seals {
    display: table-cell;
    width:527px;
    float:right;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 20px;
    margin-top: 10px;
}
.franchise .view-header .header-seals .franchise_catalog{
	background: url("../images/franchise-download.png");
	width:253px;
	height:263px;
	display:inline-block;
}
.franchise .view-header .header-seals .development-map{
	background: url("../images/franchise-view-more.png");
	width:253px;
	height:263px;
	display:inline-block;
}
.franchise .accordion .content {
    background:#ffffff;
     padding: 20px 95px;
}
.franchise .accordion .content span, .franchise .accordion .content p {
    width: 100%;
    color:#535353;
    font-size:16pt;
}
.franchise .request-info {
    color: #959595;
    padding:20px 0 10px 10px;
}

.franchise .request-info .title {
    color: #015a9c;
    text-shadow:0 0 0 #015a9c;    
    font-size: 26pt;
    text-transform: uppercase;
}

.franchise .request-info .paragraph {
    width: 100%;
    font-size: 18pt;
    line-height: .7;
    color:#000616;
    text-shadow:0 0 0 #464646;
}

.franchise .request-info .high-light {
    color: #015a9c;
    display: block;    
    font-size: 18pt;
    text-shadow: 0 0 0 #015a9c;
    font-weight: normal;
}

.franchise .request-info a {font-size:19pt;}

.franchise .request-info a.button:after {
    background: url("../images/arrow-right-white.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 33px;
    width: 19px;
}

.franchise .request-info .button {
    padding-right: 30px;
    padding-left: 30px;
}

.franchise .request-info a {
    margin: 20px 0;
}

.franchise .form {
    padding-top: 20px;
    padding-bottom: 50px;
}

.franchise .form form {
    display: table-cell;
    width: 66.66667%;
    margin-left: 17.05961%;
}

.career-hero-application .wrapper-message{
    display:inline-block;
    width: 66.66667%;
    margin-left: 17.05961%;
    padding-top:178px;
}

.franchise .form form .button {
    width: 50%;
    margin-top: 20px;
}


@media screen and (max-width: 1024px) {
	
	.about-hero.about_background {
		padding-bottom:0;
	}
    .franchise .view-header {
        margin-bottom: 30px;
    }

    .franchise .view-header .main-title {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
    }

    .franchise .view-header .main-title .title {
        width: 100%;
    }

    .franchise .view-header .main-title .subtitle {
        width: 100%;
    }

    .franchise .view-header .header-seals {
        display: table-cell;
        width: 150%;
        display: inline-block;
    }
}



@media screen and (max-width: 768px) {
    
    .franchise .view-header {
        margin-bottom: 30px;
    }

    .franchise .view-header .main-title {
        display: table-cell;
        width: 75%;
        vertical-align: middle;
    }

    .franchise .view-header .main-title .title {
        width: 100%;
    }

    .franchise .view-header .main-title .subtitle {
        width: 100%;
    }

    .franchise .view-header .header-seals {
        width: 100%;
        display: inline-block;
    }

}

@media screen and (max-width: 568px) {
    .franchise .view-header .main-title .subtitle {
        font-size: 1em;
    }

    .franchise .content>.subtitle {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 480px) {
    .franchise .view-header {
        display: block;
    }

    .franchise .view-header .main-title {
        display: table-cell;
        width: 75%;
        font-size: 0.875em;
        padding-left: 10px;
    }

    .franchise .view-header .header-seals {
        width: 100%;
    }

    .franchise .view-header .header-seals img {
        display: inline-block;
        width: 40%;
    }

    /*Added on 28 Jan 2015 for change button color on location mouse hover*/
    .mobile-selection .state:hover {
        background: none repeat scroll 0% 0% #015a9c;
        text-decoration: none;
    }
}

.gift .form .select-style.medium {width: 60%;}

.gift .main-title .title {
    font-size: 2.375em;
    margin-top:60px;
    margin-left: 20px;
    color: #015a9c;
	line-height:0.9;
}

.gift .accordion {
    margin-bottom: 0;
}

.gift .tag {
    padding: 5px 0 0;
    border-radius: 5px;
}

.gift .tag .title {
    font-size: 1.8125em;
    font-weight: 700;
    text-transform: capitalize;
    padding: 0;
    margin-top: 17px;
}

.gift .tag .title:before {
    background: rgba(0, 0, 0, 0) url("../images/nav-gift-card.png") no-repeat scroll center center;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 47px;
    height: 42px;
    margin: 0 10px 10px;
}

.gift .form { 
    width: 53.751%; 
    margin-left:0; 
    display:inline-block; 
    margin-top: 140px;
}

.gift .form .button {margin: 0 0 20px; width: 290px; background:#015a9c;}

.gift .form form { width: 100%; margin-left:0; margin-top: 5px;}

.gift .side-bar{ 
    width:42%; 
    display:inline-block;
    vertical-align:top;
    margin-top: 140px;
    padding-left: 27px;
}  

.gift .side-bar .voucher {
    margin-top: 43px;
}

.gift .side-bar .voucher-desc {
    /*Updated on 11 Feb 2015 for chnage background color of gift card box
    background: -webkit-linear-gradient(#eaeaea, #f1f1f1);
    background: linear-gradient(#eeaeaea, #f1f1f1);*/
    background: -webkit-linear-gradient(#f1f1f1, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f1f1f1, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f1f1f1, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f1f1f1, #f1f1f1); /* Standard syntax */
    color:#000616;
    
    margin: 0 44px;
    text-align: center;
    width: 72%;
    padding: 28px 28px 18px;
    position: relative;
    top: 5px;
}

.gift .side-bar .voucher-desc .title {color:#959595; font-size:27px; text-transform:uppercase; margin:0;}

.gift .side-bar .voucher-desc .sub-title {color:#015a9c; font-size:20px; margin-top: 0;}

.gift .side-bar .voucher-desc p {text-shadow: 0 0 0 #464646;}

.gift .side-bar .voucher > img {
    position: absolute;
    z-index: 1;
}
/*[End] gift card classes*/

.locations .app-content, .locations .locations-hero, .locations-hero.first-state.location-landing {
	padding-bottom: 20px;
	padding-top:0; 
}
.location-landing .image-box .overlay-container {
	height: 255px;
}
.location-landing .image-box .overlay-container img {
	height: auto!important;
	width: auto!important;
	max-height: 100%;
	max-width: 100%;
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.locations .app-content {
	padding-bottom: 0;
}
.locations .locations-list, .locations .location-refer, .locations .locations-info  {
	/*background:url("../images/background-texture-gray.jpg");*/
}

.locations .locations-hero.first-state .locate {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0;
	margin-top: 33px;
}

.locations .locations-hero.first-state .locate:last-child {
    margin-right: 0;
}
.locations .locations-hero.first-state .locate .locate-me {
    float: right;
    display: block;
    margin-right: 2.35765%;
    width: 75.88078%;
    margin-right: 0;
}
.locations .locate .locate-me-top, .locations .locations-hero.first-state .locate .locate-me-top {
	width:608px;
	text-align:right;
	float:right;
}

.locations .locations-hero.first-state .locate .locate-me:last-child {
    /*padding-top: 38px;*/
	padding-top: 0;
}

.locations .locations-hero.first-state .locate .locate-me input[type="email"],.locations .locations-hero.first-state .locate .locate-me input[type="number"],.locations .locations-hero.first-state .locate .locate-me input[type="password"],.locations .locations-hero.first-state .locate .locate-me input[type="search"],.locations .locations-hero.first-state .locate .locate-me input[type="tel"],.locations .locations-hero.first-state .locate .locate-me input[type="text"],.locations .locations-hero.first-state .locate .locate-me input[type="url"],.locations .locations-hero.first-state .locate .locate-me input[type="color"],.locations .locations-hero.first-state .locate .locate-me input[type="date"],.locations .locations-hero.first-state .locate .locate-me input[type="datetime"],.locations .locations-hero.first-state .locate .locate-me input[type="datetime-local"],.locations .locations-hero.first-state .locate .locate-me input[type="month"],.locations .locations-hero.first-state .locate .locate-me input[type="time"],.locations .locations-hero.first-state .locate .locate-me input[type="week"] {
    border: 3px solid #e2dacb;
    color: #000000;
    display: block;
    float: right;
    padding: 7px;
    width: 355px;
}

.locations .locations-hero.first-state .locate .locate-me input[type="email"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="number"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="password"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="search"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="tel"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="text"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="url"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="color"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="date"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="datetime"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="datetime-local"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="month"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="time"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="week"]:last-child {
    margin-right: 0;
    /*margin-left: 179px;*/
}

/*.locations .locations-hero.first-state .locate .locate-me .button {
    display: block;
    margin-right: 0;
    display: inline-block;
}*/

.locations .locations-hero.first-state .locate .locate-me .button:last-child {
    margin-right: 0;
}

.locations .locations-hero.first-state .locate .locate-me .locate-button {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    margin-left: 0%;
    text-align: left;
}

.locations .locations-hero.first-state .locate .locate-me .locate-button:last-child {
    margin-right: 0;
}

.locations .locations-hero.second-state,.locations .locations-hero.third-state {
    min-height: 800px;
    /*background-size: cover;*/
}

.locations .locations-hero.second-state .locate , .locations .locations-hero.third-state.location-refer .locate {
   /* margin: 120px 0 27px;*/
    padding:20px 0;
}

.locations .locations-hero.second-state .locate.container {
    margin:0 auto;
    /*Added on 25 Feb 2015 for down text and refer a friend box in location info page*/
    padding-top: 35px;
}

.locations.locations-4 .page-content p.content {
    font-size: 1.1em;
}

/*.locations  .locations-list-map .locate {padding:20px 0 10px !important;}*/

.locations .locations-list.second-state .locate, .locations .third-state .locate{
    margin-top: 93px;
}

.locations .locations-hero.second-state #map-canvas,.locations .locations-hero.third-state #map-canvas {
    margin-bottom: 50px;
}

.locations .locations-hero.third-state .index-address {
    clear: both;
}

.locations .locations-hero.third-state .locate>.locate-me .locate-button {
    margin-bottom: 20px;
}

.locations .refer_a_friend .form .wrapper {width:57.351%; margin: 0 auto; float: none;}

.locations .location-refer .form .wrapper.refer_a_friend {
background: #FFFFFF;
color: #015a9c;
text-shadow: 0 0 0 #015a9c;
margin: 0 auto;
float: none;
width: 57.3509785009%;
}

/*Addedd on 21 Jan 2015*/
.locate .locate-me .text {
text-align:right;
display:block;
color:#fff;
font-size:1.375em;
text-transform:uppercase;
line-height:1;
font-weight:500;
padding-right: 20px;
}
/*End Here*/
.locate .locate-me .text strong {
    font-weight: 400;
}
.locations-list .locate .locate-me .text, .locations-4 .locate .locate-me .text {
text-align:right;
display:block;
color:#fff;
font-size:1.375em;
text-transform:uppercase;
line-height:1;
font-weight:500;
padding-right: 0;
}

.locations .form form {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-left: 25.58941%;
}

.location-refer .form form {
    display: block;
    float: left;
    margin-left: 21.3245%;
    margin-right: 2.35765%;
    width: 57.351%;
}

.locations .form form:last-child {
    margin-right: 0;
}

.locations .form form .security>.disclamer {
    width: 75%;
}
 
 /*.locations .security {
    margin-top: 20px;
}
*/


@media screen and (max-width: 1024px) {
    .locations .locations-hero.first-state .locate {
        padding:0;
		margin-top:120px;
    }

    .locations .locate-me,.locations .locations-found,.locations .index-address,.locations .map-canvas,.locations form {
        /*Updated on 21 Jan 2015
        padding: 0 20px;*/
        padding: 0 0;
    }

    .locations .second-state .locate-me {
        margin-right: 0;
    }

    /*Added on 28 Jan 2015 for location landing page*/
    .locations .locations-hero.first-state .locate .locate-me .heading {
        padding: 0 0 5px;
    }
	
	.locations .locations-hero .container .locate .locate-me {
    	padding-right: 0;
		margin-right: 21px;
	}
}

@media screen and (max-width: 768px) {
    /*Added on 21 Jan 2015*/
    .locate .locate-me .heading {
    text-align: right;
    display: block;
    color: #fff;
    font-size: 1.375em;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 500;
    padding-right: 0;
    }
	
    .locations .locations-hero.first-state .locate .locate-me {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
    }

    .locations .locations-hero.first-state .locate .locate-me:last-child {
        margin-right: 0;
		margin-top: 0;
    }

/*    .locations .locations-hero.first-state .locate .locate-me input[type="email"],.locations .locations-hero.first-state .locate .locate-me input[type="number"],.locations .locations-hero.first-state .locate .locate-me input[type="password"],.locations .locations-hero.first-state .locate .locate-me input[type="search"],.locations .locations-hero.first-state .locate .locate-me input[type="tel"],.locations .locations-hero.first-state .locate .locate-me input[type="text"],.locations .locations-hero.first-state .locate .locate-me input[type="url"],.locations .locations-hero.first-state .locate .locate-me input[type="color"],.locations .locations-hero.first-state .locate .locate-me input[type="date"],.locations .locations-hero.first-state .locate .locate-me input[type="datetime"],.locations .locations-hero.first-state .locate .locate-me input[type="datetime-local"],.locations .locations-hero.first-state .locate .locate-me input[type="month"],.locations .locations-hero.first-state .locate .locate-me input[type="time"],.locations .locations-hero.first-state .locate .locate-me input[type="week"] {
        float: left;
        display: block;
        margin-right: 3.16844%;
        width: 42.14736%;
    }*/

    .locations .locations-hero.first-state .locate .locate-me input[type="email"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="number"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="password"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="search"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="tel"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="text"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="url"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="color"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="date"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="datetime"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="datetime-local"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="month"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="time"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="week"]:last-child {
        margin-right: 0;
    }

/*    .locations .locations-hero.first-state .locate .locate-me .button {
        float: left;
        display: block;
        margin-right: 1.55951%;
        width: 21.00927%;
        float: none;
        display: inline-block;
    }*/

    .locations .locations-hero.first-state .locate .locate-me .button:last-child {
        margin-right: 0;
    }

    .locations .locations-hero .locations-found {
        margin-bottom: 0;
    }

    .locations .locations-hero .index-address {
        margin-top: 0;
    }

    .locations .locations-hero .form .wrapper {
        font-size: 1.25em;
        padding: 20px 0;
    }

    .locations .locations-hero .form form .security>.disclamer {
        width: 90%;
    }

/*    .locations .locations-hero.first-state .locate .locate-me input[type="email"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="number"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="password"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="search"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="tel"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="text"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="url"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="color"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="date"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="datetime"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="datetime-local"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="month"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="time"]:last-child,.locations .locations-hero.first-state .locate .locate-me input[type="week"]:last-child {
    margin-right: 0;
    margin-left: 217px;
    }*/
}


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

    .locations .locate-me,.locations .locations-found,.locations .index-address,.locations .map-canvas,.locations form {
        padding: 0 5px;
    }
	
	.locations .locations-hero .index-address {
        margin-top: 10px;
    }
	
}

@media screen and (max-width: 320px) {
    .locations .locations-hero.first-state .locate:last-child {
        margin-right: 0;
    }

    .locations .locations-hero.first-state .locate .locate-me {
        width: 100%;
    }

    .locations .locations-hero.first-state .locate .locate-me input[type="email"],.locations .locations-hero.first-state .locate .locate-me input[type="number"],.locations .locations-hero.first-state .locate .locate-me input[type="password"],.locations .locations-hero.first-state .locate .locate-me input[type="search"],.locations .locations-hero.first-state .locate .locate-me input[type="tel"],.locations .locations-hero.first-state .locate .locate-me input[type="text"],.locations .locations-hero.first-state .locate .locate-me input[type="url"],.locations .locations-hero.first-state .locate .locate-me input[type="color"],.locations .locations-hero.first-state .locate .locate-me input[type="date"],.locations .locations-hero.first-state .locate .locate-me input[type="datetime"],.locations .locations-hero.first-state .locate .locate-me input[type="datetime-local"],.locations .locations-hero.first-state .locate .locate-me input[type="month"],.locations .locations-hero.first-state .locate .locate-me input[type="time"],.locations .locations-hero.first-state .locate .locate-me input[type="week"] {
        width: 100%;
    }

    .locations .locations-hero.first-state .locate .locate-me .locate-button {
        width: 100%;
    }

    .locations .locations-hero.first-state .locate .locate-me .button {
        width: 100%;
    }

    .locations .locations-hero .locations-found {
        font-size: 1.0625em;
    }

    .locations .locations-hero .form form {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        margin-left: 0%;
    }

    .locations .locations-hero .form form:last-child {
        margin-right: 0;
    }

    .locations .locations-hero .form form .security>.disclamer {
        width: 90%;
        font-size: 0.8125em;
    }
    /*Added on 27 Jan 2015 for hide search button and form on responsive*/
    .locations .locate-me, .locations .locations-found, .locations .index-address, .locations .map-canvas, .locations form {
        display: none;
    }
    /*Added End */

    /*Start: Added on 7 Feb 2015*/
    .login .refer_a_friend_title:last-child {
        margin-left: -9px !important;
        margin-right: 0;
        margin-top: 5px !important;
    }
    /*End: Added on 2015*/
}

.event .main-title {
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 57.84788%;
    margin-left: 1.86085%;
    margin-top:75px;
}
.login .main-title {
    margin-top:-10px;
}

.request-app .main-title, .my-account .main-title {
    margin-top:0;
    margin-left:11px !important;
}

.request-app .main-title .title, .franchise-reg .wrapper-message .title, .my-account .title {
    line-height: 0.9;
    font-size:46.79px;
    font-weight: bold;
    color: #015a9c !important;
    text-shadow: 0 0 0 #015a9c;
    text-transform: uppercase;
	display:inline-table;
	font-family: myriad pro;
}
.franchise-reg .wrapper-message .title {
	font-family: arial;
    font-size: 47.79px;
}

.careers .form form input  {
	margin: 5px 0 20px;
}

.hero-login .form form input[type="text"], .hero-login .form form input[type="password"], .hero-login .form form input[type="email"], .careers .form form input  {
    color:#000; 
    border: 1px solid #b1b1b1;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8) !important;
}

.register .form form input[type="text"], .hero-login .form form input[type="password"]  {
    border: 1px solid #ccc /*!important;*/ /*commented imp to display red border when field empty*/ 
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8) !important;
}
.login .hero-login {
    padding-top: 120px;
    padding-bottom: 50px;
}

.login  .request-app .hero-login {
    padding-bottom: 0;
    min-height:500px;
}

.login .main-title {
    float: none;
    display: block;
    width: 57.84788%;
}

.login .main_title_heading {
    float: left;
    margin-left:7px;
	margin-bottom:0;
}

.login .main-title:last-child {
    margin-right: 0;
}

.login .main-title .subtitle {
    width: 100%;
    font-size: 1em;
    font-weight: 500;
    text-transform: none;
}

.login .main-title .subtitle a {
    text-decoration: underline;
}

.login .main-title .paragraph {
    width: 100%;
    font-size: 1em;
    font-weight: 700;
}

.login .left {
    margin-left: 40px;
}

.login .customer-login {
    background: transparent;
}

.login .customer-login .title {
    color: #ffffff;
}
/*[Start]: Added on 12 feb 2015*/
.login .refer-friend .title {
    color: #2A2929;
    text-shadow: 0 0 0 #2A2929;
}

.login .customer-login .disclamer {
    color: #ffffff;
}
.login .customer-login .security {
    margin-top: 20px;
}
.login .customer-login .security .question {
    color: #015a9c;
}
.login .customer-login .recovery {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}
.login .customer-login form {
    margin-top: 0;
}
.login .customer-login form .signup>.disclamer {
    color: #FFF;
    font-size: 1.1875em;
}

.login .register, .careers .form {
	/*background:rgba(0, 0, 0, 0) url("../images/background-texture-beige.jpg") repeat scroll 0 0;*/
	background:none;
    padding-bottom: 20px;
}

.login .register form {
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 62.06309%;
    margin-left: 18.91337%;
    margin-top: 0;
    padding-top: 60px;
}

.register_form {
    margin-left: 15.91337% !important;
}

/*Start: Added on 7 Feb 2015 for manage refer a friend form*/
.login .refer-friend form {
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 62.06309%;
    margin-left: 18.91337%;
    margin-top: 0;
    padding-top: 28px;
}
/*End: Added on 7 Feb 2015*/
.login .request-app .register form {
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 62.06309%;
    margin-left: 18.91337%;
    margin-top: 0;
    padding-top: 52px;
}

.login .edit-account .register form  {
    padding-top: 20px;  
}

.edit-account .form .select-style.medium, .edit-account .form  #zip_code, .edit-account .form  #pass, .edit-account .form  #c_pass  {
/*width: 43.8%;*/ /*Removed by Dhiraj T on 17 Nov 2016 Task 4130 for my-account/edit-account?id=edit*/
}

.login .register form:last-child {
    margin-right: 0;
}

.login .register form .title {
    margin-top: 0;
}

.login .register form input[type="email"],.login .register form input[type="number"],.login .register form input[type="password"],.login .register form input[type="search"],.login .register form input[type="tel"],.login .register form input[type="text"],.login .register form input[type="url"],.login .register form input[type="color"],.login .register form input[type="date"],.login .register form input[type="datetime"],.login .register form input[type="datetime-local"],.login .register form input[type="month"],.login .register form input[type="time"],.login .register form input[type="week"], .login .register form .select-style select {
    margin: 5px 0 20px; 
    -webkit-margin-before: 3px; /*top*/
	color:#000 /*!important; *//*commented imp to display red border when field empty*/
}

#state{
	
	color:#000;
}
#desired_location{
	
	
}

.background_refer_a_friend form .select-style select{
	
	
	color:#fff;
	
}

.request-form .login .register form input[type="email"], .request-form .login .register form input[type="number"], .request-form .login .register form input[type="password"], .request-form .login .register form input[type="search"], .request-form .login .register form input[type="tel"], .request-form .login .register form input[type="text"], .request-form .login .register form input[type="url"], .request-form .login .register form input[type="color"], .request-form .login .register form input[type="date"], .request-form .login .register form input[type="datetime"], .request-form .login .register form input[type="datetime-local"], .request-form .login .register form input[type="month"], .request-form .login .register form input[type="time"], .request-form .login .register form input[type="week"] {
    margin: 5px 0 15px;
}

.login .register form .policy {
    width: 80%;
    /* Added on 16 Feb 2015 */
    color:#000616;
}

.login .register form .policy .highlight {
    color: #015a9c;
    text-decoration: underline;
}

.login .register form .signup>.disclamer {
    font-size: 1.1875em;
    color: #959595;
}

.login .register form .security {
    margin-bottom: 20px;
}

.request-form .register form .security {margin-bottom:0;}

.request-form .register form .small {width:66px !important;}

.login .register .disclamer {
    margin-bottom: 10px;
    /*color:#959595;*/
	color:#000616;
}

.login .register .security>.disclamer {
    width: 60%;
    font-weight: bold;  
}

.background_refer_a_friend .form form input[type="text"] {
    background: rgba(255,255,255,0.8) !important;
    color: #000 !important;
}

@media screen and (max-width: 1024px) {
      
    .login .form>form .security>.disclamer {
        width: 65%;
    }
}

@media screen and (max-width: 768px) {
    .login .main-title {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 76.14426%;
        /*margin-left:13.861%;*/
		margin-left:0;
        
    }

    .login .main-title:last-child {
        margin-right: 0;
    }

    .login .left {
        margin-left: 30px;
    }

    .login .left .paragraph {
        font-weight: 700;
    }

    .login .form>form {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 74.70873%;
        margin-left: 12.60891%;
    }

    .login .form>form:last-child {
        margin-right: 0;
    }

    .login .form>form .security>.disclamer {
        width: 90%;
    }
    
    .event .main-title {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 73.14426%;
        /*Updated on 10 Feb 2015 for manage 'Lash Glam' title on IPad Horizontal view
        margin-left: 16.86085%;*/
        margin-left: 2.861%;
    }

}

@media screen and (max-width: 568px) {
    .login .hero-login {     
        padding-top: 20px;
    }

    
    .login .main-title {
        float: left;
        display: block;
        margin-right: 7.42297%; 
        /*width: 83.14426%;*/
		width: 94%;
        margin-left:0;
        padding-right: 0;
    }
    
    .login .main-title:last-child {
        margin-right: 0;
        margin-top:0;
    }

    /*Start: Added on 7 Feb 2015*/
    .login .refer_a_friend_title:last-child {
        margin-left: -18px;
        margin-right: 0;
        margin-top: 21px;
    }
    /*End: Added on 2015*/

    .login .main-title .paragraph {
        font-size: 1em;
    }

    .login .left {
        margin-left: 30px;
    }

    .login .form>form {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 91.56958%;
        margin-left: 3.15223%;
    }

    .login .form>form:last-child {
        margin-right: 0;
    }

    .login .form>form .disclamer {
        font-size: 0.8125em;
    }

    .login .form>form .security>.disclamer {
        width: 80%;
    }

    .login .form>form .signup>.button {
        margin: 5px 0;
    }

    .login .form>form .signup>.social-login .button {
        margin: 5px 0;
    }

    .login .signup .button {
        width: 100%;
    }
    
    .event .main-title {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 73.14426%;
        margin-left: 0;
        padding: 0 27px;
    }
}

@media screen and (max-width: 480px) {
    .login .main-title>.paragraph {
        font-size: 1em;
    }

    .login .form>form {
        margin-top: 5px;
    }

    .login .form>form .check {
        width: 100%;
    }

    .login .form>form .check li>.option {
        font-size: 1.125em;
    }

    .login .form>form .security>.disclamer {
        width: 100%;
    }
    
    .app-header .logo {
        bottom: 5px;
        background:none;
        left: 10px;
		width: auto;
    }
}

@media screen and (max-width: 320px) {
    .login .main-title {
        width: 96%;
        margin-top: 0;
        margin-left: 0;
        padding: 0;
    }
    .account {
        width: 100%;
        height: 50px;
        margin: 5px 0;
        border: 1px solid #ccc;
        color: #333;
        border-radius: 7px;
        text-align: center;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 50px;
        display: inline-block;
        font-weight: bold;
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    }
    
    .login .main-title .title {
        text-align: left;
        font-size: 1.625em;
    }

    .login .form>form {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }

    .login .form>form .policy {
        width: 100%;
        font-size: 0.875em;
    }

    .login .register>form {
        padding-top: 30px;
    }
    
    .event .main-title {
        width: 100%;
       /* margin-top: 0;
         Updated on 19 Jan 2015
        margin-left: 10px;*/
        margin-left: 0;
        padding: 0 10px;
    }
    
    /*Added on 7 Feb 2015*/
    .gallery .carousel:last-child, .gallery .thumbnails:last-child {
        margin-left: 0;
        width: 100%;
    }
    
}

.orders .app-content, .story-single .app-content, .hero-subscribe, .page-single, .categories .category-gallery, .features .hero-feature.odd {
    /*Updated on 19 October 2015 for change background color
    background: #ebebeb;*/
    background: #f2f2f2;
    /* overflow: hidden; */
}

.story-single .hero-single {
    background: url("../images/hero-locations.png") center center no-repeat;
    background-size: cover;
    padding-top: 10px;
}

.story-single .main-title {
    margin-bottom: 50px;
}

.story-single .main-title .title,.story-single .main-title .subtitle {
    margin-left: 40px;
}

.site-map .app-content {
    background: transparent;
}

.site-map-hero {
    background: url("../images/sitemap-background.jpg") top center no-repeat; 
    padding-top: 20px;
    padding-bottom: 100px;
}

.site-map .map {
    margin-top: 50px;
    margin-bottom: 100px;
}
.menu {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 1%;
}

.map .menu li {
    padding: 21px 0;
    border-top: 2px solid #015a9c;
     color:#000616;
    font-size: 1.0em;
    font-weight: 700;
}
.sitemap .map .menu {
	margin:30px 0 0;
}
.site-map .map .menu li:last-child {
    border-bottom: 2px solid #464646;
}

.site-map .map .menu li a {
    text-decoration: none;
}

.site-map .map .menu li:hover {
    color: #72a508;
}

.site-map .map .submenu {
    margin-top: 5px;
}

.map .submenu li {
    list-style: none;
    border: none;
    font-size: 1.0625em;
    font-weight: 300;
    color: #959595;
}

.site-map .map .submenu li:last-child {
    border-bottom: none;
}

.map .submenu .category {
    list-style: inside;
    list-style-position: outside;
    color: #015a9c;
    font-weight: 600;
}

@media screen and (max-width: 1024px) {
    .site-map .main-title {
        padding: 0 20px;
    }

    .site-map .map {
        padding: 0 20px;
    }
}

/* CSS updated on 2 jan 2015 */

.container_faq {
width: 1003px;
margin: auto;
overflow: hidden;
}

.content-box.full {
width: 100%;
height: auto;
position: relative;
}

.black-background {
background: #000;
background: rgba(0,0,0,0.4);
color: #FFF;
}

/* Added on 8 Jan 2015 */
.tbl_extension {
    text-transform: none;
}

    .features .hero-feature.red .tbl_extension {
        color: #FFFFFF;
    }

/* Added on 21 Jan 2015 */
    .tab_content {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    
    .tab_content table {
        margin: 0 auto; 
        width: 50%;
        color: #ffffff;
    }
    
    .tbl_extension th {
        border:none !important;
        /*[Start]: Added on 18 Feb 2015 for Eyelash Extensions texts*/
        /*color:#000616;*/
    }
    
    
/* Added on 9 Jan 2015 */
.blog-date p {
    display: table-cell;
    vertical-align: middle;
    /*Updated on 16 October 2015 for align lash news date in center
    text-align: center;*/
    text-align: center !important;
    width: 100%;
}

.blog-date {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #015a9c;
    display: inline-block;
    color: #FFF;
    text-transform: uppercase;
    padding: 12px 20px;
    border-radius: 5px;
    font-size: 1.1875em;
    font-weight: 700;
    vertical-align: middle;
    border: none;
}

.blog-date .month {
    text-transform: uppercase;
}

.blog-date span {
    display: block;
    line-height: 1;
}

/* Added on 9 Jan 2015*/
.event .hero-event {
    background: url("../images/glam-decorator.jpg") top center no-repeat;
    background-size: cover;
}

.form form .extra_note {
    color:#FFFFFF;
    font-weight: bold;
    margin-top: 10px;
}

/* Added on 15 Jan 2015 */
.file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.file-input::file-upload-button {
  display: none;;
}
.file-input
{
    width:270px;
}
.file-input:before {
  content: 'Upload File';
  display: inline-block;
  background: #015a9c;
  border-radius: 3px;
  padding: 5px 8px;
  width: 100px;
  text-align: center;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 10pt;
  color: white;
}
.file-input:hover::before {
  border-color: #015a9c;
}
.form input[type="email"],.form input[type="number"],.form input[type="password"],.form input[type="search"],.form input[type="tel"],.form input[type="text"],.form input[type="url"],.form input[type="color"],.form input[type="date"],.form input[type="datetime"],.form input[type="datetime-local"],.form input[type="month"],.form input[type="time"],.form input[type="week"] {
    color: #fff;
}

.f-name-carrer, .l-name-carrer, .email-carrer, .phone-carrer, .location-carrer, .comments-carrer, .upload-resume-carrer, .math-carrer, .location-statement-carrer{
    color: #454545;
    font-size: 1.125em;
}
.f-name-carrer.required:after, .l-name-carrer.required:after, .email-carrer.required:after, .phone-carrer.required:after, .location-carrer.required:after, .upload-carrer.required:after, .math-carrer.required:after {
    content: '*';
    display: inline-block;
    margin: 0 5px;
}
.option-carrer{
    font-size: 1.125em;
    margin-left: 10px;
}
.file-upload-chosen-carrer {
    line-height: normal;
    color: #383636;
}
.math-statement-carrer, .upload-carrer{    
    margin-bottom: 10px;
    font-size: 0.9875em;
    width: 100%;
    font-weight: 300;
    display: block;
}
.guest-checkout{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #fff;
    color: #015a9c;
    display: block;
    text-transform: uppercase;
    padding: 12px 12px;
    border-radius: 5px;
    font-size: 1.1875em;
    font-weight: 700;
    vertical-align: middle;
    border: none;
    margin-right: 1.87727%;
    width: 32.08182%;
	font-family: "Myriad Pro";
}
.guest-checkout:hover {
    background: #231f20;
    color: #fff;
}

.upload_button {
  border: 0px;
  width: 100px; 
  height:20px; 
  background-color: #015a9c;
  padding: 5px 18px;
  border-radius: 3px;
  color:white;
  -webkit-appearance: none;
  -webkit-user-select: none;
  font-size: 10pt;
  white-space: nowrap;
  outline: none;
}
.button_visibility
{
  visibility: hidden;
  margin-left: -84px;
  width: 0;
  height: 0;
}
#image_title
{
  margin-left: 5px;
  font-size: 1.09em;
  color: #383636;
  font-weight: 300;
  display: inline-block;    
}

@media screen and (min-width: 320px) and (max-width: 767px) {
.careers .main-title {
	margin-top:80px;
	padding-top:0;
}
.locations .locations-hero.first-state .locate {
        float: left;
        display: block;
        width: 100%;
        padding: 0px 0;
		margin: 80px 0 0;
    }
	.category-gallery .row li .display {
		max-height:163px;
	}
	.locations .locations-list-map .map-container {
		padding-top:12px;
		margin:0;
	}
	.hero-subscribe .sign-up input[type="email"] {
		width: 81%;
	}
	#site-menu {
	left: -100%;
	width: 100%;
	font-size: 1.4em;
	}
	.show-nav #site-canvas {
    transform: translate3d(100%, 0px, 0px);
	-webkit-transform: translate3d(100%, 0px, 0px);
	-ms-transform: translate3d(100%, 0px, 0px);
	}
	.category-gallery .row li {
		width:100%;
		min-height: 255px;
	}
	.category-gallery .row {
    padding: 0 35px;
	}
	.main-title {
		display:inline-block;
	}
	.careers-app .main-title {
		display:block;
		padding-left: 10px;
	}
    /*[Start] Added on 19 October 2015 for manage space from top of gift card*/
    .gift-card-title {
        margin-top: -10px;
    }
    /*[End] Added on 19 October 2015 for manage space from top of gift card*/
	.faqs .main-title {
		 padding-top: 100px;
	}
	 .login .register {
        margin-top: 30px;
    }
	.locations .locations-hero, .careers .career-hero, .contact .hero-contact, .careers .career-hero-application, .login .hero-login, .sitemap .sitemap-hero, .franchise .franchise-hero, .franchise .franchise-reg, .faqs .faqs-hero {
		background-position:center top !important;
	}
	.locations .locations-hero .container .locate .locate-me {
    	padding-right: 0;
		float: left;
		margin-right: 0;
	}
	.locations-list .index-address .list .index .address {
		font-size:10pt;
	}
	.hero-feature {
		padding: 19px 0 54px;
	}
	.hero-feature .content .title, .gorgeous .title, .hero-feature .content_full .title {
    font-size: 19pt; 
	}
	.hero-feature .display,.hero-feature .content, .hero-feature .display,.hero-feature .content_full {
		padding: 0 5px;
	}
	.hero-feature .content .sub-title, .hero-feature .content_full .sub-title {
		margin: 10px 0 36px;
	}
	.hero-feature .display, .hero-feature p {
		text-align:center;
		line-height: 1.4;
	}

    /*[Start]: Added on 22 May 2015*/
    .cart_empty_message {
      text-align: center;
      font-size: 1.125em !important;
    }
    /*[End]: Added on 22 May 2015*/

    /*[Start]: Added on 15 May 2015*/
    #popup_box {
      display: none;
      position: fixed;
      _position: absolute;
      height: 128px;
      width: 94% !important;
      background: #464646;
      left: 0% !important;
      top: 242px !important;
      z-index: 100;
      margin-left: 3% !important;
      padding: 15px;
      font-size: 15px;
      vertical-align: middle;
    }
    .wishlist-disclamer-message {
        padding-left: 4%;
    }
    /*[End]: Added on 15 May 2015*/

    .order-navigation .item {
      display: none !important;
      font-size: 0.75em;
      text-decoration: none;
      text-align: center;
      width: 60px;
      vertical-align: top;
      margin-right: 40px;
      font-weight: bold;
    }
    .cart .item .description .quantity {
      display: none;
    }
    .cart .item .control .quantity {
      font-size: 1.0625em;
      padding: 0;
    }
    .cart-details-section {
        margin-top: 30px;
    }
    .finalize-order {
      width: 100% !important;
      float: none;
      padding: 0 10px;
    }
    .cart.wishlist .item .control {
        display: block;
        float: left;
        margin-right: 0%;
        width: 33.804%;
    }
    /*Added on 15 May 2015 for manage wishlist button for mobile*/
    .cart .item .control .add-icon{
      display: inline-block;
      width: 34px;
      height: 32px;
    }
    .cart .item .control .add-icon {
        background: url("../images/cart-mobile.png") no-repeat scroll center center #015a9c;
    }

    .myorder-wishlist-button {
        float: none;
        height: 32px !important;
        text-align: center;
        vertical-align: middle;
        width: 37px !important;
    }
    .wish_list_bg .wishlist {
        width: 98%;
        padding-left: 13px;
    }

        .order-control .button {
          width: 300px !important;
          text-align: center;
          background: #464646;
          margin-right: 10px;
        }

    .success_message_refer_a_friend{
        margin: 0;
        padding: 0;
    }
    .tag_boldness_lfinal .title {
      line-height: 1 !important;
    }
    .wrapper_message_success {
      width: 96% !important;
      margin-left: 2%;
      margin-bottom: 50px !important;
    }
    .login .main_title_heading {
      padding-top: 80px;
	  padding-bottom:0;
    }
	.login .hero-login {
		padding-top:0;
	}
    .content_full{
        text-align: center;
    }

    .login .main-title .refer_a_friend_title {
        text-align: left;
        font-size: 1.525em;
        margin-top: 25px;
        padding-left: 28px !important;
    }

    .careers .career-hero {
        padding-bottom: 100px;
        padding-top: 20px;
        background-size: 232% !important;
    }
     .accordion_career .content {
        display: none;
        margin: 0;
        padding: 20px 22px;    
        background: rgba(0,0,0,0.4);
        margin-left: 20px;
        font-size: 1em;
        color: #fff;
    }
    .accordion .tag .title {
        width: 91.66667% !important;
    }
    .submit_pics_button {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background: #015a9c;
        display: block !important;
        text-transform: uppercase !important;
        border-radius: 5px !important;
        font-size: 1.3185em !important;
        font-weight: 700 !important;
        vertical-align: middle !important;
        border: none !important;
        
    }
    
    .hero .owl-carousel .item img {width:100%;}
    .hero-feature .display img {
        width: 100%;
    }
    .refer_a_friend {
        background: none repeat scroll 0 0 #ffffff;
        border-radius: 10px;
        color: #015a9c;
        display: block;
        float: none;
        margin: 0 auto;
        padding-top: 0;
        text-shadow: 0 0 0 #015a9c;
        width: 89% !important;
    }
    .locations .locations-hero .form form {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: 7.42297%;
        width: 100%;
    }
    .background {
        background: url("../images/register_account.jpg") top center no-repeat !important;  
        background-position: left -313px top 0 !important;
        background-size: 300% auto !important;
    }

    .refer_a_friend_title {
        padding-left: 35px;
        padding-top: 50px;
    }

/*<---Added on 5 Feb --->*/
 .franchise .view-header .main-title {
    display: table-cell;
    font-size:18px;
    float:none;
    margin: 0 auto;
    padding: 96px 10px 0;
    width: 75%;
    }

.franchise .container .view-header-content {width: 100%;}

   .careers .main-title .title, .login .main-title .title {
		font-size: 2.1875em;
   }
   .careers .main-title .title {
		margin: 0 0 10px;
   }
    .login .main-title .title {     
        text-align: left;
        margin-top:0;     
		vertical-align: text-bottom;
        /*Added on 16 Oct 2015 for align title of all page on mobile view*/
        padding-left: 10px;
    }	   
    .guest-checkout{
        margin-top: 6px;
        display: inline-block !important;
    }

    .locations-list-map .map-container #locations {width:91%; margin:0 auto;}

    .locations .locations-list.second-state .side-bar  {
        padding:10px 14px !important; 
        width:100% !important;
    }

    .hero .owl-carousel .item img {
        max-width: 970px;
    }
    
    /* Added on 3 Feb 2015 */
    .desktop_slider {
        display: none;
    }
    
    .mobile_landscape {
        display: none;
    }
    
    /* Added on 3 Feb 2015 */
    .mobile_slider {
        display: block;
    }

    /*[Start] Added on 5 October 2015 for apply background image for all pages*/
    .desktop_background {
        display: none;
    }
    .mobile_background {
        display: block;
    }
    .mobile_landscape_background {
        display: none;
    }
    /*[End] Added on 5 October 2015 for apply background image for all pages*/
    
    .hero .owl-carousel {
        padding-top: 0px;
        /*height: 86%;*/
		height: 86%;
    }
    .hero .owl-carousel .item img {
        position: static;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); 
    }
    
    .hero-extensions .owl-carousel .item img {
    left: 0;
    position: absolute;
    top: 0;
    }
    .locations .locations-hero {
        /*[Start] Commented on 5 October 2015 for remove background image
        background: url("../images/hero-locations.jpg") top center no-repeat;*/
        padding-bottom: 20px;    
        background-size: 100%;
        background-position: left -70px top 0;
    }
    .heading.alter_heading > span {
        display: block;
    }
    
    /*[Start] Commented on 5 October 2015 for remove background image
    .locations .location-refer, .locations .locations-info {background: url("../images/location-list.jpg") no-repeat scroll center top #e8e9ea;}
    .locations .location-refer, .locations .locations-list {background: url("../images/location-list.jpg") no-repeat scroll center top #e8e9ea;}*/

     .locations .location-refer {
        background: url("../images/location-list-mob.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    }
    .heading.alter_heading > span {
        display: block;
    }
    .sitemap_background {   
        background-position: left -157px top -20px !important; 
        background-size: 240% auto !important;
    }
    .sitemap_title_content {
        margin-top: 132px;
    }


    .t_and_c_background {   
        background-position: left -207px top 0px !important; 
        background-size: 240% auto !important;
    }
    .t_and_c {
        margin-top: 20px;
    }
    
    .about_background { 
        background-position: left 75% top 0 !important;
        background-size: 150% auto !important;
    }
    
    .hero-order .controls .button, .guest-checkout {
        width: 100%;
        margin: 5px 0;
    }

    .mobile-selection .state {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        margin: 5px 0;
        background: #015a9c;
        color: #FFFFFF;
        padding: 10px 0;
        font-weight: 700;
        font-size: 1.1875em;
        display: inline-block;
        width: 80%;
        border-radius: 5px;
        cursor: pointer;
    }
    .locations .locations-hero.first-state .locate .locate-me .heading strong {
        display: inline-block;
        text-align: right;
        padding-top: 0;
    }
    .locations .locate-me, .locations .locations-found, .locations .index-address, .locations .map-canvas, .locations form {
        display: none;
    }
    .locations .locations-hero.first-state .locate .heading {
        font-weight: 500;
        letter-spacing: -1px;
        padding-bottom: 40px;
        padding-left: 199px;
    }
    /*Added on 27 Jan 2015 for change color of subtitle in career submission page*/
    .careers .main-title .subtitle_career_submission {
        width: 100%;
        color: #383636; 
    }
    .locations .locations-hero.first-state .locate .locate-me .heading {
        text-align: right;
        padding: 7px 0 5px;
		float:left;
    	width: 95%;
    }

    /*Added on 30 Jan 2015*/
    .app-header .main-menu {
        background: #ffffff;
        border-bottom:none;
    }
    
    /*Added on 6 Feb 2015 */
    .contact .hero-contact .form .wrapper .title {
        font-size: 0.6em;
    }
    
    .mobile_view {
        display: block;
        margin-top: 0px;
    }
        
    .desktop_and_tab_view {
        display: none;
    }
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation : landscape){

    /*[Start]: Added on 15 May 2015*/
    #popup_box {
      top: 110px !important;
    }
    .wishlist-disclamer-message {
        padding-left: 6% !important;
    }
    /*[End]: Added on 15 May 2015*/

    /*[Start]: Added on 10 April 2015*/
    .success_message_refer_a_friend{
        margin: 0;
        padding: 0;
    }
    /*[End]: Added on 10 April 2015*/

    /*Start: added on 26 Feb 2015 for product page images sieze on IPhone */
    .hero-feature .display img {
        width: 67%;
    }
    /*End: added on 26 Feb 2015*/
     .background { 
        background-position: left -500px top 0 !important;
        background-size: 240% auto !important;
    }
    /*Start: Added on 6 Feb 2015 for set background image on Refer A Friend*/
    .background_refer_a_friend { 
        background-position: left -500px top 0 !important;
        background-size: 240% auto !important;
    }
    /*End: Added on 6 Feb 2015*/
    .hero .owl-carousel .item img {
        max-width: 880px;
    }

    /*Added on 3 feb 2015 for sitemap image*/
    .sitemap_background {background-size: 150% auto !important;}
    
    .t_and_c_background {background-size: 150% auto !important;}
    
    .about_background {background-size: 150% auto !important;}
    
    .hero-order .controls .button, .guest-checkout {
        width: 32.08182%;
        margin: 0 1.5% 0 0;
		float:left;
    }
    
    .franchise .view-header .main-title {padding: 96px 10px 0;}
}


@media screen and (max-width: 736px) {
    .app-header .main-menu {
    background: #ffffff;
    border-bottom:none;
    }
}

/* Added on 20 Jan 2015*/
.locate .locate-me .heading {
text-align:right;
display:block;
color:#fff;
font-size:1.375em;
text-transform:uppercase;
line-height:1;
font-weight:500;
padding-right: 24px;
}
.locations .locate .locate-me form {
	/*[Start] Commented on 10 October for manage location search box on final locaiton page
	display:inline-block;*/
	display:block;
	margin-top:10px;
}
.locations-list .locate .locate-me .heading, .locations-4 .locate .locate-me .heading {
    text-align:right;
    display:block;
    color:#fff;
	font-size:1.375em;
    text-transform:uppercase;
    line-height:1;
    font-weight:500;
    padding-right: 0;
}

.locate .locate-me .heading strong {
    color:#015a9c;
    font-size:1.59375em
}

.locate .locate-me .heading b {
    font-size:1.59375em;
}

.cta-info .request-more-info .title {
font-size:2.5em;
display:block;
color:#015a9c;
line-height:0.6;
padding: 0 0 2px;
}

.cta-info .request-more-info .subtitle {
font-size:2.75em;
display:block;
color:#015a9c;
line-height:1;
}

.cta-info .request-more-info .rlink {
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
display:inline-block;
font-weight:500;
font-size:1em;
padding-top:30px;
opacity:0.8;
}

.cta-info .request-more-info .rlink:before {
content:'';
width:5px;
height:9px;
background:url(../images/arrow-green.png) center center;
display:inline-block;
margin-right:5px;
}

.cta-info .request-more-info .rlink:hover {
opacity:1;
cursor:pointer;
text-decoration:none;
text-decoration: underline;
}

.form .security .required {
    color: #ffffff;
}

.security_color {
    color:#000616;
}

/*Added on 30 Jan 2015*/

/*.gallery .carousel, .gallery .thumbnails {
    display: block;
    margin-right: 1.165091401%;
    width: 43%;
    margin-bottom: 20px;
}*/

/*Added on 1 Feb 2015 for event page slide center alignment
.gallery .carousel, .gallery .thumbnails {
    display: block;
    margin-right: 1.165091401%;
    width: 807px;
    height: 550px;
    margin-bottom: 20px;
}
.gallery .carousel:last-child, .gallery .thumbnails:last-child {
    margin-left: 13%;
    width: 75%;
}*/
/*.gallery-thumbnail .text-container {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    width: auto;
    text-align: center;
}*/
.text-container-gallery {
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    padding: 10px 0;
    width: auto;
    text-align: center;
    
    font-size: 1.5em;
}

/*Added on 21 Jan 2015*/
.map-popup {
position:fixed;
/*Updated on 21 Jan 2015
background:url(../images/submenu-texture.jpg);*/
background: #ffffff;
/*Updated on 21 Jan 2015
border:2px solid #959595;*/
border:2px solid #C4C5C7;
border-radius:4px;
text-align:center;
padding:10px 20px;
}

.map-popup .text {
color:#015a9c;
/*Updated on 21 Jan 2015
font-size:.7275em;*/
font-size:.6275em;
display:block;
font-weight:600;
}

.map-popup .cta-text {
color:#015a9c;
font-size:.9375em;
display:block;
font-weight:800;
cursor:pointer;
padding-top:5px;
}

.locations {
margin:0 auto;
}

.locations .locations-hero.second-state,.locations .locations-hero.third-state {
min-height:auto;
padding-top:10px;
}
.locations .locations-hero.third-state.location-refer {
padding-bottom:0;

text-shadow:0 0 0 #464646;
}

.locations .locations-hero.second-state .locate .text,.locations .locations-hero.third-state .locate .text {
padding-bottom:5px;
}

.locations .locations-hero.second-state #map-canvas,.locations .locations-hero.third-state #map-canvas {
margin-bottom:50px;
}/*Added on 19 Jan 2015*/

.locations .locations-list.second-state .locate .text,.locations .locations-list.third-state .locate .text {
padding-bottom:10px;
}


.locations .locations-list.second-state .side-bar {
    display: block;
    float: left;
    padding: 3px 10px 20px;
    width: 31.7616%;
}

.locations-list .sidebar-info .request-more-info {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 5px;
    line-height: 1;
    padding: 20px 5px;
    position: relative;
}

.locations-list .sidebar-info .request-more-info .main-text {
    color: #015a9c;
    text-shadow: 0 0 0 #015a9c;
    font-size: 1.825em;  
    padding:0 10px;
    display:block;
}

.locations-list .sidebar-info .request-more-info .subtext {
    color:#000616;
    display: block;
    
    font-size: 15px;
    padding-top: 8px;
    text-shadow: 0 0 0 #464646;
}

.locations-list .sidebar-info .request-more-info .subtext {
    color:#000616;
    display: block;
    
    font-size: 15px;
    padding-top: 8px;
    text-shadow: 0 0 0 #464646;
}

.locations-list .sidebar-square {
    border: 5px none rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    line-height: 1;
    margin-top: 10px;
    padding: 15px;
    min-height:150px;
    vertical-align:top;
}
 .locations-list .sidebar-square .info .text {
    color:#000616;
    font-size: 1.125em;
    font-weight: 500;
}

 .locations-list .sidebar-square .info .subtext {
    color:#000616;
    display: block;
    font-size: 0.875em;
    padding: 5px 10px;
}

.locations-list .sidebar-square .info .phone-number {
    color:#000616;
    display: block;
    font-size: 0.875em;
}

.locations-list .sidebar-square .info .sidebar-button {
    background: #015a9c;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    font-size: 0.75em;
    font-weight: normal;
    margin: 10px auto 16.6667px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
}

.locations-list .sidebar-mini-map .text {
    
    font-size: 1.175em;
    font-weight: 500;
    line-height: 1;
    margin-top: -30px;
    text-transform: uppercase;
    color:#848484;
    text-shadow: 0 0 0 #464646;
}

.locations-list .sidebar-mini-map .subtext {
    
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 16px;
    text-transform: uppercase;
    color:#848484;
    text-shadow: 0 0 0 #464646;
}

.locations-list .sidebar-mini-map {
    background:#ffffff;
    border: none;
    border-radius: 5px;
    color:#000616;
    margin-top: 40px;
    text-align: center;
}

.locations-list .sidebar-mini-map .text .special {
    color: #015a9c;
    font-weight: normal;
}

.locations-list .sidebar-mini-map .mini-map {
    border-radius: 5px;
    margin-top: -40px;
	background: url("../images/map-america.png") top center no-repeat;
	display: inline-block;
    height: 251px;
    width: 259px;
}

.locations-list .side-bar .map {height:343px;}


/*Added on 28 Jan 2015*/
.locations .locations-hero.first-state .locate .heading {
padding-right:0;
padding-top: 50px;
padding-bottom:0;
margin-bottom:0;
margin-top:0;
}

/*Added on 31 Jan for remove share icon on event detail page */
.carousel .actions .share:after {
    background: none;
    height: 23px;
}
.app-footer {
background: #494A4D ;
padding: 50px 0;
z-index:1;
}
.stop-scrolling .app-footer {
z-index:0;	
}
/*Added on 1 Feb for hide event share custome image*/
.carousel .actions .share:after {
background: rgba(0, 0, 0, 0) url("../images/icon-share-green.png") no-repeat scroll center center;
width: 25px;
height: 25px;
cursor: pointer;
}



/*Added on 19 Jan 2015*/
.error 
{
    color: #FF0000;
    
    text-shadow:0 0 0 #FF0000;
}

.request-app .request-form .error 
{
    color: #FF0000;
    text-shadow:0 0 0 #FF0000;
    margin-top: -12px;
    
}

.form-note {color:#000616; font-size:12px;}

.form-note span{font-weight:bold; margin-right: 2px;}

.black_overlay 
{
    /*background:none repeat scroll 0 0 rgba(0, 0, 0, 0.4);*/
    padding-top: 20px;
}

.create_event_form {
    margin-top: 0px !important;
}

.gallery .gallery-hero {
  /*Updated on 16 March 2015
  background: url("../images/glam-decorator.jpg") top center no-repeat;
  background-size: cover;*/
  background: none;
  /*background-size: 168% 100%;*/ 
}

.gallery .gallery-hero .main-title {
    margin-top : 75px;
    padding-left: 20px;
}

.gallery-thumbnail .thumbnail-container {
    height: 180px;
}

.app-footer .footer-menu .main-navigation li:last-child {
    margin-bottom: 10px !important;
    margin-right: 20px !important;
}

#image_title1,#image_title2,#image_title3,#image_title4 {
    color: #FFFFFF;
    display: inline-block;
    /*Updated on 28 Jan 2015
    font-sizeL 0.9em;*/
    font-size: 1.09em;
    font-weight: 300;
    margin-left: 5px;
}

.gallery .gallery-hero .main-title .title {
    color: #015a9c;
    display: inline-block;
    font-weight: 800;
}

#first-time-promo {
    padding-top: 115px;
}

.carousel .description {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: white;
    
    font-size: 1.2em;
    margin: 10px 0;
    padding: 10px;
}

.carousel .description .title {
    color: white;
    font-size: 1.5em;
    margin-bottom: 5px;
}

.carousel .slider .owl-prev, .carousel .slider .owl-next, .carousel .slider .count {
    background-color: rgba(255, 255, 255, 0.7);
    background-position: center center;
    background-repeat: no-repeat;
    color: #015a9c;
    display: block;
    position: absolute;
    text-align: center;
}

.carousel .slider .owl-prev, .carousel .slider .owl-next, .carousel .slider .count{
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center center;
    background-repeat: no-repeat;);
    color: #FFF;
}

.carousel .slider .owl-prev:hover, .carousel .slider .owl-next:hover{
    background-color: rgba(0, 0, 0, 0.7);
    background-position: center center;
    background-repeat: no-repeat;);
}

.carousel .slider .owl-prev {
    background-image: url("../images/arrow-left-white.png");
}

.carousel .slider .owl-next {
    background-image: url("../images/arrow-right-white.png");
}


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

.locations.locations-4 .page-content {
    display: block;
    float: left;
    margin-right: 2.35765%;
    padding-right: 40px;
    width: 60.762%;
}

.locations.locations-4 .sidebar {
    display: block;
    float: left;
    margin-top: 0;
    width: 36.762%;
}
    
.locations .locations-list.second-state .side-bar {
    display: block;
    float: left;
    margin-right: 7.42297%;
    padding: 10px 20px 10px 0;
    width: 46.2885%;
}

.locations .locations-list.second-state .index-address {
    padding: 0 5px;
    }
}

/*******Location infor page changes*******/
.locations.locations-4 .featured-info .left .text .highlight {
    color: #015a9c;
    
}
.locations.locations-4 .featured-info .info .cta, .locations.locations-4 .featured-info .directions .cta {
    background: none repeat scroll 0 0 rgba(91, 91, 91, 0.9);
    text-shadow:0 0 0 #5b5b5b;
    position: relative !important;
}
.locations.locations-4 .page-title {color:#000616;  font-weight: 600; padding: 15px 20px; text-align:left;}
.request-an-appointment-orange { background:#015a9c; }
.request-an-appointment-orange .title, .request-an-appointment .title, .request-an-appointment .subtext-cta {text-align:center;}
.request-an-appointment .title {color: #015a9c;}
.request-an-appointment .sidebar-button {background:#015a9c;}
.request-an-appointment .sidebar-button:hover {background:#ad1016;}
.locations-list-map .sidebar-info { padding: 10px 0 0;}
.locations-list-map .sidebar-info-top {padding: 3px 0 0;}
.locations-list-map .sidebar-info-bottom { padding: 10px 0;}
.locations-list-map .sidebar-info .request-more-info{ padding: 20px 5px;}
/*.locations-list-map .sidebar-info-top .request-more-info{ padding: 0 5px;}*/
.locations-list-map .sidebar-info .request-more-info  .main-text{font-size: 1.625em;  font-weight: normal;}
.locations-list-map .sidebar-info .request-more-info .main-text p {
	margin:0;
}
.locations-list-map .sidebar-info .request-more-info  .subtext{font-size: 0.875em;  font-weight: normal;}
.request-an-appointment-orange .subtext-cta, .request-an-appointment .subtext-cta {text-align:center;}
.request-an-appointment-orange .button-wrapper .sidebar-button, .request-an-appointment-orange .button-wrapper .sidebar-button:hover {color: #015a9c;}
.locations.locations-4 .featured-info .info .cta:hover,.locations.locations-4 .featured-info .directions .cta:hover { background:#015a9c; }
.locations.locations-4 .featured-info .info .phone .phone-icon, .locations.locations-4 .featured-info .directions .phone .phone-icon {
	background: rgba(0, 0, 0, 0) url("../images/phone.png") no-repeat scroll center center;
    height: 45px; 
    margin-right: 4px; 
    vertical-align:middle;
}

.locations.locations-4 .page-title .pointer { 
    background: url("../images/pointer-map.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    width:28px;
    height:50px;
    /*Updated on4 May 2015
    margin-top: 5px;*/
    margin-top: -6px;
}
.locations.locations-4 .featured-info .right .directions .map-container {margin-top:0;}
.locations.locations-4 .featured-info .info .title, .locations.locations-4 .featured-info .directions .title {line-height: 27px; }
.locations.locations-4 .featured-info .info .content, .locations.locations-4 .featured-info .directions .content {font-size: 0.98em; line-height: 20px;}
.locations.locations-4 .featured-info .left .text {width: 380px; display:block; margin: 30px auto; }
.request-an-appointment-orange .image img {padding-top:10px;}
.locations-list-map .sidebar-info.tab-view {display:none;}
.locations-list-map .sidebar-info.desktop-view {display:block;}
.locations.locations-4 .featured-info .right .info {min-height: 301px; height: auto;}
.featured-info .info-desc {min-height: 245px; height: auto; color: #464646; font-size: 15px;}

 @media all and (min-width: 320px) and (max-width: 767px) {
 	.locations .locate .locate-me form {
		display:none;
	}
 	.featured-info .info-desc {height:auto;}
 	.app-footer {
		padding: 17px 0;
	}
 	.hero-subscribe .bullets {
		padding: 0 0 0 20px;	
	} 
    .locate .locate-me .heading .white-title-mob {
    color: #ffffff;
    }
    /*[Start]: Added on 25 March*/
    .features .hero-feature .button {
      display: inline-block;
      width: 100%;
      text-align: center;
      margin: 5% auto 0;
    }
/*[End]: Added on 25 March*/


    .franchise-reg .form .wrapper {width:100%; margin:0 auto;}
    .mobile-view-extension {
    display: table;
    }
    .mobile-view-extension .hero-navigation {display: table-footer-group;}
    .mobile-view-extension .features{display: table-header-group;}
    .locations-list .sidebar-info .request-more-info {
            padding: 20px 0;
    }
 
    /* Added on 5 Feb 2015 */
    .top_space {
        padding-left: 5px !important;
        padding-right: 5px;
        padding-top: 90px;
    }
    
    .left_space {
        padding-left: 10px;
    }
     

 .hero-feature .display { display: table-footer-group; float:none;}
 
 .hero-feature .content {
    display: table-header-group; float:none;}


 .locations-4 .directions .map-container {
    /*Updated on 4 May 2015
    margin-top:0;*/
    margin-top:30;
}
 
 .locations.locations-4 .featured-info .left .info, .locations.locations-4 .featured-info .left .directions {text-align:left; margin-top:10px;}
 
 .locations .location-refer .form .wrapper, .edit-account .form .wrapper {padding: 15px 10px;}
 
 .edit-account .form .wrapper {width:94%; margin-left:10px;}
 
 .locations.locations-4 .featured-info .left .button {margin: 5px auto 0;}
 
 .locations.locations-4 .featured-info .left .button {
    font-size: 15.4px;
}

    /*Added on 4 Feb 2015 for manage product view like titel, content, image.*/
    .hero-feature .display {
        display: table-footer-group;
        float:none;
    }
    .hero-feature .content {
    display: table-header-group;
    float:none;
    }

 .locations.locations-4 .featured-info {padding:10px;}
    
 .locations .locations-hero.second-state .locate,.locations .locations-hero.third-state .locate {
    margin: 90px 0 0;
	padding: 0;
}

 .locations.locations-4 .featured-info .left .text {width:auto;}

 .login .request-app .register form {width:99%; margin-left:0.5%;}
 
 .locations-4 .locate  {
    padding:0 !important;}
/*Added on 3 Feb 2015 for event create page for footer bottom border */ 
    .app-footer {
    border-top: 2px solid #015a9c;
    }
    
    /*Addeb on 6 Feb 2015*/
    .page-single .display {
        width: 100%;
        display: block;
    }
 }
 
/*Addeb on 4 Feb 2015 for sitemap desktop view*/

.sitemap_titel{
    padding-left: 9px;
    padding-top: 10px;
    font-size: 2.8125em;
	color:#015a9c !important
}
.map .submenu .state {
    list-style: inside;
    list-style-position: outside;
    color: #015a9c;
    font-weight: 600;
    padding: 12px 0 0 0;
}
.map .submenu .status{
    font-size: 1.120em;
    padding: 10px 0 0 0;
    /*Added on 10 Feb 2015 for make the location status bole*/
    font-weight: 600;
}
.map .submenu .name{
    color: #ffffff;
    font-size: 14px;
    padding: 9px 0 0 0;
}
/*[Start]: Added on 12 Feb 2015 for Franchise submenu*/
.map .submenu .franchise {
    list-style: inside;
    list-style-position: outside;
    color: #959595;
    font-weight: 600;
    padding: 12px 0 0 0;
}
/*[End]: Added on 12 Feb 2015*/

ul.req-app-tabs {
font-family: myriad pro;
margin: auto auto 0;
padding: 0;
position: relative;
text-align: center;
}

ul.req-app-tabs li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    color:#000616;
    cursor: pointer;
    display: inline-block;
    
    margin: 0;
    text-align: center;
    text-shadow: 0 0 0 #000;
    vertical-align: middle;
    width: 15.5367%;
}

ul.req-app-tabs li:hover {
background:#FFFFFF;
}

ul.req-app-tabs li:active {
background:#015a9c;
color:#FFFFFF;
text-shadow:0 0 0 #FFFFFF;
}

ul.req-app-tabs li a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.my_acc_thanks {
    padding-top: 0px;
    margin:5% auto 0;
    display:block;
    background: #FFFFFF;
    color: #015a9c;
    text-shadow: 0 0 0 #015a9c;
    border-radius: 10px;
    width: 76%;
    
}


.my_acc_thanks .title {font-size:20px;}

.edit-account .my_acc_thanks .title {line-height: 74px;}

.my_acc_thanks .disclamer {font-size:16px; font-weight:normal;}

.my_account_active {
    background:#015a9c !important; 
    color:#fff !important; 
    text-shadow:0 0 0 #fff !important;
}

.ui-datepicker-trigger {
    margin-left: 2px;
    margin-top: 10px;
    vertical-align: top;
}

#ui-datepicker-div  {
    /*Updated on 19 Feb 2015 for manage calende
    top: 900.6px !important;
    left: 292.267px !important;*/
    /* top: 768.6px !important; */
    left: 363.267px !important;
}

.locations #ui-datepicker-div  {/* top: 1350.6px !important; */ left: 362.267px !important}

.locations .ui-datepicker-trigger {margin-top: 0 !important;}

  @media all and (min-width: 320px) and (max-width: 767px) {
  	ul.req-app-tabs .big-txt a {
	line-height:40px;
	}
  	.sitemap_titel {font-size: 2.25em;}
  
    .my_acc_thanks {width: 93%; height: 100px;}
    
    .edit-account .my_acc_thanks .title {line-height: 22px; margin-top: 21px;}
  
   .request-form .select-style.select-style-time {width:81px;}

    #ui-datepicker-div {
        /* top: 790.97px !important; */
        left: 12px !important;
    }

    .locations #ui-datepicker-div {
    left: 12.267px !important;
  /*   top: 1952.6px !important; */
    }
 
    ul.req-app-tabs li { width: 95%; margin:2px 0;}
    
    /*Added on 4 Feb 2015 for manage product view like titel, content, image.*/
    .hero-feature .display {
        display: table-footer-group;
        float:none;
    } 
    .hero-feature .content {
    display: inline-block;
    float:none;
    }
    /*Start: Added on 7 Feb 2015*/
    .refer_friend_box .main-title .title {
        text-align: left;
        margin-top: 0;
        padding-top: 0px;
    }
    /*End: Added on 7 Feb 2015*/

    /*[Start]: Updated on 24 Feb 2015 for hide background image of locations landing page(city/state)
    .locations .locations-list {
         background: url("../images/location-list-mob.jpg") no-repeat scroll center top #eae9ea !important;
    }
    [End]: Updated on 24 Feb 2015*/

 .login .request-app .register form {width:99%; margin-left:0.5%;}
 
 .locations-4 .locate  {
    padding:0 !important;}
/*Added on 3 Feb 2015 for event create page for footer bottom border */ 
    .app-footer {
    border-top: none;
    }
    
 }
 
  @media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : landscape) {  
    .hero-extensions .owl-carousel .item img { 
    left: 0;
    position: absolute;
    top: 0;
    width:100%;
    }
    .hero-extensions  .owl-carousel  {height:auto;}
    #ui-datepicker-div {
    left: 27px !important;
    top: 816.97px !important;
    }
    .locations #ui-datepicker-div {
    left: 18.267px !important;
    top: 1502.6px !important;
    }
   .franchise .view-header .header-seals img {
        width: 40%;
    }
  .locations.locations-4 .featured-info .right .info {padding-bottom:0;}
  
  .locations .locations-hero.third-state.location-refer {

        background-position: left -300px top -60px;
        background-size: 312% auto;
    }

    /*Start: added on 6 Feb 2015 for refer a friend */
    .refer_a_friend {
        background: none repeat scroll 0 0 #ffffff;
        border-radius: 10px;
        color: #015a9c;
        display: block;
        float: none;
        margin: 0 auto;
        padding-top: 0;
        text-shadow: 0 0 0 #015a9c;
        width: 63% !important;
    }
  }
 
 @media screen and (min-width: 768px) and (max-width: 1024px){
	.order-list .columns .column. {
		width: 12.5%;
	} 
	.order-list .columns .column.iorder{
		width:8%;
	}
	.order-list .columns .column.itrack{
		width:18%;
	}
	.order-list .columns .column.wide {
    width: 19.5%;
	}
 	.contact .hero-contact .index-address .index .inner {
		width:100%;
	}
	.contact .hero-contact .index-address .index .content, .contact .hero-contact .index-address .index .hours {
		width:49%;
		display:inline-block;
		margin-top:0;
		vertical-align:top;
	}
	.index-address .list .index .hours .address {
    width: 100%;
	}
	.contact .hero-contact .index-address .list.selected .index {
    width: 85%;
	}
 	.column_content {
		font-size: 14.4pt;
		padding: 118px 6% 0;
	}
	
	.membership-list .pictures .column {padding: 181px 0 75px;}
	
    /*[Start]: Added on 15 May 2015*/
    #popup_box {
      display: none;
      position: fixed;
      _position: absolute;
      height: 128px;
      width: 80% !important;
      background: #464646;
      left: 0% !important;
      top: 430px !important;
      z-index: 100;
      margin-left: 10% !important;
      padding: 15px;
      font-size: 15px;
      vertical-align: middle;
    }
    .wishlist-disclamer-message {
        padding-left: 6% !important;
    }
    /*[End]: Added on 15 May 2015*/

    /*.cart .item .description {
        width: 43.917366%;
    }*/

    /*[Start]: Added on 15 April 2015*/
    .cart.wishlist .item .add, .cart.wishlist .item .remove {
        margin-right: 3px;
    }
    .order-list .columns {
        display: table;
        padding-left: 23px;
        table-layout: fixed;
        width: 98%;
    }
    .wish_list_bg .wishlist {
        width: 98%;
        padding-left: 23px;
    }
    .my-order-variation {
        padding-left: 20px;
    }
    /*[End]: Added on 15 April 2015*/

    /*[Start]: Added on 10 April 2015*/
    .success_message_refer_a_friend{
        margin-top: 200px;
    }
    /*[End]: Added on 10 April 2015*/
    /*[Start]: Added on 30 March 2015 for manage image on news article on Ipad verticle*/
    .press_mobile {
      display: block !important;
    }
    .press_desktop {
      display: none !important;
    }
    /*[End]: Added on 24 Feb 2015*/
    .locations-list .locate .locate-me .text, .locations-list .locate .locate-me .heading {margin-right: 1.16509%;}
    .locations-list .locate{ width:100%;}
    .map-container {padding-left:0; padding-right:0;}
    .franchise-reg .form.container {
    padding-top: 238px;
    }
    .franchise .franchise-reg {
    background-size:150%;
    }
        
    /*[Start]: Added on 11 Feb 2015 for success message after form submission of Gift Card*/
    .gift_card {
        margin-top: 15px !important;
    }
    /*[End]: Added on 11 Feb 2015*/
    
    .locations .location-refer, .locations .locations-info {background-position: left -225px top -30px !important; background-size: 216% auto !important;}

    /*[Start]: Added on 23 Feb 2015 for manage background image of locations landing page(city/state)*/
    .locations .location-refer, .locations .locations-list {background-position: left -225px top -30px !important; background-size: 216% auto !important;}
    /*[End]: Added on 23 Feb 2015*/
 
    .locations .locations-hero.second-state .locate, .locations .locations-hero.third-state.location-refer .locate {margin: 100px 0 0;}

    .locations.locations-4 .featured-info .left .button {margin: 60px auto 0; font-size: 1.45em;}
 
     .locations .locations-hero .form form {
        float: none;
        display: inline-block;
        margin:0 auto;
        width: 100%;
    }
    
    .locations .form {padding: 40px 87px;}
 
    .locations.locations-4 .featured-info .left .text {margin: 54px auto;}

    .locations.locations-4 .featured-info .right .info {
    margin-bottom: 10px;
    padding-bottom: 0;
}

.locations.locations-4 .featured-info .info .phone, .locations.locations-4 .featured-info .directions .phone {
    margin-bottom: 19px;
    
}
    

 /*Updated on 23 Feb 2015 for manage background image of locations landing page(city/state)*/
    /*.locations .locations-list {
    background: url("../images/location-list.jpg") no-repeat scroll left -460px top 0 / 260% auto #eae9ea !important;
}*/

/*[Start]: Added on 10 Feb 2015 For Gift Card*/
    .gift .form .wrapper {padding: 15px 55px;}
 
    .gift .form {margin-left: 30px; width:50%;}
    
    .gift .side-bar {padding-left:0;}
    
    .gift .side-bar .voucher > img {width: 43%;}
    
    .gift .side-bar .voucher-desc { 
        margin: 0 20px; 
        width:95%; 
        padding: 230px 28px 18px; 
        top: 5px;
    }
    
    .gift .form .select-style.medium {
    width: 77%;
    }
/*[End]: Added on 10 Feb 2015*/

    #ui-datepicker-div {
    left: 145.267px !important;
    }
    
    .locations #ui-datepicker-div {
    left: 95.267px !important;
    top: 1550.6px !important;
    }
    
    ul.req-app-tabs li a {font-size:14px;}
    
    ul.req-app-tabs li { 
    margin: 2px;
    width: 25%;
    }
    
    .franchise .view-header .header-seals img {width:auto;}
    
     .franchise .request-info .paragraph {line-height: 1;}
 
    .franchise .view-header .main-title {
    display: block;
    float: none;
    margin: 0 auto;
    padding-top: 20%;
    vertical-align: middle;
    width: 57%;
    }

    .franchise .view-header .header-seals {
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    }
 
    .franchise .view-header .view-header-content {
    background: none repeat scroll 0 0 rgba(237, 21, 86, 0.8);
    width: 100%;
    }

    /*Added on 4 Feb 2015*/
    .locations-list-map .sidebar-info.desktop-view {display:none;}
    .locations-list-map .sidebar-info.tab-view {display:block;}
    .locations-list .sidebar-info .request-more-info {
		background:none; 
	}
    .locations-list-map .sidebar-info .request-more-info .main-text {padding:0 80px;}
    .locations-list-map .sidebar-info.tab-view  {
    	padding: 0 40px;
    }
    .locations-list-map .sidebar-square {width: 45%;  margin: 10px 15px 0; display: inline-block;}
    .locations-list-map .index-address { width: 100% !important;}
    .locations-list-map .index-address .list .index { width: 50% !important;}
    
    .locations-list-map .side-bar {width:100% !important; padding: 0 20px !important;}
    
    .locations-list-map .request-an-appointment, .locations-list-map .request-an-appointment-orange {
        width: 45%; 
        display: inline-block;
        margin:30px 15px; 
        vertical-align:top;
        height:680px;}

    /*[Start]: Added on 10 Feb 2015 for manage product page on IPad Vertical*/
  
    /*[End]: Added on 10 Feb 2015*/
 }
  
  @media screen and (min-width: 768px) and (max-width: 1024px)  and (orientation : landscape){
  	.column_content {
		font-size: 16pt;
		padding: 118px 12% 0;
		
	}
    #popup_box {
      top: 305px !important;
    }
  .app-header .membership-menu ul li {
  		margin: 0 8px; 
  }
  .app-header .main-menu ul a {
  		padding: 15px 28px; 
  }
    ul.req-app-tabs li {width: 15.5367%; margin:0;}
    .locations-list .locate .locate-me{padding-right: 0 !important;}
    .locations .location-refer, .locations .locations-info {
    /*background-position: left 25% top -6% !important;*/
    background-position: left 25% top 0% !important;
    background-size: 146% auto !important;
    }   

    /*[Start]: Added on 23 Feb 2015 for manage background image of locations landing page(city/state)*/
    .locations .location-refer, .locations .locations-list {
        /*background-position: left 25% top -1.7% !important;*/
        background-position: left 25% top -0.4% !important;
        background-size: 146% auto !important;
    }
    /*[End]: Added on 23 Feb 2015*/

    /*[Start]: Added on 24 Feb 2015 for manage background image of locations landing page(city/state)*/
    .locations .location-refer, .locations .locations-list-zip{
        background-position: left 25% top -0.1% !important;
        background-size: 146% auto !important;
    }
    .locations .location-refer, .locations .locations-listing-main{
        background-position: left 25% top -0.1% !important;
        background-size: 146% auto !important;
    }
    /*[End]: Added on 24 Feb 2015*/

    .locations.locations-4 .featured-info .right .info, .locations.locations-4 .featured-info .right .directions {height: 262px;}
    
    .locations.locations-4 .featured-info .right .directions {margin-top: 0;}
  


/*[Start]: Added on 10 Feb 2015 for gift card*/
.gift .side-bar .voucher-desc { top: 189px; width: 91%; margin: 0 35px; padding: 110px 28px 18px;}
    .franchise .view-header .main-title {
    display: block;
    float: none;
    margin: 0 auto;
    padding-top: 20%;
    vertical-align: middle;
    width: 50%;
    }

    .franchise .view-header .header-seals {
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    }
 
    .franchise .view-header .view-header-content {
    background: none repeat scroll 0 0 rgba(237, 21, 86, 0.8);
    width: 100%;
    }
/*[End]: Added on 10 Feb 2015*/

    #ui-datepicker-div {
    left: 194.267px !important;
    }
    
    .locations #ui-datepicker-div {
    left: 95.267px !important;
    top: 1640.6px !important;
    }
  
    .locations-list-map .request-an-appointment, .locations-list-map .request-an-appointment-orange {min-height: 758px; height:auto;}
}

 @media only screen and (device-width : 800px){

	.column_content {font-size: 14pt; padding: 118px 6% 0;}
	
}

  @media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : landscape) {
  .locations.locations-4 .featured-info .right .info {padding-bottom:0;}
} 
 #locations .gm-style-iw  div {
    overflow: hidden !important;    
 }
 
 #locations .gm-style-iw {
    overflow: hidden !important; 
 }
 
  #locations .gm-style-iw  div p {margin: 2px 0 !important;}
.refer-friend {
    margin-right: 0;
    margin-top: 0px;
}
.refer_a_friend_title {
       margin-left: -30px;
}
.background_refer_a_friend-hero .form form {
    display: block;
    float: left;
    margin-top: 0px;
    margin-left: 20.472%;
    margin-right: 4.82916%;
    width: 64.057%;
}

.form .refer_a_friend .disclamer {
    margin-top: 0;
    margin-left: 7px;
    font-size: 1.125em;
    font-weight: 200;
    text-transform: none;
    border-radius: 10px;
}
.refer_a_friend {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 10px;
    color: #015a9c;
    display: block;
    float: none;
    margin: 0 auto;
    padding-top: 0;
    text-shadow: 0 0 0 #015a9c;
    width: 62%;
}
.success_message{
    padding-left: 0;
    padding-top: 52px;
}
.gift_card {
background: none repeat scroll 0 0 #ffffff;
border-radius: 0;
border: medium none;; 
color: #015a9c;
display: block;
float: none;
margin: 0 auto;
padding-top: 0;
text-shadow: 0 0 0 #015a9c;
width: 100%;
padding: 10px;
height: auto;
}
.form .refer_a_friend .title {
    font-size: 1.125em;
    color: inherit;
    margin: 10px 0 0 0px;
}
.form .gift_card .title {
    color: inherit;
    font-size: 1.125em;
    margin: 10px 0 0;
}

.form .gift_card .disclamer {
    color: inherit;
    font-size: 17px;
    margin: 10px 0 0;
    font-weight: normal;
    
}
.top_space {
    padding-top: 90px;
    padding-left: 10px;
    padding-right: 5px;
}
.before-section {
    /* background: url("../images/background-texture-gray.jpg") repeat scroll 0 0; */
}
.before-feature {
    padding: 238px 0 0;
}
ul.before-tabs {
    margin: auto auto 0; 
    padding: 0;
    position: relative;
    text-align: center;
}

ul.before-tabs li {
    background-color: #393234;
    color: #959595;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 23.5%;
}

ul.before-tabs li a {
    display: inline-block;
    font-size: 15px;
    height: 40px;
    letter-spacing: 1px;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

ul.before-tabs li a.active{
 background:#015a9c;
 color:#FFFFFF;
}

ul.before-tabs li a:hover {
 background:#015a9c;
 color:#FFFFFF;
}

.before-feature .display {
    display: table-cell;
    vertical-align: middle;
    width: 43%;
}

.before-feature .display img {
    float: right;
    margin: 55px auto 0;
    width: 100%;
}

.before-section .center-content {
    display: table-cell;
    width: 54%;
}

.before-feature .arrow-content {
    display: table-cell;
    vertical-align: top;
    width: 4%;  
}

.before-feature .arrow-content img {
    margin-top: 35px;
}

.before-feature .content {
    display: table-cell;
    vertical-align: top;
    width: 48%;
}

.before-feature .content-sub {
    margin-top: 126px;
    width: 80%;
}

.before-feature .content .title {
    line-height: 41px;
    margin: 0;
    text-shadow: 0 0 0 #015a9c;
}

.before-feature .content .sub-title {
    color:#000616;
    
    font-size: 1.375em;
    font-weight: 400;
    margin: 10px 0;   
    text-transform: uppercase;
}

        .gorgeous.container {
            text-align: center;
        }
        .gorgeous.container .content {
            text-align: left;
            /* Updated on 5 Feb 2015 
            margin:0 auto; */
            margin:35px auto 0;
            display:inline-block;
            width:100%;
        }
        .gorgeous.container img {
            width: auto;
        }
        .gorgeous p {
            font-size: 18px;
            color:#000616;            
        }

        .gorgeous.container p {
         margin-bottom: 0;
         }
        .before-feature .content .title, .gorgeous .title {
         margin:0;
         line-height: 41px;
         text-shadow:0 0 0 #015a9c;
         font-size: 24px;
		 color: #015a9c;
        }

    /*[End]: Added on 10 Feb 2015*/

/* Desktop CSS for before after page ends here */
 
 
 
/*******************************************************************************************/

/* Updated on 4 Feb 2015 */   

/********************** LASH TAB CSS - HOME PAGE - STARTS HERE *****************************/


/* CSS Document */

    /**********Lash Tabs**********/

   .content-navigator {
        background-color: #015a9c;
        
    }
    .content-navigator .container {
        overflow: visible;
    }   
    .content-navigator .container ul {
        margin: auto auto -41px;
        padding: 0;
        position: relative;
        text-align: center;
        top: -41px;
		font-family: "Myriad Pro";
    }
    .content-navigator .container ul li {
        background-color: #000;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        color: #959595;
        cursor:pointer;
        margin: 0 2px;      
    }    
    .content-navigator .container ul li a{
        width: 176px;
    }
    .content-navigator-extension .container ul li a{ width:220px;}    
    .multi_line li{
        width: 220px !important;
    }    
    .rotator_li ul li a{
        height: 31px;
        line-height: 31px;
    }    
    .rotator_li ul li:first-child a{
        height: 47px;
    }    
    .rotator_li ul li {
        margin: 0 4px;
    }   
    .content-navigator .container section {
        overflow: hidden;
        text-align: center;        
        padding-top: 18px;
        color: #fff;
		font-family: "Myriad Pro";
    }
	.content-navigator .container section span {
		font-size:16px !important;
	}
    .content-navigator .container section .big{ 
		text-transform: uppercase;
		margin-left: 7px;
	}
    .content-navigator .container ul li a {
        display: table-cell;
        line-height: normal;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 15px;
        letter-spacing: 1px;
        height: 41px; 
		vertical-align: middle;
    }
    /*Updated on 20 October 2015 for manage homepage rotator last tab
	.content-navigator .container ul li:last-child a {
		line-height:19px;
	}*/
/*    .content-navigator .container ul li .nav_tab {
        padding: 3px 0;
        line-height:normal;
    }*/   
   
    .navigation-desktop {display:block;}
    .navigation-mobile {display:none;}
    
    .button-dark{
        margin-bottom: 10px;
    }
    .pink {
        color: #015a9c;
    }
    .button-dark {
    background: #ffffff url("../images/button-arrow-darkblue.png") no-repeat scroll calc(97% - 0.3em) center;
    border: 0 none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #015a9c;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding:11px 34px 11px 17px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.15s ease 0s;
    }
    a.button-dark {text-decoration:none;}
    
    .button-dark:hover {
       /*  background:#000; */
		 background-color: #000;
         background-image: url("../images/button-arrow-darkblue.png");
    }
    .button-dark img {
        margin-left: 5px;
        position: relative;
        vertical-align: top;
    }
	
	.right-arrow{
		
		background:#fff url("../images/button-arrow-darkblue.png") no-repeat scroll center center;
		
	}
    
    /**********call-to-action**********/

    .call-to-action {
        bottom: 0;
        padding-bottom:85px;
        /*padding-bottom:59px;*/
        /* Updated on 2 Feb 2015 
        padding-top: 31px; */
        padding-top: 1px;
        position: absolute;
        text-align: center;
        /*width: 1024px;*/
        width: 100%;
            
        /* Updated on 2 Feb 2015 
        height: 224px; */
        /*height: 234px;*/
        height: auto;
    }
    
    /* Added on 3 Feb 2015 */
    .home_content_title {
        color: #FFF !important;
        font-family: HelveticaNeue ultra light !important;
        font-size: 85px;
    }
    
    /* Added on 9 Feb 2015 - For eyelash extensions */
    .call-to-action-ext .home_content_title {margin-bottom: 10px;  margin-top: 10px; font-size: 80px;}

    .home_content {
        /* margin: 10px 0 0 0 !important; */
        font-weight: 500;
    }
    
/* Added on 20 Jan 2015 */    
    .call-to-action-ext {
        bottom: 0;
		left:0;
		right:0;
		margin:0 auto;
        padding-bottom:63px;
        padding-top: 20px;
        position: absolute;
        text-align: center;
        width: 1024px;           
        height: auto;
    }
    
    .black-background {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
        color: #fff;
    }
    .call-to-action p {
        font-size: 25px;
        margin: -10px 0;
        line-height:normal;
        /* Updated on 5 Feb 2015 */
        color: #fff;
    }
    
    .call-to-action h2 {
        color: #ffffff;
        font-size: 25px;
        margin: 0;
        text-transform: uppercase;
    }
    
    .container_tab {
        margin-left: auto;
        margin-right: auto;
        max-width: 68em;
        /*width:1024px;*/
        width:1064px;
        position: relative;
    }
    
    .intro_offer a {text-decoration:none;}

    .request-an-appointment .subtext {
        display: block;
        padding: 0 20px;
        text-align: center;
    }

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
	.content-navigator .container ul li a{
		display:inline-block;
	}
}	    
@media screen and (min-width: 320px) and (max-width: 767px) {
.contact .hero-contact .index-address .index .inner {
    width: 100%;
}
	.column_content {
		font-size: 12pt;
		padding: 118px 5% 0;
		height:360px;
	}

    .locations.locations-4 .locate {
      padding:0 !important;
    }
    
    .memberships .hero-join {background-position:center;}

    .membership-details {
        padding-top: 0;
    }

    .content-navigator .container ul li {color:#FFFFFF;}
    .hide_join_grand_opening {
        display: none !important;
     }
    .navigation-desktop {display:none;}
    .navigation-mobile {display:block;} 
    
    .edit-account .form .select-style.medium, .edit-account .form  #zip_code, .edit-account .form  #pass, .edit-account .form  #c_pass  {
   		width: 100%;
    }
    .features .hero-feature .container {width:90%;}
	
    .map-container {padding-left:0; padding-right:0;}
    .locations-list .locate .locate-me, .locations-4 .locate .locate-me {width: 95% !important;}
    .franchise-reg .form.container {
   	   padding-top: 186px;
    }
    .franchise .franchise-reg {background-size:360%;}
    .franchise-reg .form form {width:100%; margin-left:0;}
    
    .locations .location-refer, .locations .locations-info {
        background-position: left -299px top -40px !important; 
        background-size: 1472px auto !important;
	}
    .locations .location-refer, .locations .locations-list {
        background-position: left 20% top 0 !important;
        background-size: 300% auto !important;
    }
    .franchise .accordion .content { padding: 20px;}
    
    .franchise .accordion .content input {width:100% !important; height:auto !important;}

    .franchise .view-header .header-seals img {
    	display: inline-block;
    	width: 47%;
    }

 .franchise .request-info .paragraph {line-height: 1;}
 
 .franchise .view-header .view-header-content {height: 530px;}
 
 .franchise .franchise-hero {background-size:1302px auto;}
 
    .franchise .accordion .tag .title {line-height:1;}
 
    .franchise .view-header .main-title .title {
        font-size: 36px;
    }

    .franchise .view-header .main-title .subtitle {
        font-size: 16px;
    }

    .franchise .content>.subtitle {
        font-size: 1.5em;
    }
    
    .gift .form form {padding-bottom: 30px;}

    .gift .side-bar .voucher { margin-top: 23px;}

    .gift .side-bar .accordion {display:block; padding: 0 10px;}
    
    .gift .side-bar .wrapper {
        padding:15px; 
        width: 94%; 
        margin:0 auto; 
        display:block;
        
    }
    
    .gift .side-bar .accordion {
    margin-top: 70px;
    }
    
    .gift .form .wrapper, .gift .form .tag .title {display:none;}
    
    .gift .form {
        width: 95%; 
        margin-left: 8px; 
        margin-top: 80px;
        display: table-footer-group;
    }
    
    .gift .form .select-style.medium {
    width: 100%;
    }
    
    .gift .side-bar {width: 95%; margin-top:0; padding-left:0; margin-left: 5px; margin-bottom: 10px; display: table-footer-group;}
    
    .gift .side-bar .voucher > img {width: 96%;
    }
    
    .gift .side-bar .voucher-desc {
        margin: 0;
        padding: 65% 32px 18px;
        top: 9px;
        width: 100%; 
    }
    .call-to-action-ext .tab_content {display:none !important;}
    .call-to-action-ext.black-background {
        display:block;
        height: 131px;
        width:100%;
    }    
    .content-navigator-extension ul li {width:200px; height:30px; line-height:30px; margin: 0 0 10px !important;}    
    .content-navigator-extension ul li a {line-height:30px; height:auto;}
    .content-navigator-extension .container ul {top: -128px !important;}
    
    .hero .header {
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 2; 
    }
    
    /*[Start] Commented on 5 Octber 2015 for remove backgroun image
    .login .request-app .hero-login {
        background: url("../images/login-back.jpg") no-repeat scroll left -230px top 0 / 240% auto #e9eaea !important;}
    [End] Commented on 5 Octber 2015 for remove backgroun image*/
    
/*    .content-navigator .container ul li .nav_tab {
        position: relative;
        line-height:normal;
        height: 47px;
    }*/
    .content-navigator-extension .container ul li:first-child a { line-height: 31px; padding: 0; height: 31px;}
    
    .content-navigator .container p {
        color: #ffffff;
        margin: 15px 0;
    }
    .content-navigator .container .big {
        font-size: 35px;
        text-transform: none;
    }

    .content-navigator .container .button-dark {
        margin-left: 15px;
        position: relative;
    }
    
    .hero .owl-carousel .owl-pagination {
        display:none;
    }
    .hero .owl-carousel .owl-buttons {
        display:none;
    }
    .rotator_li ul li {
        height: auto;
        /*line-height: 31px;*/
    }
    .content-navigator .container ul li a {
    height: 31px;
    line-height: 31px;
    width:295px;
    }
/*	.content-navigator .container ul li:last-child a {
		line-height:20px;
	}*/
    .content-navigator .container ul li .nav_tab {height:auto;} 
   /*  .content-navigator .container section .button-dark{
        display:none;
    } */
	.content-navigator .container section {
		padding-top:0;
	}
	.content-navigator .container section span {
		font-family: "Myriad Pro";
    	font-size: 1.4em !important;
    	font-weight: bold;
		text-transform: uppercase;
		
	}
    .content-navigator .container ul {
        position:absolute;
    }
    .hero .owl-carousel .owl-pagination .owl-page span {
        border: 3px solid #211c17;
        height: 17px;
        width: 17px;
    }
    .hero .owl-carousel .owl-controls {
         height: 35px;
         margin-bottom:0;    
    }
    .for_all > img,.memberships > img {
        height:28px;
    }
    .intro_offer > img {
        height:23px;
    }
    .container_tab {
        width:100%;
    }
    .call-to-action {
        padding-bottom: 12px;
        padding-top: 18px;
        width:100%;
        height: 131px;
    }
    .call-to-action p {
        font-size:15px;
        margin: 3px 0;
    }
    .home_content_title {
        color: #FFF !important;
        font-family: HelveticaNeue ultra light !important;
        font-size: 31px !important;
    }    
    .call-to-action h2 {
        font-size:11px;
    }
    .content-navigator .container ul {
        margin:0 auto;
        width: 100%;
		top: -162px;
    }
    .content-navigator .container ul li.active {    
        display: block ; 
        margin: 0 auto;
        width: 60%;
    }
    .content-navigator .container ul li {
        display:none;
    }
    .content-navigator-extension ul li {
        display: inline-block !important;
        margin: 10px 0 0;
    }
    .content-navigator-extension ul li:first-child {
        top: 0px !important;
    }  
    .before-section {
        background-position: left 18% top 0;
        background-size: 270% auto;
    }

    .before-feature {
        padding: 152px 0 0;
    }

    ul.before-tabs {
        
        margin: auto auto 0;
        padding: 0;
        position: relative;
        text-align: center;
    }

    ul.before-tabs li {
        margin: 1px 0;
        width: 100%;
    }

    ul.before-tabs li a {
        width: 100%;
    }

    .before-feature .display {
        display: table-footer-group;
        float: none;
        width: 100%;
    }

    .before-section .center-content {
        display: table-cell;
        width: 54%;
    }

    .before-feature .arrow-content {
        display: inline-block;
        float: left;
        margin: 10% 5% 0;
        vertical-align: top;
        width: auto;
    }

    .before-feature .arrow-content img {
        display: block;
        height: 120px;
        margin: 0 auto;
    }

    .before-feature .content {
        display: inline-block;
        margin: 5% 0 0;
        padding: 0;
        vertical-align: top;
        /* Updated on 16 Feb 2015 
        width: 79%; */
        width: 76%;
    }

    .before-feature .content-sub {
        margin-top: 0;
        text-align: left;
        width: 80%;
    }

    .before-feature .content .sub-title {
        font-size: 17px;
        line-height: normal;
    }

    .before-feature .content p {
        font-size: 14px;
        line-height: normal;
    }
    
    /* Added on 7 Feb 2015 */
    .contact_span_font_size {
        font-size: 15px !important;
    }
    
    /* Added on 7 Feb 2015 */
    .contact .form .wrapper {
        width: 100%;
        margin: 0 auto;
        background: #FFFFFF;
        color: #015a9c;
    }
    .hero-contact .main-title {
        color: #FFF;
        margin-top: 1px ;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-top: 80px !important; 
    }
    
    .hero-contact .main-title .title {
        display: block;
        font-size: 1.875em;
        color: #015a9c;
        text-transform: uppercase;
        margin-bottom: 0;
        margin-top: 40px;
        line-height: .9;
    }
    
    .form form .disclamer {
        font-size: 0.6375em;
        font-weight: 300;
        display: block;
    }
    
    .gorgeous.container img {width:100%;}
    .gorgeous.container .content {
        float: none;       
        width: 85%;
    }
    .gorgeous.container .content .title {margin:0;}
    .content-navigator-extension ul li {width:290px !important;}
    
    .register_form {
        margin: 0 auto !important;
        float: none;
    }
    
    .gallery .gallery-hero .main-title .title {
        font-size: 2.888em;
        margin: 0 -22px 10px;
    }
    
    .faqs .accordion .content .paragraph {
        margin-left: 25px;
    }
    
    .action_event {
        width: 270px;
		margin: 0px auto;
    }
    
    .action_event .button {
        margin-top: 10px;
    }
    
    /*Mobile*/
    .membership-list-mobile .pictures .column.picture-1 {
        background: url(../images/natural.jpg) no-repeat scroll center top 125px / 232px auto rgba(0, 0, 0, 0);  
    }
    
    .membership-list-mobile .pictures .column.picture-2 {
        background:url(../images/cute.jpg) no-repeat scroll center top 125px / 232px auto; 
    }
        
    .membership-list-mobile .pictures .column.picture-3 {
        background:url(../images/sexy.jpg) no-repeat scroll center top -170px / 232px auto;
    }
    
    .membership-list-mobile .pictures .column.picture-4 {
        background:url(../images/gorgeous.jpg) no-repeat scroll center top -170px / 232px auto;
    }
    
    .membership-list-mobile .pictures .column {padding: 298px 0 0;}
    
    .memlist {
        
        font-size: 14pt;
        list-style: outside none none;
        margin-left: 0;
    }
    
    .membership-details .text .title {
        color: #015a9c;
        display: inline-block;
        
        font-size: 20pt;
        margin-bottom: 0;
        padding-left: 0;
    }
    
    .membership-details .text .title {
        margin-left: 0;
    }
    
    .memlist {
        padding-left: 0;
    }
	.features .hero-feature.odd .container {
		text-align: center!important;
		text-align: -moz-center!important; 
		text-align: -webkit-center!important; 
		
	}
	
}
    
@media screen and (min-width: 200px) and (max-width: 767px) and (orientation : landscape) {
.column_content {
		font-size: 12pt;
		padding: 68% 14% 0;
}
    .hide_join_grand_opening {
        display: block !important;
    }
    
    .hero .owl-carousel  {max-height:none; height:138%;}    
    
    /* Added on 3 Feb 2015 */
    .desktop_slider {
        display: none;
    }
    
    .mobile_landscape {
        display: block;
    }
    
    /* Added on 3 Feb 2015 */
    .mobile_slider {
        display: none;
    }

    /*[Start] Added on 5 October 2015 for apply background image for all pages*/
    .desktop_background {
        display: none;
    }
    .mobile_background {
        display: none;
    }
    .mobile_landscape_background {
        display: block;
    }
    /*[End] Added on 5 October 2015 for apply background image for all pages*/
    
    .franchise .franchise-reg {
    background-size: 240% auto;
    }

    .locations .location-refer, .locations .locations-info {
        background-position: left -190px top -40px !important 
        background-size: 1410px auto !important;
    }

    /*[Start]: Added on 23 Feb 2015 for manage background image of locations landing page(city/state)*/
    .locations .location-refer, .locations .locations-list {
        /*background-position: left -190px top -40px !important 
        background-size: 1410px auto !important;*/

        /*Updated on 24 Feb 2015*/
        background-position: left 15% top 0 !important;
        background-size: 225% auto !important;
    }
    /*[End]: Added on 23 Feb 2015*/

     .franchise .view-header .view-header-content {
    height: 598px;
    }
    .franchise .franchise-hero {
        background-size: 1449px auto;
    }
   .franchise .view-header .header-seals img {
        width: 40%;
    }

    /*[Start]: Added on 10 Feb 2015 for gift card*/
    .gift .side-bar .voucher-desc {
        padding: 250px 32px 18px;
    }
    .gift .side-bar .voucher > img {
        width: auto;
    }
    /*[End]: Added on 10 Feb 2015*/

    /*[Start] Commented on 5 Octber 2015 for remove backgroun image
    .login .request-app .hero-login {
        background: url("../images/login-back.jpg") no-repeat scroll left -280px top 0 / 220% auto #e9eaea !important;
    }
    [Start] Commented on 5 Octber 2015 for remove backgroun image */

    .app-header .logo {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        top: 0;
        background:none;
        z-index: 2;
        background-size: 70%;
		width: auto;
    }

    .hero .owl-carousel .owl-pagination {
        display: none;
    }
    .hero .owl-carousel .owl-controls {
        margin-bottom:0;
        height: 32px;
    }
    .call-to-action h2, .call-to-action p {
        font-size: 14px;
    }
    .for_all > img, .memberships > img {
        height: 32px;
    }   
   
    .background {
        background-position: left -315px top 0 !important;
        background-size: 240% auto !important;
    }
    
    .register_form {
        width: 100% !important;
    }
    
    .gallery .gallery-hero .main-title .title {
        font-size: 2.888em;
        margin: 0 -5px 10px;
    }
    
    .login .main-title .title {
        padding-left: 28px;
    }
    
    .action_event {
        width: 270px;
		margin: 0px auto;
    }
    
    /*Mobile*/
    .membership-list-mobile .pictures .column.picture-1 {
        background-size: 100%;  
    }
    
    .membership-list-mobile .pictures .column.picture-2 {
        background-size: 100%;
    }
        
    .membership-list-mobile .pictures .column.picture-3 {
        background-size: 100%;
    }
    
    .membership-list-mobile .pictures .column.picture-4 {
        background-size: 100%;
    }
    
}
    
    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .memberships .hero-join {
        background: url("../images/membership-join-tab.jpg") no-repeat;
        background-size:100%; 
        }
        .memberships .hero-memberships {padding-top: 4%;}
        .navigation-desktop {display:none;}
        .navigation-mobile {display:block;} 
        
        .hero-feature {display: inline-block; width: 100%;}
        
        .hero-feature .container {display: table; width: 80%;}
        
        .hero-feature .content {display: table-header-group; width: 100%; text-align: center;}
        
        .hero-feature .display {display: table-footer-group;width: 100%;}
        .hero-navigation .cat_top_space {
            padding-top: 44px;
        }               
    .call-to-action-ext.black-background {display:none;}    
    .content-navigator .container ul li a {
        height:31px;
    }
    .rotator_li ul li {
        height: auto;
        line-height: 31px;
    }
    .content-navigator-extension .container ul li:first-child {
        top: 0;
    }
    .home_content_title, .call-to-action-ext .home_content_title {font-size:55px;}
    .call-to-action h2, .call-to-action p, .call-to-action-ext h2, .call-to-action-ext p {
        font-size:19px;
    }
    .container_tab {
        width:100%;
    }
    .content-navigator .container ul li a{ 
        width: 220px;
    }
    .call-to-action, .call-to-action-ext {
        padding-bottom: 12px;
        padding-top: 18px;
        width:100%;
        height: 178px;
    }
    .content-navigator .container ul {
        position:absolute;
    }
    .intro_offer > img, .for_all > img,.memberships > img {
        height:49px;
    }
    .content-navigator .container ul {
        margin:0 auto;
        width: 100%;
        top: -209px;
    }
    
    /* Added on 9 Feb 2015 - for eyelash extensions page */
    /* CSS for Eyelash extensions starts here */
    
    .content-navigator-extension .container ul {
        top: -47px;
    }
    .content-navigator .container ul li.active {
        display: block;
        margin: 0 auto;
    }
    .content-navigator-extension .container ul li.active {
        display: inline-block;
        margin: 0 4px;
    }
    
    .content-navigator-extension .container ul li:first-child a {
          line-height: 47px;
    }
    .content-navigator-extension .container ul li a {       
        height: 47px;
        line-height: 47px;
    }
    .content-navigator .container ul li {
        display:none;
        width:25%;
    }
    .content-navigator-extension .container ul li {
        display:inline-block;
    }
    
    /* CSS for Eyelash extensions ends here */
    
    .before-feature .arrow-content img {
        margin-right: 20px;
    }
     ul.before-tabs li a {
        width: 100%;  
    }
     ul.before-tabs li {
        width: 24.5%;  
    }
    .before-feature {
        padding: 143px 0 0;
    }
    .before-feature .display {
        display: table-cell;
        vertical-align: middle;
        width: 43%;
        margin-left: 4%;
        margin-right: 0;
        padding: 65px 0 0;
    }
    .before-feature .content {
        display: table-cell;
        vertical-align: top;
        width: auto;
        text-align:left;
        float:none;
        padding: 0 40px 0 0;
    }
    .before-feature .content-sub {
        margin-top: 116px;
        width: 98%;
    }
    .before-feature .content-sub p{
        line-height:1;
        /*[Start]: Added on 18 Feb 2015 For change color of text in before & after page*/
        color:#000616;
    }
    .before-feature .display img {
        float: left;
        margin: 0 auto;
        width: 100%;
    }
    .before-section {
        background-size:125%;
    }
    
    .gorgeous.container img {
        width: 100%;
    }

    .gorgeous.container .content {width:65%;}
    
    
    /*Code added on 7 Feb 2015*/
    .gallery .carousel:last-child, .gallery .thumbnails:last-child {
        margin-left: 8%;
        width: 125%;
    }
    
    .gallery .carousel .slider {
        float: none;
    }
    
    .text-container-gallery {
        width: 65%;
    }
    
    /*Code added on 10 Feb 2015*/
    .gallery .carousel .description, .gallery .carousel .actions {
        float: none;
        width: 65%;
        margin: 10px 0;
    }
    
    /*Code added on 10 Feb 2015*/
    .gallery .carousel .description .title {
        display: block;
    }

    .background {
        background-position: left -45px top -20px !important;
        background-size: 120% auto !important;
    }
    
    .register_form {
        margin-left: 13% !important;
    }
    
    .login .main-title .title {
        margin-left: 25px;
    }
    

    .faqs .accordion .content .paragraph {
        margin-left: 5px;
    }
    
    .action_event {
        width: 92%;
    }
    
    .membership-list #natural {
        background: none repeat scroll 0 0 #015a9c;
    }
    
    .membership-list #sexy, .membership-list #gorgeous {
        color: #015a9c;
    }
    
    .membership-list .details .text {
        font-size: 20pt;
    }
    
    .membership-details .text .title {
        margin-left: 0;
    }
    
    .memlist {
        padding-left: 0;
    }
    .membership-list .details {
    height: 222px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape){

        
        .locations .locations-hero.first-state .map svg {height: 460px; margin-left: 11%;}
        
        .memberships .hero-join {
        background: url("../images/membership-offer.jpg") no-repeat;
        background-position:center;
        background-size:150%;
        }

    .before-feature {
        padding: 193px 0 0;
    }

    /*Code added on 6 Feb 2015*/  
    .locations-hero.first-state.location-landing {
        background: url("../images/hero-locations.jpg") no-repeat scroll left 50% top 354% / 150% auto rgba(0, 0, 0, 0);
        padding-bottom: 20px;
    }
    
    /*Code added on 7 Feb 2015*/
    .gallery .carousel:last-child, .gallery .thumbnails:last-child {
        margin-left: 13%;
        width: 75%;
    }
    
    .text-container-gallery {
        width: auto;
    }

    
    /*Code added on 10 Feb 2015*/
    .gallery .carousel .description, .gallery .carousel .actions {
        width: auto;
    }
    
    .app-header .logo {
        left: 20px;
		width: auto;
    }
    
    .app-footer .stamp {
        margin-left: 20px;
    }
    
    .app-footer .footer-menu {
        /*[Start]: added on 23 Feb 2015 for manage footer left alignment*/
        padding-left: 21px;
        /*[End]: added on 23 Feb 2015*/
        width: 62.881%;
    }
	.app-footer .footer-menu-custom{
		padding-left: 21px;
		width: 44.881% !important;
	}

    .background {
        background-position: left -75px top 40px !important;
        background-size: 120% auto !important;
    }
    
    .register_form {
        margin-left: 18% !important;
    }
    
    .login .main-title .title {
        margin-left: 30px;
    }
    
    .action_event {
        width: 68%;
        /*Added on 30 March 2015 for manage news article button*/
        display: inline-block;
    }
    
    .membership-list .details .text {
        font-size: 20pt;
    }
}

@media screen and (max-width: 767px) {
    .membership-list .details .text {
        font-size: 20pt;
    }
}


 @media screen and (width: 1280px) {
    #ui-datepicker-div {
    left: 302.267px !important;
}
    .locations #ui-datepicker-div {
    left: 327.267px !important;
    }
 }
  @media all and (min-width: 1600px) and (max-width:3500px) {
    /*[Start]: Added on 15 May 2015*/
    #popup_box { 
        display:none; /* Hide the DIV */
        position:fixed;  
        _position:absolute; /* hack for internet explorer 6 */  
        height:128px;  
        width:600px;  
        background:#464646;  
        left: 0%;
        top: 45% !important;
        z-index:100;
        margin-left: 38% !important;  
        
        padding:15px;  
        font-size:15px;
        
    }
    .wishlist-disclamer-message {
        padding-left: 1% !important;
    }
    /*[End]: Added on 15 May 2015*/

    #ui-datepicker-div {
    left: 621.267px !important;
    }
    .locations .location-refer, .locations .locations-info {
        /*Updated on 15 Feb 2015
        background-position:center top 40px !important;*/
        background-position:center top -21px !important;
    }
    /*[Start]: Added on 23 Feb 2015 for manage background image of locations landing page(city/state)*/
    .locations .location-refer, .locations .locations-list {
    background-position:center top -18px !important;
    }
    /*[End]: Added on 23 Feb 2015*/
    .locations #ui-datepicker-div {
    left: 645.267px !important; 
    }
 }
@media all and (min-width: 1600px) and (max-width:1880px) {
    #ui-datepicker-div {
    left: 461.267px !important;
    }
    .locations #ui-datepicker-div {
    left: 485.267px !important;
    }   
}

@media all and (min-width: 1440px) and (max-width: 1599px) {
    #ui-datepicker-div {
    left: 381.267px !important;
    }
    .locations #ui-datepicker-div {
    left: 407.267px !important;
    }       
}

@media screen and (max-width: 667px) {
  .memberships .hero-join .left {
        background: none repeat scroll 0 0 rgba(70,70,70, 0.8);
        width: 100%;
        padding: 20px; 
    }
    
    /*Added on 27 March 2015*/
    .locations.locations-4 .featured-info .right .info .cta {
      position: relative;
      margin-top: 24px;
    }
    
}


.back_history{
    text-align: center;
    margin-top: 30px; 
}
.article_previous_button:after {
  background: none !important;
}
.article_previous_button:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 23px;
  background: url("../images/arrow-left-white.png") no-repeat center center;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 8px;
}
/*[Start]: Added on 23 March 2015*/
.button_disabled{
    background: #A8A4A5 !important;
}
/*[Start]: Added on 3 April 2015*/
.tag_boldness .title {
  font-size: 2.25em;
  margin: 0;
  padding: 0;
}

.locations.locations-4 .page-title .tag_boldness h1, .locations.locations-4 .page-title .tag_boldness h2, .locations.locations-4 .page-title .tag_boldness h3, 
.locations.locations-4 .page-title .tag_boldness h4,  .locations.locations-4 .page-title .tag_boldness h5, .locations.locations-4 .page-title .tag_boldness h6 {
  color:#000616;
  /**/
  font-weight: normal !important;
 /* margin-bottom: 20px;*/
}

/*[Start]: Added on 6 April 2015*/
.locations.locations-4 .page-title h1, .locations.locations-4 .page-title h2, .locations.locations-4 .page-title h3, .locations.locations-4 .page-title h4, 
.locations.locations-4 .page-title h5, .locations.locations-4 .page-title h6 {
    font-size: 0.999em;
    font-weight: bold !important;
    color:#000616;
    /*text-align: left;*/
}
.boldness_title {
    color: #464646 !important;
}
.tag_boldness_footer_page .title h1, .tag_boldness_footer_page .title h2, .tag_boldness_footer_page .title h3, .tag_boldness_footer_page .title h4,
.tag_boldness_footer_page .title h5, .tag_boldness_footer_page .title h6 {
  font-size: 2.25em;
  color: #015a9c;
  font-weight: bold !important;
}
.tag_boldness_lfinal .title h1, .tag_boldness_lfinal .title h2, .tag_boldness_lfinal .title h3, .tag_boldness_lfinal .title h4, .tag_boldness_lfinal .title h5,.tag_boldness_lfinal .title  h6 {
    font-size: 1.875em;
    /*color:#000616;*/
    
    line-height: 1.85;
}
.location_landing{
    font-weight: normal !important;
}
.tag_boldness_eyelash h1, .tag_boldness_eyelash h2, .tag_boldness_eyelash h3, .tag_boldness_eyelash h4, .tag_boldness_eyelash h5, .tag_boldness_eyelash h6 {
    font-family: HelveticaNeue ultra light !important;
    font-weight: normal !important;
    text-align: center;
}



.promo_banner img {
   
    padding-top: 0;
    width: 100%;
}

.promo_banner {
    text-align:center; 
    min-height:50px !important;
    border-radius: 5px;
    padding-bottom: 5px;
    margin-top:0px;
}


.thankyou_success_message{
    width: 100%;
    margin-left:0%;
}
/*[Start]: Added on 10 April 2015*/
    .success_message_refer_a_friend{
        margin-top: 200px;
    }
    .franchise-reg .form .wrapper-success-message {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8) !important;
    padding:27px 0;
    color:#000616;
    text-shadow:0 0 0 #454545;
    
    font-weight:normal;
    font-size: 1.25em;
    text-transform:none;
    width: 100%;
    margin-left: 0%;
    margin-top: 50px;
}
/*[End]: Added on 10 April 2015*/
/*[Start]: Added on 13 April 2015*/
.my_order_bg {
  background: #fff;
  color:#000616;
  
  margin-top: 40px;
}
.wish_list_bg {
  background: #F5F5F5;
  color:#000616;
  
  margin-top: 40px;
}
.request-app .order-list .title {
  padding-top: 60px;
  font-size: 47.79px;
  font-weight: bolder;
  color: #015a9c !important;
  text-shadow: 0 0 0 #015a9c;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.wishlist .title {
  color: #464646 !important;
  font-size: 1.875em;
}
.cart .item .quantity {
  /*padding: 5px 12px;*/
  padding: 0;
  width: 40px;
  height: 32px;
  display: inline-block;
  line-height: 29px;
  text-align: center;
  color: #FFFFFF;
  background: #A6A1A2;
  margin-right: 0;
}
.cart .item .control .increase, .cart .item .control .decrease {
  /*background: url(../images/plus-sign.png) no-repeat center center;*/
  background:none;
  font-size:18pt;
  text-align: center;
  margin-right: 0px;
}
.cart .item .control .decrease {
  /*background: url(../images/minus-sign.png) no-repeat center center;*/
}
.order-control .button {
  width: 300px;
  text-align: center;
  background: #464646;
  margin-right: 10px;
}
.order-control .button:hover {
  background: #464646;
}
.cart .add {
  background: #015a9c;
}
.cart .add:hover {
  background: #015a9c;
}
.logout_button_myorder {
    padding-bottom: 190px;
}
.order-list .content {
  border-top: 2px solid #D3D1D1;
  padding: 10px 0;
}
/*.cart .content {
  border-top: 2px solid #D3D1D1;
  padding: 20px 0;
  margin-top: 20px;
}*/
.hero-order {
  background: #F5F5F5;
  padding: 1.25em;
}
.no_orders_found {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*[End]: Added on 13 April 2015*/
/*[Start]: Added on 14 April 2015*/
.myorder-wishlist-button {
    width: 41px;
    height: 32px;
    vertical-align: middle;
    text-align: center;
    float: left;
}
.track_order_button
{
  border: 0px;
  width: 100px; 
  height:30px; 
  background-color: #015a9c;
  padding: 5px 11px;
  border-radius: 3px;
  color:white;
  -webkit-appearance: none;
  -webkit-user-select: none;
  font-size: 10pt;
  white-space: nowrap;
  outline: none;
}
/*[End]: Added on 14 April 2015*/
/*[Start]: Added on 16 April 2015*/
.order-control {
    padding: 0 10px;
}
.get_track_order {
    text-decoration: underline;
}
/*[End]: Added on 16 April 2015*/
/*[End]: Added on 14 April 2015*/

/*Added on cart view at the product page*/
.hero_order_pink {
    background: #015a9c !important; 
}

.hero-feature .content ul {
    
    font-size: 1.19em;
	list-style: none;
}
.hero-feature .content ul li:before {
  content: "\2022 ";
  margin-right: 10px;
}
/*[Start]: Added on 21 April 2015*/
.order .page-title {
  font-size: 46.79px;
  color: #015a9c;
  font-weight: 700;
  text-align: center;
  padding: 26px 10px;
  margin: 0;
  
}
.order-thank-you-title {
	color:#FFFFFF !important;
}
.order .app-content, .order-now .app-content {
  padding: 40px 0;
  color: #454545;
  background: #ffffff;
  /*background:#f2f2f2; */
}
.confirm-order .app-content{
	background:#ffffff;
}
.order-now .app-content {
  padding: 40px 0 0;
}
.featured-message {
  display: block;
  margin: auto;
  width: 100%;
  background-color: rgba(240, 240, 240, 0.5);
  /*background-color: rgba(240, 240, 240, 0.5);*/
  padding: 20px;
  text-align: center;
  font-size: 1.125em;
  margin-bottom: 204px;
}
.featured-message .title {
  color: #015a9c;
  margin: 0;
  font-size: 1.55em;  margin-top: 11px;
  
}
.success_process_order {
  font-size: 19px;
  color: #565252;
}

/* For Confirm Order */
.order-navigation .item .number {
  display: block;
  margin: auto;
  font-size: 1.875em;
  border: 3px solid #7B7A7A;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-bottom: 5px;
}
.order-navigation .item {
  display: inline-block;
  font-size: 0.75em;
  text-decoration: none;
  text-align: center;
  width: 60px;
  vertical-align: top;
  margin-right: 39px;
  font-weight: bold;
}
.order-navigation .item.active {
  color: #015a9c;
}
.order-navigation .item.active .number {
  border-color: #015a9c;
  background: #015a9c;
  color: #FFFFFF;
}
.order-details .title {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  background-color: #FFF;
  background-color: rgba(236, 236, 236, 0.5);
  padding: 20px;
  text-align: center;
  font-size: 0.915em;
  color: #015a9c;
  margin: 30px 0 10px;
  
}

.order-details .details {
  
}

.order-details .details .highlight {
  display: block;
  color: #015a9c;
  
}
.order-details .details .edit {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  top: 10px;
  right: 20px;
  background: #464646;
  padding: 3px 17px;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 0.85em;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  
}
.cart .title {
  color: #015a9c;
  text-align: center;
  display: block;
  font-size: 46.79pt;
  margin-top: 40px;
  
}
.cart .title, .order .page-title {
  font-family:"Avenir Next LT Pro Bold";
}
.cart .item .preview img {
  float: left;
  border: 1px solid #D7D3D3;
}
/*.cart .description {
  font-weight: bold;
}*/
.cart .price {
  font-weight: bold;
  width: 7.172153%;
}

.finalize-order {
  width: 300px;
  float: right;
}
.finalize-order .note .highlight {
  color: #015a9c;
}
.finalize-order .review {
  display: block;
  background: #EBF9D0;
  padding: 20px;
  border-radius: 3px;
  font-weight: 700;
  margin-bottom: 5px;
}

.order-navigation .featured .number {
  display: inline-block;
  font-size: 1.875em;
  border: 3px solid #015a9c;
  border-radius: 50%;
  padding: 0 15px;
  vertical-align: middle;
  background: #015a9c;
  color: #FFFFFF;
  margin-right: 10px;
}
.order-details .details {
  background-color: rgba(236, 236, 236, 0.5);
}
/*[End]: Added on 21 April 2015*/

form.order_zip_code input[type="text"], form.order_zip_code input[type="password"]{
  background:#ffffff;  
  color:#000000;
  font-size: 17px;
  -webkit-text-fill-color: #000000;
}

form.order_zip_code .select-style select {
    border: 1px solid #959595;
    display: inline-block;
    height: 39px;
    left: 0;
    margin-left: 0;
	/* Updated on 6 May 2015
    padding: 0 9px; */
    top: 0;
    width: 100%;
    -webkit-text-fill-color: #000000;
    font-size: 1.125em;
    color:#000000;
	text-indent: 0;
}

.order .form .wrapper {  
    background:#F7F7F7;
    color:#000616;
}



#go_back_text {
    font-size: 18px;
    font-weight: bold;
}

.order .form .wrapper {
    
    font-size: 14px;
}

/*.order .form .zip-wrapper {
	 font-size: 14px;
}*/

.order-navigation {
    font-weight: bold;
    font-size: 12pt;
	text-align: center;
    width: auto;
}
.order-navigation {
	font-family:Arial,Helvetica,sans-serif; 
}
.cart.upgrade .title {
    color:#000616;
    font-size: 1.875em;
}

.wrapper.billing_info {
    color: #015a9c !important;
}

.confirm-order .cart .item .preview {
    /*border: 1px solid #a6a1a2;*/
	border: 1px solid transparent;
}
.confirm-order .cart .item .control {
    display: block;
    font-weight: bold;
	text-align:center;
	width: 6.437055%;
}
.cart .description {
	width: 100%;
}
.cart .name {
	width: 96%;
    margin-left: 1.3576515979%;
    float: left;
}
.cart .item {
    padding: 10px;
}

.cart-table table {
	width: 100%
}
.cart-table .item {
	display: table-row
}
.cart-table .item .control {
	min-width: 110px
}
.cart-table .item .control,.cart-table .item .add,.cart-table .item .remove {
	width: auto
}
@media screen and (max-width: 768px) {
.cart .name {
	width: 56%;
}
.cart .item .description{
    width: 97.917366%;
    margin: 5px 0;
}
.cart .item .price {
    float: left;
    text-align: left;
	width: 22.432772%;
	margin-right: 1.4229703521%;
}
.cart .item .m_price {
	width: 10.433%;
}
}
@media screen and (min-width: 768px) and (max-width: 1920px){
.m_des{
	margin-right: 0 !important;
}
}

@media screen and (max-width: 736px){
	.m_des{
	margin:0px !important;
	width: 23.917% !important;
}
.mob_con{
	padding-right: 0px !important;
}
.mob_pre{
	 margin-left: 0px !important;
	 margin-right: 5px !important;
}
.mob_no{
	word-break: break-all !important;
}
.mob_box{
	width:16.172% !important;
}
}

.confirm-order .cart .item .description, .confirm-order .cart .item .price {padding-top:0;}
.cart .item_no {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 10.1721527019%;
    text-align: center;
	font-weight:bold;
}
.cart .data {font-weight:normal;}
.title.order_detail {
    color:#000616;
    
    font-size: 25pt;
}

.select-style.small.time_mm{
    width: 95px;
}

form.order_zip_code .select-style .time { 
    text-indent: 0;
    padding-left: 32px;
}

.cart .content {
    border-top: 1px solid #a6a1a2;
    padding: 10px 0;
}

/*Added on 5 May 2015*/
.order .form form .text:before {
  background: none;
  width: 0px;
}

.deactive-cart-link {
   cursor:default;
}

.button_pink {background:#015a9c !important;}

@media screen and (max-width: 1024px){
.cart-table .item .price {
    float: unset;
    width: auto;
    text-align: left;
}
.confirm-order .cart .item .description {
    width: 53.917366%;
    margin-right: 2.3576515979%;
}
.cart .item .control {margin-right: 2.4229703521%;}
.cart .content, .cart .subtotal {
  padding: 10px 20px;
}
.cart.upgrade .title {margin-bottom:10px;}

.cart .title, .order .page-title {font-size: 2.625em;}

.hero-feature .content-ul-center ul {    
	margin-left: auto;
    margin-right: auto;
	width: 110px;
	padding:0;
	text-align:left;
}


/*.order .form .wrapper {font-size:14pt;}*/

} 

@media screen and (min-width: 320px) and  (max-width: 767px){
.confirm-order .cart .item.header {display:none;}
.order-now .app-content {
	padding-top:1px;
}
.confirm-order .cart .item .control, .confirm-order .cart .item .description, .confirm-order .cart .item .price, .confirm-order .cart .item .item_no {
	padding-top:6px;
	font-size:0.75em;
	font-weight: bold;
}
.confirm-order .cart .item .preview {margin-left: 10px;}
.confirm-order .cart .item .description {
	width: 54.917366%;
	margin-right:2.3576515979%;
}
.confirm-order .cart .item .item_no {
	width: 16.172153%;
}
.confirm-order .cart .item .control {
 	margin-right: 2.3576515979%;
  	width: 16.172153%;
}
.confirm-order .cart .item .price {
    float: left;
    text-align: left;
}
.order .page-title {
	font-size:1.525em;
}
.faqs .faqs-hero, .about .about-hero, .sitemap .sitemap-hero, .locations .locations-hero, .locations-hero.first-state.location-landing, .locations .locations-list, .locations .location-refer, .locations .locations-info, .gift .app-content  {
    padding-top: 0;
    padding-bottom: 0;
}
.faqs .faqs-hero {
	padding-bottom: 100px;
}
.careers .career-hero {
	background:#92c755;
    background:radial-gradient(closest-corner at 13% 12% , #fcfdad, #92c755) repeat scroll 0 0;
	background:-webkit-radial-gradient(closest-corner at 13% 12% , #fcfdad, #92c755) repeat scroll 0 0;
	background:-moz-radial-gradient(closest-corner at 13% 12% , #fcfdad, #92c755) repeat scroll 0 0;
	background:-ms-radial-gradient(closest-corner at 13% 12% , #fcfdad, #92c755) repeat scroll 0 0;
}
.contact .hero-contact {
    background:#92c755;
    background:radial-gradient(closest-corner at 31% 4% , #fcfdad, #92c755) repeat scroll 0 0;
	background:-webkit-radial-gradient(closest-corner at 31% 4% , #fcfdad, #92c755) repeat scroll 0 0;
	background:-moz-radial-gradient(closest-corner at 31% 4% , #fcfdad, #92c755) repeat scroll 0 0;
	background:-ms-radial-gradient(closest-corner at 31% 4% , #fcfdad, #92c755) repeat scroll 0 0;
}
.hero-order {
   padding: 1.875em 0.625em;
 }
 
 .cart .item .control {
 	margin-right: 5.42297%;
  	width: 26.803921%;
}

.cart.upgrade .title {
  font-size: 1.375em;
}

.order-control .button {margin-bottom:5px;}

.order-control .button:last-child { margin-right: 10px;}

.order .form .wrapper {font-size:14px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

.order .zip-code form, .order .zip-code form:last-child {
    width: 480px;
	margin:0 auto;
	float:none;
}

.order-navigation {
   	margin-top:19px;
}

}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape){
.cart .item .control{
	margin-right: 0.357652%;
  	width: 11.437055%;
}
}

.order_quantity {
	border: 0 solid #e2dacb !important;
}

.upgrade_quantity {
	border: 0 solid #e2dacb !important;
}
/*Added on 15 May 2015 for popup*/
/* popup_box DIV-Styles*/
#popup_box { 
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height:128px;  
    width:600px;  
    background:#464646;  
    left: 0%;
    top: 252px;
    z-index:100;
    margin-left: 28%;  
    
    padding:15px;  
    font-size:15px;
    
}
.popup-message-title{
    color: white;
    font-size: 22px;
}
.popup-message-paragraph{
    color: white;
    font-size: 14px;
}
a{  
cursor: pointer;  
text-decoration:none;  
} 
#popupBoxClose {
    font-size:20px;  
    line-height:15px;  
    right:5px;  
    top:5px;  
    position:absolute;  
    color:#6fa5e2;  
    font-weight:500;      
}

.logout_text{
	color:#000616;
	font-weight: bold;
	font-family: myriad pro;
	display:inline-block;
	vertical-align:bottom;
}

.logout_text:hover{
	text-decoration: underline;
}
/*[Start]: Added on 21 May 2015*/
.cart_empty_message {
    text-align: center;
    font-size: 1.625em;
    font-weight: 700;
}

/*.spinner_container_cat {
    height: 400px;
}*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
    /*.spinner_container_cat {
        height: 780px !important;
    }*/
}
.spinner_container{
	width: 100%;
    height: 100%;
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7); 
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100; /* Just to keep it at the very top */
}

.sk-spinner-circle.sk-spinner {
    bottom: 0;
    height: 32px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    z-index: 1000; 
  }
@media screen and (max-width: 768px) {
.sk-spinner-circle.sk-spinner { 
	top: 30%;
	margin: 0 auto;
}
}
.sk-spinner-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.sk-spinner-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: #015a9c;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1s infinite ease-in-out;
          animation: sk-circleBounceDelay 1s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
.sk-spinner-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-spinner-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-spinner-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-spinner-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-spinner-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-spinner-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-spinner-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-spinner-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-spinner-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-spinner-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-spinner-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-spinner-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-spinner-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-spinner-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-spinner-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-spinner-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-spinner-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-spinner-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-spinner-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-spinner-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-spinner-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-spinner-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*[Start] Added by Shubham on 27 November for tab loader*/
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape){
	/*.spinner_container_cat {
        height: 1900px !important;
    }*/
}
/*[End] Added by Shubham on 27 November for tab loader*/
/*[Start]: Added on 22 May 2015*/
.cart .item .control .remove-icon {
    /* background: url("../images/button-small-cross.png") no-repeat center center; */
    background-color:#000616;
	background-image: none;
    color: #fff;
    height: auto;
    padding: 5px;
	width: auto!important;
}
.no_cart_message {
    text-align: center;
    font-size: 1em;
    font-weight: 700;
}
/*[Start]: Added on 25 May 2015*/
.product_empty_message {
    color: white;
}

.info_and_landmark{
	margin-bottom: 10px;
	color:#000616;
	
	margin-left: 10px;
}

.become_a_member_banner {
	color: #FFFFFF;
}

.img_franchise_reg {
	margin:20px 13px;
	vertical-align:top;
}

@media screen and (max-width: 568px) {
.cart .item .control .remove-icon {
	margin-right: 4px;
}
	.img_franchise_reg {
    	margin: 0px 0 20px;
    	vertical-align: top;
	} 
}


/**************Theme Changes****************/
/*thankyou title and text below it*/
.franchise-reg .wrapper-message .title , .franchise-reg .wrapper-message .disclamer{
	color:#ffffff !important;
}

.form .wrapper, .gift .side-bar .wrapper, .gift .form .button, .request-an-appointment .sidebar-button, ul.req-app-tabs li:active, ul.before-tabs li a:hover, ul.before-tabs li a.active, .content-navigator .container .active, .content-navigator .container ul li a:hover,
.order-navigation .item.active .number, .order-navigation .featured .number, .button_ui, .button-dropdown-list > li > a:hover, .lash-images ul li a, .toast-success, .toast-warning {
	background: #015a9c;
}
.locations-list .sidebar-square {
	background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.content-navigator {
	background:#015a9c;
}
.my_account_active, .pushy, .button_pink:hover, .pink-background, .btn-black-arrow, .btn-black, .lash-simu-btn:hover, .lash-simu-btn:focus, .lash-simu-btn:active, .tabs li {
	background: #015a9c !important;
}
.hero_order_pink { 
	background:#015a9c !important;
}
.button_pink {
	background:#015a9c !important;
}
.order .page-title , .featured-message .title{
	/*color:#ffffff;*/
}
.cart .title {
	color: #015a9c !important;
}
.index-address .list .index .title, .location-refer .form .wrapper, .edit-account .form .wrapper, .contact .form .wrapper, .form form .title.required:after, .color_text, .form .security .title, .form .security .question, .color_text, .hero-subscribe .bullets, .index-address .list .index .hours .title, .hero-contact .main-title .title, .franchise .request-info .title, .franchise .request-info .high-light, .gift .tag .title, .locations .location-refer .form .wrapper.refer_a_friend, .login .register form .policy .highlight, .f-name-carrer.required:after, .l-name-carrer.required:after, .email-carrer.required:after, .phone-carrer.required:after, .location-carrer.required:after, .upload-carrer.required:after, .math-carrer.required:after, .refer_a_friend, .map-popup .text, .map-popup .cta-text, .locations-list .sidebar-info .request-more-info .main-text, .locations-list .sidebar-square .info .sidebar-button, .gallery .gallery-hero .main-title .title, .locations.locations-4 .featured-info .left .text .highlight, .my_acc_thanks, .refer_a_friend, .gift_card, .contact .form .wrapper, .hero-contact .main-title .title, .order-navigation .item.active, .order-details .details .highlight, .cart .title, .finalize-order .note .highlight, .wrapper-message .disclamer, .form .security .math-carrer {
	color:#8c898c;
}

.disclamer_color,.request-app .order-list .title, .wrapper.billing_info, .button_ui_red, .lashMain li a.active, .lashMain li a:hover, .red-text, .tabs li a.active {
	color: #015a9c !important;
}
.location-refer .form .wrapper, .edit-account .form .wrapper, .franchise-reg .form .wrapper span, .franchise .request-info .title, .franchise .request-info .high-light, 
.locations .location-refer .form .wrapper.refer_a_friend, .request-app .main-title .title, .franchise-reg .wrapper-message .title, .refer_a_friend, .my_acc_thanks, .refer_a_friend, .gift_card, .request-app .order-list .title, .wrapper-message .disclamer {
	text-shadow:0 0 0 #015a9c;
}

.order-navigation .item.active .number, .order-navigation .featured .number {
	border-color: #015a9c;
}

.locations-list .sidebar-square .info .sidebar-button,.login .customer-login .security .question,.login .customer-login .title.required::after , .main-title .title, .careers .main-title .title, .gift .tag .title {
	color:#015a9c;
}

.text_gray{
	
	color:#808080!important;
	
}
.login .register .title, .register .check .option, .login .register .title.required::after, .option-carrer, .careers .form form .upload .subtitle, .math-statement-carrer, .upload-carrer, #image_title, .f-name-carrer.required:after, .l-name-carrer.required:after, .email-carrer.required:after, .phone-carrer.required:after, .location-carrer.required:after, .upload-carrer.required:after, .math-carrer.required:after {
	/*color:#959595;*/
	color:#000616;
}


.login .register .security .question, .login .register .security .title{
	color:#015a9c;
}
/***********light color***********/

.join-program .sidebar-button, .join-program .sidebar-button:hover, .become-a-member, .membership-list .pictures .column .overlay:hover .title .bot_title, .membership-list-mobile .pictures .column .overlay:hover .title .bot_title, .app-header .main-menu ul a:hover, .app-header .main-menu ul a.active, .add_product, .hero-navigation .categories a:hover,.hero-navigation .categories a.active, .hero-sub-categories .categories li a:hover,.hero-sub-categories .categories li a.active, .mobile-selection .state:hover, .features .hero-feature.red, .blog-date, .file-input:before, .upload_button, .submit_pics_button, .request-an-appointment-orange, .locations.locations-4 .featured-info .info .cta:hover,.locations.locations-4 .featured-info .directions .cta:hover, .track_order_button, .sk-spinner-circle .sk-circle:before, .toast-success, .toast-warning{
	background: #015a9c;
}
.toast-success {
  background-color: #015a9c!important;
}
.membership-list #natural{}
.membership-list-mobile .pictures .column .overlay #natural{}
.hero-order {
	background:#015a9c;
}
/*.app-header .main-menu ul li:nth-last-child(2) a:hover, .app-header .main-menu ul li:nth-last-child(2) a.active {
	background:none;
}*/
.button {
	background:#015a9c;
}
.button:hover {
	background:#015a9c;
}
.mobile-selection .state:hover {
        background: #015a9c;
        text-decoration: none;
}
.cta-info .request-more-info .title, .cta-info .request-more-info .subtitle, .cta-info .request-more-info .rlink, .locations-list .sidebar-info .request-more-info .main-text, .locations-list .sidebar-mini-map .text .special {
	color:#015a9c;
}
.hero-contact .title, h1.title, .membership-list .details .title, .membership-details .text .title, .become-a-member .button-wrapper .sidebar-button, .become-a-member .button-wrapper .sidebar-button:hover, .membership-list-mobile .details .column .title, .membership-list-mobile .pictures .column .overlay #gorgeous, .app-footer .footer-menu .main-navigation, .app-footer .footer-menu .expressnet, .product_price, .plus_symbol_red, .hero-feature .content .title, .gorgeous .title, .hero-subscribe .sign-up .title, .hero-subscribe .sign-up .title strong, .map .submenu .category, .guest-checkout, .carousel .slider .owl-prev, .carousel .slider .owl-next, .carousel .slider .count, .request-an-appointment-orange .button-wrapper .sidebar-button, .request-an-appointment-orange .button-wrapper .sidebar-button:hover, .before-feature .content .title, .gorgeous .title, .membership-details .text .title, .tag_boldness_footer_page .title h1, .tag_boldness_footer_page .title h2, .tag_boldness_footer_page .title h3, .tag_boldness_footer_page .title h4, .tag_boldness_footer_page .title h5, .tag_boldness_footer_page .title h6, .map .menu li {
	/*color:#589a2d;*/ /*hidden for footer links*/
	color:#015a9c;
}
.hero-feature .content .title {
	/*font-family: "Myriad Pro";*/
	font-family:Arial,sans-serif;
	/*font-size: 1.7em;*/
	font-size:2.775em;
}
.features .hero-feature .content .title {
	font-family: "Myriad Pro";
	/*font-size: 1.7em*/
	font-size: 2.8125em;
}
.app-footer .footer-menu .main-navigation, .request-app .main-title .title, .my-account .title{
	color:#fff !important;
}
.map .submenu .state, .locate .locate-me .heading strong, .locate .locate-me .heading b {color:#FFFFFF;}
.before-feature .content .title, .before-feature .content .title, .gorgeous .title {
	text-shadow:0 0 0 #015a9c;
}

.file-input:hover::before, .app-footer, .locations-4 .locate, .app-footer {
	border-color: #015a9c;
}

.hero-order .order-list li input[type="email"],.hero-order .order-list li input[type="number"],.hero-order .order-list li input[type="password"],.hero-order .order-list li input[type="search"],.hero-order .order-list li input[type="tel"],.hero-order .order-list li input[type="text"],.hero-order .order-list li input[type="url"],.hero-order .order-list li input[type="color"],.hero-order .order-list li input[type="date"],.hero-order .order-list li input[type="datetime"],.hero-order .order-list li input[type="datetime-local"],.hero-order .order-list li input[type="month"],.hero-order .order-list li input[type="time"],.hero-order .order-list li input[type="week"] {
	background:#ffffff;
	color:#000000;
}

 .arrow-separator-up {
 	  background: #015a9c url(../images/button-arrow-up.png) no-repeat center center; 
}
.content-navigator .container ul li {color:#e1e1e1;}


.franchise .view-header .view-header-content {
	/*background:rgba(125, 173, 44, 0.8);*/
	background:transparent;
}
.content-navigator .container ul li {
    background-color:rgba(0, 0, 0, 0.85); 
}
.content-navigator .container li.active a, .content-navigator .container ul li a:hover {
	background:#015a9c;
}
#coupon_subscription_msg_upd strong, #coupon_subscription_msg strong{
	float: left;
	text-transform: none;
	font-size: 15px;
}
#coupon_subscription_msg_upd, #coupon_subscription_msg {
	display: inline-block;
    margin: 5px 0 0 15px;
	float: left;
}
/*@media screen and (max-width: 768px) {
.content-navigator .container ul li:first-child { 
		margin-top: -4px;
}
}*/
@media screen and (max-width: 1024px) {
.content-navigator .container li.active a, .content-navigator .container ul li a:hover {
	background: #015a9c none repeat scroll 0 0;
    width: 295px;
}
}
@media screen and (max-width: 768px) {
.app-header .main-menu {
	border-image:none;
}
#coupon_subscription_msg_upd, #coupon_subscription_msg {
	margin-left:17px;
}
}
/***********Articles************/

.features .hero-feature.red {
	background:#ffffff;
}
.features .hero-feature.green {
	background:#e5e5e5;
}
.features .hero-feature.odd {
	background:#015a9c;
}
.features .hero-feature.orange {
	background:#fc5b3f;
}
.features .hero-feature.black {
	background:#000616;
}
.features .hero-feature.gray {
	background:#fcb03c;
}
.features .hero-feature.odd .title, .features .hero-feature.odd span,.features .hero-feature.red .button, .features .hero-feature.odd div, .features .hero-feature.odd h2, .features .hero-feature.red h2, .features .hero-feature.orange .title, .features .hero-feature.orange p, .features .hero-feature.orange h2, .features .hero-feature.black .title, .features .hero-feature.black p, .features .hero-feature.black h2, .features .hero-feature.gray .title, .features .hero-feature.gray p, .features .hero-feature.gray h2 {
    color: #fff !important;
}
.features .hero-feature.green .title, .features .hero-feature.green, .features .hero-feature.green span, .features .hero-feature.green h2 {
	color:#015a9c;
}
.features .hero-feature.green p{
   color:#959595!important;
	
}
.features .hero-feature.odd p{
   color:#fff !important;
	
}
/***********Article buttons************/

.features .hero-feature .button{
 color:#015a9c;
}
.features .hero-feature.green .button, .features .hero-feature.green .button_ui, .features .hero-feature.green .button-dropdown-list > li > a:hover {
	background:#015a9c;
}
.features .hero-feature.orange .button, .features .hero-feature.orange .button_ui, .features .hero-feature.orange .button-dropdown-list > li > a:hover {
	background:#e03a1d;
}
.features .hero-feature.black .button, .features .hero-feature.black .button_ui, .features .hero-feature.black .button-dropdown-list > li > a:hover {
	background:#292929;
}
.features .hero-feature.gray .button, .features .hero-feature.gray .button_ui, .features .hero-feature.gray .button-dropdown-list > li > a:hover {
	background:#e89310;
}
.features .hero-feature.odd .button, .features .hero-feature.odd .button_ui, .features .hero-feature.odd .button-dropdown-list > li > a:hover {
	background:#fff;
	color:#015a9c;
}
/*.features .hero-feature.odd span {
	color:#bba04f;
}*/
.features .hero-feature.red .button, .features .hero-feature.red .button:hover, .features .hero-feature.red .button_ui, .features .hero-feature.red .button-dropdown-list > li > a:hover {
	background:#015a9c !important;
	color:#fff !important;
}
.features .hero-feature.red .button:after {
	background:url("../images/button-arrow-green.png") center center no-repeat;
} 


/************Footer Subscribe************/

.hero-subscribe {
	background:#d4d4d2;
}
.hero-subscribe .container {
	text-align:center;
}
.hero-subscribe .sign-up h1.title {
	margin-bottom:15px;
	margin-left: 15px;
	text-align:left;
	/* max-height: 32px; */
}
.hero-subscribe .sign-up input[type="email"] {
	background:#ffffff;
	color: #4d4949;
}
.hero-subscribe .sign-up input[type="email"] {
	border-color:#015a9c;
}
.hero-subscribe .sign-up input::-webkit-placeholder, .hero-subscribe .sign-up input::-moz-placeholder, .hero-subscribe .sign-up input:-moz-placeholder, .hero-subscribe .sign-up input:-ms-input-placeholder, .hero-subscribe .sign-up input:placeholder {
	color:#ffffff;
	font-size:20px;
	background:#FFFF00;
}
.hero-subscribe .sign-up .button {
	background-color:#015a9c;
}
.thermal_cup_btn {
	background-color:rgba(0, 0, 0, 0.3); 
	padding: 11px 22px;
	background-image: url("../images/button-arrow.png");
    background-position: center center;
	background-repeat: no-repeat;	
	border: medium none;
    border-radius: 5px;
    display: inline-block;
    font-family: "Alianza W03 Slab_500";
    font-size: 14pt;
    font-weight: normal;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
}
/*************header Categories***************/

.hero-navigation .categories a:hover {
	background:#015a9c;
}
.app-header .main-menu ul li {
    margin-right: 0;
}
/*.app-header .main-menu ul li:first-child {
   border-top: 6px solid #f4794f;	
}
.app-header .main-menu ul li:nth-child(2){
   border-top: 6px solid #e12227;	
}
.app-header .main-menu ul li:nth-child(3){
   border-top: 6px solid #019dc3;	
}
.app-header .main-menu ul li:nth-child(4){
   border-top: 6px solid #dcc98f;	
}
.app-header .main-menu ul li:nth-child(5){
   border-top: 6px solid #9c267e;	
}
.app-header .main-menu ul li:nth-child(6){
   border-top: 6px solid #015a9c;	
}
.app-header .main-menu ul li:nth-child(7){
   border-top: 6px solid #015a9c;	
}
.app-header .main-menu ul li:nth-child(8){
   border-top: 6px solid #015a9c;	
}*/

/*************header Categories***************/

.hero-navigation .categories a:hover, .hero-navigation .categories a.active {
	background:#015a9c;
/*	box-shadow: 0 0 0 5px #015a9c, 2px 1px 6px 4px rgba(187, 85, 2, 0.5);
	background: url('../images/dotted-border-active.png') no-repeat #015a9c;
	border-color:#FFFFFF;*/
	color:#FFFFFF;
	text-shadow:0 0 0 #FFFFFF;
}
/*.hero-navigation .categories li:last-child {
	display:none;
}*/
.eye_ext {
	background: url('../images/introductory-offer-gray.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.hero-navigation .categories a:hover .eye_ext {
	background: url('../images/introductory-offer-gray-active.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.bcm_mem {
	background:url('../images/become-a-member-gray.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);;
}
.hero-navigation .categories a:hover .bcm_mem {
	background:url('../images/become-a-member-gray-active.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);;
}
.gf_cd {
    background: url('../images/gift-card-gray.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.hero-navigation .categories a:hover .gf_cd {
    background: url('../images/gift-card-gray-active.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.bf_af {
    background: url('../images/before-&-after-gray.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.hero-navigation .categories a:hover .bf_af {
    background: url('../images/before-&-after-gray-active.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.in_of {
    background: url('../images/introductory-offer-gray.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.hero-navigation .categories a:hover .in_of {
    background: url('../images/introductory-offer-gray-active.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.ey_sm {
    background: url('../images/eyelash-simulator-gray.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.hero-navigation .categories a:hover .ey_sm {
    background: url('../images/eyelash-simulator-gray-active.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.rfr_fri {
    background: url('../images/refer-a-friend-gray.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.hero-navigation .categories a:hover .rfr_fri {
    background: url('../images/refer-a-friend-gray-active.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.mk_ap {
    background: url('../images/make-an-appointment-gray.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.hero-navigation .categories a:hover .mk_ap {
    background: url('../images/make-an-appointment-gray-active.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.hero-navigation .categories span {
	line-height: normal;
	display: inline-block;
	margin: 0;
	max-height: 45px;
	text-transform:uppercase;
	vertical-align:top;
	/*Font size adjust -- AD*/
	font-size:90%;
	padding: 0 5px;
}

/*Font size adjust for smaller screen sizes below 1280px -- AD*/
@media screen and (max-width: 1279px) {
	.hero-navigation .categories span {
		font-size:70%;
	}
}

@media screen and (max-width: 568px) {
.hero-subscribe .sign-up h1.title {
    margin-left: 0;
    text-align: center;
}
#coupon_subscription_msg_upd, #coupon_subscription_msg {
	margin-left:0;
}
}

/*******************Home Page Hero Sub Banner******************/
.hero-sub-banner {
	margin:29px 0 0;
}
.sub-banner {
    padding: 0;
	margin-top: 40px;
}
.hero-sub-banner .sub-banner li{
	width:33.33%;
	padding: 0;
	vertical-align:top;
	float:left;
	position:relative;
	list-style:none;
}
.hero-sub-banner .sub-banner li img{	
	float: left;
    height: auto;
    width: 100.2%;
	padding: 0;
	background-size: 100% auto !important;
	z-index:0;
}
.hero-sub-banner .small {
	color:#000616;
    font-family: "Myriad Pro";
    text-align: center;
	display:block;
	font-size: 2.2em;
	line-height: 0.8;
}
.hero-sub-banner .big {
	color: #015a9c;
    font-family: "Myriad Pro";
    text-align: center;
	display:block;
	font-size: 1.8em;
	line-height: normal;
}
.hero-sub-banner .big .black {
	color:#000000;
}
.sub-banner .content {
	position:absolute;
	color:#FFFFFF;
	text-align: center;
    width: 100%;
	z-index:1;
	margin-top: 50%;
}
.sub-banner .content_hover {
    width: 73.5%;
	margin:19% 14% 0;
	height: 83.5%;
	/*padding: 40px 34px;*/
	padding: 7.7% 6.5%;
}
.sub-banner .content_hover:active .content {
    display: none; 
}
.sub-banner .content h2, .sub-banner .content h1 {
	margin:0;
	line-height:1;
}
.sub-banner .content h1 {
	font-family:"Alianza W03 Script_900";
	font-size: 3.5em;
}
.sub-banner .content h2 {
	font-family:"Myriad Pro";
	font-size: 2.3em;
}
.sub-banner p, .sub-banner .content_hover p {
	font-family:"Myriad Pro";
	font-size: 20px;
}
.sub-banner .content_hover p {
	margin-top:30px;
}


@media screen and (max-width: 1024px) {
.sub-banner .content_hover {
	height: 85.3%;
    margin: 17% 0 0;
    padding: 30px;
    width: 100%;
}
.sub-banner .content h2 {
	font-size: 2em;
}
.sub-banner .content h1 {
	font-size: 3em;
}	
.sub-banner p, .sub-banner .content_hover p {
	font-size:18px;
}
.sub-banner .content_hover p {
    margin-top: 18px;
}
}
@media screen and (max-width: 768px) {
.sub-banner p, .sub-banner .content_hover p {
    font-size: 15px;
}
.sub-banner .content_hover p {
    margin-top: 14px;
}
.sub-banner .content h2 {
    font-size: 1.5em;
}
.sub-banner .content h1 {
    font-size: 2.5em;
}
.sub-banner .content_hover {
	padding: 20px;
}
}
@media screen and (max-width: 640px) {
.hero-sub-banner .sub-banner li {
	width:100%;
}
.sub-banner .content_hover p {
    margin-top: 18px;
}
.sub-banner p, .sub-banner .content_hover p {
	font-size:19px;
}
.sub-banner .content h2 {
    font-size: 2em;
}
.sub-banner .content h1 {
    font-size: 3em;
}
.sub-banner .content_hover {
	padding: 35px;
}
}
@media screen and (max-width: 320px) {
.sub-banner .content_hover {
	padding: 25px;
}
}
@media screen and (max-width: 568px) {
.hero-sub-banner {
	margin: 0;
}
.logout_text{
	display: block;
    margin: 3px auto 0;
    text-align: center;
}
}
/* [Start] Added on 29 September 2015 for add Order Now button on location page */
.btn-animated {
    position: relative;
    min-width: 0!important;
    padding-right: 45px!important;
}
.btn-sm {
    padding: 5px 15px;
    line-height: 1.46666667;
    border-radius: 3px;
    margin: 5px 0;
    font-family: Myriad Pro;
    font-size:14px
}
.btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: pre-line;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}
.btn-dark, .btn-dark-gray, .btn-gray, .btn-red, btn-green {
    color: #ffffff;
    background-color: #015a9c;
    border-color: #015a9c;
}
.btn-dark-gray {
	background-color: #373737;
    border-color: #333333;
}
.btn-dark-gray:hover {
	background:#111111;
	border-color:#111111;
}
.btn-gray {
	background:#848484;
    border-color:#848484;
}
.btn-red {
	background:#015a9c;
	border-color:#015a9c;
}
.btn-red:hover {
	background:#890200;
	border-color:#890200;
}
.btn-white {
    background-color: #ffffff;
    border-color: #f2f2f2;
    color: #ed1556;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-success {
  background-color: #ececec;
  border-color: #ececec;
}
.btn-gray-white-transparent {
    color: #111111;
    background-color: transparent;
    border-color: #777777;
}
.btn-ingredient-transparent {
    color: #111111;
    background-color: transparent;
    border-color: #777777;
}
.btn-white-transparent {
    color: #111111;
    background-color: transparent;
    border-color: #777777;
}

.btn-gray-white-transparent:hover {
    color: #ffffff;
    background-color: #111111;
    border-color: #111111;
}

.btn-ingredient-transparent:hover {
    color: #ffffff;
    background-color: #111111;
    border-color: #111111;
}

.btn-white-transparent:hover {
    color: #ffffff;
    background-color: #111111;
    border-color: #111111;
}

.btn-green {
	background-color: #015a9c;
    border-color: #015a9c;
	color:#FFFFFF;
}
.btn-green:hover {
	background:#71B53F;
	border-color:#71B53F;
	color:#FFFFFF;
}
.fa-arrow-right:before {
    content: "\f061";
}
.btn-animated i {
    -webkit-transition: right 0.2s ease-in-out;
    -o-transition: right 0.2s ease-in-out;
    transition: right 0.2s ease-in-out;
    z-index: 3;
    right: 17px;
    position: absolute;
    line-height: 34px;
    min-width: 12px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.btn-animated.btn-sm:after {
    width: 25px;
}
.btn-animated:after {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    content: "";
    top: 0;
    opacity: 0;
    right: 0px;
    z-index: 2;
    transition: all 0.2s ease-in-out;
}
/*Animated Buttons*/
.btn-animated {
  position: relative;
  min-width: 0!important;
  padding-right: 45px!important;
}
.btn-animated i, .btn-animated.btn-sm.loc-order-btn i {
  -webkit-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
  z-index: 3;
  right: 17px;
  position: absolute;
  line-height: 34px;
  min-width: 12px;
  top:0;
}
.btn-animated.btn-sm.loc-order-btn i {
	top:auto;
}
.btn-animated:after {
  width: 35px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  content: "";
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  right: 0px;
  z-index: 2;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn-animated.radius-50:after {
  -webkit-border-radius: 0 25px 25px 0;
  -moz-border-radius: 0 25px 25px 0;
  border-radius: 0 25px 25px 0;
}
.btn-animated.btn-gray-white-transparent:after {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-animated.btn-ingredient-transparent:after {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-animated:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-animated:hover i {
  right: 11px;
}
.btn-animated.btn-sm {
  padding-right: 35px!important;
}
/*.btn-animated.btn-sm.loc-order-btn {
  padding-right: 20px!important;
}*/
.btn-animated.btn-sm:after {
  width: 25px;
}
.btn-animated.btn-sm i {
  right: 14px;
  line-height: 28px;
  min-width: 11px;
}
.btn-animated.btn-sm:hover i {
  right: 7px;
}
.btn-animated.btn-lg {
  padding-right: 60px!important;
}
.btn-animated.btn-lg:after {
  width: 45px;
}
.btn-animated.btn-lg i {
  right: 25px;
  line-height: 48px;
  min-width: 15px;
}
.btn-animated.btn-lg:hover i {
  right: 15px;
}
/*Car Icons*/
.icons-box .infont a i {
    font-size: 25px;
    display: block;
    color: #676a6c;
}
.fa-automobile:before, .fa-car:before {
    content: "\f1b9";
}
/*Added on 1 October 2015 for manage order now button on final location page*/
.loc-order-btn {
    display: block;
    text-align: center;
    width: 600px;
    font-size: 1.5625em;
    margin: 20px auto;
}
.app-footer {
    position: relative;
}
.careers .app-footer, .faqs .app-footer, .about .app-footer{
	z-index:1;
}
.btn-animated.btn-sm.loc-order-btn i {
	line-height: inherit;
	right: 35px;
	position:absolute;
	display: inline-block;
}

.btn-animated.btn-sm.loc-order-btn:hover i {
	right: 12px;
}
.btn-animated.loc-order-btn::after {
	top:5px;
}
.btn-animated.btn-sm.loc-order-btn::after {
    width: 45px;
}
.loc-order-btn.button::after {
	background:none;
	background-color: rgba(0, 0, 0, 0.1);
}
.locations-4 .featured-info .button {
	font-family:Avenir Next LT Pro Bold;
}
.locations.locations-4 .featured-info .right .button {
	display:table;	
    /*Updated on 19 October 2015 for manage Join Our Grand Opening Guest List Button
	padding: 10px 20px;*/
    padding: 10px 0px;
}
#site-menu ul li {
	background: transparent!important;
}
#site-menu .orer-now-btn {
	background:#16598c;
	padding: 15px 10px;
	color: #ffffff;
	text-align:center;
}
#site-menu .orer-now-btn img {
    vertical-align: middle;
	margin-left: 3px;
}
#site-menu .orer-now-btn a {
	text-decoration:none;
	border-bottom:1px solid transparent !important;
	padding:0;
	text-transform:uppercase;
	font-family:"Myriad Pro";
	font-weight:bold;
	text-shadow:0 1px 1px #000;
	font-size:1.3em;
}
#site-menu .cart-mobile {
	font-family: "Myriad Pro";
    font-size: 0.7em;
	background:#f1e9dc;
	padding: 15px 10px 10px;
	color: #ffffff;
	text-align:center;
	-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,1);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,1);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,1);
}
#site-menu .cart-mobile a {
    margin: 0 12px;
	padding:0;
	display:inline-block;
	text-decoration:none;
	border-bottom:none;
}
.btn-animated.btn-sm.loc-order-btn:hover {
	background:#3d3739;
	border:1px solid #3d3739;
}
#site-menu .menu-logo {
	display:none;
}
/*#site-menu .submenu {
	max-height:999px;
    overflow: hidden;
	-webkit-transition:1s ease;
 	-moz-transition:1s ease;
 	-o-transition:1s ease;
 	-ms-transition:1s ease;
 	transition:1s ease; 
}*/
.submenu {
    font-size: 0.8em;
}
#site-menu .submenu li a {
    padding-left: 25px;
}
@media screen and (max-width:1024px) {
.locations.locations-4 .featured-info .right .button {
	display:none;
}
.locations.locations-4 .featured-info .left .button {
	display:table;
	padding: 10px 20px;
}
.locations.locations-4 .featured-info .info .phone .phone-icon, .locations.locations-4 .featured-info .directions .phone .phone-icon {
	background-position: left center;
    background-size: 25px auto;
	width:25px;
}
.locations.locations-4 .featured-info .info .phone, .locations.locations-4 .featured-info .directions .phone {
	font-size: 20px;
}
.locations.locations-4 .featured-info .left .btn-show {display:none;}
.locations.locations-4 .featured-info .left .btn-hide{display:block;}
}
@media screen and (max-width:768px) {
.btn-animated.btn-sm.loc-order-btn i {
	right: 6%
}
.btn-animated.btn-sm.loc-order-btn:hover i {
	right:3%;
}
.btn-animated.btn-sm.loc-order-btn i {
	top: auto;
}
}
@media screen and (max-width:767px) {
.hero-feature .content .title, .features .hero-feature .content .title {
	font-size: 2.1875em;
}
.sub-banner {
	margin-top: 20px;
}
.locations.locations-4 .featured-info .left .button {
	padding: 7px 20px 7px 0;
	font-size: 14.4px;
}
.btn-animated.btn-sm.loc-order-btn i {
	right: 30px;
	line-height: normal;
	top: 33%;
}
.btn-animated.btn-sm.loc-order-btn:hover i {
	right: 16px;
}
/*.locations.locations-4 .featured-info{
	overflow:visible;
}*/
.btn-animated.btn-sm.loc-order-btn {
    padding-right: 41px !important;
}
	.cart-table .content {
		overflow-x:auto
	}
	.cart-table table tbody tr td span,.cart-table .item .price,.cart-table .cart .name,.cart-table .item .control {
		float: unset!important;
		width: auto!important;
		display: block;
		text-align: center;
		margin: 10px 0;
		margin-left: 0!important;
	}
	.hidden-mob {
		display: none
	}
	.cart .item .control .increase, .cart .item .control .decrease {
		display: inline-block
	}
}
@media screen and (max-width:400px) {
.locations.locations-4 .featured-info .left .btn-show {display:block; margin-bottom:10px;}
.locations.locations-4 .featured-info .left .btn-hide{display:none;}
.btn-animated.btn-sm {
margin-left:0;
}
.btn-animated.btn-gray {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 220px;
}
/*.btn-animated.btn-sm.loc-order-btn i {
	line-height: 90px;
	top:0;
}*/
}
/*[Start] Added on 1 October 2015 for remove background image*/
.app-content .hero-login, .app-content .hero-contact, .app-content .career-hero, .app-content .career-hero-application, .app-content .hero-login .edit-account, .app-content .franchise-reg, .app-content .faqs-hero, .app-content .franchise-hero, .app-content .gift-card-bg, .app-content .third-state, .locations-hero.first-state.location-landing, .locations-hero .location-list, .app-content .third-state .locations-hero, .app-content .about_background, .app-content .background_refer_a_friend, .app-content .sitemap-hero, .app-content .create-order-bg, .app-content .view-cart-bg, .app-content .select-location-bg, .app-content .billing-info-bg, .app-content .confirm-order-bg {
    background:none;
}
.desktop_background img, .mobile_background img, .mobile_landscape_background img {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    left:0;
}

/**************************************************** Popup Box Start ****************************************************************/
.fade.in {
    opacity: 1;
}
.modal {
    z-index: 2050 !important;
}
.modal {
    bottom: 0;
    /*display: none;*/
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
	line-height: 1.1;
}
.modal-dialog {
    transform: translate(0px, 0px);
}
.modal-dialog {
    transform: translate(0px, -25%);
    transition: transform 0.3s ease-out 0s;
}
.modal-dialog {
    z-index: 2041;
}
.modal-dialog {
    margin: auto;
    width: 400px;
	position: absolute;
	font-family: "open sans",arial;
	font-size:13px;
	top: 30%;
    margin: auto;
    left: 0;
    right: 0;
}
.modal-content {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
    position: relative;
	display: inline-block;
}
.modal-body {
    padding: 20px;
	position: relative;
	width:400px;
	display:inline-block;
}
.m-b {
    margin-bottom: 15px;
}
.m-t-none {
    margin-top: 0;
}
.form-group {
    margin-bottom: 15px;
}
/*label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}*/
.modal-body .login_label_title {
	font-size:1.125em ;
	color:#73c571;
}
.modal-body .disclamer {
    color: #000616;
    font-size: 1em;
    margin-top: 5px;
	margin-bottom:10px;
    width: 100%;
	display:block;
}
.modal-body .question {
    color: #73c571;
    font-size: 1.125em;
    margin-left: 10px;
	font-weight:bold;
}
.form-control, .single-line, input.form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: inline-block;
    font-size: 14px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
	height: 34px;
    line-height: 1.42857;
}
.form-control:focus, .single-line:focus {
	border-color:#73c571;
}
input.form-control.small {
	width:55px;
	text-align: center
}
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
    box-shadow: none;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
	.hidden-desk {
		display: none
	}
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.col-xs-6 {
	width: 50%;
    float: left;
}
@media (min-width: 768px) {
	.col-sm-2 {
		width: 16.66666667%;
	}
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after{
  clear: both;
}
.space-bottom {
    padding-bottom: 10px;
}
.text-center {
    text-align: center;
}
.big-icon {
    color: #e5e6e7;
    font-size: 160px;
}
.fa-sign-in::before {
    content: "";
}
.modal-body h4 {
	font-size:14px;
	margin: 4px 0 10px;
	
}
.modal-body h3 {
	font-size: 16px;
}
.modal-body p {
	font-size:13px;
}
.b-r {
    border-right: 1px solid #e7eaec;
}
.m-t-n-xs {
    margin-top: -5px;
}
.btn-primary {
    background-color: #73c571;
    border-color: #73c571;
    color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #000000;
    border-color: #000000;
}
.btn {
    border-radius: 3px;
}
.pull-right {
    float: right;
}
.btn-group-sm > .btn, .btn-sm {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
	font-family: "open sans",arial;
}
.overlay-bottom .btn-sm {
    width: 116px;
	text-transform:capitalize;
	text-decoration:none;
}
.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}
.modal-backdrop {
    z-index: 2040 !important;
}
.modal-backdrop.in {
    opacity: 0.5;
}
.close-btn-pop {
    color: #bbb !important;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    margin: 2px 6px;
    font-size: 1.1em; 
}
@media screen and (max-width: 640px) {
#site-menu .menu-logo img {
    width: 228px;
}	
#site-menu .menu-logo {
	display:block;
}
#site-menu .menu-logo a{
	border:none;
	text-align: center;
	margin-top: 30px;
}
#site-menu .menu-logo .copyright{
	font-size:12px;
	color:#FFFFFF;
	text-align: center;
}
.modal-dialog, .modal-body {
	top: 40%;
}
}
@media screen and (max-width: 400px) {
.modal-dialog {
	width: 95%;
	top: 30%;
}
.modal-body {
    width: 100%;
}
}
/**************************************************** Popup Box End ****************************************************************/
/*[Start]: Added on 23 October 2015 for remove default bg color on mobile */
.mobile-menu-bg {
    background: transparent !important
}
/*[End]: Added on 23 October 2015 for remove default bg color on mobile */
/*[Start]: Added on 28 October 2015 for scroll to top button */
.scrollup{
    width:65px;
    height:65px;            
    text-indent:-9999px;
    opacity:0.7;
    position:fixed;
    bottom:5px;
    right:5px;
    display:none;           
    z-index: 9;
}
#circle {
    width: 50px;
    height: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background:url("../images/arrow-scroll.png") no-repeat center;
    background-color: rgba(255, 255, 255, 0.8);
}
/*Added on 28 October 2015 for push notification */
#small-chat {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
}
#small-chat .badge {
    position: absolute;
    top: -3px;
    right: -4px;
}
.toast-warning {
  background-color: #015a9c!important;
}

.toast-success {
  background-color: #015a9c!important;
}

.label-warning, .badge-warning {
    background-color: #2881c3!important;
    color: #FFFFFF;
}
.badge {
    background-color: #d1dade;
    color: #5e5e5e;
    font-family: 'Open Sans';
    font-size: 11px;
    font-weight: 600;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    text-shadow: none;
}
.pull-right {
    float: right!important;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 6px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}
@media (max-width: 1024px) {
.badge {
	padding: 4px 6px;
}
}
.open-small-chat {
    height: 38px;
    width: 38px;
    display: block;
    background: #0a63a5;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}
.fa-shopping-cart {
    margin-top: 2px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
/*[End]: Added on 28 October 2015 for scroll to top button */
/***************************Overlay Popup*******************************/
/*Images and Overlays
---------------------------------- */
.overlay-container {
  position: relative;
  display: block;
  text-align: center;
  /*overflow: hidden;*/
  height:auto;
  min-height:255px;
}
.overlay-bottom,
.overlay-top {
  position: absolute;
  top: auto;
  padding: 0;
  bottom: 0px;
  left: 0;
  right: 0px;
  background-color: rgba(30, 30, 30, 0.5);
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  height: 0;
  color: #ffffff;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  z-index: 8;
}
.overlay-bottom.nutrition_click_animation {
	padding: 15px;
}
.overlay-bottom.links,
.overlay-to-top.links {
  z-index: 11;
}
.overlay-to-top {
  position: absolute;
  top: auto;
  padding: 10px;
  bottom: -30px;
  left: 0;
  right: 0px;
  background-color: rgba(30, 30, 30, 0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  color: #ffffff;
}
.overlay-top {
  top: 0;
}
.overlay-visible .overlay-bottom,
.overlay-visible .overlay-top {
  opacity: 1;
  filter: alpha(opacity=100);
  height: auto!important;
  padding-bottom: 20px;
}
.overlay-visible.overlay-container:hover .overlay-bottom:not(.links),
.overlay-visible.overlay-container:hover .overlay-top {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.overlay-top a,
.overlay-bottom a,
.overlay-to-top a {
  color: #ffffff;
}
.overlay-container .text {
  padding: 15px 10px 0;
  position: relative;
}
.overlay-container .text h3,
.overlay-container .text h3 .small {
  margin-top: 0;
  color: #ffffff;
  margin-bottom:10px;
}
.overlay-container .text a:hover {
  color: #ffffff;
}
.overlay-bottom .btn,
.overlay-top .btn {
  color: #ffffff;
  border-color: #ffffff;
  margin: 0;
}
.text-re-n {
	display:block;
}
.text-re-v {
	display:none;
}
.overlay-bottom .btn:hover,
.overlay-top .btn:hover {
  color: #777777;
  background-color: #ffffff;
}
.overlay-bottom .btn:hover .text-re-v {
	display:block;
}
.overlay-bottom .btn:hover .text-re-n {
	display:none;
}
/*.overlay-container:hover .overlay-top,
.overlay-container:hover .overlay-bottom,
.image-box.style-2:hover .overlay-top,
.image-box.style-2:hover .overlay-bottom {
  height: 50%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}*/

.overlay-container .leaf-icon:hover .ingredient_icon:hover .overlay-top,
.overlay-container .leaf-icon:hover .ingredient_icon:hover .overlay-bottom {
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.nutrition_click_animation {
  height:130px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.overlay-container:hover .overlay-to-top,
.image-box:hover .overlay-to-top {
  opacity: 1;
  filter: alpha(opacity=100);
  bottom: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.overlay-link {
  position: absolute;
  z-index: 10;
  top: 0;
  padding: 15px;
  bottom: 0px;
  left: 0;
  right: 0px;
  background-color: rgba(30, 30, 30, 0.5);
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  color: #ffffff;
}
.overlay-link i {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 80px;
  height: 80px;
  border: 1px solid #ffffff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  font-size: 32px;
  line-height: 80px;
}
.overlay-link i:hover {
  background-color: #ffffff;
  color: #777777;
}
.overlay-link.small i {
  width: 25px;
  height: 25px;
  margin: -12.5px 0 0 -12.5px;
  font-size: 14px;
  line-height: 25px;
}
.overlay-container:hover .overlay-link {
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.overlay-container .display-img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 180px;
    max-width: 100%;
    position: static;
    right: 0;
    top: 0;
    width: auto;
    z-index: 1;
}
.leaf-icon {
    bottom: 0;
    font-size: 0.9em;
    left: 0;
    padding: 5px 8px;
    position: absolute;
    z-index: 8;
	cursor:pointer;
    color: #cccccc;
}
.ingredient_icon {
   	bottom: 0;
    font-size: 0.9em;
    right: 0;
    padding: 5px 15px;
    position: absolute;
    z-index: 8;
	cursor:pointer;
}

.nutri_img {
    padding: 15px;
    text-align: left;
	color:#000000;
}

.overlay-container .small {
 margin-bottom: 15px;
 font-size: 85%;
 position: relative;
    z-index: 20;
}
@media (max-width: 1024px) {

.overlay-bottom.nutrition_click_animation {
    height: 123px;
}
}
/*Large devices (Large desktops 1200px and up)*/
@media (min-width: 1200px) {
  .overlay-container .text {
    top: 30%;
  }
}
/*Extra small devices (phones, less than 480px)*/
@media (max-width: 480px) {
  .overlay-container .text {
    top: 30%;
  }
  .overlay-container .text p {
    display: none;
  }

}
@media (max-width: 767px) {
.overlay-bottom .btn:hover .text-re-v {
	display:none;
}
.overlay-bottom .btn:hover .text-re-n {
	display:block;
}
.overlay-bottom .btn:hover {
	color:#FFFFFF;
}
.overlay-bottom .btn:hover{
	background:none;
}
.cart .item .price:last-child {
    width:11%; /*Made to adjust the total price DhirajT on 18 Jan 2017*/
}
}
/*Large and Medium devices (desktops, tablets less than 1199px)*/
@media (min-width: 480px) and (max-width: 1199px) {
  .overlay-container:not(.overlay-visible) .overlay-top ~ .overlay-bottom {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .owl-item .overlay-container:hover .overlay-top {
    height: 71%;
  }
  .owl-item .overlay-container:hover .overlay-bottom {
    height: 29%;
  }
}
.text h3 {
    font-size: 19px;
}

/*Modals
---------------------------------- */
.close {
  float: right;
  font-size: 21px;
  line-height: 1;
  color: #ffffff;
  filter: alpha(opacity=90);
  opacity: .9;
}
/*.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}*/
.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  text-align: center;
}
.modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  top:0;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  /*Added by Shubham on 1 December 2015*/
  min-width: 290px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  position:absolute;
  right:0;
  top:0;
  padding:15px;
  
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
  font-weight: normal;
  text-align: left;
  font-size: 1.2em;
  /*Added by Shubham on 25 November 2015 for make model title in uppercase*/
  text-transform: uppercase;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    margin: 150px auto 0;
    width: 100%;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (max-width: 768px) {
	.modal-dialog {
    margin: 100px auto 0;
	}
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
  
}
@media (max-width: 1024px) {
  .modal-backdrop {
  	/*position:absolute;*/
    /*Updated by Shubham on 25 November 2015
    height: 700px;*/
	position: absolute;
	height: 980px;
  }
}
.modal-content .modal-header {
  background-color:#015a9c;
}
.modal-content .modal-title {
  color: #ffffff;
}
.modal-open .page-wrapper {
  -webkit-filter: blur(3px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.modal-footer .btn + .btn {
  margin-bottom: 5px;
}



/* End of it  */


 @media screen and (min-width: 769px) and (max-width: 1920px) {
.promo_banner img {
   
    width:100% !important;
}
} 

 @media screen and (min-width: 768px) {
.promo_banner img {
    margin-top: 20px;
    width:50%;
}

.promo_bannerr img{
	margin-top:0px;
    width:100%;
		
	
}

} 


.nutrition_click_animation {
  height:130px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.overlay-bottom.nutrition_click_animation {
    height: 123px;
}


a.now_open {
	text-decoration:none;	
}
a.now_open:hover .cs{
	color:#015a9c; 
	text-decoration:underline;
}
.no {
	color:#EE3224;	
}
a.now_open:hover .no {
	color:#EE3224;
	text-decoration:underline;
}


/* End of it  */
/* for calender icon */

 .calender_icon{
	 font-size:42px!important;
	 color:#ec1654!important;
	 cursor:pointer!important;
 }

/* end of it */

.dark-bg:not(.banner) .separator::after {
  background: #ff3874;
  background: -moz-linear-gradient(left, #ed1556 0%, #ff3874 35%, #ff3874 70%, #ed1556 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1556), color-stop(35%, #ff3874), color-stop(70%, #ff3874), color-stop(100%, #ed1556));
  background: -webkit-linear-gradient(left, #ed1556 0%, #ff3874 35%, #ff3874 70%, #ed1556 100%);
  background: -o-linear-gradient(left, #ed1556 0%, #ff3874 35%, #ff3874 70%, #ed1556 100%);
  background: -ms-linear-gradient(left, #ed1556 0%, #ff3874 35%, #ff3874 70%, #ed1556 100%);
  background: linear-gradient(to right, #ed1556 0%, #ff3874 35%, #ff3874 70%, #ed1556 100%);
}

/* added for zip-code text continer */
.zip-code .container p {
    margin: 0;
    padding: 5px;
}
.zip-code .hero-subscribe {
    padding: 0px;
}
/* end of it  */
.container-full {
	max-width:86em;
}

/* for contact us page logo */
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 568px) 
and (orientation : landscape) {
    .contact_logo img{
	height: auto !important;
    width: 60% !important;
    float: left !important;
    margin-right: 113 !important;
	display:none;
    }
}
@media only screen 
and (max-device-width : 414px)
{
    .contact_logo img{
	height: auto !important;
    width: 60% !important;
    float: right !important;
    margin-right: 0 !important;
		}
    }

@media only screen 
and (min-device-width : 768px)
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.cart-table .item .control {
		width: auto
	}
    .contact_logo img{
		height: auto !important;
		float: right !important;
		margin-right: -91px !important;
    }
}
@media only screen 
and (max-device-width : 768px)
{
    .contact_logo img{
      margin-right: 46px;
		}
    }

/* End of it  */
/***********New Changes for Mobile Fold product_details page*********/

.product-order {
    background: #ffffff;
    padding: 10px;
    margin-top: 10px;
}
.product-order .content {
    padding: 0;
}
.cart .content {
    border-top: none;
    padding: 10px 0;
}
.featured-info .display {
    width: 300px;
}
.product-order .item {
	font-size: 15px;
}
.product-order #product_variants_th  {
    color:#015A9C;
	font-weight:bold;
}
.product-order #product_variants_th .description {
    font-weight: bold;
}
.product-order .item:nth-child(even) {
	background:#f2f2f2;	
}
.product-order .item .control {
    float: left;
    display: block;
    margin-right: 0;
    /*width: 14.4370548518%;*/
	width: 10.437%;
    text-align: center;	
	word-wrap: break-word;
}
.product-order .item .control:last-child {
    margin-right: 0;
}
.product-order .item .control .decrease,
.product-order .item .control .increase {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0px;
    width: 24px;
    height: 24px;
	font-size: 16pt;
}
.product-order .item .control .decrease:hover,
.product-order .item .control .increase:hover {
    color: #606060;
}
.product-order .remove,
.product-order .add {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 9.8781135619%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    vertical-align: middle;
    background: #464646;
    padding: 3px 10px;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 0.875em;
    cursor: pointer;
    text-align: center;
}
.product-order .remove:last-child,
.product-order .add:last-child {
    margin-right: 0;
}
.product-order .remove:hover,
.product-order .add:hover {
    background: #606060;
}
.product-order .description {
    float: left;
    display: block;
    margin-left: 1.3576515979%;
    margin-right: 1%;
    font-weight: normal;
    /*width: 30.4397240906%;*/
	width: 23.44%;
    vertical-align: middle;
}
.product-order .price {
    float: left;
    display: block;
    margin-right: 1.3576515979%;
    width: 8.1721527019%;
    vertical-align: middle;
    text-align: right;
}
.product-order .item  .name {
    /*width: 27.4397240906%;*/
	width: 13%;
	margin-left: 1.3576515979%;
	float: left;
} 
@media screen and (max-width: 1024px) {
.product-order .item .control {
	width: 11.437%;
}
.product-order .description {
	width: 19.44%;
}
}
@media screen and (max-width: 980px) {
.product-order #product_variants_th  {
    display: none;
}
	.product-order .item .name {
		width: 64.4397240906%;
		margin-left: 2.3576515979%;
		margin-bottom: 1%;
	}
    .product-order .item .control {
        width: 20.061624%; 
		margin-left: 2.3576515979%;
    }
    .product-order .item .price {
        width: 12.3760494595%;
		text-align: left;
		margin-left: 2.3576515979%;
		margin-right: 1.42297%;
    }
    .product-order .item .description {
        width: 94.917366%;
		margin-left:2.3576515979%;
		margin-bottom: 1%;
    }
    .product-order .item .remove {
        width: 19.376049%;
    }
}
@media screen and (max-width: 736px) {
.horder_mobile{
		display:none !important;
	}
}	
@media screen and (max-width: 700px) {
	
	.product-order #product_variants_th  {
		display: none;
	}
	.product-order .item .name {
		width: 49.4397240906%;
		margin-left: 2.3576515979%;
	}
    .product-order .item .control {
        width: 21.061624%; 
    }
    .product-order .item .price {
        width: 10.3760494595%; /*changed from 18% to adjust in iphone landscape -DhirajT on 18 Jan 2017*/
		text-align: left;
		margin-left: 2.3576515979%;
    }
    .product-order .item .description {
        width: 94.917366%;
		margin-left:2.3576515979%;
    }
    .product-order .item .remove {
        width: 19.376049%;
    }
	 .product-order .item .control .increase,
    .product-order .item .control .decrease {
        display: none;
    }
}
@media screen and (max-width: 480px) {
	.product-order #product_variants_th  {
		display: none;
	}
    .product-order .item  .name {
        width: 64%;
		margin-left: 2.357652%;
    }
    .product-order .item .control {
        float: left;
        display: block;
        margin-right: 1.4229703521%;
        width: 97.9173663064%;
		text-align: left;
		margin-left: 2%;
    }
	.product-order .item .control.cntrl-icon {
		width: 27.803921%;
	}
    .product-order .item .control:last-child {
        margin-right: 0;
    }
    .product-order .item .control .increase,
    .product-order .item .control .decrease {
        display: none;
    }
    .product-order .item .control .quantity {
        font-size: 1.0625em;
        padding: 3px;
    }
    .product-order .item .remove,
    .product-order .item .add {
        display: none;
    }
    .product-order .item .description {
        float: left;
        display: block;
        margin-right: 1.4229703521%;
        width: 97.9173663064%;
		margin-left:2.3576515979%;
		margin-bottom: 1%;
    }
    .product-order .item .price {
        float: left;
        display: block;
		margin-left: 2.357652%;
        margin-right: 1.4229703521%;
        width: 27.432772236%;
		text-align: left;
    }
    .product-order .item .remove {
        width: 100px;
        display: block;
        margin-top: 10px;
    }
    .locations.locations-4 .featured-info .right .info {
        display: none;
    }
    .locations.locations-4 .featured-info .left .info {
        display: block;
    }
    .locations.locations-4 .featured-info .left,
    .locations.locations-4 .featured-info .right,
    .locations.locations-4 .featured-info .info {
        width: 100%;
        padding: 0;
    }
}

.confirm-order .cart .content {
	border-top: 1px solid #a6a1a2;
}
.confirm-order .cart h1.title {
	margin: 0.67em 0;
}
/*searched products list page button changes*/
.small-btn {
	padding: 6px 15px;
	text-align: center;
	display:inline-block !important;
	font-family: "Myriad Pro" !important;
 /*   background: url("../images/arrow-right-white.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;*/	
}
.small-btn.button:after {
    background: url("../images/arrow-right-white.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 21px;
    width: 19px;
	margin-left: 6px;
}
/* .button-arrow {
	background: url("../images/arrow-right-white.png") left top ;
}*/
.features .hero-feature .button{
 color:#ffffff;
}

.small-btn:hover {
	background:#000000;
}


@media only screen  and (max-width : 480px) { 
	.featured-info .info-desc {
	   padding-top:20px;
	}
}

/***********Header search box*********/
#search_form {
    margin: 0;
	position:relative;
}
#mobile_search_form {
    margin: 0;
	position:relative;
	padding:0;
}
input.search {
    border: 1px solid #d4d4d2;
    border-radius: 0;
    padding: 6px;
	color: #848484;
}
#search_icon {position:absolute; right: 0; margin: 5px;top:0;}
#search_icon > img {
    width: 15px;
}
#mobile_search_icon {position:absolute; right: 0; margin: 5px;top:0;}
#mobile_search_icon > img {
    width: 15px;
}
#insert_search {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    position: absolute;
    width: 157px;
    z-index: 999;
	padding: 5px;
	max-height: 200px;
    overflow: auto;
	text-align:left;
}
#insert_search {
	display:none;
	text-transform: none;
}
#insert_search div:hover {
	background:#979797;
	color:#ffffff;
	text-decoration: none;
}
#insert_search div a {
    text-decoration: none;
}

#mobile_insert_search {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    position: absolute;
    width: 70%;
    z-index: 999;
	padding: 5px;
	max-height: 200px;
    overflow: auto;
	text-align:left;
}
#mobile_insert_search {
	display:none;
	text-transform: none;
}
#mobile_insert_search div:hover {
	background:#979797;
	color:#ffffff;
	text-decoration: none;
}
#mobile_insert_search div a {
    text-decoration: none;
}

/*Changes for view-cart product item alignment issue *//*added by dhiraj 1 june 2016
@media screen and (min-width: 800px) {
	.cart .item .view_control {
		width: 11.803921%;
	}
	.cart .view_description {
		width: 700.4397240906px ;
	}
	.cart .price {
		float: right;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.cart .view_description {
		width: 400.4397240906px ;
	}
}

@media screen and (min-width: 320px) and  (max-width: 767px){
	.cart .item .view_control {
		margin-right: 2.42297%;
		width: 26.803921%;
	}
}
*/
/*Gray out input field when disabled*/
input:disabled , select:disabled {
    background-image:url("../images/disable_all.png") !important;
	-webkit-appearance:none  !important;
	opacity:1.0 !important;
}
input[type="text"]:read-only { 
	background-image:url("../images/disable_all.png") !important;
	opacity:1.0 !important;
	-webkit-text-fill-color: #464646;
	-webkit-appearance:none  !important;
}
/* Start of Confirm Order page changes */

.order-details .details {
    float: left;
    display: block;
    height: auto;
    min-height: 140px;
}
/*starts track order details*/
.padding-50 {
	padding: 50px !important;
}
/*ends track order details*/
}

/*End of Confirm Order page changes*/

.btn1 {
    background-color: #015a9c;
    border: medium none;
    border-radius: 4px;
    padding: 3px 20px;
	margin-top:10px;
}
 .footer_fa_icon{
	 font-size:25px !important;
	 color:#015a9c;
 }
/* Display subcategories rollover on category rollover  */
.nav_hover {
    background-color: #ddd;
    border: 1px solid #eee;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.nav_hover .column .title:hover {
    background-color: #ddd;
    color: #454545;
}
.nav_hover .column .title::before {
    content: url("../images/rsz_right-16.png");
    margin: 6px;
}
.nav_hover ul li {
    display: inline-block !important;
    text-align: left;
    width:20% !important;
	float: left;
}
.nav_hover .column .title  span{
	vertical-align:middle;
}
.nav_hover .column .title {
    display: block;
    height: auto;
    padding: 10px 0;
	font-size: 14px;
}
.rollover_category_category_name {
	/* Internet Explorer 9+ */
	display:-ms-flexbox !important;
	-ms-flex-pack:center !important;
	/*-ms-flex-align: top !important;*/
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	.nav_hover {
	margin-top:-6px;
	border:none;
	}
	.hero-navigation .categories{
		border:none;
	}
	form.order_zip_code input[type="text"], form.order_zip_code input[type="password"] , form.order_zip_code .select-style select {
	  color:#6d6d6d !important;
	  -webkit-text-fill-color: #6d6d6d;
	  opacity:1.0;
	}
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
	font-family: "Arial",sans-serif;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}
.dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    border-radius: 0;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    margin: 0;
    min-width: 200px;
    padding: 0;
    z-index: 101;
	width:207px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.dropdown-menu {
	min-width: 190px;
    width: 194px;
}
.first-level .wrap_text {
    margin: 0;
    padding: 15px 13px !important;
}
.dropdown > a:before {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    left: auto;
    top: 21px;
    right: 1px;
    line-height: 1;
    color: #d1d1d1;
    font-size: 14px;
}
.dropdown .dropdown > a:before, .header.centered .dropdown .dropdown > a:before {
    content: "\f105";
    right: 4px;
    top: 16px;
    margin-left: 0;
    visibility: visible;
    color: #666;
}
.dropdown > a:before {
  top: 22px !important;
  right: 10px !important;
}
}
/* for drop down*/
.wrap_text{
	white-space: normal !important;
	/* word-break: break-all !important; */
}
.wrap_span{
	display: inline-block;  
    vertical-align: middle;
}
    
/* for drop down*/

.main-navigation .dropdown-menu {
    top: 99.2%;
    z-index: 105;
}
.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
}
.main-menu .dropdown {
	position:relative;
}
.main-menu ul.dropdown-menu > li {
	display: block;
}
.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-menu > li > a {
    border-bottom: 1px solid #f7f7f7;
    color: #333333;
    font-size: 14px;
    padding: 10px 20px;
    position: relative;
    transition: none 0s ease 0s ;
}
.animated.main-navigation .navbar-nav .open .dropdown-menu, #offcanvas.animated .open .dropdown-menu, #offcanvas.animated .dropdown-menu .open .dropdown-menu {
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-name: fadeInUpSmall;
}
.main-navigation .dropdown-menu {
    top: 99.2%;
    z-index: 105;
}
.dropdown-menu .dropdown-menu {
    border-top: 1px solid #f7f7f7;
    left: 100% !important;
    right: auto;
    top: -1px;
}
.dropdown > a:before {
  font-family: 'FontAwesome';
  /*content: "\f107";*/
  position: absolute;
  left: auto;
  top: 24px;
  right: 1px;
  line-height: 1;
  color: #d1d1d1;
  font-size: 14px;
  font-weight: 800;
}
.dropdown .dropdown > a:before,
.header.centered .dropdown .dropdown > a:before {
  content: "\f105";
  right: 4px;
  top: 16px;
  margin-left: 0;
  visibility: visible;
  color: #666;
}
.dropdown .dropdown > a:hover::before, .header.centered .dropdown .dropdown > a:hover::before {
    color: #fff;
}
.dropdown:hover .first-level {
	display: block;
	
}
.first-level .dropdown .second-level {
	display: none;
}
.first-level .dropdown:hover .second-level {
	display: block;
}

.second-level .dropdown .third-level {
	display: none;
}
.second-level .dropdown:hover .third-level {
	display: block;
}
.dropdown-menu > li > a:hover {
	color: #ffffff;
}


.social-links li a:hover, .social-links li a:focus{
    border: 1px solid #015a9c;
    color: #015a9c;
}

/* submit order popup message */
.sa-button-container .confirm {
    background-color:#015a9c !important;
}
/* end submit order popup message */


.product_img .owl-buttons .owl-next::before ,.product_img .owl-buttons .owl-prev::before {
	 color: #015a9c !important;
}
/*Task 4419 - breadcrumb removed underline */
.breadcrumb u {
    text-decoration: none;
}

.breadcrumb u:hover {
    text-decoration: underline;
}

.pro_title {
	color:#015a9c !important;
}

.c_o_description {
	font-weight:bold;
	margin: 0 !important;
}

/* Added for the close icon */
.close_mobile {
    cursor: pointer;
    position: absolute;
    right: 21px;
    top: 22px;
    z-index: 9999;
    padding: 7px;
}
.close_mobile svg g path {
    fill: #ffffff;
}
/* Added for the close icon */

.mobile-searchbox{margin: 0 10% !important}

.mobile-search-icon{
    padding: 13px 0;
    border-bottom: none;
}
input.search {
    width: 95%;
}
.mobile-search-icon {
    padding: 13px 0!important;
    border-bottom: none !important;
    float: right;
    margin: 0 20px !important;
}
.mobile-searchbox #mobile_insert_search div a {
    text-decoration: none;
    color: #000;
    padding: 10px;
    margin: 0;
}
.mobile-searchbox form{display:block}


/*-------css for last menu position-------*/
/* .nav-menu li ul li.last-li-item  .first-level .dropdown:hover .second-level:last-child, .nav-menu li ul li.last-li-item  .second-level .dropdown:hover .third-level:last-child{left: 100%!important;} */

.nav-menu li.last-li-item  .first-level .dropdown:hover .second-level:last-child, .nav-menu li.last-li-item  .second-level .dropdown:hover .third-level:last-child{
    right: 100%!important;
    left: auto!important;
	.animation-name(fadeInRightSmall); 
}

/*---------- subcategory Bg change -------------*/
.bg-white {background:#fff}
/*Added by Sandeep on 23.08.2017 for the task id 4613*/
.semi_transparent_header_firstrow {
    background-color: rgba(255, 255, 255, 0.92) !important;
}
.semi_transparent_header_secondrow{
	background-color: rgba(91,91,91,0.92) !important;
}

.solid_header_firstrow {
    background-color: rgba(255, 255, 255, 1) !important;
}
.solid_header_secondrow{
	background-color: rgba(91,91,91,1) !important;
}

.pinstripe_above{
    border-top: 3px solid #015a9c !important;
	border-bottom: none !important;
}
.pinstripe_below{
    border-bottom: 3px solid #015a9c !important;
	border-top: none !important;
}
.pinstripe_none{
    border-top: none !important;
	border-bottom: none !important;
}

.pageloader{
	background-color: #015a9c;
}
/*upto here*/
.request-datepick{
	display: inline-block;
	overflow: hidden; 
	position: relative;
	margin: 10px 0;
}
.request-datepick #datepicker{
	width: 39px;
    height: 41px;
    background: none!important;
    border: none;
    margin: 0;
}
.request-datepick .calender_icon{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
.index-blog-wra {
    padding: 35px 0 80px;
}
.index-blog-wra .blog-section {
    border: 1px solid #01467d;
    background: #fafafa;
    margin-top: 20px;
}
.index-blog-wra .blog-section .blog-img {
    height: 160px;
    position: relative;
}
.index-blog-wra .blog-section .blog-content {
    padding: 15px;
}
.index-blog-wra .blog-section .blog-img img {
    position: absolute;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.index-blog-wra .blog-section .blog-content h3 {
    font-size: 21px;
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    height: 60px;
    overflow: hidden;
}
.index-blog-wra .blog-section .blog-content i, .index-blog-wra .blog-section .blog-content span {
    color: #8e8e8f;
    font-size: 13px;
}
.index-blog-wra .blog-section .blog-content span {
    margin-right: 10px;
}
.index-blog-wra .blog-section .blog-content p {
    color: #5f5f5f;
    font-size: 14.5px;
    line-height: 18px;
    margin-top: 20px!important;
    min-height: 144px;
}
.index-blog-wra .blog-section .blog-content h3 a {
    color: #000;
    text-decoration: none;
}
.index-blog-wra .blog-section .blog-content hr {
    border-top: 1px solid #d4d4d4;
    margin: 10px 0;
}
.index-blog-wra .blog-section .blog-content .btn {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.5px;
    padding: 4px 15px;
    background: #777777;
    margin-top: 25px;
    border: 0;
}
.web_commHead h1 {
    font-size: 46px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: relative;
    color: #000;
	text-transform: uppercase;
}
.web_commHead h1 span {
    color: #777777;
    font-weight: 300;
    line-height: 40px;
}
.customer_paginationblock span.active {
	background: #015a9c
}
.customer_paginationblock span {
	height: 44px;
    width: 44px;
    display: inline-block;
    background: #333e47;
    border-radius: 50%;
    margin: 0 2px;
    position: relative;
}
.customer_paginationblock span a {
	font-family: 'Din-light';
}
.customer_paginationblock span a,.customer_paginationblock span i {
	position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}