/**
* Main CSS file
* @package News Show Pro GK5
* @Copyright (C) 2009-2013 Gavick.com
* @ All rights reserved
* @ Joomla! is Free Software
* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html
* @version $Revision: GK5 1.0 $
**/
.nsp {
    position: relative
    }
.nspMain {
    overflow: hidden
    }
/* Pagination */
.nspBotInterface, .nspTopInterface {
    clear: both;
    float: right;
    margin: 5px 0;
    overflow: hidden
    }
/* 
	Interface - for different looking Top and Bottom interface use the following classes:  
	.nspTopInterface
	.nspBotInterface (e.g.: .nspTopInterface .nspPagination li ...)
*/
.nspPagination {
    float: left;
    list-style-type: none !important;
    margin: 5px 0 0 0 !important;
    padding: 0 !important
    }
.nspPagination li {
    background: #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 14px;
    margin: 1px 4px 0 0 !important;
    width: 14px
    }
.nspPagination li > a {
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 14px;
    overflow: hidden;
    padding: 0;
    text-indent: -999em;
    width: 14px
    }
.nspPagination li:hover, .nspPagination li.active {
    background-color: #999
    }
.nspNext, .nspPrev {
    background: #fff;
    border: 2px solid #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 24px;
    margin: 0 0 0 4px;
    overflow: hidden;
    text-indent: -999px;
    width: 24px
    }
.nspPrev:before {
    border: 10px solid #ccc;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: none;
    content: "";
    display: block;
    float: left;
    margin: 3px 0 0 4px
    }
.nspNext:before {
    border: 10px solid #ccc;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: none;
    content: "";
    display: block;
    float: left;
    margin: 3px 0 0 6px
    }
.nspNext:hover, .nspPrev:hover {
    border-color: #999
    }
.nspPrev:hover:before {
    border-right-color: #999
    }
.nspNext:hover:before {
    border-left-color: #999
    }
/* Articles layout */
.nspArts {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 3px
    }
.nspArtPage {
    float: left
    }
.nspArt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    border-bottom-style: inset
    }
.nspArt div {
    overflow: hidden
    }
.nspArt h4.nspHeader {
    font-size: 24px;
    margin: 0;
    padding: 0;
    display: -webkit-box
    }
.nspArt h4.nspHeader a {
    text-decoration: none
    }
.nspArt img.nspImage {
    border: none;
    display: block
    }
.nspArt .nspImageWrapper {
    display: block;
    position: relative
    }
.nspArt p.nspText {
    display: block !important;
    margin: 0;
    padding: 0 !important
    }
.nspArt .nspInfo {
    display: block !important;
    font-size: 90%
    }
.nspArt .nspInfo > .nsp-stars {
    padding: 0 10px 0 0 !important
    }
.nspArt .nsp-star-0:before, .nspArt .nsp-star-1:before {
    content: "★";
    color: #6c6c6c;
    font-family: Arial, sans-serif;
    font-size: 14px
    }
.nspArt .nsp-star-1:before {
    color: #f7a834
    }
.nspArt .nspBadge {
    background: #fff;
    position: absolute;
    top: 29px;
    left: 20px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
    padding: 2px 10px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
    }
.nspArt .tleft {
    text-align: left
    }
.nspArt .tright {
    text-align: right
    }
.nspArt .tcenter {
    text-align: center
    }
.nspArt .tjustify {
    text-align: justify
    }
.nspArt .fleft {
    float: left
    }
.nspArt .fright {
    float: right
    }
.nspArt .fnone {
    clear: both;
    float: none;
    width: 100%
    }
.readon.left, .readon.right, .readon.center {
    clear: both
    }
.readon.left {
    float: left
    }
.readon.right {
    float: right
    }
.readon.center {
    display: inline;
    float: none
    }
/* Links layout */
.nspLinks {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px
    }
.nspList {
    float: left
    }
.nspList > li > .nspImageWrapper {
    float: left
    }
.nspList > li > .nspImageWrapperRight {
    float: right
    }
.nspList > li .nspImage {
    height: auto !important;
    max-width: 150px;
    border-radius: 5px
    }
.nspLinks ul {
    list-style-type: none !important;
    padding: 0 !important
    }
.nspLinks .nspLinkScroll1 ul li {
    background: #fff;
    border-top: 1px solid #eee;
    margin: 0 !important;
    padding: 10px 3px
    }
.nspLinks .nspLinkScroll1 ul li:first-child {
    border-top: none
    }
.nspLinks ul li h4 a {
    text-decoration: none;
    font-size: 16px;
    padding-left: 10px
    }
/* positioning */
.nspArts.left {
    float: right
    }
.nspLinksWrap.left {
    float: left
    }
.nspArts.right {
    float: left
    }
.nspLinksWrap.right {
    float: right
    }
/* make element unvisible */
.nspMain .unvisible {
    left: -9999px;
    position: absolute;
    top: auto
    }
/* Responsive layout */
.gkResponsive img.nspImage, img.nspImage.gkResponsive {
    height: auto;
    width: 100% !important
    }
.nspArt img.nspImage {
    max-width: 100%;
    border-radius: 5px
    }
.nspArtScroll1, .nspLinkScroll1 {
    clear: both;
    width: 100%
    }
.nspPages1 {
    width: 100%
    }
.nspPages2 {
    width: 200%
    }
.nspPages3 {
    width: 300%
    }
.nspPages4 {
    width: 400%
    }
.nspPages5 {
    width: 500%
    }
.nspPages6 {
    width: 600%
    }
.nspPages7 {
    width: 700%
    }
.nspPages8 {
    width: 800%
    }
.nspPages9 {
    width: 900%
    }
.nspPages10 {
    width: 1000%
    }
.nspPages11 {
    width: 1100%
    }
.nspPages12 {
    width: 1200%
    }
.nspPages13 {
    width: 1300%
    }
.nspPages14 {
    width: 1400%
    }
.nspPages15 {
    width: 1500%
    }
.nspPages16 {
    width: 1600%
    }
.nspPages17 {
    width: 1700%
    }
.nspPages18 {
    width: 1800%
    }
.nspPages19 {
    width: 1900%
    }
.nspPages20 {
    width: 2000%
    }
.nspCol1 {
    width: 100%
    }
.nspCol2 {
    width: 50%
    }
.nspCol3 {
    width: 33.333333%
    }
.nspCol4 {
    width: 25%
    }
.nspCol5 {
    width: 20%
    }
.nspCol6 {
    width: 16.666666%
    }
.nspCol7 {
    width: 14.285714%
    }
.nspCol8 {
    width: 12.5%
    }
.nspCol9 {
    width: 11.111111%
    }
.nspCol10 {
    width: 10%
    }
.nspCol11 {
    width: 9.090909%
    }
.nspCol12 {
    width: 8.333333%
    }
.nspCol13 {
    width: 7.692307%
    }
.nspCol14 {
    width: 7.142857%
    }
.nspCol15 {
    width: 6.666666%
    }
.nspCol16 {
    width: 6.25%
    }
.nspCol17 {
    width: 5.882352%
    }
.nspCol18 {
    width: 5.555555%
    }
.nspCol19 {
    width: 5.263157%
    }
.nspCol20 {
    width: 5%
    }
/* Animation */
.nspList, .nspArtPage {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    visibility: hidden
    }
.nspList.active, .nspArtPage.active {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
    }
/* Suffix neutral */
.neutral {
    color: #999;
    font-size: 13px
    }
.neutral a {
    color: #333;
    text-decoration: none
    }
.neutral a:active, .neutral a:focus, .neutral a:hover {
    color: #777
    }
.neutral .nspHeader {
    font-size: 18px;
    font-weight: 400
    }
.neutral .nspInfo a {
    padding-right: 5px
    }
.neutral .readon {
    background: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    padding: 6px 10px
    }
.neutral .readon:active, .neutral .readon:focus, .neutral .readon:hover {
    background: #999;
    color: #fff
    }
.neutral .nspLinks ul li h4 {
    font-size: 15px;
    margin: 0 0 10px 0
    }
/* K2Store styles */
.nspK2StoreCartForm {
    padding: 10px 0;
    text-align: center
    }
.nspK2StoreCartForm .k2store-notification {
    background: #fff;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    margin: 10px 0;
    padding: 10px;
    position: relative
    }
.nspK2StoreCartForm .cart_dialogue_close {
    position: absolute;
    right: 10px;
    top: 5px
    }
.nspK2StorePrice {
    color: #111;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    text-align: center
    }
.nspK2StorePrice strike {
    color: #ccc;
    display: block
    }
/* HikaShop styles */
.nspHikashopBlock {
    text-align: center
    }
.nspHikashopBlock span {
    display: block
    }
.nspHikashopBlock .button {
    display: inline-block;
    float: none;
    margin-top: 30px
    }
.nspHikashopBlock .hikashop_product_stock_count {
    color: #999 !important;
    font-size: 11px !important;
    padding: 10px 0 !important
    }
/* Mobile */
@media (max-width: 800px) {
    .nspArts, .nspLinksWrap {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        padding: 0 32px;
        position: relative
        }
    .nspPrev, .nspNext {
        left: 0;
        position: absolute;
        top: 20%;
        z-index: 101
        }
    .nspNext {
        left: auto;
        right: 0
        }
    .nspPagination {
        display: none
        }
    }
@media (max-width: 600px) {
    .nspArt {
        width: 100%
        }
    .nspArt img.nspImage {
        max-width: 100%
        }
    .nspImageWrapper {
        margin: 0 0 20px 0 !important;
        width: 100%
        }
    .gkArtContentWrap {
        width: 100%
        }
    }
/* EOF */