/*
Theme Name: BOILERPLATE
Theme URI: http://XXX.com
Description: Theme Developed by Mathhew Dowle For DSD Marketing
Author: Mathhew Dowle
Author URI: http://www.dsd-marketing.com
Version: 0.1
*/




/* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES */

#sliderbg {
  transition: background 0.2s ease;
  overflow:hidden;

}

.sliderbg-red {
background: #c32929; /* Old browsers */
background: -moz-linear-gradient(top,  #c32929 0%, #f45250 78%, #d5d5d5 78%, #d5d5d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c32929), color-stop(78%,#f45250), color-stop(78%,#d5d5d5), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c32929 0%,#f45250 78%,#d5d5d5 78%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c32929 0%,#f45250 78%,#d5d5d5 78%,#d5d5d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c32929 0%,#f45250 78%,#d5d5d5 78%,#d5d5d5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c32929 0%,#f45250 78%,#d5d5d5 78%,#d5d5d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32929', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
}

.sliderbg-green {
background: #235e3f; /* Old browsers */
background: -moz-linear-gradient(top,  #235e3f 0%, #3f8b5e 78%, #d5d5d5 78%, #d5d5d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#235e3f), color-stop(78%,#3f8b5e), color-stop(78%,#d5d5d5), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #235e3f 0%,#3f8b5e 78%,#d5d5d5 78%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #235e3f 0%,#3f8b5e 78%,#d5d5d5 78%,#d5d5d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #235e3f 0%,#3f8b5e 78%,#d5d5d5 78%,#d5d5d5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #235e3f 0%,#3f8b5e 78%,#d5d5d5 78%,#d5d5d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235e3f', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */

}

.sliderbg-gold {
background: #cc8f1b; /* Old browsers */
background: -moz-linear-gradient(top,  #cc8f1b 0%, #eac665 78%, #d5d5d5 78%, #d5d5d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc8f1b), color-stop(78%,#eac665), color-stop(78%,#d5d5d5), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cc8f1b 0%,#eac665 78%,#d5d5d5 78%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cc8f1b 0%,#eac665 78%,#d5d5d5 78%,#d5d5d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cc8f1b 0%,#eac665 78%,#d5d5d5 78%,#d5d5d5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cc8f1b 0%,#eac665 78%,#d5d5d5 78%,#d5d5d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8f1b', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */

}

.sliderbg-grey {
background: #56748e; /* Old browsers */
background: -moz-linear-gradient(top,  #56748e 0%, #92aabd 78%, #d5d5d5 78%, #d5d5d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56748e), color-stop(78%,#92aabd), color-stop(78%,#d5d5d5), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #56748e 0%,#92aabd 78%,#d5d5d5 78%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #56748e 0%,#92aabd 78%,#d5d5d5 78%,#d5d5d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #56748e 0%,#92aabd 78%,#d5d5d5 78%,#d5d5d5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #56748e 0%,#92aabd 78%,#d5d5d5 78%,#d5d5d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56748e', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */

}

.sliderbg-purple {
background: #4350a1; /* Old browsers */
background: -moz-linear-gradient(top,  #4350a1 0%, #848ecc 78%, #d5d5d5 78%, #d5d5d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4350a1), color-stop(78%,#848ecc), color-stop(78%,#d5d5d5), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4350a1 0%,#848ecc 78%,#d5d5d5 78%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4350a1 0%,#848ecc 78%,#d5d5d5 78%,#d5d5d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4350a1 0%,#848ecc 78%,#d5d5d5 78%,#d5d5d5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4350a1 0%,#848ecc 78%,#d5d5d5 78%,#d5d5d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4350a1', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */

}

.sliderbg-orange {
background: #c47c05; /* Old browsers */
background: -moz-linear-gradient(top,  #c47c05 0%, #ffd923 78%, #d5d5d5 78%, #d5d5d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c47c05), color-stop(78%,#ffd923), color-stop(78%,#d5d5d5), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c47c05 0%,#ffd923 78%,#d5d5d5 78%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c47c05 0%,#ffd923 78%,#d5d5d5 78%,#d5d5d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c47c05 0%,#ffd923 78%,#d5d5d5 78%,#d5d5d5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c47c05 0%,#ffd923 78%,#d5d5d5 78%,#d5d5d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c47c05', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */

}

.sliderbg-spurple {
background: #501f84; /* Old browsers */
background: -moz-linear-gradient(top,  #501f84 0%, #c197d5 78%, #d5d5d5 78%, #d5d5d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#501f84), color-stop(78%,#c197d5), color-stop(78%,#d5d5d5), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #501f84 0%,#c197d5 78%,#d5d5d5 78%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #501f84 0%,#c197d5 78%,#d5d5d5 78%,#d5d5d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #501f84 0%,#c197d5 78%,#d5d5d5 78%,#d5d5d5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #501f84 0%,#c197d5 78%,#d5d5d5 78%,#d5d5d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#501f84', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */

}

.slider-wrapper{
	position:relative;



	width:100%;

	margin:0px auto;



}

.slider{
	position:relative;
	width:100%;
/*	height:400px; when responsive, comment this out */
	margin:0 auto;
  font-size: 12px;
}

.slider h1{
	color:#FFFFFF;
	font-size:60px;
}
.slider p{
	color:#000;
	width:50%;
	font-size:20px;

}
@media only screen and (min-width: 992px){
	.slider{
		width:992px;
	}
}

@media only screen and (min-width: 1200px){
	.slider{
		width:1200px;
	}
}

/* ELEMENT STYLES */

.slidercaption {
	position: absolute;
	z-index: 8000;
	padding-top: 1%;
	padding-right: 0;
	padding-left: 6%;
	padding-bottom: 1%;
	font-size: 18px;
	line-height: 100%;
	color: #6d6d6d;
	white-space: nowrap;
	border-top: #4f4f4f 1px solid;
}

.rightbordertobottom {
	padding-right: 2%;
	padding-left: 0;
	border-right: #4f4f4f 1px solid;
}
.toright {
	padding-right: 3%;
	padding-left: 0;
}


.sliderheading {
	position: absolute;
	z-index: 8000;
	padding-top: 1%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 1%;
	font-size: 24px;
	line-height: 100%;
	color: #a6a7a9;
	white-space: nowrap;
box-shadow: inset -2px 3px 14px -1px #000000;
-webkit-box-shadow: inset -2px 3px 14px -1px #000000;
-moz-box-shadow: inset -2px 3px 14px -1px #000000;
-o-box-shadow: inset -2px 3px 14px -1px #000000;
}

.sliderp{
	font-size:18px;
	 line-height:30px;
	 color:#A4A4A4;
	 width:35%;
}

.sliderbutton {
	position: absolute;
	z-index: 8000;
	padding-top: 1%;
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 1%;
	font-size: 16px;
	line-height: 100%;
	background-color:#17768a;
	color:#FFFFFF;
 }

 .rotate60 {

    -ms-transform: rotate(60deg); /* IE 9 */
    -webkit-transform: rotate(60deg); /* Chrome, Safari, Opera */
    transform: rotate(60deg);

 }

.line{
  transform-origin: 100% 100%;
  height: 10px;
  border-top: #4f4f4f 1px solid;
}

.line1{
  width:50px;
  transform: rotate(-10deg);
}

.lineend {
	background: #fff;
	height:10px;
	width:10px;
	padding-top:-20px;
	border-radius:5px;

}

.slidericon {width:134px;}


.slidericon-sm {
	color:#FFFFFF;
	border:#FFFFFF 3px solid;

	height:75px;
	width: 75px;
	border-radius:37px;z-index:9999999;position:absolute;
}
.slidericon-sm i{
	margin-top:20%;
	margin-left:20%;
}

.slidericon-md {
	color:#FFFFFF;
	border:#FFFFFF 3px solid;

	height:97px;
	width: 97px;
	border-radius:46px;z-index:9999999;position:absolute;
}
.slidericon-md i{
	margin-top:20%;
	margin-left:20%;
}

.claim{
	line-height:100%
}



.small{
	width:250px;
   padding-left:0; padding-right:0px;
	text-align:center;
}




/* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES *//* SLIDER STYLES */

.extra-padding { padding: 0 15px; }

.sticky li a { text-decoration: none !important; }

.sticky-container { right: -118px !important; }

.fs-pager-wrapper a { margin-right: 30px !important; }

.fs-pager-wrapper { bottom: 100px !important; left: 2.5% !important; }

@media only screen and (max-width: 1199px) {
	.fs-pager-wrapper { bottom: 80px !important; }
}

@media only screen and (max-width: 991px) {
	.fs-pager-wrapper { top: 10px !important; }
}

.product-content-picture img {
	float: right;
	height: auto;
  max-height: 300px;
	max-width: 20%;
}

.related-product {
  border: 2px solid #aaa;
  float: left;
  margin: 1.5%;
  width: 30%;
}
@media (max-width: 767px) {
  .related-product {
    display: block;
    float: none;
    margin: 20px auto;
    width: 80%;
  }
}

.related-product-bg {
  background-color: #fff;
}

.related-product-img {
  height: 250px;
  padding-bottom: 10px;
  position: relative;
  width: 100%;
}

.related-product-img img {
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.related-product-title {
  background-color: #be2827;
  color: #fff;
  display: block;
  font-size: 18px;
  min-height: 2em;
  line-height: 1.5em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-transform: uppercase;
}
.related-product a:hover{
  text-decoration: none !important;
}

.downloads-img img {
  width: 100%;
  height: auto;
}
.picnavitem li {
  border: 1px solid #aaa;
  padding: 0 !important;
}
.picnavtitle {
  background-color: #be2827 !important;
  color: #fff !important;
  display: block;
  min-height: 3.5em;
  padding: 5px 2px;
  text-transform: uppercase;
}
