@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: qlassik;
    src:url(../fonts/qlassik/qlassik_tb-webfont.woff); }

body { 
font-family: qlassik;
}

div#splashbg {
	background-image:url(../img/slidebg2.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:511px;
	border-bottom:1px solid #999; }

div#header {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #999; }

.book { float:left; }

.splash-text { 
	
	color:#fff;font-size:42px;line-height:42px;text-shadow: text-shadow: 0.1em 0.1em 0.2em black;
}

/*section brands*/
.section-brands {
  background-color:#ebebeb;
  border-top:1px solid #ccc;
  -webkit-box-shadow: inset -1px -1px 3px 0px rgba(50, 50, 50, 0.45);
  -moz-box-shadow:    inset -1px -1px 3px 0px rgba(50, 50, 50, 0.45);
  box-shadow:         inset -1px -1px 3px 0px rgba(50, 50, 50, 0.45);
  padding: 0 0 10px 0;
}
.section-brands .brands-slider-holder {
  position: relative;
}
.section-brands .brands-slider-holder .slide-holder a {
  display: inline-block;
  min-width: 258px;
  height: 135px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.section-brands .brands-slider-holder .slide-holder a:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
}
.section-brands .brands-slider-holder .nav-holder {
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-brands .brands-slider-holder .nav-holder .next-btn {
  right: -5%;
}
.section-brands .brands-slider-holder .nav-holder .next-btn:before {
  content: "\f125";
}
.section-brands .brands-slider-holder .nav-holder .prev-btn {
  left: -5%;
}
.section-brands .brands-slider-holder .nav-holder .prev-btn:before {
  content: "\f124";
}
.section-brands .brands-slider-holder .nav-holder .next-btn,
.section-brands .brands-slider-holder .nav-holder .prev-btn {
  -webkit-border-top-right-radius: 200px;
  -webkit-border-bottom-right-radius: 200px;
  -webkit-border-bottom-left-radius: 200px;
  -webkit-border-top-left-radius: 200px;
  -moz-border-radius-topright: 200px;
  -moz-border-radius-bottomright: 200px;
  -moz-border-radius-bottomleft: 200px;
  -moz-border-radius-topleft: 200px;
  border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;
  border-bottom-left-radius: 200px;
  border-top-left-radius: 200px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #000000;
  width: 38px;
  height: 38px;
  position: relative;
  position: absolute;
  top: 55px;
  z-index: 5000;
}
.section-brands .brands-slider-holder .nav-holder .next-btn:hover,
.section-brands .brands-slider-holder .nav-holder .prev-btn:hover {
  border-color: #f39c12;
}
.section-brands .brands-slider-holder .nav-holder .next-btn:hover,
.section-brands .brands-slider-holder .nav-holder .prev-btn:hover,
.section-brands .brands-slider-holder .nav-holder .next-btn:hover:after,
.section-brands .brands-slider-holder .nav-holder .prev-btn:hover:after,
.section-brands .brands-slider-holder .nav-holder .next-btn:hover:before,
.section-brands .brands-slider-holder .nav-holder .prev-btn:hover:before,
.section-brands .brands-slider-holder .nav-holder .next-btn:hover a,
.section-brands .brands-slider-holder .nav-holder .prev-btn:hover a,
.section-brands .brands-slider-holder .nav-holder .next-btn:hover i,
.section-brands .brands-slider-holder .nav-holder .prev-btn:hover i {
  color: #f39c12;
}
.section-brands .brands-slider-holder .nav-holder .next-btn i,
.section-brands .brands-slider-holder .nav-holder .prev-btn i,
.section-brands .brands-slider-holder .nav-holder .next-btn img,
.section-brands .brands-slider-holder .nav-holder .prev-btn img,
.section-brands .brands-slider-holder .nav-holder .next-btn a,
.section-brands .brands-slider-holder .nav-holder .prev-btn a {
  display: block;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.section-brands .brands-slider-holder .nav-holder .next-btn:before,
.section-brands .brands-slider-holder .nav-holder .prev-btn:before {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-family: "Ionicons";
  font-weight: bold;
  color: #000;
  font-size: 22px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
}