html {
background: #FFF;
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
height: 100%;
font-size: 100%;
}

body {
padding-top: 5%;
font-family: 'Roboto', sans-serif;
overflow-y: scroll;
height: 100%;
}

.container {
min-height: 100%;
height: 100%;
position: relative;
}

h1 {
font-size: 1.5em;
margin-top: 5%;
}

h2 {
font-size: 1.3em;
}

p, li {
text-align: left;
}

img {
height: auto;
max-height: 100%;
max-width: 100%;
}

h1, h2, h3, p {
color: #FFF;
margin-left: 5% ;
margin-right: 5%;
}

address {
font-style: normal;
margin-left: 15%;
}               /* In Contact Us page */

a {
color: #00aca5;
}

a:hover {
text-decoration: none;
}

ul {
list-style-type: none;
padding: 2%;
}

hr {
margin-top: 1%;
margin-bottom: 1%;
}

/* #footer {
margin-bottom: 0;
color: #000;
font-size: 0.8em;
text-align: center;
width: 100%;
height: 40px;
position: absolute;
bottom: 0;
left: 0;
} */

#besics-footer {
    background-color: #f2f2f2;
    color: #000;
    /* Default text color in footer */
    padding-top: 40px;
    padding-bottom: 20px;
}

#besics-footer h4,
#besics-footer p,
#besics-footer address,
#besics-footer li,
#besics-footer strong {
    color: #000 !important;
    /* Force black for all base text */
}

#besics-footer a {
    color: #00aca5 !important;
    /* Keep email and URL links teal */
    text-decoration: none;
}

#besics-footer a:hover {
    text-decoration: underline;
}

#besics-footer {
    background-color: #f2f2f233;
    color: #000;
    width: 100%;
    margin-top: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#besics-footer h4 {
    color: #000;
    font-size: 1.1em;
    margin-top: 0;
}

#besics-footer a {
    color: #00aca5;
}

#besics-footer a:hover {
    text-decoration: underline;
}

/* strip out that 2% padding on ALL lists inside your footer */
#besics-footer ul {
    margin: 0;
    padding: 0; 
}

#besics-footer .text-center {
    text-align: center;
    margin: 0 auto;
}

/* center copyright */
.footer-copy {
    margin: 1em 0 0;
    color: #000;
    text-align: center; 
}

.para-smaller {
font-size: .9em;
}

.height-90 {
height: 90%;
}

.height-89 {
height: 89.4%;
}

.top-10 {
margin-top: 10%;
}

.top-30 {
margin-top: 30%;
}

.black {
color: #000000;
}

.center {
margin: 0 auto;
text-align: center;
}

.main-content {
margin-top: 3%;
height: 90%;
padding-bottom: 40px;
}               /* creates space between header and main content */

::-webkit-scrollbar {
width: 12px;
}

::-webkit-scrollbar-track {
background-color: #fff;
}

::-webkit-scrollbar-thumb {
background-color: #81CFCC;
height: 10px;
}

::-webkit-scrollbar-button:single-button  {

}

.remove-padding {
padding-left: 0;
padding-right: 0;
}


/* OVERRIDING BS STYLES */

.form-control {
border-radius: 0;
}

.btn {
padding-top: 3px;
padding-bottom: 3px;
}

.btn-default {
background-color: #00ACA5;
color: #fff;
border-color: #00ACA5;
border-radius: 0;
font-weight: bold;
}

.btn-default:hover {
background-color: #c0e5e3;
color: #000;
border-color: #c0e5e3;
}

ul.nav a:hover {
color: #00aca5 !important;
background-color: #fff;
}

.navbar li {
font-size: 1.2em;
}

.navbar ul li a {
padding-bottom: 0;
}

.navbar-default, .navbar-collapse, .navbar-default, .navbar-form {
border-color: #FFF;
background-color: #FFF;
}

.dropdown-menu {
border-style: none;
box-shadow: none;
}

.dropdown-menu li a:hover {
color: #00ACA5;
}

.navbar-collapse {
padding-left: 0;
}


/* INDEX Home page */

#index-bg {
background-image: url('images/background/spring-bg.gif');
background-size: 100% auto;
background-repeat: no-repeat;
height: 100%;
position: relative;
}


/* PRODUCTS page */

#products-bg {
background-image: url('images/background/product-bg.jpg');
background-size: 100% auto;
background-repeat: no-repeat;
height: 100%;
position: relative;
}

#op-container {
/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 172, 165);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 172, 165, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ACA5, endColorstr=#00ACA5);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ACA5, endColorstr=#00ACA5)";
    /*In addition to this, you have to declare background: transparent for IE web browsers, preferably served via conditional comments or similar!*/
}

#op-container p {
margin-bottom: 5%;
}

#op-container a {
color: #fff;
font-weight: bold;
}

#retail-button {
background-color: #00ACA5;
opacity: 1;
color: #FFF;
font-weight: bold;
float: left;
width: 49%;
margin-top: 2%;
padding-left: 5%;
padding-top: 1%;
padding-bottom: 1%;
}

#retail-button:hover, #commercial-button:hover {
color: #00ACA5;
background-color: #FFF;
border: 1px solid #00ACA5;
}

#commercial-button {
background-color: #00ACA5;
opacity: 1;
color: #fff;
font-weight: bold;
float: left;
width: 49%;
margin-top: 2%;
padding-left: 5%;
margin-left: 2%;
padding-top: 1%;
padding-bottom: 1%;
}

/* RETAIL PRODUCTS page */

.products {
height: 162px;
}


/* SUSTAINABILITY page */

#sus-bg {
background-image: url('images/background/sus-bg.jpg');
background-size: 100% auto;
background-repeat: no-repeat;
position: relative;
height: 100%;
}

#sustainability {
/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(253, 154, 43);
    /* RGBa with 0.6 opacity */
    background-color: rgba(253, 154, 43, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FD9A2B, endColorstr=#FD9A2B);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FD9A2B, endColorstr=#FD9A2B)";
	/*In addition to this, you have to declare background: transparent for IE web browsers, preferably served via conditional comments or similar!*/
}

#sustainability p {
margin-bottom: 5%;
}

#b6-button,
#cftp-button,
#compost-button,
#cert-button {
    background-color: #FD9A2B;
    opacity: 1;
    color: #FFF;
    font-weight: bold;
    float: left;
    width: 22%;
    margin-top: 2%;
    padding: 1% 2%;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
}

/* Only the first button should not have margin-left */
#b6-button {
    margin-left: 0;
}

/* The rest get spacing */
#cftp-button,
#compost-button,
#cert-button {
    margin-left: 4%;
}

#b6-button:hover,
#cftp-button:hover,
#compost-button:hover,
#cert-button:hover {
    color: #FD9A2B;
    background-color: #FFF;
    border: 1px solid #FD9A2B;
}

/* #sustainability-buttons::after {
    content: "";
    display: table;
    clear: both;
} */


/* #b6-button {
background-color: #FD9A2B;
opacity: 1;
color: #fff;
font-weight: bold;
float: left;
width: 32%;
margin-top: 2%;
padding-left: 5%;
padding-top: 1%;
padding-bottom: 1%;
}

#compost-button {
background-color: #FD9A2B;
opacity: 1;
color: #FFF;
font-weight: bold;
float: left;
width: 32%;
margin-top: 2%;
margin-left: 2%;
padding-left: 5%;
padding-top: 1%;
padding-bottom: 1%;
}

#cert-button {
background-color: #FD9A2B;
opacity: 1;
color: #FFF;
font-weight: bold;
float: left;
width: 32%;
margin-top: 2%;
margin-left: 2%;
padding-left: 5%;
padding-top: 1%;
padding-bottom: 1%;
}

#b6-button:hover, #cert-button:hover, #compost-button:hover {
color: #FD9A2B;
background-color: #FFF;
border: 1px solid #FD9A2B;
} */


/* CERTIFICATIONS page */

#certifications {
color: #000;
font-size: 1.3em;
margin-top: 0;
margin-bottom: 2%;
margin-left: 0;
}

.answers {
color: #000;
}

.green-font{
color: #7AC25D;
}

#cert-list-container {
height: 95%;
overflow: auto;
vertical-align: middle;
}

#cert-container {
text-align: center;
}

#cert-container p {
text-align: left;
}

.cert {
cursor: pointer;
cursor: hand;
margin-left: 0;
}

.cert-num {
display: inline;
font-size: 1.6em;
font-weight: normal;
margin-left: 1%;
margin-right: 2%;
}

.cert-title {
display:inline;
font-size: .8em;
font-style: normal;
font-weight: normal;
margin-left: 0;
text-transform: uppercase;
}

#b1-num {
color: #B9DCA6;
}

.cert-b1, .cert-b2, .cert-b3, .cert-b4, .cert-b5, .cert-b6 {
font-size: 1.1em;
font-weight: normal;
text-transform: uppercase;
margin-left: 15%;
margin-top: 2%;
margin-bottom: 2%;
}

.cert-b1 {
color: #7AC25D;
}

.no-margin-top-bottom {
margin-top: 0;
margin-bottom: 0;
}

#b2-num {
color: #FFDAB4;
}

.cert-b2 {
color: #FD9A2B;
}

#b3-num {
color: #4EC2BE;
}

.cert-b3, #b6-num {
color: #9BD7D5;
}

#b4-num {
color: #FFEEC6;
}

.cert-b4 {
color: #FFC906;
}

#b5-num {
color: #9C929A;
}

.cert-b5 {
color: #9B6790;
}

.cert-b6 {
color: #00ACA5;
}

.fsc-answer img, .haacp-answer img .health-cfia-answer img{
margin-top: 25%;
}

.brc-answer img, .fda-answer img, .astm-answer img{
margin-top: 4%;
}


/* Product FAQ page */

#faq-title {
font-size: 1.3em;
color: #00ACA5;
margin-top: 0;
margin-bottom: 0;
}

.questions {
color: #00ACA5;
font-size: 1.2em;
font-weight: normal;
cursor: pointer;
cursor: hand;
margin-top: 2%;
margin-bottom: 2%;
}

.arrow {
margin-top: 50%;
}

#faq-container {
text-align: center;
height: 100%;
}

#faq-container p, #faq-container li {
text-align: left;
}

#faq-container #margin-top-0 {
margin-top: 0;
}

#faq-container ul li {
list-style-type: circle;
margin-left: 8%;
}

.faq-answer {
margin-left: 0;
}

.question-link {
color: #00ACA5;
font-size: 1.1em;
font-weight: bold;
display: block;
}

#besicsflower {
text-align: center;
}

.mobile-answer {
display: none;
color: #000;
}


/* Ordering FAQ */

.delivery-time-mobile li {
font-size: 1em;
list-style-type: circle;
}

ul.delivery-time-mobile {
margin-left: 8%;
}


/* ABOUT US page */

#aboutus-bg {
background-image: url('images/background/aboutus-bg.jpg');
background-size: 100% auto;
background-repeat: no-repeat;
position: relative;
height: 100%;
}

#eatdrinkcompost-container {
padding-right: 0;
padding-left: 0;
margin-left: 5%;
text-align: right;
}

#eat-drink-compost {
font-size: 2em;
font-weight: normal;
font-style: normal;
color: #00ACA5;
margin-top: 6%;
margin-right: 0;
padding-left: 0;
}

.h1-large-green {
font-size: 2em;
font-weight: normal;
font-style: normal;
color: #00ACA5;
margin-left: 10%;
margin-top: 6%;
margin-right: 0;
padding-left: 5%;
}

#enjoy-container {
margin-top: 4px;
padding-left: 0;
}

.aboutus-container {
padding-left: 6%;
}

.aboutus-container:last-child {
padding-left: 0;
}


/* CONTACT US page */

#contactus-bg {
background-image: url('images/background/contactus-bg.jpg');
background-size: 100% auto;
background-repeat: no-repeat;
position: relative;
height: 100%;
}

.emails {
margin-top: 0;
}

address:nth-child(2), address:nth-child(3), span:nth-child(2), span:nth-child(3) {
margin-top: 4%;
}


/* WHERE TO COMPOST page */

#map-canvas {
height: 550px;
}

#wheretocompost {
color: #00ACA5;
font-size: 3.6em;
margin-left: 1%;
margin-top: 2%;
text-align: center;
}

#compostnote {
margin-left: 1%;
margin-top: 0;
margin-bottom: 3%;
}

th {
background-color: #00ACA5;
color: #FFF;
border:none;
}

.area {
background-color:#9BD7D5 ;
font-size: .9em;
}

.table-bordered {
border-color: #00ACA5;
border-style: solid;
border-width: 2px;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td {
border-color: #9BD7D5;
border-style: solid;
border-width: 1px;
}

.table > thead > tr > .table-province {
width: 30%;
font-size: 1.1em;
padding-left: 2%;
}

.table > tbody > .second-head > .table-province  {
padding-left: 2%;
font-size: 1.1em;
}

.table > tbody > .second-head > th {
vertical-align: middle;
}

.table > tbody > tr > .area  {
padding-left: 2%;
}

.table-heading {
width: 8.75%;
font-size: .8em;
text-align: center;
}

.table > thead > tr > th {
vertical-align: middle;
}

.table > tbody > tr > td > .facility, .table > tbody > tr > .area {
line-height: 100%;
text-align: left;
color: #000;
}

.table > tbody > tr > td > .facility {
text-transform:uppercase;
font-size: 1em;
margin-top: 0;
}

.table > tbody > tr > td > .address {
line-height: 90%;
text-align: left;
color: #000;
margin-bottom: 0;
}

.table > tbody > tr > td {
text-align: center;
vertical-align: middle;
}


/* RETAIL DETAILS page */

#retail-container {
background-color: #81CFCC;
height: 100%;
}

#retail-container h1 {
margin-top: 10%;
margin-bottom: 0;
}

#retail-container p {
margin-top: 0;
margin-bottom: 4%;
}

#buy-container {
padding-left: 0;
padding-right: 0;
}

#buynow {
background-color: #00ACA5;
padding: 1% 10% 1% 10%;
margin-left: 20%;
color: #FFF;
font-weight: bold;
text-align: center;
position: absolute;
right: 0;
top: 0;
}

#buynow:hover{
background-color: #c0e5e3;
color: #000;
border-color: #c0e5e3;
}

#buynow-mobile {
background-color: #ffd040;
border-color: #ffd040;
color: #000;
float: left;
width: 48%;
height: 55px;
margin-left: 4%;
font-weight: bold;
}

#other-retail-mobile {
width: 48%;
float: left;
height: 55px;
font-weight: bold;
}

#product-info {
height: 100%;
}

#bsix-title {
padding-left: 0;
padding-right: 0;
}

#bsix-title p {
background-color: #00ACA5;
font-size: .9em;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 2%;
}

#bsix-cert {
background-color: #C0E5E3;
padding-left: 3%;
padding-right: 3%;
}

#bsix-cert ul li {
font-size: .8em;
color: #00aca5;
text-align: justify;
}

#bsix-logo-mini {
display: inline;
border: none;                    /* remove on fix of white border */
border-color: #00ACA5;
}

#add-info {
display: none;
}

#more-info {
color: #00aca5;
cursor: pointer;
cursor: hand;
}

#more-info:hover {
color: #fff;
}


/* B6 STANDARD Page */

ul.circle-list {
  list-style-type: circle;
}

.none {
display: none;
}

#b1-box, #b5-box, #b3-box, #b4-box {
padding-left: 4%;
padding-right: 4%;
cursor: pointer;
cursor: hand;
}

#b1-box {
background-color: #7AC25D;
}

.b2-nav-mobile {
color: #000;
}

.b1-nav-mobile, .b2-nav-mobile, .b3-nav-mobile, .b4-nav-mobile, .b5-nav-mobile, .b6-nav-mobile {
text-align: center;
}

#b1-box .b6-num h1, #b5-box .b6-num h1, #b2-box .b6-num h1, #b6-box .b6-num h1, #b3-box .b6-num h1, #b4-box .b6-num h1 {
font-size: 1em;
font-weight: normal;
margin-bottom: 0;
}

#b1-box .b6-num h1 {
color: #B9DCA6;
}

#b5-box {
background-color: #B0A8AE;
}

#b5-box .b6-num h1 {
color: #736772;
}

#b2-box, #b6-box {
padding-left: 2%;
padding-right: 2%;
cursor: pointer;
cursor: hand;
}

#b2-box {
background-color: #FD9A2B;
}

#b2-box .b6-num h1 {
color: #FFDAB4;
}

#b6-box {
background-color: #53C3BF;
}

#b6-box .b6-num h1 {
color: #9BD7D5;
}

#b3-box {
background-color: #9BD7D5 ;
}

#b3-box .b6-num h1 {
color: #4EC2BE;
}

#b4-box {
background-color: #FFD040;
}

#b4-box .b6-num h1 {
color: #FFEEC6;
}

.b6-num {
font-size: 1.7em;
margin-left: 4%;
margin-top: 5%;
float: left;
}

.b6-title {
font-size: .85em;
margin-top: 0;
float: left;
}

.b6-preview {
font-size: .8em;
float: left;
}

.b6-preview p {
margin-top: 0;
}

#b6-left-nav {
cursor: pointer;
cursor: hand;
}

#b1-nav {
background-color: #7AC25D;
padding-left: 1%;
}

#b1-nav .popup-menu-b6 {
color: #B9DCA6;
}

#b2-nav {
background-color: #FD9A2B;
padding-left: 1%;
}

#b2-nav .popup-menu-b6 {
color: #FFDAB4;
}

#b3-nav {
background-color: #9BD7D5 ;
padding-left: 1%;
}

#b3-nav .popup-menu-b6 {
color: #4EC2BE;
}

#b4-nav {
background-color: #FFD040;
padding-left: 1%;
}

#b4-nav .popup-menu-b6 {
color: #FFEEC6;
}

#b5-nav {
background-color: #9B6790;
padding-left:1%;
}

#b5-nav .popup-menu-b6 {
color: #9C929A;
}

#b6-nav {
background-color: #00ACA5;
padding-left: 1%;
}

#b6-nav .popup-menu-b6 {
color: #9BD7D5;
}

#lingo {
background-color: #fff;
padding-left: 1%;
}

#lingo p {
font-size: 1.3em;
color: #00ACA5;
}

.popup-menu {
text-align: left;
}

.popup-menu-b6 {
font-size: 1.65em;
margin-right: 1%;
margin-top: 0;
margin-bottom: 0;
float: left;
}

.popup-menu-name {
font-size: .6em;
line-height: 110%;
margin-left: 1%;
margin-bottom: 0;
float: left;
}

.b6-window {
background-color: #FFF;
padding: 1%;
}

.b6-window-lingo {
height: 100%;
}

.b6-window-top-left {
height: 50%;
}

.b6-window-top-left h1 {
margin-right: 0;
margin-bottom: 2%;
font-size: 3.2em;
font-weight: normal;
}

.b6-window-top-left h2 {
margin-top: 7%;
font-size: 1.7em;
font-weight: normal;
color: #000;
}

.b6-window-top-left p {
margin-top: 0;
}

.b6-image {
height: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);
text-align: center;
background-color: #fff;
}

.b6-image img {
position: relative;
top: 50%;
transform: translateY(-50%);
}

#b1-popup .b6-window-top-left h1 {
color: #B9DCA6;
}

#b2-popup .b6-window-top-left h1 {
color: #FFDAB4;
}

#b3-popup .b6-window-top-left h1 {
color: #4EC2BE;
}

#b4-popup .b6-window-top-left h1 {
color: #FFEEC6;
}

#b5-popup .b6-window-top-left h1 {
color: #736772;
}

#b6-popup .b6-window-top-left h1 {
color: #9BD7D5;
}

.b6-window-top-right {
padding-right: 0
}

.b6-window-bottom {
margin-top: 1%;
height: 45%;
}

.b6-window-bottom h1, .b6-window-bottom p {
  margin-left: 6%;
}

.b6-window-bottom-full h1, .b6-window-bottom-full p {
  margin-left: 3%;
}

.b6-window-bottom h1, .b6-window-bottom p, .b6-window-bottom ol {
  color: #000;
}

.b6-window-bottom-right p {
  margin-top: 13%;
}

.b6-window-bottom-right ul {
  margin-left: 6%;
}

.b6-window-bottom ol li {
  font-size: 1em;
  margin-left: 6%;
}

.green {
  background-color: #7AC25D;
}

.light-green {
  background-color: #B9DCA6;
}

.orange {
  background-color: #FD9A2B;
}

.light-orange {
  background-color: #FFDAB4;
}

.blue {
  background-color: #9BD7D5
}

.b3-blue {
  background-color: #4ec2be;
}

.light-blue {
  background-color: #B3E0DE;
}

.yellow {
background-color: #FFD040;
}

.light-yellow {
background-color: #FFEEC6;
}

.purple {
background-color: #A9A0A7;
}

.light-purple {
background-color: #D3CED1;
}

.dark-blue {
background-color: #00B2AC;
}

.light-blue-4-dark-blue {
background-color: #C0E5E3;
}

.height-100 {
height: 100%;
}               /* force container size for colorbox popup window */


/* SHOP page */

#find-retailer-col {
width: 100%;
background-color: #81CFCC;
height: 95%;
}

#commercial-buyer-col {
width: 100%;
background-color: #BFE4E2;
height: 95%;
text-align: left;
}

#commercial-buyer-col button:hover {
background-color: #81cfcc;
}

#find-a-retailer h1, #commercial-buyer h1 {
font-size: 2em;
font-weight: normal;
margin-bottom: 0;
margin-left: 0;
}

#commercial-buyer h1 {
color: #00ACA5;
}

#commercial-buyer p {
margin-left: 0;
}

.continue:hover {
border-color: #00aca5;
}

.shop-form {
border: none;
}


/* RETAIL SHOP page */

#hello {
margin-bottom: 1%;
color: #00ACA5;
float: right;
}

#logout {
margin-bottom: 10%;
float: right;
}

#adjust-button {
width: 100%;
float: right;
}

#order-button {
width: 40%;
background-color: #FFD040;
border-color: #FFD040;
color: #000;
margin-left: 1%;
margin-bottom: 3%;
}

#order-button:hover {
background-color: #ffeec6;
}

#continue-button {
margin-bottom: 3%;
}

#adjust-button {
width: 49%;
}

.section-button {
width: 19%;
}

.section-button-mobile {

}

.table > tbody > tr > td {
border-top-color: #00ACA5;
}

.table > thead > tr > th {
border-bottom-color: #00ACA5;
}

.height-80 {
height: 80%;
}

#order-col {
height: 100%;
overflow: auto;
}

.order-title {
background-color: #FFF;
color: #00ACA5;
font-size: 1.2em;
text-transform: uppercase;
}

#contact-title {
color: #00ACA5;
font-size: 1.2em;
text-transform: uppercase;
margin-left: 0;
padding-left: 0;
}

.contact-field {
padding-left: 1%;
padding-right: 1%;
margin-bottom: 1%;
}

.store-product {
color: #000;
font-weight: normal;
}

.table > tbody > tr >.store-product-cell {
text-align: left;
width: 40%;
}

.quantity {
vertical-align: middle;
text-align: center;
display: table-cell;
}

.store-thumb {
height: 75%;
width: 75%;
}

.store-image-cell {
width: 25%;
}

#your-cart {
color: #00ACA5;
font-size: 1.2em;
margin-top: 0;
margin-left: 0;
text-transform: uppercase;
}

#cart-table th, #cart-table > tbody > tr > td {
background-color: #BFE4E2;
border-bottom-color: #666;
border-top-color: #CCC;
color: #000;
}

#cart-table th {
font-size: .8em;
font-weight: normal;
text-align: center;
}

#cart-table > tbody > tr > .totals {
border-top-color: #000;
}

#tax {
font-size: .7em;
}


/* SORRY page */

#sorry-bg {
background-image: url('images/background/shop-bg.jpg');
background-size: 100% auto;
background-repeat: no-repeat;
position: relative;
height: 100%;
}

#sorry {
margin-top: 12%;
margin-left: 12%;
}


/* ORDER COMPLETE page */
#order-comp-bg {
background-image: url('images/background/thankyou-bg.jpg');
background-size: 100% auto;
background-repeat: no-repeat;
position: relative;
height: 100%;
}

#order-complete {
margin-top: 15%;
margin-left: 20%;
}

#order-complete h2 {
font-size: 2em;
color: #00ACA5;
font-weight: normal;
}

#order-complete p {
color: #000;
}

.order-complete-buttons {
margin-top: 3%;
margin-left: 5%;
}

.order-complete-buttons:hover {
border-color: #00aca5;
}

.navbar-fixed-top {
    /* top: 40px; */
}
.top_nav.navbar-fixed-top {
    top: 0;
}
.top_nav {
    z-index: 9999999 !important;
    height: 36px;
    margin: 0 !important;
    min-height: 36px;
    width: 100%;
    padding: 6px 0;
    margin: 0 !important;
    background: #e6e6e6;
}
.top_nav .navbar-nav {
    margin: 0 !important;
    padding: 0px 2%;
}
.top_nav .navbar-nav li{
    margin-left:16px; position: relative;
}
.top_nav .navbar-nav li.dropdown {
    margin-left: 20px;
}
.top_nav.navbar ul li a {
    padding-top: 0;
    position: relative;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.top_nav.navbar ul li select{
    color: #000;
    font-size: 14px;
    border: 1px solid #00aca5;
    color: #fff;
    padding: 12px 6px 10px 2px;
    background: url(/images/br_down.png) no-repeat right #00aca5 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    appearance: none;
    background-position: right 6px center !important;
    width: 58px;
    line-height: 12px;
    background-size: 12px !important;
    font-size: 14px;
    cursor: pointer;
    margin-top: -6px;
}
.top_nav.navbar ul li a:hover{
    color:#00aca5;
}
.top_nav.navbar ul li a.Cart {
    padding-left: 20px;
    margin-right: 20px;
}
a.Cart:before {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    background-image: url(/images/cart-icon.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left center;
    top: -2px;
    left: 0;
}
span.cartqty_show {
	border-radius: 14px;
	height: 20px;
	width: 20px;
	display: inline-block;
	position: absolute;
	top: -7px;
	right: -24px;
	text-align: center;
	line-height: 18px;
	background: #00aca5;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
header .navbar-nav > li > a {
    padding-top: 3px;
    padding-left: 0;
    padding-right: 0px;
    font-size: 16px;
    line-height: 64px;
    margin-right: 20px;
    color: rgba(0,0,0,.65) !important;
}
header .navbar-header img {
    max-width: 150px;
}
header .dropdown-menu > li > a {
    line-height: 40px;
    text-align: left !important;
    color: rgba(0,0,0,.65);
}
header .dropdown-menu li {
    height: 40px;
    line-height: 40px;
    margin-top: 4px;
    margin-bottom: 8px;
}
header .nav.navbar-nav {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 64px !important;
}
header .navbar-nav > li > a:hover {
    border-bottom: 2px solid #00aca5;
}
header .navbar-nav .dropdown-menu {
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.mobile-display{display:none;}

header .navbar-default .navbar-toggle .icon-bar {
	width: 24px;
	height: 3.2px;
	background-color: #000;
}
header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
header .navbar-default .navbar-toggle {
	margin-right: 10px;
	padding: 8px 10px;
}



@media (max-width: 991.5px) {
.top_nav .navbar-nav {
    float: right !important;
}
header .navbar-header .navbar-toggle {
    margin-top: 22px;
}
header .navbar-nav > li {
    float: none;
}
header .navbar-nav > li > a:hover {
    border-bottom: none;
}
header .navbar-nav > li > a {
    line-height: 38px;
}
header .navbar-nav > li > a {
    padding-left: 20px;
}
header .navbar-collapse {
    margin-top: 10px;
}
.mobile-display{display:block;}
}

@media (max-width: 767.5px) {
    .navbar-nav > li { float: left; }
.top_nav.navbar ul li a {
	font-size: 11.8px;
}
header .navbar-header .navbar-toggle {
    margin-top: 16px;
}
header .navbar {
	padding: 2px 10px 6px;
}
footer {
	overflow: hidden;
}
}

@media (max-width: 575.5px) {
.top_nav.navbar ul li:first-child a {
	display: none;
}
.top_nav.navbar ul li a {
	font-size: 10px;
}
#topbar.top_nav .navbar-nav {
	margin-right: 55px !important;
}
.top_nav .navbar-nav li.dropdown {
	position: absolute;
	right: 10px;
}
}

@media (max-width: 479px) {
 .top_nav .navbar-nav li.dropdown {    margin-left: 15px;}
.top_nav .navbar-nav li {    margin-left: 0px;margin-right: 10px;}
.top_nav.navbar ul li select {    width: 54px;    font-size: 12px;}
.top_nav .navbar-nav {    margin: 0 !important;    padding: 0px 0%;  }
}
@media (max-width: 375.5px) {
    .top_nav .navbar-nav li{margin-right: 6px;}
    .top_nav .navbar-nav {
	float: left !important;
}
span.cartqty_show {
	height: 16px;
	width: 16px;
	top: -6px;
	right: -20px;
	font-size: 10px;
	margin-top: -3px;
}
}


/* --------------------------------------------------------------------
   Footer Overrides
-------------------------------------------------------------------- */
#besics-footer {
    background: #f2f2f2;
    padding: 40px 0 20px;
    color: #000;
}

#besics-footer h4 {
    margin-bottom: .75rem;
    font-size: 1.1em;
}

#besics-footer ul.list-unstyled li,
#besics-footer ul.list-inline li {
    margin-bottom: .5rem;
    line-height: 1.4;
}

#besics-footer a {
    color: #00aca5;
    text-decoration: none;
}

#besics-footer a:hover {
    text-decoration: underline;
}

/* small icons for contact + email items */
.footer-icon {
    width: 16px;
    height: auto;
    vertical-align: middle;
    margin-right: .5rem;
}

/* social icons */
.social-list li {
    display: inline-block;
    margin-right: .75rem;
}

.social-list img {
    width: 36px;
    height: auto;
}

/* footer logo */
.footer-logo {
    /* width: 80%; */
    max-width: 150px;
    margin-top: .5rem;
    margin-left: 0;
}

/* copyright */
.footer-copy {
    margin: 0;
    color: #000;
    font-size: .9em;

}