/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 * Licensed under GPL & MIT
*/
/* Basic Swiper Styles */
.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; }
.swiper-container {/* Specify Swiper's Size: */width: 100%;height: 400px;color: #fff;text-align: center;}
.swiper-slide {/* Specify Slides's Size: */ /*width: 100%; height: 100%;*/}
.swiper-slide-active {/* Specific active slide styling: */}
.swiper-slide-visible {/* Specific visible slide styling: */}
.changinglanes-slide {background: #a8d7f1;}
.battingred-slide {background: #ba1f2d;}
.yellow-slide {background: #fcd24b;}
.green-slide {background: #21832f;}
.grey-slide {background: #222222;}
.red-slide {background-color: #ae3f34;}
.blue-slide {background-color: #4390ee;}
.orange-slide {background-color: #ff8604;}
.tan-slide {background: #ecdcb7 url('../images/slider_bk.jpg') no-repeat center top; margin: 0 auto; padding: 0;}
.tan2-slide {background: #ecdcb7;}
.blk-slide {background-color: #000;}
.beige-slide {background-color: #b39e79;}
.cement-slide {background-color: #605f5a;}
.beirmi-slide {background-color: #760202;} /* for Beirmi red delivery slide */

.swiper-slide-content {max-width: 1140px;height: auto;margin: 0 auto;padding: 0;position: relative;}
.swiper-slide .item {position: relative;top: 0;left: 0;width: 100%;height: 400px;background: #fff;margin: 0 0 0 0;}
.swiper-slide #item1 {position: relative; width: 100%; height: auto; padding: 0; height: 100%; background: url('../images/slider-batting-with-medal.jpg') no-repeat center top; border-bottom: 4px solid #000;}/*--new 040419---*/
.swiper-slide #item2 {position: relative; width: 100%; height: auto; padding: 0; height: 100%; background: url('../images/slider_1home.jpg') no-repeat center top; border-bottom: 4px solid #000;}
.swiper-slide #item3 {position: relative; width: 100%; height: auto; padding: 0; height: 100%; background: url('../images/slider-capabilities.jpg') center no-repeat; border-bottom: 4px solid #000;}
.swiper-slide #item4 {position: relative; width: 100%; height: auto; padding: 0; height: 100%; background: url('../images/slider-equipment.jpg') center no-repeat; border-bottom: 4px solid #000;}
.swiper-slide #item5 {position: relative; width: 100%; height: auto; padding: 0; height: 100%; background: url('../images/slider_new-taproom.jpg') center no-repeat; border-bottom: 4px solid #000;}
.swiper-slide #item6 {position: relative; width: 100%; height: auto; padding: 0; height: 100%; background: url('../images/slider-savor.jpg') center no-repeat; border-bottom: 4px solid #000;}
.swiper-slide #item7 {position: relative; width: 100%; height: auto; padding: 0; height: 100%; background: url('../images/slider-changing-lanes-medal.jpg') center no-repeat; border-bottom: 4px solid #000;}
.swiper-slide #item8 {position: relative; width: 100%; height: auto; padding: 0; height: 100%; background: url('../images/slider_black-snake.jpg') no-repeat center top; border-bottom: 4px solid #000;}/*--new 120219---*/
.swiper-slide #item9 {position: relative; width: 100%; height: auto; padding: 0; height: 100%; background: url('../images/slider-snake-bkgnd.jpg') center no-repeat; border-bottom: 4px solid #000;}/*--new revised snake banner 122019---*/
.swiper-slide #item10 { position: relative; width: 100%; height: auto; padding: 0; height: 100%; background: url('../images/slider_biermi.jpg') center no-repeat; border-bottom: 4px solid #000;}
/* special areas for beirmi center text slide here */
.center-text-box {margin: 0 auto; padding: 170px 0 0 0; text-align: center;}
.center-text-title {color: #000; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 28px; line-height: 30px; padding: 10px 0 25px 0; position: relative; text-align: center !important;}

/* special areas for snake banner here */
.slider-text-left {float: left; padding: 80px 20px 20px 40px; margin-left: 30px; height: 400px; text-shadow: 0 0 5px #000, 0 0 10px #000; width: 40%;}
.slider-text-left .title {font-family: gin, serif;font-weight: 400;font-style: normal;color: #fff; font-size: 50px; line-height: 50px;}
.slider-text-left .subtitle {font-family: gin, serif;font-weight: 400;font-style: normal;color: #fff; font-size: 40px; line-height: 40px; text-align: left;}
.slider-text-left .subtitle a {color: #fff;}
.slider-text-left .subtitle a:hover {color: #f2e5b0;}
.slider-text-left .subtitle a:visited {color: #f2e5b0;}
.slider-text-left .subtitle a:active {color: #f2e5b0;}
.slider-text-right {float: left; height: auto; margin: 0 auto; padding: 20px; position: relative; text-align: center; width: 50%; }
.snake-logo {height: auto; max-width: 100%; padding: 20px;}
/* end snake banner stuff */

.slider-text {padding: 60px 20px 20px 40px; margin-left: 30px; max-width: 480px; height: 400px; background-color: rgba(0,0,0, 0.6);}
.swiper-slide .title {text-align: left;}
.swiper-slide h1 {margin-top: 20px;color: #fff;text-shadow: -2px 2px 3px rgba(0,0,0, 0.4);position: relative;padding: 0;letter-spacing: 0;text-align: left;}
.greytitle {color: #444444;}
.swiper-slide .desc {text-align: left;}
.swiper-slide .blimp {float: right; margin: 20px 10px 0 0;}
.swiper-slide .tanks {top: 225px; position: relative; max-width: 100%; height: auto;}
.swiper-slide h2 {font-size: 26px;position: relative;color: #fff;line-height: 26px;padding-top: 10px;text-align: left;}
.swiper-slide h5 {position: relative;text-align: left;line-height: 24px;background-color: #fff;color: #000;padding: 6px;margin-top: 6px;width: 50%;}
.swiper-slide a:link {color: #caa12d; text-decoration:none;} 
.swiper-slide a:visited {color: #c30; text-decoration:none;}
.swiper-slide a:hover {color: #c30; text-decoration:none;}

/* Pagination Styles */
.pagination {position: relative; bottom: 30px; z-index: 200; padding-left: 30px; } /*--removed float:left 032719---*/
/* Stylize pagination button: */
.swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border-radius: 8px;background: #caa12d;margin-right: 8px;opacity:1;cursor: pointer;}
.swiper-visible-switch {background: #aaa;} /* Specific visible button style: */
.swiper-active-switch {background: #ba2930;} /* Specific active button style changed to red from white 12 20 19 */
.swiper-container .arrow-left {background: url('../images/arrows.png') no-repeat left top; position: absolute;left: 10px;top: 50%; margin-top: -15px;width: 17px;height: 30px;}
.swiper-container .arrow-right {background: url('../images/arrows.png') no-repeat left bottom; position: absolute;right: 20px;top: 50%;margin-top: -15px; width: 17px;height: 30px;}
/* For Mobile devices */
	 /*Styles for screen 1024px and lower*/
@media screen and (max-width: 1030px) {.swiper-slide .title {max-width: 400px; margin-top: 0;}.greytitle {color: #fff;}}
/*Styles for screen 700px and lower*/
@media screen and (max-width: 700px) {
	.slider-text-left {height: auto; padding: 30px 10px 20px 30px;}
	.slider-text-left .subtitle {font-size: 30px; line-height: 34px;}
	.slider-text-right {width: 45%;}
}
 /*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	.swiper-container {height: 320px;}
	.slider-text {height: 320px; margin-left: 0;}
	.swiper-slide h1 {font-size: 40px; line-height: 42px;}
	.swiper-slide h2 {font-size: 26px;}
	.swiper-slide h5 {font-size: 14px; line-height: 20px; padding: 4px;}
	.swiper-slide #item1 {background: url('../images/1000-web-banner-72-mobile.jpg') no-repeat center center;}
	.swiper-slide #item2 {background: url('../images/slider_1home-mobile.jpg') no-repeat center center;}

	.swiper-slide #item10 {background: none;}
	.beirmi-slide {background-color: #ecdcb7;}
	.center-text-box {padding: 50px 0 0 0;}
	.center-text-title {font-size: 24px; line-height: 28px; padding: 10px 0 25px 0;}	
}
 /*Styles for screen 480px and lower*/
@media screen and (max-width: 480px) {
	.slider-text {padding: 20px 40px;}
	.slider-text-left {max-width: 100%; padding: 30px 0 20px 20px; width: 45%;}
	.slider-text-right {max-width: 100%; padding: 10px; width: 40%;}
	.slider-text-left .title {font-size: 42px; line-height: 42px;}
	.slider-text-left .subtitle {font-size: 26px; line-height: 30px;}
	.snake-logo {margin-top: 25%;}
}
 /*Styles for screen 384px and lower*/
@media screen and (max-width: 384px) {
	.slider-text {max-width: 100%;}
	.swiper-slide h2 {font-size: 20px;}
	.snake-logo {margin-top: 50%; padding: 10px;}
}
 /*Styles for screen 320px and lower*/
@media screen and (max-width: 320px) {.slider-text {max-width: 250px;}.swiper-slide h2 {font-size: 14px; line-height: 18px;}}
 /*Styles for screen 240px and lower*/
@media screen and (max-width: 240px) {.slider-text {max-width: 190px; padding: 14px;}}