.gk-nsp {
position: relative;
}
.gk-nsp:after,
.gk-nsp-arts:after,
.gk-nsp-links:after {
clear: both;
content: "";
display: table;
}
.gk-nsp-arts,
.gk-nsp-links,
.gk-title-overlay {
overflow: hidden;
}
.gk-nsp-arts-nav,
.gk-nsp-links-nav {
overflow: hidden;
clear: both;
}
.gk-nsp-links-nav {
float: right;
}
.gk-nsp-arts-nav {
position: absolute;
right: 0;
padding: 0 3px;
top: -18px;
}
.gk-nsp-arts-nav ul,
.gk-nsp-links-nav ul {
list-style-type: none;
margin: 6px 0 0;
padding: 0;
float: left;
}
.gk-nsp-arts-nav ul li,
.gk-nsp-links-nav ul li {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
float: left;
width: 10px;
height: 10px;
margin: -2px 4px 0 0 !important;
background: #bebebe;
border: none;
padding: 0;
text-indent: -9999px;
cursor: pointer;
}
.gk-nsp-arts-nav ul li:hover,
.gk-nsp-links-nav ul li:hover,
.gk-nsp-arts-nav ul li.active,
.gk-nsp-links-nav ul li.active {
background: #777777;
}
.gk-nsp-next,
.gk-nsp-prev {
float: left;
width: 9px;
height: 10px;
margin: 4px 0 0 4px;
background: url(//progressive-fmcg-retail.com/wp-content/plugins/gk-nsp/images/nsp_interface.png) no-repeat -10px 0;
text-indent: -9999px;
cursor: pointer;
}
.gk-nsp-prev {
background-position: 0 0;
}
.gk-nsp-next:hover {
background-position: -10px -10px;
}
.gk-nsp-prev:hover {
background-position: 0 -10px;
}
.gk-nsp-art-page {
float: left;
}
.gk-nsp-art {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
.gk-nsp-art:first-child {
border-top: none;
}
.gk-nsp-art div {
overflow: hidden;
}
.gk-nsp-art .gk-nsp-image {
border: none;
}
.gk-nsp-header {
font-size: 18px;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2;
margin: 0 0 10px 0!important;
}
.gk-nsp-header a {
color: #2f3133;
text-decoration: none;
}
.gk-nsp-header a:active,
.gk-nsp-header a:focus,
.gk-nsp-header a:hover {
color: #418cd1;
}
.gk-nsp-image {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.15s linear;
-moz-transition: -moz-transform 0.15s linear;
-o-transition: -o-transform 0.15s linear;
transition: transform 0.15s linear;
}
.gk-nsp-image:hover {
-webkit-transform: scale(0.96);
-moz-transform: scale(0.96);
-ms-transform: scale(0.96);
-o-transform: scale(0.96);
transform: scale(0.96);
}
.gk-nsp-image-wrap {
overflow: hidden;
}
.gk-nsp-text {
color: #555555;
float: none;
font-size: 14px;
line-height: 20px;
margin: 0!important;
}
.gk-nsp-text + .readon {
display: block;
margin: 16px 0 0 0!important;
}
.gk-nsp-text + .gk-nsp-info {
margin: 6px 0 10px 0!important;
}
.gk-nsp-info {
color: #888888;
font-size: 10px!important;
font-style: normal;
font-weight: 300;
line-height: 1.0;
margin: 10px 0!important;
text-transform: uppercase;
}
.gk-nsp-info > a,
.gk-nsp-info > span {
color: #888888;
font-size: 10px;
padding-left: 8px;
}
.gk-nsp-info > a:first-child,
.gk-nsp-info > span:first-child {
padding-left: 0;
}
.gk-nsp-info > a:active,
.gk-nsp-info > span:active,
.gk-nsp-info > a:focus,
.gk-nsp-info > span:focus,
.gk-nsp-info > a:hover,
.gk-nsp-info > span:hover {
color: #222222;
}
.gk-nsp-info .amount {
font-size: 10px;
}
.readon.left,
.readon.right,
.readon.center {
clear: both;
}
.readon.left {
float: left;
}
.readon.right {
float: right;
}
.readon.center {
display: inline;
float: none;
}
.gk-nsp-links ul {
float: left;
list-style-type: none;
padding: 0;
}
.gk-nsp-links ul li {
border-top: 1px solid #e5e5e5;
display: table;
margin: 0;
padding: 16px 0;
}
.gk-nsp-links ul li .gk-nsp-link-header {
color: #2f3133;
display: table-cell;
font-size: 16px;
font-weight: bold;
line-height: 28px;
margin: 0;
vertical-align: top;
}
.gk-nsp-links ul li .gk-nsp-link-header a {
color: #2f3133;
text-decoration: none;
}
.gk-nsp-links ul li .gk-nsp-link-header a:active,
.gk-nsp-links ul li .gk-nsp-link-header a:focus,
.gk-nsp-links ul li .gk-nsp-link-header a:hover {
color: #418cd1;
}
.gk-nsp-links ul li p {
display: table-cell;
vertical-align: top;
}
.gk-nsp-links p {
font-size: 14px;
line-height: 22px;
margin: 5px 0;
}
.gk-nsp-image-wrap {
float: left;
}
.gk-responsive {
line-height: 1;
}
img.gk-responsive {
width: 100%;
height: auto;
}
.gk-responsive {
display: block;
position: relative;
}
.gk-nsp-image {
max-width: 100%;
}
.gk-nsp-arts,
.gk-nsp-links {
clear: both;
width: 100%;
}
.gk-nsp-art,
.gk-nsp-arts-page {
float: left;
}
.gk-nsp-pages-1 {
width: 100%;
}
.gk-nsp-pages-2 {
width: 200%;
}
.gk-nsp-pages-3 {
width: 300%;
}
.gk-nsp-pages-4 {
width: 400%;
}
.gk-nsp-pages-5 {
width: 500%;
}
.gk-nsp-pages-6 {
width: 600%;
}
.gk-nsp-pages-7 {
width: 700%;
}
.gk-nsp-pages-8 {
width: 800%;
}
.gk-nsp-pages-9 {
width: 900%;
}
.gk-nsp-pages-10 {
width: 1000%;
}
.gk-nsp-cols-1 {
width: 100%;
}
.gk-nsp-cols-2 {
width: 50%;
}
.gk-nsp-cols-3 {
width: 33.333333%;
}
.gk-nsp-cols-4 {
width: 25%;
}
.gk-nsp-cols-5 {
width: 20%;
}
.gk-nsp-cols-6 {
width: 16.666666%;
}
.gk-nsp-cols-7 {
width: 14.285714%;
}
.gk-nsp-cols-8 {
width: 12.5%;
}
.gk-nsp-cols-9 {
width: 11.111111%;
}
.gk-nsp-cols-10 {
width: 10%;
}
.gk-nsp-cols-1,
.gk-nsp-cols-2:nth-child(2n+1),
.gk-nsp-cols-3:nth-child(3n+1),
.gk-nsp-cols-4:nth-child(4n+1),
.gk-nsp-cols-5:nth-child(5n+1),
.gk-nsp-cols-6:nth-child(6n+1),
.gk-nsp-cols-7:nth-child(7n+1),
.gk-nsp-cols-8:nth-child(8n+1),
.gk-nsp-cols-9:nth-child(9n+1),
.gk-nsp-cols-10:nth-child(10n+1) {
clear: both;
}
.gk-nsp-arts-scroll,
.gk-nsp-links-scroll {
overflow: hidden;
} .gk-nsp-art .gk-nsp-stars {
display: inline-block;
padding: 5px 10px 5px 0!important;
}
.gk-nsp-art .gk-nsp-star-0:before,
.gk-nsp-art .gk-nsp-star-1:before {
content: "★";
color: #6c6c6c;
font-family: Arial, sans-serif;
font-size: 14px;
}
.gk-nsp-art .gk-nsp-star-1:before {
color: #f7a834;
} @media (max-width: 600px) {
.gk-nsp .gk-nsp-art {
border-top: 1px solid #e5e5e5;
border-left: none;
padding-bottom: 20px;
padding-top: 20px;
width: 100%;
}
.gk-nsp .gk-nsp-art:first-child {
border-top: none;
}
}#TB_overlay {
background: #000;
opacity: 0.7;
filter: alpha(opacity=70);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100050; }
#TB_window {
position: fixed;
background-color: #fff;
z-index: 100050; visibility: hidden;
text-align: left;
top: 50%;
left: 50%;
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
}
#TB_window img#TB_Image {
display: block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height: 25px;
padding: 7px 30px 10px 25px;
float: left;
}
#TB_closeWindow {
height: 25px;
padding: 11px 25px 10px 0;
float: right;
}
#TB_closeWindowButton {
position: absolute;
left: auto;
right: 0;
width: 29px;
height: 29px;
border: 0;
padding: 0;
background: none;
cursor: pointer;
outline: none;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
transition: color .1s ease-in-out, background .1s ease-in-out;
}
#TB_ajaxWindowTitle {
float: left;
font-weight: 600;
line-height: 29px;
overflow: hidden;
padding: 0 29px 0 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: calc( 100% - 39px );
}
#TB_title {
background: #fcfcfc;
border-bottom: 1px solid #ddd;
height: 29px;
}
#TB_ajaxContent {
clear: both;
padding: 2px 15px 15px 15px;
overflow: auto;
text-align: left;
line-height: 1.4em;
}
#TB_ajaxContent.TB_modal {
padding: 15px;
}
#TB_ajaxContent p {
padding: 5px 0px 5px 0px;
}
#TB_load {
position: fixed;
display: none;
z-index: 100050;
top: 50%;
left: 50%;
background-color: #E8E8E8;
border: 1px solid #555;
margin: -45px 0 0 -125px;
padding: 40px 15px 15px;
}
#TB_HideSelect {
z-index: 99;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
border: none;
filter: alpha(opacity=0);
opacity: 0;
height: 100%;
width: 100%;
}
#TB_iframeContent {
clear: both;
border: none;
}
.tb-close-icon {
display: block;
color: #666;
text-align: center;
line-height: 29px;
width: 29px;
height: 29px;
position: absolute;
top: 0;
right: 0;
}
.tb-close-icon:before {
content: "\f158";
content: "\f158" / '';
font: normal 20px/29px dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#TB_closeWindowButton:hover .tb-close-icon,
#TB_closeWindowButton:focus .tb-close-icon {
color: #006799;
}
#TB_closeWindowButton:focus .tb-close-icon {
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}