/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6,a.hyperlink{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:normal;
}

thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
}

.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#333;
background:#fff;
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 3%;
border:1px solid #ccc;
}


#footer{
text-align:center;
padding:20px;
margin:0;
border-top:1px solid #ddd;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
}

	#link-top{
	display:none;
	}

/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}

	.navbar span{
	color:#86dc00;
	}


	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}

		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}

		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.2em;
		}

.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}

.banner {
    position: relative;
    background-color:white;
}

.banner > img {
    width: 100%;
    height: auto;
}

.banner > .content {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
    background-color:white;
}
html, body, .grid {background-color:white;height:100%;}
.grid {margin:0 30px;}
.top-address, .navigation-bar {background-color:white;width:100%;height:auto;padding:4px 30px 4px 30px;vertical-align:top;margin-bottom:4px;}
.navigation-bar {
    background-color: #868e45;
}
.navigation-bar a {color:white;}
.navigation-bar a:hover {color:#e2e2e2;}
.navigation-bar {position:relative;top:0;}
.left-float {float:left;text-align:left;width:75%;}
.right-float {float:right;text-align:right;width:24%;}
img.home-chiclet { width:85%;height:auto; border-radius:20px;}
.footer-wrapper {padding:50px 0;}
#chiclets div {text-align:center;height:auto;padding-top:10px;}
div.chiclet-wrapper {float:none;z-index:20;vertical-align:top;text-align:center;width:92%;margin-left:auto;margin-right:auto;}
label.chiclet-label {
    text-shadow: 0.5px 0.5px 0.5px #333;
    z-index: 21;
    text-transform: uppercase;
    font-family: 'Times New Roman', helvetica, sans-serif;
    text-align:center;
    color: green;
    font-size: 58px;
    display:inline-block;
    line-height:1;
    position:relative;
    top:-80px;
    margin-bottom:-40px;

}
input::-webkit-input-placeholder {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

input::-moz-placeholder {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

input:-ms-input-placeholder {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

input::-ms-input-placeholder {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

input::placeholder {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}


.chiclet-label.chiclet-label:hover { cursor:pointer;}
@media only screen and (max-width : 1120px) {
    label.chiclet-label {
        font-size:46px;
    }
}
@media only screen and (max-width : 968px) {
    label.chiclet-label {
        font-size: 42px;
    }
}
@media only screen and (max-width : 820px) {
    label.chiclet-label {
        font-size: 38px;
    }

}


* {
    margin: 0;
    padding: 0;
}

ul.big {
    width: 100%;
}

ul.big li {
    width: 33%;
    float: left;
    border-right: 1px solid #eee;
}

  ul.big  li:last-child {
        border-right: none;
    }

 ul.big   li a {
        display: block;
        width: 80%;
        background: #ddd;
        padding: 4% 10%;
        font-size: 1.35em;
        text-decoration: none;
    }
#rotatelist {
    list-style: none;
    position: relative;
    top: -100px;
    left: 50px;
    z-index: 12;
    width: 100%;
    height:40px;
    margin-bottom:0;
    font-family:'Times New Roman',Verdana,sans-serif;
}

    #rotatelist li {
        display: none;
        font-size: 5vw;
        color: #fff;
        text-decoration: none;
    }

@media screen and (max-width: 768px) {

    .centered-small {text-align:center;}
    .centered-small ul {width:auto;margin-left:auto;margin-right:auto;}
    .clickhint-title {display:block;margin-right:0;}
    #rotatelist {position:relative;left:-50px;top:-50px}
    #menu {
        width: 1.4em;
        display: block;
        background: #fff;
        font-size: 1.35em;
        text-align: center;
        width:100%;
    }

    #nav.js {
        display: none;
        list-style:none;
    }

    ul.nav {
        width: 100%;
        list-style: none!important;
    }

    li {
        width: 100%;
        padding-left:10%;
        border-right: none;
        list-style:none!important;
        padding-top:0;
        padding-bottom:0;
    }
    label.chiclet-label {
        font-size: 52px;
    }

}

@media screen and (min-width: 768px) {
    #menu {
        display: none;

    }
    ul.js {
        display: none;
        list-style:none!important;
    }
    .hamburger { display:none;}
    .main-menu-wrap {display:none;}

}
@media only screen and (max-device-width : 375px)  {
    label.chiclet-label {
        font-size: 50px;
    }
}
#menu.ul li {
    display: none;
}



.hamburger {
    display: block;
    left:49%;
    width: 28px;
    height: 27px;
    margin: 12px 0 0;
    position: relative;
    top:5px;
    z-index: 121;
}

    .hamburger span {
        margin: -2px 0 0;
        position: relative;
        top: 5px;
        width: 28px;
        height: 3px;
        background-color: #868e45;
        display: none;
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
        transition-delay: 0.2s;
        z-index: 122;
    }

    .hamburger span {
        display: block
    }

        .hamburger span:before, .hamburger span:after {
            position: absolute;
            z-index:22;
            content: ''
        }

        .hamburger span:before, .hamburger span:after {
            width: 28px;
            height: 3px;
            background-color: #868e45;
            display: block;
        }

        .hamburger span:before {
            margin-top: -10px
        }

        .hamburger span:after {
            margin-top: 10px
        }

        .hamburger span:before {
            -webkit-transition-property: margin, -webkit-transform;
            -webkit-transition-duration: .2s;
            -webkit-transition-delay: .2s, 0s;
            -moz-transition-property: margin, -moz-transform;
            -moz-transition-duration: .2s;
            -moz-transition-delay: .2s, 0s;
            transition-property: margin, transform;
            transition-duration: .2s;
            transition-delay: .2s, 0s
        }

        .hamburger span:after {
            -webkit-transition-property: margin, -webkit-transform;
            -webkit-transition-duration: .2s;
            -webkit-transition-delay: .2s, 0s;
            -moz-transition-property: margin, -moz-transform;
            -moz-transition-duration: .2s;
            -moz-transition-delay: .2s, 0s;
            transition-property: margin, transform;
            transition-duration: .2s;
            transition-delay: .2s, 0s
        }

    .menu-btn:hover  {
        border-style:none;
    }

    .hamburger.active span {
        background-color: rgba(0,0,0,0);
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
        transition-delay: 0.2s;
        color:black;
    }

        .hamburger.active span:before {
            margin-top: 0;
            -webkit-transform: rotate(45deg);
            -webkit-transition-delay: 0s, .2s;
            -moz-transform: rotate(45deg);
            -moz-transition-delay: 0s, .2s;
            transform: rotate(45deg);
            transition-delay: 0s, .2s;
            color:white;
            z-index:122;
        }

        .hamburger.active span:after {
            margin-top: 0;
            -webkit-transform: rotate(-45deg);
            -webkit-transition-delay: 0s, .2s;
            -moz-transform: rotate(-45deg);
            -moz-transition-delay: 0s, .2s;
            transform: rotate(-45deg);
            transition-delay: 0s, .2s;
            color: white;
            z-index:122;
        }

.main-menu-wrap {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    top: 5px;
    background: #868e45;
    height: 0;
    overflow: auto;
    text-align: center;
    transition: height 0.6s cubic-bezier(0.5, 1, 0.22, 1);
    -webkit-transition: height 0.6s cubic-bezier(0.5, 1, 0.22, 1);
    z-index: 101;
}

.main-menu {
    opacity: 0;
    padding-top: 50px;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;

}

.menu-active .main-menu {
    opacity: 1;
    transition: opacity 0.2s 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s 0.2s ease-in-out;
    color: white;
    z-index:110;
}

.main-menu a {
    color: #fff;
    display: block;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 10px;
    text-decoration: none;
    max-width: 200px;
}
.inner-main-menu {
    max-width:200px;
    margin-left:auto;
    margin-right:auto;
}

.main-menu a:hover, .main-menu a:active {
    color: #A8AF67;
    z-index: 103;
}
a {text-decoration:none;}
.navigation-bar a { display:inline-block;width:80px;}
#main-content div.container {min-height:300px;}
.text-top { vertical-align:top;}
.content { padding:15px;}
    .content h1, .content h4, .content h5 {
        color: #868e45;
    }
    .content p.subheading { font-weight:bold;font-size:18px;}
div.spacer1 { height:15px;}
img.dividerbar {
  width:100%;
  height:2px;
}
table, table tbody td {
    border-collapse: collapse;
    border-spacing: 0;
    border-color:#fff;
}
table.productstable thead {
border-bottom:3px solid #868e45;
}
table.productstable-altrows tbody tr {min-height:30px;}
table.productstable-grasses td {padding:0;}
table.productstable-grasses tbody tr {
    min-height: 15px;
}
table.productstable thead tr th:last-child, table.productstable tr td:last-child {
    text-align: right;
}
table.productstable tbody tr td:first-child {text-align:left;}
table.productstable-altrows tbody tr:nth-child(odd) {background-color:#eee;}
table.productstable-altrows thead tr th:last-child {width:80px;max-width:60px;min-width:80px;}
.innercontainer {
    width: auto;
    margin-left:auto;
    margin-right:auto;
}
.clickhint-show { display:inline;}
.clickhint-hide { display:none;}
a.scroll-top {
    position: fixed;
    right: 30px;
    bottom: -60px;
    z-index: 999;
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
    display: block;
    padding: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 60px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    background-color: #868e45;
    color: #ffffff;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

a.scroll-top.show {
    visibility: visible;
    opacity: 1;
    bottom: 60px;
}

a.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}
.flex { position:relative; top:-40px;}
h1 { font-size:32px;}
h4 {font-size:24px;}
.inline { display:inline;}


.form-block, .input-group {
    width: 100%;
}

    .form-block select, input.telinput, .form-block input[type="search"], .form-block input[type="email"], .form-block input[type="text"], .form-block input[type="password"], .form-block input[type="number"], .form-block textarea, .form-block input[type="file"] {
        border: 1px solid #bbb;
        border-radius: 5px;
        width: 100%;
        padding: 2px;
    }

    .form-block input[type="file"], .form-block select {
        width: 50%;
    }


    .input-group textarea {
        width: 90%;
        overflow-x: scroll;
    }

    .form-block div > label {
        display: inline-block;
        width: 100%;
        margin-top: 15px;
        font-weight: bold;
    }

    .form-block input[type="tel"]:hover, input[type="email"]:hover, .form-block input[type="text"]:hover, .form-block input[type="number"]:hover, .form-block textarea:hover {
        border: 1px solid #999;
    }

    .form-block textarea:focus {
        overflow-x: initial;
    }

    .form-block input[type="text"].captchainput {
        width: 30%;
    }

.contact-form {
    background-color: #efefef;
    padding: 30px;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
border: 1px solid #ccc;
border-radius: 5px;
}

.contact-form input[type="email"]:hover, .contact-form input[type="text"]:hover, .contact-form textarea:hover {
    border: 1px solid #999;
}

/*-- Contact Form --*/

.contact-form h3 {
    margin-bottom: 30px;
}

.contact-form input {
    width: 100%;
    height: 50px;
    border: 1px solid #eeeeee;
    padding: 5px 20px;
}

.contact-form textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #eeeeee;
    padding: 10px 20px;
    resize: none;
}

.contact-form input[type="submit"],
.contact-form button,
.contact-form .submit {
    width: auto;
    height: 50px;
    border: none;
    padding: 5px 30px;
    background-color: #e81c24;
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 15px;
}

.contact-form input[type="submit"]:hover,
.contact-form button:hover,
.contact-form .submit:hover {
    background-color: #1d1d25;
}

.form-message {
    line-height: 2;
}
.gapped {margin-bottom:15px;}
.contact-top {color:#333;}
.form-block input[type='text'],.form-block input[type="tel"], .form-block input[type='email'], .form-block select {
    height: 30px !important;
    display:block;
}
table.bfitable td {
    padding: 2px 4px;
    vertical-align:top;
}
table.bfitable {
border-spacing:0;
border-collapse:collapse;
}
.field-validation-error {
color: #EE4444;
}
table#itemstable {
    margin-top:20px;
    border:1px solid #ccc;
    
}

    table#itemstable td, table#itemstable thead th {
        border: 1px solid #ccc;
    }
    table#itemstable th {
        background-color: #dde;
    }
    table#itemstable caption {
        text-align: left;
        font-weight: bold;
        padding-bottom:5px;
    }
    table#itemstable tbody tr:last-child td {
        border-bottom: 5px double #ccc;
    }
    table#itemstable tfoot td {
        text-align: right;
    }
    table#itemstable tr td:last-child {
    text-align:center;
    }
    table#itemstable .darker {
    background-color:#eee;
    }
/*=====  End of contact  ======*/