/*
#------------------------------------------------------------------------
# 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 { 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; border-radius: 24px; margin-right: 5px; transition: background 0.25s ease-out, color 0.15s ease-out; }
.gkTab ul.gkTabs li span { display: block; }
.gkTab ul.gkTabs li:hover { color: #353639; cursor: pointer; }
.gkTab ul.gkTabs 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 { color: #fff; border: none; font-size: 17px; padding: 0 20px!important; border-radius: 24px; }
#gkBottom1 ul.gkTabs li:hover,
#gkTop1 ul.gkTabs li:hover,
#gkLeft ul.gkTabs li:hover,
#gkRight ul.gkTabs 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 { background: #fff; color: #e25527; }
/* Mainbody */
.big .gkTabContainer0 { background: #fff; border-radius: 12px; }
.big .gkTabItemSpace { padding: 45px; }
.big .gkTab ul.gkTabs li { height: 200px; 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 { opacity: 0.85;  }
.nspLinks h4 a { }
.nspLinks h4 a:hover,
.nspArt h4.nspHeader a:hover { }
.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; }
a.nspComments { }

/* 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 .nspPagination li.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%; opacity: 0; transition: opacity 1.0s ease-out; overflow: hidden; }
.gkIsWrapper-gk_appsprotech.loaded .gkIsImage { opacity: 1; }
.gkIsWrapper-gk_appsprotech .gkIsPreloader { position:absolute; z-index:128; top:50%; left:50%; width:8px; height:8px; border-radius: 50%; text-indent: -9999px; display: block; background: #f67c40; margin: -4px 0 0 -4px; animation-name: preloader; 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; } }
.slide-links .gk_is_slide { cursor:pointer; }
.gkIsWrapper-gk_appsprotech .gkIsPagination { width:100%; height:50px; text-align: center; position: absolute; bottom: -100px; 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; border-radius: 50%; 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 .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; border-radius: 50%; cursor: pointer; transform: scale(0); opacity: 0; transition: background-color 0.3s ease-out, transform 0.3s ease-out, left 0.3s linear, right 0.3s linear, opacity 0.3s linear; }
.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; transform: scale(0.85)!important; }
.gkIsWrapper-gk_appsprotech.loaded .gkIsPrev { left: 0; opacity: 1; transform: scale(1.0); }
.gkIsWrapper-gk_appsprotech.loaded .gkIsNext { right: 0; opacity: 1; 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 { transform: scale(0); transition: transform 0.5s ease-out, margin-top 0.25s ease-out; }
.gkIsWrapper-gk_appsprotech .gkIsText.active,
.gkIsWrapper-gk_appsprotech .gkIsSlide.active { transform: scale(1.0); }
.gkIsWrapper-gk_appsprotech .gkIsText { margin-top: 60px; }
.gkIsWrapper-gk_appsprotech .gkIsText.active { margin-top: 0; }