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

h1{
	    font-family: 'Raleway', sans-serif;
		font-size:36px;
		margin:0 0 30px 0;
		color:#b52f28;
		text-transform:uppercase;
		 
}

@font-face {
    font-family: 'gothamblack0';
    src: url('fonts/gothamhtf-black-webfont.eot');
    src: url('fonts/gothamhtf-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-black-webfont.woff2') format('woff2'),
         url('fonts/gothamhtf-black-webfont.woff') format('woff'),
         url('fonts/gothamhtf-black-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-black-webfont.svg#gothamhtf-black-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

.title{
	border:none;
	font-size: 20px;
    color: #3a9ed2;
}

.share .title {
	text-align:center;
	color:#b52f28;
	text-transform:uppercase;
}

.dn-smalltext {
    font-size: 14px;
    padding: 10px 0;
}

#innerwrapper .main {
    padding: 3% 0px!important;
	font-family: 'Raleway', sans-serif;
}
/*
#innerwrapper .text {
	float:left;
	width:50%;
	font-weight:bold;
}
*/
#innerwrapper .video {
	float:right;
	width:45%;
	margin: 5px 0 5px 30px
}

#innerwrapper .video .frame{
	position:relative;
	padding:56% 0 0 0;
}

#innerwrapper .video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.dn-head {
	text-align:center;
	color:#3a9ed2;
	padding: 20px 0px 30px 0px;
}

.dn-subhead {
	text-transform:uppercase;
	text-align:center;
	padding:0px 0px 10px 0px;
}

.dn-title.rel {
	font-weight:bold;
	margin:10px 0px 0px 0px;
}

.dn-spacer {
	height:20px;
}

#innerwrapper .main {
	padding:8% 0px;
}

#dn-center .boxes {
	overflow:hidden;
	margin:15px 0px 25px 0px;
}

.dn-threewrap {
	width:70%;
}

.dn-threeright {
	width:30%;
}

#dn-center .boxes .dn-twoleft, #dn-center .boxes .dn-tworight {
	width:50%;
}

#dn-center .boxes .dn-title.rel {
	color:#02344d;
}


#dn-center .boxes .dn-twoleft .dn-padding, #dn-center .boxes .dn-tworight .dn-padding, #dn-center .boxes .dn-threeright .dn-padding {
	border-top:1px solid #b9bec4;
	border-left:1px solid #b9bec4;
}


#dn-center .boxes .greybg .dn-padding {
	background-color:#f8f8f8;
}

#dn-center .boxes .dn-threeright .dn-padding, #dn-center .boxes .last .dn-padding {
	border-right:1px solid #b9bec4;
}

#dn-center .boxes .bottombox .dn-padding {
	border-bottom:1px solid #b9bec4;
}

.submit {
	background-color:#b52f28;
	color:#FFF;
	border:none;
	font-family: 'Raleway', sans-serif;
	font-size:large;
	width:45%;
	margin:10px auto 0 auto;
	letter-spacing:1px;
	padding:12px 0;
}

.disclaimer {
	padding:20px 0 0 0;
	font-size:11px;
	text-align:center;
	line-height:15px;
}

#emailText {
  text-align:justify;
  display: none;
  width: 100%;
  max-width: 600px;
  font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;

  max-height: calc(100vh - 100px); 
  overflow: auto;
}

#copywrapper {
	    background: #f8f8f8;
}

.copy, .copy a {
	color:#000;
}

.copy{
	padding:10px 0;
}

.copy .left {
    float: left;
    text-align: left;
    width: 50%;
}

.copy .right {
    float: right;
    text-align: right;
    width: 50%;
}

br.mobile {
	display:none;
}

 
.text li{
	 
	float:left;
	width:30%;
	font-size:14px;
	list-style-type:none;
}

.text li a{
	    color: #161E4C;
}

li.middle{
	margin:0 5%;
}

ol{
	margin:0;
	padding:0;
}

.text{
 	font-size:18px;
	line-height:25px;
	text-align:center;
}

.text .caps, .email a, #response a{
	text-transform:uppercase;
	padding:10px 0 20px 0;
	color:#b52f28;
	font-weight:500;
	font-size:18px;
	letter-spacing:1px;
}

.email{
	text-align:center;
}

.email a, #response a{
	padding:8px 10px;
	color:#b52f28;
	font-size:12px;
	text-decoration: none;
    border: 1px solid;
    display: inline-block;
}

.text .desc br{
	display:none;
}

.text .title{
	float:left;
	padding:0 10px 0 0;
}

.mobile{
	display:none;
}

#innerwrapper .countdown{
	margin:0!important;
}

#innerwrapper .countdown .digit{
	display:block;
	font-size:48px;
	float:left;
	width:90px;
	margin:0 7px 0 0;
	background:#cd4039;
	text-align:center;
	padding:10px 0;
	font-family: 'gothamblack0';
	border-radius:5px;
}

#innerwrapper .countdown .comma{	
	display:block;
	font-size:48px;
	float:left;

	margin:0 7px 0 0;
	padding:10px 0;
	font-family: 'gothamblack0';
}


#innerwrapper .countdown{
	background:#b52f28;
	padding:15px 0;
	color:#fff;
	float:none;
	width:100%;
}

.countdown .caps {
    float: left;
    text-transform: uppercase;
    font-size: 30px;
	font-family: 'Raleway', sans-serif;
    color: #fff;
    padding: 15px 0px 0px 20px;
    width: 250px;
	letter-spacing:2px;
     
	 
}

.cap{
	text-transform:uppercase;
	font-size:15px;
	display:block;
	font-family: 'Raleway', sans-serif;
}

#innerwrapper .countdown .main{
	padding:20px 0!important;
}

#counter{
	width:65%;
	margin:0px auto 0 auto;
}

.form{
	width:65%;
	float:left;
}

#form{
	padding:0;
	background:none;
}

.scroll{
	float:right;
	width:33%;
}

.dn-padding{
	float:left;
	margin:0 0.5% 8px 0.5%;
	width:48%;
}

.textfield, .textarea{
	width:98%;
	 
	padding:0 0 0 2%;
	
	
	height: 30px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    border: 1px solid #b9bec4;
	border-radius:0;
	background:none;
}

.dn-title {
    font-weight: 300;
    background:#f8f8f8;
    text-transform: lowercase;
    display: inline;
    z-index: 9;
    position: absolute;
    left: 15px;
    top:1px;
    padding: 0 2px 0 4px;
    font-size: 12px;
}

.dn-padding.full{
	float:none;
	width:100%;
}


.dn-padding {
    padding: 7px;
    position: relative;
	margin:0 0 10px 0;
}

select.textfield{
	width:100%;
	height:32px;
}

.textarea{
	padding:10px 0 80px 2%;
	width:95%;
	margin:0 0.5% 12px 0.5%;
}

.names{
	padding:30px 0;
	background:#fff;
	font-family: 'Raleway', sans-serif;
}

.names .title{
	float:left;
	font-weight:900;
	color:#b52f28;
	letter-spacing:1px;
	font-size:18px;
	width:20%;
	text-transform:uppercase;
}

.names .list{
	float:right;
	padding:5px 0 0 0;
	font-size:16px;
	width:78%;
}

#innerwrapper .names .main{
	padding:0!important;
}

.greywrap{
	background:#f8f8f8;
}

.greywrap .buttons{
	float:right;
	width:22%;
}

.greywrap a{
	display:block;
	margin:0 0 10px 0;
	color:inherit;
}

#copywrapper{
	color:#000;
	background: #f8f8f8;
	padding:10px 0;
}

.copy .left {
    float: left!important;
    text-align: left!important;
    width: 50%!important;
}

.copy .right {
	float:right!important;
	width:10%!important;
}

.copy .right a {
    margin: 0!important;
    padding: 0!important;
    border:none!important;
    width: 100%!important;
   
}

.copy .right a img {
    width: 100%!important;
 
    margin: 0!important;
}

#response {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #b52f28;  
}

@media (max-width : 1200px) {
	#counter{
		width:80%;
	}
	
	.form{
		width:70%;
	}
}


@media (max-width : 1000px) {
	.dn-smalltext span{
		display:block;
		line-height:20px;
	}
	
	 
	
	.form{
		width:75%;
	}
}

@media (max-width : 960px) {
	ol {
		padding: 40px 20px;
		width: 85%;
	}
	
	#dn-center{
		width:90%;
	}
	
	#counter{
		width:92%;
	}
	
	.greywrap .buttons a.but {
		float:left;
		width:48%;
		margin:0 1%;
	}
	
	.share .title{
		clear:both;
		padding:40px 0 10px 0;
	}
	
	.greywrap .buttons{
		float:none;
		width:60%;
		margin:0 auto;
		padding:40px 0 0 0;
	}
	
	.form{
		float:none;
		width:90%;
		margin:0 auto;
	}
	
	 .names .title{
			float:none;
			width:100%;
			display:block;
			text-align:center;
			padding:0 0 10px 0;
		}
		
		.names .list{
			float:none;
			width:100%;
		}
		
		.buttons .share a{
			width:auto;
		}
		
	#innerwrapper .text, #innerwrapper .video {
		float:none;
		width:100%;
		margin:0px 0px 15px 0px;
	}
}

@media (max-width :850px) {
	.title{
		font-size:16px;
	}
	
	#dn-center .boxes .dn-title.rel{
		font-size:13px;
	}
	
	li{
		font-size:13px;
	}
	
	#dn-center .info .dn-twoleft, #dn-center .info .dn-tworight{
		float:none;
		width:100%;
	}
	
	#innerwrapper .countdown {
		width: 100%!important;
	}
	
	#counter {
		width: 100%;
	}
	
	.dn-padding{
		width:47%;
	}
	
	.countdown .caps {
		font-size: 22px;
;
		padding: 20px 0px 0px 20px;
		width: 200px;
	}
}

@media (max-width : 770px) {
	#topwrapper .left, #topwrapper .right{
		display:none;
	}
	
	li,  li.middle{
		float:none;
		text-align:left;
		width:100%;
		margin:0 0 10px 0;
	}
	
	.title{
		display:inline;
		padding:0 5px 0 0;
		clear:both;
		font-size:15px;
	}
	
	li br{
		display:none;
	}
	
	#dn-center .boxes .dn-twoleft, #dn-center .boxes .dn-tworight {
	width:100%;
	}

	#dn-center .boxes .dn-twoleft .dn-padding, #dn-center .boxes .dn-tworight .dn-padding, #dn-center .boxes .dn-threeright .dn-padding {
		border-right:1px solid #b9bec4;
	}
	
	.dn-textfieldsm{
			width:97%;
		}
	
	#innerwrapper .countdown .digit{
		width:70px;
	}
		
		.greywrap .buttons{
			width:75%;
		}
		
		.share .title{
			display:block;
		}
		
		
		
		.text{
			font-size:15px;
		}
	
	
	
}

@media (max-width : 650px) {
	br.mobile {
	display:block;
}

#innerwrapper .countdown .digit {    
    font-size: 35px; 
    width: 50px;
}

#innerwrapper .countdown .comma {  
    font-size: 35px; 
}

.countdown .caps{
	padding:15px 0 0 10px;
	font-size:19px;
	width:130px;
	letter-spacing:0;
}

.dn-padding{
	float:none;
	width:100%;
}

}

@media (max-width : 550px) {
	.submit {
    width: 45%!important;
}

.countdown .caps{
	text-align:center;
	float:left;
	width:100%;
	clear:both;
}

#innerwrapper .countdown .digit { 
    display: flex;
    flex-direction: column;
}

#counter {
     
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.greywrap .buttons {
    width: 100%;
}

h1{
	font-size:25px;
	margin:10px 0;
}
}

@media (max-width : 450px) {
	ol {
		padding: 20px 10px;
		width: 95%;
	}
	
 
	 
	
	#innerwrapper .countdown .digit .cap{
		font-size:13px;
	}
	
	.greywrap .buttons a.but{
		float:none;
		width:100%;
		margin:5px 0;
	}
	
	.copy .left{
		width:60%!important;
		
		
	}
	
	#innerwrapper .countdown .digit{
		width:50px;
	}
	
	h1 {
		font-size: 20px;
	}
	 
}