
/* ========================================================================== 
/* ========================================================================== 
/* ========================================================================== 
/* ========================================================================== 
   Sliders
/* ========================================================================== 
/* ========================================================================== 
/* ========================================================================== 
/* ========================================================================== */



.slide .container .col {
    padding: 1em 0;
}



.slider {
	margin-bottom:2em;
}
.heroModule.slider {
    padding: 0;
}

.feature .slider .moduleBody,
.feature .slider .moduleBody.invert,
.feature .slider .moduleBody.darkOverlay {
    margin-bottom: 0;
}
.feature .slider .moduleBody.invert:after,
.feature .slider .moduleBody.darkOverlay:after {
	content:"";
	display:none;
}

.slide .moduleBody {
    margin-bottom: 0;
}
.slider .col {
    left: 8.56071%;
}


.feature .heroText h3 {
    font-family: Amplitude-Medium,Amplitude-Regular,Arial,Helvetica,sans-serif;
    font-size: 1.75em;
    line-height: 1.1em;
    margin: 0.64em 0;
	color:#6d6e71;
}

.feature .heroText .invert h3,
.feature .heroText .darkOverlay h3 {
	color:#fff;
}
	
.module.feature.container.slide-container-hero .invert,
.module.feature.container.slide-container-hero .darkOverlay {
    /*margin-top: 0.45em;*/
	margin-top: 0;
    max-width: 87.5em;
    padding: 0;
}
	
/*.module.feature.container.slide-container-hero .invert .heroText {
    background-color: transparent;
    border-top: 0 none;
    color: #fff;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.module.feature.container.slide-container-hero .invert .container > .col {
   left:1em
}*/



.slider {
  position: relative;
}
.slider .slide-holder {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
overflow:hidden;
}
.slider .slide-holder li {
  position: relative;
  float: left;
  padding-bottom:1em;
}
.slide-container-hero .slider .slide-holder li {
	padding-bottom:4em;
}
.slider .slide-holder li.loop {
    float: none !important;
    position: absolute !important;
}
.slider .navbtncontainer {
		display:block;
	}






@media (max-width:47.999em) {
	
.module.feature.container.slide-container-hero .heroText {
    margin-bottom: 0;
}

	.slider .slide-holder li .moduleBody {
		margin-right: 3em;
	}
	.module.feature.container .slide-container{
		margin-right: -2em;
	}
	.slider .slide-holder > li .moduleBody{
		left: -2em;
		margin-left: 0;
		position: relative;
		transition: left 1000ms linear;
	}
	.slider .slide-holder > li .moduleBody.active {
		left: 0em;
	}
	.slider .navbtn {
	    display: none;
	}
	.module.feature.container.slide-container-hero .col {
	   left:1em;
	}
	.module.feature.container.slide-container-hero .heroText {
		padding-top: 0em;
		color: #666;
	}
	.slider .navbtncontainer {
		display:none;
	}
	
	
	
	
}

@media (min-width:48em) {
.feature .heroText h3 {
    font-size: 2.5em;
    line-height: 1.15em;
    margin: 0.2em 0 0.5em;
	color:#6d6e71;
}
.feature .invert .heroText h3,
.feature .darkOverlay .heroText h3 {
	color:#fff;
}
.slide-container-hero {
    box-shadow: 0 1em 1.5em rgba(0, 0, 0, 0.45);
    margin-bottom: 2em;
	padding: 0;
	 max-width: 87.5em;
}
.slide-container-hero .slider {
	margin-bottom:0;
}
.slide-container-hero .img {
    height: 100%;
}

	
.slide-container-hero .slider .moduleBody,
.slide-container-hero .slider .moduleBody.invert,
.slide-container-hero .slider .moduleBody.darkOverlay {
    padding: 4em 0;
}
.slide-container .slider .moduleBody,
.slide-container .slider .moduleBody.invert,
.slide-container .slider .moduleBody.darkOverlay {
    padding: 0;
}

/*attempt to scale the slider*/
.slide-container .slider .moduleBody.invert,
.slide-container .slider .moduleBody.darkOverlay {
    min-height: 0;
    padding-bottom: 38.527%;
    height:0 !important;
}
/*and scale the text too*/
.feature.slide-container .moduleBody.invert .moduleText h3,
.feature.slide-container .moduleBody.darkOverlay .moduleText h3 {
    font-size: 2.5vw;
}
.feature.slide-container .moduleBody.invert .moduleText .abstract,
.feature.slide-container .moduleBody.darkOverlay .moduleText .abstract {
    font-size: 1.3333vw;
}


.module.feature.container.slide-container-hero .invert .container > .col,
.module.feature.container.slide-container-hero .darkOverlay  .container > .col {
    padding: 4em 1em;
}


.feature.slide-container .moduleBody .moduleText {
    background: none repeat scroll 0 0 #fff;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    border-top: 5px solid #4e8abe;
    bottom: auto;
    color: #6d6e71;
    left: 8.56071%;
    margin: 3em 0;
    max-width: 56.43929%;
    padding: 1.5em 2em 2em;
    position: relative;
    text-align: left;
}

.feature.slide-container .moduleBody.noText .moduleText {
    position: absolute;
}

.feature.slide-container .moduleBody.invert .moduleText,
.feature.slide-container .moduleBody.darkOverlay  .moduleText {
    background: none repeat scroll 0 0 #000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
    bottom: auto;
    color: #fff;
    left: 8.56071%;
    margin: 2em 0 3em;
    max-width: 56.43929%;
    padding: 1.5em 2em 2em;
    position: relative;
    text-align: left;
	border-top: 5px solid #88abd5;
}


/*.feature.slide-container .moduleBody.knockout .moduleText {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #222;
    left: auto;
    margin: 0 auto;
    max-width: 82.8786%;
    padding: 1em 0 0;
    text-align: center;
    width: auto;
}*/



/*.feature.slide-container .moduleBody.invert .moduleText h3 {
    color: #222;
}

.module.slide-container .invert a {
    color: #369;
}
.module.feature.container.slide-container-hero .invert .heroText {
    background-color: #fff;
	background-color: rgba(255,255,255,.85);
    color: #6d6e71;
    margin: -2em;
    padding: 2em;
}
.module.feature.container.slide-container-hero .invert .heroText a{
    color: #fff;
}	


.feature.slide-container .moduleBody .moduleText h3 {
    color: #222;
}*/

.module.slide-container a {
    color: #369;
}
.module.slide-container .lightText a {
    color: #fff;
}
.slide-container-hero .heroText {
    background-color: #fff;
	background-color: rgba(255,255,255,.85);
    color: #6d6e71;
    margin: 0;
    padding: 1em 2em 2em;
}



.module.feature.container.slide-container-hero .heroText a{
    color: #fff;
}


.module.feature.container.slide-container-hero .invert .heroText,
.module.feature.container.slide-container-hero .darkOverlay .heroText {
    background-color: #000;
	background-color: rgba(0,0,0,.85);
    color: #fff;
    margin: -2em;
    padding: 2em;
	border-top: none;
}

.module.feature.container.slide-container-hero .lightText .heroText {
    background-color: transparent;
    color: #fff;
    margin: -2em /*-1em*/;
    padding: 2em;
}
.module.feature.container.slide-container-hero .darkText .heroText {
    background-color: transparent;
    color: #444444;
    margin: -2em /*-1em*/;
    padding: 2em;
}



.feature.slide-container .moduleBody.no-text .moduleText {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    /*height: 1px;*/
	height: 0px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


.feature.slide-container .moduleBody.lightText .moduleText,
.feature.slide-container .moduleBody.darkText  .moduleText {
    border: 0 none;
	background:transparent;
	margin-top:3em;
}
.feature.slide-container .moduleBody.lightText .moduleText{
    color:#fff;
}
.feature .darkText .heroText h3,
.feature.slide-container .moduleBody.darkText .moduleText {
    color:#444444;
}

.feature.slide-container .moduleBody.darkText .moduleText {
    margin: 1em auto 0;
    max-width: 80%;
    padding: 0;
    position: static;
    text-align: center;
    width: 80%;
}
.feature.slide-container .moduleBody.darkText .moduleText h3 {
    font-size: 1.875em;
}

.module.feature.container.slide-container-hero .container > .col {
    left: 8.56071%;
}
	
	.slider .slide-holder li .moduleBody {
		margin-left: 0em;
		margin-right: 0em;
	}

.slide-container-hero .bg{
    left: -999em;
    margin: auto;
    position: absolute;
    right: -999em;
    width: auto;
    min-height: 100%;
    min-width: 100%;
    height: auto;
}

.slide-container .bg {
    left: -999em;
    margin: auto;
    position: absolute;
    right: -999em;
}
.slider .slide-holder li,
.slide-container-hero .slider .slide-holder li {
  padding-bottom:0;
}
}

@media (min-width:62em) {
.feature.slide-container .moduleBody .moduleText {
	max-width:41.43929%;
}
}

/*but not too much*/
@media (min-width:75em){
.feature.slide-container .moduleBody.invert .moduleText h3,
.feature.slide-container .moduleBody.darkOverlay .moduleText h3 {
    font-size: 1.875em;
}
.feature.slide-container .moduleBody.invert .moduleText .abstract,
.feature.slide-container .moduleBody.darkOverlay .moduleText .abstract {
    font-size: 1em;
}
}





.slider .slide-holder li a {
  *zoom: 1;
}
.slider .slide-window {
  overflow: hidden;
}
.slider .slide-nav {
  text-align: center;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  display: block;
  bottom: 1em;
  cursor:default;
  height:1em;
}

.slider .slide-nav li {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAntJREFUeNrMVEtqG0EU7O75SQKdwGcQJKAYvJAC2giBN4EQ4YVDvIggOy/zISaL3CABGUMOIMhSOkDAkI0NhjmD7iB6fqnq7sEznjEETHAGHt0z86r69fuULIpCPORR4oGPf/fDer0OpZQLpdRLrAcwAfuNXz8R7cV0OtVVf1m9wmaz2YPzGuAnnueJ0kjCB743WZYdTiaTbYMA4BDAKwAGvu+LIAgEVxq+G588z0WapjFsOBqNdO0KDJtgAqMoMhaGoSFiFHxwukiSZKC1XuD1e40ATnOeRmC32zXW6XTaCMRut5s3CBDmfnk6wb1ezxAwiioBTje+jSrQiREQQGBpfK/mwO11G8E1CA4YBY3AMgeVKpREcaOR4LQie7V8fCeYa3WPf6u2TlzC4r9ovtj51gnG47FGaDMkKmayaLwzw+bq9jF9+v2+bu1EQx/HIRzeoQovkMTnLomXbGWAl/h2fys/yjQ+PkFDD958WEIPxEJKqwdIU00Pfnx9e38STz4u9+C+ltADaZoHWsAGEq4TRXFT5PnhxZeTph4AjJPVFUADxS70fNeNPkgcQc6eSNknw/PPx3f0QFDGCIaIBCEMY+xzlAMThSXI0WDJIEuTph5I5c15MsFBGME6wjejzAg8R8AOTUWq9byFQO7b0wMDDiIQBJGJojbOaYKktugBE2amEACeTHDACHyOs7tCQT2QNT24HWelrpkw3plhm/vzdOxtUl1i7fcWPRByxWybsqlSC6wG2PV2j3//QA/Oz15r1HmGUsXMtp1/qwd2tXqAdXZ2/Ey3zsK396+2qPMQpTpFrX/BRI6y5Vl2CTvFfvjp6On2/9KDPwIMAJYOJPlZRnqfAAAAAElFTkSuQmCC");
    cursor: pointer;
    display: inline-block;
    text-indent: -999em;
    width: 16px;
    height: 16px;
	margin-left:4px;
}
.slider .slide-nav li:first-child {
	margin-left:0;
}

.slider .slide-nav li.active {
    background-position: 0 -16px;
}
.slider .controls {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    padding: 12px 18px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
}
.slider .pauser {
    border-left: 6px solid #fff;
    border-right: 6px solid #fff;
    display: inline-block;
    height: 18px;
    margin-right: -8px;
    margin-top: -9px;
    opacity: 0;
    position: absolute;
    right: 20px;
    text-indent: -9999px;
    top: 20px;
    vertical-align: top;
    width: 16px;
    z-index: 11;
	
	margin: 0 14px 0 0;
    opacity: 0.7;
    position: static;
}
.slider .pauser.paused {
    opacity: 1;
}
.slider .pauser:hover {
  opacity: 1;
}
.slider .player {
    border-color: transparent -moz-use-text-color transparent white;
    border-style: solid none solid solid;
    border-width: 9px medium 9px 16px;
    display: inline-block;
    height: 0;
    opacity: 0.7;
    text-indent: -9999px;
    vertical-align: top;
    width: 0;
}

.slider .navbtncontainer {
	position:absolute;
	bottom:45%;
	margin:0;
    left: 1em;
}
.slider .navbtncontainer.next {
    right: 1em;
	left:auto;
}

.slider .navbtn {
    background: none repeat scroll 0 0 transparent;
    bottom: 50%;
    cursor: pointer;
    display: block;
    font-size: 4em;
    height: 0;
    margin: 0;
    padding-bottom: 100%;
    position: relative;
    text-align: center;
    z-index: 100;
	opacity: .25;
}
.slider .navbtn img {
    width: 100%;
}
.slider .navbtn span {
    display: block;
}
.slider:hover .navbtn,
.touch .slider .navbtn {
    opacity:1;
}

.slider .navbtn:active,
.slider .navbtn:focus {
    border: 0 none;
    outline: medium none;
}

.module .slider .navbtncontainer.prev {
    left: 0;
}
.module .slider .navbtncontainer.next {
    right: 0;
}
