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

/*
Theme Name: Goldpine
Theme URI: http://www.thecreator.co.nz
Description: Theme produced for Goldpine Industries
Author: Tim Eggers
Author URI: http://www.thecreator.co.nz
*/

@font-face {
    font-family: Kelson;
    src: url(Kelson%20Sans%20Regular.otf);
}

@font-face {
    font-family: NewFont;
    src: url("312035_4_0.woff") format('woff');
}

#xmasHours
{
	background: #FF0000;
	padding: 20px;
	color: #FFF;		
}

#xmasHours p
{
	color: #FFF;		
}

html
{
	  font: 0px NewFont, 'Open Sans', Arial, Helvetica;
			height:100%;

}

#GFText
{
	font-size:22px;
	line-height: 26px;
	
}

#video
{
	width:900px;	
		height:600px;	

}

iframe
{
	width:100%;
	height:600px;	
}

#FDalert
{
	width: 300px;
    margin: 0px auto;
    height: 100px;
    background: #000;
    min-height: 0;
    position: static;
    transform: translate(0%, -0%);
	transform: translate(0%,0%);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
}

.fancybox-title a
{
 color:#FFDE00;
 text-decoration:underline;
}

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

p, ol
{
	font:NewFont, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:16px;
}

sup { 
    vertical-align: super;
    font-size: smaller;
	text-transform:lowercase;

}

.panel h2 sup { 
    vertical-align: super;
    font-size: smaller;
	text-transform:lowercase;
	

}

a
{
	text-decoration:none;
	color:#004D43;	
}

.anchor{
   display:block;
   height:100px; /* this is the height of your header */
   margin-top:-100px; /* this is again negative value of the height of your header */
   visibility:hidden;
}

  body 
	  {
		margin:0;
		padding:0; 
		width:100%;
		background:#999;
				height:100%;

	  }
	  
      *, *:after, *:before {
  box-sizing: border-box;
}

header 
{
	background:#004D43;
	border-bottom:solid 3px #FFDE00;
	height:53px;	
	z-index:1000;
	position:fixed;
	width:100%;
	height:auto;
	}

main
{
	padding:60px 0 0 0;
}

#storeMain
{
	padding:60px 0 0 0;
			height:80%;
}

#container
{
	max-width:900px;
	min-width:900px;
	margin: 0 auto;
}

.homeWrapper
{
	width:100%;
	background-image:url(Images/RDWD-RDSuperposts29-LANDSCAPE.jpg);
	background-size:cover;
	padding:20% 0 50px 0;
}

#buttonSearch
{
		padding: 20px 40px 22px 40px;
		background:#004D43;
background:url(Images/search.svg);
background-size:12px;
background-position: center; 
	   background-repeat:no-repeat;
}

#buttonSearch:hover
{
	

}

#buttonSearch {
   color:#FFF;
}

#buttonSearch p {
   opacity:0;
   font-size:15px;
}

input[type=checkbox] {
    position:absolute;
	top:-9999px;
}

#buttonSearch:hover
{
		background:#FFDE00;
		background-image:url(Images/searchHover.svg);
background-size:12px;
background-position: center; 
	   background-repeat:no-repeat;
		cursor:pointer;
}

#toggleSearch
{
	background:#004D43;
	   

}

#toggleSearch:hover
{
		background:#000;

}

#searchDrop
{
	height:auto;
	width:auto;
	position:fixed;
	top:0px;
	right:25%;
	background:#FFDE00;	
	z-index:-10;
	display:none;
}

#s
{
	height:30px;
	width:400px;
	margin:5px;
	background:#FFF;
	border:none;	
	font-size:14px;
	color:#999;
	padding:10px;
}

#toggleSearch:checked + #searchDrop
{
	top:60px;
	display:block;
}

#mobileSearch
{
 display:none;	
}

.animenu__toggle {
  display: none;
  cursor: pointer;
  background-color: #004D43;
  padding: 10px;
  height: 40px;
  width: 60px;
  float:right;
  margin-top:10px;
  border:0px;
}

#callButton {
  display: none;
  color:#DD0AF1;
}

.animenu__toggle__bar {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
}
.animenu__toggle__bar + .animenu__toggle__bar {
  margin-top: 4px;
}

.animenu__toggle--active .animenu__toggle__bar {
  margin: 0;
  position: absolute;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
  transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
  opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
  transform: rotate(-45deg);
}

.animenu {
  display: block;
}
.animenu ul {
  padding: 0;
  list-style: none;
  font: 0px NewFont, 'Open Sans', Arial, Helvetica;
  padding:auto 0;
}
.animenu li, .animenu a {
  display: inline-block;
  font-size: 12px;


	zoom:1;
    *display:inline;
}
.animenu a {
  color: #FFF;
  text-decoration: none;
}

.animenu__nav {
background-color: #004D43;
}
.animenu__nav > li {
  position: relative;
}
.animenu__nav > li > a {
  padding: 23px 30px;
  text-transform: uppercase;
}
.animenu__nav > li > a:first-child:nth-last-child(2):before {
  content: "";
  position: absolute;
  border: 0px solid transparent;
  border-bottom: 0;
  background:#DD3EB6;
  top: 50%;
  margin-top: -2px;
  right: 10px;
}

.animenu__nav > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}


.animenu__nav > li:hover > a {
  color: #004D43;
  background:#FFDE00;
  
}

.animenu__nav li ul li ul {
	padding-left:20px;

}

.animenu__nav li ul li ul a {
	padding:0 0 5px 20px;

}

.animenu__nav li ul li:hover > ul {
	/*padding-left:20px;
  width:200px;
  display: block;*/

}

ul ul ul {
	
}

.animenu__nav li ul li ul li {
  width:100%;
}


.animenu__nav__child {
  width: 560%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 20px 0 0 0;
  background-color: #FFDE00;
  transition: margin .15s, opacity .15s;
  padding-bottom:20px;
}

.animenu__nav__child1 {
  width: 200%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 20px 0 0 0;
  background-color: #FFDE00;
  transition: margin .15s, opacity .15s;
  padding-bottom:20px;
}

.animenu__nav__child1 > li {
  width: 100%;
  display:inline-block;
  color: #004D43;

}

.animenu__nav__child1 a {
  padding: 20px 20px 5px 20px;
  width: 100%;
  border-color: #FFDE00;
  font-weight:bold;
  color:#004D43;
}

.animenu__nav__child > li {
  width: 24%;
  display:inline-block;
  color: #004D43;
	padding-top:0;
	margin-top:0;
	  vertical-align:text-top;

}

.animenu__nav__child > li a {
    color: #004D43;


}

.animenu__nav__child > li > ul a {
color: #333;
font-weight:normal;
}

.animenu__nav__child > li:first-child > a:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  left: 1em;
  top: 0px;
  border: 6px solid transparent;
  border-top: 0;
  border-bottom-color: inherit;
}

.animenu__nav__child1 > li:last-child {
  padding-bottom: 10px;
}

.animenu__nav__child1 > li:first-child {
  padding-top: 10px;
}

.animenu__nav__child a {
  padding: 20px 20px 5px 20px;
  width: 100%;
  border-color: #FFDE00;
  font-weight:bold;
}

.animenu__nav__child1 a {
  padding: 10px 10px 10px 20px;
  width: 100%;
  border-color: #FFDE00;
  font-weight:bold;
}

.animenu__nav__child a:hover {
  color: #fff;
}

.animenu__nav__child1 a:hover {
  color: #fff;
}

#allProducts 
{
	margin-top:20px;	

}


#allProducts a
{
	width:416%;
	border-top:1px solid #FFF;
	margin-top:5px;	
	padding:10px 50px;
	text-align:center;
}

#logo
{
	float:left;
	height:40px;
	margin:15px 20px 0 10px;
}

#CTA
{
	background:url(Images/CTA-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#004D43;
	font-weight:bold;

}


#CTA:hover
{
	text-decoration:underline;
	color:#FFF;
}


#mainCTA{
	width:100%;
	/*max-width:900px;*/
	height:160px;
	margin:0 auto 20px auto;
	padding:5px 0;
	display:block;
}

#mainCTA img{
	margin:0 auto 20px auto;
	padding:5px 0;
	display:block;
}

#slogan {
	display:block;
	width:auto;
	margin:0 auto;

}

#slogan h1 {
	color:#FFDE00;
	font-size:24px;
	font-weight:bold;
	width:100%;
	text-align:center;
}

/* HOOME CONTENT BAR */

#contentBar{
	width:747px;
	/*max-width:900px;*/
	height:210px;
	margin:10% auto 20px auto;
	padding:5px 0;
	background:#FFDE00;
	display:block;
}

#contentBar article
{
	float:left;
	width:242px;
	height:150px;
	margin-right:5px;
	font-size:12px;
	position:relative;
}

#contentBar article:first-child
{
	margin-left:5px;
}

#contentBar article h4 span
{
       	background: rgb (0, 77, 66);
		background: rgba(0, 77, 66, 0.7);
		*background:#004D43;
      	padding:10px 30px 10px 10px;
		width:242px;
		height:auto;
		
}

#contentBar article h4
{
        color:#FFF;
        font-size:12px;
        font-weight:bold;
        padding:10px 0;
        display:inline-block;
		position:absolute;
		margin-top:100px;
}

#contentBar article h4 img
{
		position:absolute;
		top:-2px;
		right:-13px;		
		margin:0;
}

#contentBar article a:hover
{
        background:#004D43;

}

#videoButton {
    height: 44px !important;
    margin: 5px !important;
    width: 736px !important;
    background: #004D43 !important;
    position: relative;
}

#videoButton a {
    top: 50%;
    text-align: center;
    font-size: 16px;
	color: #FFDE00 !important;
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

#videoButton a:hover {
   text-decoration: underline;
}



#box1
{
	margin-left:5px;
}


#boxcontent
{
        width:auto;
        max-width:900px;
        margin:0px auto;
        padding:20px 0 150px 0;
}

#GFcontentBar{
	width:747px;
	/*max-width:900px;*/
	height:160px;
	margin:20px auto 20px auto;
	padding:5px 0;
	background:#FFF;
	display:block;
}

#GFcontentBar article
{
	float:left;
	width:242px;
	height:150px;
	margin-right:5px;
	font-size:12px;
	position:relative;
}

#GFcontentBar article:first-child
{
	margin-left:5px;
}

#GFcontentBar article h4 span
{
       	background: rgb (0, 77, 66);
		background: rgba(0, 77, 66, 0.7);
		*background:#004D43;
      	padding:10px 30px 10px 10px;
		width:242px;
		height:auto;
		
}

#GFcontentBar article h4
{
        color:#FFF;
        font-size:12px;
        font-weight:bold;
        padding:10px 0;
        display:inline-block;
		position:absolute;
		margin-top:100px;
}

#GFcontentBar article h4 img
{
		position:absolute;
		top:-2px;
		right:-13px;		
		margin:0;
}

#GFcontentBar article a:hover
{
        background:#004D43;

}

/* PRODUCT GROUP */

.groupCon
{
	height:100%;
	padding:0 0 20px 0;
	position:relative;
	overflow:hidden;
	    background: #FFF;
	border-top:5px #FFDE00 solid;
}

.groupCon:nth-child(odd) {
 		    background: #004D43;
			color:#FFF;
}

.groupCon p
{
	color:000;
	font-size:12px;	
	margin:0;
}

.noResults p {
	
	padding:20px 0;
	
}

.panelcontainer input
{
	margin-bottom:20px;	
}

.noResults p {
	display:block;
	padding:20px 0;
	width:100%;
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	color:#FFF;	
}

.groupCon img
{
	width:100%;
		position: absolute;

}

.productTitle 
{
	display:block;
	float:left;
	width:30%;
	margin: 0;
	position:relative;
}


.productTitle p strong
{
	display:block;
	font-size:24px;
	line-height:30px;
	margin:30px;
}

.productGroups 
{
	display:block;
	float:left;
	height:auto;
	width:70%;
	margin:30px 0;
	position:relative;
	border-left: #000 2px solid;
}

.singleProduct
{
	display:block;
	height:auto;
	float:left;
	min-height:160px;
	width:100px;
	margin:10px;
	background:#FFDE00;
	vertical-align:top;
}

.singleProduct:hover
{
	text-decoration:underline;
}

.productImage
{
	width:100px;
	height:80px;
}

.productImage img
{
	display:block;
	width:100px!important;
	height:80px!important;
	position:absolute;
	
}

.singleProduct p
{
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#004D43;
}

.singleProductSB p
{
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#000;
}

.singleProductSB
{
	display:block;
	height:auto;
	float:left;
	min-height:150px;
	width:100px;
	margin:10px;
	background:#BCBCBC;
	vertical-align:top;
}

.singleProductSB:hover
{
	text-decoration:underline;
}


.LRProduct
{
	display:block;
	height:200px;
	width:130px;
	margin:10px;
	float:left;
	background:#FFF;	
}

.LRProduct:hover
{
	text-decoration:underline;
}

.LRProduct .productImage
{
	width:auto;
	height:150px;
	min-height: 10%;
	marign:20px auto;	 
	transform: translate(0%,0%);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0); 
	transform: translate(0, 0);
	top: 0%;
    left: 0%;
    margin-right: 0%;
}

.LRProduct .productImage img
{
	display:block;
	width:100px!important;
	height:80px!important;
	position:absolute;
	
	
}

.LRProduct p
{
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#004D43;
}

.GFGProduct
{
	display:block;
	height:200px;
	width:200px;
	margin:10px;
	float:left;
	background:#FFF;	
}

.GFGProduct:hover
{
	text-decoration:underline;
}

.GFGProduct .productImage
{
	width:auto;
	height:150px;
	min-height: 10%;
	marign:20px auto;	 
	transform: translate(0%,0%);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0); 
	transform: translate(0, 0);
	top: 0%;
    left: 0%;
    margin-right: 0%;
}

.GFGProduct .productImage img
{
	display:block;
	width:200px!important;
	height:80px!important;
	position:absolute;
	
	
}

.GFGProduct p
{
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#004D43;
}

/* PANELS */
#heroLogo 
{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	min-height: 10%;
	marign:20px auto;	 
	transform: translate(0%,0%);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0); 
	transform: translate(0, 0);
	top: 0%;
    left: 0%;
    margin-right: 0%;
	margin-bottom:30px;
}

.panel
{
	height:100%;
	padding:0;
	position:relative;
	overflow:hidden;
}

.panel p
{
	color:#000;
	font-size:12px;	
}

.panelcontainer
{
	max-width:900px;
	margin: 0 auto;
	height:100%;
	position:relative;
}

#panelcontainer1
{
	max-width:900px;
	border-bottom:#004D43 5px solid;
	margin: 0 auto;
	padding:10px 0;
	height:auto;
}


#topdescription
{
	max-width:500px;
	height:auto;
	margin: 0 auto 0 auto;
	padding:50px 20px;
		text-align:center;
		line-height:14px;

}

#topdescription p strong
{
	font-size:20px;
	font-weight: bold;

}

#bigType
{
	font-size:28px;
	line-height:34px;	
}

#topdescription p a
{
	display:block;
	margin-top:25px;
	font-size:16px;

}

#topdescription a
{
	display:block;
	margin-top:25px;
	font-size:14px;

}

#CameraIcon
{
	width: 25px;
    height: 14px;
    position: static;
    margin-right: 10px;
	min-height:14px;
	-ms-transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.panel img
{
	width:120%;
	min-height:100%;
	position: absolute;
	top: 50%;
    left: 50%;
    margin-right: -50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#panel1 h2
{
	color:#FFF;
font-size:45px;
font-weight:bold;
line-height:45px;
display:inline-block;
position:absolute;
margin:300px 0 0 0;
text-align:left;
vertical-align:top;
text-transform:uppercase;
width:450px;
}



.panel h1
{
	color:#FFF;
font-size:45px;
font-weight:bold;
line-height:45px;
display:inline-block;
position:absolute;
margin:300px 0 0 0;
text-align:left;
vertical-align:top;
text-transform:uppercase;
width:450px;
}

.panel h3
{
	color:#D32B2E;
font-size:25px;
font-weight:bold;
display:inline-block;
position:absolute;
}

#panel1
{
	height:350px;

}

#panel1 img
{
	width:100%;
	min-wdith:800px;
	z-index:-1;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

#panel2 h2
{
	margin:0;
    color: #004D43;
	font-size:35px;
	display:block;
	width:90%;
	float:left;
	position:relative;
	max-width:450px;
}

#panel2 h1
{
	margin:0;
    color: #004D43;
	font-size:35px;
	display:block;
	width:90%;
	float:left;
	position:relative;
	max-width:450px;
}

#panel2
{
	background:#FFF;

	
}
#panel3
{
	background:#FFDE00;
	height:100%;
	
}

#panel3n
{
	background:#FFDE00;
	height:100%;
	font:NewFont, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#SBpanel3
{
	background:#8C9AA6;
	height:100%;
	
}

#SBpanel3 a
{
	color:#094A6C;	
}

#SBpanel6
{
	background:#094A6C;
	color:#FFF;
	height:100%;
	min-height:300px;
	
} 

#SBpanel6 a
{
	color:#FFF;
	} 

#SBpanel6 p
{
	color:#FFF;
}

#GFpanel3
{
	background:#4C4D4F;
	height:100%;
	color:#FFF;
}

#GFpanel6
{
	background:#0BAF4D;
	color:#FFF;
	height:100%;
	min-height:300px;
	
} 

#SPpanel1
{
	background:#E0E0E0;
	height:100%;
	color:#000;
}

#SPpanel2
{
	background:#dcdcdc;
	color:#000;
	height:100%;
	min-height:300px;
	
} 

#DBpanel3
{
	background:#000;
	height:100%;
	color:#FFF;
}

#DBpanel6
{
	background:#D4AF37;
	color:#FFF;
	height:100%;
	min-height:300px;
	
}

#DBpanel3 p {
    color: #fff;
}

#ELpanel3
{
	background:#034EA2;
	height:100%;
	color:#FFF;
}

#ELpanel6
{
	background:#8AC640;
	color:#FFF;
	height:100%;
	min-height:300px;
	
} 

#ELpanel6 p, #ELpanel3 p, #GFpanel6 p, #GFpanel3 p
{
	color:#FFF;
}

#Sanpanel3
{
	background:#555658;
	height:100%;
	
}

#Sanpanel6
{
	background:#c5c6c8;
	color:#FFF;
	height:100%;
	min-height:300px;
	
} 

#panel4
{
	background:#FFF;
	height:100%;
	
}

#panel4border
{
	background:#FFF;
	height:100%;
	border-top:#FFDE00 10px solid;
	
}

#panel6
{
	background:#004D43;
	color:#FFF;
	height:100%;
	min-height:300px;
	
}

#panel6 a
{
	color:#FFF;
}


.productShot
{
	background:#000;
	color:#FFF;
	height:350px;
	overflow:hidden;
	position:relative;
}

.heroLogo
{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.heroLogo img
{
	margin:0 auto 30px 0;
	width:100%;
	
}


#p1
{
	background:#000;
}

#p2
{
	background:#004D43;
}

#p3
{
	background:#FFF;
}

#p4
{
	background:#FFDE00;
}

#nedred
{
	background:#8c4a40;
	color:#FFF;
	height:100%;
}

#nedgrey
{
	background:#3f464c;
	color:#FFF;
	
}

#nedgrey a, #nedgrey p
{
	color:#FFF;
	
}

.productShot img
{
	position:absolute;
	right:0;
	width:100%;
	height:auto;
	max-height:350px;
	margin-left:20px;
}

#panel6 p
{
	color:#FFF;
	
}

#panel6 p a
{
	color:#FFDE00;
}
#panel5
{
	height:600px;

}

.panelinfo 
{
	display:block;
	float:left;
	width:50%;
	margin: 0;
	position:relative;
	height:30vh;
	min-height:300px;
	z-index:1;
}

.panelinfo span
{
	padding:20px;
	margin: 0;
	position: absolute;
	top: 50%;  
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%); 
	transform: translate(0, -50%);
}

.panelinfo p 
{
	text-align:center;
}

.panelinfo p strong
{
	font-weight:bold;
}

.panelinfo h5
{
	display:block;
	font-size:24px;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	margin-bottom:15px;
}

.panelinfo h2
{
	display:block;
	font-size:24px;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	margin-bottom:15px;
}

.panelinfo a  
{
	font-size:14px;
	display:block;
	margin-top:15px;
		text-align:center;

}

.panelinfo a:hover
{
	text-decoration:underline;
}

.panelinfo p a  
{
	font-size:12px;
	text-decoration:underline;
	margin-top:0px;


}

.panelimg 
{
	display:block;
	float:left;
	height:30vh;
	min-height:300px;
	width:50%;
	margin: 0;
	position:relative;
}

.panelimgFloat 
{
	display:block;
	float:left;
	height:30vh;
	min-height:300px;
	width:50%;
	margin: 0;
	position:relative;
}

.suppLogo 
{
	display:block;
	position:absolute;
	right:0;
	width:auto;
	height:50px;
	padding:10px 30px 10px 10px;
}

.suppLogo img
{
	display:block;
	margin: 0;
	height:100%;
	width:auto;
	position:relative;
}


.panelimg img
{		
	z-index:1;
	width:100%;
	/*min-height:100%;*/
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

#endCTA
{
	height:auto;	
	background:#FFDE00;
	text-align:center;
	colour:#000;
	border-top: #004D43 3px solid;
	z-index:102;

}

#endCTA a
{	
  display: inline-block;
  width:100%;
padding:30px;	
text-decoration:none;
	font-weight:bold;
	font-size:16px;
	colour:#000;
	
}

#endCTA:hover
{
		background:#004D43;
		border-top: #FFDE00 3px solid;
}


#endCTA a:hover
{
		background:#004D43;
	color:#FFF;
}

#kiwiMade
{
	position: absolute;
	display:block;
	top:250px;
	right:30%;
	height:auto;
	width:150px;
	z-index:200;	
}

/* ROUNDWOOD PG */

.groupCon h3 {
	margin:20px 0;
	font-size:18px;
	color:FFF;
}

.groupCon #contentBar {
	margin: 0 auto;
	font-size:18px;
	z-index:-10;
	height:auto;
	padding:2.5px;
}

.groupCon #contentBar article {
	margin: 2.5px;
	
}

#rwPage {
 padding: 30px 0;	
}

#rwPage img {
 z-index: 0;	
}

#rwPage h4 {
 z-index: 10;	
}

#benefitBar{
	width:747px;
	/*max-width:900px;*/
	height:auto;
	margin: 20px auto;
	padding:20px;
	border:#FFDE00 3px solid;
	display:block;
	color:#FFF;
}

#benefitBar a{
	display:block;
	float:left;
	font-size:14px;
	color:#FFF;
	padding:5px;
	width:50%;
}

#benefitBar a h4{
	display:block;
	float:left;
	font-size:14px;
	padding:20px 10px 10px 60px;
	
}

#benefitBar img{
	display:block;
	float:left;
	margin:10px;
	height:25px;
	width:25px;
}

#benefitBar a:hover{
	color:#FFDE00;
}

/* STORE PAGE */
.mapWrapper
{
        position:relative;
		padding-top:60px;
		display:block;
		float:left;
        width:100%;
        height: 100%;
        background:#FFF;
		
}

#control
{
        position:relative;
		display:block;
		float:left;
        width:20%;
        height: 100%;
        background:#004D43;
		overflow:scroll;
}

#control h2
{
        font-size:18px;
		color:#FFF;
}

#control  p
{
     	font-size:12px;
		color:#FFF;
}

#control button
{
	font-family: NewFont, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

#toggle 
{
	z-index:1000;
	right:0px;
	display:none;	
}

.learnButton {
		background: #FFDE00;
		border:0;
		border-bottom: #FFF 2px solid;
		color: #004D43;
		font-weight:bold;
		height: 37px;
		line-height: 12px;
		width: 100%;
		text-align: center;
		cursor: pointer;
	}
	
.learnButton:hover {
		background: #004D43;
				color: #FFDE00;

	}
	
#northIS
{
	text-align:left;
	padding-left:20px;
	background:#004D43;
	color:#FFF;

}

#southIS
{
	text-align:left;
		padding-left:20px;
background:#004D43;
color:#FFF;
}
	
#map-canvas
{
        position:relative;
		display:block;
		float:left;
        width:80%;
        height: 100%;
        background:#999;
}

#map-canvas h3

{
	color:#000;
	font-weight:bold;
	padding:15px;
	font-size:16px;
}

#map-canvas h4

{
	color:#000;
	font-weight:bold;
	padding-left:15px;
}
#map-canvas p

{
	color:#000;
	padding:5px 0 10px 15px;
}


#window

{
	background-color:#FFF;
	width:190px;
	height:300px;
	overflow-x:hidden;
}

#windowLogo

{
	margin:15px 15px 0 15px;
	border-bottom:#000 2px solid;
	height:40px;
	padding-bottom:10px;
	background-image:url(Images/Goldpine-Spot-Yellow-YOTS.jpg);
	background-repeat:no-repeat;
}

#windowLogo p 

{
	color:#000;
}

/* LEGAL PAGE */

.legal_content
{
	padding:10px 50px;
}

ol li
{
 list-style-type:decimal;
 padding:0 0 10px 20px;
}

ol li a
{
color:inherit;
text-decoration:underline;
}


/* CONTACT PAGE */
.contactBG
{
width:100%;
	background-image:url(Images/PAGE-2-RDWD-RD-Superposts63-.jpg);
	background-size:cover;
	padding:50px;
}

.FDcontactBG
{
width:100%;
	background-image:url(Images/IMG_3011-1024x683.jpg);
	background-size:cover;
	padding:50px;
}

.contactWrapper
{
 width:70%;
 max-width:900px;
 height:auto;
 background:#004D43;	
 margin:10% auto;
 padding:20px;
}

 .formWrapper
{
 width:300px;
 height:auto;
 background:#004D43;	
 margin:10% auto;
 padding:0 0 15px 0;
}


#contactHeader
{
	display:block;
 width:90%;
 height:auto;
 border-bottom:#FFF 3px solid;	
 margin:0 auto 10px auto;
}

#contactMiddle
{
	display:block;
 width:90%;
 height:auto;
 margin:0 auto 10px auto;
}

#contactHeader h2
{
	font-size:16px;
	color:#FFF;
	text-align:center;
	padding:20px;
}

#contactMiddle h2
{
	font-size:16px;
	color:#FFF;
	text-align:center;
	padding:00px;
}

#contactHeader img
{
	display:block;
	margin:10px auto;
}

#contactCTA
{
	display:block;
	width:90%;
	height:auto;
 border-bottom:#FFF 3px solid;	
 margin:0 auto 10px auto;
}

#contactCTA h3
{
	font-size:40px;
	line-height:60px;
	font-weight:bold;
	color:#FFDE00;
	text-align:center;
	padding:40px 10px;
	text-decoration:underline;

}

#contactCTA h2
{
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:40px;
}

#contactCTA h3:hover
{
color:#FFF;	
}

#contactFooter
{
 width:90%;
 padding:20px;
 height:auto;
 margin:20px auto 0 auto;
}

.CF
{
	float:left;
	width:300px;
	height:auto;
	margin:0 auto;
}

.CF h2
{
	color:#FFDE00;
	font-size:14px;
	font-weight:bold;
	width:120px;
	display:block;
	float:left;
}

.CF p
{
	color:#FFF;
	font-size:14px;
	display:block;
		width:150px;
	margin-bottom:20px;
	float:left;
	line-height:20px;
}

.CF a
{
	color:#FFF;
	text-decoration:underline;
	
}
/* CONTACT FORM */

.wpcf7-form
{
	
	width:90%;
	/*max-width:250px;*/
	margin:25px auto 0 auto;
}

.wpcf7 p
{
	color:#FFF;
	margin-bottom: 15px;	
}

.wpcf7 p a
{
	color:#FFF;
	margin-bottom: 15px;
	text-decoration: underline;
}

.wpcf7 h2
{
	color:#FFDE00;
	margin: 20px 0 10px 0;
	font-size: 16px;
}


.wpcf7-response-output
{
	font-size:12px;
	color:#FFF;
	padding:10px !important;
}

.wpcf7-list-item input[type=checkbox]
{
	top: 0;
	position: relative;
}

.wpcf7-list-item input[type=text]
{
	width: 100%;
}

.formWrapper input[type=text]
{
	width: 100%;
}

#shortInput input
{
	width: 96%;
}


.wpcf7-form-control
{
	width:100%;
	
}

.wpcf7-submit
{
    height: 30px;
    margin: 0px auto;
    background-color: #FFDE00;
    color: #004D43;
    font-weight: bold;
    text-transform: capitalize;
    border: none;
    background: url(Images/CTA-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    color: #004D43;
    font-weight: bold;
}

/* Custom CF7 Loader */
div.wpcf7 .ajax-loader {
background-image: url(Images/Form-animation1.gif) !important;
width: 64px !important;
height: 16px !important;
margin-left: 10px !important;
}

span#smallType
{
    color: #FFF;
    font-size: 12px;
    font-weight: lighter;
}

#formDoB select {
    width: 33%;
}

/* NEWS ARTICLES */
.newsWrapper
{
	height:100%;
	padding:0 0 20px 0;
	position:relative;
	overflow:hidden;
	    background: #FFF;
}


.newsArticle
{
	display:inline-block;
	width:100%;
	height:auto;
	padding:20px;
	margin:10px;
	border-bottom:2px solid #004D43;	
}

.newsImg
{
	display:block;
	float:left;
	height:auto;
	width:300px;
	margin: 0;
	position:relative;
		overflow:hidden;

}

.newsImg img
{
	width:100%;
	height:auto;
	overflow:hidden;
}

.newsInfo 
{
	display:block;
	float:left;
	width:55%;
	margin: 0;
	position:relative;
	min-height:100%;
	padding: 0 20px;
}

.newsInfo span
{
	padding:20px;
	
}



.newsInfo p 
{
	text-align:left;
	color:#004D43;
	margin-bottom:10px;
}

.newsInfo p img
{
	width:100%;
	height:auto;
	margin: 15px 0;
}

.newsInfo p strong
{
	font-weight:bold;
}

.newsInfo h2
{
	display:block;
	font-size:24px;
	text-align:left;
	line-height:30px;
	font-weight:bold;
	margin-bottom:15px;
	color:#000;
}

.newsInfo a  
{
	font-size:14px;
	display:block;
    margin: 0 0 15px 0;
	text-align:left;
}

.newsInfo a:hover
{
	text-decoration:underline;
}

.newsInfo p a  
{
	font-size:12px;
	text-decoration:underline;
	margin-top:0px;
}

#newsCTA
{
	background:#FFDE00;
	border-radius:5px;
	color:#004D43;
	float:left;
	display:inline-block;
	position:relative;
	font-weight:bold;
	height: 30px;
    min-width: 110px;
    padding: 8px 25px;
	text-align:center;
	margin: 15px 15px 0 0;
}

small
{
	font:inherit;
	font-size:12px;
	color:#666;
	display: inline-block;
	margin-top: 15px;
    width: 100%;
}


/* ACCOUNT CONTACT FORM */
#FDFormImg
{
	display: block;
    margin: 0px;
    width: 300px;
	
}

.formWrapper
{
 width:600px;
 height:auto;
 background:#004D43;	
 margin:10% auto;
 padding:0px;
}

#FDcontactHeader
{
	display:block;
 width:100%;
 height:auto;
 border-bottom:#FFF 3px solid;	
 margin:0 auto 10px auto;
	background-image:url(Images/AccountCreation.jpg);
	height: 103px;
}

#formBenefits {
	border: 3px solid #FFDE00;
    padding: 10px;
}

.halfColumn p {
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
	margin-bottom: 0px;
	
}


.halfColumn {
float: left;
	position: relative;
	padding: 0 10px;
	width:50%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.fullColumn {
float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	
}

.clearfix{
 clear: both;	
}

.clearfixLine {
 clear: both;
padding: 10px;
	border-bottom: 2px solid #fff;
}

input, select {
	margin-bottom: 10px;

}

/* FOOTER */

footer
{
        position:relative;
        clear:both;
        width:auto;
        height: 300px;
        background:#004D43;
		border-top:solid 3px #FFDE00;
}

footer .wrapper
{
        line-height:18px;
        margin: 0 auto;
        padding-top:30px;
		width:900px;
        font-size:12px;
}

footer .wrapper .column
{
        font-family: NewFont, 'Open Sans', sans-serif;
        color:#ababab;
        float:left;
        width:205px;
		height:170px;
        margin-right:20px;
		border-right:#FFFFFF 1px solid;
		padding-left:0;
}

footer .wrapper .column h4
{
        color:#FFDE00; 
		font-weight:bold;
		line-height:14px;
		margin:5px 0;
}

footer .wrapper .column p
{
        color:#FFF; 
}

footer .wrapper .column ul
{
		padding-left:0;
}

footer .wrapper .column ul li
{
        display:block;
		margin-top: 5px;
		list-style: none;
		text-decoration:none;
		color: #FFDE00;
		font-weight:bold;
		text-transform: uppercase;
		  /*	
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
        border-bottom: 1px solid #444444;
        background:url(img/arrowright2.png) left 6px no-repeat;*/
}

footer .wrapper .column ul li ul li a
{
		margin-left:0;
        display:block;
		padding-left:10px;
		list-style: none;
		text-decoration:none;
		color: #FFF;
		font-weight:normal;
		text-transform:none;
        width:auto;
		line-height:14px;
        /*
        margin-bottom:10px;
        border-bottom: 1px solid #444444;
        background:url(img/arrowright2.png) left 6px no-repeat;*/
}

footer .wrapper .column ul li ul li a:hover
{
		text-decoration:underline;
		
        /*
        margin-bottom:10px;
        border-bottom: 1px solid #444444;
        background:url(img/arrowright2.png) left 6px no-repeat;*/
}

footer .wrapper .column ul li a
{

		
		  list-style: none;
		  text-decoration:none;
		  color: #FFDE00;
		  font-weight:bold;
		  /*	
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
        border-bottom: 1px solid #444444;
        background:url(img/arrowright2.png) left 6px no-repeat;*/
}


footer .wrapper .column ul li a:hover
{
        color:#fff;
}

footer .wrapper .column.rightlist
{
        border-right:none;
}

footer .wrapper .column.rightlist ul li a span
{
        margin-left:95px;
        display:block;
}

#copyright
{
        background: #1D1D1D;
        height:70px;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
}
#copyright .wrapper
{
        font-family: NewFont, 'Open Sans', sans-serif;
        padding-top:25px;
        color: #5e5e5e;
		
        font-size:10px;
        position:relative;
		margin:auto;
		text-align:center;
}

#copyright .wrapper a
{
        color: #ABABAB;
		
}


#copyright .wrapper a:hover
{
        color: #fff;
}

#onlyMobile
{
	display:none;	
}

@media screen and (max-width: 1024px) {
.productShot img
{
	left:0;
	width:auto;
}
}

@media screen and (max-width: 768px) {
	
	#nettingani
	{
		display:inline-block;
	}
	
	
	#kiwiMade
{
	position: absolute;
	display:block;
	top:150px;
	right:10%;
	height:auto;
	width:70px;
	z-index:200;	
}

	#video
{
	width:400px;	
		height:200px;	

}

iframe
{
	width:100%;
	height:200px;	
}
	
	.animenu__nav--open {

  display: block !important;
 position:absolute;
 top:60px;
height:450px;
	overflow-y:scroll;
}
.animenu__nav--open .animenu__nav__child {
  display: block;
}
  .animenu__toggle {
    display: inline-block;

  }
  
    #mobileSearch
{
 display:block;	
 width:100%;
 padding-right:5px;
}

  #mobileSearch input
{
 display:block;	
 width:98%;
 
}
  
  #buttonSearch {
display:none;
}

.noResults p {
	padding:20px;	
}
  
#newSearch input
{
	margin-left:15px;
	width:93%;
	
}

  header
  {
	position:fixed;
	top:0;
	 height:auto;
	 min-height:60px;
  }

main, #storeMain

{
	padding:0px 0 0 0;
	
}

#container
{
	max-width:900px;
	min-width:0px;
	margin: 0 auto;
}

.homeWrapper
{
	width:100%;
	background-image:url(Images/RDWD-RD-Superposts29.jpg);
	background-size:cover;
	background-position: 80% 50%;
	padding:60% 0 50px 0;
}

#slogan h1 {
	color:#FFDE00;
	font-size:20px;
	font-weight:bold;
	width:300px;
	margin: 0 auto;
	text-align:center;
}

#callButton {
  display: inline-block;
  cursor: pointer;
  border: 0;
  margin-right: 10px;
  margin-top: 10px;
  padding: 10px;
  height: 40px;
  width: 40px;
  float:right;
}

#allProducts
{
	display:none;
}

#callButton a {
  
  height: 100%;
  width: 100%;
}

#callButton a:hover {
  cursor: pointer;

}

  .animenu__nav, .animenu__nav__child {
    display: none;
  }
  
   .animenu__nav__child, .animenu__nav__child1 {
	   
    width: 100%;
  }

  .animenu__nav {
    margin: 0px 0;
	    border-bottom:5px solid #FFDE00;

  }
  
  .animenu__nav__child > li {
  width: 100%;
  border-bottom: 1px solid #515151;
} 

.animenu__nav__child1 > li {
  width: 100%;
  border-bottom: 1px solid #515151;
} 

.animenu__nav > li:hover > a {
  color: #FFF;
  background:#004D43;
}


  .animenu__nav > li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #515151;
  }
  
  .animenu li, .animenu a {
  display: inline-block;
  font-size: 15px;
}
  
  .animenu__nav ul li li a {
    display: none;
  }
  
 
  
  .animenu__nav > li:last-child {
  }

  .animenu__nav > li > a {
    width: 100%;
    padding: 10px;
    border-color: #004D43;
    position: relative;
  }
  .animenu__nav a:hover {

  }

  .animenu__nav__child, .animenu__nav__child1 {
    position: static;
    background-color: #FFDE00;
    margin: 0;
    transition: none;
    visibility: visible;
    opacity: 1;
  }
  
  

  .animenu__nav__child > li:first-child > a:after {
    content: none;
  }
  
  .animenu__nav__child1 > li:first-child > a:after {
    content: none;
  }
  
  .animenu__nav__child a, .animenu__nav__child1 a {
    padding: 10px 30px;
    width: 100%;
  }
  
   .animenu__nav li > .animenu__nav__child  {
  }

.animenu__nav__child ul {
    display:none;
  }
  
  .animenu__nav__child ul li {
	
  display: none;

}
  
#CTA
{
	background:none;
	color:#FFF;
}  
  
#contentBar
        {
                float: none;
                margin: 0px auto 30px auto;
                width: 252px;
				height:520px;
				padding:1px 0;
        }

#contentBar article
        {
                float: none;
                margin: 5px;

        }
	
	#videoButton {
    width: 242px !important;
}

	
	#GFcontentBar
        {
                float: none;
                margin: 0px auto 30px auto;
                width: 252px;
				height:470px;
				padding:1px 0;
        }

#GFcontentBar article
        {
                float: none;
                margin: 5px;

        }

.productTitle 
{
	
	float:none;
	width:90%;
	border-bottom: #000 3px solid;
	margin-left:20px ;
}

#rwPage h3 {
	padding:0 20px;
	line-height:24px;
}

#benefitBar{
	width:90%;
}

#benefitBar a{
	display:block;
	padding-top:0;
	margin-top:0;
	  vertical-align:text-top;
	float:left;
	font-size:14px;
	color:#FFF;
	padding:5px;
	width:50%;
	line-height:18px;
}

#benefitBar a h4{
	padding:20px 10px 10px 40px;
	
}

.productGroups 
{
	
	float:none;
	width:100%;

}


.panel
{
	overflow:hidden;
	padding:0;
	position:relative;
}

.panel img
{
}
	
.panel h2
{
	/*font-size:42px;
width:360px;
margin-top:200px;*/
margin-left:10px;
margin-right:10px;

}

h1{
	margin-left:10px;
margin-right:10px;	
}
.suppLogo
{
	display:none;	
}

#panel1
{
	height:250px;

}

#panel5
{
	height:300px;

}

#panel2 h2
{
	font-size:30px;
margin: 0 10px;
}

.panelinfo 
{
	float:none;	
	width:100%;
}

.panelimg 
{

	float:none;
		width:100%;
		overflow:hidden;
		display:none;

}

.panelimgFloat 
{
	float:none;
	width:100%;
}

#control
{
		display:none;
		z-index:1;
		width:300px;
		position:absolute;
		top:60px;
		left:-250px;		
}

#toggle
{
	display:none;
	z-index:101;
	position:absolute;
	left:10px;
	top:70px;
}

#toggle:checked
{
	left:250px;
}

#toggle:checked + #control
{
	left:0px;	
	
}

#map-canvas
{
        width:100%;
}
	
.contactWrapper
{
 width:100%;
 height:auto;
 background:#004D43;	
 margin:10% auto;
 padding:20px;
}	

	.formWrapper
{
 width:300px;
 height:auto;
 background:#004D43;	
 margin:10% auto;
 padding:0px;
}
	
	#FDcontactHeader
{
	background-image:url(Images/AccCreation.jpg);
}
	
	.halfColumn {
	width: 100%;
}

#contactFooter
{
 height:auto;
}

#contactCTA h3
{
	font-size:36px;
	font-weight:bold;
	color:#FFDE00;
	text-align:center;
	padding:40px 0;
}

.CF 
{
	width:50%;
	float:none;
}

.CF h2
{
	color:#FFDE00;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	width:100px;
		margin: 0 auto;
	display:block;
	float:none;
}

.CF p
{
	color:#FFF;
	font-size:14px;
	display:block;
		width:100px;
		margin: 0 auto;
	margin-bottom:20px;
		text-align:center;

	float:none;
	line-height:20px;
}

.newsArticle
{
	padding:10px;	
}

.newsImg
{
	float:left;	
	width:50%;
}
	
.newsInfo
{
width:50%;
}
	
		
footer
        {
                padding-bottom:70px;
                height: auto;
        }
footer .wrapper
        {
                width: auto;
                margin: 0 auto;
				padding-top:0;
        }
footer .wrapper .column
        {
                margin-top:0px;
				border:none;
                float:none;
                font-size: 14px;
                width: auto;
				height:auto;
				margin-right:0px;
        }
		
footer .wrapper .column.midlist
 {
                margin-bottom:30px;
}

footer .wrapper .column.rightlist
 {
	 			width:100%;
                margin:0 auto;
				text-align:center;
				border-top:solid 3px #FFDE00;
				padding-top: 30px;
	}
		
footer .wrapper .column ul li ul li
{
		margin-left:0;
        display:none;
		
}		

footer .wrapper .column ul 
{
	margin:0;
}

footer .wrapper .column ul li
{
	margin-left:0;

	width: 100%;
    padding: 0px;
    position: relative;
}

footer .wrapper .column ul li a
{
	display:inline-block;
	margin-left:0;
    border-top:#FFF 1px solid;
	width:100%;;
    padding: 10px 10px 10px 50px;
}

#homeFooter a {

    border-top:hidden;
	
}	

#onlyMobile
{
	display:block;	
}
	
	
		
}

@media screen and (max-width: 568px) {
.animenu__nav ul li {
   
  }
	

  
  .newsArticle
{
	padding:10px;	
}

.newsImg
{
	float:none;	
	width:95%;
}
	
.newsInfo
{
width:100%;
margin:15px 0;
padding-left:0;
}

#video
{
	width:250px;	
		height:150px;	

}

iframe
{
	width:100%;
	height:150px;	
}


}



#searchInput
{
	display:block;	
}



body.login{
	background: transparent;
}
body.login #login{
	padding: 10% 0;
}

body.login #login h1{
	display: none;
}

body.login #login .submit input{
	background: #004D43;
}

body.login #login #backtoblog{
	display: none;
}

.login form .forgetmenot label{
	position: relative;
}

.login form .forgetmenot label input{
	position: absolute;
    top: 0px;
    left: 80px;
}

.members{
	background: #fff;
}

.members h2{
	font-size: 20px;
    padding: 20px 0px;
}

.members ul li{
	font-size: 16px;
	padding: 5px 10px;
}

@media (min-width:769px){
	.panelcontainer.flex{
		display: flex;
	}
	.panelcontainer.flex .column1{
		flex: 1;
	}
	.panelcontainer.flex .column2{
		flex: 3;
	}
}

.panelcontainer.flex .column2{
	padding: 20px 0px;
}


.video-categories button{
	height: 35px;
    padding: 0px 20px;
    background: transparent;
    border: 1px solid #004D43;
    color: #004D43;
    transition: all 0.2s ease-in-out;
    border-radius: 4px;
}

.video-categories select{
	height: 36px;
    border: 1px solid #004D43;
    min-width: 200px;
    margin-right: 20px;
    background: transparent;
}

.video-categories button:hover{
	background: #004D43;
	color: #fff;
}

input:focus {
    outline:none;
}

.video-categories .search-keyword{
    height: 36px;
    border: 1px solid #004D43;
    min-width: 200px;
    margin-right: 20px;
    background: transparent;
    border-radius: 5px;
    padding-left: 10px;
}