/*
#------------------------------------------------------------------------
# inStyle - November Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License:  Copyrighted Commercial Software
# Website:  http://www.gavick.com
# Support:  support@gavick.com
 */
 
/*
 * News Show Pro GK5
 */

.nspMain { position: relative; }
/* Pagination */
.nspBotInterface,
.nspTopInterface {
  clear: both;
  float: right;
  margin: 5px 0;
}
.nspTopInterface {
  position: absolute;
  right: 0;
  top: -54px;
}
.nspBotInterface .nspPagination { margin-top: 0; }
/* 
  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: 3px 0 0 0!important;
  padding: 0!important;
}
.nspPagination li {
  background: #ccc;
  border: none!important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  float: left;
  height: 8px;
  margin: 4px 4px 0 0!important;
  padding: 0;
  text-indent: -999em;
  width: 8px;
}
.nspPagination li:hover,
.nspPagination li.active { background-color: #b06339; }
.nspNext,
.nspPrev {
  cursor: pointer;
  float: left;
  height: 16px;
  margin: 0 2px;
  text-indent: -9999px;
  width: 10px;
}
.nspNext:after,
.nspPrev:after {
  color: #111;
  display: block;
  float: left;
  font-family: FontAwesome;
  font-size: 22px;
  line-height: 22px;
  text-indent: 0;
}
.nspNext:after {
  color: #ccc;
  content: '\f105';
}
.nspPrev:after {
  color: #ccc;
  content: '\f104';
}
.nspNext:hover:after,
.nspPrev:hover:after { color: #b06339; }
/* Articles layout */
.nspArts {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
}
.nspArtPage { float: left; }
.nspArt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.nspArt div { overflow: hidden; }
.nspArt h4.nspHeader {
  color: #111;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
}
.nspArt h4.nspHeader a { color: #111 !important}
.nspArt h4.nspHeader a:hover { color: #B06339 !important }

.nspArt img.nspImage {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
.nspArt .nspImageWrapper {
  display: block;
  overflow: hidden;
}
.nspArt .nspImageWrapper img {
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
.nspArt .nspImageWrapper:hover img {
  -webkit-transform: scale(1.2) rotate(-5deg);
  -moz-transform: scale(1.2) rotate(-5deg);
  -ms-transform: scale(1.2) rotate(-5deg);
  -o-transform: scale(1.2) rotate(-5deg);
  transform: scale(1.2) rotate(-5deg);
}
.nspArt p.nspText {
  display: block!important;
  line-height: 1.6;
  margin: 0;
  padding: 0!important;
}
.nspArt p.nspInfo {
  color: #999;
  display: block!important;
  font-size: 12px;
  padding: 5px 0;
}
.nspArt p.nspInfo > * { padding-left: 10px; }
.nspArt p.nspInfo > *:first-child { padding-left: 0; }
.nspArt p.nspInfo img { vertical-align: middle; }
.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.inline { border: none; padding: 0; }
.readon.fleft,
.readon.fright,
.readon.fcenter { clear: both; }
.readon.fleft { float: left; }
.readon.fright { float: right; }
.readon.fcenter {
  display: inline;
  float: none;
}
.nspAvatar { }
/* Links layout */
.nspLinks {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
}
.nspList { float: left; }
.nspLinks ul {
  list-style-type: none!important;
  padding: 0!important;
}
.nspLinks .nspLinkScroll1 ul li {
  border: none;
  margin: 0!important;
  padding: 16px 0;
}
.nspLinks ul li h4 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.nspLinks ul li h4 a { text-decoration: none; }
.nspLinks ul li {
  border-top: 1px solid #e5e5e5!important;
}
.nspLinks ul li:first-child {
  border-top: none!important;
}
.nspLinks ul li p {
  margin: 0;
}
/* 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%; }
.nspArtScroll1,
.nspLinkScroll1 {
  overflow: hidden;
  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%; }
.nspCol1 { width: 100%; }
.nspCol2 { width: 50%; }
.nspCol3 { width: 33.3%; }
.nspCol4 { width: 25%; }
.nspCol5 { width: 20%; }
.nspCol6 { width: 16.66%; }
.nspCol7 { width: 14.285%; }
.nspCol8 { width: 12.5%; }
.nspCol9 { width: 11.1%; }
.nspCol10 { width: 10%; }
.nspCol11 { width: 9.09%; }
.nspCol12 { width: 8.33%; }
.nspCol13 { width: 7.69%; }
.nspCol14 { width: 7.14%; }
.nspCol15 { width: 6.66%; }
.nspCol16 { width: 6.25%; }
.nspCol17 { width: 5.88%; }
.nspCol18 { width: 5.55%; }
.nspCol19 { width: 5.26%; }
.nspCol20 { width: 5%; }
/* Animation */
.nspList,
.nspArtPage {
  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;
}
.nspList.active,
.nspArtPage.active { opacity: 1; }
/* Suffix dark */
.box.dark a.readon { background: #b06339; }
.box.dark a.readon:active,
.box.dark a.readon:focus,
.box.dark a.readon:hover {
  background: #fff!important;
  color: #111!important;
}
.box.dark .nspLinks ul li {
  border-top-color: #444!important;
}

/* Suffix products */
.box.products {
  padding-top: 33px;
}
.box.products .nspArts {
  margin: -25px -10px -20px -10px;
  padding: 0;
  width: auto!important;
}
.box.products .nspArt .nspHeader {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  max-width: 70%;
  padding: 0;
}
.box.products .nspArt .nspInfo {
  color: #999;
  font-size: 12px;
  margin: 0;
}
.box.products .nspArt .nspInfo a {
  color: #999!important;
}
.box.products .nspArt .nspInfo a:active,
.box.products .nspArt .nspInfo a:focus,
.box.products .nspArt .nspInfo a:hover {
  color: #b06339!important;
}
.box.products .nspArt .nspInfo2 {
  margin: 0;
  padding: 0;
}
.box.products .nspArt > div {
  color: #d2332b;
  float: right;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.2;
}
.box.products .nspArt > div > div {
  color: #d2332b;
}

/* Suffix grid2 */
.grid2 .nspArts {
  margin: 0 -10px;
}
.grid2 .gkArtContentWrap,
.grid3 .gkArtContentWrap {
  padding: 20px 30px;
}
.grid2 .nspHeader,
.grid3 .nspHeader  {
  font-size: 14px!important;
  padding: 0!important;
}
.grid2 .nspInfo,
.grid3 .nspInfo {
  color: #999!important;
  font-size: 12px!important;
  margin: 0 0 10px 0;
}
.grid2 .nspText,
.grid3 .nspText {
  color: #444!important;
  font-size: 14px!important;
}
.grid2 .nspImageWrapper,
.grid3 .nspImageWrapper {
  max-width: 48%;
}
.grid2 .nspArt:nth-child(3) .nspImageWrapper,
.grid2 .nspArt:nth-child(4) .nspImageWrapper,
.grid2 .nspArt:nth-child(7) .nspImageWrapper,
.grid2 .nspArt:nth-child(8) .nspImageWrapper,
.grid3 .nspArt:nth-child(4) .nspImageWrapper,
.grid3 .nspArt:nth-child(5) .nspImageWrapper,
.grid3 .nspArt:nth-child(6) .nspImageWrapper,
.grid3 .nspArt:nth-child(10) .nspImageWrapper,
.grid3 .nspArt:nth-child(11) .nspImageWrapper,
.grid3 .nspArt:nth-child(12) .nspImageWrapper {
  float: right!important;
}

/*
 * GK Image Show - CSS style
 */
 
.gkIsWrapper-gk_shop_and_buy {
  height: auto;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.gkIsWrapper-gk_shop_and_buy .gkIsPreloader {
  background: #f1f1f1 url('../images/loader_is.gif') no-repeat center center;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 101;
}

.gkIsWrapper-gk_shop_and_buy .gkIsPreloader span {
  height: 16px;
  left: 50%;
  margin: -8px 0 0 -8px;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  width: 16px;
}

.gkIsWrapper-gk_shop_and_buy .figure {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.gkIsWrapper-gk_shop_and_buy img {
  display: block;
  height: auto;
  margin-left: 0%;
  position: relative;
  width: 100%;
}

.gkIsWrapper-gk_shop_and_buy .figcaption {
  top: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  padding: 25px 20px;
  position: absolute;
  width: 100%;
  z-index: 2;
  -webkit-transition: opacity 1s ease-out, margin-left 0.5s linear;
  -moz-transition: opacity 1s ease-out, margin-left 0.5s linear;
  -ms-transition: opacity 1s ease-out, margin-left 0.5s linear;
  -o-transition: opacity 1s ease-out, margin-left 0.5s linear;
  transition: opacity 1s ease-out, margin-left 0.5s linear;
}

.gkIsWrapper-gk_shop_and_buy .figcaption h3 {
  color: #fff;
  font-size: 75px;
  font-weight: 400;
  line-height: 40px;
  margin: 0 0 6px 0;
  text-align: center;
  text-transform: none;
}

.gkIsWrapper-gk_shop_and_buy .figcaption {
  margin-left: 0px;
}

.gkIsWrapper-gk_shop_and_buy .active .figcaption {
  margin-left: 0px;
}

.gkIsWrapper-gk_shop_and_buy .figcaption p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.gkIsWrapper-gk_shop_and_buy .active .figcaption p {
  margin: 0;
}

.gkIsWrapper-gk_shop_and_buy .figcaption a {
  color: #fff;
}

.gkIsWrapper-gk_shop_and_buy .figcaption a:active,
.gkIsWrapper-gk_shop_and_buy .figcaption a:focus,
.gkIsWrapper-gk_shop_and_buy .figcaption a:hover {
  color: #eee;
  color: rgba(255, 255, 255, 0.75);
}

.gkIsWrapper-gk_shop_and_buy ol {
  bottom: 20px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 10;
}

.gkIsWrapper-gk_shop_and_buy ol li {
  background: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 8px;
  line-height: 12px;
  padding: 0;
  text-indent: -9999px;
  width: 8px;
}

.gkIsWrapper-gk_shop_and_buy ol li:hover,
.gkIsWrapper-gk_shop_and_buy ol li.active {
  background: #b06339;
}

.gkIsWrapper-gk_shop_and_buy .gkIsImageWrapper {
  width: 100%;
}

.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="1"] { width: 100%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="2"] { width: 200%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="3"] { width: 300%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="4"] { width: 400%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="5"] { width: 500%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="6"] { width: 600%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="7"] { width: 700%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="8"] { width: 800%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="9"] { width: 900%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="10"] { width: 1000%; }

.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="1"] .figure { width: 100%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="2"] .figure { width: 50%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="3"] .figure { width: 33.33%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="4"] .figure { width: 25%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="5"] .figure { width: 20%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="6"] .figure { width: 16.66%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="7"] .figure { width: 14.28%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="8"] .figure { width: 12.5%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="9"] .figure { width: 11.11%; }
.gkIsWrapper-gk_shop_and_buy .gkIsImageScroll[data-amount="10"] .figure { width: 10%; }

/* Buttons */
.gkIsBtnPrev,
.gkIsBtnNext {
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 64px;
  margin: -32px 0 0 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  z-index: 2;
}
.gkIsBtnNext {
  right: -30px;
}
.gkIsBtnPrev {
  left: -30px;
}
.hover .gkIsBtnNext {
  right: 30px;
}
.hover .gkIsBtnPrev {
  left: 30px;
}
.gkIsBtnNext:before,
.gkIsBtnPrev:before {
  color: #fff;
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 48px;
  line-height: 64px;
}
.gkIsBtnPrev:before {
  content: "\f104";
}
.gkIsBtnNext:before {
  content: "\f105";
}
.gkIsBtnNext:hover:before,
.gkIsBtnPrev:hover:before {
  color: #eee;
}

/* 
 * Special Typography elements 
 */
#gkTopBar .gk-social {
  float: none;
}

#gkTopBar .gk-social > a,
#gkTopBar .gk-social > a i {
  color: #2C9CBC;
  position: static;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  margin-right: 5px;
}
#gkTopBar .gk-social > a:active > i,
#gkTopBar .gk-social > a:focus > i,
#gkTopBar .gk-social > a:hover > i {
  color: #fff;
}

#gkTopBar .custom > span {
  color: #999;
  float: right;
  font-size: 12px;
  line-height: 48px;
  margin-left: 70px;
}

#gkTopBar .custom > span > strong {
  color: #cfcfcf;
}

/* Columns in the content */
.gkCols {
  margin: 0 -30px;
  width: auto;
}
.gkCols > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 20px;
}
.gkCols[data-cols="2"] > div { width: 50%; }
.gkCols[data-cols="3"] > div { width: 33.333333%; }
.gkCols[data-cols="4"] > div { width: 25%; }
.gkCols[data-cols="5"] > div { width: 20%; }

/* Banners */
.gkBanner {
  background: #111;
  position: relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.gkBanner > h2 {
  color: #fff;
  font-size: 56px;
  line-height: 1;
  text-align: center;
  position: absolute;
  text-transform: none;
  top: 80px;
  width: 100%;
  z-index: 2;
}
.gkBanner > h2 > a {
  color: #fff;
}
.gkBanner > h2 > a > span {
  color: #fff;
  display: block;
  font-size: 66px;
  font-weight: 500;
  letter-spacing: -3px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.gkBanner > strong {
  bottom: 70px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}
.gkBanner > strong > a {
  background: #b06339;
  color: #fff;
  display: inline-block;
  padding: 0 4px;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.gkBanner > a {
  display: block;
  overflow: hidden;
}
.gkBanner > a > img {
  opacity: 1; filter: alpha(opacity=100);
  -webkit-transform: scale(1) rotateZ(0deg);
  -moz-transform: scale(1) rotateZ(0deg);
  -ms-transform: scale(1) rotateZ(0deg);
  -o-transform: scale(1) rotateZ(0deg);
  transform: scale(1) rotateZ(0deg);
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.gkBanner:hover > a > img {
  opacity: .65; filter: alpha(opacity=65);
  -webkit-transform: scale(1.2) rotateZ(-5deg);
  -moz-transform: scale(1.2) rotateZ(-5deg);
  -ms-transform: scale(1.2) rotateZ(-5deg);
  -o-transform: scale(1.2) rotateZ(-5deg);
  transform: scale(1.2) rotateZ(-5deg);
}
/* Newsletter */
.gk-newsletter input[type="email"] {
  border: 1px solid #e5e5e5;
  float: left;
  height: 40px;
  margin: 0 16px 0 0;
  width: 76%;
}
.gk-newsletter input[type="button"] {
  background: #111;
  border: none;
  color: #fff!important;
  float: left;
  font-size: 13px;
  font-weight: 500;
  height: 38px;
  padding: 0 14px;
  text-transform: uppercase;
}
.gk-newsletter input[type="button"]:active,
.gk-newsletter input[type="button"]:focus,
.gk-newsletter input[type="button"]:hover {
  background: #b06339;
}
.gk-newsletter input[type="email"]::-webkit-input-placeholder { 
  color: #bbb; 
}
.gk-newsletter input[type="email"]::-moz-placeholder {
  color: #bbb;
}
.gk-newsletter input[type="email"]:-ms-input-placeholder {
  color: #bbb; 
}
.gk-newsletter input[type="email"]:-moz-placeholder {
  color: #bbb; 
}
.gk-newsletter input[type="email"]:placeholder {
  color: #bbb;
}
/* Module in menu */

.gkMenu .nspArt h4.nspHeader { font-size: 14px; padding: 0}