/*===============================
/plugins/system/t3/base-bs3/fonts/font-awesome/css/font-awesome.min.css
================================================================================*/
@import url('/plugins/system/t3/base-bs3/fonts/font-awesome/css/font-awesome-base.css');@import url('/plugins/system/t3/base-bs3/fonts/font-awesome/css/icomoon-to-fw.css'); /*===============================
/templates/ja_playmag/local/css/template.css
================================================================================*/
@media (max-width: 767px) {
    .always-show .mega > .mega-dropdown-menu,.always-show .dropdown-menu {
        display:block !important;
        position: static
    }

    .open .dropdown-menu {
        display: block
    }
}

.t3-logo,.t3-logo-small {
    display: block;
    text-decoration: none;
    text-align: left;
    background-repeat: no-repeat;
    background-position: center
}

.t3-logo {
    width: 182px;
    height: 50px
}

.t3-logo-small {
    width: 60px;
    height: 30px
}

.t3-logo,.t3-logo-color {
    background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-big-color.png")
}

.t3-logo-small,.t3-logo-small.t3-logo-color {
    background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-small-color.png")
}

.t3-logo-dark {
    background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-big-dark.png")
}

.t3-logo-small.t3-logo-dark {
    background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-small-dark.png")
}

.t3-logo-light {
    background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-big-light.png")
}

.t3-logo-small.t3-logo-light {
    background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-small-light.png")
}

@media (max-width: 767px) {
    .logo-control .logo-img-sm {
        display:block
    }

    .logo-control .logo-img {
        display: none
    }
}

@media (min-width: 768px) {
    .logo-control .logo-img-sm {
        display:none
    }

    .logo-control .logo-img {
        display: block
    }
}

#community-wrap .collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    display: block
}

.body-data-holder:before {
    display: none;
    content: "grid-float-breakpoint:768px screen-xs:480px screen-sm:768px screen-md:992px screen-lg:1200px"
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #1a1a1a;
    text-decoration: none
}

a:hover,a:focus {
    color: #fa732a;
    text-decoration: none;
    outline: none
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: none
}

img {
    vertical-align: middle
}

th,td {
    line-height: 1.42857143;
    text-align: left;
    vertical-align: top
}

th {
    font-weight: bold
}

td,tr td {
    border-top: 1px solid #dddddd
}

.cat-list-row0:hover,.cat-list-row1:hover {
    background: #f5f5f5
}

.cat-list-row1,tr.cat-list-row1 td {
    background: #f9f9f9
}

table.contentpane,table.tablelist,table.category,table.admintable,table.blog {
    width: 100%
}

table.contentpaneopen {
    border: 0
}

.star {
    color: #ffcc00
}

.red {
    color: #dc1e25
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #e7e7e7
}

.wrap {
    width: auto;
    clear: both
}

.center,.table td.center,.table th.center {
    text-align: center
}

.element-invisible {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: sans-serif;
    font-weight: 400;
    line-height: 1.1;
    color: inherit
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #999999
}

h1,.h1,h2,.h2,h3,.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {
    font-size: 65%
}

h4,.h4,h5,.h5,h6,.h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {
    font-size: 75%
}

h1,.h1 {
    font-size: 36px
}

h2,.h2 {
    font-size: 30px
}

h3,.h3 {
    font-size: 24px
}

h4,.h4 {
    font-size: 18px
}

h5,.h5 {
    font-size: 14px
}

h6,.h6 {
    font-size: 10px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size:21px
    }
}

small,.small {
    font-size: 85%
}

cite {
    font-style: normal
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-muted {
    color: #999999
}

.text-primary {
    color: #fa732a
}

a.text-primary:hover,a.text-primary:focus {
    color: #eb5606
}

.text-success {
    color: #468847
}

a.text-success:hover,a.text-success:focus {
    color: #356635
}

.text-info {
    color: #3a87ad
}

a.text-info:hover,a.text-info:focus {
    color: #2d6987
}

.text-warning {
    color: #c09853
}

a.text-warning:hover,a.text-warning:focus {
    color: #a47e3c
}

.text-danger {
    color: #b94a48
}

a.text-danger:hover,a.text-danger:focus {
    color: #953b39
}

.bg-primary {
    color: #fff;
    background-color: #fa732a
}

a.bg-primary:hover,a.bg-primary:focus {
    background-color: #eb5606
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover,a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover,a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover,a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover,a.bg-danger:focus {
    background-color: #e4b9b9
}

.highlight {
    background-color: #FFC;
    font-weight: bold;
    padding: 1px 4px
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #e7e7e7
}

ul,ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul,ol ul,ul ol,ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt,dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999999
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #e7e7e7
}

blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,blockquote small,blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #999999
}

blockquote footer:before,blockquote small:before,blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #e7e7e7;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

blockquote:before,blockquote:after {
    content: ""
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code,kbd,pre,samp {
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace
}

.btn-actions {
    text-align: center
}

.features-list {
    margin-top: 60px
}

.features-list .page-header {
    border: 0;
    text-align: center
}

.features-list .page-header h1 {
    font-size: 46px
}

.features-list .feature-row {
    overflow: hidden;
    min-height: 200px;
    color: #696f72;
    border-top: 1px solid #e0e2e3;
    padding: 60px 0 0;
    text-align: center
}

.features-list .feature-row:last-child {
    border-bottom: 1px solid #e0e2e3;
    margin-bottom: 60px
}

.features-list .feature-row h3 {
    font-size: 28px
}

.features-list .feature-row div:first-child {
    padding-left: 0
}

.features-list .feature-row div:last-child {
    padding-right: 0
}

.features-list .feature-row div:first-child.feature-img img {
    float: left
}

.features-list .feature-row div:last-child.feature-img img {
    float: right
}

.jumbotron h2 {
    font-size: 46px
}

.jumbotron iframe {
    margin-top: 20px
}

div.joomla-page .jpage {
    font-family: 'bebas_neueregular',sans-serif;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
    transition: all 200ms
}

div.joomla-page .jpage .fa {
    border: 2px solid #555555;
    border-radius: 50%;
    color: #555555;
    display: block;
    font-size: 30px;
    height: 80px;
    line-height: 78px;
    margin: 20px auto;
    width: 80px
}

div.joomla-page .jpage a {
    color: #1a1a1a;
    display: block
}

div.joomla-page .jpage a:hover,div.joomla-page .jpage a:focus,div.joomla-page .jpage a:active {
    color: #fa732a
}

#colors-page img {
    box-shadow: 0 0 2px #cecece;
    margin-bottom: 0
}

#colors-page .color {
    border-radius: 50%;
    color: #ffffff;
    font-family: 'Roboto',sans-serif;
    left: 100%;
    height: 100px;
    line-height: 60px;
    margin-left: -50px;
    margin-top: -50px;
    padding: 20px;
    position: absolute;
    top: 50%;
    text-align: center;
    text-transform: uppercase;
    width: 100px
}

#colors-page .color.color-1 {
    background: #56A53F
}

#colors-page .color.color-2 {
    background: #D31A1F
}

#colors-page .color.color-3 {
    background: #2A598C
}

#colors-page .mask-left {
    background: rgba(0,0,0,0.6);
    left: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50%;
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms
}

@media screen and (max-width: 1199px) {
    #colors-page .mask-left {
        display:none
    }
}

#colors-page .mask-right {
    background: rgba(0,0,0,0.6);
    right: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50%;
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms
}

#colors-page .mask-right .color {
    left: auto;
    margin-right: -50px;
    right: 100%
}

@media screen and (max-width: 1199px) {
    #colors-page .mask-right {
        display:none
    }
}

#colors-page .col-color {
    position: relative;
    overflow: hidden
}

#colors-page .col-color:hover .mask-left {
    transform: translatex(-100%);
    -webkit-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    -moz-transform: translatex(-100%)
}

#colors-page .col-color:hover .mask-right {
    transform: translatex(100%);
    -webkit-transform: translatex(100%);
    -o-transform: translatex(100%);
    -moz-transform: translatex(100%)
}

@media screen and (max-width: 991px) {
    #colors-page .col-color {
        margin-bottom:40px
    }
}

.form-control:focus {
    border-color: #9b9b9b;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(155,155,155,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(155,155,155,0.6)
}

.form-control::-moz-placeholder {
    color: #999999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999999
}

.form-control::-webkit-input-placeholder {
    color: #999999
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 20px
}

.radio label,.checkbox label {
    display: inline
}

.form-control-static {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block
    }

    .form-inline .form-control {
        display: inline-block
    }

    .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
        float: none
    }
}

.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .form-control-static {
    padding-top: 7px
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'Roboto',sans-serif;
    font-weight: 700
}

.btn-inverse {
    color: #ffffff;
    background-color: #333333;
    border-color: #262626
}

.btn-inverse:focus,.btn-inverse.focus {
    color: #ffffff;
    background-color: #1a1a1a;
    border-color: #000000
}

.btn-inverse:hover {
    color: #ffffff;
    background-color: #1a1a1a;
    border-color: #080808
}

.btn-inverse:active,.btn-inverse.active,.open > .dropdown-toggle.btn-inverse {
    color: #CD7F32;
    background-color: #1a1a1a;
    background-image: none;
    border-color: #080808
}

.btn-inverse:active:hover,.btn-inverse.active:hover,.open > .dropdown-toggle.btn-inverse:hover,.btn-inverse:active:focus,.btn-inverse.active:focus,.open > .dropdown-toggle.btn-inverse:focus,.btn-inverse:active.focus,.btn-inverse.active.focus,.open > .dropdown-toggle.btn-inverse.focus {
    color: #ffffff;
    background-color: #080808;
    border-color: #000000
}

.btn-inverse.disabled:hover,.btn-inverse[disabled]:hover,fieldset[disabled] .btn-inverse:hover,.btn-inverse.disabled:focus,.btn-inverse[disabled]:focus,fieldset[disabled] .btn-inverse:focus,.btn-inverse.disabled.focus,.btn-inverse[disabled].focus,fieldset[disabled] .btn-inverse.focus {
    background-color: #333333;
    border-color: #262626
}

.btn-inverse .badge {
    color: #333333;
    background-color: #ffffff
}

.btn-border {
    background: none;
    border: 2px solid #fa732a;
    color: #fa732a;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700
}

.btn-border:focus {
    background: #fa732a;
    border-color: #fa732a;
    color: #ffffff
}

.btn-border:hover,.btn-border:focus {
    background: #fa732a;
    border-color: #fa732a;
    color: #ffffff
}

.btn-block + .btn-block {
    margin-top: 5px
}

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.inputbox {
    border-color: #cecece;
    border-radius: 0;
    box-shadow: none;
    color: #999999;
    height: 38px
}

select:focus,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.inputbox:focus {
    border-color: #9b9b9b;
    box-shadow: none;
    color: #333333
}

select::-moz-placeholder,textarea::-moz-placeholder,input[type="text"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="datetime"]::-moz-placeholder,input[type="datetime-local"]::-moz-placeholder,input[type="date"]::-moz-placeholder,input[type="month"]::-moz-placeholder,input[type="time"]::-moz-placeholder,input[type="week"]::-moz-placeholder,input[type="number"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="url"]::-moz-placeholder,input[type="search"]::-moz-placeholder,input[type="tel"]::-moz-placeholder,input[type="color"]::-moz-placeholder,.inputbox::-moz-placeholder {
    color: #999999;
    opacity: 1
}

select:-ms-input-placeholder,textarea:-ms-input-placeholder,input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="datetime"]:-ms-input-placeholder,input[type="datetime-local"]:-ms-input-placeholder,input[type="date"]:-ms-input-placeholder,input[type="month"]:-ms-input-placeholder,input[type="time"]:-ms-input-placeholder,input[type="week"]:-ms-input-placeholder,input[type="number"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="url"]:-ms-input-placeholder,input[type="search"]:-ms-input-placeholder,input[type="tel"]:-ms-input-placeholder,input[type="color"]:-ms-input-placeholder,.inputbox:-ms-input-placeholder {
    color: #999999
}

select::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="datetime"]::-webkit-input-placeholder,input[type="datetime-local"]::-webkit-input-placeholder,input[type="date"]::-webkit-input-placeholder,input[type="month"]::-webkit-input-placeholder,input[type="time"]::-webkit-input-placeholder,input[type="week"]::-webkit-input-placeholder,input[type="number"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="url"]::-webkit-input-placeholder,input[type="search"]::-webkit-input-placeholder,input[type="tel"]::-webkit-input-placeholder,input[type="color"]::-webkit-input-placeholder,.inputbox::-webkit-input-placeholder {
    color: #999999
}

textareaselect,textareatextarea,textareainput[type="text"],textareainput[type="password"],textareainput[type="datetime"],textareainput[type="datetime-local"],textareainput[type="date"],textareainput[type="month"],textareainput[type="time"],textareainput[type="week"],textareainput[type="number"],textareainput[type="email"],textareainput[type="url"],textareainput[type="search"],textareainput[type="tel"],textareainput[type="color"],textarea.inputbox {
    height: auto
}

@media screen and (min-width: 768px) {
    select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.inputbox {
        width:auto
    }
}

select,select.form-control,select.inputbox,select.input {
    padding-right: 5px
}

.input-append .active,.input-prepend .active {
    background-color: #abdba8;
    border-color: #4aa545
}

.invalid {
    border-color: #dc1e25
}

label.invalid {
    color: #dc1e25
}

input.invalid {
    border: 1px solid #dc1e25
}

.dropdown-menu > li > a {
    padding: 5px 20px
}

.dropdown-header {
    padding: 3px 20px;
    font-size: 14px
}

.dropdown-header a {
    color: #999999
}

.dropdown-submenu > a:after {
    border-left-color: #333333
}

.dropdown-submenu:hover > a:after {
    border-left-color: #262626
}

.nav > li > .separator {
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height: 20px
}

@media (min-width: 768px) {
    .nav > li > .separator {
        padding-top:15px;
        padding-bottom: 15px
    }
}

@media (max-width: 991px) {
    .nav > li > span {
        padding:10px 15px;
        display: inline-block
    }
}

.t3-mainbody .nav-pills > li {
    padding: 5px
}

.t3-mainbody .nav-pills > li > a {
    border-bottom: 1px solid transparent;
    display: inline-block;
    font-weight: bold;
    padding: 1px 0;
    text-transform: uppercase;
    transition: 0.2s
}

.t3-mainbody .nav-pills > li > a:hover,.t3-mainbody .nav-pills > li > a:active,.t3-mainbody .nav-pills > li > a:focus {
    background: none;
    border-bottom: 1px solid #e7e7e7;
    margin-left: 10px;
    color: #fa732a
}

.t3-mainbody .nav-pills > li.open > a {
    background: none;
    border-bottom: 1px solid #e7e7e7;
    margin-left: 10px;
    color: #fa732a
}

.t3-mainbody .nav-pills > li.open > a .caret {
    border-bottom-color: #fa732a;
    border-top-color: #fa732a
}

.t3-mainbody .nav-pills > li.open > a:hover {
    background: none;
    border-bottom: 1px solid #e7e7e7
}

.t3-mainbody .nav-pills > li.active > a,.t3-mainbody .nav-pills > li.active > a:hover,.t3-mainbody .nav-pills > li.active > a:focus {
    background: none;
    border-bottom: 1px solid #fa732a;
    color: #fa732a;
    margin-left: 0
}

.t3-mainbody .nav-pills > li .dropdown-menu {
    margin: 0
}

.t3-mainbody .nav-pills > li .dropdown-menu li > a {
    transition: 0.2s;
    color: #999999
}

.t3-mainbody .nav-pills > li .dropdown-menu li > a:hover,.t3-mainbody .nav-pills > li .dropdown-menu li > a:active,.t3-mainbody .nav-pills > li .dropdown-menu li > a:focus {
    padding-left: 25px;
    color: #ffffff
}

.t3-mainbody .nav-pills > li .dropdown-menu > .active > a,.t3-mainbody .nav-pills > li .dropdown-menu > .active > a:hover,.t3-mainbody .nav-pills > li .dropdown-menu > .active > a:focus {
    background: none;
    color: #fa732a;
    padding-left: 20px
}

.nav .caret {
    border-top-color: #1a1a1a;
    border-bottom-color: #1a1a1a
}

.nav a:hover .caret {
    border-top-color: #fa732a;
    border-bottom-color: #fa732a
}

.t3-navhelper .container {
    background: #f5f5f5;
    border-top: 1px solid #e7e7e7;
    color: #555555;
    padding: 5px 0
}

.breadcrumb {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0
}

.breadcrumb > li + li:before {
    content: "/\00a0"
}

.breadcrumb > .active {
    color: #999999
}

.breadcrumb > .active + li:before {
    content: "";
    padding: 0
}

.breadcrumb > .active .hasTooltip {
    padding-right: 10px
}

.breadcrumb .divider {
    display: none
}

.pagination li:first-child a,.pagination li:last-child a {
    border-radius: 0
}

.pagination li a {
    border: 0;
    background: #999999;
    color: #ffffff;
    font-family: 'Roboto',sans-serif;
    margin: 0 1px 1px 0;
    padding: 8px 20px
}

.pagination li a:hover,.pagination li a:focus,.pagination li a:active {
    color: #ffffff
}

.pagination li.disabled a {
    background: #bfbfbf;
    color: #ffffff
}

.pagination li.disabled a:hover,.pagination li.disabled a:focus,.pagination li.disabled a:active {
    background: #bfbfbf;
    color: #ffffff
}

.pagination {
    display: block
}

.pagination:before,.pagination:after {
    display: table;
    content: " "
}

.pagination:after {
    clear: both
}

@media screen and (min-width: 768px) {
    .pagination {
        float:left
    }
}

.pagination .pagination {
    display: inline-block
}

.counter {
    border-radius: 0px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    display: inline-block;
    margin-top: 20px;
    padding: 8px 20px
}

@media screen and (min-width: 768px) {
    .counter {
        float:right
    }
}

.navbar {
    font-family: 'Roboto',sans-serif;
    font-size: 12px
}

.navbar-toggle {
    border: 0;
    border-left: 1px solid rgba(255,255,255,0.2);
    position: absolute;
    right: -15px;
    padding: 0;
    height: 50px;
    line-height: 1;
    margin: 0;
    top: 0;
    width: 53px;
    z-index: 1000
}

.navbar-toggle .fa-bars {
    color: #ffffff
}

@media (min-width: 768px) {
    .navbar-toggle {
        display:none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

@media (min-width: 768px) {
    .navbar-nav {
        margin:0
    }
}

.navbar-nav > li > .dropdown-menu {
    background: #CD7F32;
    border-radius: 0;
    border: 0;
    padding-top: 15px
}

.navbar-nav > li > .dropdown-menu a {
    color: #999999;
    padding: 10px 20px;
    border-bottom: 1px solid #222222
}

.navbar-nav > li > .dropdown-menu a:hover,.navbar-nav > li > .dropdown-menu a:focus {
    color: #ffffff;
    background: none
}

.navbar-nav > li > .dropdown-menu .banneritem a {
    padding: 0
}

.navbar-nav > li > .dropdown-menu .parent:last-child > a {
    border: 0
}

.navbar-nav > li > .dropdown-menu .active > a,.navbar-nav > li > .dropdown-menu .active > a:hover,.navbar-nav > li > .dropdown-menu .active > a:focus {
    color: #fa732a;
    background: none
}

.navbar-nav > li > .dropdown-menu .open > a:hover,.navbar-nav > li > .dropdown-menu .open > a:focus {
    color: #ffffff;
    background: none
}

.dropdown-menu > li > a {
    padding: 10px 20px;
    font-weight: 300;
    font-size: 12px;
    border-bottom: 1px solid #222222;
    color: #999999
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
    color: #fa732a;
    background: none
}

.dropdown-menu > li.open > a {
    background: none
}

.dropdown-menu > li.open > a:hover,.dropdown-menu > li.open > a:focus {
    border-color: #222222;
    background: none
}

.dropdown-menu > li:last-child > a {
    border: 0
}

.dropdown-submenu.open > .dropdown-menu {
    background: #222222;
    border: 0;
    border-radius: 0
}

.dropdown-submenu.open > .dropdown-menu > li > a {
    border-color: #333333
}

.dropdown-submenu.open > a:after {
    border-left-color: #ffffff
}

.navbar-nav > li > .dropdown-menu .parent.open > a {
    background: none;
    color: #ffffff
}

.navbar-default {
    background-color: transparent;
    border-color: transparent
}

.navbar-default .navbar-brand {
    color: #ffffff
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #ffffff
}

.navbar-default .navbar-nav {
    border-left: 1px solid rgba(255,255,255,0.2)
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    border-right: 1px solid rgba(255,255,255,0.2);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background: #000000
}

.navbar-default .navbar-nav > li > .nav-header {
    color: #777777;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .alias-parent-active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .alias-parent-active > a:hover,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .alias-parent-active > a:focus {
    color: #ffffff;
    background: #eb5606;
    box-shadow: 0 0 10px rgba(0,0,0,0.2) inset
}

.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {
    border-right: 1px solid rgba(255,255,255,0.2)
}

.navbar-default .navbar-nav > .disabled > a,.navbar-default .navbar-nav > .disabled > a:hover,.navbar-default .navbar-nav > .disabled > a:focus {
    color: #ffffff;
    background: #000000
}

.navbar-default .navbar-toggle {
    border-color: rgba(255,255,255,0.2)
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color: #CD7F32;
    border-color: rgba(255,255,255,0.2)
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #cccccc
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #f95e0a
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff
}

.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background: #CD7F32
}

.navbar-default .navbar-nav > .open > a .caret,.navbar-default .navbar-nav > .open > a:hover .caret,.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff
}

.navbar-default .navbar-nav > .open.active > a,.navbar-default .navbar-nav > .open.active > a:hover,.navbar-default .navbar-nav > .open.active > a:focus {
    color: #ffffff;
    background: none
}

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color:#777777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555555;
        background-color: #f95e0a
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777777
}

.navbar-default .navbar-link:hover {
    color: #333333
}

@media (min-width: 768px) and (max-width:991px) {
    #t3-mainnav {
        border-top:1px solid rgba(255,255,255,0.3);
        padding-left: 0;
        padding-right: 0
    }
}

.t3-mainnav {
    border-left: 0;
    border-right: 0;
    margin-bottom: -1px;
    margin-top: -1px;
    border-radius: 0
}

.t3-mainnav .t3-navbar {
    padding-left: 0;
    padding-right: 0;
    color: #ffffff
    background:#CD7F32;
}

.t3-mainnav .t3-navbar-collapse {
    border-top-color: rgba(255,255,255,0.2);
    background: #1a1a1a;
    margin: 0 -15px
}

@media (min-width: 768px) {
    .t3-mainnav .t3-navbar-collapse {
        display:none !important
    }
}

.t3-mainnav .t3-navbar-collapse .navbar-nav {
    margin: 0 -15px
}

.t3-mainnav .t3-navbar-collapse .navbar-nav > li > a {
    border-left: 4px solid #1a1a1a
}

.t3-mainnav .t3-navbar-collapse .navbar-nav li > a .fa {
    margin-right: 5px
}

.t3-mainnav .t3-navbar-collapse .navbar-nav > li.active > a,.t3-mainnav .t3-navbar-collapse .navbar-nav > li.open > a {
    border-left-color: #fa732a;
    background: #272727
}

.t3-mainnav .t3-navbar-collapse .navbar-nav > li.active.open > a,.t3-mainnav .t3-navbar-collapse .navbar-nav > li.open.open > a {
    background: #272727
}

.t3-mainnav .t3-navbar-collapse .navbar-nav > li > a {
    border-top: 1px solid #474747
}

.t3-mainnav .t3-navbar-collapse .navbar-nav > li:first-child > a {
    border-top: 0
}

.t3-mainnav .t3-navbar-collapse .navbar-nav .open .dropdown-menu {
    padding: 0
}

.t3-mainnav .t3-navbar-collapse .navbar-nav .open .dropdown-menu li a {
    border-bottom: 0
}

.t3-mainnav .t3-navbar-collapse .navbar-nav .open .dropdown-menu > li > a:hover,.t3-mainnav .t3-navbar-collapse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fa732a
}

.t3-mainnav .t3-navbar-collapse .navbar-nav .open .dropdown-menu > li.active > a {
    background: transparent;
    color: #fa732a
}

.t3-mainnav .t3-navbar-collapse .navbar-nav .open .dropdown-menu > li > a {
    font-weight: 700
}

.t3-mainnav .t3-navbar-collapse .navbar-nav .open .dropdown-menu > li .dropdown-menu > li > a {
    padding-left: 40px
}

.t3-mainnav .t3-navbar-collapse .navbar-nav .open .dropdown-menu .mega-group .dropdown-submenu .dropdown-menu li a {
    border-bottom: 0;
    font-weight: normal;
    padding-left: 60px
}

.t3-mainnav .t3-navbar-collapse .navbar-nav .open .dropdown-menu .mega-group .dropdown-submenu.open .dropdown-menu {
    background: transparent
}

.t3-mainnav .t3-navbar-collapse .navbar-nav .dropdown > a .caret {
    position: absolute;
    top: 40%;
    right: 12px
}

.t3-module {
    background: transparent;
    color: inherit;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .t3-module {
        margin-bottom:30px
    }
}

.t3-module .module-inner {
    padding: 0
}

.module-title {
    background: transparent;
    color: #1a1a1a;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 15px 0;
    font-family: 'Roboto',sans-serif;
    text-transform: uppercase;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .module-title {
        margin-bottom:20px
    }
}

.module-ct {
    background: transparent;
    color: inherit;
    padding: 0
}

.module-ct:before,.module-ct:after {
    display: table;
    content: " "
}

.module-ct:after {
    clear: both
}

.module-ct > ul,.module-ct .custom > ul,.module-ct > ol,.module-ct .custom > ol {
    margin-left: 20px;
    padding-left: 0
}

.module-ct > ul.unstyled,.module-ct .custom > ul.unstyled,.module-ct > ol.unstyled,.module-ct .custom > ol.unstyled {
    padding-left: 0
}

.module-ct > ul.nav,.module-ct .custom > ul.nav,.module-ct > ol.nav,.module-ct .custom > ol.nav {
    padding-left: 0;
    margin-left: 0
}

.new-product {
    border-left: 1px solid #e7e7e7;
    padding-left: 20px
}

.new-product h4 {
    color: #1a1a1a;
    font-weight: 700
}

.new-product span.price {
    color: #4aa545;
    font-size: 36px;
    font-family: 'bebas_neueregular',sans-serif
}

.highlight-module {
    background: #1a1a1a
}

.highlight-module .module-title {
    background: #b5b5b5;
    border-left: 0;
    color: #ffffff;
    text-align: center
}

.highlight-module .module-title span {
    background: transparent
}

.highlight-module .module-ct {
    padding: 20px
}

.highlight-module a {
    color: #ffffff
}

.module-title {
    border-left: 5px solid #fa732a;
    background: url("/templates/ja_playmag/images/dot.gif") repeat-x center right
}

.module-title span {
    background: #ffffff;
    display: inline-block;
    padding-left: 15px;
    padding-right: 20px
}

.title-inline {
    position: relative
}

.title-inline .module-title {
    position: absolute;
    margin-bottom: 0;
    z-index: 2;
    padding-left: 20px;
    padding-right: 20px
}

.title-background-black .module-title {
    background: #000000;
    border-left: 0;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px
}

.title-background-black .module-title span {
    background: transparent;
    padding: 0
}

.title-background-primary.t3-module {
    background: #1a1a1a;
    border-bottom: 5px solid #fa732a
}

.title-background-primary .module-title {
    background: #fa732a;
    border-left: 0;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0
}

.title-background-primary .module-title span {
    background: transparent;
    padding: 0
}

.title-background-secondary .module-title {
    display: inline-block;
    background: #4aa545;
    border-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff
}

.title-background-secondary .module-title span {
    background: transparent;
    padding: 0
}

.title-background-gray .module-title {
    border-left: 0;
    color: #ffffff;
    background: #e7e7e7;
    padding-top: 0;
    padding-bottom: 0
}

.title-background-gray .module-title span {
    display: inline-block;
    background: #4aa545;
    padding: 15px 20px
}

.module_menu .nav > li > a,.module_menu .nav > li > .separator {
    padding: 6px 5px;
    display: block
}

#login-form input[type="text"],#login-form input[type="password"] {
    width: 100%
}

#login-form .input-group .input-group-addon {
    background: transparent;
    border-radius: 0;
    border-color: #cecece;
    color: #333333
}

#login-form .input-group .input-group-addon .fa {
    color: #555555
}

#login-form .btn-primary {
    width: 50%
}

#login-form #form-login-remember {
    display: inline-block;
    margin-bottom: 20px
}

#login-form #form-login-remember label {
    margin: 0;
    font-weight: normal;
    color: #555555
}

#login-form ul.unstyled {
    margin-top: 20px;
    padding-left: 0;
    list-style: none
}

#login-form ul.unstyled li {
    margin-bottom: 5px
}

#login-form ul.unstyled li a {
    color: #555555
}

#login-form ul.unstyled li a:hover {
    color: #fa732a
}

#login-form ul.unstyled li:last-child {
    margin-bottom: 0
}

#login-form .logout-button {
    margin-top: 20px
}

ul.whosonline {
    list-style: none;
    margin-left: 0
}

ul.whosonline li {
    border-bottom: 1px dotted #e7e7e7;
    color: #1a1a1a;
    padding: 10px 0
}

ul.whosonline li:last-child {
    border: 0
}

.module-ct div.finder .form-group {
    width: 100%
}

.module-ct div.finder .form-group input[type="text"] {
    width: 100%
}

ul#finder-filter-select-list {
    margin: 0;
    padding: 0;
    list-style: none
}

ul#finder-filter-select-list li {
    margin-top: 20px
}

ul#finder-filter-select-list label {
    margin-bottom: 10px;
    display: block
}

ul#finder-filter-select-list select {
    width: 100%
}

.banneritem a {
    font-weight: bold
}

.banneritem img {
    max-width: 100%;
}

.bannerfooter {
    border-top: 1px solid #e7e7e7;
    font-size: 12px;
    padding-top: 10px;
    text-align: right
}

div.mod-languages {
    height: 30px;
    line-height: 30px
}

div.mod-languages li:last-child {
    margin-right: 0
}

.categories-module,ul.categories-module,.category-module,ul.category-module {
    margin: 0
}

.categories-module li,ul.categories-module li,.category-module li,ul.category-module li {
    list-style: none;
    padding: 10px 0
}

.categories-module li:first-child,ul.categories-module li:first-child,.category-module li:first-child,ul.category-module li:first-child {
    padding-top: 0
}

.categories-module li:last-child,ul.categories-module li:last-child,.category-module li:last-child,ul.category-module li:last-child {
    padding-bottom: 0
}

.categories-module h4,ul.categories-module h4,.category-module h4,ul.category-module h4 {
    font-size: 14px;
    font-weight: normal;
    margin: 0
}

.categories-module .tags span,ul.categories-module .tags span,.category-module .tags span,ul.category-module .tags span {
    display: inline-block;
    margin: 0 4px 4px 0
}

.categories-module .tags span > a,ul.categories-module .tags span > a,.category-module .tags span > a,ul.category-module .tags span > a,.categories-module .tags span > .label-info,ul.categories-module .tags span > .label-info,.category-module .tags span > .label-info,ul.category-module .tags span > .label-info {
    background: none;
    border-radius: 0;
    color: #999999;
    display: block;
    font-size: 10px;
    font-weight: bold;
    padding: 0;
    text-transform: uppercase
}

.categories-module .tags span > a:hover,ul.categories-module .tags span > a:hover,.category-module .tags span > a:hover,ul.category-module .tags span > a:hover,.categories-module .tags span > .label-info:hover,ul.categories-module .tags span > .label-info:hover,.category-module .tags span > .label-info:hover,ul.category-module .tags span > .label-info:hover,.categories-module .tags span > a:active,ul.categories-module .tags span > a:active,.category-module .tags span > a:active,ul.category-module .tags span > a:active,.categories-module .tags span > .label-info:active,ul.categories-module .tags span > .label-info:active,.category-module .tags span > .label-info:active,ul.category-module .tags span > .label-info:active,.categories-module .tags span > a:focus,ul.categories-module .tags span > a:focus,.category-module .tags span > a:focus,ul.category-module .tags span > a:focus,.categories-module .tags span > .label-info:focus,ul.categories-module .tags span > .label-info:focus,.category-module .tags span > .label-info:focus,ul.category-module .tags span > .label-info:focus {
    background: none;
    color: #fa732a
}

.categories-module li,ul.categories-module li {
    border-bottom: 1px dotted #e7e7e7
}

.categories-module li .fa,ul.categories-module li .fa {
    margin-right: 5px
}

.categories-module li a,ul.categories-module li a {
    color: #555555
}

.categories-module li a:hover,ul.categories-module li a:hover {
    color: #fa732a
}

.categories-module li:last-child,ul.categories-module li:last-child {
    border: 0
}

.category-module.top-games li {
    position: relative;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #252525
}

.category-module.top-games li:before,.category-module.top-games li:after {
    display: table;
    content: " "
}

.category-module.top-games li:after {
    clear: both
}

.category-module.top-games li:hover h4 {
    border-bottom-color: #252525
}

.category-module.top-games li.first-item {
    padding-right: 0;
    padding-bottom: 20px;
    text-align: center
}

.category-module.top-games li.first-item .rating-score {
    right: 50%;
    margin-right: -20px;
    top: 30px
}

.category-module.top-games li.first-item .article-img {
    float: none;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px
}

.category-module.top-games li.first-item h4 {
    font-size: 18px
}

.category-module.top-games .article-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    border-radius: 50px
}

.category-module.top-games .article-img img {
    max-height: 100%
}

.category-module.top-games .article-img .img-intro {
    height: 100%
}

.category-module.top-games li:last-child {
    border-bottom: 1px solid #252525;
    padding-bottom: 20px
}

.category-module.top-games h4 {
    font-weight: 700;
    border-bottom: 1px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.category-module.top-games .tags span > a {
    color: #666
}

.category-module.top-games .tags span > a:hover,.category-module.top-games .tags span > a:active,.category-module.top-games .tags span > a:focus {
    color: #fa732a
}

.category-module.top-games .rating-score {
    position: absolute;
    right: 0;
    top: 20px
}

.category-module.top-games + .btn {
    margin-top: 20px
}

.category-module.top-games .tags .label {
    background: none;
    padding: 0 5px 0 0;
    color: #656565
}

.category-module.top-games .tags .label:hover,.category-module.top-games .tags .label:focus,.category-module.top-games .tags .label:active {
    color: #ffffff
}

.category-module.latest-reviews {
    margin-left: -15px;
    margin-right: -15px
}

.category-module.latest-reviews:before,.category-module.latest-reviews:after {
    display: table;
    content: " "
}

.category-module.latest-reviews:after {
    clear: both
}

.category-module.latest-reviews > div:hover h4 a {
    border-bottom: 1px solid #e7e7e7;
    color: #1a1a1a
}

.category-module.latest-reviews > div:hover .article-img .item-image-border {
    border-width: 5px
}

.category-module.latest-reviews .article-img {
    position: relative
}

.category-module.latest-reviews .article-img .img-intro {
    overflow: hidden
}

.category-module.latest-reviews .article-img .img-intro img {
    max-width: 100%
}

.category-module.latest-reviews .article-img a {
    display: block
}

.category-module.latest-reviews .article-img .item-image-border {
    border: 0 solid #000000;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s
}

.category-module.latest-reviews .article-img .rating-score {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px
}

.category-module.latest-reviews .article-img:hover .video-thumbnail:before {
    filter: alpha(opacity=80);
    opacity: 0.8
}

.category-module.latest-reviews .tags {
    background: none;
    border: 0;
    padding: 0;
    margin: 0 0 10px
}

.category-module.latest-reviews .tags > span {
    margin: 0
}

.category-module.latest-reviews .tags .label {
    background: none;
    padding: 0 5px 0 0;
    color: #999;
    font-size: 10px
}

.category-module.latest-reviews .tags .label:hover,.category-module.latest-reviews .tags .label:focus,.category-module.latest-reviews .tags .label:active {
    color: #fa732a
}

.category-module.latest-reviews h4 {
    line-height: 1.42857143;
    font-weight: 700;
    font-size: 18px;
    margin: 20px 0 5px
}

.category-module.latest-reviews .tags {
    margin: -3px 0 10px
}

.category-module.latest-reviews .tags span > a {
    font-size: 10px
}

.category-module.latest-reviews.title-background-primary {
    margin: 0
}

.category-module.latest-reviews.title-background-primary > div {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px
}

@media (min-width: 768px) {
    .category-module.latest-reviews.title-background-primary > div {
        border-right:1px solid #222222
    }
}

.category-module.latest-reviews.title-background-primary > div:hover h4 a {
    color: #ffffff;
    border-bottom: 1px solid #252525
}

@media screen and (max-width: 480px) {
    .category-module.latest-reviews.title-background-primary > div:hover h4 a {
        border-bottom:0
    }
}

@media screen and (max-width: 767px) {
    .category-module.latest-reviews.title-background-primary > div {
        padding-bottom:0
    }
}

.category-module.latest-reviews.title-background-primary h4 {
    position: absolute;
    bottom: 0;
    font-size: 18px;
    margin: 0;
    padding: 20px
}

@media (min-width: 480px) {
    .category-module.latest-reviews.title-background-primary h4 {
        font-size:24px
    }
}

@media (min-width: 768px) {
    .category-module.latest-reviews.title-background-primary h4 {
        position:static;
        font-size: 14px;
        padding-bottom: 0
    }
}

.category-module.latest-reviews.title-background-primary h4 a {
    color: #ffffff
}

.category-module.latest-reviews.title-background-primary .tags {
    position: absolute;
    top: 20px;
    margin: 0;
    padding: 0 20px;
    z-index: 2
}

@media (min-width: 768px) {
    .category-module.latest-reviews.title-background-primary .tags {
        position:static;
        margin: 5px 20px 0;
        padding: 0
    }
}

.category-module.latest-reviews.title-background-primary .tags span > a {
    color: #e7e7e7
}

@media (min-width: 768px) {
    .category-module.latest-reviews.title-background-primary .tags span > a {
        color:#666
    }
}

.category-module.latest-reviews.title-background-primary .tags span > a:hover {
    color: #fa732a
}

.category-module.latest-reviews.title-background-primary .mod-articles-desc {
    padding: 0 20px
}

.category-module.latest-reviews.title-background-primary .mod-articles-desc a {
    color: #ffffff
}

.category-module.latest-reviews.title-background-primary .mod-articles-desc a:hover,.category-module.latest-reviews.title-background-primary .mod-articles-desc a:focus,.category-module.latest-reviews.title-background-primary .mod-articles-desc a:active {
    color: #fa732a
}

.feed h4 {
    font-weight: bold
}

.feed .newsfeed,.feed ul.newsfeed {
    border-top: 1px solid #e7e7e7
}

.feed .newsfeed .feed-link,.feed ul.newsfeed .feed-link,.feed .newsfeed h5.feed-link,.feed ul.newsfeed h5.feed-link {
    font-size: 14px;
    font-weight: normal;
    margin: 0
}

.newsflash .newsflash-item:first-child {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.newsflash .newsflash-item:first-child .article-img {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-right: 0
}

.newsflash .newsflash-item:first-child p {
    display: block
}

.newsflash .newsflash-item:first-child .newsflash-title {
    font-size: 18px
}

.newsflash .newsflash-item:hover .item-image-border {
    border-width: 5px
}

.newsflash .newsflash-item:hover .newsflash-title a {
    color: #1a1a1a;
    border-bottom: 1px solid #e7e7e7
}

.newsflash .newsflash-item:hover .article-img img {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05)
}

.newsflash .article-img {
    float: left;
    width: 90px;
    margin-right: 20px
}

.newsflash .article-img .img-intro {
    position: relative;
    overflow: hidden
}

.newsflash .article-img img {
    max-width: 100%;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s
}

.newsflash .article-img .item-image-border {
    border: 0 solid #000000;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    -webkit-transition: border 0.3s ease 0s;
    -o-transition: border 0.3s ease 0s;
    transition: border 0.3s ease 0s
}

.newsflash p {
    display: none
}

.newsflash .newsflash-title {
    line-height: 1.42857143;
    font-weight: 700;
    font-size: 14px
}

.module-ct > ul.mostread {
    margin: 0;
    list-style: none
}

.module-ct > ul.mostread li {
    position: relative;
    min-height: 175px;
    overflow: hidden
}

.module-ct > ul.mostread li .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-image: -webkit-linear-gradient(135deg,#000000,#fa732a);
    background-image: -o-linear-gradient(135deg,#000000,#fa732a);
    background-image: linear-gradient(135deg,#000000,#fa732a);
    background-repeat: repeat-x;
    filter: alpha(opacity=80);
    opacity: 0.8
}

.module-ct > ul.mostread li .mask-background-1 {
    background-image: -webkit-linear-gradient(135deg,#000000,#fa732a);
    background-image: -o-linear-gradient(135deg,#000000,#fa732a);
    background-image: linear-gradient(135deg,#000000,#fa732a);
    background-repeat: repeat-x
}

.module-ct > ul.mostread li .mask-background-2 {
    background-image: -webkit-linear-gradient(135deg,#000000,#dc1e25);
    background-image: -o-linear-gradient(135deg,#000000,#dc1e25);
    background-image: linear-gradient(135deg,#000000,#dc1e25);
    background-repeat: repeat-x
}

.module-ct > ul.mostread li .mask-background-3 {
    background-image: -webkit-linear-gradient(135deg,#000000,#4aa545);
    background-image: -o-linear-gradient(135deg,#000000,#4aa545);
    background-image: linear-gradient(135deg,#000000,#4aa545);
    background-repeat: repeat-x
}

.module-ct > ul.mostread li .mask-background-4 {
    background-image: -webkit-linear-gradient(135deg,#000000,#1d578a);
    background-image: -o-linear-gradient(135deg,#000000,#1d578a);
    background-image: linear-gradient(135deg,#000000,#1d578a);
    background-repeat: repeat-x
}

.module-ct > ul.mostread li .mask-background-5 {
    background-image: -webkit-linear-gradient(135deg,#000000,#fa732a);
    background-image: -o-linear-gradient(135deg,#000000,#fa732a);
    background-image: linear-gradient(135deg,#000000,#fa732a);
    background-repeat: repeat-x
}

.module-ct > ul.mostread li:hover .article-title {
    bottom: 40px
}

.module-ct > ul.mostread li:hover .article-intro {
    bottom: 20px
}

.module-ct > ul.mostread .article-img img {
    max-width: 100%
}

.module-ct > ul.mostread .article-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    z-index: 2;
    -webkit-transition: bottom 300ms;
    -o-transition: bottom 300ms;
    transition: bottom 300ms
}

.module-ct > ul.mostread .article-intro {
    position: absolute;
    padding: 0 20px;
    bottom: -200px;
    z-index: 2;
    height: 20px;
    overflow: hidden;
    color: #ffffff;
    width: 100%;
    -webkit-transition: bottom 600ms;
    -o-transition: bottom 600ms;
    transition: bottom 600ms
}

.module-ct > ul.mostread .article-intro p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.latestusers,ul.latestusers {
    margin-left: 0
}

.latestusers li,ul.latestusers li {
    background: #e7e7e7;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 0px
}

.stats-module dt,.stats-module dd {
    display: inline-block;
    margin: 0
}

.stats-module dt {
    font-weight: bold;
    width: 35%
}

.stats-module dd {
    width: 60%
}

.tagspopular ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.tagspopular ul > li {
    color: #555555;
    display: inline-block;
    margin: 0 3px 8px 0
}

.tagspopular ul > li > a {
    background: #000000;
    border-radius: 0;
    color: #ffffff;
    display: block;
    padding: 5px 15px
}

.tagspopular ul > li > a:hover,.tagspopular ul > li > a:focus,.tagspopular ul > li > a:active {
    background: #fa732a;
    text-decoration: none
}

.tagssimilar ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.tagssimilar ul > li {
    border-bottom: 1px solid #e7e7e7;
    padding: 8px 0
}

.tagssimilar ul > li > a {
    color: #555555
}

.tagssimilar ul > li > a:hover,.tagssimilar ul > li > a:focus,.tagssimilar ul > li > a:active {
    color: #fa732a
}

.module-ct > ol.breadcrumb {
    padding: 6px 12px;
    margin-left: 0
}

.t3-bottomslider {
    background: #1a1a1a
}

.t3-bottomslider .container {
    padding: 100px 0;
    border-top: 5px solid #fa732a;
    position: relative;
    top: -5px;
    border: 0;
    background: none
}

.t3-bottomslider .module-title {
    font-size: 79.2px;
    font-family: 'bebas_neuebook',sans-serif;
    color: #ffffff;
    font-weight: normal;
    background: none;
    border: 0
}

.t3-bottomslider .module-title span {
    background: none
}

.t3-bottomslider .module-title span.last-word {
    color: #fa732a
}

.t3-bottomslider .module-title::last-word {
    color: #dc1e25
}

.acymailing_module {
    font-size: 12px
}

.acymailing_module .acymailing_form {
    position: relative
}

.acymailing_module .acymailing_form .acysubbuttons {
    text-align: left;
    padding-top: 10px !important
}

.acymailing_module .inputbox {
    border-color: #333333;
    background: #000000;
    font-size: 12px
}

.acymailing_module .inputbox:focus,.acymailing_module .inputbox:active {
    border-color: #fa732a;
    color: #ffffff;
    outline: 0
}

.acymailing_module .acyterms {
    padding: 10px 0 !important
}

.acymailing_module .acyfield_html label {
    font-weight: normal
}

.acymailing_module.acymailing_inline .acyfield_html {
    padding: 0 10px !important
}

.acymailing_module.acymailing_inline .acyfield_html span {
    display: block;
    font-weight: bold
}

.acymailing_module.acymailing_vertical .acyfield_html {
    padding: 10px 0 !important
}

.acymailing_module .onefield .acymailing_form .acysubbuttons {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: auto;
    padding: 2px 0 !important
}

.acymailing_module .onefield .acymailing_form .acysubbuttons .btn {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.acymailing_module .onefield .acymailing_form .acysubbuttons .subbutton {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    text-indent: -9999em;
    background: #222222 url("/templates/ja_playmag/images/arrow-2.png") no-repeat center center
}

.acymailing_module .onefield .acymailing_form .acysubbuttons .subbutton:hover,.acymailing_module .onefield .acymailing_form .acysubbuttons .subbutton:focus {
    background: #fa732a url("/templates/ja_playmag/images/arrow-2-white.png") no-repeat center center;
    outline: none
}

.acymailing_module .onefield .acymailing_form .acysubbuttons .unsubbutton {
    background: none;
    border: 0;
    font-size: 12px;
    text-transform: none;
    color: #999999;
    font-weight: normal;
    padding: 0 5px
}

.acymailing_module .onefield .acymailing_form .acysubbuttons .unsubbutton:hover,.acymailing_module .onefield .acymailing_form .acysubbuttons .unsubbutton:focus {
    color: #ffffff;
    outline: none
}

.acymailing_popup .acymailing_mootoolsbutton p,.acymailing_inline .acymailing_mootoolsbutton p {
    text-align: left
}

.acymailing_popup .acymailing_mootoolsbutton a,.acymailing_inline .acymailing_mootoolsbutton a {
    color: #ffffff;
    display: inline-block;
    border: 2px solid #fa732a;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    position: relative
}

.acymailing_popup .acymailing_mootoolsbutton a:hover,.acymailing_inline .acymailing_mootoolsbutton a:hover,.acymailing_popup .acymailing_mootoolsbutton a:focus,.acymailing_inline .acymailing_mootoolsbutton a:focus {
    background: #fa732a
}

.featured-lastestnews {
    position: relative;
    margin: 0;
    background: #222222;
    height: 584px;
    overflow: hidden
}

.featured-lastestnews .featured-lastestnews-ct {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 0 30px
}

@media screen and (max-width: 767px) {
    .featured-lastestnews .featured-lastestnews-ct {
        top:18%;
        left: 30px;
        right: 30px
    }
}

.featured-lastestnews .featured-lastestnews-ct .title {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .featured-lastestnews .featured-lastestnews-ct .title {
        font-size:24px
    }
}

.featured-lastestnews .rating-score {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 2
}

.featured-lastestnews .img-intro .mask {
    background: url("/templates/ja_playmag/images/latestnews-mask.png") no-repeat bottom left;
    background-size: 100% 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.featured-lastestnews .img-intro img {
    width: 100%;
    height: auto
}

.featured-lastestnews.latestnews .featured-lastestnews-ct {
    margin-bottom: 30px
}

.featured-lastestnews.latestnews .featured-lastestnews-ct .title {
    margin-bottom: 10px
}

.featured-lastestnews.latestvideo .featured-lastestnews-ct {
    padding: 100px 30px;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    text-align: left
}

.featured-lastestnews.latestvideo .featured-lastestnews-ct .video-desc {
    float: left;
    width: 50%
}

.featured-lastestnews.latestvideo .featured-lastestnews-ct .title {
    padding: 0
}

.featured-lastestnews.latestvideo .featured-lastestnews-ct .introtext {
    float: right;
    width: 50%
}

.featured-lastestnews.latestreview .rating-score {
    display: inline-block;
    margin-bottom: 20px
}

.t3-nav-btn {
    position: relative;
    padding-right: 0;
    padding-left: 0;
    z-index: 1000
}

@media screen and (max-width: 767px) {
    .t3-nav-btn.has-collapse {
        padding-right:53px
    }
}

.t3-nav-btn .pull-right {
    border-left: 1px solid rgba(255,255,255,0.2)
}

.t3-nav-btn .dropdown-toggle {
    color: #ffffff;
    display: block;
    padding: 15px 20px
}

.t3-nav-btn .dropdown-toggle:hover {
    background: #000000
}

.t3-nav-btn .open .dropdown-toggle {
    background: #000000
}

.t3-nav-btn .nav-child {
    background: #000000;
    margin-top: 0;
    padding: 15px
}

.t3-nav-btn .nav-child .t3-module {
    margin-bottom: 0
}

.t3-nav-btn .nav-child .t3-module .module-title {
    border: 0;
    background: transparent;
    padding: 0;
    margin-bottom: 15px
}

.t3-nav-btn .nav-child .t3-module .module-title span {
    background: transparent;
    color: #ffffff;
    padding: 0
}

.t3-nav-btn .nav-child .t3-module .addthis_32x32_style {
    margin-left: 5px
}

.t3-nav-btn .nav-child .t3-module .addthis_32x32_style a.addthis_button_facebook_follow,.t3-nav-btn .nav-child .t3-module .addthis_32x32_style a.addthis_button_twitter_follow,.t3-nav-btn .nav-child .t3-module .addthis_32x32_style a.addthis_button_google_follow {
    float: left;
    padding: 0;
    margin: 0 4px;
    overflow: hidden;
    width: 32px
}

.t3-nav-btn .nav-child .t3-module .addthis_32x32_style a.addthis_button_facebook_follow img,.t3-nav-btn .nav-child .t3-module .addthis_32x32_style a.addthis_button_twitter_follow img,.t3-nav-btn .nav-child .t3-module .addthis_32x32_style a.addthis_button_google_follow img {
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.t3-nav-btn .nav-child .t3-module .addthis_32x32_style a.addthis_button_facebook_follow:hover img,.t3-nav-btn .nav-child .t3-module .addthis_32x32_style a.addthis_button_twitter_follow:hover img,.t3-nav-btn .nav-child .t3-module .addthis_32x32_style a.addthis_button_google_follow:hover img {
    transform: translateX(-32px);
    -o-transform: translateX(-32px);
    -moz-transform: translateX(-32px);
    -webkit-transform: translateX(-32px)
}

.t3-nav-btn .nav-search {
    position: static;
    transition: 500ms
}

.t3-nav-btn .nav-search .nav-child {
    border: 0;
    display: block;
    height: 0;
    padding: 0;
    margin-top: -100px;
    overflow: hidden;
    top: 150px;
    transition: 500ms
}

.t3-nav-btn .nav-search .nav-child .dropdown-menu-inner {
    padding: 30px
}

.t3-nav-btn .nav-search .nav-child .form-search {
    position: relative
}

.t3-nav-btn .nav-search .nav-child .form-search:after {
    position: absolute;
    content: "\f002";
    font-family: FontAwesome;
    top: 25%;
    right: 10px
}

.t3-nav-btn .nav-search .nav-child .form-search:focus:after {
    color: #dc1e25
}

.t3-nav-btn .nav-search .nav-child input {
    width: 100%;
    border: 0
}

.t3-nav-btn .nav-search .nav-child input:focus {
    color: #000000
}

.t3-nav-btn .nav-search.open {
    margin-bottom: 100px
}

.t3-nav-btn .nav-search.open .fa-search:before {
    content: "x";
    display: block;
    font-family: 'Roboto',sans-serif;
    font-size: 17px;
    height: 14px;
    text-align: center;
    width: 13px
}

.t3-nav-btn .nav-search.open .nav-child {
    height: 100px;
    top: 150px
}

.scrollUp .t3-nav-btn .nav-search.open .nav-child {
    border-color: rgba(255,255,255,0.2);
    border-style: solid;
    border-width: 1px 0 1px 0
}

.mod-preview .mod-preview-wrapper {
    border: 0
}

.mod-preview .mod-preview-info {
    z-index: 3
}

.blog-featured.multi-layout {
    padding-bottom: 60px
}

.blog-featured .tags {
    margin: -10px 0 10px 0
}

.items-leading .leading {
    margin-bottom: 40px
}

.items-leading .leading:hover .article-title a,.items-leading .leading:hover .article-header h1 a {
    border-bottom: 1px solid #e7e7e7
}

.items-leading .leading:hover .video-thumbnail:before {
    filter: alpha(opacity=80);
    opacity: 0.8
}

.items-leading .leading:hover .item-image-wrap .pull-left.item-image .item-image-border,.items-leading .leading:hover .item-image-wrap .pull-right.item-image .item-image-border,.items-leading .leading:hover .item-image-wrap .pull-none.item-image .item-image-border {
    border-width: 5px
}

.items {
    margin-bottom: 40px
}

.items:hover .article-title a,.items:hover .article-header h1 a {
    border-bottom: 1px solid #e7e7e7
}

.items:hover .video-thumbnail:before {
    filter: alpha(opacity=80);
    opacity: 0.8
}

.items:hover .item-image-wrap .pull-left.item-image .item-image-border,.items:hover .item-image-wrap .pull-right.item-image .item-image-border,.items:hover .item-image-wrap .pull-none.item-image .item-image-border {
    border-width: 5px
}

.items-row .item {
    margin-bottom: 40px
}

.items-row .item:hover .article-title a,.items-row .item:hover .article-header h1 a {
    border-bottom: 1px solid #e7e7e7
}

.items-row .item:hover .video-thumbnail:before {
    filter: alpha(opacity=80);
    opacity: 0.8
}

.items-row .item:hover .item-image-wrap .pull-left.item-image .item-image-border,.items-row .item:hover .item-image-wrap .pull-right.item-image .item-image-border,.items-row .item:hover .item-image-wrap .pull-none.item-image .item-image-border {
    border-width: 5px
}

.divider-vertical {
    margin: 0 0 40px;
    border: 0;
    border-top: 1px solid #e7e7e7
}

.article-aside {
    color: #999999;
    font-size: 13px;
    margin-bottom: 20px
}

.article-aside .dropdown-menu li a {
    color: #999999
}

.article-aside .dropdown-menu li a .fa {
    font-size: 14px;
    margin-right: 5px
}

.article-aside .dropdown-menu li a:hover,.article-aside .dropdown-menu li a:focus,.article-aside .dropdown-menu li a:active {
    color: #fa732a
}

.article-info {
    margin: 0;
    float: left
}

.article-info .article-info-term {
    display: none
}

.article-info dd {
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
    white-space: nowrap
}

.article-info dd strong {
    font-weight: bold
}

@media (min-width: 768px) {
    .category-name {
        margin-top:-7px
    }
}

.category-name a {
    color: #fa732a;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding-right: 10px
}

.category-name a span {
    background: #ffffff;
    padding-right: 5px;
    position: relative
}

.category-name a:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #fa732a;
    left: 0;
    top: 50%;
    z-index: 0
}

.jacomment-count {
    margin: 0;
    float: left
}

.jacomment-count a {
    color: #999999;
    font-size: 13px
}

.jacomment-count a:hover,.jacomment-count a:focus,.jacomment-count a:active {
    color: #fa732a
}

.addthis-wrap {
    text-align: center
}

.addthis-wrap .addthis_toolbox.addthis_default_style {
    text-align: center;
    margin: 10px 0;
    line-height: 1
}

@media (min-width: 768px) {
    .addthis-wrap .addthis_toolbox.addthis_default_style {
        margin-bottom:0
    }
}

.addthis-wrap .addthis_toolbox.addthis_default_style .at300b {
    float: none;
    margin-bottom: 5px;
    display: inline-block
}

.addthis-wrap .addthis_toolbox.addthis_default_style .at300bs {
    float: none
}

.addthis-wrap .addthis_toolbox.addthis_default_style img {
    margin-bottom: 0
}

.addthis-wrap .addthis_floating_style {
    position: static;
    background: none;
    margin: 0 auto;
    padding: 0
}

.article-footer {
    color: #999999;
    font-size: 12px;
    margin-bottom: 20px
}

.article-intro img,.article-content img {
    max-width: 100%;
    margin-bottom: 20px
}

.article-intro img.img-responsive,.article-content img.img-responsive {
    margin-bottom: 20px
}

.article-intro img[align=left],.article-content img[align=left],.article-intro .img_caption.left,.article-content .img_caption.left,.article-intro .pull-left.item-image,.article-content .pull-left.item-image {
    margin: 0 30px 20px 0;
    padding: 0
}

.article-intro img[align=right],.article-content img[align=right],.article-intro .img_caption.right,.article-content .img_caption.right,.article-intro .pull-right.item-image,.article-content .pull-right.item-image {
    margin: 0 0 20px 30px;
    padding: 0
}

.article-intro iframe {
    display: none
}

@media (max-width: 768px) {
    .article-content iframe {
        width:100% !important;
        height: auto
    }
}

.pull-left.item-image,.pull-right.item-image {
    margin-bottom: 0;
    margin-right: 0
}

.pull-left.item-image img,.pull-right.item-image img {
    max-width: 100%;
    width: 100%
}

.img-intro-none,.img-intro-left,.img-intro-right,.img-fulltext-none,.img-fulltext-left,.img-fulltext-right,.img_caption {
    position: relative
}

.img-intro-none,.img-intro-left,.img-intro-right,.img-fulltext-none,.img-fulltext-left,.img-fulltext-right,.img_caption {
    margin-bottom: 20px;
    max-width: 100%
}

.img-fulltext-left {
    float: left;
    margin-right: 20px
}

.img-fulltext-right {
    float: right;
    margin-left: 20px
}

.img-intro-none img,.img-intro-left img,.img-intro-right img,.img-fulltext-none img,.img-fulltext-left img,.img-fulltext-right img {
    margin: 0
}

.article-image-full.item-image {
    margin-bottom: 20px;
    float: none;
    width: 100%
}

.article-image-full.item-image img {
    max-width: 100%
}

.img_caption img {
    margin-bottom: 1px !important
}

.img_caption p.img_caption {
    background: #e7e7e7;
    color: #555555;
    font-size: 12px;
    width: 100%;
    margin: 0;
    padding: 5px;
    text-align: center;
    clear: both
}

@media screen and (max-width: 767px) {
    article img[align=left],.img_caption.left,article img[align=right],.img_caption.right,.img-fulltext-left,.img-fulltext-right {
        float:none !important;
        margin-left: 0;
        margin-right: 0;
        width: 100% !important
    }
}

.item-image-wrap {
    position: relative;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .item-image-wrap {
        margin-bottom:0
    }
}

.item-image-wrap .pull-left.item-image,.item-image-wrap .pull-right.item-image,.item-image-wrap .pull-none.item-image {
    float: none !important;
    width: 100%;
    position: relative;
    overflow: hidden
}

.item-image-wrap a {
    display: block
}

.item-image-wrap .item-image-border {
    border: 0 solid #000000;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s
}

.item-image-wrap .rating-score {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.video-thumbnail {
    position: relative
}

.video-thumbnail:before {
    content: "\f04b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    line-height: 37px;
    text-indent: 4px;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    background: #000000;
    filter: alpha(opacity=30);
    opacity: 0.3;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.tpl_change_layout {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    background: #ffffff;
    padding: 0 0 0 10px;
    height: 12px;
    line-height: 12px;
    display: none
}

@media (min-width: 768px) {
    .tpl_change_layout {
        display:block
    }
}

.tpl_change_layout span {
    width: 12px;
    height: 12px;
    display: inline-block;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
    margin-left: 5px;
    filter: alpha(opacity=20);
    opacity: 0.2
}

.tpl_change_layout span.active {
    cursor: default;
    filter: alpha(opacity=100);
    opacity: 1
}

.tpl_change_layout .view-grid {
    background: url("/templates/ja_playmag/images/ico/grid.png") no-repeat
}

.tpl_change_layout .view-small-list {
    background: url("/templates/ja_playmag/images/ico/small-list.png") no-repeat
}

.tpl_change_layout .view-big-list {
    background: url("/templates/ja_playmag/images/ico/big-list.png") no-repeat
}

.big-list .clearboth,.small-list .clearboth,.grid .clearboth {
    clear: both
}

.big-list .items {
    float: none;
    width: 100%;
    padding: 0
}

.big-list .items:before,.big-list .items:after {
    display: table;
    content: " "
}

.big-list .items:after {
    clear: both
}

.big-list .item-image-wrap {
    float: none !important;
    width: 100%;
    margin-bottom: 20px
}

.big-list .pull-left.item-image,.big-list .pull-right.item-image,.big-list .pull-none.item-image {
    float: none !important;
    width: 100%
}

.big-list .item-intro {
    width: 100%;
    float: none
}

.big-list .video-thumbnail {
    overflow: hidden
}

.big-list .article-title,.big-list .article-header h1 {
    font-size: 24px
}

.small-list .items {
    float: none;
    width: 100%;
    padding: 0
}

.small-list .items:before,.small-list .items:after {
    display: table;
    content: " "
}

.small-list .items:after {
    clear: both
}

.small-list .video-thumbnail {
    overflow: hidden
}

.small-list .video-thumbnail img {
    margin: -30px 0px;
    height: 170px
}

@media screen and (min-width: 992px) {
    .small-list .video-thumbnail img {
        width:165px
    }
}

.grid .items-wrap {
    margin-right: -15px;
    margin-left: -15px
}

.grid.multi-layout .items-row {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .grid.multi-layout .items-row {
        width:50%
    }
}

.grid.multi-layout .items-row .item {
    padding-right: 0;
    padding-left: 0
}

.grid .item-image-wrap {
    float: none !important;
    width: 100%;
    margin-bottom: 20px
}

.grid .item-intro {
    width: 100%;
    float: none
}

@keyframes loading {
    from {
        left: 0
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes loading {
    from {
        left: 0
    }

    to {
        left: 100%
    }
}

@keyframes loading-bg {
    from {
        left: -100%
    }

    to {
        left: 0
    }
}

@-webkit-keyframes loading-bg {
    from {
        left: -100%
    }

    to {
        left: 0
    }
}

#infscr-loading {
    clear: both;
    height: 35px;
    line-height: 30px;
    margin-bottom: -35px;
    text-align: center;
    background: url("/templates/ja_playmag/images/loading-bg.gif") repeat-x left center #ffffff;
    border: 2px solid #fa732a;
    color: #fa732a;
    position: relative;
    z-index: 9999;
    overflow: hidden
}

#infscr-loading:before {
    background: #ffffff;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    z-index: 1;
    animation: loading-bg 2s infinite;
    -webkit-animation: loading-bg 2s infinite
}

#infscr-loading img {
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 2;
    animation: loading 2s infinite;
    -webkit-animation: loading 2s infinite
}

.grid #infscr-loading {
    margin-left: 15px;
    margin-right: 15px
}

article aside .btn-group > .dropdown-toggle,article aside .btn-group > .dropdown-toggle:hover,article aside .btn-group > .dropdown-toggle:active,article aside .btn-group > .dropdown-toggle:focus {
    padding: 0;
    color: #999999;
    border: 0;
    box-shadow: none
}

article aside .btn-group > .dropdown-toggle .caret {
    margin-left: 2px
}

article aside .btn-group.open .dropdown-toggle {
    box-shadow: none;
    color: #fa732a
}

.com_content.view-article .t3-content-mast-top,.com_content.view-article .page-header,.com_content.view-article .t3-masthead,.com_content.view-article .t3-mast-top-1,.com_content.view-article .t3-mast-top-2 {
    display: none
}

.com_content.view-article.masthead-on .t3-masthead {
    display: block
}

.com_content.view-article .article-header {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px
}

.com_content.view-article .article-title,.com_content.view-article .article-header h1 {
    color: #1A1A1A;
    font-family: 'bebas_neueregular',sans-serif;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: normal
}

@media (min-width: 768px) {
    .com_content.view-article .article-title,.com_content.view-article .article-header h1 {
        font-size:48px
    }
}

@media (min-width: 992px) {
    .com_content.view-article .article-title,.com_content.view-article .article-header h1 {
        font-size:60px
    }
}

.com_content.view-article.article-review .t3-sidebar {
    display: none
}

.com_content.view-article.article-review .t3-topbanner .container {
    border-bottom: 0
}

.com_content.view-article.article-review .t3-mainbody {
    padding-top: 0
}

.com_content.view-article.article-review .t3-content {
    width: 100%
}

.com_content.view-article.article-review .article-header {
    margin-bottom: 60px
}

.com_content.view-article.article-review .article-header h1 {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .com_content.view-article.article-review .article-header h1 {
        margin-bottom:60px
    }
}

@media (min-width: 992px) {
    .com_content.view-article.article-review .article-header h1 {
        margin-bottom:90px
    }
}

.com_content.view-article.article-review .item-masthead {
    margin: 0 -30px 20px;
    text-align: center;
    background: #000000;
    overflow: hidden;
    position: relative
}

.com_content.view-article.article-review .item-masthead .item-masthead-content {
    position: absolute;
    top: 45%;
    width: 50%;
    left: 50%;
    margin-left: -25%;
    z-index: 2
}

@media (min-width: 768px) {
    .com_content.view-article.article-review .item-masthead .item-masthead-content {
        top:20%
    }
}

.com_content.view-article.article-review .item-masthead .item-masthead-content .article-info {
    width: 100%;
    float: none
}

.com_content.view-article.article-review .item-masthead .item-masthead-content .article-aside {
    color: #ffffff
}

.com_content.view-article.article-review .item-masthead .item-masthead-content .rating-score {
    display: inline-block
}

.com_content.view-article.article-review .item-masthead .article-image-full.item-image {
    margin-bottom: 0
}

.com_content.view-article.article-review .article-title,.com_content.view-article.article-review .article-header h1 {
    text-align: center
}

.com_content.view-article.article-review .article-aside {
    text-align: center;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
    margin-top: 10px
}

.com_content.view-article.article-review .article-aside .article-info-term {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #e7e7e7
}

.com_content.view-article.article-review .article-aside .jacomment-count {
    padding: 10px;
    border: 1px solid #e7e7e7;
    border-top: 0;
    float: none;
    clear: both
}

.com_content.view-article.article-review .article-aside .jacomment-count a {
    color: #000000
}

.com_content.view-article.article-review .article-aside .jacomment-count a:hover,.com_content.view-article.article-review .article-aside .jacomment-count a:focus,.com_content.view-article.article-review .article-aside .jacomment-count a:active {
    color: #fa732a
}

.com_content.view-article.article-review .article-aside .addthis_toolbox.addthis_default_style {
    text-align: center
}

.com_content.view-article.article-review .article-aside .addthis_toolbox.addthis_default_style .at300b {
    float: none;
    margin-bottom: 5px;
    display: inline-block
}

.com_content.view-article.article-review .article-aside .addthis_toolbox.addthis_default_style .at300bs {
    float: none;
    margin: 0 auto
}

.com_content.view-article.article-review .article-aside .addthis_toolbox.addthis_default_style img {
    margin-bottom: 0
}

.com_content.view-article.article-review .article-aside .addthis_floating_style {
    position: static;
    background: none;
    margin: 0 auto;
    padding: 0
}

.com_content.view-article.article-review .article-aside .article-info {
    border: 1px solid #e7e7e7;
    border-bottom: 0;
    width: 100%
}

.com_content.view-article.article-review .article-aside .article-info dd {
    margin-right: 0;
    padding: 10px;
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
    font-weight: 700
}

.com_content.view-article.article-review .article-aside .article-info dd small {
    color: #999999;
    text-transform: none;
    display: block;
    margin-bottom: 10px
}

.com_content.view-article.article-review .article-aside .addthis {
    padding: 20px 0;
    clear: both;
    width: 100%
}

.com_content.view-article.article-review article {
    padding: 30px 0;
    position: relative;
    background: #ffffff;
    z-index: 3
}

@media (min-width: 768px) {
    .com_content.view-article.article-review article {
        padding:60px
    }
}

@media (min-width: 992px) {
    .com_content.view-article.article-review article {
        padding:90px
    }
}

.com_content.view-article.article-review article.has-item-masthead {
    margin-top: 0
}

@media (min-width: 768px) {
    .com_content.view-article.article-review article.has-item-masthead {
        margin-top:-128px
    }
}

@media (min-width: 992px) {
    .com_content.view-article.article-review article.has-item-masthead {
        margin-top:-200px
    }
}

.com_content.view-article.article-review .article-image-full.item-image {
    position: relative
}

.com_content.view-article.article-review .article-image-full.item-image img {
    margin: 0 auto;
    width: 100%
}

.item-page {
    color: #333333;
    line-height: 1.667;
    padding-bottom: 30px
}

.item-page .article-content {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px
}

.item-page .article-content a {
    color: #fa732a
}

.item-page .article-content .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px
}

.item-page .article-content .video-container iframe,.item-page .article-content .video-container object,.item-page .article-content .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.item-page .article-content .pagenav li {
    font-size: 14px
}

.item-page .article-content .pagenav li > a {
    color: #ffffff
}

.item-page.videos-page .item-image.article-image {
    display: none
}

.row-even,.row-odd {
    padding: 5px;
    width: 99%;
    border-bottom: 1px solid #dddddd
}

.row-odd {
    background-color: transparent
}

.row-even {
    background-color: #f9f9f9
}

.blog-row-rule,.blog-item-rule {
    border: 0
}

.row-fluid .row-reveal {
    visibility: hidden
}

.row-fluid:hover .row-reveal {
    visibility: visible
}

.row-fluid:after {
    display: block;
    content: "";
    clear: both
}

.nav-list > li.offset > a {
    padding-left: 30px;
    font-size: 12px
}

.list-striped,.row-striped {
    list-style: none;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #dddddd;
    margin-left: 0;
    padding-left: 0
}

.list-striped li,.list-striped dd,.row-striped .row,.row-striped .row-fluid {
    border-bottom: 1px solid #dddddd;
    padding: 10px 15px
}

.list-striped li:nth-child(odd),.list-striped dd:nth-child(odd),.row-striped .row:nth-child(odd),.row-striped .row-fluid:nth-child(odd) {
    background-color: #f9f9f9
}

.list-striped li:hover,.list-striped dd:hover,.row-striped .row:hover,.row-striped .row-fluid:hover {
    background-color: #f5f5f5
}

.row-striped .row-fluid {
    width: 97%
}

.row-striped .row-fluid [class*="span"] {
    min-height: 10px
}

.row-striped .row-fluid [class*="span"] {
    margin-left: 8px
}

.row-striped .row-fluid [class*="span"]:first-child {
    margin-left: 0
}

.list-condensed li {
    padding: 5px 10px
}

.row-condensed .row,.row-condensed .row-fluid {
    padding: 5px 10px
}

.list-bordered,.row-bordered {
    list-style: none;
    line-height: 18px;
    text-align: left;
    vertical-align: middle;
    margin-left: 0;
    border: 1px solid #dddddd
}

.com_users .btn.cancel {
    background: #fb945c;
    color: #ffffff;
    margin-left: 10px;
    padding: 6.00006px 11.99760048px
}

.com_users .btn.cancel:hover,.com_users .btn.cancel:focus,.com_users .btn.cancel:active {
    background: #fa732a
}

@media screen and (min-width: 992px) {
    .login-wrap {
        margin:60px 0
    }
}

.login-wrap .login {
    margin: auto;
    position: relative;
    padding: 20px;
    width: 728px
}

@media screen and (max-width: 991px) {
    .login-wrap .login {
        width:auto
    }
}

@media screen and (max-width: 480px) {
    .login-wrap .login {
        padding:0
    }
}

.login-wrap .login-image {
    height: 100%;
    margin: -20px;
    position: absolute;
    width: 100%
}

@media screen and (max-width: 480px) {
    .login-wrap .login-image {
        bottom:0;
        height: 50%;
        margin: 0
    }
}

.login-wrap .form-left {
    background: #ffffff;
    padding: 20px
}

@media screen and (max-width: 480px) {
    .login-wrap .form-left {
        border:1px solid #cecece
    }
}

.login-wrap .form-left .control-label {
    color: #333333;
    padding-top: 0;
    text-align: left
}

.login-wrap .form-left .control-label label {
    font-weight: 300
}

.login-wrap .form-left .control-input input {
    border-radius: 0;
    box-shadow: none;
    width: 100%
}

.login-wrap .form-left .form-group .checkbox {
    padding-top: 0;
    min-height: 1px
}

.login-wrap .form-left .form-group:last-child {
    margin-bottom: 0
}

.login-wrap .form-left .control-button {
    text-align: right
}

.login-wrap .form-left .control-button .btn-primary {
    width: 100%
}

.login-wrap .form-left .other-links ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0
}

.login-wrap .form-left .other-links ul li {
    display: inline-block;
    margin-right: 10px
}

.login-wrap .form-left .other-links ul li a {
    color: #999999;
    font-size: 12px
}

.login-wrap .form-left .other-links ul li a:hover {
    color: #fa732a;
    text-decoration: none
}

.login-wrap .form-right {
    color: #ffffff;
    height: 384px;
    text-align: center
}

.login-wrap .form-right .register {
    position: relative;
    top: 25%
}

.login-wrap .form-right .register .login-description {
    font-size: 17px;
    padding: 0 20px;
    margin-bottom: 40px
}

#member-registration .star,#member-profile .star {
    color: #dc1e25
}

#member-registration .form-reg,#member-profile .form-reg {
    border-top: 1px solid #dddddd;
    margin-bottom: 10px;
    padding-top: 20px
}

#member-registration fieldset > legend,#member-profile fieldset > legend {
    margin-bottom: 8px
}

#member-registration legend,#member-profile legend {
    background: #4aa545;
    border: 0;
    color: #ffffff;
    display: inline-block;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0;
    padding: 10px 20px;
    width: auto
}

#member-registration .form-group,#member-profile .form-group {
    margin-left: 0;
    margin-right: 0
}

#member-registration .form-group:first-child,#member-profile .form-group:first-child {
    width: 100%;
    margin-bottom: 5px
}

#member-registration .form-group:first-child label,#member-profile .form-group:first-child label {
    font-weight: normal
}

#member-registration .control-label,#member-profile .control-label {
    padding-top: 0;
    text-align: left
}

#member-registration .control-label label,#member-profile .control-label label {
    color: #555555;
    font-weight: normal
}

#member-registration .control-input input,#member-profile .control-input input {
    width: 100%
}

#member-registration .control-button,#member-profile .control-button {
    text-align: right;
    padding-right: 0
}

.registration fieldset dt {
    margin-right: 5px
}

.admintable textarea {
    resize: none
}

#helpsite-refresh {
    margin-top: 20px
}

.com_mailto body {
    padding: 10px
}

.com_mailto .t3-mainbody {
    padding-top: 0;
    padding-bottom: 0
}

.com_mailto .t3-content {
    width: auto
}

#mailto-window {
    background: #fff;
    margin: 10px 0 20px;
    padding: 0;
    position: relative
}

#mailto-window h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 25px
}

#mailto-window .mailto-close {
    font-size: 16px
}

#mailto-window .control-group .controls {
    margin-left: 0
}

#mailtoForm .formelm {
    padding: 5px 0;
    vertical-align: middle;
    overflow: hidden
}

#mailtoForm .formelm label {
    display: inline-block;
    float: left;
    font-weight: bold;
    vertical-align: middle;
    width: 100px
}

#mailtoForm p {
    margin-top: 20px
}

#mailtoForm .input,#mailtoForm .inputbox {
    width: 65%
}

#mailtoForm .btn,#mailtoForm .button,#mailtoForm button {
    margin-right: 5px
}

.user-details {
    padding: 10px 0
}

.user-details p {
    margin: 0 0 5px
}

.user-details label {
    display: block;
    float: left;
    font-weight: bold;
    text-align: right;
    width: 130px
}

.user-details .input,.user-details .inputbox {
    margin-left: 10px;
    width: 200px
}

.user-details .btn,.user-details button {
    margin-left: 140px
}

.user-details .paramlist .paramlist_key {
    padding: 0 0 5px;
    width: 130px
}

.user-details .paramlist .paramlist_value {
    padding: 0 0 5px
}

.user-details .user_name span {
    font-weight: bold;
    padding-left: 10px
}

.reset .form-validate p,.remind .form-validate p {
    background: #e7e7e7;
    border-radius: 0px;
    border: 1px solid #e7e7e7;
    margin-bottom: 20px;
    padding: 10px 20px
}

.reset .form-validate fieldset dl,.remind .form-validate fieldset dl {
    margin: 0
}

.reset .form-validate fieldset dt,.remind .form-validate fieldset dt {
    margin: 4px 0 0 0
}

#member-profile .form-group:first-child {
    width: 50%
}

@media screen and (max-width: 991px) {
    #member-profile .form-group:first-child {
        width:100%
    }
}

#member-profile #helpsite-refresh {
    float: right;
    font-weight: normal;
    margin-top: -60px;
    padding: 3px 6px;
    text-transform: none
}

#member-profile .control-input select {
    width: 100%
}

.profile-edit input {
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px
}

@media (min-width: 768px) {
    .profile-edit input {
        float:left;
        width: 50%
    }
}

.profile-edit select {
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px
}

@media (min-width: 768px) {
    .profile-edit select {
        float:left;
        width: 50%
    }
}

.profile-edit select + button {
    margin-left: 5px
}

#searchForm:before,#searchForm:after {
    display: table;
    content: " "
}

#searchForm:after {
    clear: both
}

#searchForm .input-group .btn-default {
    border-radius: 0;
    background: #fa732a;
    border-color: #fa732a;
    color: #ffffff;
    padding: 8px 20px;
    margin-left: 0
}

#searchForm .input-group .btn-default:hover {
    background: #eb5606
}

#searchForm fieldset {
    margin: 20px 0
}

#searchForm legend {
    border-color: #e7e7e7;
    color: #555555;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 5px;
    margin-bottom: 20px
}

#searchForm label {
    font-weight: normal
}

#searchForm .searchintro .badge-info {
    background: #fa732a
}

#searchForm .phrases-box label {
    margin-right: 10px
}

#searchForm select {
    width: auto;
    display: inline-block;
    margin-left: 5px;
    padding-left: 5px
}

#searchForm .form-limit {
    margin-top: 20px
}

#searchForm .form-limit .counter {
    border-radius: 0;
    color: #6f6f6f;
    font-family: sans-serif;
    margin-top: 0
}

#search-form ul#finder-filter-select-list {
    margin-left: 0;
    padding-left: 0
}

#search-form ul#finder-filter-select-list li {
    list-style: none;
    padding: 10px 0
}

#search-form ul#finder-filter-select-list li label {
    width: 150px
}

#search-form .word .form-group {
    margin-bottom: 10px
}

#search-form .word .form-group label {
    margin-right: 5px
}

#search-form .word .form-group .btn {
    border-radius: 0;
    padding: 8px 20px
}

#search-form .word .form-group:first-child {
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    #searchForm .radio-inline,#searchForm .checkbox-inline {
        display:block;
        width: 100%;
        margin-left: 0
    }
}

.search-results {
    margin-top: 20px;
    margin-left: 0;
    padding-left: 0
}

.search-results .result-title {
    border-top: 1px solid #e7e7e7;
    margin-top: 20px;
    padding-top: 15px;
    font-size: 16px
}

.search-results .result-title a {
    font-size: 14px
}

.search-results .result-category {
    font-size: 12px;
    color: #999999
}

.search-results .result-text {
    margin-top: 5px;
    margin-bottom: 5px
}

.search-results .result-url {
    color: #555555;
    margin-top: 20px
}

.search-results .result-created {
    font-size: 12px;
    color: #999999
}

.finder .word .form-group {
    margin-bottom: 0
}

.finder .word .form-group:first-child {
    margin-right: 10px
}

@media screen and (max-width: 992px) {
    .finder .word .form-group:first-child {
        margin-bottom:10px
    }
}

.finder .word .form-group:last-child a.btn {
    border: 2px solid #fa732a;
    background: transparent;
    color: #fa732a
}

.finder .word .form-group:last-child a.btn:focus,.finder .word .form-group:last-child a.btn:hover {
    background: #fa732a;
    color: #ffffff;
    outline: 0
}

.finder hr {
    border-color: #e7e7e7
}

.finder hr:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 480px) {
    .finder #smartsearch-btn {
        display:block;
        margin-bottom: 5px
    }
}

#searchForm .phrases-box input[type="radio"] {
    vertical-align: top;
    margin-top: 3px
}

#search-results h2 {
    border-top: 1px solid #e7e7e7;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 700;
    padding-top: 20px;
    text-transform: uppercase
}

.contact {
    margin-bottom: 80px;
    margin-top: 20px
}

.contact .star {
    color: #dc1e25
}

.contact .page-header {
    background: transparent;
    border-left: 0
}

.contact .page-header h2 {
    line-height: 1;
    margin: 0
}

.contact .page-header h2 span {
    color: #333333;
    font-family: 'bebas_neueregular',sans-serif
}

.contact .control-label {
    text-align: left;
    text-align: left\9 !important
}

@media (max-width: 768px) {
    .contact .thumbnail {
        width:100%
    }
}

.contact .control-group .control-label {
    text-align: left
}

.contact .control-group .controls {
    margin-left: 0;
    float: left
}

.contact .dl-horizontal > dt {
    display: none
}

.contact .dl-horizontal > dd {
    margin-left: 0;
    margin-bottom: 5px
}

.contact .dl-horizontal > dd:last-child {
    margin-bottom: 0
}

.contact .dl-horizontal > dd .fa {
    color: #555555;
    margin-right: 5px;
    width: 15px
}

.contact .contact-links ul li a {
    display: inline-block;
    color: #fa732a
}

.contact .plain-style .inner {
    background: #1a1a1a;
    padding: 20px
}

.contact .plain-style .inner h3 {
    color: #ffffff;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase
}

.contact .plain-style .inner .page-header {
    background: #fa732a;
    padding: 15px 20px;
    margin: -20px -20px 20px -20px
}

.contact .plain-style .inner .page-header h2 {
    font-size: 14px
}

.contact .plain-style .inner .page-header h2 span {
    color: #ffffff;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 481px) and (max-width:767px) {
    .contact .plain-style .inner .contact-image {
        float:left;
        margin-right: 20px;
        margin-bottom: 20px;
        width: 50%
    }
}

.contact .plain-style .inner .contact-image img {
    width: 100%
}

.contact .plain-style .inner .contact-address {
    padding-left: 10px
}

@media screen and (max-width: 767px) {
    .contact .plain-style .inner .contact-address {
        padding-left:0
    }

    .contact .plain-style .inner .contact-address + h3 {
        clear: both
    }
}

.contact .plain-style .inner .contact-address .fa {
    color: #e7e7e7
}

.contact .plain-style .inner .contact-address a {
    color: #fa732a
}

.contact .plain-style .inner .contact-address a:hover,.contact .plain-style .inner .contact-address a:focus,.contact .plain-style .inner .contact-address a:active {
    color: #eb5606
}

.contact .plain-style .inner .contact-links ul {
    padding-left: 10px
}

@media screen and (max-width: 767px) {
    .contact .plain-style .inner .contact-links ul {
        padding-left:0
    }
}

.contact .plain-style .inner .contact-links ul li {
    display: inline-block;
    margin-bottom: 5px
}

.contact .plain-style .inner .contact-links ul li a {
    border: 1px solid #8c8c8c;
    color: #a6a6a6;
    padding: 5px 10px;
    transition: all 200ms
}

.contact .plain-style .inner .contact-links ul li a:hover,.contact .plain-style .inner .contact-links ul li a:focus,.contact .plain-style .inner .contact-links ul li a:active {
    border-color: #fa732a;
    background: transparent;
    color: #fa732a
}

.contact .plain-style .inner .contact-miscinfo {
    padding-left: 10px
}

@media screen and (max-width: 767px) {
    .contact .plain-style .inner .contact-miscinfo {
        padding-left:0
    }
}

.contact .plain-style .contact-left h3 {
    color: #333333;
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 15px 0;
    text-transform: uppercase
}

.contact .plain-style .contact-left .contact-form legend {
    border-bottom: 0;
    font-size: 14px
}

.contact .plain-style .contact-left .contact-form label {
    color: #555555;
    font-weight: normal;
    padding-top: 0;
    margin-bottom: 5px;
    width: auto
}

.contact .plain-style .contact-left .contact-form label.invalid {
    color: #dc1e25
}

.contact .plain-style .contact-left .contact-form textarea,.contact .plain-style .contact-left .contact-form input {
    border-color: #cecece;
    box-shadow: none
}

.contact .plain-style .contact-left .contact-form textarea:focus,.contact .plain-style .contact-left .contact-form input:focus {
    border-color: #9b9b9b
}

.contact .plain-style .contact-left .contact-form textarea.invalid,.contact .plain-style .contact-left .contact-form input.invalid {
    border-color: #dc1e25
}

.contact .plain-style .contact-left .contact-form .control-btn {
    text-align: right
}

@media screen and (max-width: 767px) {
    .contact .plain-style .contact-left .form-group:last-child {
        margin-top:-20px
    }

    .contact .plain-style .contact-left .form-group:last-child .control-btn {
        margin-top: 20px;
        text-align: left
    }
}

.contact .plain-style .contact-left .control-checkbox .checkbox {
    padding-left: 20px
}

.contact .plain-style .contact-left .control-checkbox .checkbox label {
    padding-left: 0
}

@media screen and (max-width: 538px) {
    #myTab li {
        width:100%
    }
}

#myTab li a {
    color: #555555;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

#myTab li a:hover,#myTab li a:focus,#myTab li a:active {
    background: #f7f7f7;
    border: 1px solid #dadada;
    border-bottom-color: rgba(0,0,0,0)
}

@media screen and (max-width: 538px) {
    #myTab li a:hover,#myTab li a:focus,#myTab li a:active {
        border-bottom-color:#dadada
    }
}

@media screen and (max-width: 538px) {
    #myTab li a {
        margin-right:0
    }
}

#myTab li.active a {
    background: #f7f7f7
}

@media screen and (max-width: 538px) {
    #myTab li.active a {
        border-bottom-color:#dadada
    }
}

#myTabContent {
    background: #f7f7f7;
    border: 1px solid #dadada;
    border-top: 0;
    color: #555555;
    overflow: hidden;
    padding: 20px
}

#myTabContent .thumbnail {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    #myTabContent .thumbnail {
        margin-right:5px;
        width: 50%
    }
}

@media screen and (max-width: 480px) {
    #myTabContent .thumbnail {
        margin-bottom:10px;
        width: 100%
    }
}

#myTabContent .fa {
    color: #626262
}

#myTabContent a {
    color: #fa732a
}

#myTabContent a:hover,#myTabContent a:focus,#myTabContent a:active {
    color: #eb5606
}

#myTabContent .dl-horizontal {
    margin-bottom: 0
}

#myTabContent textarea {
    box-shadow: none
}

#myTabContent textarea.invalid {
    border-color: #dc1e25
}

#myTabContent .control-label {
    font-weight: normal;
    margin-bottom: 5px
}

#myTabContent legend {
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    padding-bottom: 5px
}

#myTabContent .control-btn {
    text-align: right
}

@media screen and (max-width: 480px) {
    #myTabContent .control-btn {
        margin-top:10px
    }
}

#myTabContent .contact-links li {
    display: inline-block;
    margin-right: 10px
}

@media screen and (max-width: 480px) {
    #myTabContent .contact-links li {
        margin-bottom:10px
    }
}

#myTabContent .contact-links li a {
    border: 1px solid #999999;
    color: #555555
}

#myTabContent .contact-links li a:hover,#myTabContent .contact-links li a:focus,#myTabContent .contact-links li a:active {
    background: transparent;
    border-color: #fa732a;
    color: #fa732a
}

#slide-contact .panel-default {
    border-radius: 0;
    border: 0
}

#slide-contact .panel-default .panel-heading {
    background: #000000;
    padding: 0
}

#slide-contact .panel-default .panel-heading .panel-title {
    background: #fa732a;
    display: inline-block;
    padding: 13.33333333px 20px
}

#slide-contact .panel-default .panel-heading .panel-title a {
    color: #ffffff;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase
}

#slide-contact .panel-default .panel-body {
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-top: 0;
    padding: 20px
}

#slide-contact .panel-default .panel-body legend {
    padding-bottom: 10px
}

#slide-contact .panel-default .panel-body .contact-address {
    color: #333333
}

@media (min-width: 480px) and (max-width:768px) {
    #slide-contact .panel-default .panel-body .contact-address {
        width:50%
    }
}

#slide-contact .panel-default .panel-body .contact-address a {
    color: #fa732a
}

#slide-contact .panel-default .panel-body .contact-address a:hover,#slide-contact .panel-default .panel-body .contact-address a:focus,#slide-contact .panel-default .panel-body .contact-address a:active {
    color: #eb5606
}

@media (min-width: 480px) and (max-width:768px) {
    #slide-contact .panel-default .panel-body .thumbnail {
        width:50%
    }
}

#slide-contact .panel-default .panel-body .contact-miscinfo .dl-horizontal {
    margin-bottom: 0
}

#slide-contact .panel-default .panel-body .contact-miscinfo .dl-horizontal p {
    margin: 0
}

#slide-contact .panel-default .panel-body .contact-links li {
    display: inline-block;
    margin-right: 10px
}

@media screen and (max-width: 480px) {
    #slide-contact .panel-default .panel-body .contact-links li {
        margin-bottom:10px
    }
}

#slide-contact .panel-default .panel-body .contact-links li a {
    border: 1px solid #999999;
    color: #555555
}

#slide-contact .panel-default .panel-body .contact-links li a:hover,#slide-contact .panel-default .panel-body .contact-links li a:focus,#slide-contact .panel-default .panel-body .contact-links li a:active {
    background: transparent;
    border-color: #fa732a;
    color: #fa732a
}

#slide-contact .panel-default .panel-body textarea {
    border-color: #e7e7e7;
    box-shadow: none
}

#slide-contact .panel-default .panel-body textarea:focus {
    border-color: #9b9b9b
}

#slide-contact .panel-default .panel-body textarea.invalid {
    border-color: #dc1e25
}

#slide-contact .panel-default .panel-body .control-label {
    color: #555555;
    font-weight: normal;
    margin-bottom: 5px
}

#slide-contact .panel-default .panel-body legend {
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    padding-bottom: 5px
}

#slide-contact .panel-default .panel-body .control-btn {
    text-align: right
}

.contact-form #jform_contact_emailmsg {
    width: 100%
}

.contact-form #jform_contact_message {
    width: 100%;
    height: auto
}

@media (max-width: 768px) {
    .contact-form #jform_captcha-lbl {
        display:none
    }

    .contact-form #recaptcha_image {
        width: 220px
    }

    .contact-form #recaptcha_image img {
        max-width: 220px
    }

    .contact-form #recaptcha_response_field {
        max-width: 220px
    }
}

@media screen and (max-width: 992px) {
    #recaptcha_area {
        max-width:200px
    }
}

#archive-items > li {
    line-height: normal;
    margin: 0;
    overflow: visible;
    padding: 0
}

#archive-items .intro {
    clear: both;
    overflow: hidden
}

#archive-items article.row {
    margin-bottom: 40px
}

.archive .filters {
    border: 1px solid #e7e7e7;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 20px
}

.categories-list {
    margin-bottom: 20px
}

.category-img {
    margin-bottom: 20px
}

.category-img img {
    max-width: 100%
}

.table-bordered > thead > tr > th,.table-bordered > thead > tr > td {
    border-bottom-width: 1px
}

.page-news .item-image {
    margin-bottom: 10px
}

@media (min-width: 992px) {
    .page-news .item-image {
        margin-bottom:0
    }
}

.page-news .article-image-full.item-image {
    margin-bottom: 20px
}

.category-item {
    margin-bottom: 30px
}

.category-item:before,.category-item:after {
    display: table;
    content: " "
}

.category-item:after {
    clear: both
}

.category-item .page-header {
    background: none;
    line-height: normal;
    padding: 0;
    margin: 0 0 10px;
    font-size: 14px;
    border-left: 0;
    text-transform: uppercase;
    color: #1a1a1a;
    font-weight: 700
}

.category-item .btn {
    margin-top: 20px
}

.category-item .category-item {
    margin-bottom: 0;
    margin-left: 30px
}

.category-item .category-item .page-header {
    font-size: 14px
}

.cat-children .page-header {
    line-height: normal;
    padding: 10px 5px;
    margin: 0;
    font-size: 18px;
    font-weight: normal
}

.newsfeed-category h2 {
    border-bottom: 1px solid #e7e7e7;
    color: inherit;
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    padding-bottom: 6.66666667px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: inherit
}

.newsfeed-category .btn-group {
    margin-left: 0
}

@media screen and (max-width: 480px) {
    .newsfeed-category .btn-group:first-child {
        width:75%
    }
}

.newsfeed-category .btn-group .input,.newsfeed-category .btn-group #limit {
    height: 37px
}

.newsfeed-category .filters {
    margin-bottom: 20px
}

.newsfeed-category ul.category {
    border: 0
}

.newsfeed-category ul.category li {
    background: transparent;
    border-top: 1px solid #e7e7e7;
    border-bottom: 0;
    padding: 10px
}

.newsfeed-category ul.category li .list a {
    color: #999999
}

.newsfeed-category ul.category li .list a:hover,.newsfeed-category ul.category li .list a:focus,.newsfeed-category ul.category li .list a:active {
    text-decoration: underline
}

.newsfeed-category ul.category li .list .list-title a {
    color: #1a1a1a
}

.newsfeed-category ul.category li .list .list-title a:hover,.newsfeed-category ul.category li .list .list-title a:focus,.newsfeed-category ul.category li .list .list-title a:active {
    color: #fa732a;
    text-decoration: none
}

.newsfeed-category ul.category li:hover {
    background: #f7f7f7
}

.newsfeed-category > h2,.newsfeed > h2 {
    margin-bottom: 20px;
    margin-top: 0
}

.newsfeed-category .category-desc,.newsfeed .category-desc {
    margin-bottom: 20px
}

.newsfeed-category .category li:before,.newsfeed .category li:before,.newsfeed-category .category li:after,.newsfeed .category li:after {
    display: table;
    content: " "
}

.newsfeed-category .category li:after,.newsfeed .category li:after {
    clear: both
}

.newsfeed > h2 {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0
}

.newsfeed .feed-description {
    margin-bottom: 20px;
    font-size: 16px
}

.newsfeed .feed-item-description .feed-description {
    font-size: 14px
}

.newsfeed ol li > a {
    font-weight: bold;
    font-size: 16px
}

.weblink-category h2 {
    border-bottom: 1px solid #e7e7e7;
    color: inherit;
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    padding-bottom: 6.66666667px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: inherit
}

.weblink-category .btn-toolbar {
    margin-bottom: 20px;
    margin-top: 0
}

.weblink-category .btn-toolbar .btn-group {
    margin-left: 0
}

.weblink-category ul.category {
    border: 0
}

.weblink-category ul.category li {
    border: 0;
    background: transparent;
    border-top: 1px solid #e7e7e7;
    padding: 13.33333333px
}

.weblink-category ul.category li p {
    margin-bottom: 0
}

.weblink-category ul.category li .badge-info {
    border-radius: 0
}

.weblink-category ul.category li:hover {
    background: #f7f7f7
}

.weblink-category ul.category li:hover .badge-info {
    background: #fa732a
}

.article-content .pagination ul {
    display: block;
    list-style: none;
    padding: 0;
    overflow: hidden
}

.article-content .pagination ul li {
    border: 1px solid #e7e7e7;
    float: left;
    line-height: normal;
    margin-right: 10px;
    padding: 10px 20px
}

.article-content .pagination ul li a {
    border: 0;
    text-decoration: none;
    background-color: transparent;
    line-height: normal;
    padding: 0
}

.pagenavcounter {
    margin: 0 0 20px;
    font-weight: bold
}

#article-index,.article-index {
    border: 1px solid #e7e7e7;
    border-radius: 0px;
    float: right;
    padding: 10px;
    margin: 0 0 20px 20px;
    width: 25%
}

#article-index ul,.article-index ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0
}

#article-index ul > li,.article-index ul > li {
    border: 0;
    margin-top: 2px
}

#article-index ul > li > a,.article-index ul > li > a {
    border: 0;
    padding: 5px;
    border-radius: 0px
}

#article-index ul > .active > a,.article-index ul > .active > a {
    border: 0;
    background: #fa732a;
    color: #ffffff
}

#article-index ul > .active > a:hover,.article-index ul > .active > a:hover,#article-index ul > .active > a:active,.article-index ul > .active > a:active,#article-index ul > .active > a:focus,.article-index ul > .active > a:focus {
    border: 0;
    background: #fa732a;
    color: #ffffff
}

.pagenav {
    margin: 0;
    padding: 0;
    list-style: none
}

.pagenav > li {
    margin: 0;
    padding: 0;
    float: left;
    font-family: 'Roboto',sans-serif
}

.pagenav > li.pagenav-prev,.pagenav > li.previous {
    margin-right: 10px
}

.pagenav li > a {
    padding: 8px 20px;
    line-height: normal;
    border: none;
    border-radius: 0px
}

.pagenav li > a:hover,.pagenav li > a:active,.pagenav li > a:focus {
    background-color: #fa732a;
    color: #ffffff
}

.items-more h3 {
    margin: 0 0 20px
}

.items-more .nav > li {
    border-top: 1px solid #e7e7e7
}

.items-more .nav > li > a {
    padding: 6px 5px
}

.back_button a {
    display: block;
    margin: 10px 0
}

.filters {
    margin: 10px 0
}

.display-limit {
    margin: 10px 0 5px
}

.filters .display-limit {
    float: right;
    text-align: right
}

#system-message {
    margin: auto auto 40px
}

#system-message.alert {
    padding: 0 10px
}

#system-message dd.message {
    text-indent: 0;
    font-family: 'Roboto',sans-serif
}

#system-message dd.message.message ul {
    border: 1px solid #4aa545;
    background: transparent;
    padding: 5px;
    text-align: left
}

#system-message dd.message.message ul li {
    color: #4aa545;
    font-weight: 300
}

#system-message dd.message.message ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 24px;
    margin-right: 10px
}

#system-message dd.message.error ul {
    border: 1px solid #d9534f;
    text-align: left
}

#system-message dd.message.error ul li {
    color: #d9534f;
    font-weight: 300
}

#system-message dd.message.error ul li:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 24px;
    margin-right: 10px
}

#system-message dd.message.notice ul {
    border: 1px solid #f0ad4e;
    text-align: left
}

#system-message dd.message.notice ul li {
    color: #f0ad4e;
    font-weight: 300
}

#system-message dd.message.notice ul li:before {
    content: "\f044";
    font-family: FontAwesome;
    font-size: 24px;
    margin-right: 10px
}

#system-message dt {
    font-weight: bold
}

#system-message dd {
    font-weight: bold
}

#system-message dd.message ul,#system-message dd.error ul,#system-message dd.notice ul {
    margin: 0;
    padding: 0
}

#system-message dd.message ul li,#system-message dd.error ul li,#system-message dd.notice ul li {
    background: none;
    margin: 0;
    padding: 5px
}

.alert.alert-message {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert.alert-message hr {
    border-top-color: #c9e2b3
}

.alert.alert-message .alert-link {
    color: #356635
}

.alert.alert-notice {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert.alert-notice hr {
    border-top-color: #a6e1ec
}

.alert.alert-notice .alert-link {
    color: #2d6987
}

.alert.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert.alert-error hr {
    border-top-color: #e4b9c0
}

.alert.alert-error .alert-link {
    color: #953b39
}

.tip-wrap {
    background: #fff6df;
    border: 1px solid #fb3;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 300px;
    z-index: 999
}

.tip-title {
    border-bottom: 1px solid #fb3;
    font-weight: bold;
    padding: 5px 10px
}

.tip-text {
    font-size: 14px;
    margin: 0;
    padding: 5px 10px
}

.hasTip img {
    border: none;
    margin: 0 5px 0 0
}

@media (min-width: 768px) {
    .languageswitcherload {
        float:right;
        width: 100%
    }

    .languageswitcherload .mod-languages {
        text-align: right
    }
}

div.calendar {
    width: 187px
}

.js-stools-field-filter .chzn-container {
    min-width: 220px
}

.edit.item-page fieldset .btn-toolbar {
    margin-top: 10px
}

.edit.item-page .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
    height: auto;
    padding: 10px 0
}

.edit.item-page #publishing label {
    display: block
}

.edit.item-page #publishing #jform_publish_up,.edit.item-page #publishing #jform_publish_down {
    float: left
}

.edit.item-page #publishing .calendar {
    margin-left: 10px
}

#jform_tags_chzn .chzn-choices {
    background: transparent
}

#jform_tags_chzn .chzn-choices input {
    box-shadow: none;
    height: 38px
}

#jform_publish_down_img,#jform_publish_up_img {
    padding: 8px 12px
}

.content_rating,.content_rating + br,.content_vote {
    display: none !important
}

.rating-info:before,.rating-info:after {
    display: table;
    content: " "
}

.rating-info:after {
    clear: both
}

.rating-info > em {
    font-weight: bold;
    font-style: normal;
    display: inline-block;
    margin-right: 5px
}

.rating-info .rating {
    background: url("/templates/ja_playmag/images/rating-stars.png") repeat-x left top transparent;
    display: block;
    float: left;
    height: 16px;
    width: 80px;
    text-align: left
}

.rating-info .rating-current {
    background: url("/templates/ja_playmag/images/rating-stars.png") repeat-x left center transparent;
    display: inline-block;
    height: 16px
}

.rating-form {
    display: inline-block;
    line-height: 16px;
    vertical-align: middle
}

.rating-form .rating-log {
    display: inline-block;
    font-size: 12px;
    margin: 0;
    padding: 0;
    font-weight: 300;
    text-transform: none
}

.rating-form .formLogLoading,.rating-form .rating-log-loading {
    background: url("/templates/ja_playmag/images/loading.gif") no-repeat left center transparent;
    height: 25px;
    padding: 0 0 0 20px
}

.rating-form .rating-list,.rating-form .rating-list a:hover,.rating-form .rating-list .rating-current {
    background: url("/templates/ja_playmag/images/rating-stars.png") repeat-x scroll left -1000px transparent
}

.rating-form .rating-list {
    background-position: left top;
    height: 16px !important;
    list-style: none outside none;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 80px
}

.rating-form .rating-list li {
    background: none repeat scroll 0 0 transparent;
    display: inline;
    padding: 0;
    border: none;
    float: left;
    width: 100%
}

.rating-form .rating-list a,.rating-form .rating-list .rating-current {
    border: medium none;
    cursor: pointer;
    height: 16px;
    left: 0;
    line-height: 16px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: -1000px;
    top: 0
}

.rating-form .rating-list a:hover {
    background-position: left bottom
}

.rating-form .rating-list .one-star {
    width: 20%;
    z-index: 6
}

.rating-form .rating-list .two-stars {
    width: 40%;
    z-index: 5
}

.rating-form .rating-list .three-stars {
    width: 60%;
    z-index: 4
}

.rating-form .rating-list .four-stars {
    width: 80%;
    z-index: 3
}

.rating-form .rating-list .five-stars {
    width: 100%;
    z-index: 2
}

.rating-form .rating-list .rating-current {
    background: url("/templates/ja_playmag/images/rating-stars.png") repeat-x scroll 0 center transparent !important;
    margin: 0;
    padding: 0;
    z-index: 1
}

.com_config .t3onoff label {
    border: 0;
    top: 0;
    left: 0
}

.com_config .t3onoff label.on:before {
    width: 60%
}

#jform_captcha {
    max-width: 230px
}

.tag-category > h2 {
    margin: 0 0 20px;
    border-bottom: 0;
    border-left: 5px solid #fa732a;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    background: url("/templates/ja_playmag/images/dot.gif") repeat-x center right
}

.tag-category > h2 span {
    color: #1a1a1a;
    font-size: 14px;
    margin: 0;
    font-family: 'Roboto',sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    background: #ffffff;
    padding-left: 15px;
    padding-right: 20px;
    display: inline-block
}

.tag-category .category {
    margin-top: 20px;
    padding-top: 30px
}

.tag-category .category li {
    background: #ffffff;
    border-color: #e7e7e7;
    padding: 0 0 10px;
    margin-bottom: 30px
}

.tag-category .category li > img {
    margin-bottom: 20px;
    max-width: 100%
}

@media (min-width: 768px) {
    .tag-category .category li > img {
        float:left;
        margin-right: 20px;
        max-width: 30%
    }
}

.tag-category .category li > h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0
}

.tag-category .category li:hover > h3 a {
    border-bottom: 1px solid #e7e7e7;
    color: #fa732a
}

.tag-category .tag-body {
    display: block
}

.tag-category .tag-body img {
    margin-bottom: 10px;
    width: 100%
}

@media (min-width: 768px) {
    .tag-category .tag-body img {
        width:35%
    }
}

@media (min-width: 768px) {
    .tag-category .tag-body img[align=left] {
        margin:0 20px 20px 0
    }
}

@media (min-width: 768px) {
    .tag-category .tag-body img[align=right] {
        margin:0 0 20px 20px
    }
}

.tag-category .filters .btn-group {
    margin-left: 0
}

.tag-category #filter-search {
    float: left;
    height: auto
}

.tag-category .pagination {
    float: none
}

.t3-content .tags span {
    display: inline-block;
    margin: 0 4px 4px 0
}

.t3-content .tags span > a {
    background: none;
    border-radius: 0;
    color: #999999;
    display: block;
    font-size: 10px;
    font-weight: bold;
    padding: 0;
    text-transform: uppercase
}

.t3-content .tags span > a:hover,.t3-content .tags span > a:active,.t3-content .tags span > a:focus {
    background: none;
    color: #fa732a
}

.t3-content .article-review .tags {
    border: 1px solid #e7e7e7;
    border-top: none;
    padding: 10px;
    clear: both
}

.t3-content .article-review .tags small {
    color: #999999;
    display: block;
    margin-bottom: 5px;
    text-transform: none
}

.t3-content .article-review .tags span > a {
    color: #000000;
    font-size: 12px
}

.t3-content .article-review .tags span > a:hover,.t3-content .article-review .tags span > a:active,.t3-content .article-review .tags span > a:focus {
    color: #fa732a
}

.iframe-bordered {
    border: 1px solid #dddddd
}

.chzn-container {
    display: block
}

.chzn-container-single .chzn-single,.chzn-container-multi .chzn-choices .search-field input,.chzn-container-single .chzn-search input,.chzn-container-active.chzn-with-drop .chzn-single {
    background: #ffffff;
    border-color: #cecece;
    height: 38px;
    text-transform: uppercase;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 0px;
    line-height: 24px
}

.chzn-container-single .chzn-single div b {
    background-position: 0 8px
}

.chzn-container-single .chzn-drop,.chzn-container .chzn-drop {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.input-prepend .chzn-container-single .chzn-single {
    border-color: #cecece;
    height: 26px;
    border-radius: 0 3px 3px 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-prepend .chzn-container-active .chzn-single-with-drop {
    border-radius: 0 3px 0 0
}

.input-prepend .chzn-container-single .chzn-drop {
    border-color: #cecece
}

.btn-group .chzn-results {
    white-space: normal
}

#page-site input {
    height: 34px
}

.accordion-group .chzn-container.chzn-container-single {
    display: inline-block
}

.accordion-group #jform_showtitle {
    margin: 10px 0
}

.com_config .controls label.off,.com_config .controls label.on {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    height: 34px;
    line-height: 1.42857143;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 90px
}

#modal-jform_consentbox {
    top: 5%;
    display: block;
    z-index: 1050;
    left: 50%;
    width: 80%;
    position: fixed;
    margin-left: -40%;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    outline: none;
    padding: 0 !important;
    transform: none;
    bottom: auto
}

#modal-jform_consentbox.in {
    opacity: 1;
    display: block !important
}

#modal-jform_consentbox .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee
}

#modal-jform_consentbox .modal-body {
    max-height: 770.3px;
    overflow-y: auto;
    width: 98%;
    position: relative;
    padding: 1%
}

#modal-jform_consentbox .iframe {
    max-height: 739.6px
}

#jform_privacyconsent_privacy-lbl a.modal,#jform_consentbox-lbl a.modal,#jform_terms_terms-lbl a.modal,#jform_profile_tos-lbl a.modal {
    display: inline-block;
    position: relative
}

#jform_terms_terms input[type="radio"],#jform_privacyconsent_privacy input[type="radio"],#jform_consentbox input[type="radio"],#jform_profile_tos input[type="radio"],#jform_terms_terms input[type="checkbox"],#jform_privacyconsent_privacy input[type="checkbox"],#jform_consentbox input[type="checkbox"],#jform_profile_tos input[type="checkbox"] {
    position: relative;
    margin: 0;
    margin-right: 5px;
    width: auto
}

#jform_terms_terms label,#jform_privacyconsent_privacy label,#jform_consentbox label,#jform_profile_tos label {
    margin-right: 10px;
    padding: 0
}

#modal-jform_consentbox,#modal-consentbox {
    top: 5%;
    display: block;
    z-index: 1050;
    left: 50%;
    width: 80%;
    position: fixed;
    margin-left: -40%;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    outline: none;
    padding: 0 !important;
    transform: none;
    bottom: auto
}

#modal-jform_consentbox.in,#modal-consentbox.in {
    opacity: 1;
    display: block !important
}

#modal-jform_consentbox .modal-header,#modal-consentbox .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee
}

#modal-jform_consentbox .modal-body,#modal-consentbox .modal-body {
    overflow-y: auto;
    width: 98%;
    position: relative;
    padding: 1%
}

#modal-jform_consentbox .modal-body,#modal-consentbox .modal-body {
    height: 75vh
}

#modal-jform_consentbox .iframe,#modal-consentbox .iframe {
    height: 98%
}

#modal-consentbox .modal-header h3,#modal-jform_consentbox .modal-header h3 {
    margin: 0;
    font-size: 26px
}

.page-header {
    margin: 0 0 20px;
    border-bottom: 0;
    border-left: 5px solid #fa732a;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    background: url("/templates/ja_playmag/images/dot.gif") repeat-x center right
}

.page-title,.page-header h1 {
    color: #1a1a1a;
    font-size: 14px;
    margin: 0;
    font-family: 'Roboto',sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    background: #ffffff;
    padding-left: 15px;
    padding-right: 20px;
    display: inline-block
}

.page-subheader {
    border-bottom: 1px solid #e7e7e7;
    margin: 0 0 20px
}

.page-subheader:before,.page-subheader:after {
    display: table;
    content: " "
}

.page-subheader:after {
    clear: both
}

.page-subtitle,.page-subheader h2 {
    line-height: 1;
    margin: 0
}

.page-header + .page-subheader {
    margin-top: -20px
}

.article-title,.article-header h1 {
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 1.32857143;
    font-weight: 700;
    color: #1a1a1a
}

.article-title a,.article-header h1 a {
    color: #1a1a1a;
    position: relative
}

.article-title a:hover,.article-header h1 a:hover,.article-title a:focus,.article-header h1 a:focus,.article-title a:active,.article-header h1 a:active {
    border-bottom: 1px solid #e7e7e7
}

.item-title {
    font-weight: bold
}

.jumbotron h1,.jumbotron h2,.jumbotron h3 {
    margin-top: 0
}

.jumbotron p:last-child {
    margin-bottom: 0
}

.container .jumbotron {
    border-radius: 0px
}

.masthead {
    padding: 40px 0;
    text-align: center
}

.masthead p:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .masthead {
        padding:80px 0
    }

    .masthead h1 {
        font-size: 98px
    }

    .masthead p {
        font-size: 28px
    }

    .masthead .btn-lg {
        margin-top: 20px;
        padding: 18px 42px;
        font-size: 21px
    }
}

.jumbotron-primary {
    background-color: #fa732a;
    color: #ffffff
}

.jumbotron-primary h1,.jumbotron-primary h2,.jumbotron-primary h3 {
    color: #ffffff
}

.jumbotron-primary p {
    color: #ffffff
}

.jumbotron-primary .btn-primary {
    border-color: #fff
}

.label:empty {
    display: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.page-header .label,.page-header .badge {
    vertical-align: middle
}

.alert h4 {
    color: inherit
}

.media:first-child {
    margin-top: 0
}

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media > .pull-left {
    margin-right: 10px
}

.media > .pull-right {
    margin-left: 10px
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading {
    color: inherit
}

a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text {
    color: #fff6f1
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title > a {
    color: inherit
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5)
    }
}

.rating-cell {
    display: table-cell;
    padding: 25px 15px;
    vertical-align: middle
}

.rating-cell:nth-child(2) {
    padding-left: 0
}

.rating-score {
    padding: 0
}

.rating-score .score {
    background: #303136;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 40px;
    width: 40px;
    background: none;
    box-shadow: none
}

.rating-score .score-clip {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.rating-score .score-pie {
    background: #fa4b2a;
    height: 100%;
    position: absolute;
    width: 50%
}

.rating-score .score-spinner {
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
    border-right: none;
    overflow: hidden;
    transform-origin: 100% 50% 0;
    -webkit-transform-origin: 100% 50% 0;
    z-index: 100
}

.rating-score .score-filler {
    border-radius: 0 100% 100% 0/0 50% 50% 0;
    left: 50%;
    z-index: 200;
    border-left: none;
    overflow: hidden;
    background-image: -webkit-linear-gradient(#e08900 0%,#fa4b2a 40%);
    background-image: linear-gradient(#e08900 0%,#fa4b2a 40%);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.rating-score .score-8 .score-filler {
    opacity: 1
}

.rating-score .score-inner {
    background: #26272B;
    border-radius: 400px;
    color: #ffffff;
    font-weight: 600;
    position: absolute;
    text-align: center;
    z-index: 400;
    -webkit-transition: background 0.25s ease 0s;
    -o-transition: background 0.25s ease 0s;
    transition: background 0.25s ease 0s;
    bottom: 3px;
    font-size: 14px;
    left: 3px;
    line-height: 20px;
    right: 3px;
    top: 3px
}

.rating-score .score-table {
    display: table;
    height: 100%;
    width: 100%
}

.rating-score .score-cell {
    display: table-cell;
    vertical-align: middle
}

.rating-score-lg .score {
    width: 80px;
    height: 80px
}

.rating-score-lg .score-inner {
    line-height: 68px;
    font-size: 28px;
    left: 6px;
    top: 6px;
    right: 6px;
    bottom: 6px
}

@media (min-width: 768px) {
    .rating-score-xlg .score {
        width:240px;
        height: 240px
    }

    .rating-score-xlg .score-inner {
        line-height: 216px;
        font-size: 84px;
        left: 12px;
        top: 12px;
        right: 12px;
        bottom: 12px
    }
}

.rating-score-10 .score-0 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-10 .score-0 .score-clip {
    clip: rect(0px,40px,0px,0px)
}

.rating-score-10 .score-0 .score-spinner {
    transform: rotate(0deg)
}

.rating-score-10 .score-1 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-10 .score-1 .score-clip {
    clip: rect(0px,40px,0px,0px)
}

.rating-score-10 .score-1 .score-spinner {
    transform: rotate(36deg)
}

.rating-score-10 .score-2 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-10 .score-2 .score-clip {
    clip: rect(0px,40px,10px,20px)
}

.rating-score-10 .score-2 .score-spinner {
    transform: rotate(72deg)
}

.rating-score-10 .score-3 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-10 .score-3 .score-clip {
    clip: rect(0px,40px,20px,20px)
}

.rating-score-10 .score-3 .score-spinner {
    transform: rotate(108deg)
}

.rating-score-10 .score-4 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-10 .score-4 .score-clip {
    clip: rect(0px,40px,30px,20px)
}

.rating-score-10 .score-4 .score-spinner {
    transform: rotate(144deg)
}

.rating-score-10 .score-5 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-10 .score-5 .score-clip {
    clip: rect(0px,40px,80px,0px)
}

.rating-score-10 .score-5 .score-spinner {
    transform: rotate(180deg)
}

.rating-score-10 .score-6 .score-clip2 {
    clip: rect(0px,40px,40px,20px)
}

.rating-score-10 .score-6 .score-clip {
    clip: rect(0px,40px,40px,0px)
}

.rating-score-10 .score-6 .score-spinner {
    transform: rotate(216deg)
}

.rating-score-10 .score-7 .score-clip2 {
    clip: rect(0px,40px,40px,20px)
}

.rating-score-10 .score-7 .score-clip {
    clip: rect(0px,40px,40px,0px)
}

.rating-score-10 .score-7 .score-spinner {
    transform: rotate(252deg)
}

.rating-score-10 .score-8 .score-clip {
    clip: rect(0px,20px,40px,0px)
}

.rating-score-10 .score-8 .score-clip2 {
    clip: rect(0px,40px,40px,20px)
}

.rating-score-10 .score-8 .score-spinner {
    transform: rotate(288deg)
}

.rating-score-10 .score-9 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-10 .score-9 .score-clip {
    clip: rect(0px,40px,80px,0px)
}

.rating-score-10 .score-9 .score-spinner {
    transform: rotate(324deg)
}

.rating-score-10.rating-score-lg .score-5 .score-clip {
    clip: rect(0px,80px,80px,0px)
}

.rating-score-10.rating-score-lg .score-5 .score-clip2 {
    clip: rect(0px,80px,80px,0px)
}

.rating-score-10.rating-score-lg .score-6 .score-clip2 {
    clip: rect(0px,80px,80px,20px)
}

.rating-score-10.rating-score-lg .score-6 .score-clip {
    clip: rect(0px,80px,80px,0px)
}

.rating-score-10.rating-score-lg .score-8 .score-clip {
    clip: rect(0,40px,80px,0px)
}

.rating-score-10.rating-score-lg .score-8 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-10.rating-score-xlg .score-3 .score-clip {
    clip: rect(0px,240px,240px,0px)
}

.rating-score-10.rating-score-xlg .score-3 .score-clip2 {
    clip: rect(0px,240px,240px,0px)
}

.rating-score-10.rating-score-xlg .score-5 .score-clip {
    clip: rect(0px,240px,240px,0px)
}

.rating-score-10.rating-score-xlg .score-5 .score-clip2 {
    clip: rect(0px,240px,240px,0px)
}

.rating-score-10.rating-score-xlg .score-6 .score-clip2 {
    clip: rect(0px,240px,240px,80px)
}

.rating-score-10.rating-score-xlg .score-6 .score-clip {
    clip: rect(0px,240px,240px,0px)
}

.rating-score-10.rating-score-xlg .score-8 .score-clip {
    clip: rect(0,120px,240px,0px)
}

.rating-score-10.rating-score-xlg .score-8 .score-clip2 {
    clip: rect(0px,240px,240px,120px)
}

.rating-score-5 .score-0 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-5 .score-0 .score-clip {
    clip: rect(0px,40px,0px,0px)
}

.rating-score-5 .score-0 .score-spinner {
    transform: rotate(0deg)
}

.rating-score-5 .score-1 .score-clip {
    clip: rect(0px,40px,40px,20px)
}

.rating-score-5 .score-1 .score-clip2 {
    clip: rect(0px,40px,40px,40px)
}

.rating-score-5 .score-1 .score-spinner {
    transform: rotate(72deg)
}

.rating-score-5 .score-2 .score-clip {
    clip: rect(0px,40px,40px,20px)
}

.rating-score-5 .score-2 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-5 .score-2 .score-spinner {
    transform: rotate(144deg)
}

.rating-score-5 .score-3 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-5 .score-3 .score-clip {
    clip: rect(0px,40px,40px,0)
}

.rating-score-5 .score-3 .score-spinner {
    transform: rotate(216deg)
}

.rating-score-5 .score-4 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-5 .score-4 .score-clip {
    clip: rect(0px,40px,40px,0)
}

.rating-score-5 .score-4 .score-spinner {
    transform: rotate(288deg)
}

.rating-score-5 .score-5 .score-clip2 {
    clip: rect(0px,80px,80px,40px)
}

.rating-score-5 .score-5 .score-clip {
    clip: rect(0px,40px,80px,0px)
}

.rating-score-5 .score-5 .score-spinner {
    transform: rotate(360deg)
}

@media (min-width: 768px) {
    .rating-score-5.rating-score-xlg .score-0 .score-clip,.rating-score-5.rating-score-xlg .score-0 .score-clip2 {
        clip:rect(0px,0,0,0px)
    }

    .rating-score-5.rating-score-xlg .score-2 .score-spinner {
        transform: rotate(180deg)
    }

    .rating-score-5.rating-score-xlg .score-2 .score-clip {
        clip: rect(0px,240px,240px,240px)
    }

    .rating-score-5.rating-score-xlg .score-2 .score-clip2 {
        clip: rect(0px,240px,220px,0px)
    }

    .rating-score-5.rating-score-xlg .score-1 .score-clip {
        clip: rect(0px,240px,120px,120px)
    }

    .rating-score-5.rating-score-xlg .score-1 .score-clip2 {
        clip: rect(0px,120px,120px,80px)
    }

    .rating-score-5.rating-score-xlg .score-3 .score-clip,.rating-score-5.rating-score-xlg .score-3 .score-clip2,.rating-score-5.rating-score-xlg .score-4 .score-clip,.rating-score-5.rating-score-xlg .score-4 .score-clip2,.rating-score-5.rating-score-xlg .score-5 .score-clip,.rating-score-5.rating-score-xlg .score-5 .score-clip2 {
        clip: rect(0px,240px,240px,0px)
    }
}

html > body div#k2Frontend .icon-48-k2 {
    background: url("/templates/ja_playmag/images/K2_Logo.png") no-repeat 0 center;
    display: block;
    padding-left: 120px !important
}

html > body div#k2Frontend table.k2FrontendToolbar {
    float: right
}

html > body div#k2Frontend table.k2FrontendToolbar tr td.button {
    padding: 6.66666667px
}

html > body div#k2Frontend #k2FrontendEditToolbar {
    text-align: left
}

html > body div#k2Frontend .k2AdminTableFiltersSearch button {
    border: 0;
    background: #fa732a;
    border-radius: 20px;
    color: #ffffff;
    margin-top: 10px;
    margin-right: 10px
}

html > body div#k2Frontend .k2AdminTableFiltersSearch button:hover {
    background: #eb5606
}

html > body div#k2Frontend .k2AdminTableFiltersSelects select {
    display: inline-block;
    height: auto;
    font-size: 12px;
    padding: 8px 5px
}

html > body div#k2Frontend .radio,html > body div#k2Frontend .checkbox {
    display: inline-block
}

html > body div#k2Frontend .radio .inputbox,html > body div#k2Frontend .checkbox .inputbox {
    float: left;
    height: 13px;
    position: static;
    margin-left: 0;
    margin-top: 0;
    margin-right: 5px
}

html > body div#k2Frontend .controls > label {
    margin-right: 10px
}

.container {
    background: #ffffff
}

.t3-topbar {
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    height: auto;
    position: relative;
    top: 0
}

.t3-topbar .container {
    border-left: 0;
    border-right: 0
}

@media (min-width: 768px) {
    .t3-topbar {
        height:30px
    }
}

.t3-topbar .row {
    background: #000000
}

.t3-topbar .text-right ul.nav {
    float: right
}

.t3-topbar .nav li {
    display: block;
    float: left;
    overflow: hidden
}

.t3-topbar .nav li > a {
    margin-right: 20px;
    padding: 0;
    color: #999999;
    height: 30px;
    line-height: 30px;
    border-radius: 0
}

.t3-topbar .nav li > a:hover,.t3-topbar .nav li > a:focus {
    color: #ffffff;
    background: none;
    border: 0
}

.t3-topbar .nav li.active > a {
    color: #ffffff;
    background: none
}

.t3-topbar .nav li.active > a:hover,.t3-topbar .nav li.active > a:focus {
    color: #fa732a
}

.t3-topbar .nav li + li {
    margin-top: 0
}

.t3-header {
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 4
}

.t3-header .container {
    background: #fa732a;
    border: 0
}

.animating .t3-header,.animating .t3-topbar {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.scrollDown .t3-header,.scrollDown .t3-topbar {
    top: -100px
}

@media (min-width: 992px) {
    .scrollUp .t3-wrapper {
        margin-top:50px
    }
}

@media (min-width: 992px) {
    .scrollUp .t3-header {
        position:fixed;
        background: #CD7F32;
        z-index: 999;
        border-bottom: 1px solid #333333;
        height: 51px;
        -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
        box-shadow: 0px 3px 5px rgba(0,0,0,0.2)
    }

    .scrollUp .t3-header .container {
        background: #CD7F32;
        border-left: 1px solid #333333;
        border-right: 1px solid #333333;
        -webkit-transition: background 0.3;
        -o-transition: background 0.3;
        transition: background 0.3
    }

    .scrollUp .t3-header .t3-nav-btn .pull-right {
        border-color: #333333
    }

    .scrollUp .t3-header .navbar-default .navbar-nav > li > a,.scrollUp .t3-header .navbar-default .navbar-nav {
        border-color: #333333
    }

    .scrollUp .t3-header .navbar-default .navbar-nav > .active > a,.scrollUp .t3-header .navbar-default .navbar-nav > .alias-parent-active > a,.scrollUp .t3-header .navbar-default .navbar-nav > .active > a:hover,.scrollUp .t3-header .navbar-default .navbar-nav > .alias-parent-active > a:hover,.scrollUp .t3-header .navbar-default .navbar-nav > .active > a:focus,.scrollUp .t3-header .navbar-default .navbar-nav > .alias-parent-active > a:focus {
        background: #CD7F32
    }
}

.logo {
    text-align: center;
    padding-right: 0;
    padding-left: 30px;
    width: auto
}

@media screen and (max-width: 767px) {
    .logo {
        text-align:left;
        margin-top: -1px;
        position: relative;
        width: 25%;
        z-index: 1000
    }
}

@media screen and (min-width: 768px) {
    .logo {
        text-align:left
    }
}

.logo a {
    display: inline-block;
    line-height: 1;
    margin: 0
}

.logo-image {
    padding: 0;
    line-height: 50px;
    height: 50px
}

.logo-image .logo-img {
    display: inline-block
}

.logo-image span,.logo-image small {
    display: none
}

@media screen and (max-width: 991px) {
    .logo-image {
        top:10px;
        left: 30px
    }

    .logo-image .logo-img-sm {
        display: inline-block !important
    }
}

.logo-text a {
    margin-top: 5px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff
}

.logo-text:hover a,.logo-text a:hover,.logo-text a:active,.logo-text a:focus {
    text-decoration: none;
    color: #ffffff
}

.logo-text .site-slogan {
    display: block;
    font-size: 10px;
    margin-top: 5px;
    color: #ffffff;
    filter: alpha(opacity=80);
    opacity: 0.8
}

.head-search {
    margin-top: 20px
}

.head-search:before,.head-search:after {
    display: table;
    content: " "
}

.head-search:after {
    clear: both
}

.head-search form {
    margin: 0
}

.head-search label {
    display: none
}

.head-search .search {
    position: relative
}

.head-search .search:before {
    font-family: "FontAwesome";
    content: "\f002";
    display: block;
    position: absolute;
    left: 10px;
    top: 6px;
    color: #555555
}

@media screen and (min-width: 768px) {
    .head-search .search {
        float:right
    }
}

.head-search .form-control {
    width: 100%;
    padding-left: 30px
}

@media screen and (min-width: 768px) {
    .head-search .form-control {
        width:150px
    }

    .head-search .form-control:focus {
        width: 200px
    }
}

.t3-masthead .container {
    background: #000000;
    color: #ffffff;
    padding: 20px 30px
}

.t3-masthead .container h3 {
    font-family: 'bebas_neuelight',sans-serif;
    font-size: 40px;
    letter-spacing: 1px;
    margin: 0
}

.t3-topbanner .container {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7e7e7
}

.t3-bottombanner {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #000000
}

.t3-bottombanner .container {
    border: 0;
    background: #000000
}

.t3-sl {
    padding-bottom: 40px;
    padding-top: 40px
}

@media screen and (min-width: 768px) {
    .t3-sl {
        padding-bottom:60px;
        padding-top: 60px
    }
}

.ja-slideshow .container {
    height: 470px;
    overflow: hidden;
    background: #000000;
    padding: 0;
    position: relative;
    z-index: 0
}

@media (min-width: 1200px) {
    .ja-slideshow .container {
        height:560px
    }
}

.ja-slideshow .container > div {
    padding: 0
}

.t3-mainbody {
    padding: 30px
}

.has-slideshow .t3-mast-top-1 {
    z-index: 17;
    position: relative
}

@media (min-width: 768px) {
    .has-slideshow .t3-mast-top-1 {
        margin-top:-100px
    }
}

.t3-content-mast-top {
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 992px) {
    .t3-content-mast-top {
        margin-right:-30px;
        margin-left: -30px
    }
}

.t3-content-mast-top .title-background-primary.t3-module {
    border-bottom: 0
}

.t3-content-mast-top .title-background-primary .module-title {
    margin-left: 30px
}

.t3-content-mast-top #article-carousel h4 {
    position: absolute;
    bottom: 20px;
    padding: 0 30px;
    font-size: 24px;
    font-weight: 700
}

.t3-content-mast-top #article-carousel h4 .mod-articles-category-date {
    font-size: 14px;
    font-weight: normal
}

.t3-content-mast-top #article-carousel h4 .mod-articles-category-date i {
    margin-right: 5px
}

.t3-content-mast-top #article-carousel h4 a {
    color: #ffffff;
    display: block
}

@media (max-width: 767px) {
    .t3-content-mast-top #article-carousel h4 {
        font-size:18px
    }
}

.t3-content-mast-top #article-carousel .article-img img {
    max-width: 100%
}

.t3-content-mast-top #article-carousel .mask {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 100%;
    background: url("/templates/ja_playmag/images/carousel-mask.png") repeat-x bottom left
}

.t3-content-mast-top #article-carousel .carousel-control i {
    font-size: 40px;
    left: 30px;
    margin-top: -20px;
    position: absolute;
    top: 50%
}

.t3-content-mast-top #article-carousel .carousel-control.right i {
    left: auto;
    right: 30px
}

@media (max-width: 767px) {
    .t3-content-mast-top #article-carousel .carousel-control {
        bottom:auto;
        height: auto;
        left: auto;
        position: absolute;
        right: 0;
        top: 20px;
        width: 40px
    }

    .t3-content-mast-top #article-carousel .carousel-control.right i {
        left: 10px;
        right: auto
    }

    .t3-content-mast-top #article-carousel .carousel-control.left i {
        left: -10px
    }
}

.one-sidebar-right .t3-content-mast-top {
    margin-right: 0
}

.t3-sidebar-2 {
    padding: 0
}

.has-slideshow .t3-sidebar-2,.has-slideshow .one-sidebar-right .t3-sidebar {
    margin-top: -470px
}

@media (min-width: 1200px) {
    .has-slideshow .t3-sidebar-2,.has-slideshow .one-sidebar-right .t3-sidebar {
        margin-top:-560px
    }
}

.t3-footer {
    color: #7a7a7a;
    background: #000000
}

.t3-footer:before,.t3-footer:after {
    display: table;
    content: " "
}

.t3-footer:after {
    clear: both
}

.t3-footer .container {
    border: 0;
    background: #000000
}

.t3-footer small {
    display: block;
    font-size: 100%
}

.t3-footnav {
    padding: 20px 0;
    border-top: 1px solid #222222
}

.t3-footnav:before,.t3-footnav:after {
    display: table;
    content: " "
}

.t3-footnav:after {
    clear: both
}

@media screen and (min-width: 768px) {
    .t3-footnav {
        padding:40px 0
    }
}

.t3-footnav .t3-module {
    background: transparent;
    color: #999999;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px
}

.t3-footnav .t3-module .module-title {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 10px;
    background: none;
    border-left: 0
}

.t3-footnav .t3-module .module-title span {
    padding: 0;
    background: none
}

.t3-footnav .t3-module ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0
}

.t3-footnav .t3-module ul > li {
    line-height: 24px
}

.t3-footnav .t3-module ul > li > a {
    color: #999999;
    padding: 0;
    margin: 0;
    font-size: 12px;
    border-radius: 0
}

.t3-footnav .t3-module ul > li > a:hover,.t3-footnav .t3-module ul > li > a:active,.t3-footnav .t3-module ul > li > a:focus {
    color: #fa732a;
    background: none
}

.t3-copyright {
    font-size: 12px
}

.t3-copyright:before,.t3-copyright:after {
    display: table;
    content: " "
}

.t3-copyright:after {
    clear: both
}

.t3-copyright .container {
    padding-top: 40px;
    padding-bottom: 40px
}

.t3-copyright small {
    margin-bottom: 5px
}

.copyright {
    margin-bottom: 20px;
    color: #999999
}

.copyright a {
    color: #555555
}

.copyright a:hover,.copyright a:focus {
    color: #e7e7e7
}

.poweredby:before,.poweredby:after {
    display: table;
    content: " "
}

.poweredby:after {
    clear: both
}

@media screen and (min-width: 991px) {
    .poweredby {
        text-align:right
    }
}

.poweredby .t3-logo,.poweredby .t3-logo-small {
    opacity: .8;
    display: inline-block
}

.acymailing_module_form .acymailing_introtext {
    font-size: 12px;
    color: #999999;
    margin-bottom: 20px !important
}

.ie8 .logo {
    min-width: 109px
}

.ie8 .logo a {
    margin: 13px 0 12px
}

.ie8 .ja-ss-thumbs-wrap {
    z-index: 200;
    right: 0
}

.ie8 .ja-ss-thumbs-wrap .ja-ss-thumbie {
    width: auto !important
}

.ie8 .ja-ss-thumbs-wrap .ja-ss-thumbie .ja-ss-thumbs {
    width: auto !important
}

.ie8 #Kunena #jumpto {
    display: block;
    float: right;
    width: 500px
}

.ie8 #Kunena #jumpto .kright {
    width: 100%
}

.ie8 #Kunena #jumpto select.inputbox {
    widht: auto
}

.ie8 #Kunena #jumpto input.kbutton {
    float: left
}

.ie8 #Kunena .klist-actions tr > td {
    padding: 10px 20px;
    line-height: 38px
}

.ie8 #Kunena .kfile-input-textbox {
    width: auto
}

.ie8 div#itemListLeading .catItemView {
    min-height: 240px
}

.ie9 .catItemView {
    height: 300px
}

.none-responsive .hidden-md {
    display: block !important
}

.none-responsive #t3-content-wrap {
    width: 75%
}

.none-responsive #t3-mainbody > .row > .t3-sidebar {
    width: 25%
}

.none-responsive #t3-content {
    width: 66.6667%
}

.none-responsive #t3-content + .t3-sidebar {
    width: 33.3333%
}

.none-responsive .one-sidebar-right #t3-content {
    width: 75%
}

.none-responsive .no-sidebar #t3-content {
    width: 100%
}

.none-responsive.com_content.view-article.article-review #t3-content {
    width: 100%
}

.none-responsive.com_content.view-article.article-review .article-aside {
    width: 16.6667%
}

.none-responsive.com_content.view-article.article-review .item-page .article-content {
    width: 83.3333%
}

a:active,a:focus {
    outline: 0
}

img {
    border: none
}

#k2Container {
    padding: 0 0 24px 0;
    position: relative
}

#k2Container.itemListView div.k2FeedIcon a {
    margin-right: 5px;
    margin-top: 9px
}

.componentheading {
    font-family: 'bebas_neuelight',sans-serif;
    font-size: 40px;
    letter-spacing: 1px;
    margin: 0;
    color: #fa732a;
    font-weight: bold
}

body.contentpane #k2Container {
    padding: 16px
}

.k2Padding {
    padding: 4px
}

.clr {
    border: none;
    clear: both;
    display: block;
    float: none;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0
}

.even {
    list-style: none;
    border-bottom: 1px dotted #e7e7e7;
    padding: 20px 0
}

.odd {
    list-style: none;
    background: #ffffff;
    border-bottom: 1px dotted #e7e7e7;
    padding: 20px 0
}

div.k2FeedIcon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

div.k2FeedIcon a,div.k2FeedIcon a:hover {
    background: url("/templates/ja_playmag/images/fugue/feed.png") no-repeat 50% 50%;
    display: block;
    float: right;
    height: 16px;
    margin: 5px 5px 0 0;
    padding: 0;
    width: 16px
}

div.k2FeedIcon a span,div.k2FeedIcon a:hover span {
    display: none
}

.itemRatingForm {
    display: inline-block;
    line-height: 25px;
    vertical-align: middle
}

.itemRatingLog {
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 4px
}

div.itemRatingForm .formLogLoading {
    background: url("/templates/ja_playmag/images/system/loading.gif") no-repeat left center;
    height: 25px;
    padding: 0 0 0 20px
}

.itemRatingList,.itemRatingList a:hover,.itemRatingList .itemCurrentRating {
    background: transparent url("/templates/ja_playmag/images/system/transparent_star.png") left -1000px repeat-x
}

.itemRatingList {
    background-position: left top;
    float: left;
    height: 25px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 125px
}

.itemRatingList li {
    background: none;
    display: inline;
    padding: 0
}

.itemRatingList a,.itemRatingList .itemCurrentRating {
    border: none;
    cursor: pointer;
    height: 25px;
    left: 0;
    line-height: 25px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: -1000px;
    top: 0
}

.itemRatingList a:hover {
    background-position: left bottom
}

.itemRatingList a.one-star {
    width: 20%;
    z-index: 6
}

.itemRatingList a.two-stars {
    width: 40%;
    z-index: 5
}

.itemRatingList a.three-stars {
    width: 60%;
    z-index: 4
}

.itemRatingList a.four-stars {
    width: 80%;
    z-index: 3
}

.itemRatingList a.five-stars {
    width: 100%;
    z-index: 2
}

.itemRatingList .itemCurrentRating {
    background-position: 0 center;
    margin: 0;
    padding: 0;
    z-index: 1
}

span.siteRoot {
    display: none
}

.itemMeta {
    font-size: 13px;
    color: #999999
}

.itemMeta > span {
    margin-right: 10px
}

.itemMeta a {
    color: #555555
}

.itemMeta a:hover,.itemMeta a:focus {
    color: #fa732a
}

.itemMeta .itemAuthor a {
    color: #fa732a
}

.itemMeta .itemAuthor a:hover,.itemMeta .itemAuthor a:focus {
    color: #eb5606
}

.smallerFontSize {
    font-size: 100%;
    line-height: inherit
}

.largerFontSize {
    font-size: 150%;
    line-height: 140%
}

.recaptchatable .recaptcha_image_cell,#recaptcha_table {
    background: #ffffff !important
}

#recaptcha_table {
    border-color: #e7e7e7 !important
}

#recaptcha_response_field {
    background: #ffffff !important;
    border-color: #e7e7e7 !important
}

div.k2LatestCommentsBlock ul li:first-child,div.k2TopCommentersBlock ul li:first-child,div.k2ItemsBlock ul li:first-child,div.k2LoginBlock ul li:first-child,div.k2UserBlock ul.k2UserBlockActions li:first-child,div.k2UserBlock ul.k2UserBlockRenderedMenu li:first-child,div.k2ArchivesBlock ul li:first-child,div.k2AuthorsListBlock ul li:first-child,div.k2CategoriesListBlock ul li:first-child,div.k2UsersBlock ul li:first-child {
    padding-top: 0
}

.clearList {
    clear: both;
    display: none;
    float: none
}

.lastItem {
    border: none
}

.k2Avatar img {
    background: #ffffff;
    border: 0;
    display: block;
    float: left;
    margin: 5px 10px 10px 0;
    border-radius: 50%
}

a.k2ReadMore {
    border: 2px solid #fa732a;
    padding: 8px 20px;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #fa732a;
    display: inline-block;
    margin-right: 10px
}

a.k2ReadMore:hover,a.k2ReadMore:focus {
    color: #ffffff;
    background: #fa732a
}

div.k2Pagination {
    color: #999;
    margin: 20px 0 0 0;
    padding: 10px 0;
    text-align: center
}

div.k2Pagination:before,div.k2Pagination:after {
    display: table;
    content: " "
}

div.k2Pagination:after {
    clear: both
}

div.k2Pagination .counter {
    margin-top: 0;
    float: right;
    border: 0
}

div.k2Pagination ul {
    float: left;
    margin: 0;
    text-align: center
}

div.k2Pagination ul li {
    display: inline
}

div.itemIsFeatured,div.catItemIsFeatured,div.userItemIsFeatured {
    position: relative;
    background: none
}

div.itemIsFeatured:before,div.catItemIsFeatured:before,div.userItemIsFeatured:before {
    content: '';
    background: url("/templates/ja_playmag/images/system/featuredItem.png") no-repeat 0 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 52px;
    z-index: 2
}

div.itemIsFeatured h2.itemTitle span sup,div.catItemIsFeatured h2.itemTitle span sup,div.userItemIsFeatured h2.itemTitle span sup {
    font-size: 24px;
    color: #dc1e25;
    top: -1em
}

div.itemIsFeatured .itemEditLink,div.catItemIsFeatured .itemEditLink,div.userItemIsFeatured .itemEditLink {
    right: 60px
}

a.itemPrintThisPage {
    background: #F7FAFE;
    border: 1px solid #e7e7e7;
    color: #555;
    display: block;
    font-size: 13px;
    margin: 4px auto 16px;
    padding: 4px;
    text-align: center;
    width: 160px
}

a.itemPrintThisPage:hover {
    background: #eee;
    text-decoration: none
}

div.itemView {
    border-bottom: 1px dotted #e7e7e7;
    margin: 0 0 24px 0;
    padding: 8px 0 24px 0
}

div.itemView .itemTitle {
    font-size: 30px;
    font-family: 'bebas_neueregular',sans-serif;
    line-height: 1;
    color: #222222;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e7e7e7
}

@media (min-width: 768px) {
    div.itemView .itemTitle {
        font-size:48px
    }
}

@media (min-width: 992px) {
    div.itemView .itemTitle {
        font-size:60px
    }
}

div.itemView .itemAuthor a {
    font-weight: bold;
    color: #fa732a
}

span.itemEditLink {
    display: block;
    float: right;
    margin: 0;
    padding: 4px 0;
    text-align: right;
    width: 120px
}

span.itemEditLink a {
    background: #eee;
    border: 1px solid #e7e7e7;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: right;
    padding: 5px 10px;
    text-decoration: none;
    overflow: hidden;
    width: auto
}

span.itemEditLink a:hover {
    background: #ffffcc
}

div.itemHeader span.itemDateCreated {
    color: #999;
    font-size: 12px
}

div.itemHeader h2.itemTitle {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    padding: 20px 0
}

div.itemHeader h2.itemTitle span sup {
    color: #dc1e25;
    font-size: 12px;
    text-decoration: none
}

div.itemHeader span.itemAuthor {
    display: block;
    margin: 0;
    padding: 0
}

.itemAuthor a {
    color: #fa732a
}

.itemAuthor a:hover {
    color: #eb5606
}

div.itemToolbar {
    margin: 10px 0 0 0;
    padding: 10px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

div.itemToolbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right
}

div.itemToolbar ul:before,div.itemToolbar ul:after {
    display: table;
    content: " "
}

div.itemToolbar ul:after {
    clear: both
}

div.itemToolbar ul li {
    background: none;
    border-left: 1px solid #e7e7e7;
    display: inline-block;
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 0 4px 0 8px;
    text-align: center
}

div.itemToolbar ul > li:first-child {
    border: none;
    float: left;
    margin-top: 2px;
    padding-left: 0;
    white-space: nowrap
}

div.itemToolbar ul li a {
    font-size: 12px;
    font-weight: normal;
    color: #999999
}

div.itemToolbar ul li a i.fa {
    font-size: 14px
}

div.itemToolbar ul li a:hover {
    color: #fa732a
}

div.itemToolbar ul li a img {
    vertical-align: middle
}

div.itemToolbar ul li a#fontDecrease {
    margin: 0 0 0 2px
}

div.itemToolbar ul li a#fontDecrease img {
    background: url("/templates/ja_playmag/images/system/font_decrease.gif") no-repeat;
    height: 13px;
    width: 13px
}

div.itemToolbar ul li a#fontIncrease {
    margin: 0 0 0 2px
}

div.itemToolbar ul li a#fontIncrease img {
    background: url("/templates/ja_playmag/imagess/system/font_increase.gif") no-repeat;
    height: 13px;
    width: 13px
}

div.itemToolbar ul li a#fontDecrease span,div.itemToolbar ul li a#fontIncrease span {
    display: none
}

div.itemRatingBlock {
    padding: 8px 0
}

div.itemRatingBlock span {
    color: #999;
    display: block;
    float: left;
    font-style: normal;
    margin: 0;
    padding: 5px 0;
    font-size: 12px
}

div.itemBody {
    margin: 0;
    padding: 10px 0;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    color: #333333
}

div.itemImageBlock {
    margin: 20px 0
}

span.itemImage {
    display: block;
    margin: 0 0 8px 0;
    text-align: center
}

span.itemImage a.modal {
    overflow-y: auto
}

span.itemImage img {
    border: 0;
    padding: 0;
    width: 100% !important
}

span.itemImageCaption {
    color: #666;
    display: block;
    float: left;
    font-size: 11px
}

span.itemImageCredits {
    color: #999999;
    display: block;
    float: right;
    font-size: 11px;
    font-style: italic
}

div.itemIntroText {
    color: #222222;
    font-size: 18px;
    line-height: 1.6;
    padding: 10px 0
}

div.itemFullText h3 {
    margin: 0;
    padding: 16px 0 4px 0
}

div.itemExtraFields {
    border-top: 1px dotted #e7e7e7;
    margin: 16px 0 0 0;
    padding: 8px 0 0 0
}

div.itemExtraFields h3 {
    line-height: normal !important;
    margin: 0;
    padding: 0 0 8px 0
}

div.itemExtraFields ul {
    list-style: none;
    margin: 0;
    padding: 0
}

div.itemExtraFields ul li {
    display: block
}

div.itemExtraFields ul li span.itemExtraFieldsLabel {
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 4px 0 0;
    width: 30%
}

div.itemContentFooter {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    color: #555555;
    display: block;
    margin: 20px 0 10px 0;
    padding: 10px 0;
    text-align: right;
    font-family: sans-serif;
    font-size: 12px
}

span.itemHits {
    float: left
}

div.itemSocialSharing {
    padding: 8px 0
}

div.itemTwitterButton {
    float: left;
    margin: 2px 24px 0 0
}

div.itemFacebookButton {
    float: left;
    margin-right: 24px;
    width: 200px
}

div.itemLinks {
    margin: 16px 0;
    padding: 0
}

div.itemCategory span {
    color: #555555;
    font-weight: bold;
    padding: 0 4px 0 0
}

div.itemTagsBlock {
    padding: 10px 0;
    font-family: sans-serif
}

div.itemTagsBlock span {
    color: #555555;
    font-weight: bold;
    padding: 0 4px 0 0
}

div.itemTagsBlock ul.itemTags {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0
}

div.itemTagsBlock ul.itemTags li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0 4px 0 0;
    text-align: center
}

div.itemTagsBlock ul.itemTags li a {
    padding: 5px;
    background: #f7f7f7;
    color: #999999;
    font-size: 12px
}

div.itemTagsBlock ul.itemTags li a:hover {
    color: #fa732a
}

div.itemAttachmentsBlock {
    border-bottom: 1px dotted #e7e7e7;
    padding: 4px
}

div.itemAttachmentsBlock span {
    color: #555555;
    font-weight: bold;
    padding: 0 4px 0 0
}

div.itemAttachmentsBlock ul.itemAttachments {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0
}

div.itemAttachmentsBlock ul.itemAttachments li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0 4px;
    text-align: center
}

div.itemAttachmentsBlock ul.itemAttachments li span {
    color: #999999;
    font-size: 10px;
    font-weight: normal
}

div.itemAuthorBlock {
    background: #f7f7f7;
    border: 0;
    margin: 0 0 20px 0;
    padding: 20px
}

.itemAuthorName {
    margin-top: 0
}

div.itemAuthorBlock img.itemAuthorAvatar {
    background: #fff;
    border: 0;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    width: 100px;
    min-width: 100px;
    height: auto
}

@media screen and (max-width: 767px) {
    div.itemAuthorBlock img.itemAuthorAvatar {
        float:none;
        margin-bottom: 20px
    }
}

div.itemAuthorBlock div.itemAuthorDetails {
    margin: 0;
    padding: 4px 0 0 0
}

div.itemAuthorBlock div.itemAuthorDetails h3.authorName {
    margin: 0 0 4px 0;
    padding: 0
}

div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
    color: #555555;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding: 0 10px 0 0
}

@media screen and (max-width: 767px) {
    div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
        border-right:0
    }
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {
    color: #555555;
    font-weight: bold
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a,div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {
    font-weight: normal;
    color: #fa732a
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a:hover,div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a:hover,div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a:focus,div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a:focus {
    text-decoration: underline
}

div.itemAuthorLatest {
    margin-bottom: 30px;
    padding: 0
}

div.itemAuthorLatest ul li {
    padding: 10px 0;
    list-style: square
}

div.itemAuthorLatest ul li:last-child {
    border: 0
}

div.itemRelated {
    margin-bottom: 20px;
    padding: 0
}

div.itemRelated ul li {
    padding: 10px 0;
    list-style: square
}

div.itemRelated ul li:last-child {
    border: 0
}

div.itemRelated ul li.k2ScrollerElement {
    background: #ffffff;
    border: 1px solid #e7e7e7;
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    padding: 4px
}

div.itemRelated ul li.clr {
    border: none;
    clear: both;
    display: block;
    float: none;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0
}

div.itemVideoBlock {
    background: #010101 url("/templates/ja_playmag/images/system/videoplayer-bg.gif") repeat-x bottom;
    margin: 0 0 16px 0;
    padding: 16px
}

div.itemVideoBlock div.itemVideoEmbedded {
    text-align: center
}

div.itemVideoBlock span.itemVideo {
    display: block;
    overflow: hidden
}

div.itemVideoBlock span.itemVideoCaption {
    color: #eee;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    width: 60%
}

div.itemVideoBlock span.itemVideoCredits {
    color: #eee;
    display: block;
    float: right;
    font-size: 11px;
    font-style: italic;
    text-align: right;
    width: 35%
}

div.itemImageGallery {
    margin: 0 0 16px 0;
    padding: 0
}

div.itemNavigation {
    margin: 0 0 30px 0
}

div.itemNavigation:before,div.itemNavigation:after {
    display: table;
    content: " "
}

div.itemNavigation:after {
    clear: both
}

div.itemNavigation a.itemPrevious {
    padding: 0 12px
}

div.itemNavigation a.itemNext {
    padding: 0 12px;
    float: right
}

div#k2Frontend label.radio {
    margin-top: 0
}

div.itemComments {
    border: 0
}

div.itemComments h3.itemCommentsCounter {
    color: #1a1a1a;
    font-size: 14px;
    margin: 0 0 10px 0;
    font-family: 'Roboto',sans-serif;
    text-transform: uppercase;
    font-weight: 700
}

div.itemComments ul.itemCommentsList {
    list-style: none;
    margin: 0 0 16px;
    padding: 0
}

div.itemComments ul.itemCommentsList li {
    border-bottom: 1px dotted #e7e7e7;
    margin: 0;
    padding: 15px 0
}

div.itemComments ul.itemCommentsList li.unpublishedComment {
    background: #ffeaea
}

div.itemComments ul.itemCommentsList li img {
    background: #ffffff;
    border: 0;
    display: block;
    float: left;
    border-radius: 50%;
    margin-right: 10px
}

div.itemComments ul.itemCommentsList li span.commentDate {
    color: #999999;
    font-size: 12px;
    margin: 0 8px 0 0;
    padding: 0 4px 0 0
}

div.itemComments ul.itemCommentsList li span.commentAuthorName {
    font-size: 12px
}

div.itemComments ul.itemCommentsList li span.commentAuthorName a {
    color: #999999
}

div.itemComments ul.itemCommentsList li span.commentAuthorName a:hover {
    color: #fa732a
}

div.itemComments ul.itemCommentsList li p {
    padding: 8px 0
}

div.itemComments ul.itemCommentsList li span.commentAuthorEmail {
    display: none
}

div.itemComments ul.itemCommentsList li span.commentLink {
    float: right;
    margin-left: 8px;
    text-decoration: underline
}

div.itemComments ul.itemCommentsList li span.commentLink a {
    color: #555;
    font-size: 12px
}

div.itemComments ul.itemCommentsList li span.commentLink a:hover {
    color: #fa732a;
    font-size: 12px
}

div.itemComments ul.itemCommentsList li span.commentToolbar a {
    position: inherit;
    display: inline-block;
    padding: 5px;
    color: #999999;
    border: 2px solid #e7e7e7;
    font-size: 12px;
    vertical-align: middle;
    line-height: 1
}

div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {
    color: #ffffff;
    background: #fa732a;
    border-color: #fa732a
}

div.itemComments ul.itemCommentsList li span.commentToolbarLoading {
    background: url("/templates/ja_playmag/images/system/searchLoader.gif") no-repeat 100% 50%
}

div.itemCommentsPagination {
    margin: 0 0 24px 0;
    padding: 4px
}

div.itemCommentsPagination span.pagination {
    clear: both;
    display: block;
    float: right
}

div.itemCommentsForm h3 {
    background: url("/templates/ja_playmag/images/dot.gif") repeat-x center right;
    border-left: 5px solid #fa732a;
    color: #1a1a1a;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase
}

div.itemCommentsForm h3 span {
    background: #ffffff;
    padding-left: 15px;
    padding-right: 20px
}

div.itemCommentsForm p.itemCommentsFormNotes {
    padding: 10px 20px;
    margin: 0
}

.itemComments #comment-form {
    padding: 0 20px
}

@media screen and (max-width: 767px) {
    .itemComments #comment-form {
        padding:0
    }
}

div.itemCommentsForm form label {
    font-weight: normal;
    color: #222222
}

div.itemCommentsForm form label.formComment,div.itemCommentsForm form label.formName,div.itemCommentsForm form label.formEmail,div.itemCommentsForm form label.formUrl,div.itemCommentsForm form label.formRecaptcha {
    display: block;
    margin: 20px 0 5px 0;
    color: #555555;
    font-weight: bold;
    font-size: 12px
}

div.itemCommentsForm form textarea.inputbox {
    display: block;
    height: 160px;
    margin: 0;
    width: 100%
}

div.itemCommentsForm form input.inputbox {
    display: block;
    margin: 0;
    width: 350px
}

@media screen and (max-width: 767px) {
    div.itemCommentsForm form input.inputbox {
        width:100%
    }
}

div.itemCommentsForm form input#submitCommentButton {
    background: #ffffff;
    border: 2px solid #fa732a;
    display: block;
    font-size: 14px;
    margin: 30px 0 0 0;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fa732a
}

div.itemCommentsForm form input#submitCommentButton:hover,div.itemCommentsForm form input#submitCommentButton:focus {
    background: #fa732a;
    border-color: #fa732a;
    color: #ffffff
}

div.itemCommentsForm form span#formLog {
    color: #CF1919;
    font-weight: bold;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px
}

div.itemCommentsForm form .formLogLoading {
    background: url("/templates/ja_playmag/images/system/loading.gif") no-repeat left center
}

.k2ReportCommentFormContainer {
    margin: 0 auto;
    padding: 8px;
    width: 510px
}

.k2ReportCommentFormContainer h2 {
    color: #fa732a;
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 20px;
    font-size: 30px;
    font-family: 'Roboto',sans-serif
}

.k2ReportCommentFormContainer blockquote.commentPreview span.theComment {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    color: #333333;
    font-style: italic
}

.k2ReportCommentFormContainer form label {
    color: #333333;
    font-weight: 100;
    font-size: 14px
}

.k2ReportCommentFormContainer form input[type="text"],.k2ReportCommentFormContainer form textarea {
    border: 1px solid #e7e7e7;
    display: block;
    font-size: 12px;
    margin: 0 0 8px 0;
    padding: 5px;
    width: 474px
}

.k2ReportCommentFormContainer form button {
    background-color: #fa732a;
    border-color: #fa732a;
    border: 1px solid;
    color: #ffffff;
    padding: 7px 25px;
    font-weight: 700;
    text-transform: uppercase;
    float: right;
    margin-top: 20px;
    margin-right: 20px
}

.k2ReportCommentFormContainer form button:hover,.k2ReportCommentFormContainer form button:active,.k2ReportCommentFormContainer form button:focus {
    background: #eb5606
}

body.contentpane {
    background: none
}

div.itemBackToTop {
    text-align: right
}

div.itemBackToTop a {
    text-decoration: underline
}

div.itemBackToTop a:hover {
    text-decoration: underline
}

div.itemListCategoriesBlock {
    padding: 0
}

div.itemListCategory {
    margin-bottom: 30px;
    background: #f7f7f7;
    padding: 20px;
    max-height: 300px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    div.itemListCategory {
        max-height:none;
        overflow: visible
    }
}

div.itemListCategory .catItemAddLink {
    right: auto;
    left: 25px
}

span.catItemAddLink {
    display: block;
    text-align: right
}

span.catItemAddLink a {
    background: #eee;
    border: 1px solid #e7e7e7;
    padding: 4px 16px;
    text-decoration: none
}

span.catItemAddLink a:hover {
    background: #ffffcc
}

div.itemListCategory img {
    float: left;
    margin: -20px 20px -20px -20px;
    max-width: 50% !important
}

@media screen and (max-width: 767px) {
    div.itemListCategory img {
        max-width:100% !important;
        width: 100% !important;
        margin: 0 0 20px 0
    }
}

div.itemListCategory h2 {
    font-size: 14px;
    font-weight: bold;
    color: #222222;
    margin: 0 0 10px 0;
    text-transform: uppercase
}

div.itemListSubCategories {
    margin: 0 -20px
}

div.itemListSubCategories h3 {
    margin: 0 20px
}

div.subCategoryContainer {
    float: left
}

@media screen and (max-width: 767px) {
    div.subCategoryContainer {
        width:100% !important
    }
}

div.subCategory {
    padding: 20px
}

div.subCategory a.subCategoryImage {
    margin: 0 0 20px 0
}

div.subCategory a.subCategoryImage,div.subCategory a.subCategoryImage:hover {
    display: block;
    text-align: center
}

div.subCategory a.subCategoryImage img {
    width: 100%
}

div.subCategory h2 {
    font-size: 14px;
    font-weight: bold;
    color: #222222;
    text-transform: uppercase;
    margin: 0 0 10px 0
}

.subCategoryMore {
    border: 2px solid #fa732a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #fa732a;
    padding: 6.66666667px 20px;
    margin: 10px 0;
    display: inline-block
}

.subCategoryMore:hover,.subCategoryMore:focus {
    background: #fa732a;
    border-color: #fa732a;
    color: #ffffff
}

div#itemListLeading {
    margin: 0 -20px;
    padding: 0 20px
}

div#itemListLeading div.itemContainer {
    width: 100%
}

div#itemListLeading .catItemContentBlock {
    width: 100%
}

@media screen and (max-width: 767px) {
    div#itemListLeading .catItemBody,div#itemListLeading .catItemLinks {
        display:none
    }
}

div#itemListLeading .catItemView {
    overflow: hidden;
    position: relative;
    padding: 30px;
    text-align: center;
    min-height: 220px;
    background: #000000;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    div#itemListLeading .catItemView {
        min-height:300px
    }
}

div#itemListLeading .catItemView .catItemImageBlock {
    padding-left: 0;
    padding-right: 0
}

div#itemListLeading .catItemView .catItemImage a:before {
    display: none
}

div#itemListLeading div.catItemCategory a:after {
    display: none
}

div#itemListLeading h3.catItemTitle,div#itemListLeading div.catItemHeader h3.catItemTitle {
    font-size: 26px
}

@media screen and (min-width: 768px) {
    div#itemListLeading h3.catItemTitle,div#itemListLeading div.catItemHeader h3.catItemTitle {
        font-size:30px
    }
}

div#itemListLeading h3.catItemTitle a:hover,div#itemListLeading div.catItemHeader h3.catItemTitle a:hover {
    color: #f7f7f7
}

div#itemListLeading div.catItemHeader span.catItemAuthor a,div#itemListLeading span.catItemDateCreated {
    color: #999999
}

div#itemListLeading div.catItemCommentsLink {
    display: block;
    padding: 10px
}

div#itemListLeading div.catItemCommentsLink a {
    color: #999999
}

div#itemListLeading div.catItemTagsBlock {
    font-size: 12px;
    border: 0;
    padding: 0 10px;
    color: #999999;
    position: relative;
    z-index: 10;
    display: none
}

div#itemListLeading div.catItemTagsBlock ul.catItemTags li a {
    color: #999999
}

div#itemListLeading div.catItemTagsBlock ul.catItemTags li a:hover {
    color: #fa732a
}

div#itemListLeading .catItemImageBlock {
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    max-width: initial;
    margin: 0
}

div#itemListLeading span.catItemImage {
    position: relative
}

div#itemListLeading span.catItemImage:before {
    background: url("/templates/ja_playmag/images/slide-mask.png") repeat-y left top / 100% auto;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    content: ""
}

div#itemListLeading span.catItemImage img {
    width: 100% !important;
    filter: alpha(opacity=50);
    opacity: 0.5
}

@media screen and (max-width: 767px) {
    div#itemListLeading span.catItemImage img {
        height:100% !important;
        width: auto !important;
        max-width: inherit !important
    }
}

div#itemListLeading .catItemContentBlock {
    padding: 0;
    z-index: 2;
    color: #fff;
    position: relative
}

div#itemListLeading h3.catItemTitle a,div#itemListLeading div.catItemHeader h3.catItemTitle a {
    color: #ffffff;
    border: 0
}

div#itemListLeading h3.catItemTitle a.modal,div#itemListLeading div.catItemHeader h3.catItemTitle a.modal {
    overflow: hidden
}

div#itemListLeading div.catItemReadMore a {
    background: #fa732a;
    color: #ffffff
}

div#itemListLeading div.catItemReadMore a:hover,div#itemListLeading div.catItemReadMore a:focus {
    background: #eb5606
}

div#itemListLeading div.catItemIntroText {
    font-size: 15px;
    color: #e7e7e7
}

div#itemListPrimary {
    margin: 0 -20px
}

@media screen and (max-width: 767px) {
    div#itemListPrimary .catItemView {
        border-bottom:1px solid #e7e7e7
    }
}

div#itemListPrimary div.catItemImageBlock {
    float: none;
    width: 100%;
    margin: 0 0 20px 0
}

div#itemListPrimary .catItemContentBlock {
    width: 100%
}

div#itemListPrimary h3.catItemTitle,div#itemListPrimary div.catItemHeader h3.catItemTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div#itemListPrimary .catItemCommentsLink {
    padding: 0;
    display: block
}

div#itemListPrimary div.catItemReadMore {
    display: none
}

div#itemListPrimary div.catItemIntroText {
    padding-bottom: 0
}

div#itemListSecondary {
    margin: 0 -20px
}

div#itemListSecondary .catItemView {
    padding: 20px 0;
    margin: 0 20px
}

div#itemListSecondary div.catItemReadMore {
    display: none
}

@media screen and (max-width: 767px) {
    div#itemListSecondary .catItemContentBlock {
        margin-top:20px
    }
}

@media screen and (max-width: 767px) {
    div#itemListSecondary div.catItemBody {
        margin-left:0
    }
}

div#itemListSecondary div.catItemCommentsLink {
    padding-left: 0
}

div#itemListSecondary div.catItemIntroText {
    padding-bottom: 0
}

div#itemListLinks {
    margin: 10px 0
}

div#itemListLinks h3.catItemTitle {
    font-size: 14px;
    font-weight: normal;
    padding: 10px 20px;
    position: relative
}

div#itemListLinks h3.catItemTitle:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    top: 10px;
    left: 0
}

div#itemListLinks div.catItemView {
    border: 0
}

div#itemListLinks .catItemImageBlock {
    display: none
}

.itemListLinks-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #222222;
    border-left: 5px solid #fa732a;
    padding-top: 10px;
    padding-bottom: 10px;
    background: url("/templates/ja_playmag/images/dot.gif") repeat-x center right
}

.itemListLinks-title span {
    background: #ffffff;
    padding-left: 15px;
    padding-right: 20px
}

div.itemContainer {
    float: left
}

@media screen and (max-width: 767px) {
    div.itemContainer {
        width:100% !important
    }
}

div.catItemView {
    padding: 20px
}

div.catItemView .catItemImage a {
    position: relative;
    display: block
}

div.catItemView .catItemImage a:before {
    border: 5px solid #000000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

div.catItemView:hover h3.catItemTitle a {
    border-bottom: 1px solid #e7e7e7
}

div.catItemView:hover h3.catItemTitle a.modal {
    border: 0
}

div.catItemView:hover h3.catItemTitle a.modal:hover {
    color: #fa732a
}

div.catItemView:hover .catItemImage a:before {
    filter: alpha(opacity=100);
    opacity: 1
}

div.groupLeading.catItemIsFeatured span.catItemEditLink {
    right: 60px
}

div.groupPrimary.catItemIsFeatured:before {
    right: 20px;
    top: 20px
}

div.groupPrimary.catItemIsFeatured span.catItemEditLink {
    right: 60px
}

div.groupLinks {
    margin: 0;
    padding: 0
}

span.catItemEditLink {
    display: block;
    float: right;
    margin: 0;
    padding: 4px 0;
    text-align: right
}

span.catItemEditLink a {
    background: #f7f7f7;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 12px;
    text-decoration: none
}

span.catItemEditLink a.modal {
    overflow: hidden
}

div.catItemMeta,div.catItemMeta a {
    line-height: 1.5
}

div.catItemMeta > span {
    margin-right: 10px
}

span.catItemDateCreated {
    color: #999999;
    font-size: 13px;
    display: inline-block
}

h3.catItemTitle,div.catItemHeader h3.catItemTitle {
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 5px 0
}

h3.catItemTitle a,div.catItemHeader h3.catItemTitle a {
    border-bottom: 1px solid transparent
}

h3.catItemTitle a:hover,div.catItemHeader h3.catItemTitle a:hover,h3.catItemTitle a:focus,div.catItemHeader h3.catItemTitle a:focus {
    color: #222222
}

div.catItemHeader h3.catItemTitle span sup {
    color: #CF1919;
    font-size: 12px;
    text-decoration: none
}

div.catItemHeader span.catItemAuthor {
    display: inline-block;
    padding: 0;
    font-size: 13px
}

div.catItemHeader span.catItemAuthor a {
    color: #999999
}

div.catItemHeader span.catItemAuthor a:hover {
    color: #fa732a
}

div.catItemRatingBlock {
    padding: 8px 0
}

div.catItemRatingBlock span {
    color: #999999;
    display: block;
    float: left;
    font-style: normal;
    margin: 0;
    padding: 0 4px 0 0
}

div.catItemBody {
    margin: 0;
    padding: 0
}

div.catItemBody:before,div.catItemBody:after {
    display: table;
    content: " "
}

div.catItemBody:after {
    clear: both
}

@media screen and (max-width: 767px) {
    div.catItemImageBlock {
        float:none;
        max-width: inherit;
        margin-right: 0
    }
}

span.catItemImage {
    display: block;
    margin: 0;
    text-align: left
}

span.catItemImage img {
    border: 0;
    padding: 0;
    width: 100% !important
}

@media screen and (max-width: 767px) {
    span.catItemImage img {
        width:100% !important
    }
}

div.catItemIntroText {
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    padding: 10px 0
}

div.catItemExtraFields,div.genericItemExtraFields {
    border-top: 1px dotted #e7e7e7;
    margin: 16px 0 0 0;
    padding: 8px 0 0 0
}

div.catItemExtraFields h4,div.genericItemExtraFields h4 {
    line-height: normal !important;
    margin: 0;
    padding: 0 0 8px 0
}

div.catItemExtraFields ul,div.genericItemExtraFields ul {
    list-style: none;
    margin: 0;
    padding: 0
}

div.catItemExtraFields ul li,div.genericItemExtraFields ul li {
    display: block
}

div.catItemExtraFields ul li span.catItemExtraFieldsLabel,div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 4px 0 0;
    width: 30%
}

div.catItemLinks {
    margin: -5px 0 0 0;
    padding: 0
}

div.catItemHitsBlock {
    border-bottom: 1px dotted #e7e7e7;
    padding: 4px
}

div.catItemCategory {
    border-bottom: 0;
    padding: 0;
    margin-top: -5px
}

@media screen and (max-width: 767px) {
    div.catItemCategory {
        margin-top:20px
    }
}

div.catItemCategory span {
    color: #555;
    font-weight: bold;
    padding: 0 4px 0 0;
    font-size: 12px
}

div.catItemCategory a,.itemCategory a {
    color: #fa732a;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    position: relative
}

div.catItemCategory a:after,.itemCategory a:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background: #fa732a;
    top: 50%;
    margin-top: -1px;
    right: -15px
}

div.catItemCategory a:hover,.itemCategory a:hover,div.catItemCategory a:focus,.itemCategory a:focus {
    color: #eb5606
}

div.catItemTagsBlock {
    font-size: 12px;
    color: #999999;
    margin-top: 10px
}

div.catItemTagsBlock ul.catItemTags li a {
    color: #999999;
    background: #f7f7f7;
    padding: 5px
}

div.catItemTagsBlock ul.catItemTags li a:hover {
    color: #fa732a
}

div.catItemTagsBlock span {
    color: #555;
    font-weight: bold;
    padding: 0 4px 0 0
}

div.catItemTagsBlock ul.catItemTags {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0
}

div.catItemTagsBlock ul.catItemTags li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0 2px 8px 0;
    text-align: center
}

div.catItemTagsBlock ul.catItemTags li a {
    color: #999999;
    display: block;
    padding-left: 5px;
    padding-right: 5px
}

div.catItemAttachmentsBlock {
    border-bottom: 1px dotted #e7e7e7;
    padding: 4px
}

div.catItemAttachmentsBlock span {
    color: #555;
    font-weight: bold;
    padding: 0 4px 0 0
}

div.catItemAttachmentsBlock ul.catItemAttachments {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0
}

div.catItemAttachmentsBlock ul.catItemAttachments li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0 4px;
    text-align: center
}

div.catItemAttachmentsBlock ul.catItemAttachments li span {
    color: #999;
    font-size: 10px;
    font-weight: normal
}

div.catItemVideoBlock {
    background: #010101 url("/templates/ja_playmag/images/system/videoplayer-bg.gif") repeat-x bottom;
    margin: 0 0 16px 0;
    padding: 16px
}

div.catItemVideoBlock div.catItemVideoEmbedded {
    text-align: center
}

div.catItemVideoBlock span.catItemVideo {
    display: block
}

div.catItemImageGallery {
    margin: 0 0 16px 0;
    padding: 0
}

.catItemCommentsLink {
    border-right: 0;
    display: inline;
    margin: 0;
    font-size: 13px
}

.catItemCommentsLink a {
    color: #999999
}

div.catItemReadMore {
    display: inline-block
}

span.catItemDateModified {
    border-top: 1px solid #e7e7e7;
    color: #999999;
    display: block;
    margin: 4px 0;
    padding: 4px;
    text-align: right
}

div.userBlock {
    background: #f7f7f7;
    clear: both;
    margin: 0 0 20px 0;
    padding: 20px
}

span.userItemAddLink {
    border-bottom: 1px dotted #e7e7e7;
    display: block;
    margin: 0 0 4px 0;
    padding: 8px 0;
    text-align: right
}

span.userItemAddLink a {
    background: #eee;
    border: 1px solid #e7e7e7;
    padding: 4px 16px;
    text-decoration: none
}

span.userItemAddLink a:hover {
    background: #ffffcc
}

div.userBlock img {
    background: #ffffff;
    border: 0;
    display: block;
    width: 100%;
    min-width: 100px;
    float: left;
    margin: 0;
    padding: 0;
    border-radius: 50%
}

div.userBlock h2 {
    margin: 10px 0;
    color: #333333
}

div.userBlock div.userDescription {
    padding: 4px 0
}

div.userBlock div.userAdditionalInfo {
    margin: 8px 0 0 0;
    padding: 4px 0
}

span.userURL {
    color: #555555;
    display: block;
    font-weight: bold
}

span.userURL a {
    color: #fa732a;
    font-weight: normal
}

span.userURL a:hover,span.userURL a:focus {
    text-decoration: underline
}

span.userEmail {
    color: #555555;
    display: block;
    font-weight: bold
}

div.userItemView {
    padding: 20px 0
}

div.userItemView .userItemImage a {
    position: relative;
    display: block
}

div.userItemView .userItemImage a:before {
    border: 5px solid #000000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

div.userItemView:hover h3.userItemTitle a {
    border-bottom: 1px solid #e7e7e7
}

div.userItemView:hover .userItemImage a:before {
    filter: alpha(opacity=100);
    opacity: 1
}

div.userItemViewUnpublished {
    background: #fffff2;
    border: 4px dashed #e7e7e7;
    margin: 8px 0;
    opacity: 0.9;
    padding: 8px
}

span.userItemEditLink {
    display: block;
    float: right;
    margin: 0;
    padding: 4px 0;
    text-align: right;
    width: 120px
}

span.userItemEditLink a {
    background: #eee;
    border: 1px solid #e7e7e7;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 12px;
    text-decoration: none
}

span.userItemEditLink a:hover {
    background: #ffffcc
}

div.userItemHeader span.userItemDateCreated {
    color: #999999
}

div.userItemHeader h3.userItemTitle {
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 5px 0
}

div.userItemHeader h3.userItemTitle a {
    border-bottom: 1px solid transparent
}

div.userItemHeader h3.userItemTitle a:hover,div.userItemHeader h3.userItemTitle a:focus {
    color: #fa732a
}

div.userItemHeader h3.userItemTitle span sup {
    color: #CF1919;
    font-size: 12px;
    text-decoration: none
}

.item-meta {
    font-size: 13px;
    margin-bottom: 10px
}

.item-meta .userItemDateCreated {
    margin-right: 10px
}

.item-meta .fa {
    color: #999999
}

@media screen and (max-width: 767px) {
    div.userItemBody {
        margin:20px 0 0 0
    }
}

div.userItemImageBlock {
    margin-top: 5px
}

@media screen and (max-width: 767px) {
    div.userItemImageBlock {
        float:none
    }
}

span.userItemImage {
    display: block;
    text-align: center
}

span.userItemImage a {
    display: block
}

@media screen and (max-width: 767px) {
    span.userItemImage {
        margin:0
    }
}

span.userItemImage img {
    border: 0;
    padding: 0;
    max-width: 100%
}

@media screen and (max-width: 767px) {
    span.userItemImage img {
        width:100% !important
    }
}

div.userItemIntroText {
    font-weight: normal;
    margin: 0 0 20px;
    padding: 0
}

.userItemAction,div.userItemLinks {
    margin: 0 0 20px 0;
    padding: 0
}

div.userItemCategory {
    padding: 0
}

div.userItemCategory span {
    color: #555;
    font-weight: bold;
    padding: 0 4px 0 0
}

div.userItemCategory a {
    color: #fa732a;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    position: relative
}

div.userItemCategory a:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background: #fa732a;
    top: 50%;
    margin-top: -1px;
    right: -15px
}

div.userItemTagsBlock {
    margin-bottom: 20px
}

div.userItemTagsBlock span {
    color: #555;
    font-weight: bold;
    padding: 0 4px 0 0
}

div.userItemTagsBlock ul.userItemTags {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0
}

div.userItemTagsBlock ul.userItemTags li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0 4px 0 0;
    text-align: center;
    font-size: 12px
}

div.userItemTagsBlock ul.userItemTags li a {
    color: #999999;
    background: #f7f7f7;
    padding: 5px
}

div.userItemTagsBlock ul.userItemTags li a:hover {
    color: #fa732a
}

div.userItemCommentsLink {
    display: inline;
    margin: 0 8px 0 0;
    padding: 0 8px 0 0
}

div.userItemCommentsLink a {
    color: #999999
}

div.userItemCommentsLink a:hover {
    color: #fa732a
}

div.userItemReadMore {
    display: inline-block
}

div.tagItemView {
    margin: 0 0;
    padding: 20px 0
}

div.tagItemView .tagItemImage a {
    position: relative;
    display: block
}

div.tagItemView .tagItemImage a:before {
    border: 5px solid #000000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

div.tagItemView:hover .tagItemTitle a {
    border-bottom: 1px solid #e7e7e7
}

div.tagItemView:hover .tagItemImage a:before {
    filter: alpha(opacity=100);
    opacity: 1
}

.tagItemDateCreated {
    color: #999999
}

div.tagItemHeader h2.tagItemTitle {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0
}

span.tagItemImage {
    display: block;
    text-align: center
}

span.tagItemImage img {
    padding: 0;
    max-width: 100%
}

@media screen and (max-width: 767px) {
    span.tagItemImage img {
        width:100% !important
    }
}

div.tagItemIntroText {
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    padding: 10px 0 0 0
}

div.tagItemCategory span {
    color: #555555;
    font-weight: bold;
    padding: 0 4px 0 0
}

div.tagItemReadMore {
    display: inline-block
}

div.genericItemView {
    border-bottom: 1px dotted #e7e7e7;
    margin: 0 0 20px 0;
    padding: 20px 0
}

div.genericItemView:hover span.genericItemImage a:before {
    filter: alpha(opacity=100);
    opacity: 1
}

div.genericItemView:hover div.genericItemHeader h2.genericItemTitle a {
    border-color: #e7e7e7
}

div.genericItemHeader span.genericItemDateCreated {
    color: #999999;
    font-size: 11px
}

div.genericItemHeader h2.genericItemTitle {
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 5px 0
}

div.genericItemHeader h2.genericItemTitle a {
    border-bottom: 1px solid transparent
}

div.genericItemHeader h2.genericItemTitle a:hover,div.genericItemHeader h2.genericItemTitle a:focus {
    color: #222222
}

div.genericItemBody {
    margin: 0;
    padding: 8px 0
}

span.genericItemImage {
    display: block;
    margin: 0 8px 8px 0;
    text-align: center
}

span.genericItemImage a {
    position: relative;
    display: block
}

span.genericItemImage a:before {
    border: 5px solid #000000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

span.genericItemImage img {
    width: 100% !important;
    height: auto
}

div.genericItemIntroText {
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    padding: 4px 0 12px 0
}

div.genericItemCategory {
    margin: -5px 0 0 0
}

div.genericItemCategory span {
    color: #555;
    font-weight: bold;
    padding: 0 4px 0 0
}

div.genericItemReadMore {
    display: inline
}

div#genericItemListNothingFound {
    padding: 40px;
    text-align: center
}

div#genericItemListNothingFound p {
    color: #999;
    font-size: 20px
}

#k2GoogleSearchContainer .gsc-control {
    width: auto !important
}

#k2GoogleSearchContainer .gsc-control .gsc-above-wrapper-area,#k2GoogleSearchContainer .gsc-control .gsc-resultsHeader,#k2GoogleSearchContainer .gsc-control .gsc-url-bottom {
    display: none !important
}

div.latestItemsContainer {
    float: left
}

div.latestItemsCategory {
    background: #f7fafe;
    border: 1px solid #e7e7e7;
    margin: 0 8px 8px 0;
    padding: 8px
}

div.latestItemsCategoryImage {
    text-align: center
}

div.latestItemsCategoryImage img {
    background: #ffffff;
    border: 1px solid #e7e7e7;
    margin: 0 8px 0 0;
    padding: 4px
}

div.latestItemsUser {
    background: #f7f7f7;
    clear: both;
    margin: 0 0 20px 0;
    padding: 20px
}

div.latestItemsUser img {
    background: #ffffff;
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    border-radius: 50%
}

div.latestItemsUser h2 {
    margin-top: 0
}

div.latestItemsUser p.latestItemsUserDescription {
    padding: 4px 0
}

div.latestItemsUser p.latestItemsUserAdditionalInfo {
    margin: 8px 0 0 0;
    padding: 4px 0
}

span.latestItemsUserURL {
    color: #555555;
    display: block;
    font-weight: bold
}

span.latestItemsUserURL a {
    font-weight: normal;
    color: #fa732a
}

span.latestItemsUserURL a:hover,span.latestItemsUserURL a:focus {
    text-decoration: underline
}

span.latestItemsUserEmail {
    color: #555555;
    display: block;
    font-weight: bold
}

div.latestItemView {
    padding: 20px 0
}

div.latestItemView .latestItemImage a {
    position: relative;
    display: block
}

div.latestItemView .latestItemImage a:before {
    border: 5px solid #000000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

div.latestItemView:hover h3.latestItemTitle a {
    border-bottom: 1px solid #e7e7e7
}

div.latestItemView:hover .latestItemImage a:before {
    filter: alpha(opacity=100);
    opacity: 1
}

div.latestItemHeader .latestItemTitle {
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0
}

span.latestItemDateCreated {
    color: #999999;
    font-size: 13px
}

span.latestItemImage {
    display: block;
    margin: 0 0;
    text-align: center
}

span.latestItemImage img {
    max-width: 100%
}

div.latestItemIntroText {
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    padding: 10px 0;
    color: #999999
}

div.latestItemLinks {
    margin: 0 0 16px 0;
    padding: 0
}

div.latestItemCategory span {
    color: #555555;
    font-weight: bold;
    padding: 0 4px 0 0
}

div.latestItemTagsBlock {
    margin: 20px 0 0 0
}

div.latestItemTagsBlock span {
    color: #555555;
    font-weight: bold;
    padding: 0 4px 0 0
}

div.latestItemTagsBlock ul.latestItemTags {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0
}

div.latestItemTagsBlock ul.latestItemTags li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0 4px 0 0;
    text-align: center
}

div.latestItemTagsBlock ul.latestItemTags li a {
    padding: 5px;
    background: #f7f7f7;
    color: #999999;
    font-size: 12px
}

div.latestItemTagsBlock ul.latestItemTags li a:hover {
    color: #fa732a
}

div.latestItemVideoBlock {
    background: #010101 url("/templates/ja_playmag/images/system/videoplayer-bg.gif") repeat-x bottom;
    margin: 0 0 16px 0;
    padding: 16px
}

div.latestItemVideoBlock span.latestItemVideo {
    display: block
}

div.latestItemCommentsLink {
    border-right: 1px solid #e7e7e7;
    display: inline;
    margin: 0 8px 0 0;
    padding: 0 8px 0 0
}

h2.latestItemTitleList {
    border-bottom: 1px dotted #e7e7e7;
    font-family: sans-serif;
    font-size: 14px;
    line-height: normal;
    margin: 8px 0 2px 0;
    padding: 2px 0
}

.k2AccountPage .control-detail {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px
}

.k2AccountPage .control-detail .k2ProfileHeading {
    color: #333333;
    display: inline-block;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 0;
    text-transform: uppercase
}

.k2AccountPage .form-detail {
    border-top: 0;
    margin-bottom: 30px;
    overflow: hidden
}

.k2AccountPage .form-detail:last-child {
    margin-bottom: 0
}

.k2AccountPage .control-label label {
    color: #555555;
    font-weight: normal
}

.k2AccountPage .control-input input,.k2AccountPage .control-input textarea {
    width: 100%
}

.k2AccountPage .control-input input[type="checkbox"],.k2AccountPage .control-input textarea[type="checkbox"] {
    float: left;
    margin-right: 5px;
    width: auto
}

.k2AccountPage .control-input input[type="checkbox"] + label,.k2AccountPage .control-input textarea[type="checkbox"] + label {
    display: inline;
    font-weight: normal
}

.k2AccountPage .control-input select {
    width: 100%
}

.k2AccountPage .control-select input {
    margin-left: 10px
}

.k2AccountPage .control-select label {
    font-weight: normal;
    margin-left: 5px
}

.k2AccountPage .toggle-editor {
    margin-top: 20px
}

.k2AccountPage .toggle-editor a {
    background: #999999;
    color: #ffffff;
    display: inline-block;
    padding: 10px 20px
}

.k2AccountPage .toggle-editor a:hover {
    background: #808080
}

.k2AccountPage table tr td label {
    white-space: nowrap
}

img.k2AccountPageImage {
    border: 4px solid #e7e7e7;
    display: block;
    margin: 10px 0;
    padding: 0
}

.k2AccountPage div.k2AccountPageNotice {
    padding: 8px
}

.k2AccountPage div.k2AccountPageUpdate {
    margin-top: 10px;
    text-align: right
}

.k2AccountPage th.k2ProfileHeading {
    background: #f6f6f6;
    font-size: 18px;
    padding: 8px;
    text-align: left
}

.k2AccountPage td#userAdminParams {
    margin: 0;
    padding: 0
}

.k2AccountPage table.admintable td.key,.k2AccountPage table.admintable td.paramlist_key {
    background: #f6f6f6;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    width: 140px
}

.moduleItemMeta {
    margin-top: 10px;
    color: #999999
}

div.k2LatestCommentsBlock ul,div.k2TopCommentersBlock ul {
    padding: 0
}

div.k2LatestCommentsBlock ul li .lcItemTitle,div.k2TopCommentersBlock ul li .lcItemTitle {
    padding: 5px 0
}

div.k2LatestCommentsBlock ul li .lcItemTitle a,div.k2TopCommentersBlock ul li .lcItemTitle a {
    font-weight: 700;
    font-size: 13px
}

div.k2LatestCommentsBlock ul li .lcItemCategory,div.k2TopCommentersBlock ul li .lcItemCategory {
    display: block
}

div.k2LatestCommentsBlock ul li .lcItemCategory a,div.k2TopCommentersBlock ul li .lcItemCategory a {
    color: #dc1e25;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    position: relative
}

div.k2LatestCommentsBlock ul li .lcItemCategory a:after,div.k2TopCommentersBlock ul li .lcItemCategory a:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background: #dc1e25;
    top: 50%;
    margin-top: -1px;
    right: -15px
}

div.k2LatestCommentsBlock ul li .lcUsername,div.k2TopCommentersBlock ul li .lcUsername {
    display: block;
    margin: 5px 0;
    font-size: 12px
}

div.k2LatestCommentsBlock ul li .lcUsername a,div.k2TopCommentersBlock ul li .lcUsername a {
    font-size: 13px;
    font-weight: 700;
    color: #fa732a
}

div.k2LatestCommentsBlock ul li .lcUsername a:hover,div.k2TopCommentersBlock ul li .lcUsername a:hover,div.k2LatestCommentsBlock ul li .lcUsername a:focus,div.k2TopCommentersBlock ul li .lcUsername a:focus {
    color: #eb5606
}

div.k2LatestCommentsBlock ul li .lcCommentDate,div.k2TopCommentersBlock ul li .lcCommentDate {
    color: #999999;
    display: block;
    font-size: 12px;
    margin-top: 5px
}

div.k2LatestCommentsBlock ul li .lcComment,div.k2TopCommentersBlock ul li .lcComment {
    color: #7a7a7a
}

div.k2ItemsBlock {
    font-size: 12px
}

div.k2ItemsBlock ul {
    padding-left: 0
}

div.k2ItemsBlock ul li:first-child {
    padding-top: 0
}

div.k2ItemsBlock ul li:last-child {
    padding-bottom: 0
}

div.k2ItemsBlock ul li a.moduleItemTitle {
    font-weight: bold;
    font-size: 14px
}

div.k2ItemsBlock ul li div.moduleItemAuthor {
    margin-top: 10px
}

div.k2ItemsBlock ul li div.moduleItemIntrotext {
    display: block;
    padding: 10px 0;
    font-size: 13px
}

div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
    border: 0;
    float: left;
    margin: 0 20px 10px 0;
    padding: 0;
    max-width: 80px
}

div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 4px 0 0;
    width: 30%
}

div.k2ItemsBlock ul li span.moduleItemDateCreated .fa {
    font-size: 14px
}

div.k2ItemsBlock ul li div.moduleItemTags {
    position: relative
}

div.k2ItemsBlock ul li div.moduleItemTags b {
    display: none
}

div.k2ItemsBlock ul li div.moduleItemTags a {
    padding: 0 2px;
    color: #999999;
    background: #f7f7f7;
    padding: 3px;
    border-radius: 3px
}

div.k2ItemsBlock ul li div.moduleItemTags a:hover,div.k2ItemsBlock ul li div.moduleItemTags a:focus {
    color: #fa732a
}

div.k2ItemsBlock ul li a.moduleItemComments {
    border-right: 0;
    margin: 0;
    padding: 0;
    display: block
}

div.k2ItemsBlock ul li span.moduleItemHits {
    border-right: 1px solid #e7e7e7;
    margin: 0 8px 0 0;
    padding: 0 4px 0 0
}

div.k2LoginBlock .k2-group,div.k2UserBlock .k2-group {
    border-collapse: separate;
    display: table;
    position: relative;
    margin-bottom: 25px
}

div.k2LoginBlock .k2-group .input-group-addon,div.k2UserBlock .k2-group .input-group-addon {
    border-radius: 0;
    border-color: #e7e7e7;
    background-color: #ffffff;
    padding: 6px 15px
}

div.k2LoginBlock .k2-group .fa,div.k2UserBlock .k2-group .fa {
    color: #878787
}

div.k2LoginBlock .k2-group input[type="text"],div.k2UserBlock .k2-group input[type="text"],div.k2LoginBlock .k2-group input[type="password"],div.k2UserBlock .k2-group input[type="password"] {
    border-radius: 0;
    box-shadow: none;
    width: 100%
}

div.k2LoginBlock ul.k2UserBlockActions li,div.k2UserBlock ul.k2UserBlockActions li {
    padding: 0
}

div.k2LoginBlock ul.k2UserBlockActions li + li,div.k2UserBlock ul.k2UserBlockActions li + li {
    padding-top: 0
}

div.k2LoginBlock ul.k2UserBlockActions a.modal,div.k2UserBlock ul.k2UserBlockActions a.modal {
    border: 0;
    display: inline-block;
    top: auto;
    left: 0px;
    margin: 0;
    position: static;
    width: auto;
    border-radius: 0px;
    overflow: visible;
    line-height: 1.42857143;
    -webkit-box-shadow: none;
    box-shadow: none
}

div.k2LoginBlock ul.k2UserBlockRenderedMenu,div.k2UserBlock ul.k2UserBlockRenderedMenu {
    margin: 0
}

div.k2LoginBlock #form-login-remember input,div.k2UserBlock #form-login-remember input {
    height: 13px;
    width: 13px;
    display: inline;
    margin-right: 3px;
    margin-top: 0
}

div.k2LoginBlock #form-login-remember label,div.k2UserBlock #form-login-remember label {
    color: #535353;
    display: inline;
    margin-top: 0px;
    font-weight: normal;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

div.k2LoginBlock .btn-primary,div.k2UserBlock .btn-primary {
    width: 50%
}

div.k2LoginBlock ul,div.k2UserBlock ul {
    margin-top: 20px;
    padding-left: 0;
    list-style: none
}

div.k2LoginBlock ul li,div.k2UserBlock ul li {
    margin-bottom: 5px
}

div.k2LoginBlock ul li a,div.k2UserBlock ul li a {
    color: #555555
}

div.k2LoginBlock ul li a:hover,div.k2UserBlock ul li a:hover,div.k2LoginBlock ul li a:active,div.k2UserBlock ul li a:active,div.k2LoginBlock ul li a:focus,div.k2UserBlock ul li a:focus {
    color: #fa732a
}

div.k2LoginBlock .k2UserBlockDetails:hover .ubName,div.k2UserBlock .k2UserBlockDetails:hover .ubName,div.k2LoginBlock .k2UserBlockDetails:active .ubName,div.k2UserBlock .k2UserBlockDetails:active .ubName,div.k2LoginBlock .k2UserBlockDetails:focus .ubName,div.k2UserBlock .k2UserBlockDetails:focus .ubName {
    color: #fa732a
}

div.k2LoginBlock .k2UserBlockDetails .ubAvatar,div.k2UserBlock .k2UserBlockDetails .ubAvatar {
    float: left
}

div.k2LoginBlock .k2UserBlockDetails .ubName,div.k2UserBlock .k2UserBlockDetails .ubName {
    color: #1a1a1a;
    display: block;
    font-weight: 700;
    text-transform: uppercase
}

div.k2LoginBlock .k2UserBlockDetails .ubCommentsCount,div.k2UserBlock .k2UserBlockDetails .ubCommentsCount {
    font-size: 12px
}

div.k2LoginBlock ul.k2UserBlockActions,div.k2UserBlock ul.k2UserBlockActions {
    margin-top: 0
}

div.k2LoginBlock ul.k2UserBlockActions li,div.k2UserBlock ul.k2UserBlockActions li {
    display: inline;
    margin-right: 10px
}

div.k2LoginBlock ul.k2UserBlockActions li a,div.k2UserBlock ul.k2UserBlockActions li a {
    color: #333333;
    font-size: 13px
}

div.k2LoginBlock ul.k2UserBlockActions li a:hover,div.k2UserBlock ul.k2UserBlockActions li a:hover,div.k2LoginBlock ul.k2UserBlockActions li a:active,div.k2UserBlock ul.k2UserBlockActions li a:active,div.k2LoginBlock ul.k2UserBlockActions li a:focus,div.k2UserBlock ul.k2UserBlockActions li a:focus {
    color: #fa732a
}

div.k2ArchivesBlock ul li {
    padding: 5px 0;
    list-style: square
}

div.k2ArchivesBlock ul li a {
    font-size: 13px
}

div.k2AuthorsListBlock ul {
    padding-left: 0;
    list-style: none
}

div.k2AuthorsListBlock ul li {
    border-bottom: 1px dotted #e7e7e7
}

div.k2AuthorsListBlock ul li:last-child {
    border-bottom: 0
}

div.k2AuthorsListBlock ul li a.abAuthorName {
    font-size: 13px;
    font-weight: 700
}

div.k2AuthorsListBlock ul li a.abAuthorLatestItem {
    clear: both;
    display: block;
    font-size: 12px;
    padding: 5px 0
}

div.k2BreadcrumbsBlock span.bcTitle {
    color: #999;
    padding: 0 4px 0 0
}

div.k2BreadcrumbsBlock span.bcSeparator {
    font-size: 13px;
    padding: 0 4px
}

div.k2CalendarBlock {
    height: 190px;
    margin-bottom: 8px
}

div.k2CalendarLoader {
    background: #ffffff url("/templates/ja_playmag/images/system/k2CalendarLoader.gif") no-repeat 50% 50%
}

table.calendar {
    background: #ffffff;
    border-collapse: collapse;
    margin: 0;
    width: 100%
}

table.calendar tr td {
    background: #ffffff;
    border: 1px solid #e7e7e7;
    padding: 2px;
    text-align: center;
    vertical-align: middle
}

table.calendar tr td.calendarNavMonthPrev {
    background: #f3f3f3;
    text-align: left
}

table.calendar tr td.calendarNavMonthPrev a {
    font-size: 16px;
    text-decoration: none
}

table.calendar tr td.calendarNavMonthPrev a:hover {
    font-size: 16px;
    text-decoration: none
}

table.calendar tr td.calendarCurrentMonth {
    background: #f3f3f3
}

table.calendar tr td.calendarNavMonthNext {
    background: #f3f3f3;
    text-align: right
}

table.calendar tr td.calendarNavMonthNext a {
    font-size: 20px;
    text-decoration: none
}

table.calendar tr td.calendarNavMonthNext a:hover {
    font-size: 16px;
    text-decoration: none
}

table.calendar tr td.calendarDayName {
    background: #e9e9e9;
    font-size: 11px;
    width: 14.2%
}

table.calendar tr td.calendarDateEmpty {
    background: #fbfbfb
}

table.calendar tr td.calendarDateLinked {
    padding: 0
}

table.calendar tr td.calendarDateLinked a {
    background: #eee;
    display: block;
    padding: 2px;
    text-decoration: none
}

table.calendar tr td.calendarDateLinked a:hover {
    background: #135cae;
    color: #ffffff;
    display: block;
    padding: 2px;
    text-decoration: none
}

table.calendar tr td.calendarToday {
    background: #135cae;
    color: #ffffff
}

table.calendar tr td.calendarTodayLinked {
    background: #135cae;
    color: #ffffff;
    padding: 0
}

table.calendar tr td.calendarTodayLinked a {
    color: #ffffff;
    display: block;
    padding: 2px;
    text-decoration: none
}

table.calendar tr td.calendarTodayLinked a:hover {
    background: #BFD9FF;
    display: block;
    padding: 2px;
    text-decoration: none
}

div.k2CategorySelectBlock form select {
    width: auto
}

div.k2CategoriesListBlock ul li a span.catTitle {
    padding-right: 4px
}

div.k2CategoriesListBlock ul li.activeCategory a {
    font-weight: bold
}

div.k2SearchBlock {
    position: relative
}

div.k2SearchBlock form input.k2SearchLoading {
    background: url("/templates/ja_playmag/images/system/searchLoader.gif") no-repeat 100% 50%
}

div.k2SearchBlock div.k2LiveSearchResults {
    background: #ffffff;
    border: 1px solid #e7e7e7;
    display: none;
    margin-top: -1px;
    position: absolute;
    z-index: 99
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {
    list-style: none;
    margin: 0;
    padding: 0
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {
    border: none;
    margin: 0;
    padding: 0
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {
    border-top: 1px dotted #eee;
    display: block;
    padding: 1px 2px
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {
    background: #fffff0
}

div.k2TagCloudBlock {
    padding: 8px 0
}

div.k2TagCloudBlock a {
    display: block;
    float: left;
    padding: 4px
}

div.k2TagCloudBlock a:hover {
    background: #135cae;
    color: #ffffff;
    display: block;
    float: left;
    padding: 4px;
    text-decoration: none
}

div.k2UsersBlock ul {
    padding: 0
}

div.k2UsersBlock ul li a.ubUserName {
    font-weight: bold
}

a.ubUserFeedIcon,a.ubUserFeedIcon:hover {
    height: 16px;
    margin: 0 2px 0 0
}

a.ubUserFeedIcon span,a.ubUserFeedIcon:hover span {
    display: none
}

a.ubUserURL,a.ubUserURL:hover {
    display: inline-block;
    height: 16px;
    margin: 0 2px 0 0
}

a.ubUserURL span,a.ubUserURL:hover span {
    display: none
}

span.ubUserEmail {
    background: url("/templates/ja_playmag/images/fugue/mail.png") no-repeat 50% 50%;
    display: inline-block;
    height: 16px;
    margin: 0 2px 0 0;
    overflow: hidden;
    padding: 0;
    width: 16px
}

span.ubUserEmail a {
    display: inline-block;
    height: 16px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 16px
}

div.k2UsersBlock ul li h3 {
    clear: both;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 14px;
    color: #333333;
    font-weight: bold
}

div.k2UsersBlock ul li ul.ubUserItems {
    padding: 10px 0 10px 30px
}

div.k2UsersBlock ul li ul.ubUserItems li {
    list-style: square;
    padding: 5px 0
}

div.k2UsersBlock ul li ul.ubUserItems li a {
    font-size: 12px;
    color: #555555
}

div.k2UsersBlock ul li ul.ubUserItems li a:hover,div.k2UsersBlock ul li ul.ubUserItems li a:focus {
    color: #fa732a
}

.view-item .modal {
    position: inherit;
    display: inherit
}

.t3-sidebar .t3-module {
    position: relative
}

.t3-sidebar .t3-module div.k2FeedIcon a {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    z-index: 2
}

@media screen and (max-width: 767px) {
    .t3-sidebar .t3-module div.k2FeedIcon a {
        top:-20px;
        right: -20px
    }
}

.com_k2 .t3-topbanner .container {
    padding: 20px;
    border-bottom: 1px solid #e7e7e7
}

.tagItemImage,.latestItemImage,.userItemImage,.catItemImage {
    overflow: hidden
}

.tagItemImage a:before,.latestItemImage a:before,.userItemImage a:before,.catItemImage a:before {
    z-index: 2
}

.catItemAddLink,span.catItemEditLink,span.itemEditLink {
    position: absolute;
    top: 10px;
    right: 25px;
    border: 0;
    padding: 0;
    margin: 0;
    width: auto;
    z-index: 3
}

.catItemAddLink .modal,span.catItemEditLink .modal,span.itemEditLink .modal {
    display: block;
    background: #fa732a;
    position: relative;
    font-weight: bold;
    font-size: 10px;
    overflow: visible;
    color: #ffffff;
    padding: 2px 5px;
    line-height: 1;
    border: 2px solid #fa732a;
    text-transform: uppercase
}

.catItemAddLink .modal:hover,span.catItemEditLink .modal:hover,span.itemEditLink .modal:hover {
    background: #eb5606;
    border-color: #eb5606
}

.k2icon-magnifier-remove::before,a#fontDecrease::before,.k2icon-magnifier-add::before,a#fontIncrease::before {
    content: " "
}

#k2ModalToolbar #toolbar-cancel {
    padding-left: 10px
}

#k2FormTopNav ul.k2NavTabs li.ui-tabs-selected a:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: -10px
}

#k2TabBasic #k2TabContent {
    padding: 20px
}

/*===============================
/templates/ja_playmag/local/css/megamenu.css
================================================================================*/
.t3-megamenu .mega-inner:before,.t3-megamenu .mega-inner:after {
    display: table;
    content: " "
}

.t3-megamenu .mega-inner:after {
    clear: both
}

.t3-megamenu .mega > .mega-dropdown-menu {
    min-width: 200px;
    display: none
}

.t3-megamenu .mega.open > .mega-dropdown-menu,.t3-megamenu .mega.dropdown-submenu.open > .mega-dropdown-menu {
    display: block
}

.t3-megamenu .mega-group:before,.t3-megamenu .mega-group:after {
    display: table;
    content: " "
}

.t3-megamenu .mega-group:after {
    clear: both
}

.t3-megamenu .dropdown-header,.t3-megamenu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
    margin: 0;
    padding: 0;
    background: transparent;
    color: #1a1a1a;
    font-size: 18px;
    line-height: normal
}

.t3-megamenu .dropdown-header:hover,.t3-megamenu .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-header:active,.t3-megamenu .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-header:focus,.t3-megamenu .mega-nav .mega-group > .dropdown-header:focus,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:focus,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:focus {
    background: inherit;
    color: inherit
}

.t3-megamenu .mega-group-ct {
    margin: 0;
    padding: 0
}

.t3-megamenu .mega-group-ct:before,.t3-megamenu .mega-group-ct:after {
    display: table;
    content: " "
}

.t3-megamenu .mega-group-ct:after {
    clear: both
}

.t3-megamenu .mega-nav,.t3-megamenu .dropdown-menu .mega-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.t3-megamenu .mega-nav > li,.t3-megamenu .dropdown-menu .mega-nav > li {
    list-style: none;
    margin-left: 0
}

.t3-megamenu .mega-nav > li a,.t3-megamenu .dropdown-menu .mega-nav > li a {
    white-space: normal;
    display: block;
    padding: 5px
}

.t3-megamenu .mega-nav > li a:hover,.t3-megamenu .dropdown-menu .mega-nav > li a:hover,.t3-megamenu .mega-nav > li a:focus,.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.t3-megamenu .mega-nav > li .separator {
    display: block;
    padding: 5px
}

.t3-megamenu .mega-group > .mega-nav,.t3-megamenu .dropdown-menu .mega-group > .mega-nav {
    margin-left: -5px;
    margin-right: -5px
}

.t3-megamenu .mega-nav .dropdown-submenu > a::after {
    margin-right: 5px
}

.t3-megamenu .t3-module {
    margin-bottom: 10px
}

.t3-megamenu .t3-module .module-title {
    margin: 0;
    padding: 0;
    background: transparent;
    color: #1a1a1a;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 5px
}

.t3-megamenu .t3-module .module-title:hover,.t3-megamenu .t3-module .module-title:active,.t3-megamenu .t3-module .module-title:focus {
    background: inherit;
    color: inherit
}

.t3-megamenu .t3-module .module-ct {
    margin: 0;
    padding: 0
}

.t3-megamenu .mega-caption {
    display: block;
    white-space: nowrap
}

.t3-megamenu .nav .caret,.t3-megamenu .dropdown-submenu .caret,.t3-megamenu .mega-menu .caret {
    display: none
}

.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
    display: inline-block
}

.t3-megamenu .nav [class^="icon-"],.t3-megamenu .nav [class*=" icon-"],.t3-megamenu .nav .fa {
    margin-right: 5px
}

.t3-megamenu .nav .input-group-addon [class^="icon-"],.t3-megamenu .nav .input-group-addon [class*=" icon-"],.t3-megamenu .nav .input-group-addon .fa {
    margin-right: 0
}

.t3-megamenu .mega-align-left > .dropdown-menu {
    left: 0
}

.t3-megamenu .mega-align-right > .dropdown-menu {
    left: auto;
    right: 0
}

.t3-megamenu .mega-align-center > .dropdown-menu {
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.t3-megamenu .dropdown-submenu.mega-align-left > .dropdown-menu {
    left: 100%
}

.t3-megamenu .dropdown-submenu.mega-align-right > .dropdown-menu {
    left: auto;
    right: 100%
}

.t3-megamenu .mega-align-justify {
    position: static
}

.t3-megamenu .mega-align-justify > .dropdown-menu {
    left: 0;
    margin-left: 0;
    top: auto
}

.t3-megamenu .mega-tab > div {
    position: relative
}

.t3-megamenu .mega-tab > div > ul {
    width: 200px
}

.t3-megamenu .mega-tab > div > ul > li {
    position: static
}

.t3-megamenu .mega-tab > div > ul > li > .dropdown-menu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 200px
}

.t3-megamenu .mega-tab > div > ul > li > .mega-dropdown-menu {
    border: none;
    box-shadow: none
}

.t3-megamenu .mega-tab > div > ul > li > .mega-dropdown-menu > div {
    opacity: 1 !important;
    margin-left: 0 !important;
    transition: none !important
}

@media (min-width: 768px) {
    .t3-megamenu.animate .mega > .mega-dropdown-menu {
        -webkit-backface-visibility:hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0
    }

    .t3-megamenu.animate .mega.animating > .mega-dropdown-menu {
        -webkit-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms;
        display: block
    }

    .t3-megamenu.animate .mega.open > .mega-dropdown-menu,.t3-megamenu.animate .mega.animating.open > .mega-dropdown-menu {
        opacity: 1
    }

    .t3-megamenu.animate.zoom .mega > .mega-dropdown-menu {
        -webkit-transform: scale(0,0);
        -ms-transform: scale(0,0);
        -o-transform: scale(0,0);
        transform: scale(0,0);
        -webkit-transform-origin: 20% 20%;
        -moz-transform-origin: 20% 20%;
        -ms-transform-origin: 20% 20%;
        transform-origin: 20% 20%
    }

    .t3-megamenu.animate.zoom .mega.open > .mega-dropdown-menu {
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1)
    }

    .t3-megamenu.animate.zoom .level0 > .mega-align-center > .mega-dropdown-menu {
        -webkit-transform: scale(0,0) translate(-50%,0);
        -ms-transform: scale(0,0) translate(-50%,0);
        transform: scale(0,0) translate(-50%,0);
        -webkit-transform-origin: 0% 20%;
        -moz-transform-origin: 0% 20%;
        -ms-transform-origin: 0% 20%;
        transform-origin: 0% 20%
    }

    .t3-megamenu.animate.zoom .level0 > .mega-align-center.open > .mega-dropdown-menu {
        -webkit-transform: scale(1,1) translate(-50%,0);
        -ms-transform: scale(1,1) translate(-50%,0);
        transform: scale(1,1) translate(-50%,0)
    }

    .t3-megamenu.animate.elastic .mega > .mega-dropdown-menu {
        -webkit-transform: scale(0,1);
        -ms-transform: scale(0,1);
        -o-transform: scale(0,1);
        transform: scale(0,1);
        -webkit-transform-origin: 10% 0;
        -moz-transform-origin: 10% 0;
        -ms-transform-origin: 10% 0;
        transform-origin: 10% 0
    }

    .t3-megamenu.animate.elastic .mega.open > .mega-dropdown-menu {
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1)
    }

    .t3-megamenu.animate.elastic .level0 > .mega > .mega-dropdown-menu {
        -webkit-transform: scale(1,0);
        -ms-transform: scale(1,0);
        -o-transform: scale(1,0);
        transform: scale(1,0)
    }

    .t3-megamenu.animate.elastic .level0 .open > .mega-dropdown-menu {
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1)
    }

    .t3-megamenu.animate.elastic .level0 > .mega-align-center > .mega-dropdown-menu {
        transform: scale(1,0) translate(-50%,0);
        -webkit-transform: scale(1,0) translate(-50%,0);
        -ms-transform: scale(1,0) translate(-50%,0)
    }

    .t3-megamenu.animate.elastic .level0 > .mega-align-center.open > .mega-dropdown-menu {
        transform: scale(1,1) translate(-50%,0);
        -webkit-transform: scale(1,1) translate(-50%,0);
        -ms-transform: scale(1,1) translate(-50%,0)
    }

    .t3-megamenu.animate.slide .mega {
    }

    .t3-megamenu.animate.slide .mega.animating > .mega-dropdown-menu {
        overflow: hidden
    }

    .t3-megamenu.animate.slide .mega > .mega-dropdown-menu > div {
        -webkit-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        margin-top: -30%
    }

    .t3-megamenu.animate.slide .mega.open > .mega-dropdown-menu > div {
        margin-top: 0%
    }

    .t3-megamenu.animate.slide .mega .mega > .mega-dropdown-menu {
        min-width: 0
    }

    .t3-megamenu.animate.slide .mega .mega > .mega-dropdown-menu > div {
        min-width: 200px;
        margin-top: 0;
        margin-left: -500px;
        width: 100%
    }

    .t3-megamenu.animate.slide .mega .mega.open > .mega-dropdown-menu > div {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .t3-megamenu .mega-inner:before,.t3-megamenu .mega-inner:after {
        display:table;
        content: " "
    }

    .t3-megamenu .mega-inner:after {
        clear: both
    }

    .t3-megamenu .row,.t3-megamenu .mega-dropdown-menu,.t3-megamenu .row [class*="col-lg-"],.t3-megamenu .row [class*="col-md-"],.t3-megamenu .row [class*="col-sm-"],.t3-megamenu .row [class*="col-xs-"] {
        width: 100% !important;
        min-width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    .t3-megamenu .hidden-collapse,.t3-megamenu .always-show .caret,.t3-megamenu .always-show .dropdown-submenu > a:after .sub-hidden-collapse > .nav-child,.t3-megamenu .sub-hidden-collapse .caret,.t3-megamenu .sub-hidden-collapse > a:after {
        display: none !important
    }

    .mega-caption {
        display: none !important
    }

    html[dir="rtl"] .t3-megamenu .row,html[dir="rtl"] .t3-megamenu .mega-dropdown-menu,html[dir="rtl"] .t3-megamenu .row [class*="col-lg-"],html[dir="rtl"] .t3-megamenu .row [class*="col-md-"],html[dir="rtl"] .t3-megamenu .row [class*="col-sm-"],html[dir="rtl"] .t3-megamenu .row [class*="col-xs-"] {
        left: auto;
        right: 0 !important;
        margin-right: 0 !important
    }
}

.t3-megamenu .mega-inner {
    padding: 10px 0
}

.t3-megamenu .row {
    margin-left: auto;
    margin-right: auto
}

.t3-megamenu .row + .row {
    padding-top: 10px;
    border-top: 1px solid #222222
}

.t3-megamenu .dropdown-header,.t3-megamenu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header {
    background: transparent;
    line-height: normal;
    color: #ffffff;
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-family: 'Roboto',sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 0
}

.t3-megamenu .dropdown-header:hover,.t3-megamenu .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:hover,.t3-megamenu .dropdown-header:active,.t3-megamenu .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:active,.t3-megamenu .dropdown-header:focus,.t3-megamenu .mega-nav .mega-group > .dropdown-header:focus,.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:focus,.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:focus {
    background: inherit;
    color: inherit
}

.t3-megamenu .mega-group-ct .row {
    margin-left: -15px;
    margin-right: -15px
}

.t3-megamenu .mega-group-ct .row .row {
    margin-left: auto;
    margin-right: auto
}

.t3-megamenu .mega-nav > li.open a,.t3-megamenu .dropdown-menu .mega-nav > li.open a {
    background: none
}

.t3-megamenu .mega-nav > li a,.t3-megamenu .dropdown-menu .mega-nav > li a {
    padding: 10px 0;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    font-family: sans-serif;
    border-bottom: 1px solid #222222
}

.t3-megamenu .mega-nav > li a:hover,.t3-megamenu .dropdown-menu .mega-nav > li a:hover,.t3-megamenu .mega-nav > li a:focus,.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
    background: none;
    color: #ffffff
}

.t3-megamenu .mega-nav > li.active > a,.t3-megamenu .dropdown-menu .mega-nav > li.active > a {
    color: #fa732a
}

.t3-megamenu .mega-nav > li:last-child > a,.t3-megamenu .dropdown-menu .mega-nav > li:last-child > a {
    border-bottom: 0
}

.t3-megamenu .dropdown-menu .mega-group .mega-nav > li.active > a {
    color: #fa732a
}

.t3-megamenu .mega-nav .dropdown-submenu > a::after {
    margin-right: 0
}

.t3-megamenu .t3-module .module-title {
    background: transparent;
    line-height: normal;
    color: #ffffff;
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-family: 'Roboto',sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 0;
    margin-bottom: 10px
}

.t3-megamenu .t3-module .module-title:hover,.t3-megamenu .t3-module .module-title:active,.t3-megamenu .t3-module .module-title:focus {
    background: inherit;
    color: inherit
}

.t3-megamenu .t3-module ul li,.t3-megamenu .t3-module .nav li {
    list-style: disc;
    display: list-item;
    float: none;
    margin: 0;
    padding: 0;
    border: 0
}

.t3-megamenu .t3-module ul li a,.t3-megamenu .t3-module .nav li a {
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 100%;
    background: none;
    font: inherit;
    white-space: normal
}

.t3-megamenu .t3-module ul li a:hover,.t3-megamenu .t3-module .nav li a:hover,.t3-megamenu .t3-module ul li a:focus,.t3-megamenu .t3-module .nav li a:focus,.t3-megamenu .t3-module ul li a:active,.t3-megamenu .t3-module .nav li a:active {
    background: none;
    color: inherit;
    font: inherit
}

.t3-megamenu .mega-caption {
    bottom: 0;
    color: #e7e7e7;
    font-size: 11px;
    font-weight: normal;
    font-family: sans-serif;
    margin-top: 3px;
    text-transform: none;
    position: absolute
}

.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
    filter: alpha(opacity=50);
    opacity: 0.5
}

.t3-megamenu .nav > li.active.open > a,.t3-megamenu .nav > li.active.open > a:hover,.t3-megamenu .nav > li.active.open > a:focus {
    background: #000000
}

.t3-megamenu .nav .input-group-addon [class^="icon-"],.t3-megamenu .nav .input-group-addon [class*=" icon-"],.t3-megamenu .nav .input-group-addon .fa {
    margin-right: 0
}

.t3-megamenu .dropdown-submenu > li > a {
    color: #e7e7e7
}

.t3-megamenu .dropdown-submenu > li > a:hover,.t3-megamenu .dropdown-submenu > li > a:focus {
    color: #ffffff
}

.t3-megamenu .dropdown-submenu.mega a,.t3-megamenu .dropdown-submenu.open a {
    background: none;
    color: #ffffff
}

.t3-megamenu .dropdown-submenu.mega .mega-nav > li > a,.t3-megamenu .dropdown-submenu.open .mega-nav > li > a {
    color: #ffffff;
    border-bottom-color: #333333
}

.t3-megamenu .dropdown-submenu.mega .mega-nav > li > a:hover,.t3-megamenu .dropdown-submenu.open .mega-nav > li > a:hover,.t3-megamenu .dropdown-submenu.mega .mega-nav > li > a:focus,.t3-megamenu .dropdown-submenu.open .mega-nav > li > a:focus {
    color: #fa732a
}

.t3-megamenu .dropdown-submenu .mega-nav > li.active > a {
    background: none;
    color: #fa732a
}

.ie8 .t3-megamenu .mega-nav .dropdown-submenu > a:after {
    margin-right: 5px
}

/*===============================
/templates/ja_playmag/fonts/font-awesome/css/font-awesome.min.css
================================================================================*/
@font-face {
    font-family: 'FontAwesome';
    src: url('/templates/ja_playmag/fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('/templates/ja_playmag/fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/templates/ja_playmag/fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/templates/ja_playmag/fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/templates/ja_playmag/fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/templates/ja_playmag/fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before,.fa-close:before,.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before,.fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before,.fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before,.fa-image:before,.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before,.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before,.fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before,.fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before,.fa-reorder:before,.fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before,.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before,.fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before,.fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,.fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before,.fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before,.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before,.fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before,.fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before,.fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before,.fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before,.fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before,.fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before,.fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,.fa-usd:before {
    content: "\f155"
}

.fa-rupee:before,.fa-inr:before {
    content: "\f156"
}

.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before,.fa-rouble:before,.fa-rub:before {
    content: "\f158"
}

.fa-won:before,.fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before,.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before,.fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before,.fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before,.fa-bank:before,.fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before,.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before,.fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before,.fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,.fa-resistance:before,.fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before,.fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,.fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before,.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before,.fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before,.fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before,.fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before,.fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before,.fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before,.fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before,.fa-sign-language:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before,.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-vcard:before,.fa-address-card:before {
    content: "\f2bb"
}

.fa-vcard-o:before,.fa-address-card-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before,.fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before,.fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before,.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before,.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before,.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bathtub:before,.fa-s15:before,.fa-bath:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before,.fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before,.fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

/*===============================
/templates/ja_playmag/fonts/glyphicons/css/glyphicons.css
================================================================================*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/templates/ja_playmag/fonts/glyphicons/fonts/glyphicons-halflings-regular.eot');
    src: url('/templates/ja_playmag/fonts/glyphicons/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('/templates/ja_playmag/fonts/glyphicons/fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('/templates/ja_playmag/fonts/glyphicons/fonts/glyphicons-halflings-regular.woff') format('woff'),url('/templates/ja_playmag/fonts/glyphicons/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('/templates/ja_playmag/fonts/glyphicons/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

/*===============================
/templates/ja_playmag/fonts/bebasneue-regular/stylesheet.css
================================================================================*/
@font-face {
    font-family: 'bebas_neueregular';
    src: url('/templates/ja_playmag/fonts/bebasneue-regular/BebasNeue-webfont.eot');
    src: url('/templates/ja_playmag/fonts/bebasneue-regular/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('/templates/ja_playmag/fonts/bebasneue-regular/BebasNeue-webfont.woff') format('woff'),url('/templates/ja_playmag/fonts/bebasneue-regular/BebasNeue-webfont.ttf') format('truetype'),url('/templates/ja_playmag/fonts/bebasneue-regular/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal
}

/*===============================
/templates/ja_playmag/fonts/bebasneue-thin-book/stylesheet.css
================================================================================*/
@font-face {
    font-family: 'bebas_neuebook';
    src: url('/templates/ja_playmag/fonts/bebasneue-thin-book/bebasneue_book-webfont.eot');
    src: url('/templates/ja_playmag/fonts/bebasneue-thin-book/bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'),url('/templates/ja_playmag/fonts/bebasneue-thin-book/bebasneue_book-webfont.woff') format('woff'),url('/templates/ja_playmag/fonts/bebasneue-thin-book/bebasneue_book-webfont.ttf') format('truetype'),url('/templates/ja_playmag/fonts/bebasneue-thin-book/bebasneue_book-webfont.svg#bebas_neuebook') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'bebas_neuelight';
    src: url('/templates/ja_playmag/fonts/bebasneue-thin-book/bebasneue_light-webfont.eot');
    src: url('/templates/ja_playmag/fonts/bebasneue-thin-book/bebasneue_light-webfont.eot?#iefix') format('embedded-opentype'),url('/templates/ja_playmag/fonts/bebasneue-thin-book/bebasneue_light-webfont.woff') format('woff'),url('/templates/ja_playmag/fonts/bebasneue-thin-book/bebasneue_light-webfont.ttf') format('truetype'),url('/templates/ja_playmag/fonts/bebasneue-thin-book/bebasneue_light-webfont.svg#bebas_neuelight') format('svg');
    font-weight: normal;
    font-style: normal
}

/*===============================
/templates/ja_playmag/css/print.css
================================================================================*/
@media print {
    .com_content.view-article .article-header h1,div.itemView .itemTitle {
        font-size: 30px;
        font-weight: bold
    }

    .article-image-full.item-image img,.img-responsive,span.itemImage img {
        width: 100%;
        height: 470px !important
    }

    .video-container,.btn-group,.pagenav {
        display: none
    }

    a:after {
        content: " ("attr(href)")";
        display: none !important
    }

    a:after {
        content: " (" attr(href) ")";
        display: none !important
    }

    p {
        text-align: justify
    }

    #t3-footer,#disqus_thread,#t3-header,.t3-sidebar,.t3-topbar,.t3-topbanner,.t3-bottombanner,.t3-bottomslider,.itemSocialSharing,.itemLinks,.itemAuthorBlock,.itemAuthorLatest,.itemNavigation,.itemComments,.itemBackToTop,.itemToolbar,.itemRatingBlock,.t3-masthead,.article-aside,.content_rating,.item-masthead-content,.dq-powered,.article-footer,form {
        display: none
    }

    .logo-image {
        margin-bottom: 30px;
        position: inherit;
        left: 10px
    }

    .logo-image a,.logo-image a img {
        display: block
    }

    .logo-image span {
        display: none
    }

    .container,.t3-topbanner .container {
        border: 0
    }

    .t3-content {
        width: 100%
    }
}

/*===============================
/modules/mod_jaslideshowlite/assets/css/animate.css
================================================================================*/
.animate {
    -webkit-transition: all 1200ms cubic-bezier(0.25,0.1,0.25,1) 1000ms;
    -moz-transition: all 1200ms cubic-bezier(0.25,0.1,0.25,1) 1000ms;
    -o-transition: all 1200ms cubic-bezier(0.25,0.1,0.25,1) 1000ms;
    transition: all 1200ms cubic-bezier(0.25,0.1,0.25,1) 1000ms;
    -webkit-backface-visibility: hidden;
}

.duration500 {
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms
}

.duration1000 {
    -webkit-transition-duration: 1000ms;
    -moz-transition-duration: 1000ms;
    -o-transition-duration: 1000ms;
    transition-duration: 1000ms
}

.delay0 {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms
}

.delay500 {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms
}

.delay1000 {
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms
}

.delay1500 {
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms
}

.delay2000 {
    -webkit-transition-delay: 2000ms;
    -moz-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms
}

.delay2500 {
    -webkit-transition-delay: 2500ms;
    -moz-transition-delay: 2500ms;
    -o-transition-delay: 2500ms;
    transition-delay: 2500ms
}

.delay3000 {
    -webkit-transition-delay: 3000ms;
    -moz-transition-delay: 3000ms;
    -o-transition-delay: 3000ms;
    transition-delay: 3000ms
}

.delay3500 {
    -webkit-transition-delay: 3500ms;
    -moz-transition-delay: 3500ms;
    -o-transition-delay: 3500ms;
    transition-delay: 3500ms
}

.delay4000 {
    -webkit-transition-delay: 4000ms;
    -moz-transition-delay: 4000ms;
    -o-transition-delay: 4000ms;
    transition-delay: 4000ms
}

.delay4500 {
    -webkit-transition-delay: 4500ms;
    -moz-transition-delay: 4500ms;
    -o-transition-delay: 4500ms;
    transition-delay: 4500ms
}

.delay5000 {
    -webkit-transition-delay: 5000ms;
    -moz-transition-delay: 5000ms;
    -o-transition-delay: 5000ms;
    transition-delay: 5000ms
}

.delay5500 {
    -webkit-transition-delay: 5500ms;
    -moz-transition-delay: 5500ms;
    -o-transition-delay: 5500ms;
    transition-delay: 5500ms
}

.delay6000 {
    -webkit-transition-delay: 6000ms;
    -moz-transition-delay: 6000ms;
    -o-transition-delay: 6000ms;
    transition-delay: 6000ms
}

.delay6500 {
    -webkit-transition-delay: 6500ms;
    -moz-transition-delay: 6500ms;
    -o-transition-delay: 6500ms;
    transition-delay: 6500ms
}

.delay7000 {
    -webkit-transition-delay: 7000ms;
    -moz-transition-delay: 7000ms;
    -o-transition-delay: 7000ms;
    transition-delay: 7000ms
}

.delay7500 {
    -webkit-transition-delay: 7500ms;
    -moz-transition-delay: 7500ms;
    -o-transition-delay: 7500ms;
    transition-delay: 7500ms
}

.delay8000 {
    -webkit-transition-delay: 8000ms;
    -moz-transition-delay: 8000ms;
    -o-transition-delay: 8000ms;
    transition-delay: 8000ms
}

.delay8500 {
    -webkit-transition-delay: 8500ms;
    -moz-transition-delay: 8500ms;
    -o-transition-delay: 8500ms;
    transition-delay: 8500ms
}

.delay9000 {
    -webkit-transition-delay: 9000ms;
    -moz-transition-delay: 9000ms;
    -o-transition-delay: 9000ms;
    transition-delay: 9000ms
}

.delay9500 {
    -webkit-transition-delay: 9500ms;
    -moz-transition-delay: 9500ms;
    -o-transition-delay: 9500ms;
    transition-delay: 9500ms
}

.delay10000 {
    -webkit-transition-delay: 10000ms;
    -moz-transition-delay: 10000ms;
    -o-transition-delay: 10000ms;
    transition-delay: 10000ms
}

.delay10500 {
    -webkit-transition-delay: 10500ms;
    -moz-transition-delay: 10500ms;
    -o-transition-delay: 10500ms;
    transition-delay: 10500ms
}

.delay11000 {
    -webkit-transition-delay: 11000ms;
    -moz-transition-delay: 11000ms;
    -o-transition-delay: 11000ms;
    transition-delay: 11000ms
}

.delay11500 {
    -webkit-transition-delay: 11500ms;
    -moz-transition-delay: 11500ms;
    -o-transition-delay: 11500ms;
    transition-delay: 11500ms
}

.delay12000 {
    -webkit-transition-delay: 12000ms;
    -moz-transition-delay: 12000ms;
    -o-transition-delay: 12000ms;
    transition-delay: 12000ms
}

.active .adelay500 {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms
}

.active .adelay1000 {
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms
}

.active .adelay1500 {
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms
}

.active .adelay2000 {
    -webkit-transition-delay: 2000ms;
    -moz-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms
}

.active .adelay2500 {
    -webkit-transition-delay: 2500ms;
    -moz-transition-delay: 2500ms;
    -o-transition-delay: 2500ms;
    transition-delay: 2500ms
}

.active .adelay3000 {
    -webkit-transition-delay: 3000ms;
    -moz-transition-delay: 3000ms;
    -o-transition-delay: 3000ms;
    transition-delay: 3000ms
}

.active .adelay3500 {
    -webkit-transition-delay: 3500ms;
    -moz-transition-delay: 3500ms;
    -o-transition-delay: 3500ms;
    transition-delay: 3500ms
}

.active .adelay4000 {
    -webkit-transition-delay: 4000ms;
    -moz-transition-delay: 4000ms;
    -o-transition-delay: 4000ms;
    transition-delay: 4000ms
}

.active .adelay4500 {
    -webkit-transition-delay: 4500ms;
    -moz-transition-delay: 4500ms;
    -o-transition-delay: 4500ms;
    transition-delay: 4500ms
}

.active .adelay5000 {
    -webkit-transition-delay: 5000ms;
    -moz-transition-delay: 5000ms;
    -o-transition-delay: 5000ms;
    transition-delay: 5000ms
}

.active .adelay5500 {
    -webkit-transition-delay: 5500ms;
    -moz-transition-delay: 5500ms;
    -o-transition-delay: 5500ms;
    transition-delay: 5500ms
}

.active .adelay6000 {
    -webkit-transition-delay: 6000ms;
    -moz-transition-delay: 6000ms;
    -o-transition-delay: 6000ms;
    transition-delay: 6000ms
}

.active .adelay6500 {
    -webkit-transition-delay: 6500ms;
    -moz-transition-delay: 6500ms;
    -o-transition-delay: 6500ms;
    transition-delay: 6500ms
}

.active .adelay7000 {
    -webkit-transition-delay: 7000ms;
    -moz-transition-delay: 7000ms;
    -o-transition-delay: 7000ms;
    transition-delay: 7000ms
}

.active .adelay7500 {
    -webkit-transition-delay: 7500ms;
    -moz-transition-delay: 7500ms;
    -o-transition-delay: 7500ms;
    transition-delay: 7500ms
}

.active .adelay8000 {
    -webkit-transition-delay: 8000ms;
    -moz-transition-delay: 8000ms;
    -o-transition-delay: 8000ms;
    transition-delay: 8000ms
}

.active .adelay8500 {
    -webkit-transition-delay: 8500ms;
    -moz-transition-delay: 8500ms;
    -o-transition-delay: 8500ms;
    transition-delay: 8500ms
}

.active .adelay9000 {
    -webkit-transition-delay: 9000ms;
    -moz-transition-delay: 9000ms;
    -o-transition-delay: 9000ms;
    transition-delay: 9000ms
}

.active .adelay9500 {
    -webkit-transition-delay: 9500ms;
    -moz-transition-delay: 9500ms;
    -o-transition-delay: 9500ms;
    transition-delay: 9500ms
}

.active .adelay10000 {
    -webkit-transition-delay: 10000ms;
    -moz-transition-delay: 10000ms;
    -o-transition-delay: 10000ms;
    transition-delay: 10000ms
}

.active .adelay10500 {
    -webkit-transition-delay: 10500ms;
    -moz-transition-delay: 10500ms;
    -o-transition-delay: 10500ms;
    transition-delay: 10500ms
}

.active .adelay11000 {
    -webkit-transition-delay: 11000ms;
    -moz-transition-delay: 11000ms;
    -o-transition-delay: 11000ms;
    transition-delay: 11000ms
}

.active .adelay11500 {
    -webkit-transition-delay: 11500ms;
    -moz-transition-delay: 11500ms;
    -o-transition-delay: 11500ms;
    transition-delay: 11500ms
}

.active .adelay12000 {
    -webkit-transition-delay: 12000ms;
    -moz-transition-delay: 12000ms;
    -o-transition-delay: 12000ms;
    transition-delay: 12000ms
}

/*===============================
/templates/ja_playmag/local/css/mod_jaslideshowlite.css
================================================================================*/
.ja-ss-slideshow {
    position: relative;
    height: 309px
}

.ja-ss-loading {
    background: none
}

.ja-ss-loading:before {
    content: "";
    display: block;
    background: url("/templates/ja_playmag/images/slideloading.gif") no-repeat center center #ffffff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.ja-ss-wrap {
    overflow: hidden;
    position: relative;
    width: 100%
}

.ja-ss-items {
    width: 100%;
    position: relative;
    z-index: 1
}

.ja-ss-item {
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    min-height: 260px;
    z-index: 1;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.ja-ss-item.prev {
    display: block
}

.ja-ss-item.next {
    display: block
}

.ja-ss-item.curr {
    z-index: 2
}

.ja-ss-item img {
    background: #fff;
    width: 100%;
    max-width: 100%
}

.ja-ss-mask {
    background: url("/templates/ja_playmag/images/slide-mask.png") no-repeat top left;
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2
}

.ja-ss-desc {
    position: absolute;
    left: 0;
    top: 30px;
    bottom: 60px;
    padding: 30px;
    color: #000;
    text-align: left;
    z-index: 3;
    width: 50%;
    background: #ffffff
}

@media (min-width: 768px) {
    .ja-ss-desc {
        bottom:130px
    }
}

@media (min-width: 992px) {
    .ja-ss-desc {
        bottom:60px
    }
}

@media (min-width: 1200px) {
    .ja-ss-desc {
        width:35%;
        bottom: 140px
    }
}

.ja-ss-desc h3 {
    margin: 0;
    font-family: 'bebas_neueregular',sans-serif;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 20px
}

.ja-ss-desc h3 a {
    color: inherit;
    line-height: normal;
    text-decoration: none
}

.ja-ss-desc .btn {
    margin-top: 20px
}

.ja-ss-btns {
    opacity: 0
}

@media screen and (max-width: 1199px) {
    .ja-ss-btns {
        opacity:1
    }
}

.ja-ss-btns span {
    background: url("/templates/ja_playmag/images/ctrl-btns.png") no-repeat top left;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    height: 40px;
    margin-top: -90px;
    padding: 0;
    width: 40px;
    text-indent: -999em;
    top: 50%;
    position: absolute;
    z-index: 100
}

@media (min-width: 992px) and (max-width:1199px) {
    .ja-ss-btns span {
        margin-top:-30px
    }
}

.ja-ss-wrap:hover .ja-ss-btns {
    opacity: 1
}

.ja-ss-btns .ja-ss-prev {
    background-position: 0 0;
    left: 30px;
    opacity: 0.3
}

.ja-ss-btns .ja-ss-prev:hover {
    background-position: left bottom;
    right: 760px;
    opacity: 1
}

@media screen and (max-width: 991px) {
    .ja-ss-btns .ja-ss-prev:hover {
        right:620px
    }
}

.ja-ss-btns .ja-ss-next {
    background-position: -40px 0;
    right: 30px;
    opacity: 0.3
}

.ja-ss-btns .ja-ss-next:hover {
    background-position: -40px bottom;
    opacity: 1
}

.ja-ss-btns .ja-ss-stop {
    background-position: -80px 0;
    display: none
}

.ja-ss-btns .ja-ss-stop:hover {
    background-position: -80px bottom;
    right: 280%
}

.ja-ss-btns .ja-ss-play {
    background-position: -120px 0;
    display: none
}

.ja-ss-btns .ja-ss-play:hover {
    background-position: -120px bottom;
    display: none
}

.ja-ss-btns .ja-ss-playback {
    background-position: right 0;
    display: none
}

.ja-ss-btns .ja-ss-playback:hover {
    background-position: right bottom;
    display: none
}

.ja-ss-thumbs-wrap {
    width: 100%;
    clear: both;
    position: absolute;
    bottom: 50px;
    overflow: hidden;
    z-index: 9
}

@media (min-width: 1200px) {
    .ja-ss-thumbs-wrap {
        bottom:140px
    }
}

@media screen and (max-width: 991px) {
    .ja-ss-thumbs-wrap {
        bottom:130px;
        right: 5px
    }
}

.ja-ss-thumbs {
    margin: 0;
    padding-right: 20px;
    top: 0;
    text-align: right;
    width: auto !important;
    white-space: nowrap;
    transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important
}

.ja-ss-thumbs .ja-ss-thumb {
    display: inline-block;
    overflow: hidden;
    margin: 0 3px;
    border: 2px solid transparent;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
    background-clip: padding-box
}

.ja-ss-thumbs .ja-ss-thumb.active {
    border: 2px solid #fa732a
}

.ja-ss-thumbs .ja-ss-thumb.active img {
    opacity: 1
}

.ie9 .ja-ss-thumbs-wrap {
    z-index: 200;
    right: -485px
}

.ie9 .ja-ss-thumbs-wrap .ja-ss-thumbie {
    width: auto !important
}

.ie9 .ja-ss-thumbs-wrap .ja-ss-thumbie .ja-ss-thumbs {
    width: auto !important;
    margin-right: 25px;
    left: 0 !important
}

.ie9 .ja-ss-btns {
    display: inline !important
}

.ie8 .ja-ss-thumbs-wrap .ja-ss-thumbie .ja-ss-thumbs {
    width: auto !important;
    margin-right: 25px
}

/*===============================
/modules/mod_jaslideshowlite/assets/css/mod_jaslideshowlite-fade.css
================================================================================*/
.ja-ss-wrap.fade {
    opacity: 1
}

.fade .ja-ss-item.animate {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.fade .ja-ss-item {
    opacity: 0
}

.fade .ja-ss-item.curr {
    opacity: 1
}