html,body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-size:100%}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
table{border-collapse:collapse;border-spacing:0}
td,td img{vertical-align:top}

input,select,button,textarea{margin:0;font-size:100%}
input[type="text"],input[type="password"],textarea{padding:0}
input[type="checkbox"]{vertical-align:bottom}
input[type="radio"]{vertical-align:text-bottom}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
html{overflow-y:scroll}
body{line-height:1;background:#000;color:#d9d9d9;text-align:left}

input,select,button,textarea{font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif}
label,input[type="button"],input[type="submit"],button{cursor:pointer}
a,a:visited{color:#d9d9d9;text-decoration:none}
a:hover{color:#d9d9d9;text-decoration:none}
a:focus,a:active{color:#d9d9d9;text-decoration:none}
@font-face{font-family:'TrajanProBold';src:url('/font/TrajanPro/trajanpro-bold-webfont.eot');src:url('/font/TrajanPro/trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/font/TrajanPro/trajanpro-bold-webfont.woff') format('woff'),url('/font/TrajanPro/trajanpro-bold-webfont.ttf') format('truetype'),url('/font/TrajanPro/trajanpro-bold-webfont.svg#TrajanProBold') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'TrajanProRegular';src:url('/font/TrajanPro/trajanpro-regular-webfont.eot');src:url('/font/TrajanPro/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/font/TrajanPro/trajanpro-regular-webfont.woff') format('woff'),url('/font/TrajanPro/trajanpro-regular-webfont.ttf') format('truetype'),url('/font/TrajanPro/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'MinionProItalic';src:url('/font/MinionPro/minionpro-it-webfont.eot');src:url('/font/MinionPro/minionpro-it-webfont.eot?#iefix') format('embedded-opentype'),url('/font/MinionPro/minionpro-it-webfont.woff') format('woff'),url('/font/MinionPro/minionpro-it-webfont.ttf') format('truetype'),url('/font/MinionPro/minionpro-it-webfont.svg#MinionProItalic') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'MinionProRegular';src:url('/font/MinionPro/minionpro-regular-webfont.eot');src:url('/font/MinionPro/minionpro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/font/MinionPro/minionpro-regular-webfont.woff') format('woff'),url('/font/MinionPro/minionpro-regular-webfont.ttf') format('truetype'),url('/font/MinionPro/minionpro-regular-webfont.svg#MinionProRegular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'MinionProSemibold';src:url('/font/MinionPro/minionpro-semibold-webfont.eot');src:url('/font/MinionPro/minionpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('/font/MinionPro/minionpro-semibold-webfont.woff') format('woff'),url('/font/MinionPro/minionpro-semibold-webfont.ttf') format('truetype'),url('/font/MinionPro/minionpro-semibold-webfont.svg#MinionProSemibold') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'MinionProSemiboldItalic';src:url('/font/MinionPro/minionpro-semiboldit-webfont.eot');src:url('/font/MinionPro/minionpro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),url('/font/MinionPro/minionpro-semiboldit-webfont.woff') format('woff'),url('/font/MinionPro/minionpro-semiboldit-webfont.ttf') format('truetype'),url('/font/MinionPro/minionpro-semiboldit-webfont.svg#MinionProSemiboldItalic') format('svg');font-weight:normal;font-style:normal}
.fb-like{position:absolute;display:inline-block}

div{user-select:none;-khtml-user-select:none;-o-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none}
::selection{background:transparent;color:inherit}
::-moz-selection{background:transparent;color:inherit}
html,body{min-width:960px}
body{background:#000;font:14px "MinionProRegular",Helvetica,Arial,sans-serif}
.fallback{font-family:"Times New Roman",Times,"Century Schoolbook L",serif}
a{outline:0;border:0}
.hidden{display:none}
::-webkit-scrollbar{width:12px}

::-webkit-scrollbar-track{background:#eee;box-shadow:0 0 3px rgba(0,0,0,0.1) inset}
::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(87,87,87,.35);border:1px solid #fff}
.clearfix:after{content:'';clear:both;display:block;width:0;height:0;font-size:0;overflow:hidden}
a{cursor:pointer}
span{font-size:14px;color:#d9d9d9}
.header span{font-size:16px}
.btn-group{position:relative}
h1,h2,h3,h4,h5{font-weight:normal;text-transform:uppercase}
.intro_title{color:#d9d9d9;font-size:20px}

.subtitle,.subtitleHome{color:#999;font-size:18px;margin:4px 0 2px;text-transform:none}
#people_count{font-size:48px;color:#d9d9d9;margin-bottom:-5px;letter-spacing:5px}
div.upgrade{margin:50px}
div.upgrade p{color:#fff;font:18px MinionProRegular,Arial,Helvetica,sans-serif;margin:0 0 20px 0}
div.upgrade a{color:#296d97}
.box_title{font-size:17px;margin-bottom:25px}
.module_title{text-align:center;color:#73c5f7;font-size:13px;padding:20px 5px 10px}
.icon{display:block;position:absolute;top:50%;left:0}
.world_icon{width:31px;height:30px;background:url("http://cdn.jointherealm.com/cache/images/icons/world.png") no-repeat;margin-top:-15px}

.facebook_icon{width:24px;height:24px;background:url("http://cdn.jointherealm.com/cache/images/icons/facebook.png") no-repeat;margin-top:-12px}
.plus_icon{width:9px;height:8px;background:url("http://cdn.jointherealm.com/cache/images/icons/plus_icon.png") no-repeat;margin-top:-4px;margin-left:23px;top:11px;left:0}
.header{position:relative;min-width:960px;margin:0 auto;text-align:center;background:#000;padding:20px 0 5px}
.header_wrap{min-height:27px;padding:0 0 5px;width:98%;margin:0 auto}
.content{padding:2px;background:url("http://cdn.jointherealm.com/cache/images/bg.jpg") no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

footer{position:relative;padding:10px 0;min-width:960px;margin:0 auto;text-align:center;background:#000}
.head_additional{max-width:55%;margin:0 auto;text-align:center}
.head_additional>a{display:block;max-width:100%}
.head_additional>a img{max-width:100%}
.logotype_wrap a:first-child{margin:0 auto;display:block}
.cards_box{padding:0 50px}
.card{display:inline-block;vertical-align:top;width:50%;text-align:center}
.card-link{position:relative;display:inline-block;vertical-align:top;cursor:pointer}
.card .btn{display:block;padding:10px;font-size:18px;line-height:1;margin:8px 0}

.card h2{position:absolute;top:37px;left:25px;color:black;font-size:26px;line-height:36px}
.card h3{position:absolute;bottom:92px;left:45px;color:black;font-size:16px;line-height:16px}
.card h3:first-child{top:22px;left:25px}
.card h4{position:absolute;bottom:110px;width:100%;color:black;text-transform:uppercase;font-size:16px;line-height:16px}
.section{width:800px;margin:8px auto;padding:8px 0;background:rgba(0,0,0,.75);border:1px solid #808080}
.language{display:block;float:left;min-width:228px;text-align:left}

.language_text{padding:0 15px 0 2px}
.language.open .language_text{background:#c3c3c3;color:#000}
.language .btn{padding-left:37px;text-transform:uppercase;font-size:18px}
.language .dropdown-menu .active .dropdown-link{color:#000;font-family:'MinionProSemibold',Arial,"Helvetica CY","Nimbus Sans L",sans-serif}
.user_acc{float:right;vertical-align:top;text-align:left;min-width:115px;color:#d9d9d9}
#signIn{display:block;padding:0 0 0 35px;position:relative;text-transform:uppercase;font-size:18px;margin-bottom:14px;cursor:pointer}

#login_text span{font-size:12px;display:block}
#logout_icon{display:none}
.dropdown-toggle{padding-right:0}
.dropdown-toggle:focus{outline:0}
.dropdown-menu{display:none;position:absolute;right:0;left:37px;top:100%;background:rgba(255,255,255,.75);list-style:none;text-align:left;font-size:14px;margin-top:1px;padding:4px 0;z-index:499}
.open .dropdown-menu{display:block}
a.dropdown-link{display:block;padding:2px 12px;text-transform:uppercase;color:#262626;line-height:1}
.dropdown-link:hover{background:rgba(255,255,255,.35)}

.intro{text-align:center}
.main{position:relative;padding:28px 0 20px}
.additional{text-align:center;padding:5px 0}
.additional p{text-transform:uppercase}
.additional .btn{display:inline-block}
.footer_wrap{margin:0 auto;width:98%;position:relative;text-align:center;display:inline-block;white-space:nowrap}
.footer_date{width:50%;float:left;display:inline-block;white-space:nowrap;margin:0;padding:0}
.footer_date img{margin:0;float:left}
.footer_date span{display:inline-block;white-space:nowrap;padding:0;line-height:0;margin:0 10px 0 0;float:right}

.footer_menu span{display:inline-block;white-space:nowrap;padding:0;line-height:0;margin:0 0 0 10px;float:left}
.footer_menu{width:50%;margin:0;display:inline-block;text-align:right;float:right}
.footer_menu li{display:inline-block}
.footer_menu a{display:inline-block;color:#d9d9d9;text-transform:uppercase;font-size:13px;padding:0 5px 0 20px;margin:6px 0 0 0;font-family:'MinionProSemibold',Arial,"Helvetica CY","Nimbus Sans L",sans-serif}
.footer_menu a:hover{text-decoration:underline}

.copyright{clear:both;float:right;padding:15px 0 10px 0;text-align:right;font:bold 8px Arial,"Helvetica CY","Nimbus Sans L",sans-serif}
.social_links{display:inline-block}
.settings-item{padding:10px 0}
.sidebar{float:right;margin-right:60px}
.sidebar_left{float:left;margin-right:0;margin-left:50px}
.card-settings-preview{width:250px;height:364px;margin:0 0 10px 0;position:relative}
.card-title{text-transform:capitalize;font-size:14px;color:#000;padding:12px 20px 0;font-family:'TrajanProBold',Arial,sans-serif}

.card-name_wrap{margin:0 15px 10px;position:relative}
.card-name_wrap:after{content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;right:-3px}
.card-name{display:block;width:100%;outline:0;text-indent:10px;border:1px dashed #235381;background:0;line-height:28px;font-family:'TrajanProBold',Arial,sans-serif;text-transform:capitalize;font-size:24px;position:relative;z-index:1}
.card-btn{position:absolute;top:50%;margin-top:-22px;left:45px;right:45px}

.card-btn .btn{display:block;min-width:inherit;padding:5px 23px 5px 37px;font-size:11px}
.card-words{position:absolute;font-family:'TrajanProBold',Arial,sans-serif;bottom:30px;left:15px;right:15px;text-align:center;text-transform:uppercase;font-size:12px;color:#000}
.btn-save{display:inline-block;width:230px}
.card-settings{display:table;padding:0 50px 50px 60px;width:375px}
.tab-panel.active{display:inline-block;border:0;width:374px}
.tab-panel{display:none;padding-top:15px;width:100%}

#text{padding-top:70px}
.masked{width:100%;height:100%;overflow:hidden;position:absolute}
.x-mask{position:fixed;z-index:10;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.75)}
.preview_download_img{display:block;margin:0 auto 15px;max-width:355px}
#facebook_preview{width:355px;height:131px}
#twitter_preview{width:355px;height:177px}
#profile_preview{width:250px;height:250px}
#wallpaper_preview{width:355px;height:200px}
#instagram_preview{width:355px;height:355px}
.download_each_btn{background:url("http://cdn.jointherealm.com/cache/images/download_btn.png");width:46px;height:41px;display:block;margin:0 auto}

.download_each_btn:hover{background-position:0 -42px}
div.btn-social{cursor:pointer}
.switchText{display:none}
.borders{list-style:none;margin:0 -10px;text-align:center;background:transparent}
.borders li{display:inline-block;margin:0}
.borders li a{border:1px solid transparent}
.borders li a.active{border:1px solid #fff}
.border-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_borders.png") no-repeat;width:54px;height:73px;display:block}
.border1{background-position:0 0}
.border2{background-position:-60px 0}

.border3{background-position:-120px 0}
.border4{background-position:-180px 0}
.border5{background-position:-240px 0}
.border6{background-position:-300px 0}
.patterns{list-style:none;margin:0;text-align:center}
.patterns li{display:inline-block;margin:0 3px}
.patterns li a{border:1px solid transparent}
.patterns li a.active{border:1px solid #fff}
.pattern-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_patterns.png") no-repeat;width:50px;height:73px;display:block}
.pattern1{background-position:0 0}
.pattern2{background-position:-60px 0}

.pattern3{background-position:-120px 0}
.pattern4{background-position:-180px 0}
.pattern5{background-position:-240px 0}
.pattern6{background-position:-300px 0}
.icons{list-style:none;text-align:center;margin:0;padding:0}
.icons li{display:inline-block;margin:0;padding:0}
.icons li a{border:1px solid transparent}
.icons li a.active{border:1px solid #fff}
.animals-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_icons_animals.png") no-repeat;width:50px;height:50px;display:block}
.animals1{background-position:0 0}
.animals2{background-position:0 -50px}

.animals3{background-position:0 -100px}
.animals4{background-position:0 -150px}
.animals5{background-position:0 -200px}
.animals6{background-position:0 -250px}
.animals7{background-position:0 -300px}
.animals8{background-position:0 -350px}
.animals9{background-position:0 -400px}
.animals10{background-position:0 -450px}
.animals11{background-position:0 -500px}
.animals12{background-position:0 -550px}
.animals13{background-position:0 -600px}
.animals14{background-position:0 -650px}
.animals15{background-position:0 -700px}

.animals16{background-position:0 -750px}
.fun-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_icons_fun.png") no-repeat;width:50px;height:50px;display:block}
.fun1{background-position:0 0}
.fun2{background-position:0 -50px}
.fun3{background-position:0 -100px}
.fun4{background-position:0 -150px}
.fun5{background-position:0 -200px}
.fun6{background-position:0 -250px}
.fun7{background-position:0 -300px}
.fun8{background-position:0 -350px}
.fun9{background-position:0 -400px}
.fun10{background-position:0 -450px}
.fun11{background-position:0 -500px}

.fun12{background-position:0 -550px}
.fun13{background-position:0 -600px}
.fun14{background-position:0 -650px}
.fun15{background-position:0 -700px}
.fun16{background-position:0 -750px}
.hobbies-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_icons_hobbies.png") no-repeat;width:50px;height:50px;display:block}
.hobbies1{background-position:0 0}
.hobbies2{background-position:0 -50px}
.hobbies3{background-position:0 -100px}
.hobbies4{background-position:0 -150px}
.hobbies5{background-position:0 -200px}
.hobbies6{background-position:0 -250px}

.hobbies7{background-position:0 -300px}
.hobbies8{background-position:0 -350px}
.hobbies9{background-position:0 -400px}
.hobbies10{background-position:0 -450px}
.hobbies11{background-position:0 -500px}
.hobbies12{background-position:0 -550px}
.hobbies13{background-position:0 -600px}
.hobbies14{background-position:0 -650px}
.hobbies15{background-position:0 -700px}
.hobbies16{background-position:0 -750px}
.lifestyles-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_icons_lifestyles.png") no-repeat;width:50px;height:50px;display:block}

.lifestyles1{background-position:0 0}
.lifestyles2{background-position:0 -50px}
.lifestyles3{background-position:0 -100px}
.lifestyles4{background-position:0 -150px}
.lifestyles5{background-position:0 -200px}
.lifestyles6{background-position:0 -250px}
.lifestyles7{background-position:0 -300px}
.medieval-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_icons_medieval.png") no-repeat;width:50px;height:50px;display:block}
.medieval1{background-position:0 0}
.medieval2{background-position:0 -50px}
.medieval3{background-position:0 -100px}

.medieval4{background-position:0 -150px}
.medieval5{background-position:0 -200px}
.medieval6{background-position:0 -250px}
.medieval7{background-position:0 -300px}
.medieval8{background-position:0 -350px}
.medieval9{background-position:0 -400px}
.medieval10{background-position:0 -450px}
.medieval11{background-position:0 -500px}
.medieval12{background-position:0 -550px}
.medieval13{background-position:0 -600px}
.medieval14{background-position:0 -650px}
.medieval15{background-position:0 -700px}
.medieval16{background-position:0 -750px}

.religious-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_icons_religious.png") no-repeat;width:50px;height:50px;display:block}
.religious1{background-position:0 0}
.religious2{background-position:0 -50px}
.religious3{background-position:0 -100px}
.religious4{background-position:0 -150px}
.religious5{background-position:0 -200px}
.religious6{background-position:0 -250px}
.religious7{background-position:0 -300px}
.religious8{background-position:0 -350px}
.religious9{background-position:0 -400px}
.religious10{background-position:0 -450px}

.religious11{background-position:0 -500px}
.religious12{background-position:0 -550px}
.shapes-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_icons_shapes.png") no-repeat;width:50px;height:50px;display:block}
.shapes1{background-position:0 0}
.shapes2{background-position:0 -50px}
.shapes3{background-position:0 -100px}
.shapes4{background-position:0 -150px}
.shapes5{background-position:0 -200px}
.shapes6{background-position:0 -250px}
.shapes7{background-position:0 -300px}
.shapes8{background-position:0 -350px}
.shapes9{background-position:0 -400px}

.shapes10{background-position:0 -450px}
.shapes11{background-position:0 -500px}
.shapes12{background-position:0 -550px}
.shapes13{background-position:0 -600px}
.shapes14{background-position:0 -650px}
.shapes15{background-position:0 -700px}
.shapes16{background-position:0 -750px}
.show-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_icons_show.png") no-repeat;width:50px;height:50px;display:block}
.show1{background-position:0 0}
.show2{background-position:0 -50px}
.show3{background-position:0 -100px}
.show4{background-position:0 -150px}

.show5{background-position:0 -200px}
.show6{background-position:0 -250px}
.show7{background-position:0 -300px}
.show8{background-position:0 -350px}
.show9{background-position:0 -400px}
.show10{background-position:0 -450px}
.show11{background-position:0 -500px}
.show12{background-position:0 -550px}
.show13{background-position:0 -600px}
.show14{background-position:0 -650px}
.sports-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_icons_sports.png") no-repeat;width:50px;height:50px;display:block}
.sports1{background-position:0 0}

.sports2{background-position:0 -50px}
.sports3{background-position:0 -100px}
.sports4{background-position:0 -150px}
.sports5{background-position:0 -200px}
.sports6{background-position:0 -250px}
.sports7{background-position:0 -300px}
.sports8{background-position:0 -350px}
.sports9{background-position:0 -400px}
.sports10{background-position:0 -450px}
.sports11{background-position:0 -500px}
.sports12{background-position:0 -550px}
.sports13{background-position:0 -600px}
.sports14{background-position:0 -650px}
.sports15{background-position:0 -700px}

.sports16{background-position:0 -750px}
.technology-sprite{background:url("http://cdn.jointherealm.com/cache/images/editor/ui/sprite_icons_technology.png") no-repeat;width:50px;height:50px;display:block}
.technology1{background-position:0 0}
.technology2{background-position:0 -50px}
.technology3{background-position:0 -100px}
.technology4{background-position:0 -150px}
.technology5{background-position:0 -200px}
.technology6{background-position:0 -250px}
.technology7{background-position:0 -300px}
.technology8{background-position:0 -350px}
.technology9{background-position:0 -400px}

.technology10{background-position:0 -450px}
.technology11{background-position:0 -500px}
.technology12{background-position:0 -550px}
.technology13{background-position:0 -600px}
.technology14{background-position:0 -650px}
.technology15{background-position:0 -700px}
.technology16{background-position:0 -750px}
.editor{width:250px;height:364px;margin:0 0 10px 0}
.editor .btn{display:block;font-size:18px}
canvas{width:250px;height:364px;background:url('http://cdn.jointherealm.com/cache/images/editor/ui/loading_white.png') 0 0 no-repeat}
#sigil_preview{width:250px;height:364px}

.card_image{width:250px;height:364px}
div.dd-container{display:inline-block;vertical-align:top}
div.dd-select{border-radius:0;border:0 none}
a.dd-selected{padding:5px;border:1px solid #000;text-transform:uppercase;font-weight:normal;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 3%,rgba(76,76,76,1) 4%,rgba(38,38,38,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(3%,rgba(255,255,255,1)),color-stop(4%,rgba(76,76,76,1)),color-stop(100%,rgba(38,38,38,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 3%,rgba(76,76,76,1) 4%,rgba(38,38,38,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 3%,rgba(76,76,76,1) 4%,rgba(38,38,38,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 3%,rgba(76,76,76,1) 4%,rgba(38,38,38,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 3%,rgba(76,76,76,1) 4%,rgba(38,38,38,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c',endColorstr='#262626',GradientType=0)}

a.dd-option{padding:5px}
span.dd-pointer,span.dd-pointer-down,span.dd-pointer-up{top:0;bottom:0;right:0;width:30px;border:none!important;border-left:1px solid #000!important;height:auto;margin-top:0;background:#3e7597;background:-moz-linear-gradient(top,rgba(62,117,151,1) 0,rgba(24,75,108,1) 4%,rgba(8,37,70,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(62,117,151,1)),color-stop(4%,rgba(24,75,108,1)),color-stop(100%,rgba(8,37,70,1)));background:-webkit-linear-gradient(top,rgba(62,117,151,1) 0,rgba(24,75,108,1) 4%,rgba(8,37,70,1) 100%);background:-o-linear-gradient(top,rgba(62,117,151,1) 0,rgba(24,75,108,1) 4%,rgba(8,37,70,1) 100%);background:-ms-linear-gradient(top,rgba(62,117,151,1) 0,rgba(24,75,108,1) 4%,rgba(8,37,70,1) 100%);background:linear-gradient(to bottom,rgba(62,117,151,1) 0,rgba(24,75,108,1) 4%,rgba(8,37,70,1) 100%)}

span.dd-pointer:after{content:'';position:absolute;top:1px;left:0;right:0;bottom:0;background:url('http://cdn.jointherealm.com/cache/images/dropdown.png') 50% 50% no-repeat;border-top:1px solid #3e7597;border-bottom:1px solid #000}
.inputRadioButton{box-shadow:inset -2px 2px 10px rgba(5,5,5,.75),-5px 5px 5px rgba(5,5,5,.75);background:#fff;border-radius:1em;height:1.5em;width:1.5em;float:left;margin:2px 8px 0 2px;position:relative;top:-5px}
.inputRadioButtonSelected{border:2px solid #2474a6;margin:0 6px 0 0}

.inputRadioButtonSelected+.radio-text{color:#fff}
.inputRadioButtonSelected:after{content:'';position:absolute;z-index:1;top:50%;left:50%;width:.6em;height:.6em;margin-top:-.3em;margin-left:-.3em;background:#0f4163;border-radius:.6em}
.radio-label{display:block;text-transform:uppercase;font-size:14px;font-weight:normal;line-height:14px;min-height:18px;color:#afb5b9}
.horizontal .radio-label{display:inline-block;vertical-align:top;margin-right:10px}
.btn{position:relative;text-align:center;text-transform:uppercase;padding:12px 10px}

.btn-action{border:1px solid #000;color:#d9d9d9;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 2%,rgba(24,75,108,1) 3%,rgba(8,37,70,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(2%,rgba(255,255,255,1)),color-stop(3%,rgba(24,75,108,1)),color-stop(100%,rgba(8,37,70,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 2%,rgba(24,75,108,1) 3%,rgba(8,37,70,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 2%,rgba(24,75,108,1) 3%,rgba(8,37,70,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 2%,rgba(24,75,108,1) 3%,rgba(8,37,70,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 2%,rgba(24,75,108,1) 3%,rgba(8,37,70,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#184b6c',endColorstr='#082546',GradientType=0)}

.btn-action:hover{color:#fff;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 2%,rgba(37,115,162,1) 3%,rgba(8,37,70,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(2%,rgba(255,255,255,1)),color-stop(3%,rgba(37,115,162,1)),color-stop(100%,rgba(8,37,70,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 2%,rgba(37,115,162,1) 3%,rgba(8,37,70,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 2%,rgba(37,115,162,1) 3%,rgba(8,37,70,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 2%,rgba(37,115,162,1) 3%,rgba(8,37,70,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 2%,rgba(37,115,162,1) 3%,rgba(8,37,70,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2573a2',endColorstr='#082546',GradientType=0)}

.btn-join{margin:17px 0 15px;padding:8px 10px;min-width:250px;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 3%,rgba(76,76,76,1) 4%,rgba(38,38,38,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(3%,rgba(255,255,255,1)),color-stop(4%,rgba(76,76,76,1)),color-stop(100%,rgba(38,38,38,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 3%,rgba(76,76,76,1) 4%,rgba(38,38,38,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 3%,rgba(76,76,76,1) 4%,rgba(38,38,38,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 3%,rgba(76,76,76,1) 4%,rgba(38,38,38,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 3%,rgba(76,76,76,1) 4%,rgba(38,38,38,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c',endColorstr='#262626',GradientType=0)}

.btn-join:hover{color:#222;background:#b9b9b9;background:-moz-linear-gradient(top,#b9b9b9 3%,#cecece 3%,#e0e0e0 4%,#6d6d6d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(3%,#b9b9b9),color-stop(3%,#cecece),color-stop(4%,#e0e0e0),color-stop(100%,#6d6d6d));background:-webkit-linear-gradient(top,#b9b9b9 3%,#cecece 3%,#e0e0e0 4%,#6d6d6d 100%);background:-o-linear-gradient(top,#b9b9b9 3%,#cecece 3%,#e0e0e0 4%,#6d6d6d 100%);background:-ms-linear-gradient(top,#b9b9b9 3%,#cecece 3%,#e0e0e0 4%,#6d6d6d 100%);background:linear-gradient(to bottom,#b9b9b9 3%,#cecece 3%,#e0e0e0 4%,#6d6d6d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0',endColorstr='#6d6d6d',GradientType=0)}

.navbar{display:inline-block;width:100%}
.navbar-inner{min-height:40px;background-color:#194c6e;box-shadow:0 1px 4px rgba(0,0,0,0.065)}
.colorset{display:block;margin:5px 0 0 0;text-align:center;width:100%}
.colorset .colorset-tab{display:inline-block;width:50%;float:left;text-align:center}
.colorset .colorset-tab a{display:inline-block;width:80%;font-size:12px;padding:10px;text-align:center;text-transform:uppercase}
.colorset .colorset-tab.active{background:#5f5e5e;background:-moz-linear-gradient(top,rgba(95,94,94,1) 0,rgba(53,52,52,1) 23%,rgba(35,35,35,1) 53%,rgba(53,52,52,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(95,94,94,1)),color-stop(23%,rgba(53,52,52,1)),color-stop(53%,rgba(35,35,35,1)),color-stop(100%,rgba(53,52,52,1)));background:-webkit-linear-gradient(top,rgba(95,94,94,1) 0,rgba(53,52,52,1) 23%,rgba(35,35,35,1) 53%,rgba(53,52,52,1) 100%);background:-o-linear-gradient(top,rgba(95,94,94,1) 0,rgba(53,52,52,1) 23%,rgba(35,35,35,1) 53%,rgba(53,52,52,1) 100%);background:-ms-linear-gradient(top,rgba(95,94,94,1) 0,rgba(53,52,52,1) 23%,rgba(35,35,35,1) 53%,rgba(53,52,52,1) 100%);background:linear-gradient(to bottom,rgba(95,94,94,1) 0,rgba(53,52,52,1) 23%,rgba(35,35,35,1) 53%,rgba(53,52,52,1) 100%)}

.colors-list{text-align:center;margin:0 auto;width:298px}
.colors-list li{float:left;display:block;width:25px;height:25px;list-style:none;margin:3px;border:1px solid transparent}
.colors-list li:hover,.colors-list li.active{margin:3px;border:1px solid #fff}
.navbar-inner::after{display:table;line-height:0;content:'';clear:both}
.navbar .nav{position:relative;left:0;display:block;float:left;margin:0;list-style:none;width:100%}
.navbar .nav>li{float:left;width:33.3%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

.nav-row{line-height:20px;border-top:1px solid #346789;border-left:1px solid #2d6487;border-right:1px solid #183446;border-bottom:1px solid #385567;text-align:center;min-width:115px}
.nav-row .active{border-top-color:#393d3f;border-bottom-color:#353636;border-left:1px solid #11222c;border-right:1px solid #11222c}
.nav-row a{display:block;padding:10px 5px;color:#b6c5d2;font-size:12px;text-decoration:none;text-transform:uppercase;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#206a98;background:-moz-linear-gradient(top,#206a98 0,#153446 83%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#206a98),color-stop(83%,#153446));background:-webkit-linear-gradient(top,#206a98 0,#153446 83%);background:-o-linear-gradient(top,#206a98 0,#153446 83%);background:-ms-linear-gradient(top,#206a98 0,#153446 83%);background:linear-gradient(to bottom,#206a98 0,#153446 83%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#206a98',endColorstr='#153446',GradientType=0)}

.nav-row a:hover{color:white}
.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#fff;text-decoration:none;background:#161719;background:-moz-linear-gradient(top,#161719 0,#17435f 83%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#161719),color-stop(83%,#17435f));background:-webkit-linear-gradient(top,#161719 0,#17435f 83%);background:-o-linear-gradient(top,#161719 0,#17435f 83%);background:-ms-linear-gradient(top,#161719 0,#17435f 83%);background:linear-gradient(to bottom,#161719 0,#17435f 83%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#161719',endColorstr='#17435f',GradientType=0)}

.nav-tabs_wrap{margin-bottom:0;position:relative;overflow:hidden}
.nav-tabs{border-bottom:1px solid #747373;padding:0 30px;position:relative;text-align:center}
.nav-tabs::before{content:'';display:block;position:absolute;height:12px;border-radius:30px;bottom:-30px;left:20px;right:20px;box-shadow:0 -5px 80px rgba(255,255,255,1)}
.nav{margin-left:0;list-style:none}
.nav-tabs>li{display:inline-block;line-height:20px;margin-bottom:-1px}
.nav-tabs>li>a{display:block;position:relative;z-index:2;font-size:14px;color:#a8a8a8;text-transform:uppercase;margin-right:2px;padding:8px 12px;line-height:20px;border:1px solid transparent}

.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#fff;cursor:default;background-color:#131313;border:1px solid #747373;border-bottom-color:transparent}
.nav_arrow{width:9px;height:20px;background:url("http://cdn.jointherealm.com/cache/images/nav_arrows.png") no-repeat;position:absolute;z-index:3;top:50%;margin:-10px 0 0}
.nav_arrow_prev.disabled:hover,.nav_arrow_prev{background-position:0 -20px;left:0}
.nav_arrow_next.disabled:hover,.nav_arrow_next{background-position:-10px 0;right:0}
.nav_arrow_prev:hover{background-position:0 0}

.nav_arrow_next:hover{background-position:-10px -20px}
.disabled{opacity:.5;cursor:default;pointer-events:none}
.nav-tabs-carousel{max-width:375px;white-space:nowrap}
.nav_tabs_carousel_wrap{position:relative;margin:0 20px;overflow:hidden;height:38px}
.nav-tabs-carousel .nav-tabs{padding:0 7px;position:absolute;top:0;left:0}
.nav-tabs-carousel li{display:inline-block;float:none}
.nav-tabs-carousel li a{padding-left:2px;padding-right:2px}
.nav-tabs-carousel .active a{padding-left:8px;padding-right:8px}
.buttons{text-align:center}

.buttons li{display:inline-block;list-style:none;margin:10px 22px}
.btn-social{display:block;text-align:center}
.iconSet{display:block;width:67px;height:68px;background:url("http://cdn.jointherealm.com/cache/images/buttons.png") no-repeat}
.btn-social span{text-transform:uppercase;font-size:13px;display:block;margin:7px 0}
.buttons li>iframe,.buttons li>div,.buttons li>iframe,.buttons li>a,.buttons li>span{display:block}
.facebook_btn{background-position:-1px 0}
.twitter_btn{background-position:-73px 0}
.google_btn{background-position:-145px 0}

.pinterest_btn{background-position:-1px -68px}
.flickr_btn{background-position:-73px -68px}
.tumblr_btn{background-position:-145px -68px}
.facebook_btn:hover{background-position:-1px -136px}
.twitter_btn:hover{background-position:-73px -136px}
.google_btn:hover{background-position:-145px -136px}
.pinterest_btn:hover{background-position:-1px -204px}
.flickr_btn:hover{background-position:-73px -204px}
.tumblr_btn:hover{background-position:-145px -204px}
.label{display:inline-block;line-height:14px;text-transform:uppercase;margin-right:15px;letter-spacing:0}

.label_mod{line-height:28px;max-width:123px}
.navbar a:hover{color:white}
.navbar a:hover .bgNav{background-position:-80px -31px}
.navbar a:hover .textNav{background-position:-40px -31px}
.navbar a:hover .iconsNav{background-position:0 -31px}
a:hover .shareNav{background-position:-120px -31px}
a:hover .downloadNav{background-position:-160px -31px}
a:hover .inviteNav{background-position:-200px -31px}
.iconNav{display:block;margin:0 auto 5px;width:35px;height:26px;background:url("http://cdn.jointherealm.com/cache/images/icons35x26.png")}

.bgNav{background-position:-80px 0}
.active .bgNav{background-position:-80px -31px}
.textNav{background-position:-40px 0}
.active .textNav{background-position:-40px -31px}
.iconsNav{background-position:0 0}
.active .iconsNav{background-position:0 -31px}
.shareNav{background-position:-120px 0}
.active .shareNav{background-position:-120px -31px}
.downloadNav{background-position:-160px 0}
.active .downloadNav{background-position:-160px -31px}
.inviteNav{position:relative;left:5px;background-position:-200px 0}

.active .inviteNav{background-position:-200px -31px}
.button_controls{position:absolute;bottom:10px;left:60px}
.button_controls table{width:375px}
.button_controls .btn{margin-right:35px;display:inline-block;min-width:150px}
.hide{display:none}
.fade{opacity:0}
.fade.in{opacity:1}
.fb_message{width:82%;padding:0 0 0 4%;box-sizing:border-box;float:left;display:block}
.product{width:14%;padding:0;height:20px;display:block;float:right;overflow:hidden}
.local_fb,.global_fb{width:100%}
.listIcon{width:18px;height:12px;top:5px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI0MzNGQkMzNkM3RDExRTI4NzRCRUVCMjY3NzU0OUY3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI0MzNGQkM0NkM3RDExRTI4NzRCRUVCMjY3NzU0OUY3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjQzM0ZCQzE2QzdEMTFFMjg3NEJFRUIyNjc3NTQ5RjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjQzM0ZCQzI2QzdEMTFFMjg3NEJFRUIyNjc3NTQ5RjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz53UF1OAAAAl0lEQVR42mJUllc4z8DAsBCIN9x9+OABAxbw//9/BkKAEWgQsqoL2AwlxyAGbIbeeXD/ASUGMRByKbpBoDAyYCAeYDUUZNB+IO3AQB7YAMQbQTQLkDgINNmRFN1Ay0E+iIf6RB+ID7BAnUqqZrD3gA4ohMmzQCU2ENDsgE0zMmAhQvNGXJoxDCJXM7pBIAPkydGMDAACDAD6Yk36MB1UkgAAAABJRU5ErkJggg==')}

.modal-show{display:block!important}
#share span{text-transform:uppercase}
.modal-header .close,.modal-header .close:hover{margin-top:2px;color:#000}
.modalDialog h3{position:absolute;text-align:center;font-size:21px;top:123px;width:100%}
.modalDialog span{color:#000;font-size:15px;line-height:1.3em;margin-bottom:0}
.modalDialog{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:-1;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in}

.modalDialog .btn{width:148px;font:14px "MinionProRegular",Arial,"Helvetica","Nimbus Sans L",sans-serif;display:block;margin:0 auto}
.modalDialog:target,.modalDialog.active{display:block;z-index:99}
.modalDialog>div{position:relative;width:663px;min-height:190px;margin:10% auto;padding:40px 0;color:#000;background:#c2c2c2 url("http://cdn.jointherealm.com/cache/images/modal_bg.jpg") 50% 50%}
#facebook_share.modalDialog>div{position:relative;width:663px;height:450px;margin:10% auto;padding:40px 0;color:#000;background:#c2c2c2}

img#facebook_share_photo{max-width:310px}
a.close{position:absolute;top:15px;right:24px;text-transform:uppercase;font-family:'TrajanProBold',Arial,sans-serif;vertical-align:top;font-size:26px;line-height:21px;font-weight:bold;display:block;color:#000;text-decoration:none;pointer:cursor}
span.label_close{color:black;text-transform:uppercase;font-size:13px;font-family:'TrajanProBold',Arial,sans-serif;vertical-align:top;line-height:28px}
#facebook_share_comment{height:350px;width:300px;padding:10px 0 0 0}

#facebook_share_userinfo{height:60px;padding:10px 0 0 0;vertical-align:middle}
#facebook_user_photo{padding:0 10px 0 0;width:50px;height:50px}
a#facebook_user_name{color:#3b5998;cursor:pointer;text-decoration:none;font-size:18px;padding:0 0 0 10px}
#facebook_share_textarea{width:100%;height:150px;resize:none;outline:0;overflow:auto}
.left_modal_facebook,.right_modal_facebook{padding:0 0 0 20px;text-align:left;position:relative;float:left;height:490px}
.left_modal,.right_modal{float:left;padding:40px 20px;text-align:center;width:280px}

.right_modal{float:right}
.left_modal .btn,.right_modal .btn{display:block;width:170px;margin:0 auto 20px;padding:16px 11px;font-size:18px}
.left_modal:after{content:'';display:block;position:absolute;z-index:1;left:50%;top:50%;background:url("http://cdn.jointherealm.com/cache/images/modal_separator.png") no-repeat;width:35px;height:219px;margin:-110px 0 0 -20px}
.extras_popup_info{text-align:left;font-size:17px;padding:0;margin-top:40px;box-sizing:border-box;padding:0 30px}
.extras_popup_info>div{padding:0;position:relative;margin:34px 0;list-style:none}

#openModalTwo .extras_popup_info{margin-top:20px}
#openModalTwo .extras_popup_info>div{margin:14px 0}
#seven_hells{min-height:170px}
#seven_hells>div{position:relative;width:663px;min-height:120px;margin:10% auto;padding:40px 0;color:#000;background:#c2c2c2 url("http://cdn.jointherealm.com/cache/images/modal_bg.jpg") 50% 50%}
#sevenhells_close{color:black;text-transform:uppercase;font-size:13px;font-family:'TrajanProBold',Arial,sans-serif;vertical-align:top;line-height:28px}
#seven_hells .left_modal span{color:#000;padding:0 10px;font-size:24px}

#seven_hells .left_modal:after{background:0}
.modal-footer .btn{width:auto;min-width:194px;color:#d9d9d9;font-size:14px;float:right;border:0 none;margin:20px 20px 0 0;border:1px solid #bbb;border-top:0;font-family:'MinionProRegular',Arial,sans-serif}
.modal-footer .btn:hover{color:#222}
Window size: x 
Viewport size: x