
html{ margin: 0px; padding: 0px;}
body{ font-family: 'Oswald', sans-serif;position: relative; margin: 0px; padding: 0px; background: #ffffff top center no-repeat;
    width: 100%;  overflow: auto; color: #000000}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
a{ text-decoration: none; }
footer a{ vertical-align: middle; color: #ffffff}
footer img{ vertical-align: middle;}
section:before, *:after {
  box-sizing: content-box !important;
}
#outer{  min-height: 618px; position: relative; background: #19191a top center repeat-x; }
.inner{ width: 850px;position: relative; margin: 0px auto 0px auto; text-align: center; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.shadow2{-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}

section{ width: 100%; position: relative; }
section.content{ background: url(../images/back_r.jpg) #19191b top center repeat-x; border-top: 1px solid #757575;}
.box_head{ width: 100%; position: relative; background: #00e4e9; min-height: 175px;}
.box{ width: 650px; position: relative; margin: 30px auto 0px auto; background: #19191a; border: 1px solid #2f2f23}
header{ width: 100%; position: relative; background: #000000; height: 60px; }
.logo{ position: absolute; top:8px; left: 0px; z-index: 10}
.enter_web{ width: 100%; position: absolute; top:15px; text-align: center; z-index: 10}
.enter_web a{  color: #ffffff !important; font-weight: 700; text-transform: uppercase; text-decoration: none; font-size: 19px; line-height: 22px;}
.connect{ position: absolute; color: #ffffff; text-align: right; top:10px; right: 0px; font-weight: 300;font-size: 19px; line-height: 25px; z-index: 10 }
.connect span{ vertical-align: middle; display: inline-block; margin: 0px 3px 0px 0px; position: relative;}
.connect a{ vertical-align: middle; display: inline-block; margin: 0px 0px 0px 4px; position: relative; color: #ffffff;text-decoration: none; font-size: 22px; line-height: 25px}

.enter_website{ position: relative; width: 100%; height: 74px; background: #00e4e9 }
.enter_website  a{  color: #000000 !important; font-weight: 700; text-transform: uppercase; text-decoration: none; font-size: 31px; line-height:75px; text-align: center; display: block;width: 100%; height: 100%;position: relative;}
.main_ttl{ position: relative; padding: 30px 0px 0px 0px; text-align: center;}
.btns{ width: 475px; position: relative; display: inline-block; vertical-align: middle; text-align: left;}
.status{ position: relative; display: inline-block; vertical-align: middle; width: 170px;}
.or{ position: relative; margin: 0px 10px 0px 10px}
.arrows{ position: relative; width: 100%; height: 15px; text-align: left;}
.lock{ display: inline-block; vertical-align: middle; margin: 0px 10px 0px 0px;}
.progress2{ display: inline-block; vertical-align: middle; font-size: 47px; line-height: 50px; vertical-align: middle; font-weight: 300; color: #00e4e9}
.spread{ text-align: center; color: #ffffff; font-size: 33px; line-height: 50px; vertical-align: middle; margin:  20px 0px 30px 0px}
.spread a{ color: #ffffff; font-size: 43px; line-height: 50px; display: inline-block; vertical-align: middle; margin: 0px 2px 0px 2px; position: relative; }
.spread span{ display: inline-block; vertical-align: middle; line-height: 50px; margin: 0px 2px 0px 2px; position: relative;}

footer{ position: relative; width: 100%; background: #000000; border-top: 1px solid #222222; min-height: 80px;}
.copy{ font-weight: 300; text-align: right; font-size: 13px; line-height: 15px; color: #7f7f7f; margin: 5px 0px 0px 0px;}
.copy a{ color: #7f7f7f; text-decoration: none; display: inline-block; vertical-align: middle;}
.copy span{ vertical-align: middle; display: inline-block; position: relative; margin: 0px 5px 0px 5px}

.arrow1{ position: relative; width: 198px; display: inline-block; vertical-align:  top; color: #00e4e9; font-size: 28px; top:-10px; line-height: 15px; text-align: center;}
.arrow2{ position: relative; width: 300px; display: inline-block; vertical-align:  top; color: #00e4e9; font-size: 28px; top:-10px;line-height: 15px; text-align: center;}
.arrow3{ position: relative; width: 100px; display: inline-block; vertical-align:  top; color: #00e4e9; font-size: 28px; top:-10px;line-height: 15px; text-align: center;}

.map_banner{ width: 100%; height: 428px; overflow: hidden;}
.blue_bar{ width: 100%; background: #00d7db; position: relative; }
.abbr a{ color: #00d7db !important}
.abbr a:hover{ color: #00d7db !important}
.prize_txt a{ color: #00d7db !important}
.prize_txt a:hover{ color: #00d7db !important}

.share_ttl{ position: relative; text-align: center; padding: 20px 0px 20px 0px;}
.location_drop{ position: relative; margin: 15px 0px 0px 0px}
.location{ position: relative; margin: 15px 0px 0px 0px;}
.upload_btn{ position: relative; margin: 15px 0px 0px 0px;}
.alt_lnk{ position: relative; margin: 10px 0px 0px 0px;}

.abbr{ width: 420px; position: relative; margin: 10px auto 0px auto; color: #b2b2b3; font-size: 12px; line-height: 18px; font-family: 'Lato',sans-serif}
.abbr a{ color: inherit; text-decoration: underline;}
.prizes{ position: relative; background: #2f2f33}
.prize{ position: relative; padding: 20px 0px 20px 0px;}
.prize_icon{ width: 198px; position: relative; display: inline-block; vertical-align: middle;}
.prize_info{ position: relative; width: 330px; display: inline-block; vertical-align: middle;text-align: left; margin: 0px 0px 0px 10px;}

.gallery_items{ position: relative; width: 822px; position: relative; margin: 10px auto 0px auto}

.item{ width: 250px; position: relative; float: left;  border: 1px solid #2f2f23; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; overflow: hidden; margin: ; background: #0f0f11; margin: 12px 12px 12px 12px}
.pic{ width: 250px; height: 250px; position: relative;}
.pic img { display: block;}
.item_info{ position: relative; text-align: left;}
.date{ position: relative; color: #868888; margin: 5px 0px 0px 10px;}
.item_ttl{ font-weight: 700; color: #ffffff; font-size: 18px; line-height: 22px;margin: 5px 0px 0px 10px;}
.author{ position: relative; color: #868888; font-size: 12px; line-height: 14px; font-weight: 300; font-family: lato,sans-serif; margin: 5px 0px 0px 10px; padding: 0px 0px 10px 0px}
.gallery_ttl{ position: relative; margin: 20px 0px 0px 0px;}
.more{ position: relative; margin: 10px 0px 0px 0px;}

.prize_txt{ position: relative; color: #ffffff; font-size: 14px; line-height: 20px; font-family: lato,sans-serif; margin: 10px 0px 0px 0px;}

.location_drop{ position: relative; width: 403px; margin-right: auto; margin-left: auto;}
.location_drop a {color: #000000 !important; text-decoration: none !important}
.stars{  position: absolute; top:0px; right: 0px;}
.map_banner{ position: relative;}
.map_banner .inner{ width: 1254px;}

.main_ttl{ position: relative; font-size: 36px; color: #ffffff; font-weight: 700; text-transform: uppercase;}
.blue{ color: #00d5da !important}
.gallery_ttl{position: relative; font-size: 36px; line-height: 40px; vertical-align: top; height: 65px; text-align: left; width: 812px; margin-right: auto; margin-left: auto; color: #ffffff; font-weight: 700; text-transform: uppercase;}

.fline{ width: 100%; position: absolute; bottom:-0px; left: 0px; text-align: center;}
.share_ttl{ font-size: 36px; line-height: 45px; color: #ffffff; font-weight: 300; text-transform: uppercase; }
.share_ttl b{ font-weight: 700}
.man{ position: absolute; top: 0px; left: 0px;}
.map{ position: absolute; top:0px; right: 53px; width: 794px; height: 498px;}
.circle {
    height: 39px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.r65 {
    background: #d43b27 none repeat scroll 0 0;
    border-radius: 65px;
    height: 65px;
    left: -10px;
    opacity: 0.53;
    position: absolute;
    top: -5px;
    width: 65px;
}
.r85 {
    background: #d43b27 none repeat scroll 0 0;
    border-radius: 85px;
    height: 85px;
    left: -20px;
    opacity: 0.53;
    position: absolute;
    top: -15px;
    width: 85px;
}
.r105 {
    background: #d43b27 none repeat scroll 0 0;
    border-radius: 105px;
    height: 105px;
    left: -30px;
    opacity: 0.53;
    position: absolute;
    top: -25px;
    width: 105px;
}
.r125 {
    background: #d43b27 none repeat scroll 0 0;
    border-radius: 125px;
    height: 125px;
    left: -40px;
    opacity: 0.53;
    position: absolute;
    top: -35px;
    width: 125px;
}
.dot {
    background: rgba(0, 0, 0, 0) url("../images/dot.png?v=2") no-repeat scroll center center;
    height: 46px;
    left: 2px;
    position: absolute;
    top: 0;
    width: 100%;
}
.dot2 {
    background: rgba(0, 0, 0, 0) url("../images/dot2.png?v=2") no-repeat scroll center center;
    height: 46px;
    left: 2px;
    position: absolute;
    top: 0;
    width: 100%;
}
.dot_box {
    background: rgba(0, 0, 0, 0) url("../images/dot_box.png") no-repeat scroll left top;
    height: 109px;
    left: 20px;
    position: absolute;
    top: -40px;
    width: 292px;
}
.dot_box2 {
    background: rgba(0, 0, 0, 0) url("../images/dot_box2.png") no-repeat scroll left top;
    height: 139px;
    left: 20px;
    position: absolute;
    top: -40px;
    width: 292px;
}
.dot_box_inner {
    background: transparent none repeat scroll 0 0;
    height: 70px;
    position: absolute;
    right: 20px;
    text-align: left !important;
    top: 14px;
    width: 220px;
}
.dot_location {
    color: #ffffff;
    font-family: "Open Sans Condensed",sans-serif;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
}
.dot_txt {
    color: #ffffff;
    font-family: Georgia,Times,"Times New Roman",serif;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    position: relative;
}
.dot_txt a {
    color: #ffffff;
}
.location_txts {
    font-size: 12px;
    height: 100%;
    left: 45px;
    position: absolute;
    top: 50px;
    width: 184px;
}


.pulse {
	  width: 65px;
	  height: 65px;
	  border: 0px solid #d43b27;
	  -webkit-border-radius: 65px;
	  -moz-border-radius: 65px;
	  border-radius: 65px;
	  background-color: transparent;
	  z-index: 10;
	  position: absolute;
	 opacity: 0.53;
	 top:-5px; left: -5px;
	}
	.r65 .pulse{ width: 65px !important; height: 65px !important;}
	.r85 .pulse{ width: 85px !important; height: 85px !important;}
	.r105 .pulse{ width: 105px !important; height: 105px !important;}
	.r125 .pulse{ width: 125px !important; height: 125px !important;}

	.r65 .dot2 {
	  border: 0px solid #d43b27;
	  background: transparent;
	  -webkit-border-radius: 105px;
	  -moz-border-radius: 105px;
	  border-radius: 105px;
	  height: 95px;
	  width: 95px;

	  position: absolute;
	  top: -25px;
	  left: -25px;
	  z-index: 1;
	  opacity: 0;
	}
	.r85 .dot2 {
	  border: 0px solid #d43b27;
	  background: transparent;
	  -webkit-border-radius: 125px;
	  -moz-border-radius: 125px;
	  border-radius: 125px;
	  height: 105px;
	  width: 105px;
	  -webkit-animation: pulse 13s ease-out;
	  -moz-animation: pulse 13s ease-out;
	  animation: pulse 13s ease-out;
	  -webkit-animation-iteration-count: infinite;
	  -moz-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	   animation-timing-function: linear;
	  position: absolute;
	  top: -20px;
	  left: -20px;
	  z-index: 1;
	  opacity: 0;
	}
	.r105 .dot2 {
	  border: 0px solid #d43b27;
	  background: transparent;
	  -webkit-border-radius: 145px;
	  -moz-border-radius: 145px;
	  border-radius: 145px;
	  height: 125px;
	  width: 125px;
	  -webkit-animation: pulse 8s ease-out;
	  -moz-animation: pulse 8s ease-out;
	  animation: pulse 8s ease-out;
	  -webkit-animation-iteration-count: infinite;
	  -moz-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	   animation-timing-function: linear;
	  position: absolute;
	  top: -20px;
	  left: -20px;
	  z-index: 1;
	  opacity: 0;
	}
	.r125 .dot2 {
	  border: 0px solid #d43b27;
	  background: transparent;
	  -webkit-border-radius: 165px;
	  -moz-border-radius: 165px;
	  border-radius: 165px;
	  height: 145px;
	  width: 145px;
	  -webkit-animation: pulse 10s ease-out;
	  -moz-animation: pulse 10s ease-out;
	  animation: pulse 10s ease-out;
	  -webkit-animation-iteration-count: infinite;
	  -moz-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	   animation-timing-function: linear;
	  position: absolute;
	  top: -20px;
	  left: -20px;
	  z-index: 1;
	  opacity: 0;
	}
	.dot{ z-index: 1990}
	.dot2{ z-index: 1990}
	.pulse img{ -webkit-animation: pulse 10s ease-out;
	  -moz-animation: pulse 10s ease-out;
	  animation: pulse 10s ease-out;
	  -webkit-animation-iteration-count: infinite;
	  -moz-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	   animation-timing-function: linear; position: relative; width: 100%;}
	@-moz-keyframes pulse {
	 0% {
	  -ms-transform: scale(1); /* IE 9 */
		-webkit-transform: scale(1); /* Chrome, Safari, Opera */
		transform: scale(1);
		-moz-transform: scale(1) rotate(0.02deg);

		opacity: 0.7;
	 }
	 25% {
		-ms-transform: scale(1.2); /* IE 9 */
		-webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
		transform: scale(1.2);
		-moz-transform: scale(1.2) rotate(0.02deg);
		opacity: 0.8;
	 }
	 50% {
		-ms-transform: scale(1.4); /* IE 9 */
		-webkit-transform: scale(1.4); /* Chrome, Safari, Opera */
		transform: scale(1.4);
		-moz-transform: scale(1.4) rotate(0.02deg);
		opacity: 0.9;
	 }
	 75% {
		-ms-transform: scale(1.6); /* IE 9 */
		-webkit-transform: scale(1.6); /* Chrome, Safari, Opera */
		transform: scale(1.6);
		-moz-transform: scale(1.6) rotate(0.02deg);
		opacity: 1;
	 }
	 100% {
		-ms-transform: scale(2); /* IE 9 */
		-webkit-transform: scale(2); /* Chrome, Safari, Opera */
		transform: scale(2);
		-moz-transform: scale(2) rotate(0.02deg);
		opacity: 0.0;
	 }
	}

	@-webkit-keyframes "pulse" {
	 0% {
		-webkit-transform: scale(1); /* Chrome, Safari, Opera */
		transform: scale(1);
		-moz-transform: scale(1) rotate(0.02deg);
		opacity: 0.7;
	 }
	 25% {
		-webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
		transform: scale(1.2);
		-moz-transform: scale(1.2) rotate(0.02deg);
		opacity: 0.8;
	 }
	 50% {
		-webkit-transform: scale(1.4); /* Chrome, Safari, Opera */
		transform: scale(1.4);
		-moz-transform: scale(1.4) rotate(0.02deg);
		opacity: 0.9;
	 }
	 75% {
		-webkit-transform: scale(1.6); /* Chrome, Safari, Opera */
		transform: scale(1.6);
		-moz-transform: scale(1.6) rotate(0.02deg);
		opacity: 1;
	 }
	 100% {
		-webkit-transform: scale(2); /* Chrome, Safari, Opera */
		transform: scale(2);
		-moz-transform: scale(2) rotate(0.02deg);
		opacity: 0.0;
	 }
	}