@import url('https://fonts.googleapis.com/css?family=Merriweather:300');
@font-face {
    font-family: 'lato';
    src: url('Fonts/Lato-Light.ttf') format('ttf'), url('Fonts/lato-light-webfont.woff2') format('woff2'),
         url('Fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato-ital';
    src: url('Fonts/lato-italic.ttf') format('ttf'), url('Fonts/lato-italic.woff2') format('woff2'),
         url('Fonts/lato-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato-regular';
    src: url('Fonts/lato-regular.ttf') format('ttf'), url('Fonts/lato-regular.woff2') format('woff2'),
         url('Fonts/lato-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('Fonts/gotham.ttf') format('ttf'), url('Fonts/gotham.woff2') format('woff2'),
         url('Fonts/gotham.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticanew';
    src: url('Fonts/helv.ttf') format('ttf'), url('Fonts/helv.woff2') format('woff2'),
         url('Fonts/helv.woff') format('woff');
    font-weight: light;
    font-style: normal;
}




body {


		background-color: #fffaf6;
		background: -webkit-linear-gradient(#FFFBF8, #E6E4E2); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#FFFBF8, #E6E4E2); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#FFFBF8, #E6E4E2); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#FFFBF8, #E6E4E2); 


		margin: 0;
     overflow-x: hidden;
	}
.pad{ padding: 55px 21.875% 0 21.875%;}
@media (max-width: 1135px) { 
.pad {padding: 45px 15% 0 15%;}
}
@media (max-width: 790px) { 
.pad {padding: 35px 10% 0 10%;}
}
@media (max-width: 560px) { 
.pad {padding: 35px 7% 0 7%;}
}
div.main{
		font-family: lato; font-size: 1.375em; text-align: justify; word-spacing: .375em; letter-spacing: -1px; line-height: 60px; color: #353535; 
	}
@media (max-width: 680px) { 
div.main{
    font-family: lato; font-size: 1.2em; text-align: justify; word-spacing: .3em; letter-spacing: -.7px; line-height: 50px; color: #353535; 
  }
}
@media (max-width: 560px) { 
div.main{
    font-family: lato; font-size: 1.1em; text-align: justify; word-spacing: .2em; letter-spacing: -.7px; line-height: 50px; color: #353535; 
  }
}




.sticky{ position: fixed; z-index: 10; width: 100%; background-color: rgba(255,255,255,0); padding-bottom: 50px;

	 }
#transition{ -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -o-transition: all 3s ease;
    transition: all 3s ease;}
 #transition img{ -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    transition: all .9s ease;}
 #transitionfast{ -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
  #transitionfast img{ -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.graybar{ background-color: rgba(205,205,205,0); background-image:none; position: fixed; width: 100%; padding-bottom: 100px;}
.colorbar{position: fixed; z-index: 8; background-color: rgba(205,205,205,0); width: 100%; padding-bottom:50px;}

#header{width: 100%; padding: 0px 0% 0px 1.40625%; z-index: 998; position: fixed; }
@media (max-width: 1135px) { 
#header{width: 100%; padding: 0px 0% 0px 1.40625%; z-index: 998; position: fixed; background-color: rgba(200,200,200,.7); }
}
#pagebegin{padding-top: 0;}
#solidbar{ background-color: rgba(210,209,209,0);  padding: 30px 0 50px 0; position: relative; z-index: 7;}

.logo img{width: 46.589%; padding-top: 10px; -webkit-filter: drop-shadow(0px 0px 10px #222);
    filter:         drop-shadow(0px 0px 10px #222); }
.logosmall img{width: 34.375%; -webkit-filter: drop-shadow(0px 0px 2px #222);
    filter:         drop-shadow(0px 0px 2px #000);-webkit-filter: invert(75%); filter: invert(75%); padding-top: 20px; }
.logosmallabout img{width: 34.375%; -webkit-filter: drop-shadow(0px 0px 2px #222);
    filter:         drop-shadow(0px 0px 2px #000);  padding-top: 20px; }

@media (max-width: 1135px) {
.logo img{width: 200px;  -webkit-filter: drop-shadow(0px 0px 10px #222);
    filter:         drop-shadow(0px 0px 10px #222); }
  }
@media (max-width: 1135px) {
.logosmall img{width: 200px; -webkit-filter: drop-shadow(0px 0px 2px #222);
    filter:         drop-shadow(0px 0px 2px #000);-webkit-filter: invert(75%); filter: invert(75%);  }
  }
@media (max-width: 1135px) {
.logosmallabout img{width: 200px; -webkit-filter: drop-shadow(0px 0px 2px #222);
    filter:         drop-shadow(0px 0px 10px #222);   }
  }

#help{ float: left; width: 100%; }
@media (max-width: 1135px) {
#help{ float: left; width: 100%; padding-left: 35vw; }
}
@media (max-width: 620px) {
#help{ float: left; width: 100%; padding-left: 3vw; }
}


#navbar ul{list-style-type: none; float: right; }
#navbar li{display: inline; padding: 0 0 0 40px;}
.navbox{display: inline; }
.navbox_hide{ display: inline; display: none; }
#navbar a{text-decoration: none; color: #ffffff; padding: 10px 20px 10px 20px; font-size: 17px; text-transform: lowercase; }
#rotatingbanner{position: relative; padding: none; height: 100%; width: 100%;  min-height: 100vh; }
@media (max-width: 560px) {
#rotatingbanner img{height: 50%; width: 100%; opacity: 0;}
}
#rotatingbanner img{height: 100%; width: 100%; opacity: 0;}
#gallery0 { background-image: url("../Images/banner_1.jpg");  background-position: center center; height: 100vh; width: 100%; min-height: 1px; min-width: 1px; background-size: cover; -webkit-background-size: cover; -webkit}

.banner p{font-family: lato-regular ; color: #F6F3F0; height: 250px; width: 100%; text-align: center; line-height: 250px; font-size: 64px; text-transform: uppercase; letter-spacing: 5px; float: center;}
@media (max-width: 650px) { 
.banner p{font-family: lato-regular ; color: #F6F3F0; height: 170px; width: 100%; text-align: center; line-height: 170px; font-size: 48px; text-transform: uppercase; letter-spacing: 5px; float: center;}
}
@media (max-width: 510px) { 
.banner p{font-family: lato-regular ; color: #F6F3F0; height: 120px; width: 100%; text-align: center; line-height: 120px; font-size: 30px; text-transform: uppercase; letter-spacing: 5px; float: center;}
}
#navbar a:link{font-family: lato-regular; text-transform: uppercase; text-shadow: 1px 1px 11px #222 }
#navbar a:hover{color: #ececec; }
#navlinks{padding-top: 3px;  width: 50%;  padding-right: 4.6875%;}
@media (max-width: 1135px) { 
#navlinks{padding-top: 3px;  width: 50%;  padding-right: 4.6875%; display: none;}
}
.collapse{float: right; position: fixed; padding-left: 90%; padding-top: 27px; padding-left: 480px; margin-left: 50%; display: none;}
@media (max-width: 1135px) { 
.collapse{float: right; position: fixed; padding-left: 90%; padding-top: 27px; display: none; padding-left: 480px; margin-left: 50%;}
}
@media (max-width: 1135px) { 
.collapse_show {float: right; position: fixed;   z-index: 9999;  margin-left: 50%;  padding-left: 36%; padding-top: 9px; display: none} /* disabled*/
}
.collapse_show {float: right; position: fixed;   z-index: 9999;  margin-left: 50%;  padding-left: 36%; padding-top: 9px; } /* disabled*/
#dropdownicon img{width: 65%; padding-right: 17.5%; padding-left: 17.5%;  } /* initial disabled*/
#dropdownicon img:hover{ -webkit-filter: invert(75%); filter: invert(75%);}
#dropdown{ height: 30px; width: 98px; padding-top: 15%; border: 6px solid;  border-color: rgba(0,0,0,0);
			-webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;											 }
#dropdown:hover{ height: 221px; width: 98px; padding-top: 15%; background-color: rgb(196,195,194); border: 6px solid; border-color: rgb(182,181,180);
				  -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;				opacity: .96																								  }
#dropdownabout{ height: 30px; width: 98px; padding-top: 15%; border: 6px solid;  border-color: rgba(0,0,0,0);
      -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;                      }
#dropdownabout:hover{ height: 221px; width: 98px; padding-top: 15%; background-color: rgb(220,230,240); border: 6px solid; border-color: rgb(240,237,230);
          -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;       opacity: .96                                                  }
#dropdownicon{ display: table; margin: 0 auto; width: 100%; height: 7.32%}
.navbarvert{opacity: 0; -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease; }
.navbarvertabout{opacity: 0; -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease; }
#dropdown:hover .navbarvert{opacity: 1; }
#dropdownabout:hover .navbarvertabout{opacity: 1; }
.navbarvert ul{list-style-type: none; float: right;  text-align: center; padding-left: 0; padding-top: 30px}
.navbarvert li{margin-left: 0; display: inline-block; padding-bottom: 30px;}
.navbarvert a{color: #ffffff; font-family: lato-regular; text-transform: uppercase; text-decoration: none; font-size: 17px;}
.navbarvert a:hover{color: #ececec;}
.navbarvertabout ul{list-style-type: none; float: right;  text-align: center; padding-left: 0; padding-top: 30px}
.navbarvertabout li{margin-left: 0; display: inline-block; padding-bottom: 30px;}
.navbarvertabout a{color: #353535; font-family: lato-regular; text-transform: uppercase; text-decoration: none; font-size: 17px;}
.navbarvertabout a:hover{color: #757575;}

#icoOpen{opacity: 1}
#icoOpen:hover{-webkit-filter: invert(75%); filter: invert(50%);}
#mobilenav{position: fixed; z-index: 999;  opacity: 0;  right:3vw; top: 2%; display: hidden }
#mobilenav a{display: none;}
@media (max-width: 1135px) {
  #mobilenav a{display: block}
}
@media (max-width: 1135px) {
#mobilenav{position: fixed; z-index: 999;  opacity: 1;  right:3vw; top: 2% }
}

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 999; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
/* The navigation menu links */
.sidenav a { font-family: lato;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}
 
/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}
#mobile{ transition: margin-right .5s;
  
    overflow:hidden;
    width:100%;}

 



#iconnav{font-family: lato-regular; }
#floral .banner{background-color: #B687C1; }
#gardencenter .banner{background-color: #95C480;}
#landscaping .banner{background-color: #DDAC7C;}
#floral .sidebar{margin-right: 0%; z-index: 1; background-color: rgba(130,130,130,.5);}
#garden_center .sidebar{margin-right: 0%; padding: 0 0 0 0px; position: absolute; z-index: 1;}
#floral .gallery{margin-left: 50%; }
#garden_center .gallery{margin-right: 50%;}

/* SIDEBAR GALLERRIES */


#gallery1{position: relative;}
#gallery1 a { color: #222;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


  .rslides_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../Images/Icons/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.rslides_nav:active {
  opacity: 1.0;
  }

.rslides_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.rslides_nav:focus{
  outline: none;
  }

.rslides_tabs{
  margin-top: 10px;
  text-align: center;
  }

.rslides_tabs li{
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.rslides_tabs a{
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.rslides_here a, {
  background: #222;
  background: rgba(0,0,0, .8);
  }




/* ------------------------- */




#iconnav{text-align: center;}
#iconnav ul{display: inline-block; padding: 0px; list-style-type: none;overflow: hidden;}
.icons{float: left; padding: 30px 30px;}
@media (max-width: 790px) {
.icons{float: left; padding: 3px 3px;}
} 
.icons a{display: block; text-decoration: none; width: 100%; color: #000000; text-align: center;}
.icons a img{width: 200px; opacity: .8;}
.icons a img:hover{width: 200px; opacity: 1;}

@media (max-width: 790px) {
.icons a img{width: 180px; opacity: .8;}
.icons a img:hover{width: 180px; opacity: 1;}
}
@media (max-width: 560px) {
.icons a img{width: 140px; opacity: .8;}
.icons a img:hover{width: 140px; opacity: 1;}
}
@media (max-width: 450px) {
.icons a img{width: 110px; opacity: .8;}
.icons a img:hover{width: 110px; opacity: 1;}
}


div.sidebar p{ font-family: lato-ital; font-size: 23.5px; color: #353535;}
div.sidebar h2{ font-family: lato-regular; font-size: 26px; color: #353535;}
@media (max-width: 560px) {
div.sidebar p{ font-family: lato-ital; font-size: 18.5px; color: #353535;}
div.sidebar h2{ font-family: lato-regular; font-size: 21px; color: #353535;}
}



#pageend{padding-top: 75px; padding-bottom: 75px; }
#pageend p{font-family: lato-ital; font-size: 26px; text-align: center;}
.footer {font-family: lato; background-color: #A59081; font-size: 25.5px; color: #F6F3F0;}
@media (max-width: 850px) {
.footer {font-family: lato; background-color: #A59081; font-size: 18px; color: #F6F3F0;}
}
@media (max-width: 622px) {
.footer {font-family: lato; background-color: #A59081; font-size: 12px; color: #F6F3F0;}
}
.footer table{width: 100%; padding: 25px 45px 25px 45px;}
@media (max-width: 850px) {
.footer table{width: 100%; padding: 20px 40px 20px 40px;}
}
@media (max-width: 622px) {
.footer table{width: 100%; padding: 5px 10px 0px 10px;}
}
.footer a{text-decoration: none; color: #F6F3F0;}
table  td.copyr{font-size: 16px; text-align: center; vertical-align: bottom;}
@media (max-width: 622px) {
table td.copyr{font-size: 50px; text-align: center; vertical-align: bottom; }
}

@media (max-width: 427px){
#hourbottom{display:block;}
#line{display:none;}
}

#gallery0{  animation: gallery0 21s cubic-bezier(.9,0,0,.9) infinite;}	

@keyframes gallery0{

0%{background: url("../Images/banner_1.jpg") no-repeat center; background-size: cover;}
33.33%{background: url("../Images/banner_2.jpg") no-repeat center; background-size: cover;}
66.66%{background: url("../Images/banner_3.jpg") no-repeat center; background-size: cover;}
100%{background: url("../Images/banner_1.jpg") no-repeat center; background-size: cover;}
}






.gallery1 {
	position: relative;
  width:100%;
  height:450px;
 
  margin right: 50%;
  background-image:url("http://imgur.com/download/OtK7XDW");
  

/* ANIMATING STUFF */
  animation-name: slide;
  animation-duration: 13s;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

/* NOTE CODEPEN AUTOGENERATING -PREFIXES */
@keyframes slide {
  0% {background-position:0 0;}
  1% {background-position:0 0;}
  30% {background-position:-700px 0;}
  49.98% {background-position:-700px 0;}
  66.64% {background-position:-1600px 0;}
  83.30% {background-position:-1600px 0;}
  100% {background-position:0 0;}
}

.gallery2 {
	position: relative;
  width:100%;
  height:250px;
 
  margin right: 50%;
  background-image:url("http://imgur.com/download/OtK7XDW");
  

/* ANIMATING STUFF */
  animation-name: slide;
  animation-duration: 13s;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

/* NOTE CODEPEN AUTOGENERATING -PREFIXES */
@keyframes slide {
  0% {background-position:0 0;}
  1% {background-position:0 0;}
  30% {background-position:-700px 0;}
  49.98% {background-position:-700px 0;}
  66.64% {background-position:-1600px 0;}
  83.30% {background-position:-1600px 0;}
  100% {background-position:0 0;}
}

/*       -------ABOUT US PAGE/CONTACT-------       */

#aboutcontainer{position: absolute;}
#aboutcontainer .banner{background-color: #A0E0DE; }
#floatypic img{width: 40%; float: left; padding: 12px 25px 0px 0px; }

#about_main {position: absolute; padding-top: 0px; line-height: 40px;  }


.background_about{ padding-top: 20vh;  width: 100%; height: 900px; background: url("../Images/aboutus.jpg") no-repeat center; background-size: cover; background-attachment: fixed;}
@media (max-width: 1080px) { 
.background_about {height: 950px;}
}
@media (max-width: 950px) { 
.background_about {height: 1000px;}
}
@media (max-width: 850px) { 
.background_about {height: 1050px;}
}
@media (max-width: 770px) { 
.background_about {height: 1090px;}
}

@media (max-width: 680px) { 
.background_about {height: 1160px;}
}



.background_contact{ padding-top: 20vh;  width: 100%; height: 1300px; background: url("../Images/contact.jpg") no-repeat center; background-size: cover; background-attachment: fixed; }
@media (max-width: 680px) { 
.background_contact {height: 1500px;}
}


#about_main p {background-color: rgba(255,250,246,.8); color: #000; border: 10px ; border-color: rgba(255,250,246,.8); padding: 15px; border-radius: 5px; text-align: center;}
#about_main h1 {background-color: rgba(255,250,246,.8); color: #000; border: 10px ; border-color: rgba(255,250,246,.8); padding: 15px; text-align: center; font-family: lato-regular; border-radius: 5px; }
#about_main h2 { color: #000; border: 10px ;  padding: 15px; text-align: center; font-family: lato-regular; border-radius: 5px; }
#about_main a{padding: 0 4.17% 0 4.17%; }
#about_main a img{width: 50px; opacity: .9;}
#about_main a img:hover{width: 50px; opacity: 1;}