body {
		background-color:#FFFFFF;
		color:#000000;
		font-family:Varta;
		font-size:16px;
	}
	
	a , a:not([href]){
		color:#007CCA !important;
		font-style:italic;
		text-decoration:none;
		
	}
	
	a:hover, a:not([href]):hover,  a:active, a:not([href]):active, a:focus, a:not([href]):focus, .category.active {
		 
		color:hsl(203,100%,45%) !important;
		text-decoration:none;
	}
	
	.modal-dialog {
	
	border:#007CCA 1px solid !important;
	}		

		
	.modal-header {
	
	background-color:#FFFFFF !important;
	}
	.modal-title {
	color: #007CCA !important; 
}
	.modal-body {
	color: #000000 !important; 
	background-color:#FFFFFF !important;
}

	
	@media (min-width: 576px) {
.modal-dialog {
    max-width: 650px !important;
	
}
	}
	
	button:focus{
		outline:none;
	}
		
		
	.btn-primary {
	background-color:#FFFFFF; 
	border-color:#007CCA; 
	color: #007CCA;
}
.btn-primary:hover,  .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {

	border-color:#FFFFFF;     
	background-color:#007CCA;  
	    -webkit-text-stroke-width: 0px;
	box-shadow:none;
	color: #FFFFFF;
}

	 .btn-primary:focus , .btn-primary:active{
	background-color:#FFFFFF; 
	/border:none;
	color: #007CCA;
	box-shadow:none;
	//outline:# FFFFFF!important;
}

.btn-primary:disabled {
    color: #fff;
    background-color: #999;
    border-color: #ccc;
}


	.btn-outline-primary {
	border-color:#FFFFFF; 
	background-color:#007CCA; 
	color: #FFFFFF;
}
.btn-outline-primary:hover,  .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {

	background-color:#FFFFFF;     
	border-color:#007CCA;  
	    -webkit-text-stroke-width: 0px;
	box-shadow:none;
	color: #007CCA; 
}

	 .btn-outline-primary:focus , .btn-primary:active{
	background-color:#FFFFFF; 
	/border:none;
	color: #007CCA;
	box-shadow:none;
	//outline:# FFFFFF!important;
}

.btn-outline-primary:disabled {
    color: #fff;
    background-color: #999;
    border-color: #ccc;
}



.marquee {
    width: 100%;
   
       white-space: nowrap;
    overflow: hidden;
   
}
.marquee div {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 60s linear infinite;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

	
	.hoverable{
		cursor:pointer;
	}
	
	#menu_bar {
		background-color:#FFFFFF;
	}
	
	
	.spacer {
		height:10px;
		background-color:#FFFFFF;
	}
	
	.banner {
		
		background-color:#FFFFFF;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	
	 .top_menu {
		background-color:#FFFFFF;
		min-height:50px;
		font-weight:bold;
		font-size:17px;
		color:#007CCA !important;
	}
	
		 .navbar-toggler, .navbar-toggler-xs 	{
		 color:#007CCA !important; 
		 background-color:transparent;
		 border:none;
	}

	
	
	 .dropmenu {
				background-color:rgba(255, 255,255, 0.95); 
		color: #007CCA !important; 

		border-radius: 10px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		right: 10px;
		top: 50px;
		border-top: none;
		margin-bottom: 0px;
		min-width: 200px;
		
	
	
	}
	@media (max-width: 992px) {
	.dropmenu {
		position: absolute !important; 
		border: #007CCA 1px solid;
			border-top:0px;
								
		
	}
	
	
	
	
	}
	
	
	.top_gap {
	height:70px;
	}		


	.PleaseWait{
		
		width:100vw; 
		height:100vh; 
		position:fixed;
		z-index:10000; 
		background-color:rgba(0, 0,0,0.70);
		text-align:center;
		font-size:20px;
		vertical-align:middle;
		
		
		
	}
	
	.menu_dropdown {
		position:relative !important;
		background-color: transparent ;
		border: #007CCA 1px solid;
		padding:0px !important;
		padding-left:20px !important;
		padding-bottom:10px;
		margin:0 !important;
		width:100%;
	}
	
		@media (min-width: 992px) {
	.menu_dropdown {
		
		position: absolute !important; 
						background-color:rgba(255, 255,255, 0.85); 
		color: #007CCA !important; 
		border-radius: 10px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		right: 5px;
		top: 50px;
		border-top: none;
		margin-bottom: 0px;
		min-width: 200px;
		max-width:300px !important;
	}
	
		
	
	}
	
	
		.dropdown-menu[data-bs-popper] {
		
		left:-30px;
	}
	
	
	

	
	.showcart[data-bs-popper] {
		
		left:unset;
		right:5px;
		
			
			
			
			
	
	}
	
	
	.showcart {
		
		padding: .5rem 1rem;
			border: #FFFFFF 1px solid;
			border-top:0px;
			background-color:#FFFFFF;
	color: #000000 !important;
	width:350px;
	
	}
		
		
		
		.minicart {
			
		max-height:150px; 
		overflow-y:scroll; 
		overflow-x:hidden; 
		
		}
		
	@media (min-height: 730px) {
				.minicart {
			
		max-height:45vh; 

		
		}
		
	} 
	
		
		
	
	
	
	.main_body{
		
		background-color:#FFFFFF;
		color: #000000 ; 
		
	}
	
	
		.main_body a:hover, .main_body a:not([href]):hover,  .main_body a:active, .main_body a:not([href]):active, .main_body a:focus, .main_body a:not([href]):focus
	{
		 
		color:hsl(203,100%,35%) !important;
		text-decoration:none;
	}
	
	
		.main_body a , .main_body a:not([href]), .modal-body a , .modal-body a:not([href]){
		color:#007CCA !important;
		font-style:italic;
		cursor:pointer;
		
	}
	

			.modal-body a:hover, .modal-body a:not([href]):hover,  .modal-body a:active, .modal-body a:not([href]):active, .modal-body a:focus, .modal-body a:not([href]):focus
	{
		 
		color:hsl(203,100%,35%) !important;
		text-decoration:none;
	}
	
	
	
	
	
	.footer {
		
				background-color:#FFFFFF;
		min-height:50px;
	
		font-size:17px;
		color:#007CCA !important;
	}
	
	
	
	/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  		 		 
		background-color:hsl(134,61%,55%);
  -webkit-transition: .4s;
  transition: .4s;
}

.move_up {
	color:hsl(134,61%,55%);
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
    		 		 
		background-color:hsl(5,82%,55%);
}

.move_down {
	color:hsl(5,82%,55%);
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}



/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}


 .grid-item-width2 {
	 width: 66% !important;



 }
  .grid-item-width3 {
	 width: 100% !important;
 }
.grid-sizer,
.grid-item { width: 33%;
padding:10px;
padding-left:40px;
padding-right:40px;
 }
 


.grid-item {
  float: left;
 
}

	@media (max-width: 767px) {
.grid-sizer,
.grid-item { width: 100%;
padding-left:10px;
padding-right:10px;
 }
 
  .grid-item-width2 {
	 width: 100% !important;



 }
  .grid-item-width3 {
	 width: 100% !important;
 }

	}
	
		.art_selected {
		border:4px outset #ccc;
		background-color: #dbffe7;
		box-shadow: 8px 8px rgba(0,0,0,.15);
		
		
	}
	
	
			.art_not_selected {
		border:4px inset #ccc ;
		background-color: #f1f1f1;
		box-shadow: -8px -8px rgba(0,0,0,.15);
		
		
	}
	
	.sticky_menu{
		  position: sticky;
		 
		top: 78px;
		z-index:1000;
		background-color:#FFFFFF;
		
	}
	
	@media (max-width: 994px) {
		
		.sticky_menu{
			  position: relative;
		
	
	}
	}
	
		
	
	.relative{
		position: relative;
	}

	.fixed_cart{
	  position: sticky;
	  position: -webkit-sticky;
	  top: 100px; /* required */
	}
	
	.loading_overlay {
		
		
		 width: 100%;
        height: 100%;            
        position: absolute;
        top: 0;
        left: 0;
		background-color:white;
        opacity: 0.9; 
		display:none;
	
		
	}