html, body{
font-family: "proxima-nova",sans-serif;
margin:0;
padding:0;
}



.stuck {
  position:fixed;
  top:0;

}

h1{
	font-size: .98em;
	margin-bottom:0;
}

#inAMinuteContainer{
	margin:0 auto;
	position: relative;
	max-width:1400px;
	font-size:18px;
	min-height:2500px;
  overflow: hidden;


}

.candByPart{
  float: left;
    line-height: 45px;
    margin-left: 10px;
    text-transform: uppercase;
}

#inAMinuteContainer blockquote{
	font-size: 1.5em;
	  margin-left: 40px;
  margin-top: 40px;
}

#inAMinuteContainer .logo{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: block;
}


#mouseBlocker{
  position: absolute;
  height:100%;
  width:100%;
  left:0;
  display:none;
  background: rgba(0,0,0,0);
}

#candidatesLeftCol, #candidatesRightCol, #mobileclock{
   opacity:0;

}


#socialshares{
    width: 210px;
    margin: 20px auto;
}

#socialshares img{
      -webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}

#socialshares img:hover{
  cursor: pointer;
  opacity: 0.7;
}


.noMouseEvents{
  pointer-events: none;
}


#candidatesLeftCol{
	width:100%;
	position: relative;
	float:left;
 overflow:hidden;
 min-height:2000px;
 clear:both;
}

.spinner{
  top:15%!important;
}

.demo{
  color:#437FD6;
  font-weight:700;
}

.repo{
  color:#CB1B0C;
  font-weight:700;
}

.all{
  font-weight: 700;
}


#demolist, #replist{
list-style: none;
    margin-left: 7px;
    margin-top: 12px;
    margin-bottom: 20px;
    font-size:16px;
    display:none;
}
#demolist li{
  color:#437FD6;
  margin-bottom:7px;
}

#replist li{
  color:#CB1B0C;
    margin-bottom:7px;
}

#demolist li:hover, #replist li:hover{
  cursor: pointer;
}
.fadein{
    opacity:1!important;
}

.faded{
  opacity:0.3!important;
}
#candidatesMenu{
  position: absolute;
      margin-top: 40px;
  background: rgba(255,255,255, 0.9);
  padding:20px;
  height:100%;
  z-index:99999999;
-moz-transform: translateX(-100%) translateY(0%);
-webkit-transform: translateX(-100%) translateY(0%);
-o-transform: translateX(-100%) translateY(0%);
-ms-transform: translateX(-100%) translateY(0%);
transform: translateX(-100%) translateY(0%);
    -webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}

#candidatesMenu div{
  border-bottom: solid 1px #c4c4c4;
  margin-bottom:5px;
  padding-bottom:2px;

}

#candidatesMenu div:hover{
cursor: pointer;
}
.activeburger{
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px)!important;
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px)!important;
}

#candidatesRightCol{
  position:absolute;
  right:-3%;
  margin-top:40px;

}

#candidatesRightColFixed{
	position: fixed;

}

.candidateBox{
	float:left;
	width:100%;
	margin-right:0px;
	padding:0;
	line-height: 0;

}




.videothumb{
  z-index:9999;
}

.videothumb:hover{
  cursor: pointer;
}

.candidateBox img{
	width:100%;
	-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}

#candidateshamburger{
  display:none;

}
.candidateBox:hover, #candidateshamburger img{
  cursor: pointer;
}
 #candidateshamburger img{
  float:left;
 }
img.desaturate { 
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    z-index: -1;
  position: relative;
}




#candidateLightbox{
	position: absolute;
	background: rgba(255,255,255, .92);
	top:0;
	width: 98%;
	height:100%;
  z-index:999;
	-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-moz-transform: translateX(110%) translateY(0%);
-webkit-transform: translateX(110%) translateY(0%);
-o-transform: translateX(110%) translateY(0%);
-ms-transform: translateX(110%) translateY(0%);
transform: translateX(110%) translateY(0%);
}

.fadeIn{
z-index:99!important;

    -webkit-animation: fadein 350ms; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 350ms; /* Firefox < 16 */
        -ms-animation: fadein 350ms; /* Internet Explorer */
         -o-animation: fadein 350ms; /* Opera < 12.1 */
            animation: fadein 350ms;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



.descriptionBox{
	font-size:1em;
	padding-left:10%;
	padding-right:10%;
	padding-top:3%;
	pointer-events:none;
	clear:both;
}
.mobileColumn{
	display:none;
    width: 90%;
}


ul#clock{
  width: 100%;
  float: left;
  padding: 0;
   margin-bottom: 40px;
}

ul#mobileclock{
  width: 100%;
  float: left;
  padding: 0;

}

ul#clock li, ul#mobileclock li{
float: left;
  color: #6b6a68;
  padding: 1px;
  list-style: none;
  font-size:.5em;


}

ul#mobileclock{
	width:400px;
}


ul#clock li div, ul#mobileclock li div{
text-align: center;
  color: #fff;
  font-size: 2.1em;
  font-weight: 700;


}

.hours, .minutes, .seconds{
	  width: 70px;

}



.days{
  background: #6b6a68;
  width:80px;
}

.hours{
  background: #8e8e8e;
}

.minutes{
  background: #b6b6b6;
}

.seconds{
  background: #cecece;
}


ul#clock li div span, ul#mobileclock li div span{
	padding-left: 15px;
	padding-right:15px;
}


ul.shortDesc, .candidatesInfo, .candidatesSubInfo, .candidatesInfo, .candidatesSubInfo{
font-size: .8em;
  width: 100%;
  float: left;
  padding: 0;
  max-width: 400px;
}

ul.shortDesc, .candidatesInfo, .candidatesSubInfo li{
  float: left;
  list-style: none;
  clear: both;
  margin-bottom: 2px;
}


ul.candidatesSubInfo{
  padding-left: 40px;
  padding-top: 20px;
}

ul.candidatesSubInfo li{
	list-style: inherit;
	margin-bottom:30px;
      padding-right: 10%;
}



ul.mobileList{
 float: left;
  list-style: none;
  font-size: 1.2em;
 margin-bottom: 0;
     padding-left: 0;

}


ul.mobileListStats{
    float: left;
    clear: both;
    /* margin-top: 30px; */
    font-size: 1.2em;
    margin-bottom: 0;
    color: #888888;
    padding-left: 0px;
    width: 80%;
     padding-left: 15px; 
    /* border-left: solid 1px #b6b6b6; */


}


ul.mobileListStats li{
  padding: 3px;
  padding-left: 0;
  padding-right: 0;
}

.clockspan{
	padding:15px;
}




.candidateName{
	text-transform: uppercase;
}



.bolder{
	font-weight: 700;
}




@media only screen and (min-width: 320px) and (max-width: 959px){

#inAMinuteContainer{
position: static;
margin-top:70px;
}

.interactivesiframe, .videothumb {
display:block;
margin: 0 auto;
width: 300px;
height: 169px;

}

.candidateBox{
	width:24%;
}
.mobileColumn{
    display: block;
    /* margin: 0 auto; */
    max-width: 720px;
    width: 100%;
    margin-top: 20px;
    padding-left: 10%;
}

#candidatesRightCol{
	display:none;
}

ul#mobileclock{
  display: block;
  margin: 0 auto;
  float: none;
  padding: 0;
  overflow: auto;
  margin-bottom: 20px;

}


ul#clock {
	display:none;
}

#candidateLightbox{
width:100%;
}

#candidatesMenu div {
    margin-bottom: 10px;
    font-size: 20px;
}


#candidateshamburger{
      margin-left: 5px;
      margin-bottom:2px;
}
#candidateshamburger img {
    float: left;
    width: 28px;
    height: 28px;
}
.candByPart {
    float: left;
    line-height: 30px;
    margin-left: 10px;
    text-transform: uppercase;
}

#candidatesMenu {
margin-top:30px;
  }

}


@media only screen and (min-width: 320px){

#socialshares img{
    width: 100px;
    margin-left: 5px;
}
#candidatesLeftCol {
  width: 100%;
  min-height:2000px;

}

.candidateBox {
  width: 33.3%;
}

ul#mobileclock{
  font-size: 1.4em;
  width: 300px;
}

	ul#mobileclock li{
		font-size: 0.39em;
	}

	ul#mobileclock li div{
		font-size:2.1em;
	}

ul#mobileclock li div span {
  padding-left: 5px;
  padding-right: 5px;
}	




#closelightbox {
  background: #b1b1b1;
  font-size: 20px;
  color: #000;
  width: 45px;
  height: 45px;
  margin:0 auto;
  display:block;
  position: relative;
  margin-bottom:25px;
}

.utilsbutton {
  position: absolute;
  top: 10px;
}

#closelightbox a {
  display: block;
  width: 20px;
  height: 20px;
  background: url("http://abcnews.go.com/assets/images/videoplayer/video_ex_sprite.png?v=1") no-repeat 0 0;
  top: 15px;
  left: 15px;
  position: absolute;
}

.mobileListStats{
      font-size: .9em!important;
}
.mobileColumn{
  max-width: 320px;
}



}


@media only screen and (min-width: 400px){
	.interactivesiframe, .videothumb {
	width: 360px;
	height:203px;
	}

ul#mobileclock {
    font-size: 1.8em;
}

}

@media only screen and (min-width: 700px){
	.interactivesiframe, .videothumb {
	width: 550px;
	height:309px;
	}
ul#mobileclock {
    font-size: 2.2em;
    width: 390px;
} 

.mobileListStats{
      font-size: 1.15em;
}

.mobileColumn{
  max-width: 520px;
} 


}


@media only screen and (min-width: 800px){
	.interactivesiframe, .videothumb {
	width: 600px;
	height:338px;
	}

}


@media only screen and (min-width: 960px){


	h1{
		font-size:1.1em;
	}


 ul#clock, ul#mobileclock{
font-size: 1.1em;
}

ul.shortDesc, .candidatesInfo, .candidatesSubInfo{
	font-size:1.3em;
}

#candidatesLeftCol{
	max-width: 630px;
}


.candidateBox{
	width:24%;
}

#candidatesRightCol{
	width:300px;
	margin-left:0;
right: 3.5%;

}

#inAMinuteContainer .logo {
max-width:700px;
	}


.interactivesiframe, .videothumb {
display:block;
margin: 30px auto 0;
}


ul#mobileclock{
	display:none;
}


ul#clock {
	display:block;
}



}

@media only screen and (min-width: 980px){

#candidatesLeftCol{
max-width: 640px;
}


}


@media only screen and (min-width: 990px){

#candidatesLeftCol{
max-width: 650px;

}

}


@media only screen and (min-width: 1000px){

#candidatesLeftCol{
max-width: 660px;

}

}

@media only screen and (min-width: 1010px){

#candidatesLeftCol{
max-width: 670px;

}

}



@media only screen and (min-width: 1020px){

#candidatesLeftCol{
max-width: 680px;

}

}


@media only screen and (min-width: 1030px){

#candidatesLeftCol{
max-width: 690px;

}

}


@media only screen and (min-width: 1040px){


#candidatesLeftCol{
max-width: 700px;

}

}


@media only screen and (min-width: 1050px){


#candidatesLeftCol{
max-width: 710px;

}

}


@media only screen and (min-width: 1060px){


#candidatesLeftCol{
max-width: 720px;

}

}

@media only screen and (min-width: 1070px){


#candidatesLeftCol{
max-width: 730px;

}

}

@media only screen and (min-width: 1080px){


#candidatesLeftCol{
max-width: 740px;

}

}

@media only screen and (min-width: 1090px){


#candidatesLeftCol{
max-width: 750px;

}

}

@media only screen and (min-width: 1100px){


#candidatesLeftCol{
max-width: 760px;

}


}

@media only screen and (min-width: 1110px){


#candidatesLeftCol{
max-width: 770px;

}

}

@media only screen and (min-width: 1120px){

	h1{
		font-size:1em;
	}


 ul#clock, ul#mobileclock, ul.shortDesc{
font-size: 1.5em;
}



#inAMinuteContainer .logo {
max-width:900px;
	}
#candidatesLeftCol{
	max-width: 780px;
}


}



@media only screen and (min-width: 1130px){

#closelightbox {
  background: #b1b1b1;
  position: absolute;
  left: 15px;
  top:15px;
  font-size: 20px;
  color: #000;
  width: 45px;
  height: 45px;
}

.utilsbutton {
  position: absolute;
  top: 38px;
}

#closelightbox a {
  display: block;
  width: 15px;
  height: 15px;
  background: url("http://abcnews.go.com/assets/images/videoplayer/video_ex_sprite.png?v=1") no-repeat 0 0;
  top: 15px;
  left: 15px;
  position: absolute;
}


#candidatesLeftCol{
max-width: 790px;

}

}


@media only screen and (min-width: 1140px){


#candidatesLeftCol{
max-width: 800px;

}

}

@media only screen and (min-width: 1150px){


#candidatesLeftCol{
max-width: 810px;

}

}
 @media only screen and (min-width: 1160px){


#candidatesLeftCol{
max-width: 820px;

}

}


 @media only screen and (min-width: 1170px){


#candidatesLeftCol{
max-width: 830px;

}

}




 @media only screen and (min-width: 1180px){


#candidatesLeftCol{
max-width: 840px;

}
/*
#inAMinuteContainer{
  -moz-transform: scale(.9);
-webkit-transform: scale(.9);
-o-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}*/

}



@media only screen and (min-width: 1190px){

#candidatesLeftCol{
max-width: 850px;

}

}


@media only screen and (min-width: 1200px){

#candidatesLeftCol{
max-width: 860px;

}



}

@media only screen and (min-width: 1210px){

#candidatesLeftCol{
max-width: 870px;

}

}

@media only screen and (min-width: 1220px){

#candidatesLeftCol{
max-width: 880px;

}

}

@media only screen and (min-width: 1230px){

#candidatesLeftCol{
max-width: 890px;

}

}

@media only screen and (min-width: 1240px){

#candidatesLeftCol{
max-width: 900px;

}

}


@media only screen and (min-width: 1250px){

#candidatesLeftCol{
max-width: 910px;

}

}


@media only screen and (min-width: 1260px){

#candidatesLeftCol{
max-width: 920px;

}

}
 


@media only screen and (min-width: 1270px){

#candidatesLeftCol{
max-width: 930px;

}

}

@media only screen and (min-width: 1280px){

#candidatesLeftCol{
max-width: 940px;

}

}



@media only screen and (min-width: 1290px){

#candidatesLeftCol{
max-width: 950px;

}

}


@media only screen and (min-width: 1300px){

#candidatesLeftCol{
max-width: 960px;

}

#candidatesRightCol{
right: 3.5%;
}	

}

@media only screen and (min-width: 1310px){

#candidatesLeftCol{
max-width: 970px;

}

}

@media only screen and (min-width: 1320px){

#candidatesLeftCol{
max-width: 980px;

}

}


@media only screen and (min-width: 1330px){

#candidatesLeftCol{
max-width: 990px;

}

}


@media only screen and (min-width: 1340px){

#candidatesLeftCol{
max-width: 1000px;

}

}

@media only screen and (min-width: 1350px){

#candidatesLeftCol{
max-width: 1010px;

}


#candidatesRightCol{
right: 3%;
}	

}


@media only screen and (min-width: 1360px){

h1{
	font-size:1em;
}


 ul#clock, ul#mobileclock, ul.shortDesc{
font-size: 1.6em;
}

#candidatesLeftCol{
	max-width: 900px;
}

.candidateBox{
	width:24.5%;
}
#inAMinuteContainer .logo {
max-width:1100px;
	}
#candidatesRightCol{
	width:400px;
   margin-left: 20px;
  position:absolute;

}

#inAMinuteContainer blockquote {
  font-size: 1.2em;
}



}


@media only screen and (min-width: 1370px){

#candidatesLeftCol{
	max-width: 910px;
}	



}

@media only screen and (min-width: 1380px){

#candidatesLeftCol{
	max-width: 920px;
}

	

}


@media only screen and (min-width: 1390px){

#candidatesLeftCol{
	max-width: 930px;
}	
#candidatesRightCol{
right: 3.5%;
}

}


@media only screen and (min-width: 1400px){

#candidatesLeftCol{
	max-width: 940px;
}


}

@media only screen and (min-width: 1410px){

#candidatesLeftCol{
	max-width: 950px;
}	

}


@media only screen and (min-width: 1420px){

#candidatesLeftCol{
	max-width: 960px;
}	

}

@media only screen and (min-width: 1430px){

#candidatesLeftCol{
	max-width: 970px;
}	

#candidatesRightCol{
right: 2.5%;
}

}

@media only screen and (min-width: 1440px){

#candidatesLeftCol{
	max-width: 980px;
}	


#candidatesRightCol{
right: 1.5%;
}

}


@media only screen and (min-width: 1450px){

#candidatesLeftCol{
	max-width: 990px;
}	

#candidatesRightCol{
right: .5%;
}

}



@media only screen and (min-width: 1460px){

h1{
	font-size:1em;
}


 ul#clock, ul#mobileclock,  ul#mobileclock, ul.shortDesc{
font-size: 1.6em;
}

#candidatesLeftCol{
	max-width: 900px;
}

.candidateBox{
	width:24.5%;
}
#inAMinuteContainer .logo {
max-width:1100px;
	}
#candidatesRightCol{
	width:500px;
right: -1.5%;
}

#inAMinuteContainer blockquote {
  font-size: 1.2em;
}

}

@media only screen and (min-width: 1470px){
#candidatesLeftCol{
	max-width: 910px;
}

#candidatesRightCol{
right: -2%;
}
}


@media only screen and (min-width: 1480px){
#candidatesLeftCol{
	max-width: 920px;
}
#candidatesRightCol{
right: -3%;
}
}

@media only screen and (min-width: 1490px){
#candidatesLeftCol{
	max-width: 930px;
}


}

@media only screen and (min-width: 1500px){
#candidatesLeftCol{
	max-width: 940px;
}

.interactivesiframe, .videothumb {
width: 750px;
height:422px;
}
}

@media only screen and (min-width: 320px) and (max-width: 640px){
		#inAMinuteContainer{
		overflow: auto;
	}
}