/*Styles For Desktop - 1
====================================================================*/
@import url('https://fonts.googleapis.com/css?family=Lato');


@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url(https://fonts.gstatic.com/s/lato/v13/muRcAtdNYlnTj3NeuakxChTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}


body							{background: url(../images/carrots-bg.jpg) no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; background-attachment: fixed;}

.table							{margin-bottom: 35px;}
.table table					{width: 100%; font-size: 13px; border: 1px solid #414042; padding: 0;}
.table th						{border-bottom: 1px solid #414042; border-right: 1px solid #414042; padding: 5px 0;}
.table td						{border-bottom: 1px solid #414042; border-right: 1px solid #414042; padding: 5px 5px}

.navigation						{text-align: right; position: relative;  z-index: 2; background: url(../images/nav-bg.png) repeat;}
.navigation ul					{padding-top: 116px; padding-bottom: 30px;}
.navigation li					{display: inline;}
.navigation li a				{color: #fff; font-family: 'Lato', sans-serif !important; text-decoration: none; padding: 7px; font-size: 13px; text-shadow: 1px 1px 3px #000000; font-weight: 600; font-size: 12.5px;}
.navigation li a:hover		{text-decoration: underline;}

.top-nav                          {background: #ad6f34; padding: 5px 0;}
.left-nav							{float: left; position: relative; z-index: 999;}
.right-nav							{float: right; position: relative; z-index: 999;}

#logo								{position: absolute; left: 12px; top: 90px; z-index: 1; width: 100%; text-align: center;}

.slider								{text-align: center; }

.content							{min-height: 300px; background: #fff; max-width: 1080px; margin: 0 auto; padding: 10px 20px; font-family: 'Lato', sans-serif !important; font-weight: normal; width: 100%; color: #58595b;}
.content hr						{width: 100%; height: 1px; 	border-bottom:1px solid #e2e5ea;}
.content h1						{font-weight: normal; margin-bottom: 15px;}
.content h2						{font-weight: normal; margin-bottom: 15px;}
.content h3						{font-weight: normal; margin-bottom: 15px; display: block;}
.content h4						{font-weight: normal; margin-bottom: 15px;}
.content p						{margin-bottom: 25px;}
.content ul						{margin-left: 15px; margin-bottom: 10px;}
.content .list					{position: relative; top: -15px;}
.content a, .content a:visited			{color: inherit;}
.content a:hover				{text-decoration: none;}

.content-wrapper			{width: 69%; float: left; border-right: 1px solid #e2e5ea; padding-right: 20px; position: relative;}
.content-wrapper ul		{}

.sidebar							{width: 23%; float: left; margin-left: 30px; border: 1px solid #e2e5ea; background: #f0f0f0; padding: 5px 10px;}
.sidebar ul						{margin-bottom: 10px; margin-left: 0;}
.sidebar li						{list-style: none;}
.sidebar li a					{text-decoration: underline; color: #58595b; display: block; padding: 5px 0;}
.sidebar li a:hover			{text-decoration: none;}
.sidebar h3						{}
.sidebar p						{margin-bottom: 10px;}
.sidebar hr						{padding: 0; margin: 5px 0;}

#slogan							{font-size: 40px; font-weight: 100 !important; text-align: justify; color: #58595b; margin-bottom: 30px; font-family: 'Lato', sans-serif !important;}

.left-column						{width: 48%; float: left; color: #414042; font-size: 13px; text-align: justify; line-height: 30px; margin-bottom: 20px;}
.right-column					{width: 48%; float: right; color: #414042; font-size: 13px; text-align: justify; line-height: 30px; margin-bottom: 20px;}

.left-column ul, .right-column ul		{margin-left: 15px;}

.footer								{text-align: center; font-size: 13px; padding: 20px;}

.mobile							{display: none;}

.form								{margin-bottom: 15px;}


span.tel         {font-size: 18px;}

.actionbar {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.actionbuttons {
    background: #e34f51;
    border-radius: 7px;
    text-decoration: none;
    color: #fff;
    padding: 11px 14px;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    font-size: 9px;
    display: block;
    margin: 7px 0;
    font-size: 13px;
}


.shop {
    width: 30%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.shop a:hover{
    margin: 0 auto;
    text-align: center;
    text-decoration: underline;
}

.seeds {
    background: #e34f51 !important;
    border-radius: 7px;
    text-decoration: none;
    color: #fff !important;
    padding: 16px 27px !important;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    font-size: 9px;
    display: block;
    margin: 10px 15px;
    font-size: 13px;
	max-width: 35% !important;
	width: 35% !important;


}

a.seeds {max-width: 35% !important;}


/*Styles Above 1161px - 2
====================================================================*/
@media only screen and (min-width: 960px) and (max-width: 1160px) {

body			{background: url(../images/background.jpg) no-repeat; background-size: 100%; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; background-attachment: fixed;}

.navigation						{text-align: center; position: relative; background: #fff;}
.navigation ul					{padding-top: 10px; padding-bottom: 10px;}
.navigation li					{display: inline;}
.navigation li a				{color: #58595b; font-family: 'Lato', sans-serif !important; text-decoration: none; padding: 10px; font-size: 13px;}
.navigation li a:hover			{text-decoration: underline;}

#logo							{position: absolute; z-index: 1; width: 100%; left: 12px; top: 105px; text-align: center;}

.slider							{text-align: center; }

.content						{min-height: 300px; background: #fff; max-width: 900px; margin: 0 auto; padding: 10px 20px; font-family: 'Lato', sans-serif !important; font-weight: normal; width: 100%;}
.content hr						{background: #414042; width: 100%; height: 1px;}

.content h1						{font-weight: normal; margin-bottom: 15px;}
.content h2						{font-weight: normal; margin-bottom: 15px;}
.content h3						{font-weight: normal; margin-bottom: 15px;}
.content h4						{font-weight: normal; margin-bottom: 15px;}
.content p						{margin-bottom: 35px;}

.content-wrapper				{width: 69%; float: left; border-right: 1px solid #e2e5ea; padding-right: 20px;}

.sidebar						{width: 24%; float: left; margin-left: 10px; border: 1px solid #e2e5ea; background: #f0f0f0; padding: 5px 10px;}
.sidebar ul						{margin-bottom: 10px;}
.sidebar li						{list-style: none;}
.sidebar li a					{text-decoration: underline; color: #58595b; display: block; padding: 5px 0;}
.sidebar li a:hover				{text-decoration: none;}
.sidebar h3						{}
.sidebar p						{margin-bottom: 10px;}
.sidebar hr						{padding: 0; margin: 5px 0;}


#slogan							{font-size: 40px; font-weight: 100; text-align: justify; color: #58595b; margin-bottom: 30px;}

.left-column					{width: 48%; float: left; color: #414042; font-size: 13px; text-align: justify; line-height: 30px;}
.right-column					{width: 48%; float: right; color: #414042; font-size: 13px; text-align: justify; line-height: 30px;}

.footer							{text-align: center; font-size: 13px;}

.mobile							{display: none;}


span.tel         {font-size: 18px;}

.actionbar {
    width: 100%;
    padding: 0 -5px 0 4px;
    margin: 0 5px 0 4px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.actionbuttons {
    background: #e34f51;
    border-radius: 7px;
    text-decoration: none;
    color: #fff;
    padding: 11px 14px;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 9px;
    display: block;
    margin: 7px 0;
    /* display: inline-block; */
    font-size: 13px;
}

.shop {
    width: 30%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.shop a:hover{
    margin: 0 auto;
    text-align: center;
    text-decoration: underline;
}

.seeds {
     background: #e34f51;
    border-radius: 7px;
    text-decoration: none;
    color: #fff !important;
    padding: 16px 27px;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    font-size: 9px;
    display: block;
    margin: 10px 15px;
    font-size: 13px;
	max-width: 35%;


}


/*Styles Above 768px - 2
====================================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

body			{background: url(../images/background.jpg) no-repeat; background-size: 100%; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; background-attachment: fixed;}

.navigation						{text-align: center; position: relative; background: #fff;}
.navigation ul					{padding-top: 10px; padding-bottom: 10px;}
.navigation li					{display: inline;}
.navigation li a				{color: #58595b; font-family: 'Lato', sans-serif !important; text-decoration: none; padding: 10px 8px; font-size: 11px;}
.navigation li a:hover			{text-decoration: underline;}

#logo							{position: absolute; z-index: 1; width: 100%; left: 12px; top: 70px; text-align: center;}

.slider							{text-align: center; }

.content						{min-height: 300px; background: #fff; max-width: 709px; margin: 0 auto; padding: 10px 20px; font-family: 'Lato', sans-serif !important; font-weight: normal; width: 100%;}
.content hr						{background: #414042; width: 100%; height: 1px;}

.content-wrapper				{width: 65%; float: left; border-right: 1px solid #e2e5ea; padding-right: 20px;}

.sidebar						{width: 27%; float: left; margin-left: 10px; border: 1px solid #e2e5ea; background: #f0f0f0; padding: 5px 10px;}
.sidebar ul						{margin-bottom: 10px;}
.sidebar li						{list-style: none;}
.sidebar li a					{text-decoration: underline; color: #58595b; display: block; padding: 5px 0;}
.sidebar li a:hover				{text-decoration: none;}
.sidebar h3						{}
.sidebar p						{margin-bottom: 10px;}
.sidebar hr						{padding: 0; margin: 5px 0;}

#slogan							{font-size: 40px; font-weight: 100; text-align: justify; color: #58595b; margin-bottom: 30px;}

.left-column					{width: 48%; float: left; color: #414042; font-size: 13px; text-align: justify; line-height: 30px;}
.right-column					{width: 48%; float: right; color: #414042; font-size: 13px; text-align: justify; line-height: 30px;}

.footer							{text-align: center; font-size: 13px;}

.mobile							{display: none;}

span.tel         {font-size: 17px;}

.actionbar {
    width: 100%;
    padding: 0 -5px 0 9px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.actionbuttons {
    background: #e34f51;
    border-radius: 7px;
    text-decoration: none;
    color: #fff;
    padding: 11px 14px;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    font-size: 9px;
    display: block;
    margin: 7px 0;
    /* display: inline-block; */
    font-size: 13px;
}

.shop {
    width: 30%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    float: left;
}

.shop a:hover{
    margin: 0 auto;
    text-align: center;
    text-decoration: underline;
}

.seeds {
    background: #E34F51;
    border-radius: 7px;
    text-decoration: none;
    color: #fff;
    padding: 13px 0;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    font-size: 9px;
    display: block;
    margin: 7px 0;
    font-size: 13px;
	max-width: 35%;
	

}
}


/*Styles for 767px - For Tablet in Potrait Mode
====================================================================*/
@media only screen and (max-width: 767px) {

.table		{width: 100%; overflow-x: scroll; overflow-y: hidden;}

}


/*Styles for Smartphones - 3
====================================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

body			{background: #bbb; background-size: 100%; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; background-attachment: fixed;}

.table							{margin-bottom: 35px;}
.table table					{width: 100%; overflow-x: scroll; overflow-y: hidden; font-size: 13px; border: 1px solid #414042; padding: 0;}
.table th						{border-bottom: 1px solid #414042; border-right: 1px solid #414042; padding: 5px 0;}
.table td						{border-bottom: 1px solid #414042; border-right: 1px solid #414042; padding: 5px 5px}

.navigation						{display: none;}
.navigation ul					{padding-top: 10px; padding-bottom: 10px;}
.navigation li					{display: inline;}
.navigation li a				{color: #58595b; font-family: 'Lato', sans-serif !important; text-decoration: none; padding: 10px 8px; font-size: 11px;}
.navigation li a:hover			{text-decoration: underline;}

#logo							{position: absolute; z-index: 1; width: 100%; left: 0; top: 70px; text-align: center;}

.slider							{text-align: center; width: 100% !important; padding-top: 55px;}

.content						{min-height: 300px; background: #fff; margin: 0 auto; padding: 15px 20px; font-family: 'Lato', sans-serif !important; font-weight: normal; width: 92.8%;}
.content hr						{background: #414042; width: 100%; height: 1px;}

.content-wrapper				{width: 100%; float: left; border-right: none; padding-right: 20px;}

.sidebar						{width: 96.5%; float: left; margin-left: 0; margin-bottom: 10px; border: 1px solid #e2e5ea; background: #f0f0f0; padding: 5px 10px;}
.sidebar ul						{margin-bottom: 10px;}
.sidebar li						{list-style: none;}
.sidebar li a					{text-decoration: underline; color: #58595b; display: block; padding: 5px 0;}
.sidebar li a:hover				{text-decoration: none;}
.sidebar h3						{}
.sidebar p						{margin-bottom: 10px;}
.sidebar hr						{padding: 0; margin: 5px 0;}

#slogan							{font-size: 30px; font-weight: 100; text-align: justify; color: #58595b; margin-bottom: 30px;}

.left-column					{width: 100%; float: left; color: #414042; font-size: 13px; text-align: justify; line-height: 30px; margin-bottom: 20px;}
.right-column					{width: 100%; float: right; color: #414042; font-size: 13px; text-align: justify; line-height: 30px;}

.footer							{text-align: center; font-size: 13px; padding: 10px 0;}

.mobile							{display: block;}


span.tel         {font-size: 18px;}
.actionbar {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    color: #fff;

}
.actionbuttons {
    background: #e34f51;
    border-radius: 7px;
    text-decoration: none;
    color: #fff;
    padding: 11px 14px;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    font-size: 9px;
    display: block;
    margin: 7px 0;
    display: inline-block;
    font-size: 13px;
}


.shop {
    width: 30%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    float: left;
}

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

.seeds {
    background: #E34F51;
    border-radius: 7px;
    text-decoration: none;
    color: #fff;
    padding: 13px 0;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    font-size: 9px;
    display: block;
    margin: 7px 0;
    font-size: 13px;
	max-width: 35%;
}

}


/*Styles for Smartphones - 4
====================================================================*/
@media only screen and (max-width: 480px) {

body			{background: #bbb; background-size: 100%; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; background-attachment: fixed;}

.table							{margin-bottom: 35px;}
table					{width: 100%; overflow-x: scroll; overflow-y: hidden; font-size: 13px; border: 1px solid #414042; padding: 0;}
.table th						{border-bottom: 1px solid #414042; border-right: 1px solid #414042; padding: 5px 0;}
.table td						{border-bottom: 1px solid #414042; border-right: 1px solid #414042; padding: 5px 5px}

.navigation						{display: none;}
.navigation ul					{padding-top: 10px; padding-bottom: 10px;}
.navigation li					{display: inline;}
.navigation li a				{color: #58595b; font-family: 'Lato', sans-serif !important; text-decoration: none; padding: 10px 8px; font-size: 11px;}
.navigation li a:hover			{text-decoration: underline;}

#logo							{position: absolute; z-index: 1; width: 100%; left: 0; top: 70px; text-align: center;}

.slider							{text-align: center; width: 100% !important; padding-top: 40px;}

.content						{min-height: 300px; background: #fff; margin: 0 auto; padding: 15px 10px; font-family: 'Lato', sans-serif !important; font-weight: normal; width: 93.8%;}
.content hr						{background: #414042; width: 100%; height: 1px;}

.content-wrapper				{width: 100%; float: left; border-right: none; padding-right: 20px;}

.sidebar						{width: 93%; float: left; margin-left: 0; margin-bottom: 10px; border: 1px solid #e2e5ea; background: #f0f0f0; padding: 5px 10px;}
.sidebar ul						{margin-bottom: 10px;}
.sidebar li						{list-style: none;}
.sidebar li a					{text-decoration: underline; color: #58595b; display: block; padding: 5px 0;}
.sidebar li a:hover				{text-decoration: none;}
.sidebar h3						{}
.sidebar p						{margin-bottom: 10px;}
.sidebar hr						{padding: 0; margin: 5px 0;}

#slogan							{font-size: 20px; font-weight: 100; text-align: justify; color: #58595b; margin-bottom: 30px;}

.left-column					{width: 100%; float: left; color: #414042; font-size: 13px; text-align: justify; line-height: 30px; margin-bottom: 20px;}
.right-column					{width: 100%; float: right; color: #414042; font-size: 13px; text-align: justify; line-height: 30px;}

.footer							{text-align: center; font-size: 13px;}

.mobile							{display: block;}

span.tel         {font-size: 18px;}

.actionbar {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: left;
    color: #fff;
}
.actionbuttons {
    background: #e34f51;
    border-radius: 7px;
    text-decoration: none;
    color: #fff;
    padding: 11px 14px;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    font-size: 9px;
    display: block;
    margin: 7px 0;
    display: inline-block;
    font-size: 13px;
}

.shop {
    width: 30%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.shop a:hover{
    margin: 0 auto;
    text-align: center;
    text-decoration: underline;
}

.seeds {
    background: #E34F51;
    border-radius: 7px;
    text-decoration: none;
    color: #fff;
    padding: 13px 0;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    font-size: 9px;
    display: block;
    margin: 7px 0;
    font-size: 13px;
	max-width: 35%;
}

}