html,
button,
input,
select,
textarea {
font-family: CronosPro, Arial, Helvetica, sans-serif
}
h2,
h3,
h4,
h5,
.eason {
font-family: EasonPro, "Times New Roman", serif
}
a {
text-decoration: none;
color: #f5d796;
cursor: pointer
}
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
h2 {
font-size: 46px
}
h3 {
font-size: 32px
}
h3 a {
color: #542020
}
h4 {
font-size: 20px
}
h5 {
font-size: 17px
}
strong,
em.strong,
strong em {
font-weight: bold
}
em,
strong.em {
font-style: italic
}
p.small,
.small-type {
font-size: .8em
}
.hide-txt {
text-indent: -1000em;
overflow: hidden;
display: inline-block
}
.legal ol,
.legal ul,
.decimal,
.disc {
margin: 20px 0;
line-height: 1.6
}
.legal li,
.decimal li,
.disc li {
margin-top: 10px;
margin-left: 2em
}
ul.disc>li {
list-style: disc
}
ol.decimal>li {
list-style: decimal
}
ol.alpha>li {
list-style: lower-alpha
}
ol.roman>li {
list-style: lower-roman
}
ol.roman.roman-upper>li {
list-style: upper-roman
}
ol.alpha.bracketedli,
ol.roman.bracketedli {
counter-reset: bracketedli
}
ol.alpha.bracketedli>li:before {
content: "(" counter(bracketedli, lower-alpha) ") "
}
ol.roman.bracketedli>li:before {
content: "(" counter(bracketedli, lower-roman) ") "
}
.bracketedli>li:before {
display: inline-block;
width: 27px;
margin-left: -32px;
padding-right: 5px
}
ol.alpha.bracketedli>li,
ol.roman.bracketedli>li {
list-style-type: none;
counter-increment: bracketedli
}
.circle-bullets li ul,
.circle-bullets li ol {
padding-left: 20px;
margin: 20px 0 0 20px
}
.arrow-bullets>li {
display: block;
margin: 5px 0 0 5px;
padding: 0 0 0 20px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAABV0lEQVR4AWWQA2yeYRSF39kMZ1u/ZgWz7YVTPNvtaje2UbdBbdu2bX966qkXweU5R6AyHWVwdldZuU5TEf+nkDR1douv59dGa9tQlK5FqPLMfwa6g0MephqNZB4zUWT3rVUtydb9M1D49gPJu9aTrVtDjmEP2WbvGWhtXM0gc9CYLpTKvN3NrtZBOSePE7drE6WHD9Li4uxOb9ciDXmWGJlCVafnOznkFRw9SNbu9SQbdlH+6lV/Z0r0DYHE7H6VufS3Li0+uI+UPWvJ27OFdJ2JVj+PrwJVmt0Fi4anb2bsXE+hbttwcyd5F84hDdavFijMag8Ie5ag30yObjOZO3ZQdOM6cmP9ygGYK3piQ+/n7ltHhmEzacNZcuUq/Q2163/TLHvzgoSdOpL1m8i+eIGB9rq1MDD3j5LlOcbKXxZZxbcfQ2Pt8klSazANpNlUVq6WYdb/A0OJyhp339eDMAAAAABJRU5ErkJggg==) no-repeat 0 3px
}
dt,
dt em {
font-weight: bold;
margin-top: 30px
}
dl.faq dt:before,
dl.faq dd:before {
display: inline-block;
width: 1.2em
}
dl.faq dt:before {
content: "Q: "
}
dl.faq dd:before {
content: "A: "
}
:lang(de) dl.faq dt:before {
content: "F: "
}
:lang(de) dl.faq dd:before {
content: "A: "
}
:lang(fr) dl.faq dt:before {
content: "Q: "
}
:lang(fr) dl.faq dd:before {
content: "R: "
}
:lang(es) dl.faq dt:before {
content: "P: "
}
:lang(es) dl.faq dd:before {
content: "R: "
}
.standard-table.col-1-center tr>*:nth-child(1n),
.standard-table.col-2-center tr>*:nth-child(2n),
.standard-table.col-3-center tr>*:nth-child(3n),
.standard-table.col-4-center tr>*:nth-child(4n) {
text-align: center
}
.standard-table tbody th,
.standard-table thead td {
background-color: #f0f0f0;
font-weight: bold
}
.standard-table td,
.standard-table th {
border: solid 1px #83878d;
padding: 6px
}
.standard-table td {
vertical-align: top
}
.standard-table tbody tr:nth-child(2n) td {
background-color: #f0f0f0
}
.standard-table.no-stripes tbody tr:nth-child(2n) td {
background-color: transparent
}
.standard-table.no-borders,
.standard-table.no-borders td,
.standard-table.no-borders th {
border: 0
}
.standard-table tr:nth-child(2n) .highlight-cell {
background-color: #dcc
}
+.standard-table {
margin-top: 36px
}
.standard-table+p.table-disclaimer {
font-size: .8em;
margin-top: 10px
}
.levels-list li:before {
content: "";
position: absolute;
width: 6px;
top: 4px;
bottom: 0;
left: -15px;
background: #f7b84e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAABkCAQAAAAP+YmSAAACTUlEQVR4AVXSh270thJA4Y/DkVZyw++WHrTU+/4vFNT0aq9trVZiQCDlBoXtcA4wpbRbo2Jz1NKIV0VzkahCc+uQrqwStPRsN3lyFul3geLKRZiweWeW6dpJWFV7SpwMNr+marKYHYxhNCmaQYaT1WKwm8LZq7RoIl1YjIo3Ldy4cFDNXT24dFK7NTGqUtjC5MZodSBc2e1YCYsXbwZFpAc/2bzYCNz72K1qS79YPFhM5nDvf55NGNJ7PnXyg5MIT753J106p/SN3eroOT352ezN5C4c3dpdyE5uPff8pRK4MSk2b6l68YeTc7/84tmrWVrDH/aett4fs8VqtRtDlYoro3M6elU1B1uqRmHRnEJ4NHvpkWmyee0+NZ1wcGvxFD0PkyuvpM42Z80emumvUrX02D2KqqTdbPRkl4nJi1GR3RZGu2YNTbErfuuX6sJBceEyZfdIxZT2vhlEv4w2B6uTlxA9LVcejali1fyuhSuzwa5pqR82YexktKt6CkPoCUwuTa7TbHbU9wid3Vr8YU4/uhE+d3YOi++8dU0nd14UN1KEX9wK4WDs27NrkwNd2aRJdkH/3zMdRJqMTt4shA/d2YTNENLBvaGnkoqjYhUuQrXpcaundCtdGb1ZU0i/69m+pWevGpp3iRD0qLQbNdWshiupuFEM/VClDTUNUjV58xYGVbMopkDYraqaqsFkE13NriIIFDt4TaH9RQ5hs2m6ZE+p2RVNpioUNCX8Ncwo+dehU6kCaH990BR/XSgQ4C8WQD8SAPz3UkIB4E+RMNtKWxl5lwAAAABJRU5ErkJggg==) no-repeat 50% 100%
}
.levels-list li.lowlevel:before {
background-color: #fff4dd
}
.levels-list li.highlevel:before {
background-color: #dc2627
}
.mod {
overflow: hidden
}
.mod-main {
background: url("../../i.imgur.com/eHCrjre.png");
background-size: 276px 50px;
background-repeat: no-repeat;
#background-color: #1a1515; AICI MODIFICI CULOARE BG TOPURI
}
.top-sidebar {
z-index: -1;
#color: white;
text-align: center;
background: url(../images/block_title.png);
width: 315px;
#height: 79px;
}
.page-width {
width: 980px;
margin: 0 auto
}
.page-padding {
margin: -3px 0px
}
body:before,
html.ie8:before {
display: none;
content: "";
position: absolute;
left: 0;
width: 50%;
height: 248px;
z-index: -1
}
html.fill body:before,
html.fill.ie8:before {
display: block
}
html.ie8 body:before {
display: none
}
.main-hd .page-width {
position: relative;
min-height: 300px
}
.main-hd h1 {
position: relative;
left: 400px;
top: 307px;
width: 312px;
height: 207px;
background: url(../images/logo.png) no-repeat scroll 50% 0 transparent
}
#download {
top: 300px;
left: 200px;
position: relative;
}
.main-hd h1 a {
display: block;
width: 100%;
height: 100%
}
.main-hd .main {
position: absolute;
right: 22px;
top: 48px;
width: 610px;
font-size: 24px
}
:lang(de) .main-hd .main {
width: 720px
}
:lang(fr) .main-hd .main {
width: 680px
}
:lang(es) .main-hd .main {
width: 720px
}
.main-hd .main .menu-item {
position: relative
}
.main-hd .main .menu-item:hover>.sub-menu {
display: block
}
.main-hd .main>.menu-item {
margin-left: 24px
}
.main-hd .main>.menu-item:first-child {
margin-left: 0
}
.main-hd .main a {
position: relative;
z-index: 10;
color: #fff;
font-family: EasonPro, "Times New Roman", serif
}
.main-hd .main a:hover {
color: #fdd787
}
.main-hd .sub-menu {
display: none;
position: absolute;
top: -42px;
left: -36px;
padding: 95px 40px 20px;
width: 186px;
z-index: 9;
background: url(../images/site/nav-subNav.png) 0 0
}
.main-hd .sub-menu:after {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
height: 20px;
width: 100%;
content: url(../images/site/nav-subNav-bottom.png) no-repeat scroll 50% 100%
}
.main-hd .sub-menu li {
position: relative;
margin: 0;
border: solid 1px rgba(155, 155, 155, 0.3);
border-width: 1px 0 0 0
}
.main-hd .sub-menu li:first-child {
border: 0
}
.main-hd .sub-menu li.parent>a {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAQAAAAEnG+bAAAAbUlEQVQIHQXBMW4BAABA0b+YHKAxOEIXsRhcADH1Hj2AE0kaqxOIkHSwOIDJ2ESI7fW9ZGEqSZm7uxhLygmcjaTM3MDRSMnEDRx8JPl0Bb9JBvbgnQz9gD+rDG3Bw1rZgaellA1e1pKSb1+S9A9B1Hig85XwPQAAAABJRU5ErkJggg==) no-repeat 93% 50%
}
.main-hd .sub-menu li:hover .sub-menu {
display: block
}
.main-hd .sub-menu a {
display: block;
margin: 0 -20px;
padding: 5px 20px;
color: #555;
font-size: 17px
}
.main-hd .sub-menu a:hover {
color: #000;
background-color: rgba(163, 153, 133, 0.1)
}
.main-hd .sub-menu .sub-menu:after {
content: ""
}
.main-hd .external {
position: absolute;
left: -98px;
height: 30px;
width: 800px
}
.main-hd .external .menu-item {
margin: 0;
height: 30px
}
.main-hd .external li:first-child {
padding-left: 121px;
background: url(../images/site/nav-external.png) no-repeat 0 0
}
.main-hd .external li:first-child a {
background-position: -130px -30px
}
.main-hd .external li:last-child {
padding-right: 229px;
background: url(../images/site/nav-external.png) no-repeat 100% 0
}
.main-hd .external a {
display: inline-block;
padding: 8px 8px 9px;
color: #ffc8ad;
text-transform: uppercase;
font: normal 12px EasonProDisplayCaps, EasonPro, "Times New Roman", serif;
background: url(../images/site/nav-external.png) no-repeat 50% -30px
}
.main-hd .external a:hover {
background: 0;
color: #fff
}
.footer-nav {
position: relative;
margin-top: 10px;
}
.footer-nav .social {
position: absolute;
display: block;
#right: -10px;
top: 20px;
height: 30px;
/* padding-top: 4px; */
text-align: right;
padding-left: 860px;
}
.footer-nav .social p {
font-size: 16px;
line-height: 36px;
margin-right: 18px
}
font-size: 11px;
#copyright {
font-size: 11px;
font-weight: bold;
text-align: center;
margin-top: 105px;
}
.footer-nav .social ul {
#width: 331px;
font-family: sans-serif
}
.footer-nav .social li {
margin-left: 5px
}
.footer-nav .social li:first-child {
margin-left: 0
}
.footer-nav .social a {
display: block;
height: 36px;
width: 36px;
margin: 0 auto;
text-align: left;
background: url(../images/site/social-icons.png) no-repeat 0 0
}
.footer-nav .social a.youtube {
background-position: 0 0
}
.footer-nav .social a.facebook {
background-position: -36px 0
}
.footer-nav .social a.twitter {
background-position: -72px 0
}
.footer-nav .social a.tumblr {
background-position: -108px 0
}
.footer-nav .social a.flickr {
background-position: -180px 0
}
.footer-nav .social a.googleplus {
background-position: -144px 0
}
.footer-nav .social a.rss {
background-position: -216px 0
}
.footer-nav .social a.discord {
background-position: -360px 0
}
:lang(fr) .footer-nav .lists .u-pull-1-5,
:lang(es) .footer-nav .lists .u-pull-1-5 {
margin-top: 66px
}
:lang(de) .widget-mt2cms2-sidebar-link-fw .widget-footer .bd a {
padding-top: 73px
}
:lang(fr) .widget-mt2cms2-sidebar-link-fw .widget-footer .bd a {
padding-top: 77px
}
:lang(es) .widget-mt2cms2-sidebar-link-fw .widget-footer .bd a {
padding-top: 62px
}
.footer a,
.footer p {
vertical-align: middle;
color: #FFF
}
.cms2-charrousel-item .left-1-2,
.cms2-charrousel-item .center-1-2 {
width: 50%
}
.cms2-charrousel-item .left-2-3,
.cms2-charrousel-item .center-2-3 {
width: 66%
}
.cms2-charrousel-item .left,
.cms2-charrousel-item .center {
width: 100%
}
.cms2-charrousel-item .left-1-2,
.cms2-charrousel-item .left-2-3,
.cms2-charrousel-item .left {
text-align: left
}
.cms2-charrousel-item .center-1-2,
.cms2-charrousel-item .center-2-3,
.cms2-charrousel-item .center {
text-align: center
}
.cms2-charrousel-item .carousel-cta.splat>span {
position: relative;
display: inline-block;
padding-right: 10px
}
.cms2-charrousel-item .carousel-cta.splat>span:after {
content: "";
position: absolute;
top: 50%;
right: -10px;
height: 0;
width: 0;
margin-top: -7px;
border: solid 6px transparent;
border-left-color: #f5d796
}
.cms2-charrousel-item .carousel-cta.hot,
.cms2-charrousel-item .carousel-cta.mt2cms2 {
padding: 10px 35px;
color: #FFF;
font-size: 23px;
font-family: EasonProDisplayCaps, EasonPro, "Times New Roman", serif;
border: solid 1px #7d7d7d
}
.cms2-charrousel-item .carousel-cta.hot>span:after,
.cms2-charrousel-item .carousel-cta.mt2cms2>span:after {
content: none
}
.cms2-charrousel-item .carousel-cta.hot {
background: linear-gradient(to bottom, #5e6f38, #454f44)
}
.cms2-charrousel-item .carousel-cta.mt2cms2 {
background: linear-gradient(to bottom, #b40000, #3e1209)
}
.cms2-charrousel-item-hiding,
.cms2-charrousel-item-current {
top: 0
}
.more {
background: url(../images/site/btn-0.png) no-repeat 50% 50%
}
.more.learn,
.more-2.learn {
height: 93px;
width: 207px;
margin-left: -23px
}
.more.learn a:after,
.more-2.learn a span:after {
content: "";
position: absolute;
top: 50%;
right: 2px;
margin-top: -6px;
border: 5px solid transparent;
border-left-color: #f5d796
}
.more-2.learn {
width: auto
}
.more-2.learn a span:after {
content: " ";
position: absolute;
top: 50%;
right: -18px;
display: block;
border: 5px solid transparent;
border-left-color: #f5d796
}
.more-2.learn a:before,
.more-2.learn a:after {
content: ' ';
position: absolute;
width: 88px;
height: 100%;
top: 0;
bottom: 0;
z-index: -1;
background: transparent url(../images/site/btn-sd-1.png) no-repeat 0 0
}
.more-2.learn a:before {
left: -15px
}
.more-2.learn a:after {
right: -32px;
background-position: 100% 100%
}
.learn-more a:before,
.learn-more a:after {
background: transparent url(../images/site/btn-sd-5.png) no-repeat 0 100%;
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
content: ''
}
.learn-more a:before {
right: 50%;
left: 0
}
.learn-more a:after {
right: 0;
left: 50%;
background-position: 100% 0
}
a.see-all:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAABV0lEQVR4AWWQA2yeYRSF39kMZ1u/ZgWz7YVTPNvtaje2UbdBbdu2bX966qkXweU5R6AyHWVwdldZuU5TEf+nkDR1douv59dGa9tQlK5FqPLMfwa6g0MephqNZB4zUWT3rVUtydb9M1D49gPJu9aTrVtDjmEP2WbvGWhtXM0gc9CYLpTKvN3NrtZBOSePE7drE6WHD9Li4uxOb9ciDXmWGJlCVafnOznkFRw9SNbu9SQbdlH+6lV/Z0r0DYHE7H6VufS3Li0+uI+UPWvJ27OFdJ2JVj+PrwJVmt0Fi4anb2bsXE+hbttwcyd5F84hDdavFijMag8Ie5ag30yObjOZO3ZQdOM6cmP9ygGYK3piQ+/n7ltHhmEzacNZcuUq/Q2163/TLHvzgoSdOpL1m8i+eIGB9rq1MDD3j5LlOcbKXxZZxbcfQ2Pt8klSazANpNlUVq6WYdb/A0OJyhp339eDMAAAAABJRU5ErkJggg==);
margin-left: 5px;
vertical-align: middle
}
.btn-arrow span:after {
content: " ";
position: absolute;
top: 50%;
right: -18px;
display: block;
margin-top: -6px;
border: 5px solid transparent;
border-left-color: #f5d796
}
.btn-arrow.red span:after {
border-left-color: #fff
}
.popup-launcher:hover {
border-color: #f5d796
}
#content {
left: -10px;
position: inherit;
top: 42px;
}
#content:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 33px;
z-index: 1;
}
.breadcrumbs a:hover {
color: #b00
}
.breadcrumbs a,
.breadcrumbs .trail-end {
padding-bottom: 5px
}
.social {
height: 30px;
padding-top: 4px
}
.nclb-dialogue-social .social-facebook>div>span,
.nclb-dialogue-social .social-facebook>div>span>iframe {
height: 20px!important
}
.nclb-dialogue-social .social-addthis>div {
width: 109px
}
:lang(es) .widget-narrow a {
font-size: 11px
}
.widget .bd {
position: relative;/*
border: 1px solid #d5d5d5;
border-top: 0;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px
*/
}
.bd-c {margin-right: 100px;left: 535px;margin-top: 80px;}
.jucon {
margin-bottom: 50px;
width: 310px;
margin-top: -50px;
margin-left: 90px;
}
.mt2cms2-c-s .widget-mt2cms2-preorder>div {
margin-top: 40px
}
.widget-container .widget .bd h4 {
margin: 0 50px 14px 0px;
/* font: normal 24px/1 EasonProDisplayCaps, EasonPro, "Times New Roman", serif; */
text-transform: uppercase;
white-space: normal;
}
.widget-container .widget .bd p {
margin: 15px 10px 10px 12px;
font-size: 16px;
line-height: 1.231
}
.widget-container .bd ol,
.widget-container .bd ul {
margin: 0 10px -1px 12px
}
.widget-container .bd .more {
margin: 0 8px 0 10px;
color: #b40000;
position: absolute;
bottom: 20px;
display: block;
text-transform: uppercase;
font-size: 12px;
overflow: visible
}
.widget-container {
margin-top: 25px;
overflow: hidden;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
}
.widget-container:first-child {
margin-top: 0
}
.widget-mt2cms2-sidebar-video .bd img,
.widget-mt2cms2-sidebar-link-two-part .bd img,
.widget-mt2cms2-sidebar-link-three-part .bd img {
display: block
}
.widget-mt2cms2-sidebar-video .bd,
.widget-mt2cms2-sidebar-link-two-part .bd,
.widget-mt2cms2-sidebar-link-three-part .bd {
height: auto
}
.widget-mt2cms2-sidebar-video .bd .video:after {
position: absolute;
top: 50%;
left: 50%;
margin: -35px 0 0 -35px;
z-index: 5;
content: url(../images/site/play.png)
}
.widget-mt2cms2-sidebar-video .bd p,
.widget-mt2cms2-sidebar-link-two-part .bd p,
.widget-mt2cms2-sidebar-link-three-part .bd p {
font-size: 19px;
margin-bottom: 55px!important
}
.widget-mt2cms2-sidebar-video .more,
.widget-mt2cms2-sidebar-link-two-part .more,
.widget-mt2cms2-sidebar-link-three-part .more {
background: 0;
line-height: 1
}
.widget-mt2cms2-sidebar-video .more:after,
.widget-mt2cms2-sidebar-link-two-part .more:after,
.widget-mt2cms2-sidebar-link-three-part .more:after {
content: "";
position: absolute;
top: 50%;
right: -16px;
margin-top: -5px;
border: 5px solid transparent;
border-left-color: #f5d796
}
:lang(fr) .widget-mt2cms2-sidebar-link-three-part .bd a:first-child span {
font-size: 20px;
padding-top: 30px
}
:lang(es) .widget-mt2cms2-sidebar-link-three-part .bd a:first-child span {
font-size: 29px;
line-height: 0;
padding-top: 36px
}
:lang(es) .widget-mt2cms2-sidebar-link-three-part .bd a:first-child strong {
letter-spacing: -5px;
position: relative;
top: 16px;
left: -8px;
font-size: 50px
}
.article li>h4.widget-title {
margin: 15px 0 10px;
font-size: 22px;
font-weight: normal
}
:lang(de) .widget .buy-now .splash {
font-size: 24px;
top: 79px;
line-height: 1.1
}
:lang(fr) .widget .buy-now .splash {
font-size: 16px;
left: 120px;
top: 89px
}
:lang(es) .widget .buy-now .splash {
font-size: 17px;
left: 125px;
top: 89px
}
:lang(de) .widget .buy-now .splash strong {
font-size: 32px
}
:lang(fr) .widget .buy-now .splash strong {
font-size: 22px
}
:lang(es) .widget .buy-now .splash strong {
font-size: 30px
}
.media-obj,
.media-obj .bd {
overflow: hidden;
_overflow: visible;
zoom: 1
}
.home .posts .cms2-tab-selected a.cms2-tab-label,
.home .posts a.cms2-tab-label:hover {
color: #B00
}
.home .posts .cms2-tab-label:focus {
outline: 0
}
.news .bd .full,
.news .bd.expanded .excerpt {
height: 0;
margin: 0;
overflow: hidden;
visibility: hidden
}
.professions .mod .more a:after {
content: "";
position: absolute;
top: 50%;
right: -18px;
margin-top: -5px;
border: 5px solid transparent;
border-left-color: #f5d796
}
.professions .mod.revenant .rev-link:after {
content: none
}
.mt2cms2_profession .page-bd .mt2cms2-c-l ul>li {
margin-top: 30px
}
.mt2cms2_profession .page-bd .mt2cms2-c-l ul>li:first-child {
margin: 0
}
.mt2cms2_profession .page-bd .icons>li {
position: relative;
padding: 20px 0;
min-height: 160px;
overflow: hidden
}
.mt2cms2_profession .page-bd .icons>li:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 1px;
z-index: 2;
background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAABAk0DAREAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAQIDBAAI/8QALRAAAQIEBAQFBQEAAAAAAAAAAAECAzEycTOBscEEQUJyNENz0fBEUVKCkbL/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APQr6G2IqTqlAmBq4Wt3YugFvoU9TYAwKovproBEBlAlHoWwGZcMAw6ly1QCyAK3cDnzzQCnUmQD8m/OYAbNbgMs0AKTW4CRac9gFTxK9zdAKJQBjWpcwCgFGUMu0CfEYz7gJ0gdy/oASYB6ctwCkstwGT3ArEwlsgEFm2yAUhTTIC7al7l0ADJusmgHNozUCsObu3cBW1L85ABZpcBXyQBvsAOoANmoBZJ1vYBYWKl9wKxNk0AmnSBfheuygCDXDsu4DsxFsgFF8Qtl1Afy33XQIgzl2psFUWht9gCviFsv+VAhGxky0AyeYoF4XMCsTAdYBeEm/tUBY9afOYCsm3PUAcTQl9wJNk66agU/CwDNoWwC+4HMnmBug4TrbAI7Cb27gaoNC/qVCrjJnogH/9k=) no-repeat 0 0
}
.mt2cms2_profession .page-bd .icons>li:first-child:before {
background: none!important
}
.mt2cms2_profession .page-bd .icons h4,
.mt2cms2_profession .page-bd .icons p {
margin-bottom: 0;
margin-left: 160px;
position: relative;
z-index: 2
}
.mt2cms2_profession .page-bd div.aside:after {
content: "";
display: table;
clear: both;
width: 100%;
*zoom: 1
}
.selector li,
.selector .bar-img {
background-repeat: no-repeat;
background-position: 0 100%
}
.races .human .more,
.races .charr .more {
float: right
}
.mt2cms2_race .mt2cms2-c-l>.main-text {
background: url(../images/site/main-bar.jpg) no-repeat -10px 100%;
margin-right: 52px
}
.media-listing .media-item:hover img {
opacity: 1;
filter: alpha(opacity=100)
}
.media-listing .overlay-item:hover .overlay {
visibility: visible
}
.media-listing .wallpaper .resolutions>li {
margin-top: 0;
width: 49%
}
.media-listing .wallpaper .resolutions>li:hover a {
color: #e6a13f
}
.wallpapers .resolutions>li {
margin-top: 0
}
.wallpapers .resolutions>li:hover a {
color: #e6a13f
}
.page-media .videos .media-listing .media-item:hover {
background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//CABEIAE4BOQMBEQACEQEDEQH/xAAXAAEBAQEAAAAAAAAAAAAAAAABAAII/9oACAEBAAAAAOprMFkgAiqmVtNqVmoCDIABFVLKulVmaAgzGQIKqVldKrMoBABkIIqZZdKqzNAQBmyQRUyqqqsygEAAZiImlVVVWmgIAAAiqmVVVVpoCAAAgqpZVVVaaIAAAIipmVVVWlgIIzARRNMqsqzN/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAhAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/xAAmEAACAQEIAwEAAwAAAAAAAAAAAQJSEBESIFGRodEDEzBhIUCB/9oACAEBAAE/AL3qXvUberMT1ZfLV7jlLVjlLV7jlKp7mOVT3HOdT3ZjnU92Y51PdmPyVy3Z7PJXLdns8lct2ezyVy3Z7PJXLdns8lct2ezyVy3Z7PJXLdns8lct2e3yVy3Z7PJXLdi8nkrluz2eSqW7PZOp7sxzqe7Mc6nuxTnU9xTnU9xSlq9xSlq9xSlqxSlqzE9WXvVl71Ze9RN6l9rsYx2vI/krEKxCEIQhZF8GMY8rzrIhWKxCEIWRWPIxjGMYxj+qEIQrUIWRWOx2Ox2MYxj+qEIViyLIrH8WMY7H9VYsqFleZ2vK/wCohZXa8zyv4oWVfN2Mfxf1WVfO79Lv0uWpctS79XJctVyXKpcmFVLnowqpc9GFVLnowqpc9DjGpc9GFVrnowqtc9GGNa56MMa1z0YY1rnowRrXPRgjWuehQjWuejDGtc9GGNa56MKrXPRhjWuehRVS56MKqXPRhVS56FFVLnouVS56LlUuS5arkSWqLlqi79ElqXfpd+n+n8ao/8QAFBEBAAAAAAAAAAAAAAAAAAAAgP/aAAgBAgEBPwBIf//EABQRAQAAAAAAAAAAAAAAAAAAAID/2gAIAQMBAT8ASH//2Q==) repeat-y
}
.page-media .videos .featured>div:first-child:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 6;
content: url(../images/site/video-mask-large.png)
}
.page-media .videos .featured>div:first-child:after {
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -35px;
z-index: 5;
content: url(../images/site/play.png)
}
.page-awards .cms2-charrousel-content,
.page-awards .carousel-link-overlay a {
height: 300px
}
:lang(de) .page-awards .award-widget .buy-now span.splash {
left: 117px
}
:lang(fr) .page-awards .award-widget .buy-now span.splash {
left: 114px
}
:lang(es) .page-awards .award-widget .buy-now span.splash {
left: 115px
}
.page-awards .award-list li:nth-child(2n) {
border-left: 1px solid #efefef
}
.page-awards .widget .video:after {
position: absolute;
top: 50%;
left: 50%;
margin: -35px 0 0 -35px;
z-index: 5;
content: url(../images/site/play.png)
}
.page-the-game .tour-link .video:before {
content: url(../images/site/video-mask.png);
position: absolute;
top: -10px;
left: 0;
z-index: 8
}
.page-the-game .tour-link .video:after {
content: url(../images/site/play.png);
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -40px;
z-index: 9
}
.page-the-game .blurbs .link a:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAABV0lEQVR4AWWQA2yeYRSF39kMZ1u/ZgWz7YVTPNvtaje2UbdBbdu2bX966qkXweU5R6AyHWVwdldZuU5TEf+nkDR1douv59dGa9tQlK5FqPLMfwa6g0MephqNZB4zUWT3rVUtydb9M1D49gPJu9aTrVtDjmEP2WbvGWhtXM0gc9CYLpTKvN3NrtZBOSePE7drE6WHD9Li4uxOb9ciDXmWGJlCVafnOznkFRw9SNbu9SQbdlH+6lV/Z0r0DYHE7H6VufS3Li0+uI+UPWvJ27OFdJ2JVj+PrwJVmt0Fi4anb2bsXE+hbttwcyd5F84hDdavFijMag8Ie5ag30yObjOZO3ZQdOM6cmP9ygGYK3piQ+/n7ltHhmEzacNZcuUq/Q2163/TLHvzgoSdOpL1m8i+eIGB9rq1MDD3j5LlOcbKXxZZxbcfQ2Pt8klSazANpNlUVq6WYdb/A0OJyhp339eDMAAAAABJRU5ErkJggg==);
margin-left: 5px
}
.article .page-hd .page-padding,
.article .page-bd .page-hd {
position: relative;
padding-top: 45px;
text-align:center;
}
.article .page-hd h2 {
margin-bottom: 0
}
.page-hd h2.pre-social,
.pre-social {
margin-bottom: 6px
}
.article .mt2cms2-c {
position: relative;
min-height: 550px;
overflow: hidden;
padding-top: 1px;
}
.article .mt2cms2-c-l {
margin-top: -70px;
float: left;
width: 675px;
}
.article .mt2cms2-c-s {
float: left;
width: 299px;
margin-top: -75px;
}
.article .mt2cms2-c-s .bd-c {margin-left: -534px;width: 305px;position: relative;z-index: 2;}
.article .mt2cms2-c-l h3 {
margin: 35px 0 20px
}
.article p,
.article dl {
margin-top: 20px;
line-height: 1.8
}
.article h3+p {
margin-top: -10px
}
.article h4+p {
margin-top: 10px
}
.article h3+h4 {
margin-top: -10px
}
.article .mt2cms2-c-s h4 {
font-size: 22px;
#margin: 35px 0 30px;
white-space: nowrap;
line-height: 3.5;
}
.article .child-pages .page:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAAABCAQAAABZRatRAAAAdElEQVR4Ad3KhQ0EMQwAwX1mZmZm7r+zW6WGE70mtmOAI/vgrgtzmiw5akONMj0nd/9l5xN/c2rWpfduvHoZc/OdHx8u/pxpyca7vXlonRtHt2Lj72640VwTaurQU0c954aaVnvVaMorcyEo22VVMOKS+n8RMuwN0s35HEkAAAAASUVORK5CYII=) no-repeat 0 0
}
.blog-post {
padding-bottom: 30px;
margin-bottom: 20px;
margin-top: -170px
}
.post-padding {
margin-left: 60px;
padding-top: 1px;
}
.article .mt2cms2-c-l .blog-title {
margin-top: 28px;
margin-bottom: 10px;
line-height: 1.2;
font-size: 21px;
font: bold 20px/1.2 Arial,Verdana;
color: brown;
}
p.blog-attribution {
margin-top: 0;
font-size: 14px;
}
p.blog-attribution > span {
color: #757575;
margin-left: 40px;
display:inline-block;
font-size: 12px;
}
p.blog-attribution a {
color: #ba3035!important;
font-weight: bold;
}
p.blog-attribution:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-right: 6px;
}
p.blog-attribution.type-1:before{
background-color:#fa0000;
}
p.blog-attribution.type-2:before{
background-color:#0081e5;
}
p.blog-attribution.type-3:before{
background-color:#fcd602;
}
.blog-post .text ul,
.blog-post .text ol {
margin-top: 20px;
margin-bottom: 20px;
list-style: disc
}
.blog-post .text ol {
list-style: decimal
}
.blog-post .text ul.follow,
.blog-post .text ol.follow {
margin-top: 0
}
.alignleft,
.shiftleft {
float: left;
margin: .4em 20px .4em 0
}
.alignright,
.shiftright {
float: right;
margin: .4em 0 .4em 20px
}
.shiftleft {
margin: 0
}
.shiftright {
margin: 0
}
.blog-post blockquote:before,
.blog-post blockquote:after {
content: '';
height: 1px;
position: absolute;
left: 0;
right: 0;
background: transparent url(../images/site/blockquote-bg.gif) no-repeat scroll 50% -1px;
background-size: 100% 2px
}
.blog-post blockquote:before {
top: 0
}
.blog-post blockquote:after {
bottom: 0;
background-position: 83% 0
}
.blog-post h3+blockquote,
.blog-post h4+blockquote,
.blog-post h5+blockquote {
margin-top: 10px
}
.blogroll.miss-mister h3{
margin: 0 0 5px;
padding: 0 0 0 20px;
background: url('../../i.imgur.com/9xNn2dJ.png') no-repeat 0 2px;
font-size: 18px;
color: #8b6c3b;
vertical-align: top;
}
.blogroll.miss-mister p{
line-height:inherit!important;
margin-top: 10px;
}
.blogroll.miss-mister h4{
font-weight:bolder;
font-size: 16px;
}
.blogroll.miss-mister .miss-image {
background: url("../../orig00.deviantart.net/eb35/f/2018/055/d/0/colossus2___miss_and_mister_by_witind-dc47a6r.png");
background-size:cover;
background-position:center;
width: 570px;
height: 220px;
margin-bottom: 40px;
}
.blogroll.miss-mister h5{
margin: 0 0 5px;
padding: 0 0 0 20px;
background: url(../../i.imgur.com/d6As5gG.gif) no-repeat 0 4px;
font-size: 15px;
color: #D11A1A;
vertical-align: top;
}
.blogroll .blog-post {
width: 60px;
padding-bottom: 22px;
padding-top: 10px;
margin-bottom: 16px;
#background: url(;
../images/bgp.png) no-repeat: ;
margin-right: 300px;
width: 620px;
width: 670px;
height: auto;
margin-top: 1px;
/* left: 30px; */
top: -100px;
#border-radius: 20px 20px 1px;
display: block;
border-width: 2px;
border-style: groove;
border-color: threedface;
border-image: initial;
padding-left: 25px;
}
table.ranking-top5 tbody tr td.row-left {
text-align: left;
color: #542020;
}
table.ranking-top5 tbody tr td.row-right {
text-align: right;
color: #542020;
}
.blogroll p {
margin-top: 12px;
color: #8b4e4e;
text-transform: bold;
}
.blogroll .more {
margin-top: 12px
}
.blogroll .more {
background: 0;
background-color: #ca534f;
border-color: #ca534f;
border-radius: 4px;
width: 140px;
}
.blogroll .more a {
font-family: EasonProDisplayCaps, EasonPro, "Times New Roman", serif;
text-transform: uppercase;
position: relative;
font-size: 12px;
color: white;
left: 4px;
}
.blogroll .more a:after {
content: "";
position: absolute;
top: 50%;
right: -17px;
margin-top: -5px;
border: 5px solid transparent;
border-left-color: #f5d796
}
.wp-pagenavi {
margin: 0 -44px 40px;
padding: 0 30px 0 45px;
}
.wp-pagenavi a,
.wp-pagenavi .current {
color: #ffffff;
display: inline-block;
line-height: 25px;
border: 0;
height: 50px;
text-align: center;
margin-left: 5px;
padding: 10px;
font-weight: bold;
cursor: pointer;
background: url(../images/site/carousel-page-current.png);
}
.wp-pagenavi .current {
width: 37px;
color: #f5d796;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
background-size: 100%
}
.page-template-template-articles-php .page-hd:before {
content: "";
position: absolute;
width: 100%;
height: 45px;
bottom: 0;
z-index: 1;
background: url(../images/site/bar.png) no-repeat 43% 100%
}
.page-template-template-article-php .page-hd:before {
content: "";
position: absolute;
width: 100%;
height: 30px;
bottom: 0;
z-index: 1;
background: url(../images/site/bar-small.png) no-repeat 100% 100%
}
.page-template-template-support-php .page-hd:before {
content: "";
position: absolute;
width: 100%;
height: 30px;
bottom: 0;
z-index: 1;
background: url(../images/site/bar-small.png) no-repeat 100% 100%
}
.page-template-template-support-php .article .page-bd .bd-c h4+p {
margin-top: -10px
}
.faq-glossary li,
.faq-glossary p {
margin-top: 20px
}
.faq-glossary>li>div {
background-color: #fff
}
hr {
margin: 15px 0;
width: 100%;
height: 2px;
border: 0;
}
.page-template-template-community-php .page-hd,
.page-template-template-blog-php .page-hd {
position: relative;
background: no-repeat 100% 100%;
height: 120px;
margin-bottom: 40px
}
.page-template-template-community-php .page-hd h2,
.page-template-template-blog-php .page-hd h2 {
width: 380px;
line-height: .20;
margin: 7px auto;
color: #8b4e4e;
}
.page-template-template-community-php.page-heart-of-thorns .page-hd:before {
background-image: url(../images/site/bar-small-hot.png)
}
.page-retailers .where-to-buy .tabs>li {
margin-right: 40px;
display: inline-block;
font-weight: bold;
font-family: "EasonPro", "Times New Roman", "serif";
text-transform: uppercase
}
.page-retailers .where-to-buy .tabs a.active,
.page-retailers .where-to-buy .tabs a:hover {
color: #f5d796
}
.page-retailers .where-to-buy .arrow-bullets>li {
color: #707070;
margin: 2px 0;
padding-right: 7px;
float: left;
width: 152px;
height: 47px
}
.page-retailers .where-to-buy .arrow-bullets>li:first-child {
margin: 2px 0
}
.page-retailers .where-to-buy .arrow-bullets a:hover {
color: #f5d796
}
div[id^="wufoo"] {
margin: 50px 0 0 -1px
}
.cms2-panel button:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACpElEQVR4AcWWA8wdQRSFz2/bDMqg+u2gRlA3qG1Hte04tRHURmzUths3Tj03OS+52dw3dZvkK2YO3kxmdwcAIv8T5mC0I5YkK2K92NpofzELA+Z0R7YinaQGSDe1Oiv4A6xSGnMdhY7mAUo5rik1dIXMyNblVnGsKmUh2jrKHFWKMgtD05YZhao81ijm1rKU5jpHJ0cvRx/524PWdKK3TJWn61UHi7NVaRNDhkwEdqQCMwQAkyxC86IVD71NqjzbV1zoaO2oo3HYfODMeeDrWuCGE2xBGGRONKIVj3iZUcfMwnDFqZxsy60aFCoNsQx4ESWhwAXHJXJBxmROa1k+iFmSWciOWF0c60jn6SyjeNhx4KMOE+YC7wG80shYUCderroTM0vZEWuumKJujjE9gD1W+WxHBJntsErFKxnMKjNXTJL1VtO0rA64YpZ7SsUjXmborfYeLl28ynGkCnh2iME+RCNa8dD7W8XHHI/KXOg+T6nMiUa09PxW8Rqe4kcRDLa2XcZkLoLF9Kz5Y8WzPSue/aeLHccSgQe61FcuWvF4ir0vkG5gcRpwynpODxHrORePKu6mXyDB4tjAc9zLMc4FbFgCPDEPErEOnHjEKxnMKvuhNxfFY7YAt6yVSmEEKQuzcvFKhirmm8tf3M0xzDq9lcA9ANccN8g1GbNOu2Qwy18cOFwDRgDbdGk9cA7AAceRAAdkTpeLVzL04fK/q/Vnkd9il/yO795FimWCHhONaAPf5Dpmet/V2erKU8dt6tMOmCbbRoaYcJ7aPvTWMct/EdBXHxqqeIvopOEYsefpbeu/+tiXvVL1AzStOa5pbejUjdR/2Ys27tOFBrkkm+QSQ8v7tf96y3KuXJGqSPbg08baF3qbaBKriLbwae1sFv8PvgEDvZSQmQVkqgAAAABJRU5ErkJggg==)
}
.rotator-best-of-2012 .more-2.learn a,
.rotator-best-of-2012 .more-2.learn a:before,
.rotator-best-of-2012 .more-2.learn a:after {
color: #fff;
background-image: url(../images/site/btn-sd-3.png)
}
.rotator-best-of-2012 .more-2.learn a span:after {
border-left-color: #fff
}
.leaderboard-table tr:nth-child(2n) {
background-color: #f1e8da
}
.leaderboard-table th,
.leaderboard-table td {
padding: 3px 12px 2px 12px;
text-align: center
}
.leaderboard-table th {
background-color: #2f2f2f;
color: #fff;
border-top: 1px solid #83878d;
border-left: 1px solid #83878d
}
.leaderboard-table th:nth-child(2n) {
background-color: #000
}
.leaderboard-table td {
border-bottom: 1px solid #d1c6b9;
border-left: 1px solid #d1c6b9
}
.yulb-close:hover {
background-position: 0 -30px
}
@-webkit-keyframes lightbox-loading {
from {
background-position: 0 0
}
to {
background-position: 0 -576px
}
}
@-moz-keyframes lightbox-loading {
from {
background-position: 0 0
}
to {
background-position: 0 -576px
}
}
@-ms-keyframes lightbox-loading {
from {
background-position: 0 0
}
to {
background-position: 0 -576px
}
}
@keyframes lightbox-loading {
from {
background-position: 0 0
}
to {
background-position: 0 -576px
}
}
.cms2-lightbox-prev,
.cms2-lightbox-next {
position: absolute;
width: 33%;
height: 100%;
top: 0;
cursor: pointer;
opacity: .2
}
.cms2-lightbox-prev {
left: 20px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAtCAQAAACO2hqiAAADjUlEQVR4Aa3WA4xmVxTA8X+aV7djz6xt22ZYa23vxsl6Z23bRm3btm27W7/eOb056X343nxtc8LdmV8O31w45f+IyjAep5k4S+M0PBNpMZ4FssjTyLBYpRlPfiGPEqpSW6OEAsO6UAKSQQG1qU9LOtOV3nSmLY2FynOgBKSE2obozWAuZAgjGML5ghnKgRKQ+nQ2xBCmMLPO6vW3eguZwRihGlNVIM8yCcj5TDC/vLnata//8qe/7WV2stRQF9LVQCVk2HwSkRms5MriR181SEWs/ZArWckkBtOW2ppPIrKeG4tfffGPCkKhwyxkCL2pT4FlEpDN3F70/vN/Axob3jb4BAbbsoRJQAo/togTu59mBufTkqq2OymRuwWJiO9ONlrA+bQ1TJYy6SKf+T2uZAaDaamz+jdI+0dZzxjZnRJtsbOx2pN4pNWbXMlMhtCZ2s6k5IoLFFmfCmn6IbezWuZkGiwnqutnrlhuZzATWM2NoREr0uxb7mWrTEly0auyuZTQmN4MYSFXlrwZhzT5hSfZy0wutqeQJSUpk0VVyWUGW4sfffGPaKSxz+tcaffXQUxoSZ25mJnVrn3ll1jka+5mvVxTS/S6lbHt7c0Ib+G7P0YhP/n1fXze5VrJpSvaFQ08YepjmAU3hgiJfX/gIyV5C+2gNZdgUV0Zctn+2z+OYh70LzQM73MjCxkhl61fmnBvLmRmzvFVn38ZdUP+TD/3JA/aYbcNfEJ1UiUyqUmsz7l/nzsphYb4vM2NrGQM/WnpQro3ck1DmMnh+i+u9aMyetOf7Oe/zJW2MGdausWyOb0Zw0Ku5OW1LqEx/Tee5DAz3d3Rm7L9aSvnsJJrm354MJJ5/ZcrfuRBduo55DkXrsepEK/P87+LpBZ+m32rdEjy0e+NQhkuVPLmwZjbGvs2u3VipixhNEIZVXtzkfmlMPTJb+terLNcF9FlokvbEtPs+dfas1AmJdT07X1//BRCPvil6cZ4JrI0Xl7yRxBpdC0zuTBQVEJGV9Z/8cpf/onU1w+G8wcmIaOFHC5+1N5aBXIvO9EF5CxlEjIaw0w2Zx2//n1bzmZmMkLuyl2/hIx6M4RJzOy69fDDprEzmcEQeU+4n3SNuIxa0lVeWyMYwwghegtSQoZ7mvGQHK19+/U2oa+/8Cc9VZzmvETrm6gtRJ5mkva7uEAijywhTsP7b690JdJjlJOI/L+/ALeXXJXK3a6RAAAAAElFTkSuQmCC) no-repeat 0 50%
}
.cms2-lightbox-next {
right: 20px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAtCAQAAACO2hqiAAADgElEQVR4AaXWA4ykSRTA8X8mY2ttf8na6hzXu+FZa3s7TtbenfXZtm3btm1zWFf9pq7zbrqma5E3iPqXVw/VBRneyJTI2O9I+Xg2+SqybewPl0IUU0olLSUqKRUsTCkkQVTSlu42IiL535G2VIYhFFIqRB+GEWOMRIxBRJYKQyoTi1hiDFOYykzm2t/jmcJhlupOy/SQMFKTloIkiDgr+5159dOHnctKFjPVwsMCkGPyqaQ7g5hgM1jJ2b1v/aK6wdz+een1nM1K5lo8BLlc2tKHMUxlJRdGjyaQBvOj2fV9m2e5mk0sDELClNKRQUxhMadHDwvi4sbq6E1uZGcQSh4pxvGsbDyOjq31vM2tAUgxhzG135kKcfGXuay+38dBSDPrb1WAinMM7wcgdaipPar2vflNbSrzndlsOn3ohzRTKjNzLHEunvfxd96MrjRtm0LFCpJOFbuGz2Vn2b2bfvUxv5l16Y4mq+COJflcyJOn/fl+tT+jfl9qyO2amuJSNYBX8+IKXSEVew1vcyObmMsYBrmlzdSrWSkjOIaZbOLGFm8vMR96mB8tZAfyalYylRgRbV0+rkTZaq9shbiTj6ea33wZ2Tkqf5zTWcwUBlmmVDEKauzYuTxZ8fdKHyS7Vn49KzmeWGN9FJPsWOQOdiefY443T3ozuv/rUy5nKod5GNWxqZm2PryPwR7BX+wNdzKTMUTS9kzHqMtL1oJN3MqnmMj85UU+/TNzkzB2enQ2ultyYfAwP/cx/ol+p7rTrazkxNTaZKJnR47UHPJmvb3MziUuneqoOqWQwziRlVzKi32r/cjrdrdkAKcyhj5qblRVYq7Zj/b/tTmk9efcyW5Zh0HuSJlqGVxVFrKb+/t92RzS6mvu53TiHCt1adl0pyQX2agbB3+YFjk7ibSlWHJRjLsoOH3Es2mQh5NIpJAkY6dXjhQ/8saDQfQXjN2l3ht++/ugEMcUS4Ftly5+OVATP6IO1Uf6dPoZH3taHEJUpyI3v1fv/fJ/E/sud3K6H/E/BYbJNu3kxv+gd6vt2N/IzhAijPpuOIzjibONC897u8G8n1jAs+0mLwwhTe5imZ1jmUs8c9Pp9/bYzUqWMpUpQSTlLu5DTKipzGSqvLbGyO6kR1LuYv36O8y9/ezuBBBhNFRKS6Fs6JeoQoKMQO5ZK3EQ72L1yM8++Ff6Ica/WcBckWLjmRMAAAAASUVORK5CYII=) no-repeat 100% 50%
}
.cms2-lightbox-prev:hover,
.cms2-lightbox-next:hover {
opacity: 1
}
.cms2-lightbox-close:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACpElEQVR4AcWWA8wdQRSFz2/bDMqg+u2gRlA3qG1Hte04tRHURmzUths3Tj03OS+52dw3dZvkK2YO3kxmdwcAIv8T5mC0I5YkK2K92NpofzELA+Z0R7YinaQGSDe1Oiv4A6xSGnMdhY7mAUo5rik1dIXMyNblVnGsKmUh2jrKHFWKMgtD05YZhao81ijm1rKU5jpHJ0cvRx/524PWdKK3TJWn61UHi7NVaRNDhkwEdqQCMwQAkyxC86IVD71NqjzbV1zoaO2oo3HYfODMeeDrWuCGE2xBGGRONKIVj3iZUcfMwnDFqZxsy60aFCoNsQx4ESWhwAXHJXJBxmROa1k+iFmSWciOWF0c60jn6SyjeNhx4KMOE+YC7wG80shYUCderroTM0vZEWuumKJujjE9gD1W+WxHBJntsErFKxnMKjNXTJL1VtO0rA64YpZ7SsUjXmborfYeLl28ynGkCnh2iME+RCNa8dD7W8XHHI/KXOg+T6nMiUa09PxW8Rqe4kcRDLa2XcZkLoLF9Kz5Y8WzPSue/aeLHccSgQe61FcuWvF4ir0vkG5gcRpwynpODxHrORePKu6mXyDB4tjAc9zLMc4FbFgCPDEPErEOnHjEKxnMKvuhNxfFY7YAt6yVSmEEKQuzcvFKhirmm8tf3M0xzDq9lcA9ANccN8g1GbNOu2Qwy18cOFwDRgDbdGk9cA7AAceRAAdkTpeLVzL04fK/q/Vnkd9il/yO795FimWCHhONaAPf5Dpmet/V2erKU8dt6tMOmCbbRoaYcJ7aPvTWMct/EdBXHxqqeIvopOEYsefpbeu/+tiXvVL1AzStOa5pbejUjdR/2Ys27tOFBrkkm+QSQ8v7tf96y3KuXJGqSPbg08baF3qbaBKriLbwae1sFv8PvgEDvZSQmQVkqgAAAABJRU5ErkJggg==)
}
.toggle-list .tl-control:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAQAAADFGyU3AAAAdklEQVR4AYXOSREDMQxE0YYgCIZgCAMhEAJhIIRBbn0dKIZgKIbQUfbEa/2b60kyGJgWBQi8UJMOAfKYhyTT3iiwDFAUXsjZqUt24Qc5OxqShBpZ9bNCq5HH+Ic2oUZPtn/IVRggZ+lBsjBDxuLFGtVs47l+uwEeygkTOv6inwAAAABJRU5ErkJggg==);
position: absolute;
right: 20px;
width: 13px;
height: 9px
}
.toggle-list.tl-hidden .tl-control:after {
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform-origin: 6px 13px;
-ms-transform-origin: 6px 13px;
-webkit-transform-origin: 6px 13px
}
body {
width: 100%;
background: url(../images/bg-top.png) center top no-repeat, url(../images/bg-footer.png) center bottom no-repeat;
background-color: #fffced;
font-size: 16px;
position: relative;
}
.letter:before {
content: url(../images/site/splat-bg.png);
position: absolute;
top: -121px;
left: -91px
}
.letter .close:hover {
background-position: 50% 100%
}
.letter p,
.letter li {
margin-bottom: 20px;
font-size: 18px;
color: #252525
}
.letter li {
padding: 0 3em 0 .6em;
margin-left: 2.4em
}
.first-cup {
background: url(../images/site/first.html)
}
#db-corporate-link span {
background: transparent url(../../i.imgur.com/KjjXQWb.png) no-repeat top left;
height: 30px;
display: block;
text-indent: -5000px;
cursor: pointer;
}
.colossus-announce {
padding: 15px;
background-color: #f44336;
color: white;
margin-bottom: 15px;
z-index: 15;
position: fixed;
width: 100%;
margin-top: 39px;
}
.colossus-announce span{
cursor:pointer;
}
.colossus-announce a{
text-decoration: underline;
color: #fff;
}
.colossus-announce p{
display:inline;
}
#navbar {
height: 78px;
margin: 0 auto;
background-image: url(../images/panel_bg.jpg);
background-repeat: repeat-x;
background-position: top;
text-align: center;
}
#visual_wrap {
width: 1022px;
margin: 0 auto;
}
.jm-logo {
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
}
.jm-logo a {
margin: 0 auto 0 auto;
width: 625px;
}
.jm-logo img:hover {
-webkit-animation-name: wobble-to-top-right;
animation-name: wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes wobble-to-top-right {
16.65% {
-ms-transform: translate(8px, -8px);
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-ms-transform: translate(-6px, 6px);
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-ms-transform: translate(4px, -4px);
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-ms-transform: translate(-2px, 2px);
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-ms-transform: translate(1px, -1px);
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes wobble-to-top-right {
16.65% {
-ms-transform: translate(8px, -8px);
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-ms-transform: translate(-6px, 6px);
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-ms-transform: translate(4px, -4px);
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-ms-transform: translate(-2px, 2px);
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-ms-transform: translate(1px, -1px);
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
#content-navi {
clear:both;
background: url(../images/nav-menu.png) no-repeat;
height: 160px;
margin-left: -38px;
width: 1090px;
}
#content-navi ul {
height: 100px;
#padding: 0 40 0 40px;
#margin-top: 88px;
}
#content-navi li {
float: left;
#margin-left: 30px;
margin-top: 35px;
position: relative;
height: 50px;
font: bold 20px/1.2 Arial,Verdana;
color: #e8d6af;
background: url(../images/common/game_menu_div.html) no-repeat right 23px;
left: 40px;
}
#content-navi li a.depth01 {
display: block;
font-family: Arial,Helvetica,Regular,regular;
font-size: 15px;
color: #8b4e4e;
cursor: pointer;
text-transform: uppercase;
}
#content-navi li a.depth01 span.onLeft {
display: block;
float: left;
width: 18px;
height: 49px;
background: 0;
}
#content-navi li a.depth01 span.onCent {
display: block;
#float: left;
height: 30px;
padding-top: 49px;
background: 0;
margin-left: 22px;
}
#content-navi li a.depth01 span.onRight {
display: block;
float: left;
width: 21px;
height: 49px;
background: 0;
}
#content-navi li .gameSlideArea {
display: none;
position: absolute;
left: 18px;
top: 48px;
padding-top: 4px;
background: url(../../i.imgur.com/sUksNvJ.gif) no-repeat 12px 0;
z-index: 1000;
}
#content-navi li .gameSlideArea .gameSlideBox {
padding-bottom: 2px;
background: url(../../i.imgur.com/G3XVYLx.gif) no-repeat left bottom;
}
#content-navi li .gameSlideArea a {
display: block;
min-width: 181px;
width: 201px;
height: 25px;
padding: 7px 10px 0px 10px;
background: url(../../i.imgur.com/2WnpLxn.gif) no-repeat;
font: bold 11px/1.2 Arial,Verdana,sans-serif;
color: #999;
white-space: nowrap;
text-align: left;
}
#content-navi li .gameSlideArea a:hover {
color: #fff;
text-decoration: none;
background: url(../../i.imgur.com/HuSbS0n.gif) no-repeat;
box-shadow: 5px 10px #ffe3a6;
}
.article-background {
margin-top: -15px;
}
.article {
display: inline-block;
background: url(../images/contant-bg.png) repeat-y;
width: 1032px;
}
#footer_menu {
font-size: 11px;
font-weight: bold;
color: #ecc5a8;
text-align: center;
padding-top: 125px;
margin-bottom: 16px;
}
#footer_menu span {
background: url(../images/f_menu_p.png) 50% 7px no-repeat;
padding: 7px 22px;
}
#footer_menu a {
color: #ecc5a8;
text-transform: uppercase;
}
#footer_menu a:hover {
color: #fff;
text-decoration: none;
}
#fb-root {
height: 355px;
margin: 0 auto;
background: url(../images/body_bottom_bg.png);
background-repeat: repeat-x;
background-position: bottom;
text-align: center;
margin-top: -19px;
}
/* The navigation bar */
.navbar {
overflow: hidden;
position: absolute; /* Set the navbar to fixed position */
top: -10px; /* Position the navbar at the top of the page */
width: 100%; /* Full width */
height: 100px;
}
/* Links inside the navbar */
.navbar a {
float: left;
display: block;
color: ##8b4e4e;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* Change background on mouse-over */
.navbar a:hover {
background: #ddd;
color: black;
}
.languagepicker {
background: #;
display: inline-block;
padding: 0;
height: 40px;
overflow: hidden;
transition: all .3s ease;
#margin: 20px 10px -10px 20px;
/* vertical-align: top; */
#float: right;
font-size: 14px;
#border-top: 1px solid #e2a562;
#box-shadow: 0px 0px 0px 1px #e2a562;
}
}
.languagepicker:hover {
/* don't forget the 1px border */
#height: 26px;
}
.languagepicker a{
color: #fff;
text-decoration: none;
}
.languagepicker li {
display: block;
padding: 9px 100px;
#line-height: 26px;
#border-top: 1px solid #3c2525;
}
.languagepicker li:hover{
background-color:#5a2223;
}
.languagepicker a:first-child li {
border: none;
background: #170059 !important;
}
.languagepicker li img {
margin-right: 5px;
}
.roundborders {
border-radius: 5px;
}
.large:hover {
/*
don't forget the 1px border!
The first language is 40px heigh,
the others are 41px
*/
height: 160px;
}
#start-button {
padding-left: 350px;
}
/* Styles */
.level-table {
font-weight: bold;
}
img {
border: 0px;
}
#left table {
color: #b18779;
font-size: 12px;
font-weight: normal;
}
/*
table {
font-weight: bold;
}*/
table {
width: 100%;
border-collapse: collapse;
}
#panel_content {
width: 660px;
margin: 0px auto;
color: #fecaa9;
text-shadow: 1px 1px #501c23;
}
#header a {
display: block;
width: 228px;
height: 102px;
margin: 0px auto;
}
#menu {
clear:both;
background: url(../images/nav-menu.png) no-repeat;
height: 160px;
margin-left: -38px;
width: 1090px;
}
#menu_p a {
padding-top: 23px;
display: block;
float: left;
height: 68px;
padding: 27px 24px 0px 24px;
color: #8b4e4e;
font-weight: bold;
text-transform: uppercase;
#text-shadow: 1px 1px #f8f0ea;
}
#menu_p a:hover {
color: #8b2b30;
text-decoration: none;
background: url(../images/menu_sel.jpg) repeat-x;
text-shadow: 1px 1px #ebcfcc;
}
#menu_home:hover {
background: url(../images/home_hover.jpg) no-repeat !important;
}
#menu_p span {
top: 15px;
display: block;
float: left;
height: 68px;
width: 2px;
background: url(../images/menu_p.png) no-repeat;
}
/* navigation */
#nav, #nav ul {
padding:0;
margin: 0;
list-style: none;
position: relative;
z-index: 1;
}
#nav {
position: relative;
z-index: 999;
padding-top: 58px;
left: 44px;
}
#nav li {
float: left;
display: inline;
position: relative;
#top: 5px;
}
#nav ul li {
padding: 0;
float: none;
border: none;
display: block;
}
#nav li.hover li {
border:none;
}
#nav li div {
position: absolute;
top: 68px;
left: -9999px;
width: 180px;
z-index: 9999;
background: rgba(78,24,30,0.9);
-moz-box-shadow: 1px 1px 14px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 1px 14px rgba(0,0,0,0.4);
box-shadow: 1px 1px 14px rgba(0,0,0,0.4);
}
#nav li div a {
display: block;
padding: 8px;
padding-left: 25px;
color: #ffd9b0;
text-decoration: none;
#text-shadow: 1px 1px #320f15;
}
#nav li div a:hover {
color: #fff;
background: rgba(181,144,136,0.15);
#text-shadow: 1px 1px #320f15;
}
#nav li.hover div {
left: 0;
}
.nav {
display: flex;
}
#nav li div ul li a {
float: none !important;
height: 30px !important;
}
/* player navigation */
#pnav, #pnav ul {
padding:0;
margin: 0;
list-style: none;
position: relative;
z-index: 1;
}
#pnav {
position: relative;
z-index: 999;
}
#pnav li {
float: left;
display: inline;
position: relative;
}
#pnav ul li {
padding: 0;
float: none;
border: none;
display: block;
}
#pnav li.hover li {
border:none;
}
#pnav li div {
position: absolute;
top: 36px;
left: -9999px;
width: 180px;
z-index: 9999;
background: rgba(78,24,30,0.9);
-moz-box-shadow: 1px 1px 14px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 1px 14px rgba(0,0,0,0.4);
box-shadow: 1px 1px 14px rgba(0,0,0,0.4);
}
#pnav li div a {
display: block;
padding: 8px;
padding-left: 25px;
color: #ffd9b0;
text-decoration: none;
#text-shadow: 1px 1px #320f15;
line-height: 13px;
}
#pnav li div a:hover {
color: #fff;
background: rgba(181,144,136,0.15);
#text-shadow: 1px 1px #320f15;
}
#pnav li.hover div {
left: 0;
}
#pnav li div ul li a {
float: none !important;
height: 15px !important;
}
/* Style The Dropdown Button */
#dropbtn {
background-color: transparent;
color: #fecaa9;
padding: 11px;
font-size: 14px;
border: none;
cursor: pointer;
margin-left: 10px;
}
/* Style The Dropdown Button */
.dropbtn {
background-color: transparent;
color: #fecaa9;
padding: 11px;
font-size: 14px;
border: none;
cursor: pointer;
margin-left: 10px;
}
/* The container - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background: rgba(78,24,30,0.9);
-moz-box-shadow: 1px 1px 14px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 1px 14px rgba(0,0,0,0.4);
box-shadow: 1px 1px 14px rgba(0,0,0,0.4);
min-width: 130px;
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: #fff;
padding: 7px 24px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
color: #fff;
background: rgba(181,144,136,0.15);
text-shadow: 1px 1px #320f15;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
background-color: #88302e;
}
ul {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
}
ul li {
display: inline-block;
}
ul li:hover {
#background-color: #88302e;
}
ul li:hover ul {
display: block;
}
ul li ul {
position: absolute;
display: none;
}
ul li ul li {
#background-color: #88302e;
display: block;
}
ul li ul li a {
display:block;
}