@import url("fontawesome-all.min.css");
 @charset "utf-8";
/* CSS Document */
 :root {
    /* Units */
     --xs: 4px;
     --sm: 8px;
     --md: 16px;
     --lg: 24px;
     --xl: 32px;
     --xxl: 40px;
     --f-md: var(--md);
     --f-lg: var(--lg);
     --f-xl: var(--xl);
     --ff-heading: 'cardoregular';
     --r-xs: var(--xs);
    /* Colors */
     --color-white: #FFFFFF;
     --color-off-white: #ebebeb;
     --color-secondry: #999999;
     --color-tertiary: #333333;
    /* BG */
     --color-bg-secondry: #0066ff;
     --color-bg-thrtiary: #339093;
    /* Margin */
     --m-sm: var(--sm);
     --m-md: var(--md);
     --m-lg: var(--lg);
    /* Padding */
     --p-md: var(--md);
     --p-lg: var(--lg);
     --p-xl: var(--xl);
    /* Box shadow */
     --box-md: 0px 0px 5px 5px rgba(0,0,0,0.15);
}

 html, body {
     line-height:1.5;
     color: #FFF;
     background-color: #000;
     font-family: "Source Sans Pro", sans-serif;
}
 .loader {
     position: fixed;
     left: 0px;
     top: 0px;
     height: 100%;
     width: 100%;
     z-index: 9999;
     background: #000;
     background-image: url("../../img2/loader.gif");
     background-position: center center;
     background-repeat: no-repeat;
}
 .show-mobile {
     display: block;
}
 .show-desktop {
     display: none;
}
 .show-tablet {
     display: none;
}

 .container, .container-fluid {
     position: relative;
     z-index: 10;
}
 img {
     width:100%;
     height: auto;
}



 h6, h4 {
     font-size: 32px;
}


p a {
	color: #f6c354;
}

p.small-text {
	font-size:13px;
}

._content h2 {
	font-size:24px;
}

._content p {
	font-size: 16px;
}
._content ul li,
._content ol li {
	font-size:16px;
	margin: 0 0 24px 0;
}


		/* Modal Styles */
		.modal {
			display: none;
			position: fixed;
			z-index: 10000;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			background-color: #000;
		}

		.modal-content {
			margin: 15% auto;
			padding: 20px 40px;
			border: 1px solid #888;
			width: 300px;
			text-align: center;
			background-color: #000;
		}

.modal img,
.modal h2,
.modal button,
.modal p ,
.modal .btn {
	margin-bottom: 24px;
}

.modal .btn {
	font-size: 28px;
	padding: 0 20px;
}

.modal p.small-text {
	margin-bottom: 0;
}



 .image-container {
     position: relative;
     margin: 0 0 16px 0;
}
 .carousel .image-container {
     overflow: hidden;
}
 .image-container img{
     transition: 1s ease;
     z-index: 1;
}


 



 .text-center-swap-left {
     text-align: center;
}
 .text-center-swap-right {
     text-align: center;
     position: relative;
     z-index: 100;
}
 ._pos-left{
     position: relative;
     left: 0;
     width: auto;
     z-index: 0;
}


 ._shop {
     position: relative;
     z-index: 0;
     width:100%;
     background-repeat: repeat-y;
     background-image: url("../../img3/main-bg.jpg");
     background-size:100%;
     padding: 0 15px 80px 15px ;
}

 ._shop .row {
     position: relative;
     z-index: 1;
}
 ._shop ._mt-xl {
     margin: 40px 0 0 0;
}


.notifications-cart {
	 margin:0 0 40px 0;
	background-color: rgb(246 195 84 / 54%);
	padding: 10px 20px;
	border-radius: 4px;
}
.notifications-cart h5{
	font-size:16px;
	margin:0 0 5px 0!important;
	color:#FFF;
}
.notifications-cart p{
	font-size:13px;
	margin:0;
	color:#FFF;
}


/
 

 #no-voucher,  #cta form {
     display: block;
     text-align: center;
}


 #cta form{
     justify-content: center;
	 	padding: 0 40px;
    flex-direction: column;
}


 #cta input[type="email"],  #cta input[type="text"] {
    font-size: 16px;
    padding: 8px 16px;
    border: none;
    color: #000;
    outline: none;
    margin: 0 0 10px 0!important;
    border-radius: 5px;
    text-align: left;
}

}
 ._contact-form textarea, ._contact-form input[type="text"], ._contact-form input[type="email"]{
     width:100%;
     margin: 0 0 32px 0;
}
 ._contact-form label {
     font-size: 24px;
     margin: 0 0 32px 0;
}


 #product button:hover, #cta button:hover, .button:hover, .modal button:hover {
     background-color: #f6c354;
}
 #cta input[type="submit"]:hover {
     background-color: #f6c354;
}

 ._order table tr, .checkout table tr {
     border-bottom: solid 1px #333;
}
 ._order table th, .checkout table th{
     padding: 16px 0;
}
 ._order table td, .checkout table td{
     padding : 16px 0;
}
 .checkout table img {
     max-width: 200px;
}


 ._order-note {
     font-size: 12px;
     color: #999;
}
.delivery > p { margin:0; font-size: 16px; }
 .videoBgWrapper {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     overflow: hidden;
     z-index: 0;
}
 .videoBg{
     position: absolute;
     top: 0;
     left: 0;
     width: auto;
     height: 100%;
}

@media (min-width: 768px) {
#cta form {
    flex-direction: row;
}	
	
#cta input[type="email"],  #cta input[type="text"]{
	margin: 0 8px!important;
}	
}


/*
 .carousel-container {
     position: relative;
     z-index: 0;
}
 .carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start {
     transform: translateX(0);
}
 .carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
     display: flex;
}
*/
/* medium and up screens */
 @media (min-width: 768px) {
	 
	      .show-tablet {
         		display: block;
    		} 
	 
	 	      .show-mobile {
         		display: none;
    		} 
	 

	 
	 
	 /*
     .carousel-inner .carousel-item > div {
         display: none;
    }
     .carousel-inner .carousel-item > div:first-child {
         display: block;
    }
     .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next {
         transform: translateX(25%);
    }
     .carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev {
         transform: translateX(-25%);
    }
	 */

     ._mt-x {
         margin-top:120px 
    }
     ._mt-xl {
         margin-top:240px 
    }
     h1, h2, h3, h4, h6, p {
         margin: 0 0 64px 0;
    }
     #header .col-12 {
         position: relative;
         width: 100%;
         top:0;
         left:0;
    }
     header .logo {
         max-width: 200px;
         position: relative;
         top: 10px;
         left: 0;
    }
     .navbar {
         top:-10px 
    }
   
     .text-center-swap-left {
         text-align: left;
    }
     .text-center-swap-right {
         text-align: right;
    }
     ._pos-left{
         position: absolute;
         left: -25%;
         width: 600px;
         z-index: 0;
    }
	 
	 /*
     .carousel-control-prev {
         left: -120px;
    }
     .carousel-control-next {
         right: -120px;
    }
	 */




     ._shop {
         position: relative;
         z-index: 0;
         width:100%;
         background-repeat: repeat-y;
         background-image: url("../../img3/main-bg.jpg");
         background-size:100%;
/*         padding: 240px 15px 100px 15px;*/
    }
     ._shop ._mt-xl {
         margin: 240px 0 0 0;
    }



     ._contact-form textarea, ._contact-form input[type="text"], ._contact-form input[type="email"]{
         width:100%;
         margin: 0 0 32px 0;
    }


     .videoBg{
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: auto;
    }
	 

}
 @media (min-width: 992px) {
	     .show-mobile {
         display: none;
    }
	 
	 	      .show-tablet {
         		display: none;
    		} 

     .show-desktop {
         display: block;
    } 

     header {
         position: absolute;
         z-index: 100;
         top: 0;
         width: 100%;
         padding: 16px 32px;
    }
     header .logo {
         max-width: 200px;
         position: relative;
         top: 0;
    }

    
	 
     .text-center-swap-left {
         text-align: center;
    }
     .text-center-swap-right {
         text-align: center;
    }
     ._pos-left{
         position: relative;
         left: 0;
         width: 50%;
         z-index: 0;
		 top: -50px;
    }


	
	 ._shop .image img {
		 width:75%;
	 }

}	
	 

 @media (min-width: 1200px) {
	 
	 ._shop .image img {
		 width:100%;
	 }
	 
}

 @media (min-width: 1400px) {
    

}
 @media (min-width: 1600px) {
}




@media screen and (min-width: 992px) {
  .carousel-inner {
    display: flex;
  }
  .carousel-item {
    display: block;
    margin-right: 0;
    flex: 0 0 calc(100% / 3);
  }

}

.out-of-stock {
	padding: 10px;
	background: rgba(000,000,000, .5);
	border-radius: 5px;
	margin-bottom: 32px;
	text-align: center;
}

.out-of-stock h4 {
	font-size: 20px;
	margin-bottom: 16px;
}

.out-of-stock h4:last-child {
	margin-bottom: 0px;
}


.out-of-stock p {
	margin-bottom: 16px;
	display: flex;
	justify-content: center;
}

.out-of-stock .notify{
    font-size: 16px;
    padding: 8px 16px;
    border: none;
    color: #000;
    outline: none;
    margin: 0 4px 10px 4px!important;
    border-radius: 5px;
    text-align: left;
	width: 50%;
}

/* Jan Sale */

.jansale-desktop  {
	position: absolute;
    width: 200px;
    left: 15px;
    top: -500px;	
}



@media (min-width: 768px) {
	.jansale {
		display:none;
	}
	
	.jansale-desktop {
		position: relative;
		left:0;
		top:0;
		display:block;
		width: 60%;
		margin: auto;
		margin-bottom: 30px;
	}
}

 @media (min-width: 1200px) {
	.jansale-desktop {
		width: 40%;
	}
}

 @media (min-width: 1400px) {
	.jansale-desktop {
		width: 60%;
	}
}

/*
.carousel-control-prev,
.carousel-control-next {
  width: 6vh;
  height: 6vh;
  background-color: #e1e1e1;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
  opacity: 0.8;
}
*/

/* Cart override */

.css-18oyri8-StyledLabel-labelStyles {
	color: #ffffff;
}