@charset "utf-8";
/* CSS Document */

body {
	background-color:#eef614;
    margin:0; padding:0;
	overflow-x:hidden;
	}

img {
    max-width: 100%;
    height: auto;
	border:0;
	-ms-interpolation-mode: bicubic;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
	
div#content_contain {
	width:100%;
	/*max-width:1170px;*/
	height:auto;
	float:left;
	margin:0 auto;
	background-color: #ffffff;
	background-repeat: repeat;
	}	
	
#content_wrap{
	background-color: #ffffff;
	background-repeat:repeat;
	width:100%;
	height:auto;
	float:left;
	margin:0 auto;
	padding:0;
	}

#top_contain {
	width:100%;
	height:auto;
	margin:0 auto;
	}
	
#top_banner {
	background-color: #eef614;
	height:auto;
	width:100%;
	padding:2px;
	}
	
#top_wrap{
	background-color: white;
	width:100%;
	height:auto;
	float:left;
	margin:0 auto;
	padding:0;
	position:fixed;
	z-index: 9000;
	top:0px;
	}	

#top_head {
	width:100%;
	height:auto;
	margin:0;
	float:left; 
}

#logo {
	height:auto;
	margin:0 auto;
	float:left;
	width: 100%;
	text-align:center;
	padding:0px;
}

#top_nav {
	height: auto;
    margin: 0 auto;
    float: left;
    width: 100%;
    text-align: center;
	border-bottom:1px #eeeeee solid;
}

/*animation*/
#animation_wrap {
	width:100%;
	height:auto;
	float:left;
	margin:0 auto;
	padding:0px;
	background-color:transparent;
	overflow:hidden;
	position: absolute;
	top:40%;
	z-index:9999;
	pointer-events:none;
	}
	
#animation_contain {
	width:100%;
	height:auto;
	float:left;
	position: relative;
	pointer-events:none;
	}
	
/*first car*/

.car{
  margin: 0 auto;
  position: relative;
  width: 400px;
  animation: moving 10s linear -2s infinite;
  z-index:9999;
  animation-iteration-count:1;
   animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
}
.car:before {
  content:"";
  display:block;
  animation: carmove 3.1s infinite linear;
  background: url('../images/car.png') center/cover;
  padding-top:45.25%;
  z-index:9999;
  animation-iteration-count:1;
   animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
}

.weel{
  animation: wheel 10s infinite -2s linear;
  background: url('../images/wheel1.png') center/cover;
  position: absolute;
  bottom:0.8%;
  width: 14.15%;
  z-index:9999;
  animation-iteration-count:1;
   animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
}
.weel:before {
   content:"";
   display:block;
   padding-top:100%;
   z-index:9999;
   animation-iteration-count:1;
   animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
}
.weel1{left: 29.5%;}
.weel2{right: 22%;}

/*animations*/
@keyframes carmove{
  0%{transform: translateY(0px);}
  25%{transform: translateY(1px)}
  29%{transform: translateY(2px)}
  33%{transform: translateY(3px)}
  47%{transform: translateY(0px)}
  58%{transform: translateY(1px)}
  62%{transform: translateY(2px)}
  66%{transform: translateY(3px)}
  75%{transform: translateY(1px)}
  100%{transform: translateY(0px)}
}

@keyframes wheel{
 0%{
   transform: rotate(0deg)
  }
  35% {
    transform: rotate(920deg)
  }
  36%,
  56% {
    transform: rotate(920deg)
  }
 100%{
   transform: rotate(1440deg)
  }
}

@keyframes moving {
  0% {
    /*left: -180em; top:400px;*/
	left: -300em; top:-350px;
    animation-timing-function: ease-out;
  }
  35% {
    left: 0; top:0px;
  }
  36%,
  56% {
    left: 0; top:0px;
    animation-timing-function: ease-in;
  }
  100% {
    left: 100%; top:0px;
  }
}

/*second car*/

.car2{
  margin: 0 auto;
  position: relative;
  width: 400px;
  animation: moving2 10s linear -2s infinite;
  animation-delay: 8s;
  z-index:9999;
  animation-iteration-count:1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.car2:before {
  content:"";
  display:block;
  animation: carmove2 3.1s infinite linear;
  background: url('../images/car2.png') center/cover;
  padding-top:45.25%;
  z-index:9999;
  animation-iteration-count:1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.wheel{
  animation: wheel2 10s infinite -2s linear;
  animation-delay: 8s;
  background: url('../images/wheel2.png') center/cover;
  position: absolute;
  bottom:0.8%;
  width: 14.15%;
  z-index:9999;
  animation-iteration-count:1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.wheel:before {
   content:"";
   display:block;
   padding-top:100%;
   z-index:9999;
   animation-iteration-count:1;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
.wheel1{left: 30%;}
.wheel2{right: 21.5%;}

/*animations*/
@keyframes carmove2{
  0%{transform: translateY(0px);}
  25%{transform: translateY(1px)}
  29%{transform: translateY(2px)}
  33%{transform: translateY(3px)}
  47%{transform: translateY(0px)}
  58%{transform: translateY(1px)}
  62%{transform: translateY(2px)}
  66%{transform: translateY(3px)}
  75%{transform: translateY(1px)}
  100%{transform: translateY(0px)}
}

@keyframes wheel2{
 0%{
   transform: rotate(0deg)
  }
  35% {
    transform: rotate(-920deg)
  }
  36%,
  56% {
    transform: rotate(-920deg)
  }
 100%{
   transform: rotate(-1440deg)
  }
}

@keyframes moving2 {
  0% {
    right: -180em; top:0px;
    animation-timing-function: ease-out;
  }
  35% {
    right: 0; top:0px;
  }
  36%,
  56% {
    right: 0; top:0px;
    animation-timing-function: ease-in;
  }
  100% {
    right: 120%; top:0px;
  }
}



/* Minimum width of 1076 pixels. */
@media screen and (min-width: 1076px) {
#social {
	width:auto;
	}
	
#cart {
	width:auto;
	height:60px;
	margin:13px 0px 0px 0px; 
	float:right;
	position:fixed;
	top: 0;
	right: 10%;
	z-index: 99999;
	}	

/* Shopping Cart
----------------------------------------------- */

/*.cart-button {
vertical-align: middle;
margin: 5px 0px 0px 0px;
}*/

.cart-button .fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 23px;
	height:auto;
	text-rendering: auto;
	color: #000000;
	background:transparent !important;
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
}

.cart-button, .cart-button a {
bottom: 10px;
vertical-align: middle;
margin: 5px 0px 0px 0px;
}

.cart-button .fa:hover, .cart-button .fa a:hover {
color: #46a5f7 !important;
text-decoration:none;
}

#footinfo {
	width:100%;
	height:auto;
	margin:0px;
	float:left;
	text-align: center;
	padding: 5px 0px 5px 0px;
	}	
	
#copyright {
	width:100%;
	height:auto;
	margin:0px;
	margin-bottom:5px;
	float:left;
	text-align: center;
	padding: 0px 0px 10px 0px;
	}	
	
#payment {
	width:100%;
	height:auto;
	margin:0px;
	margin-bottom:5px;
	float:left;
	text-align: center;
	padding: 0px 0px 10px 0px;
	}	
}

/* Maximum width of 399 pixels. */
@media screen and (max-width: 399px) {
/* FP Boxes Mobile*/
.fpbox {
  width: 100%;
  height: auto;
  margin-top:20px;
}

.mpad {
	margin-bottom:20px;
	}

#box_three {
	background-image: url(../images/box-3-bg.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
}	
}

/* Maximum width of 475 pixels. */
@media screen and (max-width: 475px) {
body {
	background-color:#ffffff;
    margin:0; padding:0;
	overflow-x:hidden!important;
	}	
	
a img {
  border-width: 0;
}

a img:hover {
	opacity: 1!important;
	filter: alpha (opacity=100)!important; /* for IE8 and earlier */
}
	
#logo img {
    min-width: 400px;
    height: auto;
	border:0!important;
	display: block; /*gets rid of space that is auto at bottom of image since it appears inline and even with a b c etc the space is for decenders like j g etc*/
	padding:0!important;
}		
	
}	

/* Maximum width of 1075 pixels. */
@media screen and (max-width: 1075px) {
#social {
	position:fixed;
	bottom:0;
	width:100%;
	height:auto;
	margin: 0 auto;
	background-color:#7ad6d3;
	border-top: 3px dashed #fdd9d2;
	text-align:center;
	z-index: 800;
	}
	
#slide_contain {
	padding-top:225px!important;
	}	

/* Shopping Cart Mobile
----------------------------------------------- */

/*.cart-button {
vertical-align: middle;
margin: 5px 0px 0px 0px;
}*/

.cart-button .fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 20px;
	height:auto;
	text-rendering: auto;
	color: #f45334;
	background:transparent !important;
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
}

.cart-button, .cart-button a {
bottom: 10px;
vertical-align: middle;
margin: 5px 0px 0px 0px;
}

.cart-button .fa:hover, .cart-button .fa a:hover {
color: #000000 !important;
text-decoration:none;
}
	
	
#cart {
	width:auto;
	height:auto;
	margin:0px 0px 0px 0px; 
	float:right;
	position:fixed;
	top: 0px;
	right: 5px;
	z-index: 500;
	}	
	
#top_nav {
	width:auto;
	height:60px;
	margin:15px 0px 0px 0px; 
	float:left;
	position:fixed;
	top: 35px;
	left: 0px;
	z-index: 99980;
	border-bottom:none;
	}	
	
#top_nav .nav-btn {
	text-indent: 10px;
	}
	
#top_head {
	border-bottom:1px #eeeeee solid;
}

#logo img {
    max-width: 70%;
    height: auto;
	border:0;
	display:block; /*gets rid of space that is auto at bottom of image since it appears inline and even with a b c etc the space is for decenders like j g etc*/
	padding:0 15% 0 15%;
}						

#footinfo {
	width:100%;
	height:auto;
	margin:0px;
	float:left;
	text-align: center;
	padding: 20px 0px 5px 0px;
}	
	
#copyright {
	width:100%;
	height:auto;
	margin:0px;
	margin-bottom:50px;
	float:left;
	text-align: center;
	padding: 0px 0px 10px 0px;
}	
#payment {
	width:100%;
	height:auto;
	margin:0px;
	margin-bottom:5px;
	float:left;
	text-align: center;
	padding: 0px 0px 10px 0px;
}	
}
	
#logo {
	height:auto;
	margin:0 auto;
	float:left;
	width: 100%;
	text-align:center;
	background: url("../images/logo-background.png");
	background-repeat: repeat-x;
	padding:0px;
}

#nav_bar {
	width:auto;
	height:54px;
	margin:0;
	float:left;
	padding:0px;
}

.slide_wrap {
	width:100%;
	height:auto;
	float:left;
	margin:0 auto;
	padding:0px;
	background-color:#ffffff;
	}

#slide_contain {
	width:70%;
	margin:0 auto;
	padding-top:360px;
	/*padding:0px 0px 0px 140px;*/
	}	
	
#slide {
	width:100%;
	max-width:1170px!important;
	height:auto;
	margin:0 auto;
	padding: 0px 0px 0px 0px!important;
}

.newsletter_wrap {
	background-color:#eef614;
	width:100%;
	height:auto;
	float:left;
	margin:0 auto;
	padding:0px;
	border-top: 20px solid;
    border-image: repeating-linear-gradient(45deg,#f45334,#f45334 10px,#ffffff 10px,#ffffff 20px,#46a5f7 20px,#46a5f7 30px,#ffffff 30px,#ffffff 40px) 20;
	border-right:0px;
	border-left:0px;
	border-bottom:0px;
	}
	
#newsletter_contain {
	width:80%!important;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}
	
#newsletter_img {
	width:100%;
	max-width:500px!important;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}		

.new_wrap {
	background-color:#ffffff;
	width:100%;
	height:auto;
	float:left;
	margin:0 auto;
	padding:0px;
	}
	
#new_contain {
	width:50%!important;
	margin:0 auto;
	padding:10px 0px 10px 0px!important;
	}
	
#new_img {
	width:100%;
	max-width:1170px!important;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}
	
#new_img_mobile {
	display:none;
	}
	
.bot_wrap {
	border-top: 1px solid #ececec;
	border-bottom: none;
	background-color:#ffffff;
	width:100%;
	height:auto;
	float:left;
	margin:0 auto;
	padding:20px 0px 20px 0px;
	}
	
#bot_contain {
	width:100%!important;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}		
	
.item_wrap {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	background-color:#ffffff;
	width:100%;
	height:auto;
	float:left;
	margin:0 auto;
	padding:20px 0px 20px 0px;
	}
	
.item_contain {
	max-width:1170px!important;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}	
	
#itemtwo_contain {
	max-width:1500px!important;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}		
	
.bot_wrap {
	border-top: 1px solid #ececec;
	border-bottom: none;
	background-color:#ffffff;
	width:100%;
	height:auto;
	float:left;
	margin:0 auto;
	padding:0px;
	}
	
#bot_contain {
	width:100%!important;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}	
	
#bot_contain_insta {
	width:100%!important;
	max-width:1170px!important;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}	

#footer_contain {
	width:100%;
	height:auto;
	margin:0 auto;
	}
	
#footer_wrap {
	background-color:#eef614;
	width:100%;
	height:auto;
	float:left;
	margin:0 auto;
	}	

#footer {
	width:100%;
	max-width: 1170px;
	height:auto;
	margin:0 auto;
}

/* Maximum width of 730 pixels. */
@media screen and (max-width: 730px) {	
#footer_newsletter {
	width:96%;
	height:auto;
	margin:2%;
	text-align:center;
	padding:10px 0px 0px 0px;
	border:none;
	}	
	
#footer_newsletter_wrap {
	background-color:#eef614;
	}
/*first car*/

.car{
  margin: 0 auto;
  position: relative;
  width: 250px;
  animation: moving 10s linear -2s infinite;
  z-index:9999;
  animation-iteration-count:1;
   animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
}
.car:before {
  content:"";
  display:block;
  animation: carmove 3.1s infinite linear;
  background: url('../images/car.png') center/cover;
  padding-top:45.25%;
  z-index:9999;
  animation-iteration-count:1;
   animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
}

.weel{
  animation: wheel 10s infinite -2s linear;
  background: url('../images/wheel1.png') center/cover;
  position: absolute;
  bottom:0.8%;
  width: 14.15%;
  z-index:9999;
  animation-iteration-count:1;
   animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
}
.weel:before {
   content:"";
   display:block;
   padding-top:100%;
   z-index:9999;
   animation-iteration-count:1;
   animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
}
.weel1{left: 29.5%;}
.weel2{right: 22%;}

/*animations*/
@keyframes carmove{
  0%{transform: translateY(0px);}
  25%{transform: translateY(1px)}
  29%{transform: translateY(2px)}
  33%{transform: translateY(3px)}
  47%{transform: translateY(0px)}
  58%{transform: translateY(1px)}
  62%{transform: translateY(2px)}
  66%{transform: translateY(3px)}
  75%{transform: translateY(1px)}
  100%{transform: translateY(0px)}
}

@keyframes wheel{
 0%{
   transform: rotate(0deg)
  }
  35% {
    transform: rotate(920deg)
  }
  36%,
  56% {
    transform: rotate(920deg)
  }
 100%{
   transform: rotate(1440deg)
  }
}

@keyframes moving {
  0% {
	left: -300em; top:0px;
    animation-timing-function: ease-out;
  }
  35% {
    left: 0; top:0px;
  }
  36%,
  56% {
    left: 0; top:0px;
    animation-timing-function: ease-in;
  }
  100% {
    left: 120%; top:0px;
  }
}


/*second car*/

.car2{
  margin: 0 auto;
  position: relative;
  width: 250px;
  animation: moving2 10s linear -2s infinite;
  animation-delay: 8s;
  z-index:9999;
  animation-iteration-count:1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.car2:before {
  content:"";
  display:block;
  animation: carmove2 3.1s infinite linear;
  background: url('../images/car2.png') center/cover;
  padding-top:45.25%;
  z-index:9999;
  animation-iteration-count:1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.wheel{
  animation: wheel2 10s infinite -2s linear;
  animation-delay: 8s;
  background: url('../images/wheel2.png') center/cover;
  position: absolute;
  bottom:0.8%;
  width: 14.15%;
  z-index:9999;
  animation-iteration-count:1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.wheel:before {
   content:"";
   display:block;
   padding-top:100%;
   z-index:9999;
   animation-iteration-count:1;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
.wheel1{left: 29.5%;}
.wheel2{right: 22%;}*/

/*animations*/
@keyframes carmove2{
  0%{transform: translateY(0px);}
  25%{transform: translateY(1px)}
  29%{transform: translateY(2px)}
  33%{transform: translateY(3px)}
  47%{transform: translateY(0px)}
  58%{transform: translateY(1px)}
  62%{transform: translateY(2px)}
  66%{transform: translateY(3px)}
  75%{transform: translateY(1px)}
  100%{transform: translateY(0px)}
}

@keyframes wheel2{
 0%{
   transform: rotate(0deg)
  }
  35% {
    transform: rotate(-920deg)
  }
  36%,
  56% {
    transform: rotate(-920deg)
  }
 100%{
   transform: rotate(-1440deg)
  }
}

@keyframes moving2 {
  0% {
    right: -180em; top:0px;
    animation-timing-function: ease-out;
  }
  35% {
    right: 0; top:0px;
  }
  36%,
  56% {
    right: 0; top:0px;
    animation-timing-function: ease-in;
  }
  100% {
    right: 120%; top:0px;
  }
}	
	
}

/* Minimum width of 731 pixels. */
@media screen and (min-width: 731px) {	
#footer_newsletter {
	width:96%;
	height:auto;
	margin:2%;
	text-align:center;
	padding:10px 0px 0px 0px;
	border:none;
	}	
	
#footer_newsletter_wrap {
	background-color:#eef614;
	}
}
	
/* notice */

.notice_ie {
	background: #efefef;
	width:100%;
	height:30px;
	position:fixed;
	top:0px;
	z-index:3000;
	border-bottom: 2px solid #cdd32e;
	border-top: 2px solid #cdd32e;
	}
	
/* contact form */

.button {
	height:50px;
	width:98%;
	max-width:1170px;
	margin:0 auto;
	padding:0px 1% 0px 1%;
	border:2px #f45334 dashed;
	background-color:#ffffff;
	font-size:16px;
	font-weight:normal;
	color:#000000;
	font-family: 'Open Sans', sans-serif;
	}
	
.box {
	height:250px;
	width:98%;
	max-width:1170px;
	margin:0 auto;
	padding:1% 1% 1% 1%;
	border:2px #f45334 dashed;
	background-color:#ffffff;
	font-size:16px;
	font-weight:normal;
	color:#000000;
	font-family: 'Open Sans', sans-serif;	
	}
	
input[type=submit]{
	font-family: 'Chelsea Market', cursive;
	font-size:20px;
	letter-spacing:1px;
	text-transform:uppercase;
	/*font-weight:bold;*/
	color:#ffffff;
	border:none;
	background-color:#46a5f7;
	display:block;
	overflow:hidden;
	cursor:pointer;
	padding:4px 30px 4px 30px;
	font-weight:normal;
	-webkit-appearance: none;
	}
	
input[type=submit]:hover{
	color:#ffffff;
	border:none;
	background-color:#00ae5e;
	-webkit-appearance: none;
	}
	
/*newsletter form*/
input[class=email]{	
	font-size:15px;
	color:#000000;
	font-weight:normal;
	border:none;
	background-color:transparent;
	display:block;
	overflow:hidden;
	cursor:pointer;
	width:81px;
	height:27.5px;
	font-family: 'Open Sans Condensed', sans-serif;
	}	
	
#contactPg {
	width:98%;
	height:auto;
	margin:0 auto;
	background-color: #ffffff;
	background-repeat: repeat;
	padding:10px 1% 0px 1%;
	}

/* Homepage 
----------------------------------------------- */

/* Minimum width of 50 pixels. */
@media screen and (min-width: 50px) {
.hpitems {
	display:block;
	margin:0 auto;
	}
	
.item_one {
	padding:0px 0px 0px 0px;
	max-width:80%!important;
	height:auto;
	margin: 5% 10%;
	float:left;
	}	
	
.item_two {
	padding:0px 0px 0px 0px;
	max-width:80%!important;
	height:auto;
	margin: 5% 10%;
	float:left;
	}	

.item_three {
	padding:0px 0px 0px 0px;
	max-width:80%!important;
	height:auto;
	margin: 5% 10%;
	float:left;
	}		

.item_four {
	padding:0px 0px 0px 0px;
	max-width:80%!important;
	height:auto;
	margin: 5% 10%;
	float:left;
	}			
	
}

/* Minimum width of 400 pixels. */
@media screen and (min-width: 400px) {
.hpitems {
	width:100%;
	max-width:1170px!important;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}	
	
.item_one {
	padding:0px 0px 0px 0px;
	max-width:21%!important;
	height:auto!important;
	margin:2%;
	}	
	
.item_two {
	padding:0px 0px 0px 0px;
	max-width:21%!important;
	height:auto!important;
	margin:2%;
	}	

.item_three {
	padding:0px 0px 0px 0px;
	max-width:21%!important;
	height:auto!important;
	margin:2%;
	}
	
.item_four {
	padding:0px 0px 0px 0px;
	max-width:21%!important;
	height:auto!important;
	margin:2%;
	}	
	
.hpboxestext {
	width:100%;
	max-width:1170px!important;
	height:auto;
	margin:0 auto;
	margin-top: 20px;
	padding:0px 0px 0px 0px!important;
	}		
	
#hpboxes {
	width:100%;
	max-width:1500px!important;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}	
	
#box_one {
	padding:1%;
	max-width:31.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}	
	
#box_two {
	padding:1%;
	max-width:31.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}	

#box_three {
	background-image: url(../images/box-3-bg.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
	padding:1%;
	max-width:31.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}		
	
.hpboxestext {
	width:100%;
	max-width:1170px!important;
	height:auto;
	margin:0 auto;
	margin-top: 20px;
	padding:0px 0px 0px 0px!important;
	}		
	
#hpboxes {
	width:100%;
	max-width:1500px!important;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}	
	
#box_one {
	padding:1%;
	max-width:31.3%!important;
	min-width:31.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}	
	
#box_two {
	padding:1%;
	max-width:31.3%!important;
	min-width:31.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}	

#box_three {
	padding:1%;
	max-width:31.3%!important;
	min-width:31.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}

.row {
	width: 100%!important;
    margin: 0 auto;
    padding: 0px 0px 0px 0px!important;
	}

.img {
	padding: 1%;
    max-width: 31.3%!important;
    min-width: 31.3%!important;
    height: auto!important;
	margin:0px;
	float:left;
	}
	
.buy_logos {
	width:80%;
	float:left;
	min-width:200px!important;
	height:auto;
	margin:0 auto;
	padding:10px 10% 20px 10%!important;
	}	

.buy_logos_box {
	width:33.33%;
	float:left;
	height:auto;
	margin:0% 0% 0% 0%;
	padding:0px 0% 0px 0%!important;
	}	
	
.buy_logos_center {
	display:block;
	margin:0 auto;
	}
	
}

a img {
  border-width: 0;
}

a img:hover {
	opacity: 0.7;
	filter: alpha (opacity=70); /* for IE8 and earlier */
}

a img.tab:hover {
	opacity: 1!important;
	filter: alpha (opacity=100); /* for IE8 and earlier */
}

.noh:hover a img {
	opacity: 1!important;
	filter: alpha (opacity=100); /* for IE8 and earlier */
}

/* Maximum width of 670 pixels. */
@media screen and (max-width: 670px) {
#slide_contain {
	padding-top:160px!important;
	}	
	
#new_contain {
	width:100%!important;
	}	
	
/*#newsletter_contain {
	display:none!important;
	}	*/

#new_img {
	display:none!important;
	}
	
#new_img_mobile {
	display:inline!important;
	width:100%;
	max-width:1170px!important;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}

.buy_logos {
	width:100%;
	float:left;
	min-width:50px!important;
	height:auto;
	margin:0 auto;
	padding:0px 0px 20px 0px!important;
	}		
	
.buy_logos_box {
	width:100%;
	text-align:center;
	height:auto;
	margin:0 auto;
	padding:20px 0% 20px 0%!important;
	}	

.wowa-series {
	width:150px!important;
	height:auto;
	text-align:center;
	margin:0 auto;
	}
}

/* Maximum width of 600 pixels. */
@media screen and (max-width: 600px) {
#slide_contain {
	padding-top:135px!important;
	}	
	
#logo {
	min-width: 100%;
	height:auto;
	margin:0 auto;
	float:left;
	text-align:center;
}

#top_nav {
	/*width:70%;*/
	width:auto;
	height:60px;
	margin:0px 0 0 0;
	z-index: 99980;
	float:left; 
	/*white-space:nowrap;*/
}	
}

/* Maximum width of 400 pixels. */
@media screen and (max-width: 400px) {
#slide_contain {
	padding-top:135px!important;
	}	
	}

/*WOWA button*/
#btn-wowa {
	width:auto;
	height:auto;
	margin:10px;
}

#btn-wowa p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:20px!important;
	margin:35px 15px 35px 15px!important;
	text-align:center;
	letter-spacing:1px;
	text-transform:uppercase;
	cursor:pointer;
	font-weight:normal;
	}
	
#btn-wowa a, #btn-wowa a:visited {	
	text-decoration:none;
	color:#ffffff!important;
	background-color:#f45334;
	padding:4px 30px 4px 30px;
	text-transform:uppercase;
	}
	
#btn-wowa a:hover {
	color:#ffffff!important;
	text-decoration:none;
	font-weight:normal;
	font-style:none;
	background-color:#cbe5df;
	}	

/*WOWA page*/
#wowacircles {
	width:100%;
	max-width:1140px!important;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}	
	
#wowacirclestop {
	width:100%;
	max-width:1140px!important;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}	
	
#wowacirclesbot {
	width:100%;
	max-width:1140px!important;
	height:auto;
	margin:0 auto;
	padding:0px 0px 0px 0px!important;
	}	
	
#wowacircle_one {
	padding:0%;
	max-width:33.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}	
	
#wowacircle_two {
	padding:0%;
	max-width:33.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}	

#wowacircle_three {
	padding:0%;
	max-width:33.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}

#wowacircle_four {
	padding:0%;
	max-width:33.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}	
	
#wowacircle_five {
	padding:0%;
	max-width:33.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}	

#wowacircle_six {
	padding:0%;
	max-width:33.3%!important;
	height:auto!important;
	margin:0;
	float:left;
	}	
	
/* Social Share
----------------------------------------------- */
.social-button-wrap {
text-transform:uppercase;
}

.social-button-wrap p{
vertical-align: middle;
margin: 5px 0px 0px 0px;
}

.social-button-wrap .fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 26px;
	height:auto;
	text-rendering: auto;
	color: #00ae5e;
	background:transparent !important;
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
}

.social-button-wrap, .social-button-wrap a {
bottom: 10px;
}

/*.social-button-wrap .fa:hover, .social-button-wrap .fa a:hover {
color: #f45334 !important;
text-decoration:none;
}*/

.social-button-wrap .fa.fa-instagram:hover, .social-button-wrap .fa.fa-instagram  a:hover {
color: #94f2b8 !important;
text-decoration:none;
}

.social-button-wrap .fa.fa-twitter:hover, .social-button-wrap .fa.fa-twitter  a:hover {
color: #f45334 !important;
text-decoration:none;
}

.social-button-wrap .fa.fa-facebook:hover, .social-button-wrap .fa.fa-facebook  a:hover {
color: #46a5f7 !important;
text-decoration:none;
}

.social-button-wrap .fa.fa-pinterest-p:hover, .social-button-wrap .fa.fa-pinterest-p  a:hover {
color: #ffa8db !important;
text-decoration:none;
}

.social-button-wrap .fa.fa-envelope-o:hover, .social-button-wrap .fa.fa-envelope-o  a:hover {
color: #88a948 !important;
text-decoration:none;
}

.social-button-wrap {
line-height:0.75em;
/*padding: 15px 0px 15px 0px;*/
padding: 8px 0px 8px 0px;
}
.social-button-wrap .item {
display:inline;
margin-bottom:15px;
}
.social-button-wrap .sep {
margin-right:10px;
margin-left:10px;
}
.social-button-wrap .item:last-child {
padding-right:0;
}
.social-button-wrap .item img {
margin:0;
padding:0;
border-width:0;
box-shadow:0 0 0 #fff;
}
.social-button-wrap .fb_iframe_widget iframe {
vertical-align:baseline;
}

/* Back to Top
-----------------------------------------------*/
.backtotop .fa {
font-size:24px;
color: #f45334 !important;
background:transparent !important;
}
.backtotop, .backtotop a {
position: fixed;
z-index:9000!important;
bottom: 10px;
right: 5px;
/*padding: 10px;*/
padding: 10px 10px 0px 10px;
}
.backtotop:hover, .backtotop a:hover, .backtotop i:hover {
color: #46a5f7 !important;
}

/*newsletter signup form
-----------------------------------------------*/
	
#mc_embed_signup .button {
    background-color: #f45334!important;
    clear: both;
    border: 0 none;
    border-radius: 4px;
    letter-spacing: .13em!important;
    color: #ffffff!important;
    cursor: pointer;
    display: inline-block;
    font-size: 15px!important;
	font-weight:normal!important;
    height: 32px;
    line-height: 32px;
    margin: 0px 5px 10px 0!important;
    padding: 0px 10%!important;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto!important;
    transition: all 0.23s ease-in-out 0s;
	font-family: 'Chelsea Market', cursive!important;
	-webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}

#mc_embed_signup .button:hover {
    background-color: #7ad6d3!important;
	color:#ffffff!important;
}

#content_area #mc_embed_signup .button {
    background-color: #f45334!important;
	-webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}

#content_area #mc_embed_signup .button:hover {
    background-color: #cbe5df!important;
	color:#ffffff!important;
}

#mc_embed_signup input {
    border: 1px solid #999;
	background-color:#ffffff;
    -webkit-appearance: none;          #f45334            #46a5f7
}

#mc_embed_signup {
	/*background:#transparent;*/
	/*background-image: url(../images/newsletter-bg.png);
	background-repeat: no-repeat;*/
	background: linear-gradient(#ffe2d9, #ffe2d9), 
			   linear-gradient(60deg, #f45334 0%, #f45334 3.5%, #ffffff 3.5%, #ffffff 7%, #46a5f7 7%, #46a5f7 10.5%, #ffffff 10.5%, #ffffff 14%, #f45334 14%, #f45334 17.5%, #ffffff 17.5%, #ffffff 21%, #46a5f7 21%, #46a5f7 25%, #ffffff 25%, #ffffff 28.5%, #f45334 28.5%, #f45334 32%, #ffffff 32%, #ffffff 35.5%, #46a5f7 35.5%, #46a5f7 39%, #ffffff 39%, #ffffff 42.5%, #f45334 42.5%, #f45334 46%, #ffffff 46%, #ffffff 50%, #46a5f7 50%, #46a5f7 53.5%, #ffffff 53.5%, #ffffff 57%, #f45334 57%, #f45334 60.5%, #ffffff 60.5%, #ffffff 64%, #46a5f7 64%, #46a5f7 67.5%, #ffffff 67.5%, #ffffff 71%, #f45334 71%, #f45334 75%, #ffffff 75%, #ffffff 78.5%, #46a5f7 78.5%, #46a5f7 82%, #ffffff 82%, #ffffff 85.5%, #f45334 85.5%, #f45334 89%, #ffffff 89%, #ffffff 92.5%, #46a5f7 92.5%, #46a5f7 96%, #ffffff 96%, #ffffff 100%);
              /*linear-gradient(60deg, orange 0%, orange 3.5%, white 3.5%, white 7%, hotpink 7%, hotpink 10.5%, black 10.5%, black 14%, brown 14%, brown 17.5%, aqua 17.5%, aqua 21%, green 21%, green 25%, orange 25%, orange 28.5%, white 28.5%, white 32%, hotpink 32%, hotpink 35.5%, black 35.5%, black 39%, brown 39%, brown 42.5%, aqua 42.5%, aqua 46%, green 46%, green 50%, orange 50%, orange 53.5%, white 53.5%, white 57%, hotpink 57%, hotpink 60.5%, black 60.5%, black 64%, brown 64%, brown 67.5%, aqua 67.5%, aqua 71%, green 71%, green 75%, orange 75%, orange 78.5%, white 78.5%, white 82%, hotpink 82%, hotpink 85.5%, black 85.5%, black 89%, brown 89%, brown 92.5%, aqua 92.5%, aqua 96%, green 96%, green 100%);*/
  padding: 14px 14px;
  border-radius: 0px;
  background-origin: content-box, padding-box;
  background-clip: content-box, padding-box;
	clear:left;
	font:14px Helvetica,Arial,sans-serif;
	margin:0px;
	/*background-size:cover; */
	/*background-size:100% 100%;
	background-position:50% 50%;
    max-width:100%;*/
}

#mc_embed_signup_scroll {
	background-image: url(../images/newsletter-bg-img.png);
	background-repeat: no-repeat;
	}

#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 0px 0 10px 3%!important;
}

#mc_embed_signup label {
	font-family: 'Chelsea Market', cursive;
	color:#46a5f7;
	text-transform:uppercase;
    display: block;
    font-size: 22px!important;
    padding-bottom: 10px;
	padding-top:5px;
    font-weight: bold!important;
	letter-spacing:2px;
}

#mc_embed_signup input.email {
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    font-size: 15px;
    display: block;
    padding: 0;
    margin: 0;
    min-height: 32px;
    width: 50%!important;
    min-width: 130px;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}

#footer_newsletter #mc_embed_signup input#mce-EMAIL {
	border: none!important;
	}

#content_area #mc_embed_signup input#mce-EMAIL {
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    font-size: 15px;
    display: block;
    padding: 0 0.4em;
    margin: 0;
    min-height: 32px;
    width: 98%!important;
    min-width: 130px;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}

#mc_embed_signup input#mce-FNAME {
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    font-size: 15px;
    display: block;
    padding: 0 0.4em;
    margin: 0;
    min-height: 32px;
    width: 98%!important;
    min-width: 130px;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}

#mc_embed_signup input#mce-LNAME {
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    font-size: 15px;
    display: block;
    padding: 0 0.4em;
    margin: 0;
    min-height: 32px;
    width: 98%!important;
    min-width: 130px;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}

#mc_embed_signup input#mce-BIRTHDAY-month {
    padding: 0 0.4em;
	}
	
#mc_embed_signup input#mce-BIRTHDAY-day {
    padding: 0 0.4em;
	}	
	
#mc_embed_signup input {
    border: none!important;
    -webkit-appearance: none;
}	

.asterisk {
	font-size:30px!important;
	color:#f45334!important;
	font-family: 'Chelsea Market', cursive;
	}
	
.indicates-required {
	font-size:21px!important;
	color:#f45334!important;
	font-family: 'Chelsea Market', cursive;
	}
	
.small-meta.nowrap {
	font-size:15px!important;
	font-family: 'Chelsea Market', cursive!important;
	}
	
.datefield {
	padding: 0px 0px 10px 0px;
	}
	
/*newsletter signup popup
-----------------------------------------------*/	

.mc-modal {
    z-index: 99999!important;
}

/*both .mc-modal-bg & element.style needed to add darker background*/
.mc-modal-bg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99997!important;
    height: 100%;
    width: 100%;
    display: none;
    background: #727272;
    background-color: #727272;
    opacity: .7!important;
    opacity: 70;
}

element.style {
    display: block;
    opacity: 0.9;
	z-index:99997!important;
}

/* Maximum width of 768 pixels. */
@media only screen and (max-width: 768px) {
.mc-modal, .mc-modal-bg {
    visibility: visible!important; 
}
}

/*shopping cart
-----------------------------------------------*/
/*button styling*/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-family: 'Open Sans Condensed', sans-serif!important;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 0!important;
  	font-weight: 700;
    border-radius: 3px;
    /*left: auto;*/
    color: #ffffff!important;
    background-color: #f45334!important;
	width:100%!important;
	height:auto!important;
	text-align:center!important;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

.woocommerce .button {
	height:50px;
	width:100%;
	max-width:100%;
	margin:0 auto;
	border:none;
	background-color:#ececec;
	font-size:25px;
	color:#000000;
	font-family: 'Open Sans', sans-serif;	
	}
	
.woocommerce .button:hover {
	background-color:#cbe5df!important;
	}	
	

/*remove button on catalog & related products*/
.woocommerce ul.products li.product .button {
    display:none!important;
}

/*quantity spot*/
.woocommerce .quantity .qty {
    width: 5.631em!important;
    text-align: center;
}

.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 4px 20px 0!important;
}

/*sorting on catalog - default*/
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
    display:none!important;
}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    display:none!important;
}

/*remove sidebar*/
.widget-area {
	display:none!important;
	}

/*single product page price style*/
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000000!important;
    font-size: 1.25em;
	font-weight:bold!important;
}

/*change green color on view cart dialog box after add product on product pages*/
.woocommerce-message:before {
    color: #f45334!important;
}

.woocommerce-message {
    border-top-color: #f45334!important;
}

/*catalog view price style*/
.woocommerce ul.products li.product .price {
    color: #4d4d4d!important;
	text-align:center!important;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
}

.woocommerce ul.products li.product .price  a, .woocommerce ul.products li.product .price:visited{
    color: #4d4d4d!important;
	text-align:center!important;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
}

.woocommerce ul.products li.product .price:hover{
    color: #f45334!important;
}

/*fix button and message when add item to cart -- page view*/
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
    float: none!important;
	margin-bottom:8px!important;
}

/*center catalog products */
ul.products {
    padding: 0;
    list-style: none outside;
    clear: both;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/*add space to update cart btn in cart*/
#add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input {
    margin: 10px 0px 0px 0px!important;
    vertical-align: middle;
    line-height: 1;
}

/*remove blue from cart -- returning customer & coupon boxes*/
.woocommerce-info {
    border-top-color: #f45334!important;
}

.woocommerce-info:before {
    color: #f45334!important;
}

/*grow coupon code box in cart*/
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 200px!important;
}

/*make dropdown select black*/
select {
  border: 1px solid #000000;
}

/*remove blue on variation select box*/
select:active, select:hover {
  border: 1px solid #000000;
  outline: none;   
}

/*change color of sale image-circle*/
.woocommerce span.onsale {
  background-color:#f45334!important;
  z-index:500!important;
}

/*add padding to description li*/
div[itemprop="description"] li {
	padding:3px 0px 3px 0px!important;
}

/*add padding to Order Received page*/
#content_cart li.order {
	padding:20px 30px 20px 0px!important;
	}
	
#content_cart li.date {
	padding:20px 30px 20px 0px!important;
	}	

#content_cart li.total {
	padding:20px 30px 20px 0px!important;
	}
	
#content_cart li.method {
	padding:20px 30px 20px 0px!important;
	}	

/*move categories to next line*/	
#product_meta .sku_wrapper {
	clear:both!important;
	}
	
/*remove date on single product pages*/	
#content_cart a[rel="bookmark"] {
	display:none;
	}

/*a[rel="bookmark"] {
	display:none;
	}*/

/*remove comments on category pg*/	
#content_cart #comments.comments-area {
	display: none;
	}
	
/*fix spacing on coupon btn*/	
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce button.button {	
	margin:0px 0px 10px 1px!important;
	}
	
/*fix additional product images thumbnails */
.woocommerce div.product div.images .flex-control-thumbs li img {	
	opacity:1!important;
	}
	
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover {
    opacity: .5!important;
}	

.woocommerce div.product div.images img {
    display: block;
    width: auto!important;
    height: auto;
    box-shadow: none;
}