/*
* GUMMIKING INDIA 
* 
* Design & Developed: www.mediaworksindia.com
*/

@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);


::-moz-selection 	{ background-color: #91D8f7; color: #fff; }
::selection 		{ background-color: #91D8f7; color: #fff; }

a					{ outline: 0; color: #222; text-decoration: none; }
a:hover 			{ text-decoration: underline; }
p a:hover 			{ color: #27B3CF; }
a:active 			{ outline: none; position: relative; top: 2px; }

.clearfix 			{ clear: both; }

/*------------------------------------*\
  MAIN
\*------------------------------------*/

body 				{ 
	background: #ffffff; color: #222; 
	font-family: 'Oswald', sans-serif; 
	font-size: 16px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;	
}

#wrapper 			{ margin: 0px auto; max-width: 2880px; width:95%; background: #ffffff; padding: 0px 0; margin-left:60px; }
header 				{ 
	padding: 0px; 
	width:100%; 
	margin:auto;
	margin-bottom:25px;
	
}

h1 					{ 
	font-size: 90px; font-family: 'Oswald', sans-serif; 
	line-height: 75px; padding: 10px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}

h1 a:hover 			{ text-decoration: none; color: #27B3CF; }

h2 					{
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}
h3 					{ font-family: 'Oswald', sans-serif; font-size: 24px; text-transform:uppercase; }
h4 					{ font-family: 'Oswald', sans-serif; font-size: 24px; padding: 3px; margin: 5px 0 0 0; }
h4 a 				{ text-decoration: underline; }
h4 a:hover 			{  }

h6 					{ font-family: 'Oswald', sans-serif; font-size: 20px; text-transform:uppercase; color:#262626; }


/**
nav { 
	background: #ffffff; 
	padding: 0; margin: 10px 0; 
	float:right; 
	text-transform:uppercase;

}
nav a 				{ color: #5e5e5e; display: block; float: left; padding: 10px; font-weight:normal; }
nav a:visited 		{ color: #2e2777; }
nav a:hover			{ text-decoration: none; color: #2e2777;}
nav a:active		{ position: relative; top: 0; }

**/

.left-col 			{ width: 48%; float: left; border:0px solid red; padding:10px; }
.left-col h3 {color:#ec007c; line-height:24px; }
.left-col h2 { font-family: 'Oswald', sans-serif; font-size: 34px; text-transform:uppercase; line-height:35px; color:#2e2777; font-weight:800; }
.left-col p{font-family:Calibri;}


.sidebar 			{ 
	width: 45%; 
	float: right; margin-bottom: 10px; 
	border:0px solid red;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

.sidebar img{
	border:1px white solid;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

.sidebar ul{
	color:#1f1f1f; 
	padding:0px 5px;
	font-family: calibri;
	}
.sidebar li{list-style-type: square; padding-bottom:10px; margin-left:20px;}


#slider {padding:1px;} 



#featured 			{ padding: 0px; }
#latest				{ padding: 0px;overflow:hidden; border:0px solid red;}


.content-text{
	font-family:Calibri; 
	font-size:16px;
	padding:0px 15px;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}

.content-text img{
	border:1px #f2f2f2 solid;
	margin:0px 15px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
	
}


#about { 
	padding: 0px 20px; 
	background:#251e6b; 
	border-top:5px solid #dddddd;
	margin:auto;
	height:auto;
	
	background-image:url(../img/content/homepage-arrow.png);
	background-repeat:no-repeat;
	background-position:center top;
}


#about-latest{ 
	padding: 10px;
	overflow:hidden; 
	border:0px dashed white; 
	width:80%; 
	margin:auto;
	
}

#about-latest img{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	border:0px solid red;
	padding-right:10px;
	
	max-width:100%;
}

.about-header{
	font-family:font-family: 'Oswald', sans-serif; 
	font-size: 25px;
	font-weight:bold;
	color:#ffffff;
	background:#332d74;
	text-align:center;
	padding:5px;
	margin:10px;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}

.about-latest-header{
	font-family:font-family: 'Oswald', sans-serif; 
	font-size: 16px;
	font-weight:bold;
	color:#262626;
	line-height:24px;
	margin-bottom:10px;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}



img					{float:left; margin:3px;}

p 					{ padding: 0 5px 0 5px; text-align:justify; font-family: oswald; font-size:16px; }

ul 					{ list-style: none;}
ul li 				{ margin: 0px 10px; }

footer 				{ 
	padding: 15px; 
	background:#fff;
	color:#848484;
	font-size:12px;
	font-family:font-family: 'Calibri', sans-serif; 
	text-align:center;
}

footer p{
		border:0px dashed green; 
		text-align:center;
		font-size:12px;
		font-family:Calibri;
		text-align:center;
		color:#000;
	}

pre					{ overflow: scroll; font-size: 10px; }

.lastcolumn {
	margin-right: 0!important;
	clear: right;
}

#main-content{width:100%; margin:auto;}
.readmore {font-size:14px; color:white; background-color:#ed1888; padding:3px 5px; width:auto; text-decoration:none;}

/****SITE LOGO***/
	.gummi-logo{
		float:left; 
		border:0px solid red;
		margin:0;
		margin-left:0px;
		position:relative;
		z-index:9999999;
		margin-top:-24px;
		margin-left:-65px;
	}
	
	.searchinput {
	
	margin-left:0px;
	padding:5px;
	height:25px;
	font-family:"Calibri";
	font-size:14px;
	color:#575757;
	border:1px solid #e2e2e2;
	border-radius:6px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px;
	width:160px;
}

/****SITE LOGO***/


/****MAIN NAVIGATIN***/

/***ABOUT BOXES***/

.boxthreeleft, .boxthreecenter, .boxthreeright {
	padding:15px; border:0px solid red;
}


.one_third {
	width: 32.66%;
	float:left;
	margin:0px;
	border: 0px solid red;
}

.one_fourth {
	width: 22%;
	margin-right: 4%;
	margin-bottom: 10px;
	float: left;
}

  .container {
	position: relative;
	width: 80%;
	margin: 0 auto;
	border: 0px solid red;
}

#about .one_third {
	background:#e1e8ed;
	height:155px;
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 1px -1px 0px #efefef;
	border-bottom:3px solid transparent;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}







/****GOOGLE MAPS***/
.map-container {
	position: relative;
	padding-bottom: 20%;
	overflow: hidden;
	border-bottom:5px solid #fff;
}
.map-container iframe, .map-container object, .map-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}

form#contact_form textarea {
 width: 200px;
}
form#contact_form input[type="text"] {
 width: 150px;
}
form#contact_form input#email {
 width: 150px;
}

form#contact_form {
	background-color:#fff;
	border-left:0px dashed #e2e2e2;
	color:#414550;
}
form#contact_form .name {
	padding:0px 0px 0 00px;
}
form#contact_form .email {
	padding-left:00px;
	padding-top:10px;
}
form#contact_form p {
	margin-bottom:10px;
	padding-top:5px;
	font-style:italic;
}
form#contact_form .message {
	padding-left:00px;
	padding-top:10px;
}
div#loader {
	margin-left: 20px;
	margin-bottom:30px;
}
form#contact_form input[type="text"] {
	border: 1px solid #e1e5e9;
	background-color: white;
	height: 30px;
	padding: 0 10px;
	width: 250px;
	margin-bottom:20px;
}
form#contact_form input#email {
	border: 1px solid #e1e5e9;
	background-color: white;
	height: 30px;
	padding: 0 10px;
	width: 250px;
	margin-bottom:20px;
}
form#contact_form textarea {
	border: 1px solid #e1e5e9;
	background-color: white;
	width: 500px;
	margin-bottom:20px;
}
form#contact_form label {
	margin-right: 20px;
	font-size: 13px;
	
	color: #414550;
	text-transform: uppercase;
}
form#contact_form label span {
	color: #414550;
}
form#contact_form input[type="text"]:focus, form#contact_form input[type="text"]:hover, form#contact_form textarea:focus, form#contact_form textarea:hover, form#contact_form input[type="text"]:focus, form#contact_form input[type="text"]:hover, form#contact_form textarea:focus, form#contact_form textarea:hover {
	background-color:#ffffff;
}
form#contact_form input[type="submit"] {
	background: #414550;
	border:none;
	padding:5px;
	font-size:11px;
	text-transform:uppercase;
	color:white;
	margin-bottom:10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
form#contact_form input[type="submit"]:hover {
	color:#bfd6e4;
}

/****GOOGLE MAPS***/



/***TABLE CSS***/

table, th, td{
border: 1px dotted #e2e2e2;
font-weight:normal; border-collapse:collapse;
font-size:14px;
text-transform:uppercase;
}

th, td{padding:0px 10px 10px 10px; vertical-align:middle;}

/***TABLE CSS***/


/****IMAGE CAPTION***/
figure {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 20px 20px 0;
}
figcaption {
  position: absolute;
  background: black;
  background: rgba(0,0,0,0.75);
  color: white;
  padding: 10px 20px;
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}
figure:hover figcaption {
  opacity: 1;
}
figure:before {
  content: "?";
  position: absolute;
  font-weight: 800;
  background: black;
  background: rgba(255,255,255,0.75);
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 11px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;
}
figure:hover:before {
  opacity: 0;
  
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }

/****IMAGE CAPTION***/




/************************************||||||||||||||CSS FOR GUMMIKING||||||||||||||*************************************************/

/****PRODUCT RANGE****/
#prodrange{ 
	padding: 0px;
	overflow:hidden; 
	border:0px solid red;
	width:100%;
	margin:auto;
}
#prodrange a{text-decoration:none;}
#prodrange a:hover{text-decoration:none;}

.one_sixth {
	width: 33.33%;
	float:left;
	margin:0px;	
	background-color:#ffffff;
	text-align:center;
}

.prod-border-red{border-bottom:10px solid #d2283a;}
.prod-border-blue{border-bottom:10px solid #2daae1;}
.prod-border-orange{border-bottom:10px solid #ff9805;}
.prod-border-green{border-bottom:10px solid #239754;}
.prod-border-yellow{border-bottom:10px solid #ffc34f;}

.producttitle{
	font-family: 'Oswald', sans-serif; 
	font-size: 18px; 
	color:#82562e;
	padding:5px 0px;
	font-weight:500;
	line-height:22px;
	text-transform:uppercase;
}
.producttitle-darkblue{color:#016794;}
.producttitle-red{color:#d2283a;}
.producttitle-yellow-prod{color:#f2f502;}
.producttitle-blue{color:#2daae1; font-weight:500; text-transform:uppercase; font-size:16px;}
.producttitle-orange{color:#ff9805;}
.producttitle-green{color:#239754;}
.producttitle-yellow{color:#f2f502;}
.producttitle-coffee{
	font-family: 'Oswald', sans-serif; 
	font-size: 16px; 
	color:#82562e;
	padding:5px 0px;
	font-weight:500;
	line-height:22px;
	text-transform:uppercase;
}
.producttitle-gray{color:#6e6e6e;}
.producttitle-darkgray{
	font-family: 'Oswald', sans-serif; 
	font-size: 16px; 
	color:#868787;
	padding:5px 0px;
	font-weight:500;
	line-height:22px;
	text-transform:uppercase;
}
/****PRODUCT RANGE****/

/****LEVEL01****/
.natuebg{
	float:left;
	width:70%;
	border:0px solid #F00;
	background-image:url(../img/general/vegetables.jpg);
	background-repeat:no-repeat;
}

.one_70{
	width: 60%;
	float:left;
	margin:0px;	
	background-color:#000000;
	
}

.one_30{
	width: 40%;
	padding-bottom:30px;	
	/**background-image:url(../img/general/red-gradient-bg.png);
	background-position:center;
	background-size:100%;
	background-repeat:no-repeat;**/
}

.one_70 img{padding:0px; margin:0px;}

.about-us h3{font-size:30px; font-weight:400; color:#66ae48;}
.about-us{
	margin:auto;
	margin-top:51px;
	margin-bottom:51px;
	width:60%;
	border:0px solid white;
	padding:20px;
	color:#000;
	background-color:#f2fce2;
	font-size:14px;
	text-align:justify;
	font-weight:normal;
	font-weight:200;
	
	background: #f2ffdc; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #f2ffdc 49%, #d8efac 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(49%,#f2ffdc), color-stop(100%,#d8efac)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #f2ffdc 49%,#d8efac 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #f2ffdc 49%,#d8efac 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #f2ffdc 49%,#d8efac 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #f2ffdc 49%,#d8efac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffdc', endColorstr='#d8efac',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


		
		box-shadow: 0px 0px 6px 1px rgba(5, 5, 5, 0.75);
		-moz-box-shadow: 0px 0px 6px 1px rgba(5, 5, 5, 0.75);
		-webkit-box-shadow: 0px 0px 6px 1px rgba(5, 5, 5, 0.75);
		
}
.about-points{
	float:left;
	width:30%;
	border:0px solid white;
	padding:23px 20px 20px 20px;
	color:white;
	background-color:#d2283a;
	}

.about-points ul{
	list-style-type:square;
	margin:10px;
	}
.about-points ul li {
	font-family: 'Oswald', sans-serif; 
	font-size: 20px;
	line-height:30px;
		text-shadow: rgb(3, 3, 3) 0px 1px 2px;
}

.level01-readmore a{
	font-family: 'Oswald', sans-serif; 
	font-size: 18px;
	font-weight:lighter;
	color:white;
	background-color:#2daae1;
	padding:5px 10px;
	
}
/****LEVEL01****/


/****NEWSLETTER STRIP***/
.newsletter-strip{
	text-align:center;
	padding:1px;
	background-color:#ffc34f;
}

.newsletter-strip-header{
	font-family: 'Oswald', sans-serif; 
	font-size: 40px;
	color:#239754;
	font-weight:bold;
}

.newsletter-strip-header-red{color:#d2283a;}

   
.form-wrapper {
    width: 395px;
    padding: 8px;
    margin: auto;
    overflow: hidden;
    border-width: 0px;
    border-style: solid;
    border-color: #f1b84a #bababa #aaa #bababa;
    /**box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;**/
    border-radius: 10px;    
    background-color: #ffc34f;
    background-image: linear-gradient(top, #f1b84a, #eae8e8);
}

.form-wrapper #search {
    width: 275px;
    height: 42px;
    padding: 10px 5px;
    float: left;    
    font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    border-radius: 3px;      
}

.form-wrapper #search:focus {
    outline: 0; 
    border-color: #aaa;
    box-shadow: 0 1px 1px #bbb inset;  
}

.form-wrapper #search::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
}

.form-wrapper #search:-moz-placeholder {
    color: #999;
    font-weight: normal;
}

.form-wrapper #search:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
} 

.form-wrapper #submit {
    float: right;    
    border: 1px solid #00748f;
    height: 42px;
    width: 100px;
    padding: 0;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #fafafa;
    text-transform: uppercase;    
    background-color: #0483a0;
    background-image: linear-gradient(top, #31b2c3, #0483a0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;      
    text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
}
  
.form-wrapper #submit:hover,
.form-wrapper #submit:focus {       
    background-color: #31b2c3;
    background-image: linear-gradient(top, #0483a0, #31b2c3);
}   
  
.form-wrapper #submit:active {
    outline: 0;    
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    
}
  
.form-wrapper #submit::-moz-focus-inner {
    border: 0;
}

/****NEWSLETTER STRIP***/



/****QUICK TABS****/
#quicktabs{ 
	padding: 0px;
	overflow:hidden; 
	border:0px solid red;
	/*width:95.3%;*/
	width:100%;
	float:right;
}

.quicktab-25 {
	width: 25%;
	float:left;
	margin:0px;	
	background-color:#fff;
	text-align:center;
	
	
	clear:none;
	overflow:hidden;
	position:relative;
}

.quicktab-25 img{
	width:100%; 
	padding:0px; 
	margin:0px;
	position:relative;
	z-index:1;
	}
	
.quicktab-25-header{
	font-family: 'Oswald', sans-serif; 
	font-size:31px;
	color:#ffffff;
	display:block;
	position:absolute;
	width:100%;
	top:40%;
	left:0;
	z-index:2;
	text-align:center;
	text-shadow: 2px 2px 2px #000; 
	line-height:42px;
}

.quicktab-25 h2 { 
   position: absolute; 
   top:72%; 
   left: 0; 
   width: 100%; 
   
   
}

/****QUICK TABS****/

/*****CERTIFICATION & LOGOS*****/
#logos{
	/**float:right;**/
	margin:auto;
	width:25%;
    font-size: 21px;
    text-align: center;
	/**padding:10px;**/
	overflow:hidden;
	border:0px solid red;
	background-color: white;
    -webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera */
            animation: fadein 4s;
}

.social-links {margin-right:30px;}
.social-links a img{
	float:right;
	font-size: 21px;
    padding:4px 0px;
	overflow:hidden;
	border:0px solid red;

    -webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera */
            animation: fadein 4s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

#logos img{float:left; padding:0px 20px;}


/*****CERTIFICATION & LOGOS*****/



/*------------------------------------*\
  PRODUCT PAGE CSS START
\*------------------------------------*/
#product-main{
	width:100%; 
	height:auto; 
	margin:auto; 
	padding:20px; 
	border:0px solid red;
	padding-bottom:0px;
	padding-top:91px;

}

#product-main-down{
	width:100%; 
	height:auto; 
	margin:auto; 
	padding:20px; 
	background-image:url(../img/general/prod-greybg.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	border:0px solid red;
	padding-bottom:0px;
	padding-top:91px;

}

#main-content-internal{width:80%; margin:auto;}

#internal-main{
	width:100%; 
	height:auto; 
	margin:auto; 
	padding:20px; 
	border:0px solid red;
	padding-bottom:0px;
	padding-top:91px;

}

.left-product{ 
	width: 50%; 
	height:auto; 
	min-height:500px; 
	float: left; 
	border:0px solid #fff; 
	margin:0px;
}

.sidebar-prod
{			
	width:47%;
	float: right; margin:0px; 
	border:0px solid #000;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
	
}

.sidebar-prod p{
	color:#888;
	font-size:18px;
	font-family:Calibri;
}

.sidebar-prod h2{ 
	font-family: 'Oswald', sans-serif; 
	font-size:44px; text-transform:uppercase; 
	line-height:44px; 
	font-weight:800;
}

.sidebar-prod h3{ 
	font-family: 'Oswald', 
	sans-serif; 
	font-size:36px; 
	text-transform:uppercase; 
	line-height:35px;
	font-weight:lighter; 
} 


.prodheader-orange{color:#f39c12; line-height:30px;}
.prodheader-blue{color:#2654cc; line-height:30px;}
.prodheader-yellow{color:#f2f502; line-height:30px;}


#demo {display:none;}

#bottom-fourth {
    float: left;
    margin:20px;
	width:91%;
	display:none;
	}
#bottom-fourth ul {text-align:center; }	

#bottom-fourth li {	
	font-size:16px;
    color: #65625f;
    margin-bottom: 5px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
	padding:10px;
	border-bottom:1px dashed #CCC;
}
	
#bottom-fourth li a {	
	font-size:16px;
    color: #65625f;
    margin-bottom: 5px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
	font-weight:100;
}

.gallery{width:94%; margin:auto; border:0px dashed #e2e2e2; height:100%; padding:15px 0px;}


/**PHOTO COVER START **/

.gallery ul li img {
	margin-left:24px;
	margin-bottom:10px;
		padding:10px; 
		border:5px solid #FFF; 
		-webkit-box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.6);
		-moz-box-shadow:    1px 2px 2px 0px rgba(50, 50, 50, 0.6);
		box-shadow:         1px 2px 2px 0px rgba(50, 50, 50, 0.6);
		}

.cover-main
{			
	margin:0px;
	float:left;
	border:0px solid #000;
	background-color:#c9d881;
	padding:10px;
	margin:20px;
	border:1px solid #fff;
		-webkit-box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.6);
		-moz-box-shadow:    1px 2px 2px 0px rgba(50, 50, 50, 0.6);
		box-shadow:         1px 2px 2px 0px rgba(50, 50, 50, 0.6);
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
	
}
.cover-main img {width:100%;}
/**
.cover{
	width:486px;
	height:300px;
	margin-right:6px;
	margin-bottom:15px;
	background-color:#f39c12;
	background-image:url(../img/content/coverbg.png);
	background-repeat:no-repeat;
	background-position:right;
	border:10px solid #fff;
	box-shadow: 0px 2px 3px 1px rgba(174, 166, 166, 0.7);
	-moz-box-shadow: 0px 2px 3px 1px rgba(174, 166, 166, 0.7);
		-webkit-box-shadow: 0px 2px 3px 1px rgba(174, 166, 166, 0.7);
}
**/
.cover-main h3 {
	padding-left:5px;
	font-family:oswald;
	font-size:25px;
	color:#fff;
	text-transform:uppercase;
	font-weight:400;
	line-height:34px;
	text-shadow: -1px 1px 0px rgba(35, 31, 32, 1);
}
.cover-date  {
	padding-left:5px;
	vertical-align:middle;
	font-family:oswald;
	font-size:18px;
	color:#000;
	text-transform:uppercase;
	font-weight:400;
}
.cover-main h4 {	
	padding-left:5px;
	font-family:oswald;
	font-size:18px;
	color:#303030;
	text-transform:uppercase;
	font-weight:200;
}	
.cover-main h4 a{	
	color:#303030;
	text-decoration:none;
	font-size:18px;
}	
.cover-main h4 a:hover{	
	color:#303030;
	text-decoration:underline;
}	

.back-button{font-family:oswald; font-size:20px; text-align:center; background-color:#f8f8f8; padding:10px; font-weight:300;}
.back-button a{text-decoration:none;}
.back-button a:hover{text-decoration:underline; color:#de6500;}


.gallery-para {margin:0 auto; width:80%; padding:20px; background-color:#fff5e1; border:4px solid #e39e19; border-radius:12px; margin-top:20px; }
.gallery-para p {font-weight:300; font-size:16px;}
.gallery-para ul {list-style-type:disc; font-weight:300; font-size:16px; margin-left:20px;}
.gallery-para ul li{list-style-type:disc; font-weight:300; font-size:16px;}

/**PHOTO COVER END **/

.prodheader-orange{color:#f39c12;}

.rating{
	width:90%;
	padding:10px;
}

.rating img{float:left; max-width: 100%;
height: auto;}

/****NUTRION SECTION****/

.nutrionblock {
	width:99%;
	margin:2% 0%;
	float: left;
	border:0px solid red;
	
}

.nutrionblock_50 {
	width:85%;
	margin:0px;
	margin:auto;
}
.nutrionblock_50 img {width:100%; height:auto;}


/****MINERALS****/
#mineralbox{
	text-align:center;
	padding:10px;
	
	
}


.mineral-one_70{
	width: 10% ;
	margin:auto;
	border:0px solid red;	
	text-align:center;
	padding:20px;
	overflow:hidden;
}

.mineral-one_70 img{
	margin:auto;
	float:left;
}

.mineral-header{
	font-family: 'Oswald', sans-serif; 
	font-size: 50px;
	line-height:50px;
	color:#666;
	padding:00px 0px;
	font-weight:bold;
}
		
		/****MINERAL CIRCLE****/
		.mineralbox{
			width:80%;
			padding:20px;
			border:0px dashed #d2d2d2;
			margin-left:auto;
			margin-right:auto;
			overflow:hidden;
			
		}
		
		.triangle-background{
			background-image:url(../img/general/bg-triangle.jpg) ;
			background-repeat:no-repeat;
			background-position:center top;
			background-size:cover;
			-webkit-background-size: cover;	
		}
		
		.mineralbox img{width:10%; height:10%;}
		
		.mineral-70{
			width:68%;
			padding:5px;
			float:left;		
		}
		
		.mineral-30{
			width:28.5%;
			padding:5px;
			float:left;		
		}
		
		/****MINERAL CIRCLE****/

/****MINERALS****/


/****PRODUCT INFO*****/
.info-orange{
	bacground-color:#f2f2f2;
}

.info-links{
	 font-family: Verdana,Geneva,sans-serif;
    font-weight: bold;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 53%;

	
}

.info-links-25{
	width:24%;
	padding:3px;
	border:1px dotted white;
	float:left;
}

/****PRODUCT INFO*****/


/****PARENTS QUOTE***/
blockquote {
 
  border-left: 0px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-family: 'Libre Baskerville', serif;
  font-style:italic;
  font-size:20px;
  color: #555555;
  font-weight:normal;
}
blockquote:before {
  color: #fff;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
  font-size:20px;
  font-family: "Libre Baskerville",serif;
}

.blockquote-user{
	font-size:16px;
    padding:10px 0px;
    /*background-image:url(../img/content/user.png);
    background-repeat:no-repeat;
    background-position:left;*/
    font-style:normal;
    text-align:left;
    width:50%;
    margin:0 auto;
	}
.blockquote-user .imgbox {float:left; padding-right:10px;}

.quote-header{
	 color: #666;
    font-family: "Libre Baskerville",serif;
    font-size: 30px;
    font-style: italic;
    margin: 0 auto;
    width: 17%;

}


/****PARENTS QUOTE***/

.head-title{
	background-color:#ffc34f;
	text-align:center;
	text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
	font-family:oswald;
	color:#fff;
	font-weight:500;
	text-transform:uppercase;
	font-size:26px;
	padding:10px;
}

/******RECIPE TAB START*****/
#recipetab{ 
	padding: 0px;
	overflow:hidden; 
	border:0px solid red;
}

.recipe-25 {
	width: 25%;
	float:left;
	margin:0px;	
	background-color:#000;
	text-align:center;
	
	
	clear:none;
	overflow:hidden;
	position:relative;
}

.recipe-25 img{
	width:100%; 
	padding:0px; 
	margin:0px;
	position:relative;
	z-index:1;
	opacity:0.4;
	}
	
.recipe-25-header{
	font-family: 'Oswald', sans-serif; 
	font-size: 35px;
	color:#ffffff;
	display:block;
	position:absolute;
	width:100%;
	top:40%;
	left:0;
	z-index:2;
	text-align:center;
	/**text-shadow: 2px 2px 2px #000; **/
	line-height:42px;
	border:0px solid red;
	clear:both;
	font-weight:100;
}

.recipe-25 h2 { 
   position: absolute; 
   top:55%; 
   left: 0; 
   width: 100%;    
}

.recipe-link{
	text-align:center;
	font-family: 'Oswald', sans-serif; 
	font-size: 15px;
	font-weight:100;
	color:#ffffff;
	padding:5px 10px;
	border:1px solid white;
	background: transparent;
	
}

#recipe-content-main{width:80%; margin:auto;}
#main-content-recipe {width:60%; margin:auto;}


.recipe-flexslider {
	margin: 0;
	padding: 0;
	position: absolute;
    width: 95%;
	}

#recpie-bg{margin:auto; border:0px solid #000; position:relative; padding-top:17%; width:27%; z-index: 999; }
#recpie-bg img{
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
}

.recpie-content-internal{width:49%; margin:auto; margin-top:20px; margin-bottom:20px; float:left; border:0px solid red; border-right:0px dotted #CCC;}

.recpie-content-internal ul {list-style:square;}
.recpie-content-internal ul li{
	color:#3f3f3f; 
	font-size:16px;
	border-bottom:0px dotted #666;
	padding-top:10px;
	line-height:20px;
	font-family:oswald;
	font-weight:300;
	}

.recpie-content-internal p{
	color:#3f3f3f;
	font-size:16px;
	border-bottom:0px dotted #666;
	padding:10px 15px;
	line-height:25px;
	font-family:oswald;
	font-weight:300;
}

.sidebar-recpie
{			
	width:49%;
	float: right; margin:0px;
	margin-top:20px;
	margin-bottom:20px;
	border:0px solid #000;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
	
}

.sidebar-recpie p{
	color:#3f3f3f;
	font-size:16px;
	border-bottom:0px dotted #666;
	padding:10px 15px;
	line-height:25px;
	font-family:oswald;
	font-weight:300;
}
.sidebar-recpie ul {list-style-type:upper-roman;}
.sidebar-recpie ul li{
	color:#3f3f3f; 
	font-size:16px;
	border-bottom:0px dotted #666;
	padding-top:10px;
	line-height:20px;
	font-family:oswald;
	font-weight:300;
	}


.sidebar-recpie h2{ 
	font-family: 'Oswald', sans-serif; 
	font-size:48px; text-transform:uppercase; 
	line-height:35px;
	font-weight:800;
}

.sidebar-recpie h3{ 
	font-family: 'Oswald', 
	sans-serif; 
	font-size:36px; 
	text-transform:uppercase; 
	line-height:35px;
	font-weight:lighter; 
} 


.recipe-headline{
	text-align:center;
	font-family: 'Oswald', sans-serif; 
	font-size: 40px;
	line-height:40px;
	font-weight:500;
	color:#000;
	padding:20px 0px;
	text-transform:uppercase;
	border:0px solid #CCC;
}

.recipe-title{
	font-size:18px;
	color:#ff9805;
	font-weight:500;
}

.method{
	color:#666666;
	font-size:18px;
}

.orange{color:#666;}
.green{color:#239754;}


.recipebox60{width:60%; background-color:#e2e2e2;}
.recipebox40{width:40%; background-color:#000;}

.recipebox-wrapper{
	width: 100%;
height: 100%;
}
/******RECIPE TAB END*****/
/****GOOGLE MAPS***/
.map-container {
	position: relative;
	padding-bottom: 20%;
	overflow: hidden;
	border-bottom:5px solid #fff;
	margin-bottom:3%;
	}
.map-container iframe, .map-container object, .map-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	
}
/*******MAP END*******/

#contact-main{width:98%; float:right; border:0px solid #000;}

/***************** Contact/Sidebar *****************/
.contact-col p { text-align:justify; font-size:16px; color:#666666; line-height:22px; font-family:calibri;}

.contform-sidebar p { text-align:justify; font-size:16px; color:#666666; line-height:22px; font-family:calibri;}

ul.contactsidebarList a.about {
	color: #666666;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
ul.contactsidebarList a.about:hover {
	padding-left:2px;
}
ul.contactsidebarList li {
	color:#666666;
	font-family:calibri;
	font-size:16px;
	padding: 10px 10px;
	border-bottom:1px dotted #d2d2d2;
}

/***************** Contact/Sidebar end *****************/

/********** CONTACT FORM START -   ***************/
#contactForm {
	width:100%;
	float:left;
}

#contactForm h2 {
	margin-top:40px;
	color:#666666;
}

form#contact_form .name {
	padding:5px 0px 0 20px;
}
form#contact_form .email {
	padding-left:20px;
	padding-top:10px;
}
form#contact_form p {
	margin-bottom:10px;
	padding-top:5px;
	font-style:italic;
}
form#contact_form .message {
	padding-left:20px;
	padding-top:10px;
}
div#loader {
	margin-left: 20px;
	margin-bottom:30px;
}
form#contact_form input[type="text"] {
	border: 1px solid #e1e5e9;
	background-color: white;
	height: 30px;
	padding: 0 10px;
	width: 250px;
	margin-bottom:20px;
}
form#contact_form input#email {
	border: 1px solid #e1e5e9;
	background-color: white;
	height: 30px;
	padding: 0 10px;
	width: 250px;
	margin-bottom:20px;
}
form#contact_form textarea {
	border: 1px solid #e1e5e9;
	background-color: white;
	width:325px;
	margin-bottom:20px;
}
form#contact_form label {
	margin-right: 20px;
	font-size: 12px;
	color: #414550;
	text-transform: uppercase;
}
form#contact_form label span {
	color: #414550;
}
form#contact_form input[type="text"]:focus, form#contact_form input[type="text"]:hover, form#contact_form textarea:focus, form#contact_form textarea:hover, form#contact_form input[type="text"]:focus, form#contact_form input[type="text"]:hover, form#contact_form textarea:focus, form#contact_form textarea:hover {
	background-color:#efefef;
}
form#contact_form input[type="submit"] {
	background:#2daae1;
	border:none;
	padding:5px;
	font-size:11px;
	text-transform:uppercase;
	color:white;
	margin-bottom:10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
form#contact_form input[type="submit"]:hover {
	color:#bfd6e4;
}

.subheader-text {font-family:oswald; font-size:24px; font-weight:100; text-transform:uppercase;}

/********** CONTACT FORM END -   ***************/

.about-gummi {
	border-radius:12px;
	border:4px solid #8bca30;
	background-color:#effdda;
	padding:20px;
	font-weight:100;
}

/********** DOWNLOAD PAGE ***************/
.download {
	padding:10px;
	border-bottom:1px dashed #a7a7a7;
}
.download-head {text-align:center; font-weight:400; font-size:24px; margin-bottom:20px; text-transform:uppercase;padding-top: 20px;}
.download h3 {
	padding-top:5px;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
}
.download span{color:#848383; font-weight:100; font-style:italic;}
.download span a {text-decoration:none;color:#666666;}
.download span a:hover{color:#000; text-decoration:underline;}
.download img {margin-right:10px;}
/********** DOWNLOAD END ***************/

/********** TESTIMONIALS START ***************/
.testimonial-box{
  width:700px;
  margin:0 auto;
  margin-bottom:20px;
  height:auto;
  color:#666;
  position:relative;
  padding-bottom:30px;
  overflow:hidden;
  background-color:#f5f5f5;
  padding:15px 25px 15px 25px;
  		-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);
		box-shadow:  2px 2px 2px 0px rgba(50, 50, 50, 0.75);
}
blockquote{
  margin:0 auto;
  margin:10px 0px 20px 0px;
  padding:30px;
  width:645px;
  height:auto;
  background-color:#DB532B;
  color:white;
  box-shadow: 0 5px 2px rgba(0,0,0,0.1);
  position:relative;
  transition: background-color 0.6s linear;
}

blockquote:after { 
  content: " "; 
  height: 0; 
  width: 0; 
  position: absolute; 
  top: 100%; 
  border: solid transparent; 
  border-top-color: #DA532B;
  border-left-color:#DA532B;
  border-width: 10px; 
  left: 10%; 
} 
#second:checked ~ .two blockquote {
  background-color:purple;
}
.two blockquote:after{
  border: solid transparent; 
  border-top-color: purple;
  border-left-color:purple;
  border-width: 10px;
}
#third:checked ~ .three blockquote{
  background-color:#54885F;
}
.three blockquote:after{
  border: solid transparent; 
  border-top-color: #54885F;
  border-left-color: #54885F;
  border-width: 10px;
}

blockquote:after {
  color: #fff;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
 }
 
 #testimonials-main{
	width:100%; 
	height:auto; 
	margin:auto; 
	padding:20px;
	padding-bottom:0px;
	padding-top:91px;
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,255,156,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(250,255,156,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,255,156,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,255,156,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,255,156,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,255,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faff9c', GradientType=0 );
}

/********** TESTIMONIALS END ***************/

/******FUN STUFF TAB START*****/
#funtab{ 
	padding: 0px;
	overflow:hidden; 
	border:0px solid red;
}
.fun-center {width:66.66%; height:auto; overflow:hidden; margin:0 auto;}
.fun-33 {
	width: 50%;
	float:left;
	margin:0px;	
	text-align:center;
	clear:none;
	overflow:hidden;
	position:relative;
}
/*.fun-33 {
	width: 33.33%;
	float:left;
	margin:0px;	
	text-align:center;
	clear:none;
	overflow:hidden;
	position:relative;
}
*/
.funbox{
	margin:0 auto;
	padding:30px;
	background-color:#e6f1ee;
	border-radius:12px;
	border:4px solid #789e93;
	margin-top:20px;
	margin-bottom:20px;
}
.funbox h3 {
	padding-top:5px;
	font-family: 'Oswald',sans-serif;
    font-size: 16px;
    text-transform: uppercase;
	font-weight:normal;
}
.funbox-head {text-align:center; font-weight:400; font-size:24px; margin-bottom:20px; text-transform:uppercase;}
.funbox span{color:#848383; font-weight:100; font-style:italic;}
.funbox span a {text-decoration:none;color:#666666;}
.funbox span a:hover{color:#000; text-decoration:underline;}
.funbox img {margin-right:10px;}

#fun-main{
	width:100%; 
	height:auto; 
	margin:auto; 
	padding:20px; 
	border:0px solid red;
	padding-bottom:0px;
	padding-top:91px;

}

.gamebox {
	margin:0px 10px;
	background-color:#a3d9ca;
	border:4px solid #fff;	
	border-radius:28px;
	padding:10px;
	
}
.gamebox-text {
	color:#fff;
	text-align:left;
}

.gamebox img{margin-right:10px;}

.fun-facts-text {font-size:14px; font-family:calibri;}

/******FUN STUFF TAB END*****/

/**=======================================================================
							SHOPPING CART CSS START
====================================================================**/	
.left-shop-product{ 
	width: 50%; 
	height:auto; 
	min-height:500px; 
	float: left; 
	border:0px solid #fff; 
	margin:0px;
}

.sidebar-shop-prod {			
	width:47%;
	float: right; margin:0px; 
	border:0px solid #000;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;	
}

.sidebar-shop-prod h2{ 
	font-family: 'Oswald', sans-serif; 
	font-size:48px; text-transform:uppercase; 
	line-height:44px; 
	font-weight:800;
}

.shop-prodheader-orange{color:#f39c12; line-height:30px;}
.shop-prodheader-blue{color:#284893; line-height:30px;}
.shop-prodheader-yellow{color:#f2f502; line-height:30px;}

.sidebar-shop-prod h3{ 
	font-family: 'Oswald', 
	sans-serif; 
	font-size:36px; 
	text-transform:uppercase; 
	line-height:35px;
	font-weight:lighter; 
} 

.sidebar-shop-prod p{
	color:#6b6b6b;
    font-family: calibri;
    font-size: 16px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    text-align: justify;
}

.sidebar-shop-prodprice {
	font-family: 'Oswald', 
	sans-serif; 
	font-size:36px; 
	font-weight:400; 
	color:#6b6b6b;
}

.addcart-button a{
	font-family:oswald;
    background-color: #ff8a00;
	border-radius:6px;
	border-bottom:4px solid #ff6c00;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size:18px; 
   	padding: 6px 20px;
    text-align: center;
	text-decoration:none;
	text-shadow: 0px 1px 1px rgba(25, 25, 25, 1);
}
.addcart-button a:hover{color:white;}


#cart-menu { 
	width:230px; 
	height:56px;
	float:right;
	margin-top:11px;
	/*border:1px solid #EBEBEB;
	background-color:#FBFBFB;*/
	}

#cart-menu a {
	float:left;
	display:block;
	text-align:center;
	color:#959595;
	text-transform:uppercase;
	font-family:calibri;
	font-size:12px;
	padding:5px 10px;
	height:25px;
	width:auto;
	border-right:1px dashed #DFDFDF;
}
#cart-menu a:hover {
	text-decoration:underline;
	color:#000;
	}	
#cart-menu span {
	color:#2daae1;
	font-family:calibri;
	font-size:12px;
	width:auto;
	padding:10px;
}	
#cart-menu img {
	padding:0px;
	margin:0px;
	margin-right:5px;
	margin-top:-2px;
}
#cart-menu-shop { 
	width:106px; 
	height:35px;
	float:left;
	margin-top:0px;
	border:0px solid #EBEBEB;
	}
#cart-menu-shop a{ 
	float:left;
	display:block;
	text-align:left;
	color:#959595;
	text-transform:uppercase;
	font-family:calibri;
	font-size:12px;
	padding:5px 10px;
	height:25px;
	width:auto;
	border-right:1px dashed #DFDFDF;
	}	
.count {
	float:right;
	background-color:#2daae1;
	border-radius:50px;
	color:#fff;
	font-weight:bold;
	height:28px;
	width:28px;
	line-height:15px;
	text-align:center;
	padding:7px 1px 0px 1px;
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	margin:-6px 0px 0px 9px;

}
/**=======================================================================
							SHOPPING CART CSS END
====================================================================**/	


/**=======================================================================
				SHOPPING CART MOUSE OVER POPUP CSS START
====================================================================**/					
#pop-up {
	display:none;
    position:absolute;
    width: 380px;
    padding: 10px;
    background: #fff;
    color: #000000;
    border:1px solid #c8c8c8;
    font-size: 90%;
	z-index:99999;
	margin-right:-98px;
	}	
.pop-up-cart {
	font-family:calibri;
	font-size:12px;
	color:#333;
	background-color:#FFF;
	}
.pop-up-cart-right {
	font-family:calibri;
	font-size:12px;
	color:#333;
	background-color:#FFF;
	text-align:right;
	}
.pop-up-cart-button {
	width:100px;
	height:30px;
	font-size:14px;
	padding:6px;
	color:#fff;
	background-color:#2daae1;
	text-align:center;
	font-family:calibri;
	text-transform:uppercase;
	margin:10px;
	float:left;
	cursor:pointer;
}

#pop-up td {padding-top:5px;}
/**=======================================================================
				SHOPPING CART MOUSE OVER POPUP CSS END
====================================================================**/	

.login-gummi {
	margin-bottom:40px;
	border:20px solid #329e9e;
	background-color:#FFF;
	padding:0px;
	font-weight:100;
	/*height:322px;*/
	height:auto;
	overflow:hidden;
		-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.75);
		-moz-box-shadow:    0px 3px 2px 0px rgba(0, 0, 0, 0.75);
		 box-shadow:        0px 3px 2px 0px rgba(0, 0, 0, 0.75);	
}
.login-gummi-one{width:50%; margin:0; border:0px solid #000; float:left; padding:2%;}
.login-gummi-two{
	width:50%;
	 margin:0; 
	 border:0px solid #000; 
	 float:left; padding:2%; 
	 background-color:#f6f5f5; 
	 /*height:282px;*/
	 height:auto;
	 overflow:hidden;
	 }
.login-gummi-two p {font-family:calibri; font-size:14px; color:#626262;}
.contactForm {
	width:100%;
	height:auto;
	padding:10px;
	border:1px dotted #E2e2e2;
	background-color:#fff;	
}
.contactForm h2 {font-size:24px; font-weight:400;}

/**=======================================================================
				LOGIN FORM CSS END
====================================================================**/	
.main-register{width:100%; margin:auto;}
.register-gummi {
	margin-bottom:40px;
	border:20px solid #329e9e;
	background-color:#FFF;
	padding-bottom:20px;
	font-weight:100;
	height:auto;
	overflow:hidden;
		-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.75);
		-moz-box-shadow:    0px 3px 2px 0px rgba(0, 0, 0, 0.75);
		 box-shadow:        0px 3px 2px 0px rgba(0, 0, 0, 0.75);	
}
/*.register-gummi {
	margin-bottom:40px;
	border:20px solid #329e9e;
	background-color:#FFF;
	padding:0px;
	font-weight:100;
	height:1400px;
		-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.75);
		-moz-box-shadow:    0px 3px 2px 0px rgba(0, 0, 0, 0.75);
		 box-shadow:        0px 3px 2px 0px rgba(0, 0, 0, 0.75);	
}*/

/**=======================================================================
				MY ACCOUNT FORM CSS START
====================================================================**/	
.myAccount{
	border-bottom: 2px solid #2daae1; 
	height:35px;
    margin:0;
    width:100%;
	}
.myAccount ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
	}
.myAccount ul li {
    display: inline;
    float: left;
    margin: 0 4px 0 0;
    text-align: center;
	width: 163px;
}
.myAccount ul li a {
    background-color:#f8fafb;
    color: #000;
    display: block;
    font-family: "Calibri";
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
	padding:8px 0px;
	transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}
.myAccount ul li a:hover {
    background-color:#2daae1;
    color: #fff;
    text-decoration: none;
}

.myAccount ul li a.active {
	background-color:#2daae1;
    color: #ffffff;
    text-decoration: none;
}

#myAccount-profile {padding: 20px 0; border:0px solid #000; min-height:500px; background-color:#f8fafb;}
#myAccount-profile .column {
	color: #707070;
    height:auto;
    margin-right: 50px;
    padding:0 15px;
    position: relative;
    width:340px;
	float:left;
	border:0px solid #999;
}
#myAccount-profile .row {
	font:16px 'calibri',sans-serif;
    margin-bottom: 10px;
}
#myAccount-profile .row h4 {float:left; width:80px; font: 16px 'calibri',sans-serif; color:#000; margin:0px; padding:0px;}
#myAccount-profile .row .info {float:left; font-size:16px;}


#myAccount-profile .subClumn {
    margin-bottom: 25px;
    position: relative;
}
#myAccount-profile .subClumn h3 {
    color:#000;
    font:16px 'Calibri',sans-serif;
    margin-bottom:6px;
}
#myAccount-profile .subClumn p {
    color:#707070;
    font:16px 'Calibri',sans-serif;
    margin-bottom:6px;
	text-align:left;
	margin:0px;
	padding:0px;
	line-height:26px;
}

#myAccount-profile .smallLink {
    border-radius: 4px;
    position: absolute;
    right: -23px;
    top: 0;
	color:#fff;
	font-family:calibri;
	font-size:16px;
	padding:5px 10px;
	background-color:#2daae1;
	text-decoration:none;
}


#chgpass{padding:20px 20px; background-color:#f8fafb;}
#chgpass label{color:#000; float:left; font:16px 'calibri',sans-serif; color:#000; min-width:120px;}
.detailsForm input[type="text"], .detailsForm input[type="password"] {
    border: 1px solid #999;
    color: #000;
    float:left;
    font:16px 'Calibri',sans-serif;
    margin-left: 5px;
    padding: 4px 6px;
    width: 279px;
	margin-bottom:10px;
}
.detailsForm input.profileEdit[type="text"]{
    border: 1px solid #999;
    color: #000;
    float:left;
    font:16px 'Calibri',sans-serif;
    margin-left: 5px;
    padding: 4px 6px;
    width: 237px;
	margin-bottom:10px;
}
.detailsForm select {
    color: #000;
    float:left;
    font:16px 'Calibri',sans-serif;
    margin-left: 5px;
    padding: 4px 6px;
    width: 279px;
	margin-bottom:10px;
}
.mediumLink{
    background:#2daae1;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 13px 'Calibri',sans-serif;
    padding: 5px 15px;
    text-align: center;
    text-transform: capitalize;
    vertical-align: top;
    width: auto;
}
#pin_code {
    border: 1px solid #999;
    color: #000;
    float: left;
    font: 16px 'calibri',sans-serif;
    margin-left: 5px;
    padding: 4px 6px;
	background-color:#FFF;
}

/******ORDER DETAIL CSS START*******/
.detailsForm table.orderTBL  {background-color:#fff; color:#000; font-family:calibri; size:16px; text-align:center; padding:15px;}
.detailsForm p{
    color:#000;
    font:14px 'Calibri',sans-serif;
    margin-bottom:6px;
	text-align:left;
	margin:0px;
	padding:0px;
	line-height:20px;
}
.detailsForm h4 {font-size:16px; font-family:calibri; padding:0px 0px 20px 0px;}

hr {color:#e7e7e7; width:100%; border:dotted 1px; }


.prod-box {
	background-color:#FFF;
	border-radius:10px;
	border:1px solid #CCC;
	float:left;
	margin:10px 10px 20px 10px;
	padding:10px;
	width:31%;
	height:auto;
	text-align:center;
	border-bottom:7px solid #999;
	text-transform:uppercase;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
	}
.prod-box a{ text-decoration:none;}
.prod-box:hover{ text-decoration:none; border-bottom:7px solid #1AA8C6;}
.prod-box img { margin-bottom:15px; margin-top:15px;}
.prod-box span{font-family:oswald; font-size:18px; text-transform:uppercase;}
.trans-btn {
	width:auto;
	background-color:#ff8a00;
    color:#fff;
	float:right;
    display: block;
    font-family: "Calibri";
    font-size:14px;
    font-weight: bold;
	margin-top:10px;
	margin-bottom:10px;
    padding: 8px 14px;
	cursor:pointer;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.25s ease-in-out 0s;
}
.trans-btn a{text-decoration:none; cursor:pointer;color:#fff;}

.trans-det-btn {
	float:left;
	width:auto;
	background-color:#1aa8c6;
    color:#fff;
    display: block;
    font-family: "Calibri";
    font-size:14px;
    font-weight: bold;
	margin-top:10px;
	margin-bottom:10px;
    padding: 8px 14px;
	cursor:pointer;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.25s ease-in-out 0s;
}
.trans-det-btn a{text-decoration:none; cursor:pointer;color:#fff;}

/**=======================================================================
				MY ACCOUNT FORM CSS END
====================================================================**/	

#toll-free{
	float:right;
	width:181px;
	height::auto;
	margin-top:4px;
	margin-right:10px;
}
#toll-free img{
	float:left;
	padding:1px;
}

#gummi-com{
	float:right;
	width:200px;
	height::auto;
	margin-top:10px;
	margin-right:10px;
}
#gummi-com img{
	float:left;
	padding:1px;
}
.first-time{ 
	bottom: 0;
    float: right;
    height: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 200px;
    z-index: 99;
}
#content {
	width:80%;
	padding:30px 0px;
	margin:0 auto;
	margin-top:90px;
	border:0px solid #000;
	background-color:#FAFBE3;
	height:auto;
	overflow:hidden;
}
/*====================top header start csss===================*/
.top-header {
	padding:0px 0px;
	height:26px;
	border-bottom:0px dashed #c0c0c0;
}
.wrap {
	border: 0 solid #000;
    float: right;
    padding: 0 30px;
    width: 27%;
}

.top-header-left {
    float: right;
    font-size:12px;
	color:#4a4a4a;
    display: inline-block;
	border:0px solid #f00;
 }

.top-header-left p {
 	color: #2a2a2a;
    display: inline-block;
    font-family: calibri;
    font-size: 13px;
	line-height:0px;
	 padding: 0;
}
.top-header-left p a {
 	color: #4a4a4a;
    display: inline-block;
    font-family: calibri;
    font-size: 12px;
	line-height:0px;
	text-transform:uppercase;
	border-right: 0px solid #858585;
	padding: 13px 13px;
}
.top-header-right {
    float: right;
	color:#fff;
    display:flex;

 }
 .top-header-right a{border-left:1px solid #858585;}
 
/*====================top header end csss===================*/	
#shop-content {
width:80%;
padding:30px 0px;
margin:0 auto;
margin-top:90px;
border:20px solid #329e9e;
background-color:#fff;
height:auto;
overflow:hidden;
}	

.foot-link {
	padding:10px 0px;
}
.foot-link a {
	border: 0 dashed green;
	padding:10px;
    color: #000;
    font-size: 12px;
    text-align: center;
}
.buy-logo {background-image: url(../img/general/bg-triangle.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
	padding:0;
	overflow:hidden;
	margin-top:45px;
}
.buy-30 {width:15%; padding:5px; float:left; height:auto;}
.buy-header {font-family:'Oswald', sans-serif; font-size:26px; color:#666; font-weight:bold; text-transform:uppercase;margin-top:15px;}
.buyopt80 {
    width: 80%;
    padding: 20px;
    border: 0px dashed #d2d2d2;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.buy-70 {width:84%; padding:5px; float:left;}
.buy-70 .o-logo{float:left; width:15%; height:auto; margin:0px 12px 0px 0px;}
.buy-70 .o-logo img{float:left; width:100%; height:auto; border:}