/* Sass Document */
/*
	$width = scroller outer width
	$height = scroller start height
	$button_style = covers previous and next buttons and can be 'round', 'rounded' or 'square' (default is 'square')
	$button_size = the size of the previous and next buttons
	$primary_col = the primary color (prev and next bg, pips border and text)
	$secondary_col = the secondary color (prev and next text and pips bg)
	$pip_style = covers pips buttons and can be 'round', 'rounded' or 'square' (default is 'square')
	$pip_size = sets the size of the pips
*/
/* line 40, ../sass/slides.scss */
div.geekyScroller {
  margin: 0;
  padding: 0;
  width: 100%;
max-height: 440px;
  display: block;
  float: left;
  clear: both;
  overflow: hidden;
  z-index: 4;
  position: relative;
}

/* line 41, ../sass/slides.scss */
div.geekyScroller:after {
  margin: 0;
  padding: 0;
  content: "";
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 1px;
}

/* line 42, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper {
  margin: 0;
  padding: 0;
  height: inherit;
  display: block;
  float: left;
  clear: both;
  overflow: hidden;
  position: relative;
}

/* line 43, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper:after {
  margin: 0;
  padding: 0;
  content: "";
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 1px;
}

/* line 44, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  clear: none;
  overflow: hidden;
  width: 1900px;
  position: relative;
}
/* line 7, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem:after {
  background-color: transparent;
  content: ' ';
  display: block;
  clear: both;
  float: none;
  width: 100%;
  line-height: 0;
  height: 0;
}

/* line 45, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem > a {
  margin: 0;
  padding: 0;
  display: block;
  width: inherit;
  height: inherit;
  float: left;
  clear: both;
  overflow: hidden;
  text-align: center;
}

/* line 46, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem > a :after {
  margin: 0;
  padding: 0;
  content: "";
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 1px;
}

/* line 47, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem > a > img {
  margin: 0 auto;
  padding: 0;
  display: block;
  float: none;
  position: relative;
}

/* line 49, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem:first-child > h1 {
  display: block !important;
  width: 100%;
  position: absolute;
  top: 11%;
  left: 7%;
  font-size: emCalc(44px);
  color: white;
  text-transform: uppercase;
  text-align: center;
  z-index: 3;
}
/* line 61, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem:first-child > h2 {
  display: block !important;
  width: 100%;
  position: absolute;
  top: 20%;
  left: 7%;
  font-size: emCalc(36px);
  color: white;
  text-align: center;
  z-index: 4;
  font-weight: normal;
}
/* line 73, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem:first-child > div {
  width: 17%;
  max-width: 17%;
  text-align: center;
  display: block;
  margin: 0;
  padding: 0;
  zoom: 1;
  -moz-transform: scale(1);
}
/* line 7, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem:first-child > div:after {
  background-color: transparent;
  content: ' ';
  display: block;
  clear: both;
  float: none;
  width: 100%;
  line-height: 0;
  height: 0;
}
/* line 83, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem:first-child > div.ButtonOne {
  position: absolute;
  top: 18%;
  right: 9%;
}
/* line 88, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem:first-child > div.ButtonTwo {
  position: absolute;
  top: 55%;
  right: 9%;
}
/* line 93, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem:first-child > div > img {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  max-width: 70%;
  display: block;
}
/* line 100, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem:first-child > div > a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-size: emCalc(22px);
  display: block;
  width: 100%;
  line-height: 250%;
  background-color: #333333;
  /*@include rounded-corners(12px);*/
  z-index: 2;
  margin-top: -50px;
}
/* line 113, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerWrapper > div.geekyScrollerItem:first-child > div > a:hover {
  background-color: black;
}

/* line 145, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerMenuTarget {
  display: block;
  float: left;
  clear: both;
  height: 30px;
  width: 100%;
  margin-top: -43.5px;
  z-index: 1;
  position: relative;
}

/* line 146, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerMenuTarget:after {
  margin: 0;
  padding: 0;
  content: "";
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 1px;
}

/* line 147, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerMenuTarget > div.geekyScrollerMenu {
  display: block;
  height: 30px;
}

/* line 148, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerMenuTarget > div.geekyScrollerMenu:after {
  margin: 0;
  padding: 0;
  content: "";
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 1px;
}

/* line 149, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerMenuTarget > div.geekyScrollerMenu > div.geekyScrollerMenuItems {
  display: block;
  float: left;
  clear: none;
  width: auto;
  height: 30px;
  margin: 0 auto;
}

/* line 150, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerMenuTarget > div.geekyScrollerMenu > div.geekyScrollerMenuItems > a {
  width: 30px;
  height: 30px;
  background-color: black;
  color: #333333;
  font-size: emCalc(15px);
  line-height: 24px;
  display: block;
  float: left;
  clear: none;
  text-align: center;
  margin: 0;
  margin-right: 7.5px;
  padding: 0;
  text-decoration: none;
  border: #333333 3px solid;
}

/* line 151, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerMenuTarget > div.geekyScrollerMenu > div.geekyScrollerMenuItems > a.geekyScrollerActive {
  background-color: #4d4d4d;
}

/* line 154, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerMenuTarget > div.geekyScrollerMenu > div.geekyScrollerMenuItems > a:hover {
  background-color: #333333;
  color: black;
}

/* line 156, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerMenuTarget > div.geekyScrollerMenu > div.geekyScrollerMenuItems > a {
  -moz-border-radius: 18px;
  -webkit-radius: 18px;
  border-radius: 18px;
}

/* line 169, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerButton {
  float: left;
  position: relative;
  z-index: 2;
  height: 55px;
  width: 55px;
  display: block;
  clear: none;
  margin-top: -313.5px;
}

/* line 170, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerButton:after {
  margin: 0;
  padding: 0;
  content: "";
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 1px;
  clear: none;
}

/* line 171, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerButton + div.geekyScrollerButton {
  float: right;
  z-index: 3;
}

/* line 172, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerButton > a {
  font-size: 27.5px;
  font-weight: bold;
  line-height: 55px;
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 55px;
  height: 55px;
  background-color: #333333;
  color: black;
  text-decoration: none;
  text-align: center;
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
}

/* line 173, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerButton > a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
}

/* line 192, ../sass/slides.scss */
div.geekyScroller > div.geekyScrollerButton > a {
  width: 55px;
  height: 55px;
  font-size: 39px;
  line-height: 55px;
  color: white;
}

@media
screen and (max-width : 1200px) {
    div.geekyScroller {
        max-height:310px;
    }
}
@media
screen and (max-width : 1025px) {
    div.geekyScroller {
        max-height:540px;
    }
}