/****** GLOBAL CSS- START ******/
body{color:#444;}
.site-content{margin-top: -2px;}
.entry-content{padding: 1rem 0;}
.entry-content p a { color: #00a1c1!important; }
.entry-content h3 {text-align: center; text-transform: uppercase; margin-top: 1.5rem;  border-bottom: 3px ridge #4b728e;}
.entry-content h3 strong{display: inline-block; padding: 0.5rem 1.5rem; background: #20303c; background: linear-gradient(#688ba5, #20303c)!important; border: 2px ridge #4b728e; border-bottom:0; color:#fff; font-weight:600;}
.entry-content ul li{margin: 2px 0;}

#page{background:#FFF; background: #FFF url(img/bg_content_200.png) 0 -20px repeat; background-attachment: fixed;}
#content{ padding: 0.5rem 1rem; font-size: 0.95rem; text-shadow: 0 0 1px #666;}

h1, h2, h3, h4, h5, h6 {font-family: "Open Sans", Helvetica, Arial, sans-serif!important;}

.BlueColor{color:#1d3670;} .GreenColor{color:#39ab4d;}
.InfoData{font-size:0.95rem; text-align:justify; }
.leftData{text-align: left; } .rightData{text-align: right;} .centerData{text-align: center;}

#content .page-header{background: #666 url(img/bg_menu_active3.jpg) 0 5px repeat; padding: 20px 0px; border-bottom:4px ridge #999!important; }
#content .page-header h1{text-shadow: 0 0 6px #000; color: #fff; text-align: center; text-transform: capitalize; font-size: 1.75rem;cursor: default;}

.section-padding { padding: 2.5rem 0px!important; overflow: hidden; }
.section-title-area .section-title{font-size: 2rem!important;}

.SectionTitle{text-align: center; font-size: 2rem; color: #000; margin-bottom: 20px; font-weight: 600; background: url(img/bg_menu.jpg) -35px -30px repeat!important; box-shadow:0 0 6px #000;}
.ParallaxTitle{text-align: center; font-size: 2rem; color: #FFF; margin-bottom: 20px; font-weight: 600; }
.ProductTitle{text-align: center; font-size: 1.2rem; line-height: 1.5rem; color: #000; padding: 0.5rem 2rem; margin-bottom: 1.2rem; font-weight: 600; background: url(img/bg_menu.jpg) 20px -30px repeat!important; box-shadow:0 0 6px #000;}

.entry-content .ResponsiveBanner{margin: 1.5rem 0;}
.ResponsiveBanner{background:#00232e; background: #00232e url(img/bg-ads_white.png) 0 0 repeat; overflow: hidden;padding: 0.5rem 0.4rem; min-height: 50px;}
.ResponsiveBanner.HorizontalAds{min-height: 65px;}
.ResponsiveBanner.VerticalAds{min-height: 250px;}
.SearchBox{text-align: center; background: #DDD;}

.Block{margin-bottom: 2rem;}
.Block .block_title{border-bottom: 3px solid #000000; margin-bottom: 10px; cursor: default; text-align: center;}
.Block .block_title span{ display:inline-block; font-weight:600; padding:2px 20px; background: #005977; background: linear-gradient(#006688,#000000)!important;  color:#FFF; text-transform: uppercase; text-shadow: 0 0 3px #000; font-size: 0.8rem; line-height: 1.5rem;}

.Block .block_title.Style1{border-bottom: 3px solid #000; }
.Block .block_title.Style1 span{ background: #005977; background: linear-gradient(#333, #000)!important; }
.Block .block_title.Style2{border-bottom: 3px solid #001e3a; }
.Block .block_title.Style2 span{ background: #001e3a; background: linear-gradient(#01539f,#001e3a)!important; }
.Block .block_title.Style3{border-bottom: 3px solid #24530F; }
.Block .block_title.Style3 span{ background: #24530F; background: linear-gradient(#6fb100,#24530F)!important; }
.Block .block_title.Style4{border-bottom: 3px solid #29323a; }
.Block .block_title.Style4 span{ background: #29323a; background: linear-gradient(#8495a5,#29323a)!important; }

.Block .block_title.Style5{border-bottom: 3px solid #EBB831; }
.Block .block_title.Style5 span { background: #ebb933; background: linear-gradient(#F6E2AA,#EBB831)!important; color:#000; text-shadow: 0 0 0; }

.ContentBlock{margin-bottom: 25px;}
.ContentTitle{font-size: 1.5rem; background: #005977; background: linear-gradient(#0094c5,#005977)!important; color: #FFF; padding: 0 1rem;}
.ContentSubtitle{color: #21759b; font-size:1.3rem;font-weight: 600; border-bottom: 2px ridge #21759b; border-left: 2px ridge #21759b; padding-left: 5px;}
.ContentViews{background: #001e3a; color:#DDD; padding: 0.1rem 1rem; font-size:0.75rem;}
.ContentViews a{color:#98e5ff!important;}

.rowblock .ContentSubtitle{ color:#fff; background: #29323a; background: linear-gradient(#8495a5,#29323a)!important; border:0; padding: 5px 10px; text-align: center; font-size: 1rem; border: 2px ridge #405d79; text-shadow: 0 0 3px #000; margin: 0;}

.BtnDcuo{background: #24530F; background: linear-gradient(#94D12C,#24530F)!important; border: 1px solid #488534; border-radius:10px 5px; padding: 8px 25px; text-shadow: 0 0 2px #000; font-weight: 600; cursor: pointer; display: inline-block; line-height: 1rem; color:#FFF!important;}
.ImgDcuo{border:6px ridge #009bce;}

.PostImage{display: block;float:left; margin: 0 15px 15px 0;}

.ZoomBlock{ background: #0e1f2f ; border: 4px ridge #405d79; box-shadow: 2px 2px 5px #666; padding: 0!important; max-height: 450px;  overflow: hidden;}
.ZoomBlock .block_title{ background: #29323a; background: linear-gradient(#8495a5,#29323a)!important;  color:#FFF; margin:0; border-bottom: 4px ridge #405d79; }

.SimpleGallery{text-align: center;}
.SimpleGallery li{display: inline-block!important;}
.SimpleGallery li img{padding: 0!important; margin: 0.3rem!important; width: 8rem!important; height: 8rem!important;border:4px ridge #0093c3;}

.ClearDiv{clear: both; margin-bottom: 1rem;}

/****** AMAZON CSS - END ******/
.AmazonItem{width:120px; height:240px; margin:0 auto; display:block;}

.BtnShop{ max-width: 250px; display: block; margin: 0 auto; padding: 0.5rem 1rem; background: linear-gradient(#F6E2AA,#EBB831); text-align: center; color: #000; text-transform: uppercase; font-weight: bold;}
.BtnShop:hover{ max-width: 250px; background: linear-gradient(#EBB831, #F6E2AA); color: #000; }

/*** MENU CSS - START ***/
.site-header{ background: #e2f8ff!important; background: #e2f8ff url(img/bg_content_200.png) 0 -20px repeat!important;box-shadow: 0 0 10px #444; padding: 0 0.9rem;}

.DcuoMenu {line-height: 60px;}
.DcuoMenu .site-branding img{height: 50px;}
.DcuoMenu .onepress-menu a{padding: 0 0.56rem!important; text-transform: capitalize;text-shadow: 0 0 1px #888;}
.DcuoMenu .onepress-menu a:hover, .DcuoMenu .onepress-menu a:focus{color: #000; text-decoration: underline;}

.DcuoMenu .onepress-menu ul li a { padding: 0.3rem 0.5rem!important; background:#e7f9ff;  background: linear-gradient(#e2f8ff,#e0f3f9); color:#666;}
.DcuoMenu .onepress-menu ul li ul li a{ background:#edfff2; background: linear-gradient(#edfff2,#d4ffe0); }

.DcuoMenu .current-menu-item > a, .DcuoMenu .current-menu-parent > a, .DcuoMenu .current-menu-ancestor > a, .DcuoMenu .current-menu-item > a:hover, .DcuoMenu .current-menu-parent > a:hover, .DcuoMenu .current-menu-ancestor > a:hover{ background: #001e3a ; background: linear-gradient(#01539f,#001e3a)!important; color:#FFF!important; }

.site-header.header-fixed {box-shadow: 0 0 10px #444;}

.menu-item form{margin-left: 5px;}
.menu-item input[type="search"] {width:120px; font-size:13px; text-align:center; padding: 5px 0 8px 0; border: 1px solid #aaa!important;}
.menu-item button[type="submit"] { cursor: pointer; background: #0099cc; border: none; display: inline-block; color: #FFFFFF; line-height: 1; text-align: center; padding: 11px 9px; border-radius: 5px;margin: 0; font-weight: 600; font-size: 13px; }

/*** MENU CSS - END ***/

/* WP PAGE NAVIGATOR */
.wp-pagenavi{text-align: center; margin: 20px 0;}
.wp-pagenavi .pages{margin: 0 5px 5px 0; display: inline-block;}
.wp-pagenavi a, .wp-pagenavi span { background: #29323a; background: linear-gradient(#8495a5,#29323a)!important;
 border: 1px solid #4e656d; color:#FFF; text-shadow: 0 0 5px #000; padding: 0.2rem 0.5rem; margin: 0; line-height: 1.2rem; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #24530F; background: linear-gradient(#94D12C,#24530F)!important;  border: 1px solid #488534;}

/**** POPULAR POST - START ****/
.PopularItem{ display: inline-block!important; width: 100%; position: relative; margin-bottom: 5px; padding: 0 0 3px 3px; background: rgba(229, 253, 255, 0.30); border:1px solid #BBB; border-left: 6px ridge #009bce;}
.PopularItem .PopularData{font-size: 0.8rem; display: inline-block;}
.PopularItem .PopularData a { color: #00a1c1; }
.PopularItem .PopularData img{float: none; display: inline-block; margin: 0; box-shadow: 0 0 3px #1e3a43;}
.PopularItem .PopularCount{ background: #000; background: linear-gradient(#006688,#000000)!important;font-size: 0.65rem; color:#DDD; font-weight: bold; position: absolute; top: 5px; right: 5px; padding: 1px 5px;}
/**** POPULAR POST - END ****/

/**** POST CSS - START ****/
.PostSquared{ padding: 0.3rem; }
.PostSquared .Category{position:absolute; top: 0; left: 0;}
.PostSquared a{width: 100%!important; position: relative;display: block; overflow: hidden; box-shadow: 3px 3px 3px #666; border: 2px ridge #002242; }
.PostSquared img{width: 100%!important;transform: scale(1.01);}
.PostSquared:hover img{transform: scale(1.06);}
.PostSquared .Title, .PostSquared .InfoTitle .MainData{position:absolute; bottom:0; width:100%; padding: 0.25rem 0.5rem; font-size: 0.8rem; color:#DDD; background:rgba(0, 34, 66, .7); text-shadow: 0 0 3px #000; line-height: 1rem; font-weight: 600; border-top: 2px ridge #002242;}
.PostSquared .Views, .PostSquared .InfoTitle .ExtraData{position:absolute; top:0; right:0; padding: 0.2rem 0.5rem; font-size: 0.7rem; line-height: 0.9rem; color:#DDD; background:rgba(0, 34, 66, .8); text-shadow: 0 0 3px #000; font-weight: 600; }
.PostSquared:hover .Title{color:#fff; font-weight: bold; }
.PostSquared .Views{border-width:0 0 2px 2px; border-style: ridge; border-color:#002242;}

.PostSquared .InfoTitle{position:absolute; bottom:0; width:100%; }
.PostSquared .InfoTitle .MainData{position:relative!important;}
.PostSquared .InfoTitle .ExtraData{display: inline-block; position:relative!important; margin-bottom: 0.3rem; border: 2px ridge #002242; border-left: 0;}

.StickyBlock .PostSquared a{ border: 2px ridge #298400!important;}
.StickyBlock .PostSquared .Title, .StickyBlock .PostSquared .Views{background:rgba(44, 70, 0, 0.7)!important; border-color:#298400;}

.PageBlock .PostSquared a{ border: 4px ridge #007196; box-shadow: 2px 2px 5px #666;}
.PageBlock .PostSquared .Title, .PageBlock .PostSquared .Views{background:rgba(0, 66, 88, 0.7); border-color:#007196;}
.PageBlock .PostSquared .Title{border-width:4px;}

.VideoBlock{ padding: 0.5rem 2rem; background: #6d0000; background: #6d0000 url(img/bg-video_white.png) 0 0 repeat;  border: 6px ridge #ad0000; min-height: 200px; box-shadow: 0 0 5px #000; max-height: 400px; overflow: hidden; margin-top: 1rem; margin-bottom: 2rem;}

.VideoBlock iframe{ border: 4px ridge #ff8d00; }
.VideoBlock .VideoName{ text-align: center; background: rgba(222, 0, 0, 0.58); border: 4px ridge #ff8d00; border-top:0; color: #fff; }
/*** FOOTER CSS - START ***/
.site-footer { background: #001e3a ;background: #001e3a url(img/bg_footer.png) 0 -10px repeat!important; box-shadow: 0 0 10px #444;}
.site-footer .site-info {padding: 20px 1rem 10px 1rem; background: transparent!important; color:#FFF; font-weight: 600;}
.site-footer .site-info b, .site-footer .site-info a, .site-footer .site-info a:focus{color: #98e5ff;}

/*** COMMENTS CSS - START ***/
#comments .comments-title { padding: 0.5rem; margin-bottom: 20px; font-size: 1.2rem; line-height: 1.5rem;  letter-spacing: inherit;  text-transform: capitalize; color: #29323a;}
#comments .comment { margin: 1rem 0!important; }
#comments .comment .children { padding-left: 3rem!important;}

.CommentHeader{background: #01171f; background: linear-gradient(#115f7d,#01171f)!important; padding: 0.5rem; font-size: 0.8rem; color:#FFF;}
.CommentHeader img{width:3rem!important;height: 3rem!important; border: 4px ridge #5b8da0; margin-right: 0.5rem;}
.CommentHeader cite{font-size:0.9rem!important;}
.CommentHeader a{color:#fff;}

.CommentBody{ background: rgba(146, 240, 255, 0.32); padding: 0.5rem; border: 1px solid #ccc;}
.CommentBody .entry-content{padding: 0;}

.comment-form{ background: rgba(0, 111, 128, 0.3); padding: 1rem 0; border: 1px solid #ccc; color: #115e97; font-weight: 600; }
.comment-form .cptch_block{padding: 1rem 1rem 0 1rem; }
.comment-form .form-submit{text-align: center;}
.comment-form textarea, .comment-form input[type="text"]{width:100%;}

.comment-awaiting-moderation{ text-align: center; background: #ffe3b0; border: 1px solid #ff9041;}

/*** TABLE CSS - START ***/
table{ font-size: 0.8rem;}
table a{color: #0087a2; color: #006a80;}
table th{font-size: 0.9rem;}
table.tablesorter th{font-size: 0.9rem; cursor: pointer;}

table thead tr, table tbody th{background: #51656d; color:#fff;}
table tbody tr{background:rgba(200, 200, 200, 0.2);}
table tbody tr.odd{background:rgba(200, 200, 200, 0.5)!important;}
table > thead > tr > th, table > tbody > tr > td { border: 1px solid #999!important; }

table.Investigation thead tr{background:#00750e;}
table.Investigation tbody tr{background: rgba(0, 255, 31, 0.12);}
table.Investigation tbody tr.odd{background:rgba(0, 255, 31, 0.18)!important;}
table.Investigation > thead > tr > th, table.Investigation > tbody > tr > td { border: 1px solid #a9d4a8!important; }

table.Briefing thead tr{background:#00658e; }
table.Briefing tbody tr{background: rgba(0, 196, 255, 0.2);}
table.Briefing tbody tr.odd{background:rgba(0, 196, 255, 0.27)!important;}
table.Briefing > thead > tr > th, table.Briefing > tbody > tr > td { border: 1px solid #7ac4e0!important; }

table.Collections thead tr{background:#d27400;}
table.Collections tbody tr{background: rgba(255, 200, 0, 0.2);}
table.Collections tbody tr.odd{background:rgba(255, 200, 0, 0.27)!important;}
table.Collections > thead > tr > th, table.Collections > tbody > tr > td { border: 1px solid #ffa500!important; }

/*** ZONE CSS - START ***/
.ZoneContainer .rowblock{margin-bottom: 20px;}

.ZoneList{padding: 0.5rem; border: 2px ridge #405d79; border-top:0; background: rgba(207, 251, 255, 0.3);}

.Faction-both, .Faction-both .Views, .Faction-both .MainData, .Faction-both .ExtraData {border-color: #405d79!important;} 
.Faction-both .MainData, .Faction-both .ExtraData, .Faction-both .Views{background:rgba(42, 54, 64, 0.7)!important; border-color: #405d79!important;}

.Faction-heroes, .Faction-heroes .Views, .Faction-heroes .MainData, .Faction-heroes .ExtraData {border-color: #0067b1!important;} 
.Faction-heroes .MainData, .Faction-heroes .ExtraData, .Faction-heroes .Views{background:rgba(0, 101, 173, 0.7)!important; border-color: #0067b1!important;}

.Faction-villains, .Faction-villains .Views, .Faction-villains .MainData, .Faction-villains .ExtraData {border-color: #920000!important;} 
.Faction-villains .MainData, .Faction-villains .ExtraData, .Faction-villains .Views{background:rgba(100, 0, 0, 0.7)!important; border-color: #920000!important;}

/*** HOME CSS - START ***/
.DcuoBanner{ background: #001e3a; background: linear-gradient(#001e3a, #01539f,#001e3a)!important; background-image: url('img/bg_banner.png'), linear-gradient(#001e3a, #01539f,#001e3a)!important; color: #FFF; margin-bottom: 25px;max-height: 520px; overflow: hidden; border:6px ridge #007196;}
.DcuoBanner .Title{text-align: center; font-weight: 600; margin-bottom: 5px; text-shadow: 0 0 2px #009bce; font-size: 1rem;}
.SliderBlock{margin-bottom: 0.8rem; font-size: 0.85rem; text-align: center;}

/* DCUO CR CALCULATOR - START*/
.AjaxCensusFinderBox .Message{margin-bottom: 5px;color:#007DB3;}
.AjaxCensusFinderBox .Note{margin-top: 5px;font-size: 11px;color: #F00;}
.AjaxCensusFinderBox #CensusFinder{position:inherit;width:300px;}
.AjaxCensusFinderBox img{margin-top: -22px;width: 50px;display: inline-block;vertical-align: middle;margin-left: 10px}

.CrTable{background: #ddd; background: rgba(122, 180, 197, 0.15)!important; text-shadow: 0 0 1px #333;}
.CrTable td, .CrTable th {text-align: center;}
.CrTable img{width:30px; display: inline-block; margin-right: 5px;}
.CrTable #CrTotal{font-size: 20px;}
.CrTable .InputLevel{width:80%; border: 1px solid #aaa!important; text-align: center; box-shadow: inset 0 0 10px #ccc;}

.ui-autocomplete-loading{background: white url('images/ajax-loader_2.gif') right center no-repeat; }

ul.ui-autocomplete{width: 630px;background:#CEDADF;border:1px solid #CCC;padding:10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
ul.ui-autocomplete li.ui-menu-item{width: 116px; float:left; padding:0;margin:0 5px; border:0!important; background:transparent!important;}
ul.ui-autocomplete li.ui-menu-item:hover{background:transparent!important;}
ul.ui-autocomplete li.ui-menu-item:hover .AjaxCensusItem{ background: #007093 url('images/background_plain.png') repeat 0 0;text-decoration:underline; color:#FFF; }

.AjaxCensusItem{position:relative;display:block; background: #00485E url('images/background_plain.png') repeat 0 0;font-weight:normal!important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
.AjaxCensusItem .CharImage{width: 116px;padding:0;margin:0;}
.AjaxCensusItem .CharName{margin: 5px 5px;height: 35px; line-height: 17px; text-align:center;word-wrap: break-word; color:#FFF;font-size:12px;text-decoration:none;}
.AjaxCensusItem .CharWorld{position:absolute; top: 150px; left: 6px; width: 30px; border-radius: 3px;box-shadow: 0px 0px 6px #FFF;}

.ZoneCont{ padding: 0.5rem; border: 4px ridge #405d79; background: rgba(36, 91, 107, 0.4); }
.ZonesBtn{text-align: center; margin-bottom: 5px;}
.ZoneItemBtn, .FactionItemBtn{cursor: pointer; border-radius:5px; padding: 5px 10px; border: 1px solid #CCC; background: #005977; background: linear-gradient(#006688,#000000)!important; font-size: 0.9rem; color: #FFF; display:inline-block; margin:1px;font-weight:bold;}
.ZoneBtnActive{ background: #fca203; background: linear-gradient(#fbff00,#fca203)!important; color:#000;}

.FactionItemBtn{opacity: 0.85; filter: alpha(opacity=85);}
.FactionItemBtn img{ height: 30px; margin-right: 5px;}
.FactionItemBtn.Heroes { background:#0065ad; background: linear-gradient(#0065ad,#004a80)!important;}
.FactionItemBtn.Villains { background:#dc3838; background: linear-gradient(#dc3838,#920000)!important;}
.FactionBtnActive { box-shadow: inset 0 0 20px #000; color:#FFF; opacity: 1; filter: alpha(opacity=100); }

.ZoneContMessage{color:#004F4F;  margin: 50px auto; text-align: center; font-size: 17px; }

.MissionItem{width:198px!important; height:48px!important;}
.MissionItem .ZoneName{width:190px!important; height:15px!important; overflow-y: hidden; line-height: 13px!important;}
.MissionItem .ZoneType{top:25px!important; right:0!important;}

/*** DCUO CENSUS CSS - START ***/
.SectionMessage { font-size:0.8rem; padding: 0.5rem; border: 2px ridge #405d79; border-top:0; background: rgba(36, 91, 107, 0.15); }

/*** CONTACTOS CSS - START ***/
.wpcf7-form{padding: 20px 20px 5px 20px; border:4px ridge #ddd; }
.wpcf7-form label, .wpcf7-form-control{width: 100%; color: #fff;}
.wpcf7-form .wpcf7-textarea{height: 100px; color:#000;}
.wpcf7-form input[type="submit"]{background: transparent!important; border:4px ridge #ddd; }
.wpcf7-form input[type="submit"]:hover{background: #222!important;  }
.wpcf7-form span.wpcf7-not-valid-tip {color: #ff7474; font-weight: bold;}
.wpcf7-form div.wpcf7-validation-errors { border: 2px solid #f79400; }

#map_canvas{height: 420px!important; border:4px ridge #ddd; text-shadow: 0 0 0 transparent!important; }

.ContactBlock{margin-bottom: 1.5rem; font-size: 1rem; text-align: center;}

/*** ABILITIES CSS - START ***/
.AbilitiesBlock{ background: #001e3a; background: linear-gradient(#001e3a, #01539f,#001e3a)!important; background-image: url(img/bg_banner.png), linear-gradient(#001e3a, #01539f,#001e3a)!important; color: #FFF; margin-bottom: 25px;  max-height: 480px; overflow: hidden; border: 6px ridge #007196;}

.AbilitiesTitle{padding: 0.5rem 1rem 0 1rem; font-size: 1.5rem;}
.AbilitiesTitle img{height: 3rem;}

.AbilitiesContainer{margin:0; padding: 1rem;}
.AbilitiesContainer > .AbilitiesDescription, .AbilitiesContainer > .AbilitiesIcons{ border: 1px solid #b0d4f2; height: 345px; border: 4px ridge #b0d4f2; }
.InfoPower .TalentName{width: inherit!important; background: #B0D4F2; color: #28557C; padding: 0.3rem 0.5rem; font-weight: 600;  border-bottom: 4px ridge #b0d4f2; }
.InfoPower .TalentData{ font-size: 0.7rem; background:#1d405d; border-bottom: 2px ridge #b0d4f2; padding: 0rem 0.5rem;}
.InfoPower .TalentData div{ display: inline-block;  padding: 0.15rem 0.2rem 0.15rem 0; }
.InfoPower .TalentData b{ color: #c4e4ff; font-weight: 600;}

.InfoPower .TalentInfo{ padding: 0.5rem 1rem 0.5rem 0.5rem; font-size: 0.8rem;}
.TalentInfo .red{ color: #ff4545; text-shadow: 0 0 1px #f00;}
.TalentInfo .green{color:#54ff00;}
.TalentInfo .yellow{color:#fff900;}
.TalentInfo .skyblue{color:#9af0ff;}
.TalentInfo .orange{color:#ff8300;}

.AbilitiesContainer > .AbilitiesDescription{ background: #001423 url(img/bg_banner.png) 0 0 repeat; line-height: 1.3rem; }

.AbilitiesContainer > .AbilitiesIcons{ text-align: right; border-left: 0; }
.AbilitiesContainer  .AbilitiesIcons.scroll-wrapper { padding: 0 0.8rem 0 0!important;}
.AbilitiesIcons .LevelBlock {border-bottom: 0.2rem solid #4e7ca7; margin: 0.5rem;}
.AbilitiesIcons .LevelName { line-height: 1.2rem; text-align: left; font-size:1.2rem; margin-bottom: -25px; padding: 10px 0 0 10px;}
.AbilitiesIcons .LevelItem { font-size:0.77rem; padding: 0.5rem; cursor:pointer;}
.AbilitiesIcons .LevelItem img { width: 2.3rem; height: 2.3rem;  margin-left: 0.2rem; border: 0.2rem solid #c9e0f0; border-radius: 100px; box-shadow: 0 0 10px #000;}
.AbilitiesIcons .Supercharge img{border-color: #ff9100;}

.AbilitiesIcons .LevelItem.Selected { background: rgba(0, 0, 0, 0.3); border-radius: 1rem 0;}

.scrollbar-dynamic > .scroll-element .scroll-element_outer{opacity: 1!important;}
.scrollbar-dynamic > .scroll-element .scroll-element_track{background: #3c6d96!important;}
.scrollbar-dynamic > .scroll-element .scroll-bar { background: #C9E0F0!important; }

/*** WEAPONS COMBOS CSS - START ***/
.WeaponBlock{padding: 0 0.3rem!important;  margin-bottom: 0.6rem; }

.WeaponAbility{ background: #001e3a; background: linear-gradient(#001e3a, #01539f,#001e3a)!important; background-image: url(img/bg_banner.png), linear-gradient(#001e3a, #01539f,#001e3a)!important; color: #FFF;border: 4px ridge #007196; display: inline-block; width: 100%}

.WeaponAbility .TalentName{width: inherit!important; background: #B0D4F2; color: #28557C; padding: 0.3rem 0.5rem; font-weight: 600;  border-bottom: 4px ridge #007196!important; }
.WeaponAbility .TalentName img{height: 2rem!important;}
.WeaponAbility > .AbilitiesDescription{ background: #001423 url(img/bg_banner.png) 0 0 repeat; line-height: 1.05rem; height: 120px; overflow: hidden; padding:0;}
.WeaponAbility > .AbilityCombos{border-top: 4px ridge #007196; height: 95px; overflow: hidden; }

.WeaponAbility .InfoPower .TalentName{ font-size: 0.8rem; padding: 0.1rem 0.5rem;}
.WeaponAbility .InfoPower .TalentInfo{ font-size: 0.7rem;}

.AbilityCombos .ComboBlock{text-align: center; margin: 0.5rem 1rem 0.5rem 0.5rem; border: 1px solid #51606b; background: rgba(0, 0, 0, 0.3); border-radius: 0.5rem; position: relative;}

.ComboItem{display: inline-block; text-align: center; line-height: 0.8rem;}
.ComboItem img{width: 1.5rem;}
.ComboItem span{font-size: 0.65rem;}

.AbilityCombos .ComboBlock .Count{ position: absolute; top: -0.2rem; left: -0.2rem;  border: 2px solid #fff; padding: 0.2rem; font-size: 0.7rem; border-radius: 5px; background: #000; font-weight: 600;}

.IconicItem .WeaponAbility > .AbilitiesDescription {height: 225px!important;}
.IconicItem .TalentName {text-align: center; font-size: 0.74rem!important; background: #005977; background: linear-gradient(#006688,#000000)!important; color:#fff; line-height: 0.9rem;}
.IconicItem .TalentData {border-bottom: 2px ridge #007196!important; text-align: center;}
.IconicItem .TalentName img {margin: 0 auto!important; display: block; height: 2.5rem!important;}

/*** LOADOUT CSS - START ***/
.LoadoutContainer{ background: #001e3a; background: linear-gradient(#001e3a, #01539f,#001e3a)!important; background-image: url(img/bg_banner.png), linear-gradient(#001e3a, #01539f,#001e3a)!important; margin-top:1rem; margin-bottom: 1rem; padding:0.5rem; border: 6px ridge #007196;}

.LoadoutContainer.Switch{ background: #003830; background: linear-gradient(#003830, #3f8477,#003830)!important; background-image: url(img/bg_banner.png), linear-gradient(#003830, #3f8477,#003830)!important; border: 6px ridge #009a7d!important;}

.Slot{padding: 2px; text-align: center; }
.Slot p{margin: 0!important;}
.Slot img { border: 0.2rem solid #c9e0f0; border-radius: 100px; height: 2.9rem!important; cursor: pointer; box-shadow: 0 0 10px #000;}
.Slot .SlotNumber{ background: #2c3a44; background: linear-gradient(#72a3c5,#2c3a44)!important; color:#fff; border:2px solid #c9e0f0; width: 50%; line-height:1.1rem; font-size: 0.7rem; border-radius: 5px; display: inline-block; clear: both; text-shadow: 0 0 2px #000; font-weight: bold; cursor:default; box-shadow: 0 0 5px #000;}
.Slot .Supercharge{border-color: #ff9100!important; background: #8e4800; background: linear-gradient(#8e4800,#ff7600)!important;}

.LoadoutName{ color: #fff; background: #003344; background: linear-gradient(#006688,#003344)!important; border: 3px ridge #007196; text-align: center; margin-bottom: 0.5rem; font-size: .8rem; font-weight: 600; text-shadow: 0 0 2px #000;}
.Switch .LoadoutName{ background: #002d25; background: linear-gradient(#00866c,#002d25)!important;    border: 3px ridge #009a7d;}

.ModalLoadout{top:3.5rem;}
.ModalLoadout .modal-dialog{ border: 4px ridge #007196;}

.ModalLoadout .modal-header{ padding: 0.5rem; background: #005977; background: linear-gradient(#006688,#000000)!important; color: #fff; font-size: 1.2rem;  border-bottom: 4px ridge #007196;}
.ModalLoadout .modal-header img{ height: 2.8rem; border-radius: 3rem; border: 0.2rem solid #c9e0f0;}
.ModalLoadout .modal-header img.Supercharge{ border-color: #ff9100!important; }
.ModalLoadout .modal-header button{background: transparent; color: #fff;  border: 0; line-height: 40px; font-size: 1.2rem;}

.ModalLoadout .modal-content{border:0;} 
.modal-content > .modal-body{ background: #001423 url(img/bg_banner.png) 0 0 repeat; color:#fff; max-height: 400px; overflow: hidden;}
.ModalLoadout .modal-data{ color:#fff;  background: #1d405d;  border-bottom: 3px ridge #007196; padding: 0rem 0.5rem;}
.ModalLoadout .modal-data b{ color: #c4e4ff;}
.ModalInfo{ padding: 1rem 1.5rem 1rem 1rem;}
.modal-backdrop.in { opacity: .9; }

/*** SLICK CSS - START ***/
.slick-initialized .slick-slide {padding: 10px; }

.slick-dots li, .slick-dots li button{width: 15px!important; height: 15px!important;}
.slick-dots .slick-active button:before {filter: alpha(opacity=100)!important; opacity: 1!important; color: #36c5ff!important; }
.slick-dots li button:before {filter: alpha(opacity=50)!important; opacity: 0.5!important; font-size: 13px!important; color: #fff!important; }

.carousel{position:relative;}
.carousel .carousel-inner{max-height: 170px;}
.carousel .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left;  -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block!important; }

.slick-prev, .slick-next {width:2rem!important; height: 2rem!important;}
.slick-prev:before, .slick-next:before { font-size: 2rem!important;}

/*** SLICK CSS - END ***/

@media screen and (max-width: 1140px){
	.SearchMenu{background: #486c77!important; background: #486c77 url(img/bg_content_200.png) 0 -20px repeat!important; padding:10px;}
	.SearchMenu input[type="search"] {width: 200px;}

	.DcuoMenu .onepress-menu a, .DcuoMenu .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {padding: 0.3rem 1rem!important;}
	.DcuoMenu .onepress-menu.onepress-menu-mobile ul li a:hover, .DcuoMenu .onepress-menu.onepress-menu-mobile a:hover {background: #ddd;}

	.onepress-menu.onepress-menu-mobile {top:60px;}

	.leftData, .rightData{text-align: center;}
	
	.onepress-menu li.onepress-current-item>a{color: #fff!important;}
	.onepress-menu.onepress-menu-mobile li { text-align: center;}
}

@media screen and (max-width: 700px){

	#page{ background-attachment: scroll!important;}
	#content .page-header h1{text-align: center;}
}


@media screen and (max-width: 550px){

	.PostImage{float:none; margin: 0 0 15px 0; text-align: center;}

	.AbilitiesIcons .LevelName { text-align: center; margin-bottom: 0.5rem;  line-height: 0.8rem; font-size: 1rem; padding: 0;}
	.AbilitiesIcons .LevelItem { text-align: center; margin-bottom: 0.5rem;}
	.AbilitiesIcons .LevelItem span { display: none;}
	.AbilitiesContainer { padding: 0.5rem; }

	.IconicItem .WeaponAbility > .AbilitiesDescription {height: 200px!important;}

	.entry-content h3 {font-size: 1rem;}
}


@media screen and (max-width: 450px){
	#content .page-header{background: url(img/bg_menu_active3.jpg) 0 -2px repeat; }
	#content .page-header h1{font-size: 1.3rem;}
	.DcuoMenu .site-branding img{margin-left: 0.1rem;}
	.ImgDcuo { border: 4px ridge #009bce; }
	
	.section-title-area .section-title{font-size: 1.3rem!important;}
	.AboutBlock.slick-slide .Title, .ContactBlock .Title{font-size:17px!important;}
	
	.PostSquared{ padding: 0.3rem;}
	.PostSquared .Title{ padding: 0.3rem 0.5rem; font-size: 0.85rem; line-height: 1rem;}

	.PostSquared.col-xs-4 .Title{ padding: 0.2rem 0.5rem; }

	.BtnDcuo{border-radius:5px 2px; padding: 5px 15px; text-shadow: 0 0 2px #000; font-weight: 600; cursor: pointer; display: inline-block;}

	.SimpleGallery li img{ height: 5.3rem!important; width: 5.3rem!important;}

	#comments .comment .children { padding-left:2rem!important;}

	.Slot img{ height: 2.5rem!important;}
}