/*
#------------------------------------------------------------------------
# AppsPro Tech -March Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License:  Copyrighted Commercial Software
# Website:  http://www.gavick.com
# Support:  support@gavick.com
 */
/*
 * Tabs Module
 */
.gkTab {
  position: relative;
}

.gkTabWrap {
  margin: 0 auto;
}

.gkTab ul.gkTabs {
  height: 30px;
  padding: 0;
}

.gkTab ul.gkTabs li,
.gkTabsWrap.vertical ol li  {
  float: left;
  padding: 0 23px !important;
  height: 30px;
  line-height: 31px !important;
  list-style-type: none;
  background: none;
  color: #e25527;
  font-size: 18px;
  border: 1px solid #eee;

  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  margin-right: 5px;

  -webkit-transition: background 0.25s ease-out, color 0.15s ease-out;
  -moz-transition: background 0.25s ease-out, color 0.15s ease-out;
  -o-transition: background 0.25s ease-out, color 0.15s ease-out;
  -ms-transition: background 0.25s ease-out, color 0.15s ease-out;
  transition: background 0.25s ease-out, color 0.15s ease-out;
}

.gkTab ul.gkTabs li span {
  display: block;
}

.gkTab ul.gkTabs li:hover,
.gkTabsWrap.vertical ol li:hover {
  color: #353639;
  cursor: pointer;
}

.gkTab ul.gkTabs li.active,
.gkTabsWrap.vertical ol li.active {
  color: #353639;
}

.gkTabContainer0 {
  clear: both;
  margin: 0;
}

.gkTabContainer1 {
  overflow: hidden;
}

.gkTabItem {
  float: left;
  overflow: hidden;
  padding: 0;
}

.gkTabButtonNext,.gkTabButtonPrev {
  display: none;
}

.gkTabContainer0,.gkTabContainer1,.gkTabContainer2 {
  position: relative;
}

.gkTabItem {
  position: absolute;
  left: -999em;
  top: 0;
  width: 100%;
}

.gkTabItem.active {
  position: static;
  left: 0;
}

.gkTabItemSpace {
  padding: 24px 0;
}

/* color areas */
#gkBottom1 ul.gkTabs li,#gkTop1 ul.gkTabs li,#gkLeft ul.gkTabs li,#gkRight ul.gkTabs li,#gkBottom1 .gkTabsWrap.vertical ol li,
#gkTop1 .gkTabsWrap.vertical ol li, #gkLeft .gkTabsWrap.vertical ol li, #gkRight .gkTabsWrap.vertical ol li  {
  color: #ee6934;
  border: none;
  font-size: 17px;
  padding: 0 20px !important;

  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}

#gkBottom1 ul.gkTabs li:hover,#gkTop1 ul.gkTabs li:hover,#gkLeft ul.gkTabs li:hover,#gkRight ul.gkTabs li:hover, .gkTabsWrap.vertical ol li:hover {
  background: transparent;
  color: #ffb69e;
}

#gkBottom1 ul.gkTabs li.active,#gkTop1 ul.gkTabs li.active,#gkLeft ul.gkTabs li.active,#gkRight ul.gkTabs li.active, 
#gkBottom1 .gkTabsWrap.vertical ol li.active, #gkTop1 .gkTabsWrap.vertical ol li.active, #gkLeft .gkTabsWrap.vertical ol li.active,
#gkRight .gkTabsWrap.vertical ol li.active {
  background: #fff;
  color: #e25527;
}

/* Mainbody */
.big .gkTabContainer0 {
  background: #fff;

  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.big .gkTabItemSpace {
  padding: 45px;
}

.big .gkTab ul.gkTabs li {
  height: 152px;
  width: 240px;
  line-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: url('../images/style1/tabs_small_icons.png') no-repeat 0 0;
  overflow: hidden;
  text-align: center;
  font-size: 32px !important;
  color: #fff;
}

.big .gkTab ul.gkTabs + .gkArrow {
  height: 29px;
}

.big .gkTab ul.gkTabs + .gkArrow div {
  height: 29px;
  margin-left: 100px;
  width: 33px;
  background: transparent url('../images/style1/tabs_arrow.png') no-repeat 0 0;
}

.big .gkTab ul.gkTabs {
  height: 200px;
  margin-bottom: 45px;
}

.big .gkTab ul.gkTabs li {
  border: none !important;
}

.big .gkTab ul.gkTabs li.gkTab-1 {
  background-position: 45px 0;
}

.big .gkTab ul.gkTabs li.gkTab-1:hover,.big .gkTab ul.gkTabs li.gkTab-1.active {
  background-position: 45px -200px;
}

.big .gkTab ul.gkTabs li.gkTab-2 {
  background-position: -155px 0;
}

.big .gkTab ul.gkTabs li.gkTab-2:hover,.big .gkTab ul.gkTabs li.gkTab-2.active {
  background-position: -155px -200px;
}

.big .gkTab ul.gkTabs li.gkTab-3 {
  background-position: -355px 0;
}

.big .gkTab ul.gkTabs li.gkTab-3:hover,.big .gkTab ul.gkTabs li.gkTab-3.active {
  background-position: -355px -200px;
}

.big .gkTab ul.gkTabs li.gkTab-4 {
  background-position: -555px 0;
}

.big .gkTab ul.gkTabs li.gkTab-4:hover,.big .gkTab ul.gkTabs li.gkTab-4.active {
  background-position: -555px -200px;
}

.big .gkTab ul.gkTabs li.gkTab-5 {
  background-position: -755px 0;
}

.big .gkTab ul.gkTabs li.gkTab-5:hover,.big .gkTab ul.gkTabs li.gkTab-5.active {
  background-position: -755px -200px;
}

.big .gkTab ul.gkTabs li.gkTab-6 {
  background-position: -955px 0;
}

.big .gkTab ul.gkTabs li.gkTab-6:hover,.big .gkTab ul.gkTabs li.gkTab-6.active {
  background-position: -955px -200px;
}

.big .gkTab ul.gkTabs li.gkTab-7 {
  background-position: -1155px 0;
}

.big .gkTab ul.gkTabs li.gkTab-7:hover,.big .gkTab ul.gkTabs li.gkTab-7.active {
  background-position: -1155px -200px;
}

.big .gkTab ul.gkTabs li.gkTab-8 {
  background-position: -1355px 0;
}

.big .gkTab ul.gkTabs li.gkTab-8:hover,.big .gkTab ul.gkTabs li.gkTab-8.active {
  background-position: -1355px -200px;
}

/*
 * News Show Pro GK4
 */
.nsp {
  position: relative;
}

.nspMain {
  overflow: hidden;
}

/* interface */
.nspBotInterface,.nspTopInterface {
  overflow: hidden;
  width: auto;
  margin: 0;
}

.nspBotInterface {
  margin: 0;
  padding: 5px 0 0 0;
}

.nspTopInterface div {
  position: absolute;
  right: 0;
  padding: 0 3px;
}

.nspBotInterface div {
  float: right;
  margin-top: 2px;
}

#gkContent .nspTopInterface div {
  top: 15px !important;
}

#gkContent .color2 .nspTopInterface div {
  top: 30px !important;
}

/* pagination */
.nspBotInterface .nspPagination li,.nspTopInterface .nspPagination li,.nspBotInterface .nspPagination li.active,.nspTopInterface .nspPagination li.active {
  display: block;
  float: left;
  border: none !important;
  width: 12px;
  height: 12px;
  margin: 2px 4px 0 0 !important;
  padding: 0 !important;
  background: transparent url('../images/style1/nsp_interface.png') no-repeat 0 -12px;
  text-indent: -999px !important;
  cursor: pointer;
  overflow: hidden;
}

.nspBotInterface .nspPagination li:hover,.nspBotInterface .nspPagination li.active,.nspTopInterface .nspPagination li:hover,.nspTopInterface .nspPagination li.active {
  background-position: 0 0;
  cursor: pointer;
}

.nspTopInterface .nspPagination,.nspBotInterface .nspPagination {
  border: none !important;
  float: left;
  width: auto;
  padding: 0 !important;
  list-style-type: none;
  margin: 3px 0 0 0;
}

.nspBotInterface .nspCounter,.nspTopInterface .nspCounter {
  padding: 4px 8px !important;
  font-size: 10px;
  font-weight: normal !important;
  height: 10px;
  line-height: 10px;
  background: transparent;
  color: #ccc !important;
  cursor: pointer;
  float: left;
  margin: 0 0 0 8px !important;
}

.nspBotInterface .nspCounter span,.nspTopInterface .nspCounter span {
  color: #dfdfdf !important;
}

/* buttons:  prev & next */
.nspBotInterface,.nspTopInterface {
  margin: 0 !important;
}

.nspTopInterface div {
  top: 6px !important;
}

.nspBotInterface .nspPrev,.nspTopInterface .nspPrev,.nspBotInterface .nspNext,.nspTopInterface .nspNext {
  display: block;
  float: left;
  border: none !important;
  height: 20px;
  width: 19px;
  margin: 1px 0 0 2px;
  background: transparent url('../images/style1/nsp_interface.png') no-repeat -12px 0;
  cursor: pointer;
  text-indent: 999px;
  padding: 0 !important;
  overflow: hidden;
}

.nspBotInterface .nspNext,.nspTopInterface .nspNext {
  background-position: -31px 0;
  margin-left: 4px;
}

.nspBotInterface .nspPrev:hover,.nspTopInterface .nspPrev:hover {
  background-position: -12px -20px;
}

.nspBotInterface .nspNext:hover,.nspTopInterface .nspNext:hover {
  background-position: -31px -20px;
}

/* article layout */
.nspArts {
  overflow: hidden;
}

.nspArt > div {
  overflow: hidden;
  padding: 0 10px;
  font-size: 12px;
}

.nspArt .nspHeader {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 12px;
}

.nspArt img {
  border: none;
  padding: 0;
  max-width: inherit !important;
}

.nspArt img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  opacity: 0.85;
}

.nspArt p.nspText {
  margin-top: 0 !important;
  line-height: 1.4;
}

.nspArt p.nspInfo {
  font-size: 11px;
  margin: 6px 0;
}

.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;
  width: 100%;
  float: none;
}

.nspArt {
  float: left;
}

.nspReadon_class.left,.nspReadon_class.right,.nspReadon_class.center {
  clear: both;
}

.nspReadon_class.left {
  float: left;
}

.nspReadon_class.right {
  float: right;
}

.nspReadon_class.center {
  display: inline;
  float: none;
}

.nspLinks > div.nspLinkScroll1 > div > ul li {
  list-style-type: none !important;
  background: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  margin-right: 0 !important;
}

.nspLinks > div.nspLinkScroll1 > div > ul li:first-child {
  padding-top: 0px;
}

.nspLinks ul li h4 {
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.2 !important;
}

.nspLinks ul li p {
  margin: 0;
  font-size: 12px;
  line-height: 130%;
}

.nspLinks > div.nspLinkScroll1 > div > ul li {
  margin: 0;
  padding: 10px 0;
  height: auto;
  border-bottom: none;
}

.nspLinks > div.nspLinkScroll1 > div > ul {
  padding: 0;
  margin: 0;
  list-style-type: none !important;
  clear: none !important;
}

.nspArts.left {
  float: right;
  text-align: inherit !important;
}

.nspLinksWrap.left {
  float: left;
  text-align: inherit !important;
}

.nspArts.right {
  float: left;
  text-align: inherit !important;
}

.nspLinksWrap.right {
  float: right;
  text-align: inherit !important;
}

.nspMain .unvisible {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.nspAvatar {
  margin-bottom: -5px;
}

.nspArt .nspReadon {
  margin-top: 14px;
}

.nspText .readon {
  display: inline !important;
  float: none !important;
}

/* content on white bg */
#gkContent .nspBotInterface .nspPagination li,#gkContent .nspTopInterface .nspPagination li,.gkColumns .color2 .nspBotInterface .nspPagination li,.gkColumns .color2 .nspTopInterface .nspPagination li {
  background-position: 0 -40px;
}

#gkContent .nspBotInterface .nspPagination li:hover,#gkContent .nspBotInterface .nspPagination li.active,#gkContent .nspTopInterface .nspPagination li:hover,#gkContent .nspTopInterface .nspPaginationli.active,.gkColumns .color2 .nspBotInterface .nspPagination li:hover,.gkColumns .color2 .nspBotInterface .nspPagination li.active,.gkColumns .color2 .nspTopInterface .nspPagination li:hover,.gkColumns .color2.nspTopInterface .nspPagination li.active {
  background-position: 0 -52px;
}

#gkContent .nspBotInterface .nspPrev,#gkContent .nspTopInterface .nspPrev,.gkColumns .color2 .nspBotInterface .nspPrev,.gkColumns .color2 .nspTopInterface .nspPrev {
  background-position: -12px -40px;
}

#gkContent .nspBotInterface .nspNext,#gkContent .nspTopInterface .nspNext,.gkColumns .color2 .nspBotInterface .nspNext,.gkColumns .color2 .nspTopInterface .nspNext {
  background-position: -31px -40px;
}

#gkContent .nspBotInterface .nspPrev:hover,#gkContent .nspTopInterface .nspPrev:hover,.gkColumns .color2 .nspBotInterface .nspPrev:hover,.gkColumns .color2 .nspTopInterface .nspPrev:hover {
  background-position: -12px -60px;
}

#gkContent .nspBotInterface .nspNext:hover,#gkContent .nspTopInterface .nspNext:hover,.gkColumns .color2 .nspBotInterface .nspNext:hover,.gkColumns .color2 .nspTopInterface .nspNext:hover {
  background-position: -31px -60px;
}

/* suffix color2 */
#gkContent .color2 .nspHeader,#gkContent .color2 .nspHeader a {
  color: #fff !important;
}

#gkContent .color2 .nspHeader a:active,#gkContent .color2 .nspHeader a:focus,#gkContent .color2 .nspHeader a:hover {
  color: #fab995 !important;
}

#gkContent .color2 .nspText {
  color: #fff;
}

#gkContent .color2 .nspInfo {
  color: #ffb69e;
}

#gkContent .color2 .nspLinks ul li p {
  color: #fff;
}

#gkContent .color2 .nspLinks > div.nspLinkScroll1 > div > ul li {
  border-color: #ffb69e !important;
}

#gkContent .color2 .nspBotInterface .nspPagination li,#gkContent .color2 .nspTopInterface .nspPagination li {
  background-position: 0 -12px;
}

#gkContent .color2 .nspBotInterface .nspPagination li:hover,#gkContent .color2 .nspBotInterface .nspPagination li.active,#gkContent .color2 .nspTopInterface .nspPagination li:hover,#gkContent .color2.nspTopInterface .nspPagination li.active {
  background-position: 0 0;
}

#gkContent .color2 .nspBotInterface .nspPrev,#gkContent .color2 .nspTopInterface .nspPrev {
  background-position: -12px 0;
}

#gkContent .color2 .nspBotInterface .nspNext,#gkContent .color2 .nspTopInterface .nspNext {
  background-position: -31px 0;
}

#gkContent .color2 .nspBotInterface .nspPrev:hover,#gkContent .color2 .nspTopInterface .nspPrev:hover {
  background-position: -12px -20px;
}

#gkContent .color2 .nspBotInterface .nspNext:hover,#gkContent .color2 .nspTopInterface .nspNext:hover {
  background-position: -31px -20px;
}

/* suffix dark */
.dark .nspHeader,.dark .nspHeader a,.dark .nspLinks ul li h4 a {
  color: #d5d5d5 !important;
}

.dark .nspHeader a:active,.dark .nspHeader a:focus,.dark .nspHeader a:hover {
  color: #fff !important;
}

.dark .nspText,.dark .nspLinks ul li p {
  color: #868686;
}

.dark .nspInfo {
  color: #ddd;
}

.dark .nspLinks > div.nspLinkScroll1 > div > ul li {
  border-color: #333 !important;
}

.dark .nspBotInterface .nspPagination li,.dark .nspTopInterface .nspPagination li,.dark .nspBotInterface .nspPagination li.active,.dark .nspTopInterface .nspPagination li.active {
  background-position: 0 -80px;
}

.dark .nspBotInterface .nspPagination li:hover,.dark .nspBotInterface .nspPagination li.active,.dark .nspTopInterface .nspPagination li:hover,.dark .nspTopInterface .nspPagination li.active {
  background-position: 0 -92px;
}

.dark .nspBotInterface .nspPrev,.dark .nspTopInterface .nspPrev {
  background-position: -12px -80px;
}

.dark .nspBotInterface .nspNext,.dark .nspTopInterface .nspNext {
  background-position: -31px -80px;
}

.dark .nspBotInterface .nspPrev:hover,.dark .nspTopInterface .nspPrev:hover {
  background-position: -12px -100px;
}

.dark .nspBotInterface .nspNext:hover,.dark .nspTopInterface .nspNext:hover {
  background-position: -31px -100px;
}

.dark .nspTopInterface div,.color2 .nspTopInterface div,.border .nspTopInterface div {
  top: 22px !important;
  right: 15px;
}

/* suffix big */
.big .nspArt > div {
  border-bottom: 1px solid #ffb69e;
}

.big .nspHeader {
  font-size: 26px;
}

/* Image Show GK4 */
.gkIsWrapper-gk_appsprotech ::selection {
  background: transparent !important;
}

.gkIsWrapper-gk_appsprotech {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

.gkIsWrapper-gk_appsprotech .gkIsImage {
  position: relative;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;

  -webkit-transition: opacity 1.0s ease-out;
  -moz-transition: opacity 1.0s ease-out;
  -o-transition: opacity 1.0s ease-out;
  -ms-transition: opacity 1.0s ease-out;
  transition: opacity 1.0s ease-out;
  overflow: hidden;
}

.gkIsWrapper-gk_appsprotech.loaded .gkIsImage {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.gkIsWrapper-gk_appsprotech .gkIsPreloader {
  position: absolute;
  z-index: 128;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-indent: -9999px;
  display: block;
  background: #f67c40;
  margin: -4px 0 0 -4px;

  -webkit-animation-name: preloader;
  -moz-animation-name: preloader;
  -ms-animation-name: preloader;
  -o-animation-name: preloader;
  animation-name: preloader;

  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-duration: 0.35s;
  animation-direction: alternate;
}

@keyframes "preloader" {
 from {
    width: 8px;
     height: 8px;
     background: #f67c40;
     margin: -4px 0 0 -4px;
 }
 to {
    width: 12px;
     height: 12px;
     background: #fff;
     margin: -6px 0 0 -6px;
 }

}

@-moz-keyframes preloader {
 from {
   width: 8px;
   height: 8px;
   background: #f67c40;
   margin: -4px 0 0 -4px;
 }
 to {
   width: 12px;
   height: 12px;
   background: #fff;
   margin: -6px 0 0 -6px;
 }

}

@-webkit-keyframes "preloader" {
 from {
   width: 8px;
   height: 8px;
   background: #f67c40;
   margin: -4px 0 0 -4px;
 }
 to {
   width: 12px;
   height: 12px;
   background: #fff;
   margin: -6px 0 0 -6px;
 }

}

@-ms-keyframes "preloader" {
 from {
   width: 8px;
   height: 8px;
   background: #f67c40;
   margin: -4px 0 0 -4px;
 }
 to {
   width: 12px;
   height: 12px;
   background: #fff;
   margin: -6px 0 0 -6px;
 }

}

@-o-keyframes "preloader" {
 from {
   width: 8px;
   height: 8px;
   background: #f67c40;
   margin: -4px 0 0 -4px;
 }
 to {
   width: 12px;
   height: 12px;
   background: #fff;
   margin: -6px 0 0 -6px;
 }

}

.slide-links .gk_is_slide {
  cursor: pointer;
}

.gkIsWrapper-gk_appsprotech .gkIsPagination {
  width: 100%;
  height: 50px;
  text-align: center;
  position: absolute;
  bottom: -100px;

  -webkit-transition: bottom 0.3s ease-out;
  -moz-transition: bottom 0.3s ease-out;
  -o-transition: bottom 0.3s ease-out;
  -ms-transition: bottom 0.3s ease-out;
  transition: bottom 0.3s ease-out;
  z-index: 100;
}

.gkIsWrapper-gk_appsprotech.loaded .gkIsPagination {
  bottom: 0px;
}

.gkIsWrapper-gk_appsprotech .gkIsPagination:before,.gkIsWrapper-gk_appsprotech .gkIsPagination:after {
  background: transparent url('../images/style1/pagination_lines.png') no-repeat center bottom;
  content: "";
  height: 50px;
  width: 40%;
  right: 0;
  position: absolute;
  z-index: 101;
}

.gkIsWrapper-gk_appsprotech .gkIsPagination:before {
  background-position: center 0;
  left: 0;
  right: auto;
}

.gkIsWrapper-gk_appsprotech .gkIsPagination > ol {
  display: inline-block;
  position: relative;
  z-index: 102;
  list-style-type: none;
  padding: 13px 0 0 0;
  margin: 0;
}

.gkIsWrapper-gk_appsprotech .gkIsPagination > ol li {
  float: left;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  text-indent: -9999px;
}

.gkIsWrapper-gk_appsprotech .gkIsPagination > ol li:first-child {
  margin-left: 0;
}

.gkIsWrapper-gk_appsprotech .gkIsPagination > ol li a {
  display: block;
  margin: 4px;
  width: 16px;
  height: 16px;
  background: #f67c40;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.gkIsWrapper-gk_appsprotech .gkIsPagination > ol li.active a,.gkIsWrapper-gk_appsprotech .gkIsPagination > ol li:hover a {
  width: 24px;
  height: 24px;
  background: #fff;
  margin: 0;
}
.gkIsWrapper-gk_appsprotech {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.gkIsWrapper-gk_appsprotech .gkIsPrev,.gkIsWrapper-gk_appsprotech .gkIsNext {
  width: 70px;
  height: 70px;
  border: 4px solid #fff;
  background: transparent url('../images/style1/is_arrows.png') no-repeat 0 0;
  position: absolute;
  top: 50%;
  left: 30%;
  margin-top: -35px;
  text-indent: -9999px;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;

  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;

  -webkit-transition: background-color 0.3s ease-out, transform 0.3s ease-out, left 0.3s linear, right 0.3s linear, z-index:  127;
  -moz-transition: background-color 0.3s ease-out, transform 0.3s ease-out, left 0.3s linear, right 0.3s linear, z-index:  127;
  -o-transition: background-color 0.3s ease-out, transform 0.3s ease-out, left 0.3s linear, right 0.3s linear, z-index:  127;
  -ms-transition: background-color 0.3s ease-out, transform 0.3s ease-out, left 0.3s linear, right 0.3s linear, z-index:  127;
  transition: background-color 0.3s ease-out, transform 0.3s ease-out, left 0.3s linear, right 0.3s linear, z-index:  127;
}

.gkIsWrapper-gk_appsprotech .gkIsNext {
  right: 30%;
  left: auto;
  background-position: right 0;
}

.gkIsWrapper-gk_appsprotech .gkIsPrev:hover,.gkIsWrapper-gk_appsprotech .gkIsNext:hover {
  background-color: #353639;
  cursor: pointer;

  -webkit-transform: scale(0.85) !important;
  -moz-transform: scale(0.85) !important;
  -o-transform: scale(0.85) !important;
  -ms-transform: scale(0.85) !important;
  transform: scale(0.85) !important;
}

.gkIsWrapper-gk_appsprotech.loaded .gkIsPrev {
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;

  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -o-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
}

.gkIsWrapper-gk_appsprotech.loaded .gkIsNext {
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;

  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -o-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
}

.gkIsWrapper-gk_appsprotech .gkIsSlide {
  position: absolute;
  left: 50%;
  visibility: hidden;
}

.gkIsWrapper-gk_appsprotech .gkIsSlide:first-child {
  visibility: visible;
}

.gkIsWrapper-gk_appsprotech .gkIsText {
  display: block;
  position: absolute;
  left: 0;
  z-index: 127;
  text-align: center;
  text-transform: none;
  width: 100%;
}

.gkIsWrapper-gk_appsprotech .gkIsText h1 a {
  display: block;
  color: #fff;
  line-height: 46px;
  margin-top: 0;
}

.gkIsWrapper-gk_appsprotech .gkIsText h2 a {
  display: block;
  color: #ffc9b1;
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 40px;
}

.gkIsWrapper-gk_appsprotech .gkIsText a {
  color: #fff;
}

.gkIsWrapper-gk_appsprotech .gkIsText,.gkIsWrapper-gk_appsprotech .gkIsSlide {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);

  -webkit-transition: -webkit-transform 0.5s ease-out, margin-top 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, margin-top 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, margin-top 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, margin-top 0.25s ease-out;
  transition: transform 0.5s ease-out, margin-top 0.25s ease-out;
}

.gkIsWrapper-gk_appsprotech .gkIsText.active,.gkIsWrapper-gk_appsprotech .gkIsSlide.active {
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -o-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
}

.gkIsWrapper-gk_appsprotech .gkIsText {
  margin-top: 60px;
}

.gkIsWrapper-gk_appsprotech .gkIsText.active {
  margin-top: 0;
}
/* tabs */
.gkTabsWrap.vertical ol { 
  background: transparent!important;
  height:33px;
  margin:0!important; 
  padding: 0!important; 
}
/* containers */
.gkTabsContainer { 
  clear: both; 
  overflow: hidden;
  position: relative;
}
.gkTabsItem { 
  background: none;
  left: -9999px;
  padding: 15px 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}
.gkTabsItem.active {
  left: 0;
  position: relative;
  z-index: 2;
}
/* buttons prev/next */
.gkTabsButtonNext,
.gkTabsButtonPrev { 
  background: #fff;
  border-radius: 50%; 
  cursor: pointer; 
  height: 18px; 
  position: absolute;  
  right: 0; 
  font: 0/0px a;
  top: 43%;
  width: 18px;  
  z-index: 3; 
  position: relative;
  display: inline-block;
}

.gkTabsButtonPrev {  
  left: 0; 
  right:inherit; 
  float: left;
}
.gkTabsButtonNext:hover,
.gkTabsButtonPrev:hover { 
  background: #eee;
}
.gkTabsButtonNext:before,
.gkTabsButtonPrev:before {
  content: "›";
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 18px;
  line-height: 17px;
  text-align: center;
  width: 18px;
  margin-top: 1px;
}
.gkTabsButtonPrev:before {
  content: "‹";
}
#gkBottom1 .gkTabsWrap.vertical ol li,
#gkTop1 .gkTabsWrap.vertical ol li, #gkLeft .gkTabsWrap.vertical ol li, #gkRight .gkTabsWrap.vertical ol li {padding: 0 10px !important; text-align: center}