#block-fractionslider-fractionslider {
    display: none;
}

.left-of-slide {
    float: left;
    /* width: 30%; */
	margin-top: 32px;
    margin-left: 6%;
}
.right-of-slide {
    float: left;
    /* width: 70%; */
	margin-left: 21%;
	margin-top: 12px;
}

.right-of-slide p{
	width:100% !important;
}

.fraction-slider{
	/* max-height: 180px; */
}


/* SLIDER STYLES */

.slider-wrapper {
	height: auto;
	/* max-height: 180px; */
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}
.slider {
  position: relative;
  width: 100%;
  /*  height:400px; when responsive, comment this out */
  margin: 0 auto;
  background: #F2F2F4;
}

/* ELEMENT STYLES */

.slider-wrapper h4{
	font-size: 20px;
	display: block !important;
	font-weight: 400;
}
.slider-wrapper h3{
	font-size: 30px;
	display: block !important;
}



.slider-wrapper p {
  position: absolute;
  top: -200px;
  z-index: 8000;
  padding: 1% 3%;
  font-size: 16px !important;
  line-height: 21px !important;
  color: #445660;
}
.view .slider-wrapper p {
  padding: 0;
  position: static;
  white-space: pre-wrap;
}
.claim {
  line-height: 100%;
}
.slider-wrapper .teaser {
  padding: 0.5% 1.5%;
  font-size: 14px;
  line-height: 100%;
}
.small {
  width: 250px;
  padding-left: 0;
  padding-right: 0px;
  text-align: center;
}
.light-green {
  background: #95c542;
}
.green {
  background: #7cb761;
}
.orange {
  background: #ef7d00;
}
.turky {
  background: #348e8a;
}
.white {
  background: #fff;
  color: #333;
}
.fraction-slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.fraction-slider .slide {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5000;
}
.fraction-slider .active-slide {
  z-index: 9999;
}
.fraction-slider .fs_obj {
  display: block;
  display: none;
  position: absolute;
  top: 0px;
  left: 100%;
  z-index: 7000;
}
.fraction-slider .fs_fixed_obj {
  z-index: 6000;
  left: 0;
}
.fraction-slider .fs_obj * {
  display: inline-block;
  position: relative;
  top: 0px;
  left: 0px;
}
.fs_loader {
  width: 100%;
  height: 400px;
  background: url(images/fs.spinner.gif) center center no-repeat transparent;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next {
  display: none;
  position: absolute;
  width: 45px;
  height: 45px;
  z-index: 9999;
}
.fraction-slider .prev {
  left: 10px;
  top: 48%;
  background: url(/sites/all/libraries/flexslider/images/arrow-left-orange.png) 0px 0px no-repeat transparent;
}
.fraction-slider .prev:hover {
  background: url(/sites/all/libraries/flexslider/images/arrow-left-orange.png) 0px 0px no-repeat transparent;
}
.fraction-slider .next {
  right: 10px;
  top: 48%;
  background: url(/sites/all/libraries/flexslider/images/arrow-right-orange.png) 0px 0px no-repeat transparent;
}
.fraction-slider .next:hover {
  background: url(/sites/all/libraries/flexslider/images/arrow-right-orange.png) 0px 0px no-repeat transparent
}
.fraction-slider:hover .prev,
.fraction-slider:hover .next {
  display: block;
}

/** PAGER **/

.fs-pager-wrapper {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 9999;
}
.fs-pager-wrapper a,
.fs-custom-pager-wrapper a {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px 0 0;
  background: url(images/fs.pager.png) 0px -14px no-repeat transparent;
}
.fs-pager-wrapper .active,
.fs-custom-pager-wrapper .active {
  background: url(images/fs.pager.png) 0px 0px no-repeat transparent;
}
div.contextual-links-wrapper {
  z-index: 99999;
}
.views-ui-dialog {
  z-index: 99999;
}


@media (max-width: 768px) {
    .slider {
  	  height: 365px;
  	  min-height: 480px;
	}	
	.left-of-slide,
	.right-of-slide{	
		position: relative !important;
		margin-left: 5% !important;
		width: 90% !important;
	}
	.left-of-slide{
		margin-top: 4px;
	}
	
	
	.slider-wrapper h4 {
    	font-size: 20px !important;
	}
	.slider-wrapper h3 {
    	font-size: 12px !important;
	}
	
	.slider-wrapper p{
		padding: 0 !important;
	}
}
@media (max-width: 992px) {
     .slider {
  	  height: 285px;
	}	
}
@media (max-width: 1200px) {
       .slider {
  	  height: 250px;
	}	
}
@media (max-width: 1400px) {
      .slider {
  	  height: 230px;
	}	
}