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

/*BASICS*/
body { 
	padding:0;
	margin:0;
	font-family:'Ubuntu', sans-serif;
	color:#222;
	}
h1, h2, h3, p { 
	margin:0;
	}
.responsive section {
	max-width:1000px; 
	min-width:320px;
	margin:auto;
	text-align:center;
	}
img{
	display:block;
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*MENU BAR*/
#menubar {
	height:70px;
	width:100%;
	background-color:#222;
	position:fixed;
	z-index:999;
	}
#menubar section{
	display:table;
	width:100%;
	height:100%;
	}
#menubar ul{
	list-style:none;
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0;
	}
#menubar ul li{
	display:inline-block;
	padding:0px 10px;
	}
#menubar ul li a{
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	}
#menubar ul li a img{
	width:85%;
	transition:all 200ms ease-in-out 0s;
	margin:auto;
	}
#menubar ul li .menu_faq img{
	width:auto;
	height:100%;
	display:block;
	margin:auto;
	position:relative;
	top:3px;
	}
#menubar ul li .menu_home img:hover, #menubar ul li .menu_download img:hover{
	-webkit-transform: rotate(-1deg) scale(1.1);
	-moz-transform: rotate(-1deg) scale(1.1);
	-ms-transform: rotate(-1deg) scale(1.1);
	-o-transform: rotate(-1deg) scale(1.1);
	transform: rotate(-1deg) scale(1.1);
	}
#menubar ul li .menu_thegame img:hover, #menubar ul li .menu_community img:hover{
	-webkit-transform: rotate(1deg) scale(1.1);
	-moz-transform: rotate(1deg) scale(1.1);
	-ms-transform: rotate(1deg) scale(1.1);
	-o-transform: rotate(1deg) scale(1.1);
	transform: rotate(1deg) scale(1.1);
	}
#menubar ul.menu_short {
	display:none;
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*HEADER*/
#header{
	height:660px;
	position:relative;
	overflow:hidden;
	}
#header h1{
	margin:auto;
	clear:both;
	z-index:501;
	position:relative;
	margin-top:-85px;
	}
#header h1 img{
	display:block;
	margin:auto;
	width:80%;
	max-width:496px;
	}
#header .header_banner{
	width:100%;
	height:100%;
	background:url(../images/header_light.png) no-repeat center;
	position:relative;
	z-index:500;
	background-size:contain;
	}
#header article.dragons{
	margin:auto;
	width:100%;
	max-width:700px;
	margin-top:65px;
	overflow:hidden;
	}
#header .dragons img.header_drake1{
	margin:auto;
	max-width:190px;
	float:left;
	margin-top:125px;
	z-index:501;
	width:100%;	
	}
#header .dragons img.header_drake2{
	margin:auto;
	max-width:255px;
	float:left;
	margin-left:-70px;
	margin-top:65px;
	z-index:800;
	width:100%;	
	position:relative;
	}
#header .dragons img.header_drake3{
	margin:auto;
	max-width:325px;
	float:left;
	margin-left:-155px;
	z-index:799;
	width:100%;	
	position:relative;
	}
#header .dragons img.header_drake4{
	margin:auto;
	max-width:200px;
	float:left;
	margin-left:-60px;
	margin-top:125px;
	z-index:500;
	width:100%;	
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*HEADER EFFECTS*/
figure{ margin:0;}
.header_bg { width:100%; height:100%; background:url(../images/header_bg.jpg) no-repeat center; background-size:cover;  position:absolute; top:0; left:0;}
.header_bg_2 { display:none;}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*DOWNLOAD*/
#download .free{
	margin:-35px auto 0px;
	max-width:335px;
	width:70%;
	position:relative;
	z-index:510;
	}
#download .download_buttons{
	width:70%;
	max-width:665px;
	margin:30px auto;
	overflow:auto;
	}
#download .download_buttons .button{
	float:left;
	width:50%;
	}
#download .download_buttons .button img{
	width:95%;
	max-width:332px;
	margin:auto;
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*SPOT*/
#spot{
	background:url(../images/background_spot.jpg) center;
	background-size:cover;
	clear:left;
	}
#spot section{
	position:relative;
	padding:40px 0px;
	}
#spot .character{
	position:absolute;
	bottom:0;
	left:-135px;
	}
#spot .character img{
	width:85%;
	}
#spot .video{
	width:85%;
	background-color:#fff;
	padding:14px 14px 10px 14px;
	border-radius:20px;
	margin:auto;
	box-shadow:1px 6px 4px -7px #000;
	max-width:680px;
	}
#spot .video video{
	border-radius:10px;
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*RESUME*/
#resume{
	background-color:#f2f2f2;
	overflow:auto;
	padding:10px 0px 25px;
	}
#resume .resume_boxes{
	width:95%;
	margin:auto;
	max-width:800px;
	display:inline-block;
	}
#resume .resume_boxes .box{
	width:50%;
	float:left;
	position: relative;
	height:auto;
	margin-top:40px;
	padding:48px;
	}
#resume .resume_boxes .box p, #resume .resume_boxes .box h3{
	position:relative;
	text-align:left;
	line-height:20pt;
	}
#resume .resume_boxes .box h3{
	margin-bottom:10px;
	}
#resume .resume_boxes .box h3 img, #resume .resume_boxes_2 .box h3 img{
	width:60%;
	margin-left:-2px;
	}
#resume .resume_boxes .box:before{
	content:"";
	background-color:#fff;
	border-radius:20px;
	position:absolute;
	width:94%;
	height:100%;
	top:0px;
	left:10px;
	right:0;
	bottom:0;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	}
#resume .resume_boxes .box_image{
	width:38%;
	float:right;
	margin-top:15px;
	}
#resume .resume_boxes .box_image img{
	width:95%;
	float:right;
	}
#resume .resume_boxes_2{
	width:95%;
	margin:auto;
	max-width:800px;
	display:inline-block;
	}
#resume .resume_boxes_2 .box{
	width:50%;
	float:right;
	position: relative;
	height:auto;
	margin-top:25px;
	padding:48px;
	}
#resume .resume_boxes_2 .box p, #resume .resume_boxes_2 .box h3{
	position:relative;
	text-align:left;
	line-height:20pt;
	}
#resume .resume_boxes_2 .box h3{
	margin-bottom:10px;
	}
#resume .resume_boxes_2 .box:before{
	content:"";
	background-color:#fff;
	border-radius:20px;
	position:absolute;
	width:94%;
	height:100%;
	top:0px;
	left:10px;
	right:0;
	bottom:0;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	}
#resume .resume_boxes_2 .box_image{
	width:38%;
	float:left;
	}
#resume .resume_boxes_2 .box_image img{
	width:95%;
	float:left;
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*GALLERY*/
#gallery{
	background:url(../images/background_gallery.jpg) center;
	background-size:cover;
	clear:left;
	padding:35px 0 10px;
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*COMMUNITY*/
#community .resume_boxes{
	width:80%;
	margin:25px auto 30px;
	overflow:hidden;
	}
#community .box{
	width:54%;
	float:right;
	position:relative;
	text-align:left;
	padding:45px 45px 25px;
	margin-top:10px;
	}
#community .box:before{
	content:"";
	background-color:#f2f2f2;
	border-radius:20px;
	position:absolute;
	width:95%;
	height:100%;
	top:0px;
	left:10px;
	right:0;
	bottom:0;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	}
#community .box h3, #community .box p{
	line-height:20pt;
	position:relative;
	}
#community .box_image{
	width:30%;
	float:left;
	}
#community .box_image img{
	width:90%;
	float:right;
	position:relative;
	}
#community .box h3{
	margin-bottom:10px;
	}
#community .box h3 img{
	width:60%;
	margin-left:-2px;
	}
#community .box ul{
	position:relative;
	padding:0;
	margin:10px 0 0 -5px;
	list-style:none;
	}
#community .box ul li{
	display:inline-block;
	}
#community .box ul li img{
	width:100%;
	max-width:55px;
	transition:all 200ms ease-in-out 0s;
	}
#community .box ul li img:hover{
	-webkit-transform: rotate(3deg) scale(1.1);
	-moz-transform: rotate(3deg) scale(1.1);
	-ms-transform: rotate(3deg) scale(1.1);
	-o-transform: rotate(3deg) scale(1.1);
	transform: rotate(3deg) scale(1.1);
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*FOOTER*/
#footer{
	background-color:#222;
	clear:left;
	color:#fff;
	font-weight:100;
	}
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#footer ul li{
	display:inline-block;
	margin:0px 10px;
	}
#footer ul li a img{
	margin:0px auto 10px;
	width:95%;
	max-width:135px;
	transition:all 200ms ease-in-out 0s;
	}
#footer ul li a img:hover{
	-webkit-transform: rotate(3deg) scale(1.1);
	-moz-transform: rotate(3deg) scale(1.1);
	-ms-transform: rotate(3deg) scale(1.1);
	-o-transform: rotate(3deg) scale(1.1);
	transform: rotate(3deg) scale(1.1);
	}
#footer h2 img{
	margin:auto;
	padding:30px 0px 35px;
	width:60%;
	max-width:215px;
	}
#footer h3 img{
	margin:30px auto 0px;
	width:60%;
	max-width:211px;
	}
#footer .footer_links{
	font-size:14px;
	padding:20px 0px;
	}
#footer .footer_links p{
	margin:10px auto;
	}
#footer .footer_links a{
	color:#fff;
	text-decoration:none;
	margin:10px;
	transition:all 200ms ease-in-out 0s;
	}
#footer .footer_links a:hover{
	color:#777;
	}
#footer .footer_links p{
	padding:0 20px;
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*FOOTER LINKS*/
#terms_of_service, #privacy_policy{
	background-color:#f2f2f2;
	padding:100px 0px 40px;
	}
#terms_of_service .wrapper, #privacy_policy .wrapper{
	text-align:justify;
	border-radius:20px;
	margin:auto;
	width:80%;
	max-width:750px;
	line-height:20pt;
	padding:45px;
	font-size:11pt;	
	background-color:#fff;
	}
#terms_of_service .wrapper h2, #privacy_policy .wrapper h2{
	padding:0px 0px 15px;
	}
#terms_of_service .wrapper h3, #privacy_policy .wrapper h3{
	color:#1d558b;
	padding:15px 0px;
	}
#terms_of_service .wrapper li, #privacy_policy .wrapper li{
	padding:5px 0px;
	list-style:circle;
	}



/*/////////////////////////////////////////////////////////////////////////////////////*/
/*RESPONSIVE*/	
@media screen and (max-width: 1930px) {
.header_bg { width:100%; height:100%; background:url(../images/header_bg_1930.jpg) no-repeat center; background-size:cover;  position:absolute; top:0; left:0;}
}
@media screen and (max-width: 1300px) {
.header_bg { width:100%; height:100%; background:url(../images/header_bg_1300.jpg) no-repeat center; background-size:cover;  position:absolute; top:0; left:0;}
}
@media screen and (max-width: 925px) {
#header .dragons img.header_drake1{max-width:175px; margin-left:20px;}
#header .dragons img.header_drake2{max-width:240px;}
#header .dragons img.header_drake3{max-width:310px;}
#header .dragons img.header_drake4{max-width:185px;}
}
@media screen and (max-width: 845px) {
.header_bg { width:100%; height:100%; background:url(../images/header_bg_845.jpg) no-repeat center; background-size:cover;  position:absolute; top:0; left:0;}
#spot .character{ display:none;}
#resume .resume_boxes .box, #resume .resume_boxes_2 .box { padding:30px; width:45%;}
#resume .resume_boxes .box p, #resume .resume_boxes_2 .box p, #community .box p{ font-size:11pt;}
#resume .resume_boxes .box_image, #resume .resume_boxes_2 .box_image{ width:43%;}
.sy-controls li a{ width:60px !important;}
.sy-controls li.sy-prev{ left:-4% !important;}
.sy-controls li.sy-next{ right:-4% !important;}
#community .resume_boxes{ width:90%;}
#community .box{ padding:30px 30px 15px; margin-top:30px;}
#community .box ul{ margin:5px 0 0 -5px;}
#community .box ul li{ width:12%;}
#community .box_image{ width:32%;}
}
@media screen and (max-width: 768px) {
#menubar { position:relative; height:55px;}
#header .dragons img.header_drake1{max-width:160px; margin-left:40px;}
#header .dragons img.header_drake2{max-width:225px;}
#header .dragons img.header_drake3{max-width:295px;}
#header .dragons img.header_drake4{max-width:170px;}
#header h1 { margin-top:-75px;}
#menubar ul { display:block; text-align:center; margin-top:13px;}
#menubar ul li{ padding:0px; display:inline-block;}
#menubar ul li a { display:block; width:auto; height:25px; padding:0px 10px;}
#menubar ul li a img{ width:auto; height:100%;}
#header { margin-top:-55px;}
#resume .resume_boxes_2 .sy-box .sy-slides-wrap{ margin-left:30px;}
#terms_of_service, #privacy_policy{padding:20px 0px;}
}
@media screen and (max-width: 670px) {
#header article.dragons { margin-top:50px;}
#header .dragons img.header_drake1{max-width:140px; margin-left:58px; margin-top:105px;}
#header .dragons img.header_drake2{max-width:185px; margin:60px auto auto -40px;}
#header .dragons img.header_drake3{max-width:255px; margin-left:-120px;}
#header .dragons img.header_drake4{max-width:135px; margin:110px auto auto -40px;}
#header h1 img { max-width:410px;}
#header h1 { margin-top:-65px;}
#header { height:525px;}
#menubar ul li a img { height:95%;}
#menubar ul li a { padding:0 8px;}
#download .download_buttons { width:92%; margin:20px auto;}
#spot section { padding:25px 0px;}
#spot .video { width:90%; padding:11px 11px 7px; border-radius:19px;}
#resume { padding:5px 0 20px; overflow:inherit;}
#resume .resume_boxes .box { margin-top:20px; padding:20px 30px;}
#resume .resume_boxes .box_image, #resume .resume_boxes_2 .box_image { width:44%;}
#resume .resume_boxes_2 .box { margin-top:15px; padding:20px 30px;}
#community .resume_boxes { margin:20px auto;}
#community .box { margin-top:8px; padding:20px 25px 15px 35px;}
#community .box_image { margin-bottom:8px;}
#footer .footer_links p{ margin:6px auto;}
#footer .footer_links { padding:17px 0px;}
#footer h3 img { margin:25px auto 0;}
#footer h2 img { max-width:185px; padding:25px 0 30px;}
#footer ul li a img {max-width:125px;}
#footer .footer_links { font-size:12px;}
#gallery .sy-slides-wrap { border-radius:17px; padding:10px 7px 7px;}
}
@media screen and (max-width: 670px) {
#header .dragons img.header_drake1{margin-left:55px;}
}
@media screen and (max-width: 595px) {
#header .dragons img.header_drake1{margin-left:30px;}
}
@media screen and (max-width: 575px) {
#header article.dragons { margin-top:50px;}
#header .dragons img.header_drake1{max-width:130px; margin-left:45px; margin-top:105px;}
#header .dragons img.header_drake2{max-width:175px; margin:60px auto auto -44px;}
#header .dragons img.header_drake3{max-width:245px; margin-left:-115px;}
#header .dragons img.header_drake4{max-width:125px; margin:110px auto auto -55px;}
#header h1 img { max-width:360px;}
#header h1 { margin-top:-55px;}
#header { height:500px;}
#menubar ul li a {padding:0 7px; height:20px;}
#download .free { max-width:285px;}	
#resume .resume_boxes .box, #resume .resume_boxes_2 .box { width:38%;}	
#resume .resume_boxes .box h3 img, #resume .resume_boxes_2 .box h3 img {width:80%;}
#resume .resume_boxes .box p, #resume .resume_boxes_2 .box p, #community .box p { font-size:10pt;}
#resume .resume_boxes .box p, #resume .resume_boxes .box h3, #resume .resume_boxes_2 .box p, #resume .resume_boxes_2 .box h3, #community .box p { line-height:16pt;}
#resume .resume_boxes .box h3, #resume .resume_boxes_2 .box h3, #community .box h3{ margin-bottom:7px;}
#resume .resume_boxes .box_image, #resume .resume_boxes_2 .box_image { width:46%;}
#resume .resume_boxes_2 .sy-box .sy-slides-wrap { margin-top:12px;}
#gallery { padding:20px 0 10px;}
#gallery .sy-slides-wrap { padding:10px 8px 7px !important; border-radius:15px !important;}
.sy-controls li a{ width:50px !important;}
.sy-pager li { width:20px !important;}
#community .resume_boxes { margin:15px auto;}
#community .box h3 img { width:80%;}
#community .box { width:50%;}
#community .box_image{ width:33%;}
#footer h2 img{ padding:20px 0 25px; max-width:175px;}
#footer ul li a img{ width:80%;}
#footer h3 img{ max-width:190px;}
#terms_of_service, #privacy_policy { padding:10px 0px;}
#terms_of_service .wrapper, #privacy_policy .wrapper { padding:35px;}
#terms_of_service .wrapper h2, #privacy_policy .wrapper h2 { padding:0 0 10px;}
#terms_of_service .wrapper h3, #privacy_policy .wrapper h3 { padding:10px 0px;}
#terms_of_service .wrapper ul, #privacy_policy .wrapper ul { margin:0;}
}
@media screen and (max-width: 535px) {
#header .dragons img.header_drake1{margin-left:30px;}
}
@media screen and (max-width: 510px) {
#header .dragons img.header_drake1{margin-left:20px;}
}
@media screen and (max-width: 480px) {
#header article.dragons { display:none;}
#header .dragons img.header_drake1, #header .dragons img.header_drake2, #header .dragons img.header_drake3, #header .dragons img.header_drake4{display:none}
#header h1 img { max-width:360px;}
#header h1 { display:table-cell; vertical-align:middle; position:relative;}
#header .header_banner { position:absolute; display:table;}
#header {height:420px;}
#menubar .menu_large { display:none;}
#menubar ul.menu_short {display:block; text-align:left;}
#menubar .menu_short ul li { display:block;}
#menubar .menu_short ul li a{ width:100%; padding:10px;}
.menu_short_display{ height:1000px; background-color:#1d1d1d; width:100%;}
body.fixed { overflow:hidden; height:100%; position:fixed;}
.menu_short_link {width:100%;}
.menu_short_link:hover { cursor:pointer;}
#menubar ul li a { float:left; height:25px; padding:0 10px;}
#menubar ul li a img { float:left;}

#menubar ul li .menu_home img:hover, #menubar ul li .menu_download img:hover, #menubar ul li .menu_thegame img:hover, #menubar ul li .menu_community img:hover{
	-webkit-transform: rotate(0deg) scale(1);
	-moz-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	-o-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	}


#download .free { max-width:250px;}
#spot section { padding:20px 0px;}
#resume { padding:10px 0px;}
#resume .resume_boxes { position:relative; width:94%; height:auto; margin:10px 0;}
#resume .resume_boxes:before { background-color:#fff; border-radius:15px; bottom:0; content:""; height:100%; left:0; position:absolute; rigth:0; top:0; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); width:100%;}
#resume .resume_boxes .box:before { background-color:inherit;}
#resume .resume_boxes .box { margin-top:5px; padding:15px 0px 0px 15px;}
#resume .resume_boxes .box, #resume .resume_boxes_2 .box { width:44%;}
#resume .resume_boxes .box h3 img, #resume .resume_boxes_2 .box h3 img { width:90%;}
#resume .resume_boxes .box_image img { width:100%;}
.sy-slides-wrap { width:93% !important;}
#resume .resume_boxes .box_image { margin-left:7px; margin:5px 0px 5px;}
#resume .resume_boxes_2 { position:relative; width:94%; height:auto; margin:10px 0;}
#resume .resume_boxes_2:before { background-color:#fff; border-radius:15px; bottom:0; content:""; height:100%; left:0; position:absolute; rigth:0; top:0; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); width:100%;}
#resume .resume_boxes_2 .box:before { background-color:inherit;}
#resume .resume_boxes_2 .box { margin-top:5px; padding:15px 0px 0px 15px;}
#resume .resume_boxes_2 .box_image img { width:100%;}
#resume .resume_boxes_2 .sy-box .sy-slides-wrap { margin:0px 0px 15px 25px;}
#gallery { padding:20px 0px;}
#gallery .sy-slides-wrap { border-radius:18px !important; padding:9px 8px 7px !important;}
.sy-controls { display:none !important;}
.sy-pager { display:none !important;}
#spot .video { border-radius:16px; padding:9px 9px 5px;}
#community { padding:10px 0px;}
#community .resume_boxes { position:relative; width:94%; height:auto; margin:auto;}
#community .resume_boxes:before { background-color:#f2f2f2; border-radius:15px; bottom:0; content:""; height:100%; left:0; position:absolute; rigth:0; top:0; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); width:100%;}
#community .box:before { background-color:inherit;}
#community .box { padding:5px 5px 5px 0px; margin-top:15px;}
#community .box { width:55%;}
#community .box h3 img { width:90%;}
#community .box_image img { width:100%;}
#community .box_image { width:35%; margin:10px 0 10px 15px;}
#community .box ul li { width:14%;}
#footer h2 img { max-width:160px;}
#footer ul li { margin:0;}
#footer ul li a img { width:75%;}
#footer h3 img { max-width:165px; margin:20px auto 0;}
}
@media screen and (max-width: 414px) {
.header_bg { display:none; }
.header_bg_2 { display:block; width:100%; height:100%; background:url(../images/header_bg.jpg) no-repeat center; background-size:cover;  position:absolute; top:0; left:0;}
#menubar { position:fixed;}
#header { margin-top:0; height:440px;}
#download .free { max-width:215px;}	
.header_drake1 { display:none;}
#download .download_buttons { width:96%;}
#resume .resume_boxes .box p, #resume .resume_boxes .box h3, #resume .resume_boxes_2 .box p, #resume .resume_boxes_2 .box h3, #community .box p { line-height:15pt;}
#resume .resume_boxes .box { padding:10px 0 0 10px;}
#resume .resume_boxes .box h3 img, #resume .resume_boxes_2 .box h3 img { width:100%;}
#resume .resume_boxes .box_image, #resume .resume_boxes_2 .box_image { width:53%;}
.sy-slides-wrap { width:90% !important;}
#resume .resume_boxes_2 .sy-box .sy-slides-wrap{ margin:0px;}
#resume .resume_boxes_2 .box { padding:15px 5px 5px 0px; margin-top:0px;}
#resume .resume_boxes_2 .box_image { margin-left:5px; margin-top:-2px;}
.sy-slides-wrap img { border-radius:11px;}
#gallery .sy-slides-wrap { border-radius:13px !important; padding:8px 7px 6px !important;}
#community .box_image {margin:15px 0 10px 15px;}
#footer ul { width:90%; margin:auto;}
#footer ul li { width:32%;}
#footer ul li p{ width:50px; font-size:11pt; margin:auto;}
#footer ul li a img { width:80%;}
#footer h2 img { max-width:155px; padding:17px 0 22px;}
#terms_of_service .wrapper, #privacy_policy .wrapper { padding:25px;}
#terms_of_service, #privacy_policy { padding:70px 0 20px;}
#terms_of_service .wrapper ul, #privacy_policy .wrapper ul { padding:0 0 0 20px;}

}
@media screen and (max-width: 355px) {
#menubar { height:45px;}
#menubar ul{ margin-top:8px;}
#menubar ul li a { height:20px; padding-top:5px;}
#header { height:340px;}
#download .free { max-width:200px;}
#download .download_buttons { margin:15px auto;}
#spot section { padding:15px 0px;}
#spot .video { padding:8px 8px 4px;}
#resume .resume_boxes .box_image, #resume .resume_boxes_2 .box_image { display:none;}
#resume .resume_boxes .box, #resume .resume_boxes_2 .box { width:90%;}
#resume .resume_boxes .box, #resume .resume_boxes_2 .box { padding:20px; float:none; margin:auto;}
#resume .resume_boxes .box h3 img, #resume .resume_boxes_2 .box h3 img { width:65%;}
#resume .resume_boxes_2 .box p, #resume .resume_boxes_2 .box h3 { text-align:right;}
#resume .resume_boxes_2 .box h3 img{display:inline-block;}
#community .box_image { display:none;}
#community .box { width:95%; text-align:center;}
#community .box h3 img { width:78%; display:block; margin:auto;}
#community .box ul { text-align:center;}
#terms_of_service .wrapper, #privacy_policy .wrapper { padding:20px;}
#terms_of_service, #privacy_policy { padding:55px 0 20px;}
}
/*
     FILE ARCHIVED ON 22:26:45 May 31, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:50:14 Apr 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.795
  exclusion.robots: 0.078
  exclusion.robots.policy: 0.063
  esindex: 0.014
  cdx.remote: 34.458
  LoadShardBlock: 163.352 (3)
  PetaboxLoader3.datanode: 178.373 (4)
  PetaboxLoader3.resolve: 102.373 (2)
  load_resource: 130.723
*/