.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
/* ====== Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. =====================*/
.swiper-container {max-width: 100%;height: 675px;background-color: #36c2d5;}
.blue-slide {background-color: #36c2d5;}
.green-slide {background-color: #80bc00;}
.allcolors-slide {background: url('../images/slider-colors.png') repeat center center;}
.swiper-slide {background-size: contain; max-width: 100%; height: 675px;}
.swiper-slide .item {position: relative;top: 0;left: 0; width: 100%;height: 100%;margin: 0 0 0 0;float:left;}
.swiper-slide-content {max-width: 1280px;height: auto;margin: 0 auto;padding: 0;position: relative; align-items: center; justify-content: center;}
/*.slider-text {font-family: 'Lato', sans-serif; float: left; margin:210px 0 20px 100px; max-width: 860px; z-index: 500;} not using this one */
.slider-text-wide {margin:0 auto; max-width: 80%; z-index: 500; text-align: center; padding-top: 15rem; padding-bottom: 2rem;}
.swiper-slide .title {color: #fff; font-family: 'Fjalla One', sans-serif;font-size: 56px; font-weight: 400; line-height: 60px;margin-bottom: 12px;text-transform: uppercase;}
.swiper-slide h1 {color: #fff; font-family: 'Fjalla One', sans-serif;font-weight: 400; font-size: 56px; line-height: 60px;margin-bottom: 12px;}
.swiper-slide h2 {color: #fff; font-family: "Montserrat Medium",Helvetica,Arial,sans-serif;font-size: 40px; line-height: 42px; margin-bottom: 12px; letter-spacing: -.01em;}
.swiper-slide h3 {color: #000; font-family: "Montserrat Medium",Helvetica,Arial,sans-serif;font-size: 28px; line-height: 28px; letter-spacing: -.01em; text-transform: none;}
/*.swiper-slide .desc { text-align: left; }*/
.swiper-slide .button {background: rgba(255,255,255,0.7); border: 2px solid #fff; border-radius: 20px; color: #000; cursor: pointer; font-weight: 400; font-size: 14px; letter-spacing: .01em; margin-top: 10px; padding: 4px 10px; text-transform: uppercase; text-decoration: none; display: inline-block;}
.blue-text {color: #36c2d5;}
.yellow-text {color: #ffcc00;}
.swiper-slide a:link {color: #000; text-decoration:none;} 
.swiper-slide a:visited {color: #000; text-decoration:none;} 
.swiper-slide a:hover {background-color: #000; color: #fff; text-decoration:none;}
.swiper-slide a:active {color: #4d4d4d; text-decoration:none;}
.swiper-slide .image {background-size: contain;position: relative; width: 100%; height: 100%; margin: 0 auto;padding: 0;} /*-------THESE SWIPER IMAGES ENLARGE FOR BROWSER WITH AND STAY WITHIN DIV HEIGHT-----*/
.swiper-slide #image1 {position: relative; padding: 0; height: 675px !important; background: url('../images/slider-4flowers.jpg') no-repeat center bottom;}
.swiper-slide #image2 {position: relative; padding: 0; height: 675px !important; background: url('../images/slider-hand-plant.jpg') no-repeat right bottom;}
.swiper-slide #image3 {position: relative; padding: 0; height: 675px !important; background: url('../images/slider-canna-bottles.jpg') no-repeat center bottom;}
/* ========================== Pagination Styles ===================*/
.pagination {position: relative; bottom: 30px; z-index: 200; float:none;text-align: center;}
.swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border: 1px solid #fff; border-radius: 8px;background: none;margin-right: 8px;opacity: 0.8;cursor: pointer;}
.swiper-visible-switch {background: #aaa;}
.swiper-active-switch {background: #fff;}
.swiper-container .arrow-left {background: url('../images/arrows.png') no-repeat left top; height: 30px;left: 10px;margin-top: -15px; position: absolute; text-indent: -9999px; top: 50%; width: 17px;}
.swiper-container .arrow-right {background: url('../images/arrows.png') no-repeat left bottom; height: 30px;right: 20px; margin-top: -15px; position: absolute; text-indent: -9999px; top: 50%; width: 17px;}
/* =========================== For Mobile devices ================================*/
/*Styles for screen 1024px and lower*/
@media screen and (max-width: 1030px) {  
	.swiper-slide h2 {font-size: 32px; line-height: 30px;}
	.swiper-slide h3 {font-size: 26px; line-height: 28px;}
	.swiper-slide .title {margin-top: 0;}
	.greytitle {color: #fff;}
}
 /*Styles for screen 880px and lower*/
@media screen and (max-width: 880px) {.slider-text-wide {max-width: 85%;}}
 /*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	.slider-text-wide {max-width: 80%; padding-top:13rem;}
	.swiper-slide .title {font-size: 42px; line-height: 46px;}
	.swiper-slide h1 {font-size: 42px; line-height: 46px;}
	.swiper-slide h2 {font-size: 24px; line-height: 26px; padding: 0px; margin-bottom: 2px; text-align: center;}
	.swiper-slide h3 {font-size: 20px; line-height: 22px; padding: 5px 0 0 0; text-align: center;}
	.swiper-container {height: 500px;}
	.swiper-slide {height: 500px;}
	.swiper-slide .button {margin-top: 8px;}
	.swiper-slide #image1 {background-image: none;}
	.swiper-slide #image2 {background-image: none;}
	.swiper-slide #image3 {background-image: none;}
	.blue-text {color: #000;}
	.yellow-text {color: #000;}
}
 /*Styles for screen 480px and lower*/
@media screen and (max-width: 480px) { 
	.swiper-container {height: 400px;}
	.swiper-slide {height: 400px;}
	.slider-text-wide {max-width: 78%;padding-top:10rem;}
	.swiper-slide h1 {font-size: 34px; line-height: 38px;margin-bottom: 6px;padding-bottom: 0;}
	.swiper-slide .title {font-size: 34px; line-height: 38px; margin-bottom: 6px;}
	.swiper-slide h2 {font-size: 22px; line-height: 23px;}
	.swiper-slide h3 {font-size: 16px; line-height: 18px;}
	.swiper-slide .button {margin-top: 10px;}
}
 /*Styles for screen 384px and lower*/
@media screen and (max-width: 384px) { 
	.swiper-slide .title {font-size: 28px; line-height: 32px;}
	.swiper-slide h1 {font-size: 28px; line-height: 32px;}
}