/*
// Designing dialog box
        #alert-container {
            display: none;
			background-color: #ddd;
            //background-image: linear-gradient(to right, #66a80f, #c0eb75);
            background-size:cover;
            color: black;
            position: absolute;
            width: 350px;
			//border: 2px solid gray;
            border-radius: 5px;
            left: 50%;
            margin-left: -160px;
            padding: 16px 8px 8px;
            box-sizing: border-box;
			max-width: 80%;
			z-index: 99;
        }
          
        // Designing dialog box's okay button
        #alert-container .yes {
            margin-right: 10px;
            text-align: center;
            width: 60px;
            float: right;
        }
          
        #alert-container .no {
            background-color: #22b8cf;
            display: inline-block;
            border-radius: 5px;
            border: 2px solid gray;
            padding: 5px;
            margin-right: 10px;
            text-align: center;
            width: 95px;
            float: right;
        }

        #alert-container .yes:hover {
            background-color: #82c91e;
        }  
        #alert-container .no:hover {
            background-color: #99e9f2;
        }
          
        // Dialog box message decorating
        #alert-container .message {
            text-align: left;
            padding: 10px 30px;
        }
*/

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

a {
	color: black;
}

a:hover {
	color: black;
	text-decoration: underline;
}

.href{
	color: black;
}

.legal-link {
	color: #007bff;
}
.legal-link:hover {
	color: #007bff;
	text-decoration: underline;
}

.category-picture:hover>.href {
	color: black;
	text-decoration: underline;
}

button:hover {
	cursor: pointer;
}

.invisible {
	display: none;
}

.inactive {
    opacity: 0.5;
	pointer-events: none;
    cursor: default;
}

/*--------------- LOADER ------------------ */
#loader {
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 99;
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #007bff; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*--------------- LOADER ------------------ */

#content {
	min-height:56vh;
}

#rates {
    background-color: #ddd;
	text-align: center;
}

.container{
    margin-top: 20px;
}
.box{
	margin: auto;
    height: 100px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    max-width: 100px;
}

#payment-form {
	margin-top: 15px;
	margin-bottom: 15px;
}

.form-payment {
	margin: auto;
	max-width: 500px;
}

.left {	
  float: left;
}
.right {
  float: right;
}

/*--------------- SWIPER ------------------ */

/*--------------- END SWIPER--------------- */

/*--------------- TOP MENU ------------------ */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.selected {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

.cart-icon-mobile {
	position:relative;
	display: none;
	vertical-align: middle !important;
	margin-right: 10px;
}

.cart-icon-desktop {
	position:relative;
	display:inline-flex;
	margin-right: 40px;
}

.cart-items-count-number{
	height:24px;min-width:24px;
	font-family:HelveticaNow,Helvetica,sans-serif;
	font-size:.99rem;letter-spacing:0;line-height:1.57rem;
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	margin-bottom:0;margin-top:5;
	font-weight:500;
	display:inline-block;
	text-align:center;

	border-radius:50px;
	padding-left:4px;
	padding-right:4px;
	color:#fff;
	background-color:#007bff;
	z-index:1;
	position:absolute;
	transform:translate(50%,-50%);
	right:0;
	top:0;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,255,255);
}
/*------------- END TOP MENU ---------------- */

/*.catalog {
	height: 100vh;
	width: 100vw;
}
*/

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

.add-to-cart {
	margin-top: 15px;
}

/* -------------- SEARCH BAR -----------------*/
@media (max-width: 991.98px) {
  .search-results-mobile {justify-content: center;}
  .search-results-desktop {display: none;}
}

@media (min-width: 992px) {
  .search-results-mobile {display: none;}
  .search-results-desktop {justify-content: center;}
}

  .search-wrapper {
    position: relative;
    margin: auto;
    width: 50%;
    margin-top: 20px;
    min-width: 350px;
}

.search-input {
    float: left;
    box-sizing: border-box;
    padding-right: 80px;
    width: 100%;
}

.search-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
}
/* ----------- END SEARCH BAR ----------------*/

/* ----------- SEARCH RESULTS ----------------*/
.search-item {
	justify-content: center;
	border: 1px solid #F0F0F0;
    margin-top: 10px;
	padding: 5px;
}

.search-results-desktop-table-head {
	background-color: #F0F0F0;
}

.search-item-name-desktop {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 150px;
}

.search-item-image {
	width: 150px;
    height: 150px;
    padding: 0px;
    vertical-align: middle;
    margin-right: 15px;
}
/* --------- END SEARCH RESULTS --------------*/

/*--------------- ITEM PAGE ----------------- */
.item-page-title {
	font-size: 1.8em;
	text-align: center;
}

.item-page-data {
	margin: auto;
	max-width: 200px;
}

.item-page-item-number {
	font-size: 1em;
	color: grey;
}

.item-page-add-to-cart-button {
	width: 100%;
}

.carousel5{
	display:block;
	width: 50%;
	padding-left: 50px;
	padding-right: 50px;
}

.carousel-indicators {
	padding-top: 200px;
  display: block;
}
/*------------- END ITEM PAGE --------------- */

/*-------------------- SHOPPING CART ---------------- */
@media (max-width: 991.98px) {  /* -lg 767.98px */
	.tbl-cart-desktop {
    	display: none;
	}
	.tbl-cart-mobile {
    	display: block;
	}
}

@media (min-width: 992px) {  /* -lg 768px */
	.tbl-cart-desktop {
    	display: block;
	}
	.tbl-cart-mobile {
    	display: none;
	}
}


@media (max-width:576px){
	.navbar-expand-sm .cart-icon-desktop {display: none;}
	.navbar-expand-sm .cart-icon-mobile {display: inline-block;}
}
@media (max-width:768px){
	.navbar-expand-md .cart-icon-desktop {display: none;}
	.navbar-expand-md .cart-icon-mobile {display: inline-block;}
}
@media (max-width:992px){
	.navbar-expand-lg .cart-icon-desktop {display: none;}
	.navbar-expand-lg .cart-icon-mobile {display: inline-block;}
}
@media (max-width:1200px){
	.navbar-expand-xl .cart-icon-desktop {display: none;}
	.navbar-expand-xl .cart-icon-mobile {display: inline-block;}
}

@media (max-width:768px){
	.cart-control button,a{margin:5px 0px !important;}
}

@media (min-width:769px){
	#continue-shopping,#edit-cart{position:absolute;left:15;}
	#cart-checkout {margin-left: 15px;}
}

@media (min-width:320px){.d-xs-none{display:none!important}.d-xs-inline{display:inline!important}.d-xs-inline-block{display:inline-block!important}.d-xs-block{display:block!important}.d-xs-table{display:table!important}.d-xs-table-row{display:table-row!important}.d-xs-table-cell{display:table-cell!important}.d-xs-flex{display:flex!important}.d-xs-inline-flex{display:inline-flex!important}}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}

@media (min-width:320px){.flex-xs-row{flex-direction:row!important}.flex-xs-column{flex-direction:column!important}.flex-xs-row-reverse{flex-direction:row-reverse!important}.flex-xs-column-reverse{flex-direction:column-reverse!important}.flex-xs-wrap{flex-wrap:wrap!important}.flex-xs-nowrap{flex-wrap:nowrap!important}.flex-xs-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xs-fill{flex:1 1 auto!important}.flex-xs-grow-0{flex-grow:0!important}.flex-xs-grow-1{flex-grow:1!important}.flex-xs-shrink-0{flex-shrink:0!important}.flex-xs-shrink-1{flex-shrink:1!important}.justify-content-xs-start{justify-content:flex-start!important}.justify-content-xs-end{justify-content:flex-end!important}.justify-content-xs-center{justify-content:center!important}.justify-content-xs-between{justify-content:space-between!important}.justify-content-xs-around{justify-content:space-around!important}}

@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}}


#shopping-cart {
	/*margin: auto;
	max-width: 1000px;*/
}

#shopping-cart table {
	width: 100%;
	background-color: #F0F0F0;
	border: 1px solid #F0F0F0;
}

#shopping-cart table td {
	background-color: #FFFFFF;
	border: 1px solid #F0F0F0;
}

.cart-head {
	margin-top: 10px;
	margin-bottom: 15px;
}

.cart-title {
	color: #007bff;
	font-size: 25px;
}

.cart-review-title {
	color: #007bff;
	font-size: 20px;
}

.txt-heading {
	color: #211a1a;
	border-bottom: 2px solid #E0E0E0;
	overflow: auto;
}

.cart-item-image {
	width: 100px;
    height: 100px;
    border-radius: 50%;
    border: #E0E0E0 1px solid;
    padding: 0px;
    vertical-align: middle;
    margin-right: 15px;
}

.cart-item-name-desktop {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}

.remove-from-cart-btn-mobile {
	border: none;
	background: none;
	float: right;
}

.remove-from-cart-btn {
	border: none;
	background: none;
}

.tbl {
	display: table;
}

/*--------------- quantity selector and price ----------- */
.cart-quantity-unit-price-block {
	padding-top: 5px;
	padding-bottom: 5px;
}

.cart_change_quantity_button {
	width: 50px;
	background-color: #F0F0F0;
}

.quantity-input {
	max-width: 100px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
}

.cart-item-single-price{
	width: 100%;
    display: table-cell;
    text-align: right;
}
/*------------- end quantity selector and price --------- */

.tbl-cart-desktop .tbl-cart-mobile {
	font-size: 0.9em;
}

.tbl-cart-desktop th, .tbl-cart-mobile th {
	font-weight: normal;
}

.cart-item {
	border: 1px solid #F0F0F0;
	margin-top: 5px;
	padding: 5px;
}

.cart-item-price {
 	width: 100%;
    display: inline-block;
    text-align: right;
	background-color: #F0F0F0;
}

.total-price {
	width: 100%;
    display: table-cell;
    text-align: right;
}

.cart-control {
	margin-top: 15px;
}

.cart-step{width: 100% !important;}.step-number{color: #fff;position:relative;height:24px;margin:0 0 -22px;top:11px;z-index:2;font-size:14px;font-weight: 600;}.step-icon{position:relative;z-index:1;background-color:#fff;fill:#E0E0E0;stroke:#E0E0E0;stroke-width:1}.step-icon>svg{box-shadow:0 0 0 3px #fff;}.step-line{position:relative}.step-line:after,.step-line:before{content:"";position:absolute;right:0;top:50%;margin:-2px 0 0;height:2px;width:100%;background-color:#ddd}.cart-step{float:left;width:20%;text-align:center;z-index:1}
.cart-step-active .step-icon{fill:#fff;stroke:#007bff;stroke-width:1}.cart-step-active .step-line:after{background-color:#007bff}.cart-step-active .step-title{color:#000;font-weight:700}.cart-step-current .step-icon{fill:#007bff}.cart-step-current .step-line:after{right:50%;width:50%}.cart-step.cart-step-current:first-child .step-line:after{width:0}.step-title{color:#585858;padding:0 5px;line-height:1;font-size:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;letter-spacing:.5px;height:1.1em;margin-top:5px}.cart-step:first-child .step-line:after,.cart-step:first-child .step-line:before{width:50%;right:0}.cart-step:last-child .step-line:after,.cart-step:last-child .step-line:before{width:50%;left:0}.cart-step-completed .step-icon {fill:#fff;stroke:#007bff;stroke-width:1;} .cart-step-completed .step-number {color: #007bff;}.cart-step-completed .step-line:after{background-color:#007bff}

#messageBox {
	color: red;
}
/*------------------ END SHOPPING CART -------------- */

/*----------------------- TERMS ----------------------*/
#terms_content {
	margin-left: 10%;
	margin-right: 10%;
}
/*--------------------- END TERMS --------------------*/
/*---------------------- POLICY ----------------------*/
#policy_content {
	margin-left: 10%;
	margin-right: 10%;
}
/*-------------------- END POLICY --------------------*/
/*-------------------- REVOCATION --------------------*/
#revocation_content {
	margin-left: 10%;
	margin-right: 10%;
}
/*------------------ END REVOCATION ------------------*/


/* ----------------- SHIPPING PRICES TABLE ---------- */
.shipping_prices_table {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.shipping_prices_table table, .shipping_prices_table th, .shipping_prices_table td {
	border: 1px solid black;
	border-collapse: collapse;
		
	white-space: nowrap;
}

@media (min-width: 991.98px) {
	.shipping_prices_table table, .shipping_prices_table th, .shipping_prices_table td {padding: 10px; font-size: 16px;}
}
@media (max-width: 992px) {
	.shipping_prices_table table, .shipping_prices_table th, .shipping_prices_table td {padding: 10px; font-size: 16px;}
}
@media (max-width: 768px) { 
	.shipping_prices_table table, .shipping_prices_table th, .shipping_prices_table td {padding: 10px; font-size: 16px;}
}
@media (max-width:576px){
	.shipping_prices_table table, .shipping_prices_table th, .shipping_prices_table td {padding: 5px; font-size: 13px;}
}
@media (max-width:320px){
	.shipping_prices_table table, .shipping_prices_table th, .shipping_prices_table td {padding: 3px; font-size: 8px;}
}
/* --------------- END SHIPPING PRICE TABLE --------------- */

/*--------------------- FOOTER -----------------------*/
footer {
	background-color: #343a40;
}

.reviews-text {
	color: #ce9732
}
.reviews-text:hover {
	color: #9f5d0c;
    text-decoration: none;
}

#newsletter-input {
	height: 35px;
    width: 43%;
	border-radius: 5px;
	border-color: transparent;
	margin-top: 1px;
    margin-right: 5px;
}
#newsletter-text {
	margin-top: 10px;
    font-size: 14;
}
/*-------------------- END FOOTER -------------------*/

/*-------------- COOKIES NOTIFICATION ---------------*/
.cookies_notification {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: white;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	color: #666;
	padding: 15px 0;
	font-size: 13x;
}

.cookies_notification p {
	margin-left: 20px;
	margin-right: 20px;
}

.cookie-accept {
	font-size: 13x;
}

/*------------ END COOKIES NOTIFICATION -------------*/

/* ------------ PAYPAL -------------*/
#paypal-payment-button {
	margin-top: 5px;
}

@media screen and (min-width: 768px) {
	.paypal {
		margin: auto;
    	width: 30%;
    	text-align: center;
	}
}

@media screen and (max-width: 768px) {
  .paypal {
  	width: 100%;
    text-align: center;
  }
}