/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	color: #333333;
	font-family:-apple-system,BlinkMacSystemFont,Calibri, Arial;
	font-size:1.1rem;
	font-weight:300;
}
iframe {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.page-header{
	padding-bottom:9px;
	margin:40px 0 30px;
	border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #333333;
	text-align: left;
}
.ban img{
 	max-width:1000px;
	ailgn:center;
	cursor:pointer;
	display:block;
	height:auto;
	width:auto;
}
footer {
	color:#FFFFFF;
	margin-top:2rem;
}
.logo img{
	height: 210px;
}
.footer {
	padding-top: 1rem;
	border-top-color: #333333;
	border-top-width: 1px;
	border-top-style: inset;
	margin-top: 1rem;
}
.extra{
	padding-bottom: 1rem;
	margin:0;
	padding-top: 1rem;
	text-align: right;
	padding-right: 1rem;
	color: #CCCCCC;
}

.pack {
	/*background: url(../../images/Wilson.jpeg)no-repeat center fixed;*/
	background-size: cover;
	min-height:390px;
}
.pack-main {
    padding-top: 130px;
	padding-bottom: 120px;
    text-align: center;
}
.pack-main h3 {
	font-size: 2.5em;
	color:#FFFFFF;
	margin-bottom: 0.3em;
	line-height: 1.4em;
}
.pack-main p {
    font-size: 1.3em;
    color: #fff;
    width: 55%;
    margin: 0 auto;
    line-height: 1.8em;
}


.extra ul li{
	padding: 0em;
	list-style:none;
	display:inline-block;
	margin-right: 10px;
}
.extra ul li a span.fa {
  background-position: -162px -0px;
}
.extra ul li a span.tw {
  background-position: -122px -0px;
}
.extra ul li a span.y {
  background-position:-81px -0px;
}
.extra ul li span.g {
  background-position: -40px -0px;
}
.extra ul li a  span.in {
  background-position:-0px -0px;
}
.extra ul li a  span.fa:hover {
  opacity:0.5;
}
.extra ul li a span.tw:hover {
  opacity:0.5;
}
.extra ul li a span.g:hover {
  opacity:0.5;
}
.extra ul li a span.in:hover {
  opacity:0.5;
}
.extra ul li a span.y:hover {
 opacity:0.5;
}
.extra ul li span{
	width:37px;
	height:36px;
	display:block;
	background-image: url(images/Footer-Icons-final.png);
	background-repeat: no-repeat;
}

.prod {
	-webkit-border-radius:2px 2px 2px 2px;
	-moz-border-radius:2px 2px 2px 2px;
	-ms-border-radius:2px 2px 2px 2px;
	-o-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	max-height: 170px;
	min-height: 70px;
	overflow: hidden;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	/* border: 1px solid #EDD360;
	-webkit-box-shadow: 0 0 8px rgba(106,106,106, 0.4);
	-moz-box-shadow: 0 0 8px rgba(106,106,106, 0.4);
	box-shadow: 0 0 8px rgba(106,106,106, 0.4); */
	visibility: visible;
	float: left;
	top: 10px;
	right: 10px;
}
.prod em{
	font-size: 13px;

}
.prod img {
	width: 120%;
	min-height:150px;
	overflow: hidden;
}

@media (max-width:575px){.prod{max-height:70px;overflow: hidden;}}
@media (max-width:576px){.prod{max-height:80px;overflow: hidden;}}
@media (max-width:768px){.prod{max-height:100px;overflow: hidden;}}
@media (max-width:992px){.prod{max-height:120px;overflow: hidden;}}
@media (max-width:1200px){.prod{max-height:140px;overflow: hidden;}}
@media (max-width:1400px){.prod{max-height:160px;overflow: hidden;}}
@media (max-width:1700px){.prod{height:170px}}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel{
position:relative;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}
.carousel-inner{position:relative;overflow:hidden;width:100%}
/* Declare heights because of positioning of img element */


.carousel-item > img {
display:block;width:100%;height:auto
}

.carousel-inner >.carousel-item >img,.carousel-inner >.carousel-item >a >img{display:block;max-width:100%;height:auto}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
  border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #333333;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 1rem;
  }

  
}