/* NSP GK4 as a grid showcase */
.portfolio img.nspImage:hover, .portfolio .nspArt:hover img.nspImage{opacity:0.1;}
.portfolio h4.nspHeader {padding:0!important}
.portfolio h4.nspHeader a {display:block; height:1px; position:relative; z-index:-1; top:-125px; padding-left:25px; padding-right:25px; font-size:16px; line-height:24px;}
.portfolio .nspArt:hover h4.nspHeader a {position:relative; z-index:999!important; color:#333;}
.portfolio .nspImageWrapper{background:#fff;}

.nspMain {overflow: hidden;}
.gkTabsWrap h4.nspHeader a {color: #333!important;}

/* target IE8 only to fix floating issue*/
@media \0screen {  
	.nspArt img.nspImage {width: auto!important;}  
}  


/* Pagination */
.nspBotInterface,
.nspTopInterface { 
	margin: 0;
	overflow: hidden;
	top: 28px; 
	right: 0;
	position:absolute;
}

/* 
	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: 5px 4px 0 0!important; 
	text-indent:-999em; 
	width: 14px; 
}
.nspPagination li:hover,
.nspPagination li.active { 
	background-color: #999;
}
.nspNext,
.nspPrev { 
	background: #eee url('../images/nsp_interface.png') no-repeat -30px 0; 
	cursor: pointer;
	float: left; 
	height: 30px; 
	margin: 0 0 0 4px;
	text-indent: -999em;
	width: 30px;
}
.nspPrev {
	background-position: 0 0;
}
.nspNext:hover,
.nspPrev:hover { 
	background-color: #ddd;
}

/* Articles layout */
.nspArts { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	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 { 
	font-size: 14px;
	margin: 0;
	padding: 0 0 5px 0;
	cursor: pointer;
}
.nspArt h4.nspHeader a { 
	text-decoration: none;
}
.nspArt h4.nspHeader a:hover { }
.nspArt img.nspImage { 
	border: none;
	display: block;
	-webkit-transform: scale(1.0);	
	-moz-transform: scale(1.0);
}
.nspArt .nspImageWrapper {
	display: block;
}
.nspArt p.nspText { 
	display: block!important;
	margin: 0;
	padding: 0;
}
.nspArt p.nspText a { }
.nspArt p.nspText a:hover { }
.nspArt p.nspInfo { 
	display: block!important;
	font-size: 11px; 
	margin:0;
	text-transform:uppercase;
}
.nspArt p.nspInfo a {padding-left:3px; padding-right:3px; }
.nspArt p.nspInfo a:hover { }
.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; 
}
.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 { 
	background: #fff;
	border-top: 1px solid #eee;
	margin: 0!important;
	padding: 10px 0;
}
.nspLinks .nspLinkScroll1 ul li:first-child {
	border-top: none;
}
.nspLinks ul li:hover { }
.nspLinks ul li h4 { }
.nspLinks ul li h4 a { 
	text-decoration: none; 
}
.nspLinks ul li h4 a:hover { }
.nspLinks ul li p { }

/* 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 { 
	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 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;
}

/* Mobile */
@media (max-width: 800px) {
	.nspArts,
	.nspLinksWrap {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
	}
	.nspArt p.nspInfo { 
		font-size: 10px; 
	}

}

@media (max-width: 600px) {
	.nspArt {
		width: 100%;
	}
}

/* ====================  End  =================== */    

/* GK Tab - style 1 **/

.gkTab { position: relative; }
.gkTabWrap { margin: 0 auto; }
ul.gkTabs { margin:0!important; padding: 0!important; position:absolute; top:-45px; right:0;}
ul.gkTabs li { list-style-type: none; position: relative; line-height:28px!important; margin:0 0 0 6px!important; padding: 0 18px!important; border: none !important; background:#000!important; float: left; cursor: pointer;}
ul.gkTabs li:hover,
ul.gkTabs li.active {}
ul.gkTabs li:hover:first-child,
ul.gkTabs li.active:first-child {}
.gkTabContainer0 { clear: both; }
.gkTabContainer1 { overflow: hidden; }
.gkTabItem { float: left; overflow: hidden; padding:5px 0 15px 0; }
.gkTabButtonNext,
.gkTabButtonPrev { width: 18px; height: 18px; background: url('../images/style1/b_next.png') no-repeat 0 0; cursor: pointer; position: absolute; top: 43%; right: 0; text-indent:-999em; }
.gkTabButtonPrev { background: url('../images/style1/b_prev.png') no-repeat 0 0; left: 0; right:inherit; }
.gkTabButtonNext:hover,
.gkTabButtonPrev:hover { background-position: 100% 0; }
.gkTabContainer0,
.gkTabContainer1,
.gkTabContainer2 { position:relative; }
.gkTabItem { position: absolute; left: -999em; top: 0; width: 100%; }
.gkTabItem.active { position: static; left: 0; }
ul.gkTabs li span{color:#fff;}


/* ==================  Edit Tabs  ================= */

.gkTabsWrap ol {position:absolute; top:-45px; right:0;}                   
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {color:#fff; background:#000; /* Old browsers */}
.gkTabsWrap.vertical ol li:hover, .gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li:hover, .gkTabsWrap.horizontal ol li.active {color: #fff!important;}
.gkTabsContainer + ol {}
.gkTabsItem {}
.gkTabsButtonNext, .gkTabsButtonPrev {background:#000;}
.gkTabsButtonNext:hover, .gkTabsButtonPrev:hover {background:#eee;}
.gkTabsWrap.horizontal > ol {}
 
/* ==================  End  ===================== */

/** VERTICAL mode  */
.gkTabsGK5 {position: relative;}
.gkTabsWrap {margin: 0;}

/* tabs */
.gkTabsWrap.vertical ol {background: transparent!important;	height: 38px; margin: 0!important;	padding: 0!important;}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {cursor: pointer; float: left; line-height:28px!important; margin:0 0 3px 6px!important; padding: 0 18px!important; list-style-type: none; position: relative;}

/* bottom tabs */
.gkTabsContainer + ol {border-bottom: none!important;}
.gkTabsContainer + ol li {}

/* containers */
.gkTabsContainer {clear: both; overflow: hidden; position: relative;}
.gkTabsItem {left: -9999px;	padding:5px 0 10px 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 {border-radius: 50%; cursor: pointer; height: 18px; position: absolute; right: 0; font: 0/0px a; top: 43%;	width: 18px; z-index: 3;}
.gkTabsButtonPrev {left: 0;	right: inherit;}
.gkTabsButtonNext:before, .gkTabsButtonPrev:before {content: "›"; display: block; font-size: 14px; font-weight: bold; height: 18px;	line-height: 17px; text-align: center; width: 18px;}
.gkTabsButtonPrev:before {content: "‹";}

/** HORIZONTAL mode*/
 .gkTabsWrap.horizontal {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; width: 100%;}
.gkTabsWrap.horizontal > ol, .gkTabsWrap.horizontal > .gkTabsContainer {display: table-cell; vertical-align: top;}
.gkTabsWrap.horizontal > ol {position: relative; z-index: 5;}

/* tabs */
.gkTabsWrap.horizontal ol li {cursor: pointer; float: right; margin: 0 0 3px!important;}
.gkTabsWrap.horizontal ol li:hover, .gkTabsWrap.horizontal ol li.active {/* line 45 */}
.gkTabsWrap.horizontal .gkTabsItem {padding: 2px 20px}

/* right tabs */
.gkTabsWrap.horizontal .gkTabsContainer + ol {border: none !important}
.gkTabsWrap.horizontal .gkTabsContainer + ol li {float: left;}


/*Acymailing Newsletter Modules ---*/
.acysubbuttons .button{margin:0;}
.acymailing_form .inputbox{font-size:11px; width:155px; vertical-align:bottom; text-transform:lowercase; margin:0!important; background-color:#393939; padding:7px 6px 8px 6px; }
.acymailing_form .inputbox:focus{background-color:#444;}
p.acysubbuttons{text-align:left;}
.acymailing_module_form{margin-bottom:10px;}
.acymailing_module_form p{width:auto; display:inline;}
.acymailing_introtext{margin-bottom:10px!important; display:block;}
.acysubbuttons .button{font-size:11px; padding:7px 8px 7px 8px;}


/*Twitter Module ---*/
.TDB-tweet-container{margin:0 0 25px 0!important;}
.TDB-tweet-text{margin:0!important;background:url(../images/tweet-icon.png) 0 10px no-repeat; padding-left:35px;}
.TDB-tweet-time{padding-left:35px!important; font-size:11px;}


/*fox contact----------------------------------------------------*/
#FoxForm {padding:0;}
.foxform input, .foxform textarea, input.validfoxtext, textarea.validfoxtext, input.invalidfoxtext, textarea.invalidfoxtext, select.foxtext, select.validfoxtext, select.invalidfoxtext, .foxcheckbox, .validcheckbox, .invalidcheckbox, .outer_dropdown, .foxcheckbox{
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none; 
	border:1px solid #f5f5f5!important; 
	background:#f5f5f5; 
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

.foxform input, .foxform textarea, input.validfoxtext, textarea.validfoxtext,input.invalidfoxtext, textarea.invalidfoxtext{padding:6px 5px;}
.foxform input:focus, .foxform textarea:focus{border:1px solid #ddd!important;}
button.foxbutton {padding:6px 10px!important; border:0;}
button.foxbutton span{color:#fff;}

/* Back To top*/
#toTop{text-transform:uppercase!important; border:1px solid #ccc!important; border-right:0!important; border-bottom:0!important;}

/* Slideshow CK MODULES ---------------------------*/
#ja-slider .camera_wrap .camera_pag .camera_pag_ul {text-align: center;}
#ja-slider .camera_wrap .camera_pag .camera_pag_ul li {height:12px; width:12px; margin:23px 5px 20px 0;}
#ja-slider .camera_wrap .camera_pag .camera_pag_ul li > span {height: 12px; left:0; top:0; width:12px;}
#ja-slider .camera_wrap .camera_pag .camera_pag_ul li {height:12px; width:12px;}
#ja-slider .camera_wrap .camera_pag .camera_pag_ul li, #ja-slider .camera_wrap .camera_pag .camera_pag_ul li > span {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}


/* GOOGLE MAP MODULE ----*/
#map{width:100%!important;}
