/*
#   $$$$$$\  $$\           $$\                 $$\           
#  $$  __$$\ $$ |          $$ |                $$ |          
#  $$ /  \__|$$ | $$$$$$\  $$$$$$$\   $$$$$$\  $$ | $$$$$$$\ 
#  $$ |$$$$\ $$ |$$  __$$\ $$  __$$\  \____$$\ $$ |$$  _____|
#  $$ |\_$$ |$$ |$$ /  $$ |$$ |  $$ | $$$$$$$ |$$ |\$$$$$$\  
#  $$ |  $$ |$$ |$$ |  $$ |$$ |  $$ |$$  __$$ |$$ | \____$$\ 
#  \$$$$$$  |$$ |\$$$$$$  |$$$$$$$  |\$$$$$$$ |$$ |$$$$$$$  |
#   \______/ \__| \______/ \_______/  \_______|\__|\_______/ 
#                                                            
#                                                            
# */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

html {
	font-size: 16px;
}

body {
	font-family: 'Open Sans', sans-serif ;
	background-color: #fffffc;
	color: #343433;
	text-align: left;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
}
h1, h2 {
	color: #fffffe;
}
h1 {
	font-size: 2.25rem;
}
h2 {
	font-size: 1.375rem;
	font-weight: 300;
}
h3 {
	font-size: 1.625rem;
	color: #db2442;
}
p {
	font-size: 1.125rem;
}
a:link, a:visited {
	color: #fffff2;
}
a:hover {
	color: #90d00f;
}

img {
	max-width: 100%;
}

.greenBright {
	color: #db2442;
}
.header-headline {
	padding: 0 0 20px 0;
}


/*
#  $$\                                 $$\                     
#  $$ |                                $$ |                    
#  $$$$$$$\   $$$$$$\   $$$$$$\   $$$$$$$ | $$$$$$\   $$$$$$\  
#  $$  __$$\ $$  __$$\  \____$$\ $$  __$$ |$$  __$$\ $$  __$$\ 
#  $$ |  $$ |$$$$$$$$ | $$$$$$$ |$$ /  $$ |$$$$$$$$ |$$ |  \__|
#  $$ |  $$ |$$   ____|$$  __$$ |$$ |  $$ |$$   ____|$$ |      
#  $$ |  $$ |\$$$$$$$\ \$$$$$$$ |\$$$$$$$ |\$$$$$$$\ $$ |      
#  \__|  \__| \_______| \_______| \_______| \_______|\__|      
#                                                              
#                                                              
#                                                              
*/

.header {
	padding: 42px 0 28px;
	width: 100%;
	text-align: center;
	background-color: #343434;
}
.header-bg-img {
	position: absolute;
	z-index: -100;
	width: 1px;
	height: 1px;
}
.header_main {
	margin: 0 auto;
	width: 940px;
}
.header_main-info {
	background-color: #fdfdfd;
	padding: 10px 22px;
	display: table;
	width: 100%;
	color: #343436;
}
.header_main-info i {
	font-size:2rem;
	vertical-align: middle;
	padding-right: 5px;
}
.header_main-info > div {
	display: table-cell;
	text-align: left;
	font-size: 1.125rem;
	font-weight: 600;
	vertical-align: middle;
	max-width: 280px;
	padding-right: 10px;
}
.header_date, .header_time {
	position: relative;
	padding-left: 30px;
}
.header_date:before, .header_time:before {
	position: absolute;
	top: -4px;
	left: -5px;
	font-family: 'FontAwesome';
	font-size: 2rem;
	font-weight: 300;
}
.header_date:before {
	content: '\f073';
}
.header_time:before {
	content: '\f017';
}
.header-cta {
	padding: 15px 24px;
	width: 100%;
	display: block;
	background-color: #db0024;
	font-size: 1.25rem;
	text-align: center;
	border-radius: 3px;
		-ms-transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		transition: all .3s;
}
.header-cta:link, .header-cta:visited {
	color: #fffff2;
	text-decoration: none;
}
.header-cta:hover {
	color: #fffff2;
	background-color: #76b700;
	box-shadow: inset 0px 0px 5px rgba(5,5,5,.5);
}


/*
#                          $$\           
#                          \__|          
#  $$$$$$\$$$$\   $$$$$$\  $$\ $$$$$$$\  
#  $$  _$$  _$$\  \____$$\ $$ |$$  __$$\ 
#  $$ / $$ / $$ | $$$$$$$ |$$ |$$ |  $$ |
#  $$ | $$ | $$ |$$  __$$ |$$ |$$ |  $$ |
#  $$ | $$ | $$ |\$$$$$$$ |$$ |$$ |  $$ |
#  \__| \__| \__| \_______|\__|\__|  \__|
#                                        
#                                        
#                                        
*/
.main {
	margin: 50px auto;
	width: 750px;
	position: relative;
	text-align: center;
}
.main_host {
	margin: 0 0 25px;
	position: relative;
}
.main_host-01, .main_host-02 {
	margin: 0 40px 25px;
	display: inline-block;
	max-width: 222px;
	text-align: center;
	border: 1px solid #e0dfde;
	vertical-align: top;
}
.main_host-01 > img, .main_host-02 > img {
	width: 100%;
}
.main_host-title {
	padding: 22px;
	font-weight: 600;
}
.main_steps {
	width: 90%;
	margin: 0 auto;
}
.main_steps ol {
	counter-reset: li;
	font-weight: 300;
	margin: 25px 0 0;
}
.main_steps ol li {
	position:relative;
	list-style:none;
	font-size: 18px;
	text-align: left;
	margin: 0 0 29px 37px;
	padding: 0 0 30px;
	line-height: 1.75;
}
.main_steps ol li:not(:last-child) {
	border-bottom: 1px solid #db2442;
}
.main_steps ol li:before{
	content:counter(li)'.'; 
    counter-increment:li;
    position:absolute;
    top:-10px;
    left:-2.4em;
    font-size: 2.25rem;
    font-weight: 600;
    color: #db2442;
}


.main_warning {
	margin: 40px 0 20px;
	padding: 25px 20px 20px 84px;
	position: relative;
	background-color: #f7f7f7;
	font-size: 1rem;
	font-weight: 600;
	text-align: left;
}
.main_warning:before {
	content: '\f06a';
	font-family: 'FontAwesome';
	font-size: 2.5rem;
	color: #e22444;
	position: absolute;
	top: 25px;
	left: 28px;
}
.main_exception {
	margin: 30px 0 0;
	font-weight: 300;
}

.main_cta {
	width: 100%;
	display: block;
	margin: 40px 0;
	padding: 20px 40px;
	background-color: #db2442;
	font-size: 1.875rem;
	border-radius: 3px;
		-ms-transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		transition: all .3s;
}
.main_cta:link, .main_cta:visited {
	color: #fffff2;
	text-decoration: none;
}
.main_cta:hover {
	color: #fffff2;
	background-color: #76b700;
	box-shadow: inset 0px 0px 5px rgba(5,5,5,.5);
}

/*
#   $$$$$$\                                 $$\           $$\                                   
#  $$  __$$\                                $$ |          $$ |                                  
#  $$ /  \__| $$$$$$\  $$\   $$\ $$$$$$$\ $$$$$$\    $$$$$$$ | $$$$$$\  $$\  $$\  $$\ $$$$$$$\  
#  $$ |      $$  __$$\ $$ |  $$ |$$  __$$\\_$$  _|  $$  __$$ |$$  __$$\ $$ | $$ | $$ |$$  __$$\ 
#  $$ |      $$ /  $$ |$$ |  $$ |$$ |  $$ | $$ |    $$ /  $$ |$$ /  $$ |$$ | $$ | $$ |$$ |  $$ |
#  $$ |  $$\ $$ |  $$ |$$ |  $$ |$$ |  $$ | $$ |$$\ $$ |  $$ |$$ |  $$ |$$ | $$ | $$ |$$ |  $$ |
#  \$$$$$$  |\$$$$$$  |\$$$$$$  |$$ |  $$ | \$$$$  |\$$$$$$$ |\$$$$$$  |\$$$$$\$$$$  |$$ |  $$ |
#   \______/  \______/  \______/ \__|  \__|  \____/  \_______| \______/  \_____\____/ \__|  \__|
#*/  

.countdown-wrap {
	width: 100%;
	background-color: #eeeeee;
	margin: 0 auto;
	padding: 40px 30px;
	text-align: center;
}
.countdown-headline {
	font-size: 1.375rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.countdown {
	list-style: none;
}
.countdown li {
	display: inline-block;
	position: relative;
}
.flap {
	min-height: 78px;
	min-width: 78px;
	position: relative;
	background-color: #343432;
	color: #f2f2f2;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 2;
	border-radius: 6px;
}
.countdown li:not(:last-child) {
	margin-right: 22px;
}
.countdown li:not(:last-child):after {
	content: ':';
	position: absolute;
	top: -10px;
	right: -20px;
	font-size: 4rem;
	color: #343432;
}
.countdown li > p {
	font-size: 1rem;
	font-weight: 700;
}



/*
#   $$$$$$\                      $$\                         
#  $$  __$$\                     $$ |                        
#  $$ /  \__|$$$$$$\   $$$$$$\ $$$$$$\    $$$$$$\   $$$$$$\  
#  $$$$\    $$  __$$\ $$  __$$\\_$$  _|  $$  __$$\ $$  __$$\ 
#  $$  _|   $$ /  $$ |$$ /  $$ | $$ |    $$$$$$$$ |$$ |  \__|
#  $$ |     $$ |  $$ |$$ |  $$ | $$ |$$\ $$   ____|$$ |      
#  $$ |     \$$$$$$  |\$$$$$$  | \$$$$  |\$$$$$$$\ $$ |      
#  \__|      \______/  \______/   \____/  \_______|\__|      
#                                                            
#                                                            
#                                                            
*/
.footer {
	background-color: #343434;
	width: 100%;
	padding: 20px 0 40px;
	color: #fffff2;
	text-align: center;
	font-weight: 300;
}
.footer p {
	padding: 0 50px;
	font-size: 1rem;
}





/*
#   $$$$$$\  $$\
#  $$  __$$\ $$ |
#  $$ /  \__|$$$$$$$\   $$$$$$\   $$$$$$\   $$$$$$\
#  \$$$$$$\  $$  __$$\  \____$$\ $$  __$$\ $$  __$$\
#   \____$$\ $$ |  $$ | $$$$$$$ |$$ |  \__|$$$$$$$$ |
#  $$\   $$ |$$ |  $$ |$$  __$$ |$$ |      $$   ____|
#  \$$$$$$  |$$ |  $$ |\$$$$$$$ |$$ |      \$$$$$$$\
#   \______/ \__|  \__| \_______|\__|       \_______|
*/
.share-wrap {
	text-align: center;
}
.share-wrap__title {
	margin: 0 0 8px;
	padding: 0;
	font-size: 0.875rem;
	line-height: 1;
	font-weight: 900;
}
.share {
	display: inline-block;
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}
.share li {
	float: left;
}
.share li:not(:last-child) {
	margin-right: 10px;
}
.share li span {
	display: block;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
}
.share__btn {
	display: block;
	border: 1px solid #231f20;
	width: 50px;
	height: 36px;
	position: relative;
}
.share__btn:link,
.share__btn:hover,
.share__btn:visited
 {
	color: #ffffff;
}
.share__btn:before {
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 18px;
	line-height: 1;
	color: #231f20;
	margin-left: -9px;
	width: 18px;
	position: absolute;
	top: 8px;
	left: 50%;
	text-align: center;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
.share__btn:hover:before {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	color: #fff;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
}
.share__btn--twitter:hover {
	border-color: #00acee;
	background: #00acee;
}
.share__btn--twitter:before {
	content: '\f099';
}
.share__btn--facebook:hover {
	border-color: #3b5998;
	background: #3b5998;
}
.share__btn--facebook:before {
	content: '\f09a';
}
.share__btn--google-plus:hover {
	border-color: #dd4b39;
	background: #dd4b39;
}
.share__btn--google-plus:before {
	content: '\f0d5';
}
.share__btn--linkedin:hover {
	border-color: #007bb6;
	background: #007bb6;
}
.share__btn--linkedin:before {
	content: '\f0e1';
}



/*
#   $$$$$$\                               $$\                           $$\
#  $$  __$$\                              $$ |                          $$ |
#  $$ /  \__|$$$$$$\   $$$$$$$\  $$$$$$\  $$$$$$$\   $$$$$$\   $$$$$$\  $$ |  $$\
#  $$$$\     \____$$\ $$  _____|$$  __$$\ $$  __$$\ $$  __$$\ $$  __$$\ $$ | $$  |
#  $$  _|    $$$$$$$ |$$ /      $$$$$$$$ |$$ |  $$ |$$ /  $$ |$$ /  $$ |$$$$$$  /
#  $$ |     $$  __$$ |$$ |      $$   ____|$$ |  $$ |$$ |  $$ |$$ |  $$ |$$  _$$<
#  $$ |     \$$$$$$$ |\$$$$$$$\ \$$$$$$$\ $$$$$$$  |\$$$$$$  |\$$$$$$  |$$ | \$$\
#  \__|      \_______| \_______| \_______|\_______/  \______/  \______/ \__|  \__|
*/
.facebook-comments-wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 750px;
	background: #fffffe;
}
.facebook-comments {
	margin: 40px 0 0;
	padding: 10px;
	background: #fff;
}
.facebook-comments iframe {
	width: 100%;
	max-width: 100%;
}



/*
#  $$\      $$\                 $$\ $$\                  $$$$$$\                                $$\
#  $$$\    $$$ |                $$ |\__|                $$  __$$\                               \__|
#  $$$$\  $$$$ | $$$$$$\   $$$$$$$ |$$\  $$$$$$\        $$ /  $$ |$$\   $$\  $$$$$$\   $$$$$$\  $$\  $$$$$$\   $$$$$$$\
#  $$\$$\$$ $$ |$$  __$$\ $$  __$$ |$$ | \____$$\       $$ |  $$ |$$ |  $$ |$$  __$$\ $$  __$$\ $$ |$$  __$$\ $$  _____|
#  $$ \$$$  $$ |$$$$$$$$ |$$ /  $$ |$$ | $$$$$$$ |      $$ |  $$ |$$ |  $$ |$$$$$$$$ |$$ |  \__|$$ |$$$$$$$$ |\$$$$$$\
#  $$ |\$  /$$ |$$   ____|$$ |  $$ |$$ |$$  __$$ |      $$ $$\$$ |$$ |  $$ |$$   ____|$$ |      $$ |$$   ____| \____$$\
#  $$ | \_/ $$ |\$$$$$$$\ \$$$$$$$ |$$ |\$$$$$$$ |      \$$$$$$ / \$$$$$$  |\$$$$$$$\ $$ |      $$ |\$$$$$$$\ $$$$$$$  |
#  \__|     \__| \_______| \_______|\__| \_______|       \___$$$\  \______/  \_______|\__|      \__| \_______|\_______/
#                                                            \___|
*/

@media only screen and (min-width: 58em) {
	.video-wrap {
		position: relative;
		min-height: 226px;
	}
	.share-wrap {
		text-align: left;
		position: absolute;
		top: 0;
		left: -95px;
		max-width: 50px;
	}
	.share li {
		float: none;
	}
	.share li:not(:last-child) {
		margin: 0 0 10px 0;
	}
}

@media only screen and (max-width: 64em) {
	.header_main {
		width: 90%;
	}
	.header_main-info > div:not(:last-child) {
		display: block;
		margin: 10px 0;
	}
	.main {
		width: 75%;
	}
	.main_host-01, .main_host-02 {
		margin: 0 20px 25px;
		max-width: 200px;
	}
}
@media only screen and (max-width: 48em) {
	.header_main-info {
		margin: 0 auto;
		display: block;
	}
	.header_main-info > div, .header_main-info > div:not(:last-child) {
		display: block;
		margin:0 auto 10px;
	}
	.main_steps ol li {
		font-size: 1rem;
	}
	.main_steps ol li:before {
		left: -1.8em;
	}
}
@media only screen and (max-width: 30em) {
	.main_warning {
		padding: 25px 20px 20px;
		text-align: center;
	}
	.main_warning:before {
		font-size: 4.5rem;
		top: -36px;
		left: -26px;
	}
	.flap {
		min-width: 100px;
	}
	.countdown li {
		margin: 0 5px;
	}
	.countdown li:not(:last-child) {
		margin-right: 0;
	}
	.countdown li:not(:last-child):after {
		content: none;
	}
}