@font-face {
    font-family: bebas_neue;
    src: url(../fonts/bebasneue-webfont.eot);
    src: url(../fonts/bebasneue-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/bebasneue-webfont.woff2) format("woff2"), url(../fonts/bebasneue-webfont.woff) format("woff"), url(../fonts/bebasneue-webfont.ttf) format("truetype"), url(../fonts/bebasneue-webfont.svg#bebas_neueregular) format("svg");
    font-weight: 400;
    font-style: normal
}

html {
    height: 100%;
}
body {
    background-color: #F6F6F6;
    font-family: 'Muli', sans-serif;
    color: #4A4A4A;
    height: 100%;
}
p {
    color: #808080;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.page.home {
    color: #A1A1A1;
}
h1, h2, h3, h4, h5 {
    color: #4A4A4A;
}
h1, h2, h3,
.info h4,
.registration h4,
h4.modal-title{
    font-family: bebas_neue;
} 
h5 {
    font-weight: bold;
}
.checkout .info h4{
    padding: 8px 15px;
}
.checkout .info p {
    padding: 0px 15px;
}
.info .row{
    margin-bottom: 5px;
    padding: 0 27px;
}
.info .info-head{
    font-weight: bold;
    margin-bottom: 0px;
}
.thead-default th {
    color: #464a4c;
    background-color: #eceeef;
}
h4.dark,
p.dark{
    background-color: #4A4A4A !important;
    color: #fff !important;
}
p.dark {
    text-align: center;
}
p.dark .icon{
    width: 22px; 
    height: 22px; 
}
.checkout h4 {
    font-family: bebas_neue;
}
a,
ul.categories a:hover,
ul.categories a:active,
ul.categories a:focus,
ul.categories a.active,
.textBlue{
    color: #3C96CD;
}
a:hover.textWhite,
a:active.textWhite,
a:focus.textWhite,
.textWhite{
    color: #fff;
    text-decoration: none !important;
}
.hoverWhite:hover,
.hoverWhite:active,
.hoverWhite:focus {
    background-color: #fff !important;
    color: #0079C2 !important;
    text-decoration: none !important;
}
.text-red, .text-red:hover, .text-red:focus {
    color: red !important;
}
.text-green, .text-green:hover, .text-green:focus {
    color: #2E8705 !important;
}
.page, page>header, .sub-head  {
    margin: auto;
    width: 100%;
    position: relative;
}
.page {
    background-color: #FFF;
    position: relative;
    min-height: 100%;
    padding-bottom: 266px;
}
.page>header {
    background-color: #0079C2;
    color:#FFF;
    max-height: 540px;
    height: 100%;
    position: relative;
}
.page.pdf>header {
    height: auto;
}
.pdf .sub-head p {
    font-size: 14px;
}
.sub-head {
    background-color: #EEE;
}
.sub-head h1 {
    color: #FFF;
}
.sub-head p {
    font-size: 18px;
}
.sub-head .button {
    font-size: 24px;
    padding: 28px 75px;
    margin-top: 15px;
}
.logo {
    background-image: url(../images/IndoCaribbean-Logo-White.png);
    width:221px;
    height: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    image-rendering: -webkit-optimize-contrast;
    margin-top: 8px;
}
.logo.colored {
    background-image: url(../images/IndoCaribbean-Logo-Color.png);
    background-position: right;
    width: 100%;
    height: 27px;
}
.signin .logo.colored {
    background-position: center;
    background-size: auto;
    BACKGROUND-POSITION-Y: bottom;
    height: 60px;
    margin-bottom: 10px;
}
.signin input {
    height: 45px;
    font-size: 18px;
}
.signin {
    background-color: #F6F6F6;
}
#loginSubmit {
    width: 200px;
    font-size: 16px;
}
.signin .modal-header {
    border-bottom: 0;
}
.signin .modal-footer {
    text-align: center;
    border-top: 0;
    margin-top: 30px;
}
.modal-backdrop {
    background-color: #fff;
}
.home>header {
    background-image: url(../images/bg.jpg);
    height: 540px;
    background-size: cover;
}
.home .sub-head, .home>header {
    background-color: transparent;
}
header img.branding{
    width: 100%;
}
.navbar {
    margin-top: 20px;
    border: 0;
}
.nav>li>a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav>li>a:focus, .nav>li>a:hover {
    color: white;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
    border-color: transparent;
    color: white;
}
.nav .button, .nav .button:hover {
    color: #ffffff;
    border: 1px solid;
    padding: 5px 15px;
    margin: 10px;
    border-radius: 3px;
    background-color: transparent;
}
.navbar-toggle .icon-bar {
    width: 30px;
    height: 4px;
    background-color: #fff;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler {
    color: #fff;
}
.navbar-toggle {
    float: left;
}
.flipkart-navbar-button {
    background-color: #ffffff;
    border-radius: 0 2px 2px 0;
    border-style: solid;
    border-width: 0 0 0 1px;
    color: #0079c2;
    padding: 10px 0;
    height: 41px;
    cursor: pointer;
    margin-top: 5px;
}
.flipkart-navbar-input {
    padding: 12px 16px;
    border-radius: 2px 0 0 2px;
    border: 0 none;
    outline: 0 none;
    font-size: 15px;
    margin-top: 5px;
    color: #0079c2;
    font-size: 12px;
}
path {
    fill: #0079c2;
}
.dropdown-menu {
    background: #eee;
    border-radius: 0;
    border: 0;
    right: -35px !important;
    top: 125%;
}
.dropdown-menu:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: #eee;
    border-width: 16px;
    margin-left: -16px;
}
.dropdown-menu>h3 {
    padding: 3px 10px;
    margin-top: 0;
}
.dropdown-menu>li {
    border: 0;
    border-bottom: 1px;
    border-bottom-color: #fff;
    border-style: solid;
    padding-bottom: 3px;
    padding-top: 3px;
}
.dropdown-menu>li:last-child {
    border: 0;
    padding-bottom: 0px;
}
.dropdown-menu>li>a {
    color: #aaa;
    padding: 3px 10px;
    font-size: 12px;
}
.dropdown-menu>li .icon {
    width: 18px;
    height: 18px;
    margin-bottom: -5px;
}
.container, .home header>.sub-head, .admin header>.sub-head{
    max-width: 970px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
/*.home header>.container,
.home header>.sub-head,
.admin header>.sub-head{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}*/
.home header>.sub-head, .admin header>.sub-head{
    top: 100px;
    bottom: 0;
}
.brands{
    max-width: 100%;
    background-color: #E7E3D8;
}
.full-width {
    max-width: 100%;
    width: 100%;
}
.sub-head h1 {
    margin-top: 10px;
    font-size: 50px;
}
.row>header h2{
    text-align: center;
    font-size: 38px;
    margin-bottom: 30px;
}
.home .outer, .admin .outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.home .middl, .admin .middle {
    display: table-cell;
    vertical-align: middle;
}

.home .inner, .admin .inner {
    margin-left: auto;
    margin-right: auto; 
    width: 100%;
    text-align: center;
}
.warehouses {
    list-style-type:decimal;
    float: right;
    font-size: 20px;
}
.dark {
    background-color: #4A4A4A;
}
.dark ul {
    padding-left: 0;
}
.dark ul li a{
    margin-left: 5px;
    font-family: 'Muli', sans-serif;
}
.dark, .dark ul li, .dark ul li a, .dark ul li a:link, .dark ul li a:focus, .dark ul li a:visited{
    color: #969696;
}
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:focus{
    color: #FFF;
    font-size: 12px;
}
.dark ul li a:hover, .dark ul li a:focus{
    color: #B4B4B4;
}
.dark ul li.glyphicon {
    display: block;
    font-size: 9px;
    margin-bottom: 5px;
}
.profile-picture {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 8px;
    display: inline-block;
    margin-bottom: -10px;
}
#products .profile-picture {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    margin-left: 0;
    margin-bottom: 0;
}
input[type=checkbox]:after {
    content: " ";
    background-color: #FFF;
    display: inline-block;
    visibility: visible;
    font-size: 10px;
    width: 13px;
    height: 13px;
    text-align: center;
    position: absolute;
    line-height: 1;
    border: 1px #ccc solid;
}

input[type=checkbox]:checked:after {
    content: "\2714";
    background-color: #0079c2;
    color: #fff;
    border: 1px #0079c2 solid;
}
.checkboxallCats, .checkboxallWarehouses, #selectallCats, #selectallWarehouses {
    margin-right: 10px !important;
}
section {
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    background-color: white;
}
.telephone {
    font-size: 19px !important;
}
.brands {
    clear: both;
}
.brands img{
    width: 140px;
    background-color: #fff;
    margin: 9px;
}
footer {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 12px;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    overflow:hidden;
    width: 100%;
}
footer h4 {
    color: #fff;
}
footer p {
    margin-bottom: 0;
}
footer .logo{
    width: 168px;
    margin-top: 10px;
    height: 45px;
}
.icon {
    width: 55px;
    height: 55px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    image-rendering: -webkit-optimize-contrast;
}
.nav .icon.ShoppingCart-Icon-White {
    width: 35px;
    height: 35px;
    margin-top: -5px;
    text-align: right;
}
.nav .icon .icon-text {
    background-color: #F26722;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 7px;
    padding: 3px 4px;
    position: relative;
    top: -10px;
}
.nav .icon,
.sidebar .icon,
.info .icon,
.registration .icon,
.warehouseSelect .icon{
    width: 22px;
    height: 22px;
    margin-bottom: -7px;
}
.warehouseSelect select {
    background: none;
    border: 0;
    color: #0079c2;
}
.registration .sidebar .icon{
    margin-bottom: -15px;
}
.registration .sidebar h5 {
    margin-bottom: 0px;
}
.registration .sidebar h4 {
    margin-top: 20px;
}
.registration .sidebar .brands img {
    width: 89px;
    margin: 0 10px 10px 0;
}
.registration label {
    font-weight: normal;
}
.registration .brands h4 {
    margin-top: 10px;
}
.navbar-toggler {
    display: none;
}

#products table tr {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #E3E3E3;
}
#products table th {
    padding: 15px 0 5px;
}
#products table td {
    padding: 15px 0;
}
#products .thumbnail {
    border: 0;
}
#products .icon,
#product .icon,
.totals .icon,
.orderhistory .icon {
    width: 27px;
    height: 25px;
}
.btn-primary{
    border-color: #204d74;
    border-width: 0 0 4px;
    border-radius: 2px;
}
#products .btn-success,
#product .btn-success,
#myCart .btn-success,
.totals .btn-success,
.checkout .btn-success{
    background-color: #5cb85c;
    border-color: #309230;
    color: white;
    border-width: 0 0 4px;
    border-radius: 2px;
}
.btn-gray{
    background-color: #9f9f9f;
    border-color: #5a5a5a;
    color: white;
    border-width: 0 0 4px;
    border-radius: 2px;
}
#product select{
    padding: 7px 0 7px 5px;
    text-align: left;
    font-size: 14px;
    font-family: inherit;
    min-width: 150px;
}
#product .thumbnail-image {
    min-height: 300px;
}
#map {
    height: 440px;
    margin-bottom: -25px;
    margin-left: -15px;
    background-color: #E7E3D8;
}
.continue {
    color: #228BCA;
    border: 1px solid #228BCA;
    padding: 7px 15px;
    margin: 10px;
    border-radius: 0px;
    background-color: transparent;
}
.save {
    color: #FFF;
    border: 1px solid #228BCA;
    padding: 7px 15px;
    margin: 10px;
    border-radius: 0px;
    background-color: #228BCA;
}
.green {
    color: #FFF;
    border: 1px solid #2E8705;
    padding: 7px 15px;
    margin: 10px;
    border-radius: 0px;
    background-color: #2E8705;
    font-size: 12px;
}
.delete {
    color: #4A4A4A;
    border: 1px solid #4A4A4A;
    height: 38px;
    width: 85px;
    line-height: 1;
    padding: 10px 15px 12px;
    border-radius: 0px;
    background-color: transparent;
}
.totals .checkout,
.totals .continue{
    padding-left: 35px;
    padding-right: 35px;
}
#products .btn {
    padding: 4px 12px 0;
    margin-top: 6px;
}
#products h4, .orderhistory h4 {
    color: #228BCA;
}
#product{
    color: #333;
}
#product h4{
    color: #4A4A4A;
    font-family: bebas_neue;
    font-size: 46px;
}
#product h4, #product .unit_price, #product .price, #product .h4 {
    color: #4A4A4A;
    font-family: bebas_neue;
}
#product .unit_price {
    font-size: 24px;
    margin-right: 15px;
}

#unit_price {
	color: #4A4A4A;
    font-family: bebas_neue;
}
.related_products {
	border-top:#eee solid 1px;
	margin-top:40px;
}
#product .price, #product h4, #product .h4 {
    font-size: 46px;
}
#product .stocking {
    border-radius: 50px;
    padding: 6px 15px;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    color: white;
}
#product .stock {
    background-color: #67B90D;
}
#product .no-stock {
    background-color: red;
}
#product .price_label {
    font-size: smaller;
    color:#9F9F9F;
}
#product .desc{
    font-size: 20px;;
}
#product .sizes {
    border: 1px solid #d0d0d0;
    border-radius: 8px;
}
#product .sizes h5 {
    border-bottom: 1px solid #d0d0d0;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background-color: #EEE;
    margin: 0 0 1rem;
    padding: 1rem 1.5rem;
}
#product .sizes .sizes-box {
    padding: 0 1.5rem 1rem;
    display: flex;
    align-items: center;
    min-height: 30px;
}
#product .sizes .sizes-box .qty-box {
    margin-bottom: 0;
    margin-right: 10px;
}
#product input[type=number]{
    padding: 7px 0 7px 15px;
    text-align: left;
    font-size: 14px;
    font-family: inherit; 
}
#product label{
    margin-right: 5px;
}
#product button span{
    margin-bottom: -6px;
}
#product button.btn-success,
#product button.btn-gray{
    margin-top: 15px;
    font-size: 16px;
}
#product .stock, #product .no-stock {
    font-size: 12px;
}
.thumbnail .salemark {
    border-radius: 45px;
    width: 45px;
    height: 45px;
    font-size: 18px;
    top: 15px;
    right: 15px;
}
.salemark, .salemark-small {
    background-color: red;
    color: #fff;
    border-radius: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 14px;
    line-height: 2.5;
    font-family: bebas_neue;
    position: absolute;
    top: 15px;
    right: 15px;
}
.stock {
    color: #2E8705;
}
.no-stock {
    color: red;
}
.approved {
    color: #2E8705;
}
.approval {
    color: #F5A623;
}
.delivered {
    color: #0079C2;
}
.approved.boxed,
.approval.boxed,
.delivered.boxed {
    color: #fff;
    width: 100px;
    padding: 3px 10px;
    font-size: 12px;
    float: right;
    text-align: center;
}
.approved.boxed {
    background-color: #2E8705;
}
.approval.boxed {
    background-color: #F5A623;
}
.delivered.boxed {
    background-color: #0079C2;
}
select.status {
    border:0;
}
select.status option.approved:first-child {
    color: #2E8705;
}
select.status option.approval:first-child {
    color: #F5A623;
}
select.status option.delivered:first-child {
    color: #0079C2;
}
.shoppingcart, .orderhistory {
    border-width: 1px 0 0 !important;
}
.shoppingcart {
    padding-top: 15px;
    padding-bottom: 30px;
}
.shoppingcart, .orderhistory, .totals {
    color: #4A4A4A;
}
.shoppingcart .row,
.orderhistory .row {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #E3E3E3;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.orderhistory .repeat {
    border: 1px solid;
    padding: 2px 15px 4px;
    font-size: 11px;
    float: right;
}
.shoppingcart .list-group-item-text,
.orderhistory .list-group-item-text{
    margin: 0px 0 2px;
    font-size: 12px;
}
.shoppingcart .price,
.totals .price {
    font-size: 24px;
}
.orderhistory .price {
    font-size: 24px;
    text-align: left;
}
.totals .total {
    font-size: 34px;
}
.more-related {
    float: right;
    margin-top: 20px;
}
.totals table{
    text-align: right;
    width: 230px;
}
.totals td{
    /*width: 50%;*/
    min-width: 100px;
}
.totals .price{
    text-align: right;
    width: 100%;
}
.price {
	color:#000;
	letter-spacing: 1px;
	font-size:30px !important;
}
.checkout .totals{
    font-size: 12px;
    border: 1px solid #4A4A4A;
}
.checkout .totals table{
    text-align: right;
    width: 230px;
}
.checkout .totals td{
    /*width: 50%;*/
    min-width: 125px;
}
.checkout .totals .price{
    text-align: right;
    width: 100%;
}
.checkout .info {
    background-color: #EEEEEE;
    margin-bottom: 15px;
    height: 100%;
}
.checkout .info:after {
    clear: both;
}
.checkout .btn-success{
    width: 100%;
    padding: 10px;
}
/*.checkout .info p{
       margin: 0 0 0;
}*/
#myCart .cart-item-image img,
#product .thumbnail img{
    width: 100%;
    border: 1px #eaeaea solid;
}
#myCart h4{
    font-size: 12px;
}
#myCart .cart-item-title,
#myCart .cart-item-attr,
#myCart .cart-item-style{
    margin: 0 0 5px;
    font-size: 11px;
}
#myCart .price{
    font-size: 20px;
    text-align: right;
}
#myCart .lead {
    line-height: 1;
}
#myCart .modal-dialog {
    width: 395px;
}
#myCart .btn-success{
    width: 166px
}
#myCart .btn-success span{
    margin-right: 5px;
}
#myCart .modal-footer {
    margin-top: 10px;
}
#myCart #intNumber {
    height: auto;
    width: 42px;
    float: left;
}
input[type=number]{
    font-size: 13px;
    font-family: bebas_neue;
    text-align: center;
}
input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}

/*#myCart .col-md-1, #myCart .col-md-10, #myCart .col-md-11, #myCart .col-md-12, #myCart .col-md-2, #myCart .col-md-3, #myCart .col-md-4, #myCart .col-md-5, #myCart .col-md-6, #myCart .col-md-7, #myCart .col-md-8, #myCart .col-md-9 {
    padding-right: 10px;
    padding-left: 10px;
}*/
.headerlink {
    min-height: 28px;
}
.headerlink h2 {
    font-family: 'Muli', sans-serif;
    font-size: 16px;
}
.headerlink h3 {
    display: inline-grid;
}
.breadcrumb {
    background-color: transparent;
    margin-bottom: 10px;
    margin-left: -15px;
    display: inline-block;
}
.breadcrumb>li+li:before {
    color: #a2a2a2;
    content: "\203A\0000a0";
}
.breadcrumb .divider {
    display: none;
}
.breadcrumb a,
.breadcrumb>.active{
    font-size: 12px;
}
.breadcrumb>.active{
    color: #4A4A4A;
}
#selectWarehouse {
    float: right;
    padding: 8px 0;
    font-size: 12px;
    color: #4A4A4A;
}
#selectWarehouse label{
    margin-right: 5px;
    font-weight: normal;
}
#selectWarehouse select{
    min-width: 80px;
}
.lead {
    font-size: 36px;
    font-family: bebas_neue;
}
table.orders {
    border: 1px solid #eceeef;
    margin-bottom: 10px;
    font-size: 11px;
}
table .lead {
    font-size: 19px;
}
table.orders>tbody>tr>td {
    padding: 2px 8px;
    vertical-align:middle !important;
    border-top: 1px solid #eceeef;
}
table.orders>thead>tr>th {
    border-bottom: 0;
}
.thumbnail{
    margin-bottom: 0;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
}
img.thumbnail-image{
    height: 130px;
    width: 110px;
}
.thumbnail-image{
    min-height: 210px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/Image-Coming-Soon.jpg);
}
.shoppingcart .thumbnail-image{
    min-height: 140px;
}
.thumbnail .caption{
    /*    position: absolute;
        bottom: 0;*/
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
    background: #428bca;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
}
.item.list-group-item .caption
{
    padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd)
{
    background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}
.pagination,
.legend{
    font-size: 10px;
    margin: 15px 0;
    color: #4A4A4A;
}
.pagination{
    float: right;
}
.pagination strong{ 
    background-color: #EEEEEE;
}
.pagination strong,
.pagination a{
    padding: 2px 7px 4px;
    margin-right: 5px;
}
.legend {
    float: left;
}
ul.categories{
    padding-left: 28px;
}
ul.categories ul{
    padding-left: 22px;
}
ul.categories,
ul.categories ul{
    list-style: none;
    font-size: 13px;
}
ul.categories li{
    margin-bottom: 3px;
}
ul.categories a,
ul.categories label{
    color: #9F9F9F;
}
ul.categories .ItemsCount{
    float: right;
    background-color: #ececec;
    color: #aaa;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 7px;
    padding: 3px 6px;
}
ul.categories .active .ItemsCount{
    background-color: #0079c2;
    color: #fff;
}

/*Quantity box*/
.qty-box {
    border: 1px solid #333;
    border-radius: 3px;
    display: inline-block;
    height: 30px;
    width: 60px;
    margin-bottom: -10px;
    font-size: 12px;
}
.qty-box .qty {
    float:left;
    width:15px;
    line-height: 25px;
    text-align: center;
    border:0;
    color: #333;
    font-size: 12px;
}

.qty-box span {
    color: #333;
    font-family: sans-serif;
    float: left;
    line-height: 30px;
    text-align: center;
    width: calc(60px/3);
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
}

.dec,
.inc {
    height: 100%;

    &:hover {
        cursor: pointer;
    }
}
.changePass input{
    font-size: 11px;
    width: 70px;
}
.changePass input:read-only {
    border:0;
}
.changePass button {
    border-width: 0;
    border-radius: 0; 
    width: 70px; 
    padding: 5px;
    display: none;
    margin-top: 10px;
}
.OrderOnline-Icon-White {
    background-image: url(../images/icons/OrderOnline-Icon-White.png);
}
.OrderOnline-Icon-Colored {
    background-image: url(../images/icons/OrderOnline-Icon-Colored.png);
}
.OrderOnline-Icon-Grey{
    background-image: url(../images/icons/OrderOnline-Icon-Grey.png);
}
.OrderOnline-Icon-Blue{
    background-image: url(../images/icons/OrderOnline-Icon-Blue.png);
}
.Support-Icon-White {
    background-image: url(../images/icons/Support-Icon-White.png);
}
.Support-Icon-Colored {
    background-image: url(../images/icons/Support-Icon-Colored.png);
}
.Support-Icon-Grey{
    background-image: url(../images/icons/Support-Icon-Grey.png);
}
.Support-Icon-Blue{
    background-image: url(../images/icons/Support-Icon-Blue.png);
}
.Shipping-Icon-White {
    background-image: url(../images/icons/Shipping-Icon-White.png);
}
.Shipping-Icon-Colored {
    background-image: url(../images/icons/Shipping-Icon-Colored.png);
}
.Shipping-Icon-Grey{
    background-image: url(../images/icons/Shipping-Icon-Grey.png);
}
.Shipping-Icon-Blue{
    background-image: url(../images/icons/Shipping-Icon-Blue.png);
}
.years-Icon-White {
    background-image: url(../images/icons/50years-Icon-White.png);
}
.years-Icon-Colored {
    background-image: url(../images/icons/50years-Icon-Colored.png);
}
.years-Icon-Grey{
    background-image: url(../images/icons/50years-Icon-Grey.png);
}
.years-Icon-Blue{
    background-image: url(../images/icons/50years-Icon-Blue.png);
}
.Brands-Icon-White {
    background-image: url(../images/icons/Brands-Icon-White.png);
}
.Brands-Icon-Colored {
    background-image: url(../images/icons/Brands-Icon-Colored.png);
}
.Brands-Icon-Grey{
    background-image: url(../images/icons/Brands-Icon-Grey.png);
}
.Brands-Icon-Blue{
    background-image: url(../images/icons/Brands-Icon-Blue.png);
}
.Orders-Icon-White {
    background-image: url(../images/icons/Orders-Icon-White.png);
}
.Orders-Icon-Colored {
    background-image: url(../images/icons/Orders-Icon-Colored.png);
}
.Orders-Icon-Grey{
    background-image: url(../images/icons/Orders-Icon-Grey.png);
}
.Orders-Icon-Blue{
    background-image: url(../images/icons/Orders-Icon-Blue.png);
}
.Products-Icon-White {
    background-image: url(../images/icons/Products-Icon-White.png);
}
.Products-Icon-Colored {
    background-image: url(../images/icons/Products-Icon-Colored.png);
}
.Products-Icon-Grey{
    background-image: url(../images/icons/Products-Icon-Grey.png);
}
.Products-Icon-Blue{
    background-image: url(../images/icons/Products-Icon-Blue.png);
}
.ShoppingCart-Icon-White {
    background-image: url(../images/icons/ShoppingCart-Icon-White.png);
}
.ShoppingCart-Icon-Colored {
    background-image: url(../images/icons/ShoppingCart-Icon-Colored.png);
}
.ShoppingCart-Icon-Grey{
    background-image: url(../images/icons/ShoppingCart-Icon-Grey.png);
}
.ShoppingCart-Icon-Blue{
    background-image: url(../images/icons/ShoppingCart-Icon-Blue.png);
}
.ShoppingCartAdd-Icon-White {
    background-image: url(../images/icons/ShoppingCartAdd-Icon-White.png);
}
.ShoppingCartAdd-Icon-Colored {
    background-image: url(../images/icons/ShoppingCartAdd-Icon-Colored.png);
}
.ShoppingCartAdd-Icon-Grey{
    background-image: url(../images/icons/ShoppingCartAdd-Icon-Grey.png);
}
.ShoppingCartAdd-Icon-Blue{
    background-image: url(../images/icons/ShoppingCartAdd-Icon-Blue.png);
}
.Store-Icon-White {
    background-image: url(../images/icons/Store-Icon-White.png);
}
.Store-Icon-Colored {
    background-image: url(../images/icons/Store-Icon-Colored.png);
}
.Store-Icon-Grey{
    background-image: url(../images/icons/Store-Icon-Grey.png);
}
.Store-Icon-Blue{
    background-image: url(../images/icons/Store-Icon-Blue.png);
}
.Invoice-Icon-White {
    background-image: url(../images/icons/Invoice-Icon-White.png);
}
.Invoice-Icon-Colored {
    background-image: url(../images/icons/Invoice-Icon-Colored.png);
}
.Invoice-Icon-Grey{
    background-image: url(../images/icons/Invoice-Icon-Grey.png);
}
.Invoice-Icon-Blue{
    background-image: url(../images/icons/Invoice-Icon-Blue.png);
}
.Home-Icon-White {
    background-image: url(../images/icons/Home-Icon-White.png);
}
.Home-Icon-Colored {
    background-image: url(../images/icons/Home-Icon-Colored.png);
}
.Home-Icon-Grey{
    background-image: url(../images/icons/Home-Icon-Grey.png);
}
.Home-Icon-Blue{
    background-image: url(../images/icons/Home-Icon-Blue.png);
}
.Discounts-Icon-White {
    background-image: url(../images/icons/Discounts-Icon-White.png);
}
.Discounts-Icon-Colored {
    background-image: url(../images/icons/Discounts-Icon-Colored.png);
}
.Discounts-Icon-Grey{
    background-image: url(../images/icons/Discounts-Icon-Grey.png);
}
.Discounts-Icon-Blue{
    background-image: url(../images/icons/Discounts-Icon-Blue.png);
}
.Customers-Icon-White {
    background-image: url(../images/icons/Customers-Icon-White.png);
}
.Customers-Icon-Colored {
    background-image: url(../images/icons/Customers-Icon-Colored.png);
}
.Customers-Icon-Grey{
    background-image: url(../images/icons/Customers-Icon-Grey.png);
}
.Customers-Icon-Blue{
    background-image: url(../images/icons/Customers-Icon-Blue.png);
}
.Categories-Icon-White {
    background-image: url(../images/icons/Categories-Icon-White.png);
}
.Categories-Icon-Colored {
    background-image: url(../images/icons/Categories-Icon-Colored.png);
}
.Categories-Icon-Grey{
    background-image: url(../images/icons/Categories-Icon-Grey.png);
}
.Categories-Icon-Blue{
    background-image: url(../images/icons/Categories-Icon-Blue.png);
}
.Stock-Icon-White {
    background-image: url(../images/icons/Stock-Icon-White.png);
}
.Stock-Icon-Colored {
    background-image: url(../images/icons/Stock-Icon-Colored.png);
}
.Stock-Icon-Grey{
    background-image: url(../images/icons/Stock-Icon-Grey.png);
}
.Stock-Icon-Blue{
    background-image: url(../images/icons/Stock-Icon-Blue.png);
}
.Warehouse-Icon-White {
    background-image: url(../images/icons/Warehouse-Icon-White.png);
}
.Warehouse-Icon-Colored {
    background-image: url(../images/icons/Warehouse-Icon-Colored.png);
}
.Warehouse-Icon-Grey{
    background-image: url(../images/icons/Warehouse-Icon-Grey.png);
}
.Warehouse-Icon-Blue{
    background-image: url(../images/icons/Warehouse-Icon-Blue.png);
}
.icon.SignIn-Icon-White {
    background-image: url(../images/icons/SignIn-Icon-White.png);
    width: 14px;
    height: 14px;
    margin-bottom: -3px;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* Contact */
.contact-pin {
    width: 14px;
}

/* Admin */
.admin h2 {
    font-family: 'Muli', sans-serif;
    font-size: 25px;
    margin-bottom: 25px;
    margin-top: 10px;
    font-weight: bold;
}
.admin.page {
    background-color: #F6F6F6;
    height: 100%;
}
.admin>.container {
    max-width: 1440px;
}
.admin header {
    position: relative;
}
.admin header>.sub-head {
    top: 135px;
    bottom: auto;
}
admin .sub-head h1 {
    font-size: 38px;
}
.admin .sub-head {
    background-color: transparent;
}
.admin .dashboard {
    background-color: #FFF;
}
.admin .statics {
    text-align: center;
    background-color: #EEEEEE;
    padding: 80px;
    margin-top: -70px;
}
.admin .support {
    background-color: #EEEEEE;
    padding: 25px;
    min-width: 300px;
    float: right;
}
.admin .support h4 {
    font-size: 22px;
}
.admin hr {
    border-top: 1px solid #aeb4b7;
}
.admin .support .profile-picture {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    top: 0;
}
.admin h3 {
    font-size: 20px;
}
.admin .sidebar-nav ul a{
    color: inherit;
}
.admin .sidebar-nav ul a:hover{
    font-weight: bold;
    text-decoration: none;
}
.admin .sidebar-nav ul li {
    margin-bottom: 15px;
}
.admin .sidebar-nav ul .icon {
    width: 25px;
    height: 25px;
    margin-bottom: -7px;
}
.admin .profile {
    padding: 25px 10px;
    background-color: #E5E5E5;
    position: absolute;
    left: 0;
    right: 0;
}

.admin .headerlink h3 {
    display: block;
    font-family: 'Muli', sans-serif;
    margin: 30px 0;
}
.admin .headerlink .icon {
    width: 25px;
    height: 25px;
    margin-bottom: -5px;
}
.admin .headerlink .icon:after {
    content: "\203A\0000a0";
    margin-left: 32px;
}
.admin header {
    background-color: #fff;
}
.admin header .headerlink {
    padding: 15px 20px;
}
.admin .breadcrumb {
    margin-bottom: 0;
    margin-left: 0;
}
.admin #wrapper {
    padding-left: 300px;
    transition: all 0.4s ease 0s;
    height: 100%;
}
.admin.dashboard #wrapper {
    background-color: white;
}
.admin:not(.dashboard) .page-content>.container {
    max-width: 100%;
    width: 100%;
    padding: 15px;
    margin: 0;
}
.admin .page-content .content {
    background-color: white;
    border-left: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    padding: 10px 30px;
    -moz-box-shadow: 0px 1px 0px 0px #999;
    -webkit-box-shadow: 0px 1px 0px 0px #999;
    box-shadow: 0px 1px 0px 0px #999;
}
.admin .breadcrumb a, .admin .breadcrumb>.active {
    font-size: 14px;
}
.admin .search {
    padding: 7px 10px;
    border-color: #f6f6f6;
    border-style: solid;
    border-width: 1px;
    z-index: 999999;
}
.admin .pagination{
    float: none; 
}
.admin #products {
    border-width: 0;
}
.admin .editCustomer label{
    font-weight: normal;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 0; 
}
.admin #products th{
    color: #9B9B9B;
    font-weight: normal;
    border-bottom: 1px solid #EEE;
}
.admin .pagination strong, .admin .pagination a {
    padding: 10px 15px 10px;
    margin-right: 0;
    border: 1px solid #EEE;
    font-size: 14px;
}
.admin .pagination strong {
    background-color: #0079c2;
    color: white;
    font-weight: normal;
}
.admin #products tbody{
    border-bottom: 1px solid #EEE;
    /*font-size: 12px;*/
}
.admin #products td {
    vertical-align: middle;
}
.search:-moz-placeholder { /* Chrome/Opera/Safari */
    color: #e5e5e5;
}
.search::-moz-placeholder { /* Firefox 19+ */
    color: #e5e5e5;
}
.search:-ms-input-placeholder { /* IE 10+ */
    color: #e5e5e5;
}
.search:-moz-placeholder { /* Firefox 18- */
    color: #e5e5e5;
}
.admin #sidebar-wrapper {
    margin-left: -300px;
    width: 300px;
    background-color: #0079C2;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.4s ease 0s;
    background-image: url(../images/IndoCaribbean-Logo-White-side.png);
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-size: auto;
}

.admin #page-content-wrapper {
    width: 100%;
}

.admin .sidebar-nav {
    background: #EEEEEE;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.admin .sidebar-nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.admin .logout {
    border-top: 1px #fff solid;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    text-align: center;
    padding-top: 20px;
    color: #fff;
    font-size: 12px;
}
.admin .logout a, .admin .logout a:hover{
    text-decoration: none;
    color: #fff;
}
.admin form.variants>div{
    min-height: 73px
}
.admin form.variants label{
    font-size: 10px;
}
.admin form.variants .form-control {
    border-radius: 0px;
}
.admin form.variants .btn {
    border-radius: 0px;
    position: absolute;
    bottom: 0;
    margin-bottom: 15px;
}
.admin .variantItems, .admin .variants .update{
    display: none;
}
.admin .actions {
    float: right;
}
.admin .continue, .admin .save{
    padding: 12px 15px 12px;
    width: 125px;
    font-size: 16px;
    margin: 0 0 0 10px;
}
.admin .thumbnail-image{
    min-height: 35px;
    min-width: 35px;
}
.flips {
    max-width: 859px;
    position: absolute;
    right: 0;
    top: 150px;
    width: 50%;
}
.landing-headline {
    margin-top: 180px;
}
.landing-logo {
    max-width:378px;
    width: 100%;
}
.landing-partners {
    margin-bottom: 20px;
}
.landing-partners img{
    max-width:120px;
    border: 1px solid #808080;
    padding: 15px;
    margin-bottom: 10px;
}
.instafeed {
    background-image:url('../images/landing_pages/Beinspired-BG-Desktop.jpg');
    background-size:cover;
    margin-bottom:50px;
}
.card {
    border: 1px solid;
    border-radius: 2px;
    margin-bottom: 2rem;
}
.card-header button,
.card-header button:focus,
.card-header button:active {
    border: 0;
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    padding: 1.5rem;
    font-size: large;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.card ul {
    list-style-type: none;
    padding-left: 30px;
}
.card .mb-0 {
    margin: 0;
}
.btn:not(.collapsed) .fa-plus:before{content:"\f068"!important;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .card-header:focus, .card-header h5:focus {
    outline: none;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;

    > .col,
    > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (max-width: 768px) {
    .navbar-toggler {
        display: block;
    }
    .page {
        padding-bottom: 0;
    }
    footer {
        position: relative; 
    }
    .flips {
        top: 280px;
        width: 65%;
    }
    .landing-headline {
        margin-top: 80px;
    }
    .landing-logo {
        max-width: 130px;
        width: 100%;
    }
    .instafeed {
        background-image:url('../images/landing_pages/Beinspired-BG-Mobile.jpg');
    }
}
@media only screen and (max-width: 414px) {
    .sub-head .button {
        padding: 28px 60px;
    }
    /*.home header>.sub-head {
        top: 400px;
    }*/
    .home .sub-head h1 {
        font-size: 40px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .logo{
        background-image: url(../images/IndoCaribbean-Logo-White@2x.png);
    }
    .logo.colored {
        background-image: url(../images/IndoCaribbean-Logo-Color@2x.png);
    }
    .admin #sidebar-wrapper {
        background-image: url(../images/IndoCaribbean-Logo-White-side@2x.png);
    }
    .thumbnail-image{
        background-image: url('../images/Image-Coming-Soon@2x.jpg');
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.wrap-loading {
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.loading {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    animation: spin 750ms infinite linear;
    -webkit-animation: spin 750ms infinite linear;
    -moz-animation: spin 750ms infinite linear;
    -o-animation: spin 750ms infinite linear;
    -ms-animation: spin 750ms infinite linear;
    z-index: 10;
}
.loading-1 {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    border: 2px solid #ebebeb;
    border-top-color: #333;
}
.loading-2 {
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border: 3px solid #ebebeb;
    border-top-color: #333;
}
.loading-3 {
    margin-top: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border: 3px solid #ebebeb;
    border-top-color: #333;
}
.loading-4 {
    margin-top: -35px;
    margin-left: -35px;
    width: 70px;
    height: 70px;
    border: 4px solid #ebebeb;
    border-top-color: #333;
}
.object-fit_fill { object-fit: fill }
.object-fit_contain { object-fit: contain }
.object-fit_cover { object-fit: cover }
.object-fit_none { object-fit: none }
.object-fit_scale-down { object-fit: scale-down }