html, body {
	height: 100%;
}

body {	
	min-width: 320px;	
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	position: relative;
	/*background: #000;*/
}

body.p-t {
	padding-top: 34px;
}

a, .btn-link {
	color: #000;
}

a:hover {
	color: inherit;
	text-decoration: underline;
}

button:focus {
	outline: none;
}

.wrapper {
	background: #fff;
	max-width: 1920px;
	min-height: 100%;
	margin: 0 auto;
}

/* HEADER */

.hp .top-header .bx-wrapper {
	margin-bottom: 0;
}

header {		
	background: #000;
	color: #fff;
	position: relative;
	z-index: 4;	
}

header.sticky {	
	height: 55px;
	padding-top: 11px;
	padding-bottom: 5px;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 1920px;
	z-index: 9999;
}

header.sticky > .row {
	flex-wrap: nowrap;
}

header .label-text {
	display: none;
}

header .navbar {
	position: static;
}

header.sticky .logo {
	max-width: 140px;
}

header .login .dropdown-menu {
	width: 310px;
	padding: 0;
}

header .cart .dropdown-menu {
	width: 310px;
}

header .login .dropdown-menu-right,
header .cart .dropdown-menu-right {
	left: 0px !important
}

header .login .dropdown-menu .login-row {
	background: #e6e6e6; 
	border: 1px solid #000;
	border-top: 0
}

header .login .dropdown-menu .login-form {
	background: #fff;
}

header .login .actions a {
	display: block;
	text-align: center;
}

header.sticky .shop {
	display: none;
}



header.sticky > .row {
	position: relative;
}

header i {
	margin-right: 5px;
}

header .shop .text-muted {
	font-size: 14px;
}

header .search .dropdown-menu {
	background: transparent;
	top: -8px !important;
	width: 275px;	
}

header .search .input {
	position: relative;
}

header .search .form-control {
	border-radius: 25px;

}
header .search button {
	position: absolute;
	top: 0;
	right: 0;
}

header .col-auto, header .cart, header .header-item {
	position: static !important;
}

.search-menu {
	color: #000;
	background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 999999;
	width: 100%;
	max-height: 500px;
	overflow-y: auto;		
	border: 1px solid #000;		
	margin-top: 5px;		
	display: none;
}

.search-menu a:hover {
	text-decoration: underline;
}

.search-menu h5 {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
}

.search-menu a {
	font-size: 16px;
}

header .cart strong {	
	margin-left: 5px;		
}

header .cart .nav-link {
	padding-top: 4px;
	padding-bottom: 4px;
}

header .nav-item a {
	color: inherit;
}

header .nav-item a.btn {
	color: #fff;
}

header nav .nav-link:hover {
	color: #ed1c24;
}

header nav li .nav-link {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;	
}

header .navbar {
	z-index: 1;
	padding-bottom: 0;
}

header .navbar-toggler {
	color: #fff;
	padding-left: 0;
	padding-right: 0;
}

.dropdown-menu {
	border-radius: 0;
	box-shadow: none;
}

header .cart {
	text-align: left;
}

header .cart .dropdown-menu a {
	color: #fff;
}

header .cart h3 {
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0;
}

header .cart h3 small {
	font-size: 20px;
	color: #78b34d;
}

header .cart .icon {
	color: #78b34d;
	font-size: 40px;	
}

header .cart .contents {
	color: #002040;
	float: left;
	font-size: 16px;
	margin-top: 5px;
}

header .cart .button {	
	float: right;			
	margin-top: 10px;		
}

header .cart .button a {
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
}

header .cart .product {
	color: #000;
	text-align: left;
	font-size: 16px;
	margin-bottom: 5px;
}

header .cart .product a {
	color: inherit;
	text-transform: none;
}

header .cart .product:last-child {
	margin-bottom: 0;
}

header .cart .product .name {
	font-weight: 600;	
	overflow: hidden;
	height: 22px;		
}

header .cart .product .name small {
	font-weight: normal;
	text-transform: none;
	font-size: 14px;		
}

header .cart .product .price {		
	text-align: right;
	white-space: nowrap;
	margin: 0;
}

header .cart .product .remove {		
	
}

header .cart .product .remove a {
	color: #cc1e1e;
}

header .flags img {
	width: 16px;
	margin-right: 5px;
	margin-top: -1px;
	display: inline-block;
	/*margin: -2px 6px 0 1px;*/
}

header .flags .dropdown-menu {
	width: 75px;
	min-width: 0;
}

/* CONTENT + HP */

.hero {
	background: url(../img/hero.png) no-repeat;
	background-size: cover;
	background-position: 50% 80%;
	padding: 70px 0;
}

.hero .top-filter {
	background: rgba(8, 94, 130, 0.8);
	color: #fff;
	padding: 20px;	
}

.hero .top-filter .item-title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

.hero .top-filter label {
	font-weight: 600;
	padding-left: 10px;
	margin-bottom: 5px;
}

.hero .top-filter .btn {
	font-weight: 800;
	font-size: 18px;
}

.content {
	min-height: 600px;	
}

.content .main-content {	
	padding-bottom: 75px;
	margin-top: 30px;
}

.content .main-content.wide {
	margin-top: 0;
}

.content .section {
	margin-top: 40px;
}

.content .form-section,
.content .form-footer {
	margin-top: 1.5rem;
}

.content .about-us .text {
	font-size: 1.2rem;
}

.content .top-category {
	position: relative;
	color: #fff;
}

.content .top-category .top-category-name a {
	color: inherit;
	text-decoration: none;
}

.content .top-category .top-category-name a:hover {
	color: #e2e6ea;
	text-decoration: none;
}

.content .top-category .btn {
	font-weight: 600;
	padding: .25rem .5rem;
	font-size: 90%;
	border-radius: 10px;
}

.content .top-category .description {
	position: absolute;
	width: 100%;
	z-index: 111;
	top: 0;
	left: 0;
	text-align: center;
	padding: 0 20px;
	top: 50%;
    transform: translateY(-50%);
}

.content .top-category .description h3 {
	font-size: 40px;
	font-weight: 900;
}

.content .top-category .description h4 {
	font-size: 18px;
	font-weight: 500;
}

.content .newsletter {
	margin: 70px 0;
	color: #000;
}

.content .newsletter h3 {
	font-size: 30px;
	font-weight: 400;
}

.content .newsletter .subscribe-form {
	margin-top: 40px;	
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
}

.content .newsletter .form-control {
	border-color: transparent;
	font-weight: 700;
	font-size: inherit;
}

.content .newsletter .form-control:focus {
	box-shadow: none;
}

.content .newsletter .input-group-text {
	border: 0;
	background: none;
	padding-left: 0;
	font-size: inherit;
}

.content .newsletter .btn {
	color: inherit;
	font-size: inherit;
}

.content .newsletter .g-recaptcha {
    display: inline-block;
}

/* SIDEBAR */

aside {
	max-width: 400px !important;
}

aside .sort {
	border: 1px solid #d6d6d6;
	padding: 15px 20px 5px 20px;
	margin-bottom: 5px;
}

aside .sort strong {
	font-weight: 500;
}

aside .attributes {
	background: #ececec;	
	padding: 20px;
}

aside .attributes .attr {
	margin-bottom: 30px;
}

aside .attributes .attr .title {
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 5px;
}

aside .attributes .attr .values {
	font-size: 16px;
	font-weight: 300;
}

aside .attributes .attr .value-disabled {
	color: #999;
	cursor: not-allowed;
}

aside .attributes .attr .cancel {
	
}

aside .attributes .attr .cancel i {
	color: #f80202;
}

/* CATEGORY DETAIL WITH PRODUCT LIST */

.content .category-top {
	background-size: cover;
	background-position: center;
	height: 200px;
	color: #fff;
}

.content .category-top a {
	color: #fff;
}

.content .category-top .section-title {
	font-size: 30px;
	font-weight: 900;
}

.category-top.no-bg .section-title,
.category-top.no-bg a {
	color: #000;
}

.breadcrumbs {
	font-size: 14px;
	font-weight: 300;
}

.product-list .product {
	position: relative;
	margin-bottom: 10px;
}

.product-list .product .image {	
	height: 200px;
	text-align: center;
	margin-bottom: 20px;
}

.product-list .product .image img {
	max-height: 100% !important
}

.product-list .product a {
	color: #000;
	display: block;
}

.product-list .product a:hover {
	opacity: .8;
	text-decoration: none;
}

.product-list .product .name {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
	height: 40px;
	overflow: hidden;
}

.product-list .product .price {
	font-weight: 300;
	margin-bottom: 20px;
}

.next-page a {
	font-size: 15px;
	font-weight: bold;
	padding: 10px 25px;
}

.labels {
	position: absolute;
	z-index: 1;
	top: 0;
}

.labels .label {
	font-size: 8px;
	display: block;
	text-transform: uppercase;
	padding: 3px 10px;
	border-radius: 15px;
	text-align: center;
	border: 1px solid transparent;
	margin-bottom: 1px;
}

.labels .label-discount {
	color: #ff4301;
	background: rgb(255, 228, 219, 1);
	border-color: #ffd6c8;
}

.labels .label-sale {
	color: #df9618;
	background: rgb(254, 245, 229, 1);
	border-color: #f5e3c8;
}

.labels .label-new {
	color: #58ba4a;
	background: rgb(246, 255, 244, 1);
	border-color: #d2f1ce;
}

.labels .label-bestseller {
	color: #df9618;
	background: rgb(254, 245, 229, 1);
	border-color: #f5e3c8;
}

.labels .label-top {
	color: #78b34d;
	background: rgb(246, 255, 244, 1);
	border-color: #29bf9a;
}

/* PRODUCT DETAIL */

.product-detail h1 {
	font-size: 26px;
	font-weight: 900;
	text-transform: uppercase;
}

.product-detail .product-top {
	margin-bottom: 40px;
}

.product-detail .back {
	margin-top: 15px;
	display: block;
}

.product-detail .other-images .image {
	margin-right: 9px;
	border: 1px solid #ccc;
}

.product-detail .other-images .image:last-child {
	margin-right: 0;
}

.product-detail .other-images .image a {
	display: block;
}

.product-detail .share {
	font-size: 13px;
	font-weight: 300;
}

.product-detail .info {
	border: 1px solid #e1e1e1;	
}

.product-detail .info .in {
	padding: 20px;	
}

.product-detail .info .col-5, 
.product-detail .info .value-title {
	font-weight: 500;
}

.product-detail .info .status {
	font-weight: 500;
}

.status.status-1 {
	color: #78b34d;
}

.status.status-0 {
	color: #ed1c24;
}

.product-detail .buy-section {
	border-top: 1px solid #e1e1e1;
}

.product-detail .buy-section .input {
    position: relative;
    float: right;
    margin-right: 50px;
}

.product-detail .buy-section .input input {
	width: 40px;
	height: 40px;	
	font-size: 18px;
	border: 0;
	text-align: center;
}

.product-detail .buy-section .pm.minus {
	left: -15px;
}

.product-detail .buy-section .pm.plus {
    left: auto;
    right: -15px;
}

.product-detail .buy-section .pm {
    font-size: 20px;
    position: absolute;
    top: 4px;
}

.product-detail .buy-section .pm:hover {
	text-decoration: none;
}

/* CART */

#cart p {
	margin-bottom: 0;
}

#cart ul {
	padding-left: 0;
	list-style: none;
}

#cart .progressbar {
	margin-bottom: 40px;
	text-align: center;
}

#cart .progressbar li {
	width: 25%;
	float: left;
	position: relative;
	text-align: left;
}

#cart .progressbar span {
	display: none;
}

#cart .progressbar li small {
	background: #e2e2e2;
	color: #fff;
	width: 35px;
	height: 35px;
	display: inline-block;
	text-align: center;	
	margin-right: 25px;
	line-height: 35px;
}

#cart .progressbar li a {
	color: #c2c2c2;
	font-size: 25px;
	font-weight: 700;
}

#cart .progressbar li a:hover {
	text-decoration: none;
}

#cart .progressbar li.done a {
	color: #000;
}

#cart .progressbar li.done small {
	background: #78b34d;
}

#cart .products h4 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

#cart .products th {
	color: #6a6a6a;
	font-size: 16px;
	text-align: left;
	font-weight: 400;
	border-bottom: 1px solid #e6e6e6;
	padding: 10px;
}

#cart .products td {
	vertical-align: middle;
	padding: 10px;
	font-size: 15px;
	border-bottom: 1px solid #f2f2f2;
}

#cart .products .first-col {
	padding-left: 0;
}

#cart .products td .fee {
	font-size: 13px;
}

#cart .products .count {
	white-space: nowrap;
}

#cart .products .stock,
#cart .products .single,
#cart .products .image,
#cart .products .count a {
	display: none;
}

#cart .products tr:last-child td {
	border-bottom: 0;
}

#cart .products input {
	width: 50px;
	border-color: transparent;
	text-align: center;
	color: #8c8c8c;
	font-size: 18px;
	display: inline;
}

#cart .products .price {
	color: #7b7b7b;
}

#cart .products td.image {
	text-align: center;
	max-width: 100px;
}

#cart .products td.image img {
	max-width: 100%;
	max-height: 50px;
}

#cart .products td.subtotal {
	white-space: nowrap;
}

#cart .products td .red {
	font-size: 14px;
}

#cart .free_shipping {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 20px;
}

#cart .discount-code {
	
}

#cart .discount-code h4 {
	font-size: 18px;
	font-weight: 700;
	color: #6a6a6a;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#cart .discount-code input {
	float: left;
	max-width: 200px;
	border-right: 0;
	line-height: 18px;	
	border: 1px solid #949494;		
	box-shadow: 5px 5px 5px #f1f1f1 inset;
	margin-right: 5px;
	margin-bottom: 0;
}

#cart .discount-code .btn {
	text-transform: uppercase;
}

#cart .discount-code p {
	color: #4a4a4a;
	font-size: 15px;
	line-height: 1.4;
}

#cart .discount-code p.discounts {
	margin-top: 20px;
}

#cart .checkboxes a {
	text-decoration: underline;
}

#cart .checkboxes .info {
	color: #6a6a6a;
	font-size: 16px;
	margin-top: 10px;
	line-height: 1.4;
}

#cart div.subtotal {	
	font-size: 16px;
	color: #4a4a4a;
	line-height: 1.7;
}

#cart div.subtotal span {
	float: right;
}

#cart div.subtotal .total {
	margin-top: 40px;
	color: #000;
	font-size: 22px;
	font-weight: bold;
}

#cart .subtotal .total span {
	color: #000;
}

#cart .btn.btn-green {		
	border: 1px solid #2d951b;		
}

#cart .buttons .continue .btn i {
	margin-left: 5px;
}

#cart .buttons .back .btn {
	font-size: 17px;
}

#cart .buttons .back .btn i {
	margin-right: 5px;
}

#cart .btn-lg {
	font-size: 25px;
	font-weight: 700;
	padding: 1rem;	
}

#cart .options h3 {
	font-size: 15px;
	font-weight: 400;
	color: #6a6a6a;
	padding: 10px 0;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
}

#cart .options .first {
	margin-bottom: 20px;
}

#cart .options li {
	color: #6a6a6a;
	padding: 12px 10px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #f0f0f0;
}

#cart .options li b {
	text-transform: uppercase;
}

#cart .options li:last-child {
	border: 0;
}

#cart .options ul li:hover,
#cart .options ul li.active {
	color: #fff;
	background: #000;
	cursor: pointer;
}

#cart .options li:hover span,
#cart .options li.active span {
	color: #fff;
}

#cart .options li:hover i,
#cart .options li.active i {
	color: #fff;
}

#cart .options .full li:hover {
	cursor: default;
}

#cart .options li span {
	color: #8a8a8a;
	float: right;
	font-weight: normal;
}

#cart .options li i {
	color: #6a6a6a;
	width: 20px;
	margin-right: 10px;
}

#cart .options li .help-text {
	/*color: #d5d5d5;*/
	/*margin-left: 36px;*/
	margin-left: 21px;
}

#cart .options .toggle {
	font-size: 13.5px;
	font-weight: bold;
	color: #6a6a6a;
	width: 100%;
	margin-bottom: 20px;
	display: block;
}

#cart .invoice .user-type {
	margin-top: 40px;
	margin-bottom: 10px;
}

#cart .invoice .user-type .btn {
	width: 100%;
	background: #d5d5d5;
}

#cart .invoice .user-type .btn i {
	margin-right: 5px;
}

#cart .user-type .btn.active {
	background: #000;
	color: #fff !important;
}

#cart .delimiter {
	border-top: 1px solid #daedfd;
	padding-top: 30px;
	margin-top: 30px;
}

#cart .delimiter .subtotal {
	margin-top: 0;
}

#cart .full {
	margin-bottom: 20px;
}

#cart .full > h3 {
	font-size: 23px;
	color: #78b34d;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

#cart .full .address {
	color: #6a6a6a;
	font-size: 16px;
	line-height: 1.5;
}

#cart .full .address span {
	width: 75px;
	display: inline-block;
}

#cart .full .note {
	margin-top: 30px;
}

#cart .finish .btn {
	text-transform: uppercase !important;
}

#cart .finish .btn i {
	margin-right: 5px;
}

#cart .thanks {
	color: #000;
	text-align: center;
}

#cart .thanks .title {
	background: #3daa13;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	padding: 20px;
	line-height: 1.4;
}

#cart .thanks .in {
	background: #fff;
	border: 5px solid #3daa13;
	border-top: 0;
	padding: 0 10px;
}

#cart .thanks .text {
	color: #000;
	font-size: 18px;
	line-height: 1.5;
}

#cart .thanks .text a {
	font-weight: bold;
}

#cart .thanks .section {
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#cart .thanks .section:last-child {
	border: 0;
}

#cart .order-id {
	padding: 30px 0;
	margin-bottom: 50px;
}

#cart .order-id h4 {
	color: #000;
	font-size: 22px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
}

#cart .order-id h4 strong {
	margin-left: 15px;
}

#cart .form-control {
	font-size: 16px;
	/*padding: 10px;*/
	margin-bottom: 10px;
}

#cart .bestsellers {
	margin-top: 20px;
}

#cart .bestsellers > h2 {
	color: #6a6a6a;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#cart .bestsellers .product {
	width: 50%;
}


/* FOOTER */
footer {
	background: #212121;
	color: #a8a8a8;
	padding: 50px 0 10px 0;
}

footer a {
	color: inherit;
}

footer li {
	margin-bottom: 5px;
}

footer .divider {
	margin-top: 40px;
}

footer .socials {
	margin-top: 55px;
	font-size: 20px;
	font-weight: 300;
}

footer .socials a {
	font-size: 40px;
	margin-left: 20px;
}

footer .socials a:hover {
	text-decoration: none;
	opacity: .75;
}

footer .authors {
	font-size: 13px;
	color: #a8a8a8;
	margin-top: 50px;
}

footer .collection-points li span {
	color: #fff;
}

/* GENERAL CLASSES */

.section-title, .page-title {
	font-size: 22px;
	font-weight: 900;
	margin-bottom: 0;
	text-align: center;
	text-transform: uppercase;
}

.section-btn {
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	display: inline-block;
	margin: 10px 0 20px 0;
}

.page-title {
	margin-bottom: 30px;
}

.sub-title {
	font-size: 120%;
	color: #000;
	margin-bottom: 10px;
}

.sub-title span {
	color: #333;
	text-transform: none;
	margin-left: 10px;
	font-size: 120%;
	font-weight: normal;
}

.small-title {
	color: #000;
	font-size: 18px;
	margin-bottom: 30px;
}

.badge-color {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid transparent;
}

.text-muted {
	color: #bfbfbf !important;
}

.text-muted-dark {
	color: #9b9b9b !important;
}

.text-success {
	color: #78b34d !important;
}

.text-warning {
	color: #c8a209 !important;
}

.text-danger, .red {
	color: #f80202 !important;
}

.text-primary {
	color: #009deb !important;
}

.text-secondary {
	color: #000 !important;
}

.text-underline {
	text-decoration: underline;
}

a.text-underline:hover {
	text-decoration: none;
}

.font-weight-bold, .bold, strong {
	font-weight: 700;
}

.font-weight-bolder, .bolder, strong {
	font-weight: 900;
}

.center {
	text-align: center !important;
}

.nolink {
	pointer-events: none;
}

.hidden {
	display: none;
}

.text-sm {
	font-size: 75%;
}

.smaller {
	font-size: 65%;
}

.text-md {
	font-size: 110%;
}

.text-lg {
	font-size: 120%;
}

/* FORMS */
input[type="number"] {
    -moz-appearance: textfield;
}

.form-control {
	border-color: #d2d2d2;
}

.dark .form-control {
	border-color: #000;
}

.btn, .form-control {
	border-radius: 5px;
}

.btn {
	
}

.btn[disabled], .btn.disabled {
	pointer-events: none !important;
}

.btn-primary:hover {
	opacity: .9;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active {
	background: #009deb !important;
	border-color: #009deb !important;
}

.btn-secondary:hover {
	background-color: #008dd3 !important;
}

.btn-black {
    background: #000;
	color: #fff;
}

.btn-black:hover {
	color: #fff;
	opacity: .9;
}

.btn-success {
	background: #78b34d;
	border-color: #78b34d;
}

.btn-success:hover, 
.btn-success:active,
.btn-success.disabled {
	background: #82BD57 !important;
	border-color: #82BD57 !important;
}

.btn-success:focus {
	box-shadow: 0 0 0 .2rem #78b34d !important;
}

.form-check-lg > input {
	-ms-transform: scale(1.5);
  	-moz-transform: scale(1.5);
  	-webkit-transform: scale(1.5);
  	-o-transform: scale(1.5);
}

.form-check-lg > label {
	margin-left: 5px;
}

.select {
	position: relative;
}

.select:after {
	content: "\f107";
	font-family: FontAwesome;
	color: #000;
	position: absolute;
	right: 4px;
	top: 35%;
	z-index: 1;
	text-align: center;
	width: 10%;
	height: 100%;
	pointer-events: none;
	box-sizing: border-box;
}

.select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select select[disabled] {
	opacity: .5;
}

option.disabled, option.readonly {
	color: #ccc;
}

form.loading {
	opacity: 0.8;
}

form .section {
	margin-top: 0 !important;
}

form p {
	margin: 0;
}

form:not(.filter-form) a i {
	margin-left: 5px;
}

form .buttons {
	margin-top: 20px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  	-webkit-appearance: none;
  	margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

label a {
	text-decoration: underline;
}

label a:hover {
	text-decoration: none;
}

.form-control.validate_error {
	border-color: #cc0d0f;
}

.custom-form .form-label {
	margin-bottom: 0;
	font-size: 13px;
	font-weight: bold;
	display: block;
	line-height: 1.5;
}

.custom-form .form-group {
	margin-bottom: 0;
	position: relative;
}

.validate_error + label,
.validate_error + label a {
	color: #cc0d0f !important;
}

.validation > p {
	margin-bottom: 15px;
}

/* TABLES */
.table thead th {
	border-top: 0;
}

/* TABS */
.tabs > ul {
	border-bottom: 1px solid #252525;
}

.tabs > ul > li {
	float: left;
}

.tabs > ul li a {
	color: #000;
	font-size: 16px;
	padding: 10px 15px;
	display: block;
	text-transform: uppercase;
}

.tabs > ul li a:hover {
	text-decoration: none;
}

.tabs li:last-child a {
	border: 0;
}

.tabs li:hover a,
.tabs .ui-tabs-active a {
	background: #252525;
	color: #fff;
}

.tabs .ui-tabs-panel {
	display: block;
	padding: 10px 0px;
}

.text img {
	max-width: 100%;
	height: auto;
}

/* CONTACT */
.content .question  {
	margin-top: 20px !important;
}

.content .question .subtitle b {
	display: block;
}

.content .question .subtitle span {
	margin: 0 10px;
	color: #ccc;
}

.content .question .contact-icons .icon img {	
	height: 75px !important;
	width: auto !important;
}

.content .question .contact-icons p {
	text-transform: uppercase;
	margin-top: 20px;
}

/* SPINNER */
.ajax {
	color: #000;
	font-size: 40px;
	position: fixed;
	top: 45%;
	left: 50%;
	display: none;
	z-index: 9999999;
}

/* PAGINATION */
#pagination {
	color: #6a6a6a;
	font-size: 12px;
	text-align: center;
	width: 100%;
	clear: both;
	margin-top: 10px;
}

.no-top-margin #pagination {
	margin-top: 0;
	margin-bottom: 26px;
}

#pagination a,
#pagination .curr {
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #d5d5d5;
	text-decoration: none;
	border-radius: 2px;
	margin-right: 3px;
	display: inline-block;
}

#pagination .curr {
	color: #fff;
	background: #000;
	border-color: #252525;
}

#pagination a:hover {
	background: #d5d5d5;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #6a6a6a;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #6a6a6a;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #6a6a6a;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #6a6a6a;
}

/* COOKIE CONSENT */
.cc-window {
	padding: 0.5em !important;
	font-size: 14px !important;
}

/* NOTIFICATIONS */
#notifications .alert {
	margin: 0px;
}

/* DATEPICKER */
 .ui-datepicker {
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(102,175,233,.6);
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #000;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: default;
	font-family: "Font Awesome 5 Free";	
	font-style: normal;
	font-weight: 900;
	height: 20px;
	line-height: 1;
	margin-top: 2px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "\f137";
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\f138";
}
.ui-datepicker .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
	background-color: #000;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}

/* GIFT CARD CHECKOUT PROCESS  */
.gift-card {
	max-width: 50rem; 
	margin: 0 auto;
}

.gift-card .btn-lg {
	font-size: 1.25rem !important;
	font-weight: normal !important;
	padding: .5rem 1rem !important;
}

.gift-card .nav {
	flex-wrap: nowrap;
}

.gift-card .tab-content ul,
.gift-card .tab-content ol {
	padding-left: 1rem;
}

.gift-card .nav-tabs .nav-link {
	border: 0;
}

.gift-card .nav-tabs .nav-link.active {
	color: #fff;
	background: #000;
}

.gift-card .nav-tabs {
	border-bottom: 1px solid #000;
}

.gc .gc-image {
	position: relative;
	text-align: center;
	width: 100%;
	max-height: 395px;
	overflow: hidden;
}

.gc .gc-image img {
	/*max-height: 400px;*/
	margin: 0 auto;
	width: 100%;
}

.gc .gc-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	max-width: 50%;
	background: rgba(255, 255, 255, 0.8);
	padding: 5px 10px;
	word-break: break-word;
}

.gc .gc-text.position-top {
	top: 5px;
	transform: translate(-50%, 0);
}

.gc .gc-text.position-bottom {
	top: auto;
	bottom: 5px;
	transform: translate(-50%, 0);
}

.gc .gc-info {
	padding: 0 10px;
	text-align: center;
	background: #fff;
	display: flex;
	flex-direction: column;
}

.gc .gc-logo {
	margin-bottom: 3rem;
}

.gc .gc-head {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 3rem;
}

.gc .gc-value {
	font-size: 0.7rem;
	margin-bottom: 3vw;
}

.gc .gc-value p {
	color: #e63029;
	font-size: 0.8rem;
	font-weight: bold;
}

.gc .gc-code {
	font-size: .9rem;
	margin-top: auto;
}

.gc .gc-code p {
	font-size: 1.3rem;
	background: #e63029;
	color: #fff;
	display: inline-block;
	margin: 0 auto;
	padding: 5px 20px;
	margin-top: 5px;
	white-space: nowrap;
	border-radius: 2px;
	margin-bottom: 10px;
}

.gc .image-options {
	border-top: 1px solid #ccc;
	margin-top: 30px !important;
	padding-top: 25px;
}

.gc .image-options .image {
	width: 14.28%;		
	padding: 5px;	
}

.gc .image-options .image .img {	
	display: block;	
	text-align: center;
	height: 100%;
	border: 1px solid #ccc;	
}

.gc .image-options .image .img:hover {
	
}

.gc .image-options .image input {
	border: 0;
}

.gc .image-options .image.active .img {
	border-color: #000;
}

.gc .image-options .own-image {
	font-size: 14px;
}

.gc .image-options .own-image label:hover {
	text-decoration: underline;
	cursor: pointer;
}

.gc .small {
	font-size: 90%;
}

.gc .custom-image {
	height: 100%;
}

.gc .custom-image img {	
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

@media only screen and (min-width: 360px), projection and (min-width: 360px) { 
	
	.gc .gc-code .gc-code-text {
		display: block !important;
	}
}

@media only screen and (min-width: 400px), projection and (min-width: 400px) { 
	
	.gc .gc-value {
		font-size: 0.9rem
	}

	.gc .gc-value p {
		font-size: 1.3rem;
	}	
}

@media only screen and (min-width: 768px), projection and (min-width: 768px) {

	.gc .gc-value {
		font-size: 1.3rem;
		margin-bottom: 3rem;
	}

	.gc .gc-value p {
		color: #e63029;
		font-size: 2rem;
		font-weight: bold;
	}
}

@media only screen and (max-width: 767px), projection and (max-width: 767px) { 

	.gift-card h1 {
		font-size: 1.5rem;
	}

	.gift-card .h5 {
		font-size: 1rem;
	}

	.gift-card .product-selector .btn {
		font-size: 1rem !important;
	}

	.gift-card .nav {
		text-align: center;
	}

	.gc .image-options {
		margin-top: 15px !important;
		padding-top: 10px;
	}

	.gc .image-options .image {
		width: 33.33%;
	}

	.gc .gc-text {
		font-size: 12px;
	}

	.gc .gc-logo,
	.gc .gc-head {
		margin-bottom: 4vw;
	}

	.gc .gc-head {
		font-size: 0.6rem;
	}

	.gc .gc-code {
		font-size: 0.6rem;
	}

	.gc .gc-code p {
		font-size: 0.8rem;
		padding: 2px 4px;
	}
}

.mainmenu a, 
.navbar-default .navbar-nav > li > a, 
.mainmenu ul li a , 
.navbar-expand-lg .navbar-nav .nav-link{
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 18px 15px;
    display: block !important;
}

.mainmenu .dropdown-menu li a {
	padding: 10px 15px;
}

 .mainmenu .active a,
 .mainmenu .active a:focus,
 .mainmenu .active a:hover,
 .mainmenu li a:hover,
 .mainmenu li a:focus ,
 .navbar-default .navbar-nav>.show>a, 
 .navbar-default .navbar-nav>.show>a:focus, 
 .navbar-default .navbar-nav>.show>a:hover {
    color: #fff;
    outline: 0;
    text-decoration: none;    
}
/*==========Sub Menu=v==========*/
 .mainmenu .collapse ul > li:hover > a{
    text-decoration: underline;
}
 .mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{
    
}
 .mainmenu .collapse ul ul ul > li:hover > a{
    
}
 .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{
    background: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    color:#fff;
}
 .mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{
    
}
 .mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{
    
}
/******************************Drop-down menu work on hover**********************************/
 .mainmenu{
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height:20px;
    width: 100%;
}
 @media only screen and (min-width: 767px) {
     /*
     .mainmenu .collapse ul li:hover> ul{
        display:block
    }
    */
     .mainmenu .collapse ul ul{
        position:absolute;
        top:100%;
        left:0;
        min-width:250px;
        /*display:none;*/        
    }
    .mainmenu .collapse ul > ul{
    	margin-top: 10px;
    }
    /*******/
     .mainmenu .collapse ul ul li{
        position:relative
    }
    /*
     .mainmenu .collapse ul ul li:hover> ul{
        display:block
    }
    */
     .mainmenu .collapse ul ul ul{
        position:absolute;
        top:0;
        left:100%;
        min-width:270px;
        /*display:none;*/
        margin-left: 10px;
    }
    /*******/
     .mainmenu .collapse ul ul ul li{
        position:relative
    }
     
	/*
    .mainmenu .collapse ul ul ul li:hover ul{
        display:block
    }
    */
     .mainmenu .collapse ul ul ul ul{
        position:absolute;
        top:0;
        left:-100%;
        min-width:250px;
        /*display:none;*/
        z-index:1
    }
}
 @media only screen and (max-width: 767px) {
     .navbar-nav .show .dropdown-menu .dropdown-menu > li > a{
        padding:16px 15px 16px 35px
    }
     .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{
        padding:16px 15px 16px 45px
    }
}