#makeAWishPage .wrapper { position:fixed; left:0; top:0; width:100%; height:100%; z-index:2; overflow:auto; background-color:transparent; }
#makeAWishPage header { padding-top:15px; text-align:center; }

#makeAWishPage .content { display:block; position:relative; width:80%; max-width:900px; min-height:80%; margin:20px auto; padding:20px; text-align:center; border:1px solid #555; border-radius:4px; }
#makeAWishPage .cont-bg { position:absolute; top:0; left:0; bottom:0; right:0; background-color:#f6f0f0;  z-index:-1; }
#makeAWishPage .cont-bg:before { content:""; background:url('../images/MakeAWish/wish.jpg') 50% -5px no-repeat; opacity:.2; position:absolute; top:0; left:0; bottom:0; right:0; }
#makeAWishPage h1 { 
	font-family: "Open Sans", Arial, sans-serif;
	color:#333f4f; 
	font-weight:600;
}

#makeAWishPage .grey path { fill:#999; }
#makeAWishPage .red, .red path { color:#d20000; fill:#d20000; }
#makeAWishPage .green, .green path { color:#40a82c; fill:#40a82c; }
#makeAWishPage .blue, .blue path { color:#0c59a0; fill:#0c59a0; }

#makeAWishPage .big-star { margin:30px auto 0; }
#makeAWishPage .big-star svg { width:200px; height:200px; width:auto; display:none; }
#makeAWishPage .big-star img { width:205px; height:205px; width:auto; position:relative;}
#makeAWishPage .circles { margin-bottom:80px; }
#makeAWishPage .circles svg { width:70px; height:70px; width:auto; margin:0 10px; opacity:.8; cursor:pointer; }
#makeAWishPage .circles svg:hover {  opacity:1; }

#makeAWishPage .jstar_span { z-index:10; }

#makeAWishPage .content > footer { position:absolute; bottom:0; right:0; width:100%; padding:10px 15px; }
#makeAWishPage .share { float:left; }
#makeAWishPage .share a { font-size:20px; margin:0 3px; color:#333; }
#makeAWishPage .share .fa-facebook:hover { color:#3B5998; }
#makeAWishPage .share .fa-twitter:hover { color:#00ACEE; }
#makeAWishPage .share .fa-pinterest:hover { color:#C8232C; }
#makeAWishPage .share .fa-google-plus:hover { color:#DD4B39; }
#makeAWishPage .share .fa-linkedin:hover { color:#0E76A8; }
#makeAWishPage .share .fa-youtube:hover { color:#C4302B; }
#makeAWishPage .share .fa-instagram:hover { color:#3F729B; }
#makeAWishPage .powered { float:right; font-size:18px; }
#makeAWishPage .powered img { width:36px; height:auto; vertical-align:bottom; }
#makeAWishPage .powered a { color:#333; }
#makeAWishPage .powered a:hover { font-weight:600; }

#makeAWishPage .poweredTop { float:none; text-align:center; font-size:14px; }
#makeAWishPage .poweredTop img { width:30px; }

#thanx { display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7); z-index:1040; overflow:auto; }
#thanx > div { position:relative; width:90%; max-width:700px; margin:50px auto; padding:20px; background:#fff; border-radius:4px; }
#thanx h2 { font-size:24px; margin:-10px 0 20px; padding-bottom:5px; border-bottom:1px solid #ddd; }
#thanx .modal-cont { text-align:center; }
#thanx img { max-height:150px; height:auto; }
#thanx h3 { font-size:20px; margin:30px auto 10px; }
#thanx .close { margin:6px 5px; font-size:32px; }
#thanx .addColor { margin-top: 20px; }
#thanx blockquote { margin-top: 10px; font-size: 16px; }
#thanx .modal-foot { padding:10px 0 20px; height: 45px;}

#starsCanvas {
	z-index:-2;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000000;
	background-image: url('../images/MakeAWish/stars-bg.gif');
	background-repeat: repeat;
}


#mawish-header .main-nav>div.nav-left i.fa-chevron-left {
	color:#7ac4ff;
}
#mawish-header .main-nav{
	height: 100px;
	background: none;
	background-color: rgba(0, 0, 0, 0.5);
	nnaborder: none;
}

#mawish-header ~ .headerCantTouchMe {
    margin-top: 102px;
}

@media (max-width:580px) {
	#makeAWishPage h1 { margin-top:10px; font-size:30px; }
	#makeAWishPage .big-star { margin:15px auto 0; }
	#makeAWishPage .big-star svg { width:150px; height:150px; }
	#makeAWishPage .circles svg { width:50px; height:50px; margin:0 4px; }
	#makeAWishPage .share, .powered { float:none; }
	#makeAWishPage .share { margin-bottom:5px; }
}
@media (max-width:400px) {
	#makeAWishPage .content { width:90%; padding-top:15px; }
	#makeAWishPage .poweredTop { padding-bottom:5px; }
	#makeAWishPage h1 { font-size:26px; }
	#thanx > div { margin:20px auto; }
	#thanx .close { margin:-14px -6px; }
	#thanx .modal-foot { padding-bottom:10px;  }
}