.subMenu {
    -webkit-box-shadow:0 -20px 20px -20px rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow:0 -20px 20px -20px rgba(0, 0, 0, 0.9) inset;
    box-shadow:0 -20px 20px -20px rgba(0, 0, 0, 0.9) inset;
    background-color:#232323;
    padding:3px 0;
    width:13%
}
.subMenu span, .subMenu ul {
    color:#777;
    float:right;
    margin:4px 10px 0 0
}
.subMenu ul {
    margin:0
}
.subMenu ul li a {
    color:#777;
    font-size:1em
}
.social {
    width:30%;
    float:right
}
.social li {
    margin-left:5px;
    float:left;
    display:block
}
.social li a {
    background:url(/img/social.png) no-repeat top left;
    width:25px;
    height:25px;
    display:block
}
.social li a.pinterest {
    background-position:0 -374px;
    width:25px;
    height:25px
}
.social li a.twitter {
    background-position:0 -225px;
    width:25px;
    height:25px
}
.social li a.facebook {
    background-position:0 0;
    width:25px;
    height:25px
}
.social li a.rss {
    background-position:0 -150px;
    width:25px;
    height:25px
}
.social li a.google {
    background-position:0 -75px;
    width:25px;
    height:25px
}
.social li a.youtube {
    background-position:0 -300px;
    width:25px;
    height:25px
}
.flag {
    width:16px;
    height:11px;
    background:url(/img/toggle/layout/flags.png) no-repeat;
    float:left;
    margin:4px 5px 0 0;
    display:block
}
.flag.zh {
    background-position:-16px 0
}
.flag.zh-Hant {
    background-position:-16px 0
}
.flag.de {
    background-position:-32px 0
}
.flag.da {
    background-position:-48px 0
}
.flag.es {
    background-position:-64px 0
}
.flag.fi {
    background-position:0 -11px
}
.flag.fr {
    background-position:-16px -11px
}
.flag.en {
    background-position:-32px -11px
}
.flag.el {
    background-position:-48px -11px
}
.flag.it {
    background-position:-64px -11px
}
.flag.ja {
    background-position:0 -22px
}
.flag.ko {
    background-position:-16px -22px
}
.flag.nl {
    background-position:-32px -22px
}
.flag.no {
    background-position:-48px -22px
}
.flag.pl {
    background-position:-64px -22px
}
.flag.pt {
    background-position:0 -33px
}
.flag.ru {
    background-position:-16px -33px
}
.flag.ar {
    background-position:-32px -33px
}
.flag.sv {
    background-position:-48px -33px
}
.hightlighted {
    overflow:hidden;
    position:relative;
    min-width:1000px
}
.hightlighted .item {
    width:33.333333%;
    overflow:hidden;
    margin-left:0;
    float:left;
    position:relative
}
.hightlighted .item .meta {
    background:#2d86e7;
    opacity:.8;
    font-size:0.70588em;
    line-height:1em;
    padding:10px 20px;
    position:relative;
    text-transform:capitalize;
    display:inline
}
.hightlighted .item p {
    display:none
}
.hightlighted .item figure {
    margin:0
}
.hightlighted .item figure img {
    width:100%;
    height:330px
}
.hightlighted .item figure:before {
    content:"";
    position:absolute;
    display:block;
    height:100%;
    width:100%;
    background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(120%, #000));
    background:-webkit-linear-gradient(rgba(0, 0, 0, 0), #000 120%);
    background:-moz-linear-gradient(transparent, #000 120%);
    background:-o-linear-gradient(transparent, #000 120%);
    background:linear-gradient(rgba(0, 0, 0, 0), #000000 120%);
    bottom:0
}
.hightlighted .item .content {
    position:absolute;
    left:30px;
    padding-right:30px;
    color:#FFF;
    bottom:0
}
.navbar {
    margin:0
}
.navbar .brand {
    padding:16px 20px 10px
}
.navbar .navbar-inner {
    background:none !important;
    box-shadow:none !important;
    border:none !important;
    filter:none !important
}
.navbar .nav li a, .navbar .brand {
    color:white;
    text-shadow:none
}
.navbar .nav>li:hover, .navbar .nav>li a:hover {
    background:#00AADE;
    color:#FFF !important
}
.navbar .active a {
    background:#eeeeee;
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top, #eee 0%, #ccc 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ccc));
    background:-webkit-linear-gradient(top, #eee 0%, #ccc 100%);
    background:-o-linear-gradient(top, #eee 0%, #ccc 100%);
    background:-ms-linear-gradient(top, #eee 0%, #ccc 100%);
    background:linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    color:#444
}
.navbar .nav>li>a {
    box-shadow:none !important;
    padding:20px 15px 20px;
    transition:background .5s;
    -webkit-transition:background .5s
}
.navbar .nav>.active>a:hover {
    background:#eeeeee;
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top, #ccc 0%, #eee 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #eee));
    background:-webkit-linear-gradient(top, #ccc 0%, #eee 100%);
    background:-o-linear-gradient(top, #ccc 0%, #eee 100%);
    background:-ms-linear-gradient(top, #ccc 0%, #eee 100%);
    background:linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    color:#444 !important
}
.navbar .navbar-search {
    margin-top:15px
}
.input-append input.search-query {
    border-radius:15px 0 0 15px
}
.input-append .btn {
    border-radius:0 15px 15px 0 !important;
    background:#63B62F;
    border-color:#DDD;
    color:#FFF;
    text-shadow:none;
    transition:background .2s;
    -webkit-transition:background .2s
}
.input-append .btn:hover {
    background:#459613 !important
}
.menu {
    background:#499bea;
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OWJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #499bea), color-stop(100%, #207ce5));
    background:-webkit-linear-gradient(top, #499bea 0%, #207ce5 100%);
    background:-o-linear-gradient(top, #499bea 0%, #207ce5 100%);
    background:-ms-linear-gradient(top, #499bea 0%, #207ce5 100%);
    background:linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0);
    border-bottom:1px solid #178ACC;
    -webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow:0 1px 10px rgba(0, 0, 0, 0.1);
    height:59px
}
#accordian {
    background:#004050;
    color:white;
    box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5)
}
#accordian ul {
    margin:0
}
#accordian h3 {
    font-size:12px;
    line-height:34px;
    padding:0 10px;
    cursor:pointer;
    background:#003040;
    background:linear-gradient(#003040, #002535);
    margin:0
}
#accordian h3:hover {
    text-shadow:0 0 1px rgba(255, 255, 255, 0.7)
}
#accordian h3 span {
    font-size:16px;
    margin-right:10px
}
#accordian li {
    list-style-type:none
}
#accordian ul ul li a {
    color:white;
    text-decoration:none;
    font-size:11px;
    line-height:27px;
    display:block;
    padding:0 15px;
    transition:all 0.15s
}
#accordian ul ul li a:hover {
    background:#003545;
    border-left:5px solid lightgreen
}
#accordian ul ul {
    display:none
}
#accordian li.active ul {
    display:block
}
#accordian .inner, #accordian .inner:hover {
    background:#003545 !important;
    border-left:5px solid lightgreen !important
}
#accordian .inner:hover {
    background:#003545 !important;
    border-left:0px solid lightgreen !important
}
.article {
    box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
    margin-bottom:30px;
    border:1px solid #E4E7EA;
    position:relative
}
.article .assetThumb {
    position:relative;
    display:block
}
.article .assetThumb .img {
    position:relative;
    margin:0
}
.article .assetThumb .img img {
    display:block;
    position:relative;
    z-index:1;
    max-width:100%;
    width:100%
}
.article .assetThumb span {
    position:absolute;
    bottom:10px;
    z-index:8;
    font-size:0.70588em;
    line-height:1em;
    background:#4e9901;
    opacity:.8;
    padding:14px;
    color:#FFF;
    text-transform:uppercase
}
.article .assetText {
    padding:15px
}
.article .assetText h3 {
    font-size:1.5em;
    margin:0;
    line-height:30px;
    color:#444;
    -webkit-transition:color .2s ease-in;
    -moz-transition:color .2s ease-in;
    -o-transition:color .2s ease-in;
    transition:color .2s ease-in
}
.article .assetText .meta {
    font-size:.9em;
    margin:5px 0 20px 0
}
.article .assetText .assetHed:hover {
    text-decoration:none
}
.article:hover {
    box-shadow:0 0 25px rgba(0, 0, 0, 0.2)
}
.article:hover h3 {
    color:#FF8B00
}
.language .btn.dropdown-toggle {
    border:0;
    background:none;
    box-shadow:none;
    text-shadow:none;
    color:white
}
.language .dropdown-menu {
    border-radius:0
}
.language .btn-group.open .btn.dropdown-toggle {
    background:none
}
.footer {
    background-color:#E3E3E3;
    text-shadow:0 1px rgba(255, 255, 255, 0.8);
    color:#39434C;
    border-top:1px solid #B4B1B1
}
.footer .row-fluid {
    padding:20px
}
.footer .row-fluid ul {
    margin:0;
    text-align:right
}
.footer .row-fluid ul li {
    margin-right:10px
}
.footer .row-fluid ul li a {
    color:#39434C
}
.logo {
    width:227px;
    height:30px;
    display:block;
    background:url(https://media.phpnuke.org/img/pn/layout/logo.png);
    float:left;
    margin:15px 15px 0 0
}
.fullWidth {
    width:100%
}
.inlineList li {
    display:inline;
    list-style-type:none
}
.marginTop20 {
    margin-top:20px
}
.widget.phpnuke {
    overflow:hidden
}
.widget.phpnuke .phpnukeTitle {
    padding:10px 0 10px 20px;
    border:1px solid #E4E7EA;
    border-bottom:none;
    color:#860000;
    font-size:1.29412em
}
.widget.phpnuke .phpnukeTitle span {
    color:#00639C;
    font-size:1.25em
}
.widget.phpnuke .phpnukeLinks {
    border:1px solid #CED2D5;
    border-bottom:none;
    -webkit-box-shadow:0 1px #FFF inset;
    -moz-box-shadow:0 1px #fff inset;
    box-shadow:0 1px #FFF inset;
    background-color:#E8EDEF;
    width:99.4%;
    float:left
}
.widget.phpnuke .phpnukeLinks ul {
    margin:0
}
.widget.phpnuke .phpnukeLinks ul li {
    display:inline;
    list-style-type:none;
    width:16.66666666666667%;
    color:#FFF;
    float:left;
    text-align:center;
    padding:3px 0;
    margin:10px 0
}
.widget.phpnuke .phpnukeLinks ul li a span {
    -webkit-transition-duration:1s;
    -moz-transition-duration:1s;
    -o-transition-duration:1s;
    transition-duration:1s;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    transition-property:transform;
    overflow:hidden;
    font-size:1.25em;
    overflow:hidden
}
.widget.phpnuke .phpnukeLinks ul li a span:hover {
    text-decoration:none;
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg)
}
.widget.phpnuke .phpnukeDetails {
    background-color:#E8EDEF;
    border:1px solid #CED2D5;
    -webkit-box-shadow:0 1px #FFF inset;
    -moz-box-shadow:0 1px #fff inset;
    box-shadow:0 1px #FFF inset;
    padding:20px
}
.widget.phpnuke .phpnukeDetails ul {
    margin:0 0 20px 0
}
.widget.phpnuke .phpnukeDetails ul li {
    list-style-type:none
}
.widget.phpnuke .phpnukeDetails ul li i {
    color:green
}
.widget.phpnuke .phpnukeDownload {
    text-align:center;
    display:block;
    padding:10px 15px;
    border:0;
    border-radius:10px;
    color:#FFF;
    font-size:1.5em;
    font-weight:700;
    text-transform:uppercase;
    text-shadow:0px 2px 0px rgba(0, 0, 0, 0.4);
    cursor:pointer;
    background-color:#569829;
    background:none, -khtml-gradient(linear, left top, left bottom, from(#66bc31), to(#4b8424));
    background:none, -moz-linear-gradient(top, #66bc31 0, #4b8424 100%);
    background:none, -webkit-gradient(linear, left top, left bottom, color-stop(0, #66bc31), color-stop(100%, #4b8424));
    background:none, -webkit-linear-gradient(top, #66bc31 0, #4b8424 100%);
    background:none, -o-linear-gradient(top, #66bc31 0, #4b8424 100%);
    background:none, -ms-linear-gradient(top, #66bc31 0, #4b8424 100%);
    background:none, linear-gradient(top, #66bc31 0%, #4b8424 100%);
    box-shadow:0 1px 0 #9FDA6D inset
}
.widget.phpnuke .phpnukeDownload i {
    margin-right:5px
}
.widget.phpnuke .phpnukeDownload:hover {
    text-decoration:none;
    background-color:#569829;
    background:none, -khtml-gradient(linear, left top, left bottom, from(#4b8424), to(#66bc31));
    background:none, -moz-linear-gradient(top, #4b8424 0, #66bc31 100%);
    background:none, -webkit-gradient(linear, left top, left bottom, color-stop(0, #4b8424), color-stop(100%, #66bc31));
    background:none, -webkit-linear-gradient(top, #4b8424 0, #66bc31 100%);
    background:none, -o-linear-gradient(top, #4b8424 0, #66bc31 100%);
    background:none, -ms-linear-gradient(top, #4b8424 0, #66bc31 100%);
    background:none, linear-gradient(top, #4b8424 0%, #66bc31 100%)
}
.widget.latestPrograms {
    margin-top:20px;
    overflow:hidden
}
.widget.latestPrograms h2 {
    color:#00639C;
    border-top:3px solid #E3E7EA;
    padding:5px 0;
    margin:0;
    font-size:1.5em
}
.widget.latestPrograms ul {
    margin:0;
    border:1px solid #CED2D5
}
.widget.latestPrograms ul li {
    width:95%;
    list-style-type:none;
    float:left;
    background:none;
    padding:10px 10px 10px;
    margin-bottom:1px;
    -webkit-box-shadow:#CED2D5 0 -1px 0 0 inset;
    -moz-box-shadow:#ced2d5 0 -1px 0 0 inset;
    box-shadow:#CED2D5 0 -1px 0 0 inset;
    float:left;
    transition:background .2s;
    -webkit-transition:background .2s
}
.widget.latestPrograms ul li:hover {
    background:#EEE
}
.widget.latestPrograms ul li a {
    color:#949494;
    width:100%;
    float:left
}
.widget.latestPrograms ul li a img {
    float:left;
    max-width:20%
}
.widget.latestPrograms ul li a div {
    float:left;
    width:75%;
    margin:0 0 0 10px
}
.widget.latestPrograms ul li a div span {
    font-size:1.25em
}
.widget.latestPrograms ul li a div .raty {
    display:block
}
.widget.latestPrograms ul li a div .raty img {
    width:18px;
    height:18px
}
.widget.latestPrograms ul .latest {
    box-shadow:none
}
.widget.topDownloads {
    margin-top:20px
}
.widget.topDownloads h2 {
    color:#00639C;
    border-bottom:1px solid #E3E7EA;
    border-top:3px solid #E3E7EA;
    padding:5px 0;
    margin:0;
    font-size:1.5em
}
.widget.topDownloads ul {
    margin:0
}
.widget.topDownloads ul li {
    margin:10px 0;
    list-style-type:none;
    float:left;
    width:100%
}
.widget.topDownloads ul li span {
    color:#00639C;
    margin:0 10px 0 0
}
.widget.topDownloads ul li .counter {
    font-size:1.55em;
    width:12%;
    display:block;
    float:left;
    margin:0;
    text-align:center;
    margin-right:3%
}
.widget.topDownloads ul li .topProgram {
    width:80%;
    display:block;
    float:right;
    margin:0;
    color:#888;
    margin-right:5%
}
.widget.topDownloads ul li a {
    font-size:1.5em;
    font-weight:500;
    color:#39434C;
    display:block;
    width:100%;
    float:left;
    transition:color .2s;
    -webkit-transition:color .2s
}
.widget.topDownloads ul li a span {
    transition:color .2s;
    -webkit-transition:color .2s
}
.widget.topDownloads ul li a:hover span {
    text-decoration:none;
    color:#FF8B00 !important
}
.container {
    width:1020px
}
.span2 {
    width:160px
}
.span6 {
    width:520px
}
.span4 {
    width:300px
}

/*login*/
.textRegular{ font-weight:600 !important; color:#000000;}
.loginUsers{float:right;min-width: 335px; height:25px; margin: 2px 10px 0px 0px;}
.loginOut{float:right;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#298cd8; padding:2px 10px 2px 10px;margin:0px 0px 0px 0px;}
.loginOut:hover{text-decoration: none !important; }
.imgLoginUser{float:left;width:25px; height:25px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; margin: 0px !important;}
.nameUserLogin{float:left !important;width:auto; height:25px; margin:0px 5px 0px 0px !important;}

@media (max-width: 1200px) {
    .hightlighted .item figure img {
        height:255px
    }
}