@charset "utf-8";

/**font-family: 'Lobster', cursive;
font-family: 'Roboto', sans-serif; **/
 
 
*{box-sizing:border-box; margin:0px;padding:0px;}

ul li{list-style:none;}

a{text-decoration:none;  }

.clr{clear:both;}

input, textarea, select{ border:0px none; background:none; outline:none; font-family: 'Roboto', sans-serif; font-weight:400; }

img{ outline:none; max-width:100%; height:auto; border:0px none; display:block; }

h1, h2, h3, h4, h5, h6, strong, b{ font-weight:normal; }

input[type='submit']{  border-radius:0px; -webkit-appearance:none; appearance:none; outline:none; }

textarea{ resize:none; overflow:auto; }

:focus{ outline:none;}

.clearfix:after{content:""; display:block; clear:both; height:0px; visibility:hidden;}

.clearfix{ display:block; zoom:1; }

html { position:relative; width:100%; overflow-x:hidden; min-height:100%;}

body{width:100%; font-size:26px; font-family: 'Roboto', sans-serif; color:#fefefe; line-height:1.5em; font-weight:400; -webkit-font-smoothing: antialiased;    position:relative; background-color:#32a658 !important; min-height:100%; background:url(../images/brush.png) no-repeat right center; background-size:auto 100%; } 

.hidden, body.hidden{ overflow:hidden; }


.wrapper{ width:100%; }

.auto_content{ width:100%; max-width:1402px; padding:0px 20px; margin:auto; }

.header{ width:100%; padding:26px 0px 46px 0px;   }

.donate_button_parent{ width:50%; float:left; }


.donate_button{ position:relative; }
.donate_button a{ display:block; width:124px; height:124px; background:url(../images/donate_bg.png) no-repeat center center; background-size:100% 100%; text-align:center; line-height:84px; padding:20px 10px; color:#ffffff; font-size:25px; font-family: 'Lobster', cursive; position:relative; z-index:2; }

.donate_button:after{ content:""; width:520px; height:190px; position:absolute; left:-204px; top:-26px; background:url(../images/donate_arrows.png) no-repeat center center; background-size:100% auto;  }


.cout_down_main{ width:50%; float:right; text-align:right; padding-top:30px; }


.cout_down_box{ display:inline-block; width:182px; border-radius:6px; background:#eb4079;  -moz-box-shadow:0 8px 0px rgba(0, 0, 0, 0.20); -webkit-box-shadow:0 8px 0px rgba(0, 0, 0, 0.20); box-shadow: 0 8px 0px rgba(0, 0, 0, 0.20); text-align:center; min-height: 62px; }

.counter{ width:100%;   padding:8px 0px; }

.counter li{ width:25%; float:left; border-left:1px solid #9e3493; padding:0px 5px 2px 5px;  }
.counter li:first-child{ border-left:0px none; }

.counter li strong{ font-size:24px; color:#ffffff; display:block; line-height:1.5em;  font-family: 'Lobster', cursive; }

.counter li span{ font-size:8px; display:block; line-height:1em; color:#ffffff; }

.live_now{ width:100%; /*display:none;*/}
.live_now strong{ display:block; text-align:center; width:100%; line-height:62px; font-size:24px; color:#ffffff;   font-family: 'Lobster', cursive;}

.cout_down_box.active .counter{ display:none; }
.cout_down_box.active .live_now{ display:block; }

.content{ width:100%; padding-bottom:80px; }

.content_left{ width:40%; float:left; max-width:450px;  }
.content_left h1{ color:#fffefe; font-size:50px; padding-bottom:20px; font-weight:700; line-height:1.3em; }
.content_left p{  padding-bottom:30px; }
.content_left strong{ display:block; color:#333333; line-height:1.3em;}

.content_left li{ margin-left:24px; list-style:disc outside; padding-bottom:20px; line-height:1.3em;}
.content_left li a{ text-decoration:underline; color:#fefefe; }
.content_left li a:hover{ text-decoration:none; }
.content_left li .or_yellow{font-weight:500;color:#f3cd1e;}

.content_right{ width:60%; float:right; padding-left:30px; padding-top:80px;}

.video_main{ width:100%; margin:auto;  max-width:660px;  border-radius:4px; background:#9e3493;  -moz-box-shadow:12px 10px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow:12px 10px 0px rgba(0, 0, 0, 0.12); box-shadow:12px 10px 0px rgba(0, 0, 0, 0.12); padding:66px 20px 80px 20px; position:relative; }

.dots{ width:150px; position:absolute; left:10px; top:10px;}

.dots span{ display:block; width:10px; height:10px; border-radius:50%; float:left; background:#611359; margin-right:6px;}

.video_play{ width:100%;  }

.video_placeholder{ display:block; width:100%; }
.video_placeholder img{ display:block; width:100%; height:auto; }
.video_iframe{ display:none; }

.video_play iframe{ display:block;  }

.video_play.active .video_iframe{ display:block; }
.video_play.active .video_placeholder{ display:none; }


.footer{ width:100%; text-align:center; padding-bottom:30px; }
.footer p{ font-size:14px; line-height:1.5em; color:#ffffff; }
.footer p a{ color:#fff; text-decoration:underline; }
 .footer p a:hover{ text-decoration:underline; }