@charset "utf-8";
	
	*                        {-webkit-box-sizing: border-box;
		                      -moz-box-sizing: border-box; box-sizing: border-box;
						      margin:0;padding:0;                        
		                      font-family: 'Exo', sans-serif;color:#555;                                           }
	
	html, input, textarea    {outline:none;                           
                              -webkit-appearance: none; -moz-appearance: none;appearance: none;                    }
	
	img 					 {display:block;                                                                       }

	a                        {text-decoration:none;margin:0;                                                       }
	a:link                   {text-decoration:none;                                                                }
	a:hover                  {text-decoration:none;                                                                }
	
	body, html               {width: 100%;background:#fff;                                                         }
		
	header, section, 
	footer, aside, nav, 
	main, article, 
	figure                   {display:block;width:100%;                                                            }
	
	.bold                    {font-weight:bold;                                                                    }

	.hide                    {position:fixed;top:-1000;left:-1000;width:1px;visibility:hidden;                     }

	.flexbox_menu			 {display: -webkit-flex;display: flex;justify-content: left;
		                      align-items: bottom;flex-wrap: nowrap;                                               }
	
	.flexbox			     {display: -webkit-flex;display: flex;justify-content: center;
		                      align-items: top;flex-wrap: wrap;align_content: center;                              }

	.hide_desktop            {display:none;                                                                        }	
	.hide_mobile             {display:block;                                                                       }
	
	/* ---------------------------------------------------------------------------------------------------------- */
	
	.header                  {position:fixed;top:0;left:0;width:100%;background:#222;text-align:center;
		                      height:60px;z-index:1000;color:#BBB;transition:all 0.25s;padding:0 0 0 0;            }
	
	.header a                {color:#BBB;transition:all 0.25s;                                                     }
	.header a:hover          {color:#FFF;transition:all 0.25s;                                                     }
	
	.header i                {color:#BBB;transition:all 0.25s;                                                     }
	.header i:hover          {color:#FFF;transition:all 0.25s;                                                     }
	
	.header span             {color:#BBB;                                                                          }

		
	.logo 					 {position:fixed;top:5px;left:30px;                                                    }
		
	.menu_item_mobile        {margin:0;font-size:15px;                                                             }

	.menu                    {position:fixed;font-size:15px;top:15px;right:25px;cursor:pointer;                    }
	.menu i                  {font-size:20px;                                                                      }
	
	.cart                    {position:fixed;top:20px;right:20px;z-index:1001;transition:all 0.3s;
		                      right:50px;color:#BBB;font-size:15px;                                                }
	.cart i                  {font-size:20px;color:#BBB;cursor:pointer;                                            }

	.cart a                  {color:#BBB;transition:all 0.25s;                                                     }
	.cart a:hover            {color:#FFF;transition:all 0.25s;                                                     }
	
	.cart i                  {color:#BBB;transition:all 0.25s;                                                     }
	.cart i:hover            {color:#FFF;transition:all 0.25s;                                                     }

	.spacer_cart             {display:inline-block;width:20px;                                                     }
	
		/*  sidenav  */

	#menu_bars, .sidenav     {transition: all .5s;                                                                 }
	.menu_bars_for_toggle    {transform: rotate(90deg);                                                            }
	
	.sidenav                 {width: 0;                                                                
	                          position: absolute;z-index: 20000;top: 45px;right: 0;
		                      background-color: #FFF;overflow-x: hidden;overflow-y: hidden;color: #555;
		                      padding:20px 0;border-radius: 10px 0 0 10px;
							  box-shadow: rgba(100, 100, 111, 0.2) 2px 2px 2px 2px;                                }

	.close_tag               {margin: 0 0 0 30px;font-size: 20px;cursor:pointer;                                   }
	
	
	.sidenav_for_toggle      {width: 350px;                                                                        }
	.sidenav a:hover         {color: #fff;                                                                         }
	.nav_icons               {color: #ccc;display: inline;                                                         }


	/* ---------------------------------------------------------------------------------------------------------- */

	.full                    {width:100%;margin:50px 0 0 0;                                                        }
 
	
	/* ---------------------------------------------------------------------------------------------------------- */
	
	.container               {width:100%;max-width:400px;background:none;padding:0;                                }
	.container_body          {width:100%;max-width:600px;background:none;padding:0;                                }
	
	
	.instant_pickup          {width:100%;max-width:600px;font-size:15px;margin:auto;                               }
	.instant_pickup img      {width:100%;margin:auto;                                                              }
		
	.feature_image 			 {width:100%;max-width:600px;margin:10px auto 0 auto;border:0px solid #999;
		                      position:relative;                                                                   }
	.feature_image img 		 {width:100%;margin:auto;                                                              }

	.overlay                 {position:absolute;background:none;z-index:100;                                       }
    .overlay img             {background:none;                                                                     }

	
	.order_body              {width:100%;font-size:15px;margin:auto;padding:30px 20px 50px 20px;
						      transition:all 0.5s;background:none;                                                 }
	
	.order_body h1           {font-size:22px;line-height:27px;                                                     }
	.order_body p 			 {font-size:18px;line-height:25px;                                                     }

	.divider                 {width:100%;background:#CCC;height:3px;border-radius:3px;margin:10px 0;               }
		
	
	.order_details_heading   {font-size:20px;background:none;margin:10px 0;                                        }

	
	.qty_input               {width:100px;font-size:20px;padding:5px;text-align:center;margin:5px 10px;
		                      outline:none;border:1px solid #999;border-radius:5px;background:none;
	                          display:inline-block;vertical-align: top;                                            }
	
	.plus_minus              {display:inline-block;font-size:35px;background:none;padding:0;margin:0 20px;
	                          cursor:pointer;vertical-align: top;                                                  }
	

	.size_box                {outline:none;border:1px solid #999;border-radius:5px;flex: 1;
		                      font-size:18px;margin: 5px;padding:4px;cursor:pointer;                               }

	.free_box                {text-align:center;width: 100%;background: #CFC;padding: 20px 10px;
		                      border-radius: 10px;margin: 5px 0 0 0;
		                      box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, 
							  rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;                                        }

	.size_box_free           {outline:none;border:1px solid #999;border-radius:5px;flex: 1;
		                      font-size:15px;margin:3px;padding:2px;cursor:pointer;color: #111;                    }

	.color_box_free          {outline:none;border-radius:5px;border:1px solid #999;flex: 1;
		                      font-size:15px;margin:3px 5px;padding:5px;cursor:pointer;color: #FFF;                }

	.color_box_free_a        {outline:none;border-radius:5px;background: #333;
		                      font-size:15px;margin:0 auto;padding:3px;cursor:pointer;color: #FFF;                 }

	.color_box_free_b        {outline:none;border-radius:5px;background: #B83A4B;
		                      font-size:15px;margin:0 auto;padding:3px;cursor:pointer;color: #FFF;                 }

	.color_box_free_c        {outline:none;border-radius:5px;background: #0076A8;
		                      font-size:15px;margin:0 auto;padding:3px;cursor:pointer;color: #FFF;                 }

	.size_box_price          {font-size:12px;                                                                      }

	.size_box_price_free     {font-size:12px;color: #333;                                                          }
	
	.delivery_box            {width:30%;outline:none;border:1px solid #999;border-radius:5px;
		                      font-size:20px;margin:10px;padding:5px 5px 7px 5px;cursor:pointer;                   }
	
	.details_heading         {width:27%;outline:none;border:none;border-radius:5px;
		                      font-size:17px;margin:0 5px;padding:0;                                               }
	
	.details_box             {width:27%;outline:none;border:1px solid #999;border-radius:5px;
		                      font-size:23px;margin:0 5px;padding:5px 5px 7px 5px;font-weight:bold;                }
	
	.place_button            {width:70%;background:#222;color:#EEE;margin:20px auto 0 auto;font-size:20px;
		                      padding:5px;text-align:center;border-radius:10px;font-weight:normal;cursor:pointer;  }
	
	.description 			 {font-size:18px;margin:0 0 10px 0;                                                    }
	
	.spec_size_box           {width:13%;outline:none;border:1px solid #999;text-align:center;
		                      font-size:13px;margin:1px;padding:2px 1px;                                           }
	
	.specs_box               {padding:0 10px;font-size:15px;                                                       }
	
	.cart_heading            {width:100%;font-size:25px;                                                           }
	.cart_heading i          {font-size:25px;margin:0 10px 0 0;                                                    }
	
	.cart_section 			 {width:100%;font-size:20px;line-height:22px;background:none;                          }
	
	.cart_sub_section        {margin:5px 0 0 0;                                                                    }
	
	
	.register_form           {width:100%;                                                                          }
	
	.input_label             {width:100%;font-size:15px;margin:0;padding:5px 0 0 0;  }

	.register_form input     {width:100%;background:#FFF;font-size:20px;padding:5px 10px;outline:none;
		                      border:1px solid #999;border-radius:5px;                                             }
	
	.register_form select    {width:100%;background:#FFF;font-size:20px;padding:5px 10px;outline:none;
		                      border:1px solid #999;border-radius:5px;                                             }




	
	.pay_option 			 {width:85%;background:gold;margin:10px auto;color:blue;font-size:20px;
				              text-align:center;padding:10px 0;border-radius:10px;cursor:pointer;
		                      font-style:italic;                                                                   }
	
	.button_holder           {text-align:center;                                                                   }
	.button                  {display:inline-block;padding:10px 20px;background:#333;color:#CCC;font-size:20px;
		                      border-radius:10px;text-align:center;margin:10px;
		                      cursor:pointer;transition: 0.3s;                                                     }
	.button i                {color:#CCC;transition: 0.3s;font-size:20px;                                          }
	.button i:hover 		 {color: #fff;                                                                         }
	.button:hover            {color: #fff;                                                                         }


	.button_mini             {background:#333;color:#DDD;padding:2px 5px;border-radius:5px;margin:0 auto;
		                      text-align:center;font-weight:bold;font-size:13px;display:inline-block;              }
	.button_mini i 			 {font-size:13px;color:#DDD;margin:0;                                                  }
	.button_mini a           {color:#BBB;transition:all 0.25s;                                                     }
	.button_mini a:hover     {color:#FFF;transition:all 0.25s;                                                     }

	
	.call_in                 {text-align:center;width:100%;margin:auto;font-size:20px;                             }

	.garm_image_box          {width:40px;height:40px;outline:none;border:none;border-radius:50%;color:white;
		                      font-size:14px;margin:5px;padding:8px 0 0 5px;cursor:pointer;                        }

	.garm_image_box i        {font-size:25px;                                                                      }

	
	
	/* ---------------------------------------------------------------------------------------------------------- */
	
	
	footer                   {width:100%;background:#222;color:#DDD;text-align:center;
		                      padding:60px 20px;margin:15px 0 0 0;                                                 }

	footer h2      			 {font-size:20px;color:#DDD;                                                           }
	footer p       			 {font-size:15px;color:#DDD;                                                           }
	
	/* ---------------------------------------------------------------------------------------------------------- */
	
	.center                  {text-align:center;                                                                   }
	.right                   {text-align:right;                                                                    }
	
	
	
/* --------------------------------------------------------------------------------------------------------------- */	
	
	
@media only screen and (max-width: 810px) {
			
	.hide_desktop            {display:block;                                                                       }
	.hide_mobile             {display:none;                                                                        }
	
	.header                  {height: 50px;padding: 0 0 0 0;position: fixed;top: 0;                                }	
	
	.sidenav                 {width: 0;                                                                
	                          position: fixed;z-index: 20000;top: 45px;right: 0;max-height: 550px;
		                      background-color: #FFF;overflow-x: hidden;overflow-y: auto;color: #555;
		                      padding:20px 0;border-radius: 10px 0 0 10px;
							  box-shadow: rgba(100, 100, 111, 0.2) 2px 2px 2px 2px;                                }
	
	.sidenav_for_toggle      {width: 325px;                                                                        }
	
	.menu                    {position:absolute;font-size:15px;top:15px;right:15px;cursor:pointer;                 }
	.menu i                  {font-size:20px;                                                                      }
	
	
	.logo 					 {top:3px;left:15px;                                                                   }
	.logo img                {width:45px;                                                                          }
	
	
	.cart 					 {top: 15px;right: 60px;                                                               }
	
	
	.feature_image           {margin: auto;width: 100%;                                                             }

	.cart 					 {right:60px;                                                                          }
	
}
	
/* --------------------------------------------------------------------------------------------------------------- */