/* CSS Document */

.sociallinks {width:50px; height:50px; float:left; margin:8px 20px 10px 0;}

.fb {background:url("../im/nav/fb.png"); background-size:contain; background-repeat:no-repeat; background-position:center center;}

.yt {background:url("../im/nav/yt.png"); background-size:contain; background-repeat:no-repeat; background-position:center center;}

.tw {background:url("../im/nav/tw.png"); background-size:contain; background-repeat:no-repeat; background-position:center center;}

.ig {background:url("../im/nav/ig.png"); background-size:contain; background-repeat:no-repeat; background-position:center center;}



/* ID elements */

#bkg1 {position:fixed; top:0; left:0; width:100%; height:900px; background:url("../im/bkg/bkg1_char.png"),url("../im/ele/orbalslogo.png"), url("../im/bkg/bkg1_bkg.jpg"); background-repeat:no-repeat, no-repeat, no-repeat; background-size:1134px 589px, 1204px 660px, 2000px 900px; background-position:50% 100%, 50% 5%, 50% 0%; background-color:#000000;}

#reel1 {float:left; width:100%; max-height:900px; margin:0; padding:0; border:3px solid #000; outline:none; background-color:#000;}

#header {position:fixed; width:100%; text-align:center; top:0px; left:0px; } /*box-shadow:0px 2px 10px #000; */

#content1 {position:absolute; top:350px; width:100%;}

#content2 {float:left; clear:both; width:100%; background:url("../im/bkg/content2bkg.png"), url("../IM/bkg/boxgradient.png"); background-repeat: repeat-x, repeat-x; background-size: auto auto, auto 100%; background-color:#f4ebe1; padding:30px 0;}

#content3 {position:absolute; top:2200px; width:100%; min-height:800px; background:url("../im/bkg/content2bkg.png"), url("../im/bkg/boxgradient.png"); background-repeat: repeat-x, repeat-x; background-size: auto auto, auto 100%; background-color:#f4ebe1; padding:30px 0;}

#rightpanel {float:left; padding:0 15px 0 0;}

#rightpanel img {float:right; clear:both;}

#shadow {background:url("../im/bkg/bkg_dropshadow.png"); background-size:100% 100%; width:100%; height:50px; position:absolute; top:128px;}

#info1 {color:#ffffff; opacity:0; position:absolute; top:360px; left:0; width:956px;}

#info1 h1 {float:left; font-size:70px; padding:0; margin:0; line-height:60px;}

#info1 h3 {float:left; padding:0 0 0 10px; font-size:22px;}

#info1 h4 {font-size:30px;}



/* Pro elements */

.probox {width:100%; margin:10px auto; clear:both; height:300px; background:url("../im/ele/32pros.png"), no-repeat, top left;}

.pro32 {}

.pro32 h1 {font-size:4em; color:#B42106; float:left; margin:-10px 0 0 0; padding:0; font-family: 'Shippori Antique B1', sans-serif;}

.pro32 h3 {color:#444; float:left; margin:9px 0 0 10px; padding:0; font-family: 'Shippori Antique B1', sans-serif;}

#ACL_prospot1 {width:256px; height:256px; position:absolute;}

#ACL_prospot2 {width:256px; height:256px; position:absolute;}

#ACL_prospot3 {width:256px; height:256px; position:absolute;}

#ACL_prospot4 {width:256px; height:256px; position:absolute;}

#ACL_prospot5 {width:256px; height:256px; position:absolute;}

#ACL_prospot6 {width:256px; height:256px; position:absolute;}

#ACL_prospot7 {width:256px; height:256px; position:absolute;}

#ACL_proname1 {width:100%; height:29px; font-family:'Fredoka',sans-serif; color:#000; font-weight:bold; text-align: center; margin:223px 0px 0px 0; background:url("../im/ele/pro_titlebox.png"); background-position:center bottom; background-repeat: no-repeat; background-size:100% 100%; font-size:18px; padding:6px 0 0 0; opacity: 0;}







/* Basic Formatting */

.contentpad {padding:0 30px;}

.desc {width:50%; min-width:500px; padding:16px 0 0 50px; color:#BBBBBB; font-family: 'Noto Sans', sans-serif;}

.socialbox {width:220px; float:right; margin:10px 50px 0 0;}

ul.gamebullets {padding:15px 0;}

ul.gamebullets li {margin:3px 0 0 25px; font-size:16px; font-weight: bold; color:#52708F; list-style: disc;}



.h0		{font-size:5em; margin:-25px 0 0 0;}

.h0b	{font-size:2.75em;}

.font1 {font-family: 'Fredoka', sans-serif;}

.font2 {font-family: 'Shippori Antique B1', sans-serif;}

.font3 {font-family: 'Noto Sans', sans-serif;}

.font4 {font-family: 'Anton', sans-serif; font-family: 'Lexend', sans-serif;}

.aclred {color:#db2323;}

.darkblue {color:#00307A;}



.graybar {width:100%; overflow: hidden; background-color:#333; clear:both; margin:30px 0 10px 0;}

.center {width:950px; margin:10px auto; clear:both;}

.w100	{width:100%;}

.w48	{width:48%; min-width:350px;}

.hzbar {min-width:200px; height:40px;}

.history {font-size:1em; color:#2E2E2E; text-indent:2em; padding:5px 30px 0 30px;}



.legal {width:600px; margin-top:100px; float:left; clear:left; font-size:0.8em; color:#666;}

.legal p {padding:10px 5px 6px 15px;}



.nowavailable {text-align:left; font-size:0.8em; color:#db2323; float:left; margin:0 0 20px 0; font-weight:bold;}
.tobeavailable {width:210px; clear:both; text-align: center; font-size:0.7em; color:#db2323; margin:0 auto; padding:20px 0 100px 0; font-weight:bold;}
.availivide {width:100%; height:1px; background-color:#db2323; margin:5px 0 0 0; clear:both;}
a.platlinks {display:block; width:216px; height:64px; float:left; margin:0px 5px 5px 0px;}
a.platlinks_large {display:block; width:450px; height:162px; float:left; margin:0px 5px 5px 0px;}
a.xb {background:url("../im/nav/link_xb1.png"); background-repeat: no-repeat;}
a.ps {background:url("../im/nav/link_ps4.png"); background-repeat: no-repeat;}
a.ns {background:url("../im/nav/link_nswitch.png"); background-repeat: no-repeat;}
a.pc {background:url("../im/nav/steamlink.png"); background-repeat: no-repeat;}
a.eg {background:url("../im/nav/link_epic.png"); background-repeat: no-repeat;}

/* a.platlinks:hover {background-position:0px -65px;}  */
a.platlinks_large:hover {background-position:0px -163px;}



/* COMING SOON */

#acl_home {background:url("../im/bkg/comingsoon_bkg.jpg") no-repeat; background-size:100% 100%; height:100%; width:100%;}

#logoheader {position:fixed; top:0; left:0; width:324px; height:188px; background:url("../im/ele/logo_whiteheader.png"); background-repeat:no-repeat; background-size:100% 100%; opacity:0;}

#logoheaderbkg {position:fixed; top:0; left:0; width:100%; height:188px; background:url("../im/bkg/headerbkg.png"); background-repeat:no-repeat; background-size:100% 100%;}

.logobox {background:url("../im/bkg/comingsoon_bannerbkg.png"); background-repeat:no-repeat; background-size: 100% 80%; background-position: bottom center; height:300px; width:100%; margin:0; padding:10px 0 0 0; clear:both;}

.logo {height:300px; width:600px; background:url("../im/ele/logo_comingsoon.png") no-repeat; background-size:contain; background-position:center center; margin: 0 auto;}

.soon {clear: both; width:920px; margin:0 auto 10px auto; text-align:center;}

.subsoon {clear: both; width:470px; margin:0 auto 10px auto; text-align:center;}

.templegal {clear:both; color:#838383; font-size:0.7em; width:700px; margin:0 auto 200px auto; text-align:center;}



.fbul_box {width:100%; overflow:hidden;}

.fbul {width:49%;}

.featurebullets {display:block; width:420px; padding:5px; font-size:15px;}

.intro {width:950px; margin:25px auto; clear:both;}

.intro p {font-size:1.3em; margin-top:-20px;}

.acl_board {clear:both; margin:0 auto; width:900px; height:500px;background:url("../im/ele/board_standalone.png"); background-repeat: no-repeat; background-size:100% 100%;}



.proplayers {width:950px; height:375px; background:url("../im/ele/proplayers.png"); background-repeat: no-repeat; background-size:contain;}



/* Gallery elements */

#ACL_viewer {position:fixed; top:50%; left:50%; width:2%; height:2%; background:url("../im/bkg/shade.png"); background-repeat:repeat; overflow: hidden; opacity:0; border:2px inset #fff; box-shadow:6px 6px 8px #000;}

#ACL_viewbkg {width:90%; height:80%; margin:1% auto 0 auto; border:1px inset #333; box-shadow:6px 6px 8px #000;}

#ACL_viewopts {width:90%; height:40px; margin:0 auto 10px auto;}

#ACL_blackout {position:fixed; top:0; left:0; opacity: 0; background:url("../im/bkg/blackout.png");}

.ACL_viewheader {width:100%; height:6%; max-height:50px; min-height:20px; background-color:#676767; padding:5px 20px; box-shadow:0px 3px 8px #000;}

#samples {overflow:hidden; padding:30px 0 30px 0;}

.ACL_viewclose {width:50px; height:100%; float:right; cursor:pointer; font-size:28px; padding:2px;}

.galtabbox {float:left; width:90%; margin:10px 0 10px 0;}

.gallerytabs {width:9%; min-width:15px; height:15%; min-height:6px; margin:10px 5% 0 0; float:left; cursor:pointer;}

.gallerytabs:hover {background-color:#ECECEC; box-shadow:4px 4px 8px #000;}

.galright {width:4%; max-width:30px; height:50px; float:left; margin:10px 0 0 0; background-color:#44EB00; cursor:pointer; background:url("../im/nav/galrightarrow.png") no-repeat; background-size:70% 60%; background-position:right center;}

.galright:hover {background:url("../im/nav/galrightarrow_hover.png") no-repeat; background-size:75% 65%; background-position:right center;}

.galleft {width:4%; max-width:30px; height:50px; float:left; margin:10px 0 0 0; background-color:#44EB00; cursor:pointer; background:url("../im/nav/galleftarrow.png") no-repeat; background-size:70% 60%; background-position:left center;}

.galleft:hover {background:url("../im/nav/galleftarrow_hover.png") no-repeat; background-size:75% 65%; background-position:left center;}



.activetab {background-color:#0069AB;}

.inactivetab {background-color:#7B7B7B;}

.gallerysamples {width:180px; height:120px; float:left; margin:10px 15px; cursor:pointer; border:2px solid #999; box-shadow:4px 4px 8px #000;}

.gallerysamples:hover {border:2px solid #0084FF;}



/* SURVEY PAGES */

body#acl_survey {background-color:#B52A2D; background:url("../im/bkg/surveybkg.jpg"); background-size:100% auto; background-repeat: repeat-y; background-attachment: fixed; font-family: 'Shippori Antique B1', sans-serif; color:#666;}

#acl_survey form label {float:left; clear:left; width:700px; padding:30px 0 8px 0;}

#acl_survey form input,select {float:left; margin:6px 0 2px 40px;}

#acl_survey form p {float:left; padding:0 0 0 15px;}

#surveybox {margin:90px auto 200px auto; width:800px; background:url("../im/bkg/surveyboxbkg.png") repeat; overflow:hidden; box-shadow:2px 2px 8px #000; border:2px solid #fff;}

#surveyresultsbox {margin:40px auto 200px auto; width:1000px; background:url("../im/bkg/surveyboxbkg.png") repeat; overflow:hidden; box-shadow:2px 2px 8px #000; border:2px solid #fff;}

.breaker {clear:both; float:left; width:100%; height:10px;}

.surveyheader {margin:0 auto; padding:50px; background-color:#B52A2D; color:#fff;}

.surveyheader sup {font-size:0.5em;}

.surveycontent {width:700px; margin:0 auto; padding:10px 50px 50px 50px;}

.surveycontent strong {color:#000;}

.surveyinfo {font-size:0.9em;}

.surveybloc {float:left; clear:both; width:250px; font-size:0.85em; margin:0 15px 10px 0;}

.survey_rt {width:100px; height:32px; float:left; font-size:0.8em; text-align:center; line-height:1em;}

.survey_rti {width:275px; height:30px; float:left;}

.survey_rtb {width:98px; height:30px; float:left; padding:25px 0 0 0;}

.surveysubmit {margin:30px auto 0 auto; padding:6px 0 0 0; width:300px; min-height:40px; font-size:1.6em; cursor:pointer; clear:both; box-shadow:2px 2px 4px #666; text-align:center; background-color:#AB0205; color:#fff; border:1px solid #4F0001;}

.surveysubmit:hover {background-color: #DF4500;}

.surveyred {font-size:0.6em; color: #AA1517;}

.star {width:20px; height:20px; float:left; margin-top:2px; background:url("../im/ele/star.png"); background-repeat: no-repeat; background-size:100% 100%;}

.skip1 {background:url("../im/bkg/skip1.png"); background-repeat:repeat; width:100%; height:100%; overflow:hidden; float:left; clear:both;}

.skip2 {background:url("../im/bkg/skip2.png"); background-repeat:repeat; width:100%; height:100%; overflow:hidden; float:left; clear:both;}

.reqred {color: #AF0002;}

.surveyerr {color:#D85700; font-size:0.85em; font-weight: bold; font-style:italic; padding:0 0 0 20px; font-family: 'Fredoka', sans-serif;}



.surveyresults {margin:0 auto; padding:10px 30px 30px 30px;}

.surveyresults h4 {text-decoration:underline; color:#000; padding:8px 0 0 0;}

.surveyresults p {margin-left:10px;}

.resultsbloc {min-width:30%; min-height:120px; float:left; margin:5px; font-size:0.9em;}

.xresultsbloc {min-width:30%; min-height:150px; float:left; margin:5px; font-size:0.8em;}

.xresultsbloc h3 {margin:0; color:#004986; text-decoration: underline;}

.xresultsbloc h4 {margin:-4px 0 0 0;}



.signup {clear:both; width:650px; margin:120px auto 30px auto;}

.signup p {margin:0 0 14px 0}

.signup label {margin-left:130px; font-weight:bold;}



body#acl_survey sup {color:#ccc; font-size:0.5em;}