/*
#------------------------------------------------------------------------
# Events - June Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/
/* Import Font Awesome CSS */
@import url("font-awesome.css");
/* Basic elements */
*, 
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
html { -webkit-font-smoothing: subpixel-antialiased; }

body {
	background: ##009ee2;
	color: #444341!important;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5;
	margin: 0;
	min-height: 100%;
	padding: 0;
	word-wrap: break-word;
}
body.frontpage {
background: #f3f0e1;
	/*background-image: none!important;*/
}

a,
#gkMainbody header h1 a:active,
#gkMainbody header h1 a:focus,
#gkMainbody header h1 a:hover,
#gkMainbody header h2 a:active,
#gkMainbody header h2 a:focus,
#gkMainbody header h2 a:hover,
#k2Container article header h2 a:active,
#k2Container article header h2 a:focus,
#k2Container article header h2 a:hover,
#community-wrap .joms-stream-box article>a,
.faq li a:hover,
#login-form ul li a:hover {
	color: #009ee2;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-decoration: none;
}
a:hover,
a:active,
a:focus,
#gkMainbody header h1 a,
#gkMainbody header h2 a,
#k2Container article header h2 a,
#gkSidebar .box a:hover,
.faq li a,
#login-form ul li a { color: #010101; }
h1,
h2,
h3,
h5,
h6 {
	color: #575956;
	font-weight: 400;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	font-family: Bebas Neue!important;
	 font-size: 40px!important;
	
}
h4{ }



.itemBody h1,
.itemBody h2,
.itemBody h3,
.itemBody h4,
.itemBody h5,
.itemBody h6 {
	margin: 20px 0;
}
h1 {
	font-size: 20px;
	text-transform: none
	
}
h2,
.componentheading {
	font-size: 20px;
	text-transform: none
	
}
h3 { font-size: 20px; }
h4 { font-size: 20px; }
h5 { font-size: 20px; }
h6 { font-size: 20px; }
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul li { line-height: 1.7; }
p { /*margin: 1em 0 2em; */}
iframe { max-width: 100%!important; }
/* Containers */

.gkPage {
	margin: 0 auto!important;
	padding: 0;
}
.gkSingleModule > .gkPage{
	/*max-width: 80%;*/
}

#gksocial_search {
	height: 35px;
	position: fixed;
	top: 0;
	background:#009ee2;
	z-index: 10000;
	width:100%;
}
.gkPage_social_search {
  width: 230px;
  position: absolute;
  right: 0;
  top: 5px;
}
.gkPage_social_search img {

  top: 4px;
  right:4px;
  position:relative;
}

#gkHeader {
	background-size: cover;
	margin: 0;
	padding: 0;
	position: relative;
}
#gkHeader.menu-visible {
	padding-top: 155px;
	/*padding-bottom: 35px;*/
}
#gkHeaderNav {
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	height: 80px;
	padding: 0;
	position: fixed;
	top: -100px;
	-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;
	width: 100%;
	z-index: 10000;
}
#gkHeaderNav.static {
  height: 120px;
  padding-top: 20px;
	position: fixed;
  top: 35px;
}
#gkHeaderNav.active {
	height: 80px;
		position: fixed;
  top: 0px;
}
#gkHeaderNav.active #gkLogoSmall,
#gkHeaderNav.static #gkLogoSmall {
  /*left: 5px;
  top: 10px;
   margin-left: -76px; */
  position: relative;
  
}
#gkHeaderNav.static #gkMainMenu {
	top: 0px;
	right: 0px;
	/*left: 40%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);*/
}

#gkHeaderNav.static #gkLogoSmall  img{
height: 80px;
margin:0;
}
#gkHeaderNav.active #gkLogoSmall  img{
height: 55px;
margin-top:12px;
}
#gkHeaderNav.active #gkMainMenu {
	right: 0;
	float: right;
	top: 0px;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}
#gkHeaderNav.active {
  padding-top: 0;
	top: 0px;
}
#gkHeaderNav > div {
	position: relative;
	  max-width: 96%!important;
}
#gkHeaderMod > div > div {
	clear: both;
	padding: 0 0 40px 0;

}
#gkBg { 
	background: #f3f0e1;
	overflow: hidden;
	width: 100%;
}
#gkPageWrap { margin: 0 auto; }
#gkContent,
#gkPageContent { 	
	width: 100%; 
}
#gkPage {
	padding: 0;
}

.frontpage #gkPageContent {
	padding-top: 0;
}
.frontpage #gkTop1,
.frontpage #gkTop2 {
	padding: 100px 0 50px;
}
.top1-colorbg #gkTop1,
.top2-colorbg #gkTop2 {
	background: #00bcf2;
}
.frontpage #gkBottom1.gkSingleModule,
.frontpage #gkBottom2.gkSingleModule,
.frontpage #gkBottom3.gkSingleModule,
.frontpage #gkBottom4.gkSingleModule,
.frontpage #gkBottom5.gkSingleModule {
	padding: 140px 0;
}
.frontpage .box.parallax {
	margin: -140px 0!important;
	padding: 140px 0!important;
}
.frontpage #gkPageContent {
	padding-bottom: 120px;
}
.frontpage #gkMainbody {
	margin: 0;
	padding: 140px 0 0 0;
}
.frontpage #gkMainbody .box {
	margin: 0;
}
.frontpage #gkHeader {
	background: url('../images/header_bg.jpg') no-repeat center top;
	background-attachment: fixed;
}
.category.blog-featured {
    padding: 25px 0 80px 5px;
}
#gkMainbody > div > .category.blog {
    margin-top: -25px;
    padding: 22px 0 0px 0px;
 }
.com_k2 #gkMainbody > div > section {
	padding: 0;
}

.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	right: 0px;
	bottom: 60px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}

/* Logo  */
#gkLogo,
#gkLogoSmall {
	display: block;
	float: none;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
	text-shadow: none;
}
#gkLogoSmall {
	float: left;
}
#gkLogo img,
#gkLogoSmall img{
	display: block;
	margin: 10px 0;
}
#gkLogo.cssLogo {
	background: url('../images/logo.png') no-repeat center center;
	/* You can specify there logo size and background */
	height: 188px;
	width: 152px;
}
#gkLogoSmall.cssLogo {
	background: url('../images/logo.png') no-repeat center center;
	background-size: 188px 152px;
	background-position: center bottom;
	/* You can specify there logo size and background */
	height: 90px;
	width: 152px;
}
.svg #gkLogo.cssLogo,
.svg #gkLogoSmall.cssLogo {
	background-image: url('../images/logo.svg');
}
#gkLogoSmall.cssLogo:hover {
	height: 100px;
}
#gkLogo.text,
#gkLogoSmall.text {
	color: #fff;
	display: block;
	float: none;
	font-size: 20px;
	font-weight: bold;
	height: 75px;
	letter-spacing: -2px;
	line-height: 63px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	width: auto;
}
#gkLogoSmall.text {
	color: #000;
	float: left;
	height: 73px;
	line-height: 40px;
	padding: 0;
}
#gkLogo.text > span,
#gkLogoSmall.text > span {
	display: block;
	font-size: 30px;
	line-height: 60px;
	padding: 0;
}
#gkLogo.text .gkLogoSlogan,
#gkLogoSmall.text .gkLogoSlogan {
	display: block;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1;
	margin-top: -12px;
}

#gkLogoSmall.text .gkLogoSlogan {
	margin-top: -16px;
}

/* Mainbody */
#gkMainbody { 
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;

}
/* Stylearea */
#gkStyleArea {
	clear: both;
	display: block;
	line-height: 10px;
	margin: 20px 0 40px 0;
	padding: 10px 0;
	text-align: center;
}
#gkStyleArea a {
	display: inline-block;
	height: 9px;
	margin: 15px 0 0 5px;
	text-indent: -9999px;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out;
	-o-transition: -o-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
	width: 9px;
}
#gkStyleArea a:first-child { margin-left: 0; }
#gkStyleArea a:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
#gkColor1 { background: #f21b23; }
#gkColor2 { background: #eb8038; }
#gkColor3 { background: #59c2ff; }
#gkColor4 { background: #355c7d; }
#gkColor5 { background: #fa5456; }
#gkColor6 { background: #fca51d; }

/* Group modules */
#gkBottom1,
#gkBottom2,
#gkBottom3,
#gkBottom4,
#gkBottom5 {
	background: #fff;
	overflow: hidden;
}

.bottom1-grey #gkBottom1:before,
.bottom2-grey #gkBottom2:before,
.bottom3-grey #gkBottom3:before,
.bottom4-grey #gkBottom4:before,
.bottom5-grey #gkBottom5:before {
	display: none;
}

.bottom1-fullwidth #gkBottom1,
.bottom2-fullwidth #gkBottom2,
.bottom3-fullwidth #gkBottom3,
.bottom4-fullwidth #gkBottom4,
.bottom5-fullwidth #gkBottom5 {
	padding: 0!important;	
} 

.bottom1-fullwidth #gkBottom1 .content,
.bottom2-fullwidth #gkBottom2 .content,
.bottom3-fullwidth #gkBottom3 .content,
.bottom4-fullwidth #gkBottom4 .content,
.bottom5-fullwidth #gkBottom5 .content {
	max-width: 100%;
	padding: 0!important;
	width: 100%;
}

#gkTop1,
#gkTop2 {
  padding: 60px 0 0 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #e0e0e0;
}



/* standard breadcrumb */
#gkBreadcrumb {
	font-size: 14px;
	margin: 0px 0 40px;
	padding: 0 0 10px;
	overflow: hidden;
}
.breadcrumbs {
	float: left;
	color: #000;
}
.breadcrumbs li.separator {
	color: #999;
    font-size: 8px;
    padding: 4px 6px !important;
    text-align: center;
    width: 22px;
}

.breadcrumbs > li {
	clear: none;
	float: left;
}
.breadcrumbs li a { color: #888; }
.breadcrumbs li a:hover { color: #f21b23; }
#gkTools {
	float: right;
	margin: 4px 0 0 10px;
}
#gkTools a {
	display: block;
	float: left;
	width: 22px;
	height: 16px;
	margin: 0 0 0 0px !important;
	text-indent: -99999em;
	background: url('../images/font_size.png') no-repeat -38px 50%;
}
a#gkToolsReset {
	background-position: -15px 50%;
	margin-left: 6px;
}
a#gkToolsDec { background-position: 6px 50%; }
/* footer */
#gkFooter  .footer_flag {
display: table-cell; 
/*width: 610px; */
/*float: right; */
padding-top: 10px;
line-height: 0.8;
}

@media (min-width: 650px) {
    #gkFooter  .footer_flag {
        line-height: 1.1;
    }
}

.footer_top {
	background:#f26322;
	height:10px;
}
#gkFooter {
	background:#444341;
	color: #ffffff;
	font-size: 14px;
	font-weight: 300;
	line-height: 2;
	padding: 0;
	/*text-align: center;*/
	height:70px;
}
#gkFooter strong {
	color: #000;
}
#gkFooterNav {
	/*margin: 100px auto 10px auto;*/
}
#gkFooterNav li {
	border: none;
	display: inline-block;
	float: none;
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	margin: 0!important;
	padding: 0 8px!important;
}
#gkFooter a { 
	color: #000; 
	padding: 0!important;
}
#gkFooter a:active,
#gkFooter a:focus,
#gkFooter a:hover { 
	color: #f21b23;
}
#gkCopyrights {
	margin: 0 auto 20px;
}

/* Other footer elements */
#gkFrameworkLogo {
	display: block;
	width: 90px;
	height: 36px;
	background: url('../images/gavern-logo.png') no-repeat 0 0;
	text-indent: -9999em;
	margin: 12px auto 0 auto;
	opacity: 0.4;
}

/* Suffixes */

/* default suffix */
.box {
	/*color: #888;
	line-height: 1.6;	*/
	width: 100%;
}
.box + .box {
	margin: 40px 0 0 0;
}
div.content { clear: both; }
.box li {
	border-bottom: 1px solid #e5e5e5;
	line-height: 1.6;
	padding: 7px 0;
}
.box li:last-child { border-bottom: none; }
.box li a {
	line-height: 1.0;
	text-decoration: none;
}
.box a { text-decoration: none; }
.box ul ul { margin-left: 20px; }
.box .header {
	/*color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	padding: 0 0 20px 0;*/
	color: #fff;
	font-size: 30px;
        text-align: center;
        text-transform: none;	
}
#gkPageContent > section > div > div  h3
{
    color: #444341; 
}


/* clear suffix */
.box.clear {
	border: none !important;
	clear: none;
	padding: 0!important;
}
.clear div.content { 
	clear: both; 
}

/* parallax suffix */
.box.parallax {
	background-attachment: fixed;
	background-image: url('../images/parallax_bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #aeaeae;
	margin: -65px 0!important;
	overflow: hidden;
	padding: 110px 0!important;
}
.box.parallax .header {
	color: #fff;
	font-size: 36px;
	font-weight: 500;
	line-height: 1;
	padding: 0 0 30px 0;
}
.box.parallax a:active,
.box.parallax a:focus,
.box.parallax a:hover {
	color: #fff;
}

/* bigtitle suffix */
.box.mediumtitle .header {
	font-size: 30px;
	font-weight: 300;
	text-align: center;
}

/* bigtitle suffix */
.box.bigtitle .header,
 {
	font-size: 30px;
	text-align: center;
	text-transform: none;
	padding-bottom:20px;
}
.box.bigtitle .header > small {
	display: block;
	font-size: 20px;
	font-weight: 300;
	margin: 25px 0 40px 0;
	text-align: center;
}
 
/* advertisement suffix */
.box.advertisement .header {
	background: transparent;
	border-bottom: 1px solid #e0e0e0;
	color: #bbb!important;
	font-size: 12px!important;
	font-weight: 300;
	line-height: 16px;
	margin: 0 0 16px 0;
	min-height: 21px;
	padding: 0;
	text-align: right;
	text-transform: none;
}
/* suffix light */
.box.light {
	background: #f6f6f6;
	border: none;
	padding: 32px!important;
}
/* suffix _text */
.box_text > div { background: #fff; }

/* suffix dark */
.box.dark {
	background: #000;
	border: none;
	color: #999;
	padding: 32px!important;
}
.box.dark .header {
	background: transparent!important;
	line-height: 1.2;
}
.box.dark h1,
.box.dark h2,
.box.dark h3,
.box.dark h4,
.box.dark h5,
.box.dark h6 { 
	color: #fff;
}
.box.dark ul {
	margin: 0;
	padding: 0;
}
.box.dark ul li {
	border-bottom: 1px solid #333;
	position: relative;
}
.box.dark ul li:last-child { border-bottom: none; }
.box.dark a { color: #ddd!important; }
.box.dark a:active,
.box.dark a:focus,
.box.dark a:hover { color: #f21b23!important; }
.box.dark ul ul { margin: 0 0 0 20px; }

/* suffix color1 & color2 */
.box.color1,
.box.color2 {
	background: #00bcf2;
	border: none;
	color: rgba(255, 255, 255, .7);
	padding: 32px!important;
}
.box.color2 {
	background: #f21b23;
}
.box.color1 .header,
.box.color2 .header {
	background: transparent!important;
	line-height: 1.2;
}
.box.color1 h1,
.box.color1 h2,
.box.color1 h3,
.box.color1 h4,
.box.color1 h5,
.box.color1 h6,
.box.color2 h1,
.box.color2 h2,
.box.color2 h3,
.box.color2 h4,
.box.color2 h5,
.box.color2 h6 { 
	color: #fff;
}
.box.color1 ul,
.box.color2 ul {
	margin: 0;
	padding: 0;
}
.box.color1 ul li,
.box.color2 ul li {
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	position: relative;
}
.box.color1 ul li:last-child,
.box.color2 ul li:last-child { border-bottom: none; }
.box.color1 a,
.box.color2 a { color: rgba(255, 255, 255, .9)!important; }
.box.color1 a:active,
.box.color1 a:focus,
.box.color1 a:hover,
.box.color2 a:active,
.box.color2 a:focus,
.box.color2 a:hover { color: #fff!important; }
.box.color1 ul ul,
.box.color2 ul ul { margin: 0 0 0 20px; }


/* Suffix nomargin */
.box.nomargin {
	margin: 0!important;
	padding: 0!important;
}

/* Menu suffix */
.box ul.menu ul { 
	margin: 0 0 32px 0; 
}

.box ul.menu li li {
	border-bottom: 1px solid #e5e5e5;
	font-size: 12px;
	padding-left: 6px;
}
.box ul.menu li.active { background: #F2F4F5}
 .box ul.menu li.active a { padding: 8px 16px}
.box ul.menu li li a { margin: 0 0 0 6px }
.box .menu .header + .content ul li:first-child { border-top: none; }
.menu li a {
	color: #000;
	display: inline-block;
	padding: 8px 0;
}
.menu li a:hover { 
	color: #f21b23 !important;
	padding-left: 10px;
}
.box .menu li li a {
	color: #666;
	font-weight: normal
}
.box .menu li strong { display: block; }

/* Bottom blocks */
/*#gkBottom1 > .box,*/
/*#gkBottom2 > .box,*/
/*#gkBottom3 > .box,*/
/*#gkBottom4 > .box {*/
	/*padding: 0;*/
/*}*/
/*#gkBottom1 .box .header,*/
/*#gkBottom3 .box .header,*/
/*#gkBottom5 .box .header {*/
/*color:#444341;*/
/*}*/

/*#gkBottom11,*/
/*#gkBottom11.gkSingleModule {*/
  /*padding: 35px 0 45px 0;*/
  /*background: #6dbcc5;*/
  /*display:none;*/
/*}*/
/*.nspMain.activated {*/
/*padding-top:25px;*/
/*}*/

/*.gkNspPM.gkNspPM-SpeakersList.active {*/
/*padding-top:12px;*/
/*}*/

/*#gkBottom1,*/
/*#gkBottom3,*/
/*#gkBottom4 {*/
	/*padding: 55px 0 80px 0;*/
	/*background:#f3f0e1;*/
	/**/
/*}*/

/*#gkBottom10 {*/
  /*padding: 30px 0 80px 0;*/
  /*background: #6dbcc5;*/
  /*background-image: url("../images/texture.png");*/
  /*background-size: 100%;*/
/*}*/
/*#gkBottom1.gkSingleModule {*/
	/*padding: 60px 0 0 0;*/
	/*background: #f3f0e1;*/
/*}*/

/*#gkBottom2.gkSingleModule*/
/*{*/
	/*padding: 20px 0 45px 0;*/
	/*background: #009ee2;*/
	/*background-image: url("../images/texture.png");*/
         /*background-size: 100%;*/
/*}*/

/*#gkBottom4.gkSingleModule {*/
	/*padding: 55px 0 100px 0;*/
	/*background: #009ee2;*/
	/*background-image: url("../images/texture.png");*/
        /*background-size: 100%;*/
/*}*/
/*#gkBottom10 > .gkPage {*/
/*padding-left:40px;*/
/*}*/
/*#gkBottom4 > .gkPage  {*/
/*padding-left:20px;*/
/*}*/
/*#gkBottom1 > .gkCols6 .box.gkmod-2 {*/
    /*width: 100%;*/
/*}*/

/*#gkBottom5.gkSingleModule*/
/*{*/
	/*padding: 55px 0 90px 0;*/
	/*!*background: #34c8c8;*!*/
	/*background: #dfdcce;*/

/*}*/
/*#gkBottom6.gkSingleModule*/
/*{*/
	/*padding: 55px 0 35px 0;*/
	/*background: #6dbcc5;*/
    /**/
/*}*/

/*#gkBottom1.gkSingleModule .box,*/
/*#gkBottom4.gkSingleModule .box {*/
	/*padding: 0;*/
/*}*/

/*#gkBottom2.gkSingleModule .box {*/
/*!*width:85%;  padding-left: 15%;*!*/
/*}*/
/*#gkBottom3.gkSingleModule .box {*/
/*width:100%;*/
/*}*/
/*#gkBottom5.gkSingleModule .box {*/
/*!*width:85%;  padding-left: 15%;*!*/
/*}*/
/*.bottom1-bar #gkBottom1,*/
/*.bottom2-bar #gkBottom2,*/
/*.bottom3-bar #gkBottom3,*/
/*.bottom4-bar #gkBottom4 {*/
	/*padding: 0;*/
/*}*/

/*.bottom1-bar #gkBottom1 > div,*/
/*.bottom2-bar #gkBottom2 > div,*/
/*.bottom3-bar #gkBottom3 > div,*/
/*.bottom4-bar #gkBottom4 > div {*/
	/*display: table;*/
	/*width: 100%;*/
/*}*/

/*.bottom1-bar #gkBottom1 .box,*/
/*.bottom2-bar #gkBottom2 .box,*/
/*.bottom3-bar #gkBottom3 .box,*/
/*.bottom4-bar #gkBottom4 .box {*/
	/*display: table-cell;*/
	/*float: none;*/
	/*margin: 0;*/
	/*padding: 30px;*/
	/*position: relative;*/
	/*vertical-align: top;*/
/*}*/

#displ_table {
display:table;
width:100%;
  margin-top: 30px;
}

#displ_row {
display:table-row;
width:100%;
}
#displ_cell {
display:table-cell;
width:33%;
float:left;
font-family: museo300;
text-align:center;
}

#displ_cell_contact {
display:table-cell;
width:33%;
float:left;
font-family: museo500;
text-align:center;
}


.gkBottomTitle {
	font-size: 24px;
	font-weight: bold;
	position: relative;
	top: 80px;
}

/* tablet/mobile suffixes */
.onlydesktop { display: block; }
.onlytablet { display: none; }
.onlymobile { display: none; }
/* Login form */
#gkFBLogin {
	float: left;
	width: 45%;
}
#gkFBLogin p {
	line-height: 18px;
	margin: 14px 0 20px;
}
#gkFBLogin + #login-form,
#gkFBLogin + #com-login-form {
	float: left;
	width: 45%;
	margin-left: 4%;
	padding-left: 30px;
	border-left: 1px solid #e7e7e7;
}
#form-login-remember { margin: 10px 0; }
#form-login-remember label {
	color: #777;
	font-size: 11px;
	font-weight: normal;
	line-height: 27px;
}

#login-form fieldset p { margin: 0.5em 0; }
#login-form ul {
	 border-top: 1px solid #E5E5E5;
    margin: 0 0 12px;
    overflow: hidden;
    padding: 12px 0;
}

#login-form ul li {
	color: #999;
	font-size: 12px;
	display: inline-block;
	line-height: 1.6;
	margin-right: 12px;
}
#login-form input[type="text"],
#login-form input[type="password"] { width: 95%; }
label#jform_spacer-lbl {
	font-size: 11px;
	font-weight: normal;
	color: #666;
}
/* Popup Login */
#gkPopupOverlay,
#gkPopupLogin {
	color: #777;
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 1000002;
	left: 50%;
	top: 80px;
}
#gkPopupOverlay {
	position: fixed;
}
#gkPopupLogin {
	margin-left: -220px;
	position: fixed;
	width: 426px;
}
#gkPopupLogin > div {
	-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;
}
#gkPopupLogin .gkUserdata,
#gkPopupLogin .gkUsermenu {
	float: left!important;
	width: 50%!important;
}
.gkUsermenu .menu { margin: 32px 0 0}
.gkUsermenu .menu li a {   border-bottom: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 6px;
    padding: 3px 6px;}
.gkPopupWrap {
	background: #fff;
	padding: 40px;
	overflow: hidden;
}
.gkPopupWrap h3 {
	
	margin: 0 0 24px;
}

.gkPopupWrap .logout-button { margin-top: 20px; }
#gkPopupOverlay {
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 1000001;
	top: 0;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
	filter: alpha(opacity=45);
	opacity: 0.45;
	margin-left: 0;
}
.gkPopupWrap .button { height: 45px; line-height: 42px;  width: 100%}

#gkPopupLogin #login-form + a {border-color:#f21b23; float: none; background: #f21b23;   border-bottom-color: #a00600; margin: 12px 0 0}
#gkPopupLogin #login-form + a:hover {background: #000; border-color: #000}
/* Login with Facebook button */

span#fb-auth small {
	width: 20px;
	background: transparent url('../images/fbauth.png') no-repeat 0 2px;
	text-indent: -999em;
	display: block;
	float: left;
	border-right: 1px solid #a0aecd;
	margin: 11px 16px 0 0;
	height: 17px;
}
span#fb-auth {
	background-color: #798db9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-bottom: 4px solid #556b9b;
	display: inline-block;
	color: #fff;
	
	line-height: 45px;
	font-size: 14px;
	font-weight: 700;
	margin: 12px 0 0 0;
	padding: 0 24px 0 12px;
	
	
	cursor: pointer;
	height: 45px;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
	position: relative;
	text-transform: uppercase;
	text-align: center;
	width: 100%
	
}
span#fb-auth:hover { background-color: #556b9b; }
.login span#fb-auth { margin: 6px 0 0 10px; }
body[data-mobile="true"] #gkMobileMenu select { font-size: 50px; }


.btn_scl {
  -webkit-border-radius: 7 !important;
  -moz-border-radius: 7 !important;
  border-radius: 7px !important;
  font-family: Bebas Neue!important;
  color: #ffffff !important;
  font-size: 18px !important;
  background: #444341;
  padding: 7px 25px 5px 25px  !important;
  text-decoration: none !important;
}

.btn_scl:hover {

  background: #f26322;
 }
  
.btn {
  -webkit-border-radius: 7 !important;
  -moz-border-radius: 7 !important;
  border-radius: 7px !important;
  font-family: Bebas Neue!important;
  color: #ffffff !important;
  font-size: 18px !important;
  background: #f26322;
  padding: 7px 25px 5px 25px  !important;
  text-decoration: none !important;
}

.btn:hover {

  background: #444341;
/*
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, #2dc1f2, #2dc1f2) !important;
  background-image: -moz-linear-gradient(top, #2dc1f2, #2dc1f2) !important;
  background-image: -ms-linear-gradient(top, #2dc1f2, #2dc1f2) !important;
  background-image: -o-linear-gradient(top, #2dc1f2, #2dc1f2) !important;
  background-image: linear-gradient(to bottom, #2dc1f2, #2dc1f2) !important;
  */
}
.consortium_button {
border: 2px solid #fff; 
text-align: center; 
width: 200px; 
font-family: Bebas Neue!important; 
  -webkit-border-radius: 7 !important;
  -moz-border-radius: 7 !important;
  border-radius: 7px !important;
font-size: 20px !important;
/*background: #2dc1f2!important; */
padding: 5px 10px 5px 10px !important;
text-decoration: none !important; 
margin-top: -30px;
}

.consortium_button:hover {
background: #fff!important; 
color:#009ee2;
}
.consortium_button a {
color:#fff;
  font-size: 20px;
}
.consortium_button a:hover {
color:#2dc1f2;
}

.news_button {
border: 2px solid #f26322; 
text-align: center; 
width: 200px; 
font-family: Bebas Neue!important; 
  -webkit-border-radius: 7 !important;
  -moz-border-radius: 7 !important;
  border-radius: 7px !important;
font-size: 20px !important; 
/*background: #EFEEEE!important; */
padding: 7px 10px 5px 10px !important; 
text-decoration: none !important;
}
.news_button:hover {
background: #fff!important; 
}
.news_button a {
  font-size: 20px;
}
.news_button a:hover {
color:#2dc1f2;
}

#button-wrap-inner {
  padding-top: 15px;
}
/* apo John */
/*
 * News Show Pro GK5
 */

.nspMain { position: relative; }
/* Pagination */
.nspBotInterface,
.nspTopInterface {
	clear: both;
	float: right;
	margin: 5px 0;
}
.nspTopInterface {
	position: absolute;
	right: 0;
	top: -40px;
}
.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: 15px 0 0 0!important;
	padding: 0!important;
}
.nspPagination li {
	background: #bbb;
	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: #1dbaf4; }
.nspNext,
.nspPrev {
	cursor: pointer;
	float: left;
	height: 16px;
	margin: 0 2px;
	text-indent: -9999px;
	width: 10px;
}
.nspNext:after,
.nspPrev:after {
	color: #000;
	display: block;
	float: left;
	font-family: FontAwesome;
	font-size: 22px;
	line-height: 22px;
	text-indent: 0;
}
.nspNext:after {
	color: #bbb;
	content: '\f105';
}
.nspPrev:after {
	color: #bbb;
	content: '\f104';
}
.nspNext:hover:after,
.nspPrev:hover:after { color: #1dbaf4; }
/* 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: #292B31;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 12px;
    min-height: 60px;
}
.nspArt h4.nspHeader a { color: #444341; font-size:18px; }
.nspArt h4.nspHeader a:hover { color: #444341;font-size:18px; }
.nspArt img.nspImage {
	border: none;
	display: block;
}
.nspArt .nspImageWrapper {
	display: block;
	overflow: hidden;
	max-width: 100%;
}
.nspArt .nspImageWrapper img {
	-webkit-transition: all .18s linear;
	-moz-transition: all .18s linear;
	-ms-transition: all .18s linear;
	-o-transition: all .18s linear;
	transition: all .18s linear;
}
.nspArt .nspImageWrapper:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.nspArt p.nspText {
	display: block!important;
	font-size: 15px;
	line-height: 1.6;
	margin: 0;
	padding: 0!important;
	min-height: 165px;
}
.nspArt p.nspInfo {
	color: #aaa;
	display: block!important;
	font-size: 13px;
	margin: 5px 0;
	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.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 {
	
	margin: 0!important;
	padding: 10px 0;
}
.nspLinks ul li h4 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 4px;
}
.nspLinks ul li h4 a { text-decoration: none; }
.nspLinks ul li p {
	font-size: 14px;
	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 { 
	height: auto!important;
	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 big-nav */
.big-nav { padding: 25px 0 0 0; }
.big-nav .header {
  color: #fff;
  font-size: 30px;
  text-align: center;
  text-transform: none;

}
.big-nav .nspArts {
	overflow: visible;
	position: relative;
}
.big-nav .nspTopInterface { position: static; }
.big-nav .nspNext {
  position: absolute;
  right: -18px;
  top: 37%;
}
.big-nav .nspPrev {
  position: absolute;
  left: -22px;
  top: 37%;
}
.big-nav .nspNext:after {
	color: #fff;
	content: url('/images/SEACHANGE/conR.png');
	/*content: 'c';
	font-family: "johns-icons";
	font-size: 32px;*/
}
.big-nav .nspPrev:after {
	color: #fff;
	content: url('/images/SEACHANGE/conL.png');
	/*content: 'b';
	font-family: "johns-icons";
	font-size: 32px;*/
}
.big-nav .nspImageWrapper + .nspHeader {
	/*padding-top: 18px;
	 position: relative;
	*/
  text-align: center;
  position: relative;
  text-align: center;
  top: -40px;
  background-color: #9dd0d6;
  min-height: 55px;
  padding-top: 5px;
}
.big-nav .nspImageWrapper + .nspHeader:before {
	color: #fff;
	/*content: "-";*/
	position: absolute;
	top: 12px;
}
.big-nav .nspHeader { font-size: 15px!important; }
/* Suffix dark */
.box.dark a.readon {
	border: 1px solid #fff;
	color: #fff;
}
.box.dark a.readon:hover {
	border-color: #1dbaf4;
	color: #1dbaf4;
}
/* Suffix color and color-bg */
.box.color .nspArt p.nspInfo,
.box.color-bg .nspArt p.nspInfo { color: #fff; }
.box.color .nspArt .readon,
.box.color-bg .nspArt .readon {
	border: 1px solid #fff;
	color: #fff;
}
.box.color .nspArt .readon:hover,
.box.color-bg .nspArt .readon:hover {
	border-color: 1px solid rgba(255, 255, 255, 0.75);
	color: rgba(255, 255, 255, 0.75);
}
.box.color .nspPagination li,
.box.color-bg .nspPagination li { background: rgba(255, 255, 255, 0.75); }
.box.color .nspPagination li:hover,
.box.color .nspPagination li.active,
.box.color-bg .nspPagination li:hover,
.box.color-bg .nspPagination li.active { background-color: #fff; }
.box.color .nspNext:after,
.box.color .nspPrev:after,
.box.color-bg .nspNext:after,
.box.color-bg .nspPrev:after { color: rgba(255, 255, 255, 0.75); }
.box.color .nspNext:hover:after,
.box.color .nspPrev:hover:after,
.box.color-bg .nspNext:hover:after,
.box.color-bg .nspPrev:hover:after { color: #fff; }

/* 
 Portal Mode - Portfolio2 
*/

.gkNspPM-Portfolio2 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}

.gkNspPM-Portfolio2 .gkImagesWrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 -1%;
	overflow: hidden;
	-moz-transform: translate3d(0, 0, 0);
	padding: 45px;
	width: 100%;
}

.gkNspPM-Portfolio2 .gkImagesWrapper:after {
	clear: both;
	content: "";
	display: table;
}

.gkNspPM-Portfolio2[data-cols="1"] .gkImagesWrapper a { width: 100%; }
.gkNspPM-Portfolio2[data-cols="2"] .gkImagesWrapper a { width: 50%; }
.gkNspPM-Portfolio2[data-cols="3"] .gkImagesWrapper a { width: 33.333333%; }
.gkNspPM-Portfolio2[data-cols="4"] .gkImagesWrapper a { width: 25%; }
.gkNspPM-Portfolio2[data-cols="5"] .gkImagesWrapper a { width: 20%; }

.gkNspPM-Portfolio2 .gkImagesWrapper > a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: block;
	float: left;
	opacity: 0.25;
	padding: 15px;
	position: relative;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.71,.23,.25,1.48);
	-moz-transition: -moz-transform .3s cubic-bezier(.71,.23,.25,1.48);
	-ms-transition: -ms-transform .3s cubic-bezier(.71,.23,.25,1.48);
	-o-transition: -o-transform .3s cubic-bezier(.71,.23,.25,1.48);
	transition: transform .3s cubic-bezier(.71,.23,.25,1.48);
}

.gkNspPM-Portfolio2 .gkImagesWrapper > a img {
	display: block;
}

.gkNspPM-Portfolio2 .gkImagesWrapper > a.active {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.gkNspPM-Portfolio2 .gkImagesWrapper > a:after {
	background: rgba(0, 0, 0, 0.5);
	background-clip: content-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	padding: 15px;
	position: absolute;
	top: 0;
	-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;
	width: 100%;
	z-index: 1;
}

.gkNspPM-Portfolio2 .gkImagesWrapper > a:before {
	color: #fff;
	content: "l";	
	font-family: johns-icons;
	font-size: 42px;
	height: 42px;
	left: 50%;
	line-height: 42px;
	margin: -21px 0 0 -21px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 60%;
	-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;
	width: 42px;
	z-index: 2;
}
.gkNspPM-Portfolio2 .gkImagesWrapper > a:hover:after {
	opacity: 1;
}
.gkNspPM-Portfolio2 .gkImagesWrapper > a:hover:before {
	opacity: 1;
	top: 50%;
}

.gkNspPM-Portfolio2 .gkPortfolioCategories {
	margin: 0;
	padding: 0;
}

.gkNspPM-Portfolio2 .gkPortfolioCategories li {
	border: none;
	color: #3a3636;
	cursor: pointer;
	float: left;
	font-size: 13px;
	height: 24px;
	line-height: 25px;
	margin: 0 4px 0 0;
	padding: 0 6px;
	text-transform: uppercase;
	-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;
}

.gkNspPM-Portfolio2 .gkPortfolioCategories li.active,
.gkNspPM-Portfolio2 .gkPortfolioCategories li.active:hover {
	background: #3a3636;
	border-radius: 2px;
	color: #fff;
}

.gkNspPM-Portfolio2 .gkPortfolioCategories li:hover {
	background: #aaa;
	border-radius: 2px;
	color: #fff;
}

/* Popup */
.gkNspPM-Portfolio2 .gkPortfolioPopup {
	background: #f1f0f0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	height: 100%;
	opacity: 0;
	padding: 20px;
	position: absolute;
	top: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	width: 100%;
	z-index: 5;
}

.gkNspPM-Portfolio2 .gkPortfolioPopup.activated {
	display: block;
}

.gkNspPM-Portfolio2 .gkPortfolioPopup.active {
	opacity: 1;
	top: 50px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.gkNspPM-Portfolio2 .gkPortfolioPopup img {
	display: block;
	max-width: 100%;
}

.gkNspPM-Portfolio2 .gkPortfolioPopup > div {
	clear: both;
}

.gkNspPM-Portfolio2 .gkPortfolioImage {
	background: url('../images/loader.gif') no-repeat center center;
	float: left;
	width: 66%;
}

.gkNspPM-Portfolio2 .gkPortfolioDesc {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-left: 32px;
	width: 33%;
}

.gkNspPM-Portfolio2 .gkPortfolioPopup img {
	opacity: 0;
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-ms-transform: scale(0.3);
	-o-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	width: 100%;
}

.gkNspPM-Portfolio2 .gkPortfolioImage.active img {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.gkNspPM-Portfolio2 .gkPortfolioPrev,
.gkNspPM-Portfolio2 .gkPortfolioNext,
.gkNspPM-Portfolio2 .gkPortfolioClose {
	color: #f1c40f;
	display: block;
	float: left;
	font-size: 32px;
	height: 32px;
	line-height: 32px;
	margin: 0 0 32px 0;
	overflow: hidden;
	width: 32px;
}

.gkNspPM-Portfolio2 .gkPortfolioPrev:hover,
.gkNspPM-Portfolio2 .gkPortfolioNext:hover,
.gkNspPM-Portfolio2 .gkPortfolioClose:hover,
.gkNspPM-Portfolio2 .gkPortfolioPrev:hover:before,
.gkNspPM-Portfolio2 .gkPortfolioNext:hover:before,
.gkNspPM-Portfolio2 .gkPortfolioClose:hover:before {
	color: #333;
}

.gkNspPM-Portfolio2 .gkPortfolioPrev:before,
.gkNspPM-Portfolio2 .gkPortfolioNext:before,
.gkNspPM-Portfolio2 .gkPortfolioClose:before {
	color: #f1c40f;
	content: "k";
	font-family: johns-icons;
	font-size: 32px;
	line-height: 32px;
	-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;
}

.gkNspPM-Portfolio2 .gkPortfolioPrev:before {
	content: "b";	
	width: 32px;
}

.gkNspPM-Portfolio2 .gkPortfolioNext:before {
	content: "c";
	width: 32px;
}

.gkNspPM-Portfolio2 .gkPortfolioPrev {
	margin-right: 10px;
}

.gkNspPM-Portfolio2 .gkPortfolioClose {
	float: right;
}

.gkNspPM-Portfolio2 .gkPortfolioTitle,
.gkNspPM-Portfolio2 .gkPortfolioCategory,
.gkNspPM-Portfolio2 .gkPortfolioAuthor,
.gkNspPM-Portfolio2 .gkPortfolioDate {
	display: block;
	margin: 0;
	opacity: 0;
	top: 50px;
	position: relative;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.gkNspPM-Portfolio2 .gkPortfolioTitle {
	font-size: 24px;
	margin-bottom: 32px;
}

.gkNspPM-Portfolio2 .gkPortfolioCategory,
.gkNspPM-Portfolio2 .gkPortfolioAuthor,
.gkNspPM-Portfolio2 .gkPortfolioDate {
	border-top: 1px solid #ddd;
	font-size: 15px;
	padding: 16px 0;
}

.gkNspPM-Portfolio2 .gkPortfolioCategory span,
.gkNspPM-Portfolio2 .gkPortfolioAuthor span,
.gkNspPM-Portfolio2 .gkPortfolioDate span {
	color: #aaa;
	display: block;
	font-size: 12px;
	line-height: 1;
	margin: 0 0 3px 0;
}

.gkNspPM-Portfolio2 .gkPortfolioTitle.active,
.gkNspPM-Portfolio2 .gkPortfolioCategory.active,
.gkNspPM-Portfolio2 .gkPortfolioAuthor.active,
.gkNspPM-Portfolio2 .gkPortfolioDate.active {
	opacity: 1;
	top: 0;
}

/*
 * Tabs GK5 Module
 */
.gkTabsGK5 {
	position: relative;
	overflow: hidden;
}
.gkTabsWrap ol li {
	background: #fff;
	border: none;
	border-radius: 2px;
	color: #383838;
	cursor: pointer;
	float: left;
	font-size: 13px;
	font-weight: 400;
	height: 28px;
	line-height: 28px;
	list-style-type: none;
	margin-right: 5px;
	padding: 0 6px!important;
	-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;
	text-transform: uppercase
}
.gkTabsWrap ol li.active,
.gkTabsWrap ol li.active:hover,
.gkTabsWrap ol li:hover {
	background: #1DBAF4;
	color: #fff;
}
.gkTabsContainer {
	clear: both;
	overflow: hidden;
	position: relative;
}
.gkTabsItem {
	background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	left: -9999px;
	padding: 0 0 10px 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.gkTabsItem.active {
	left: 0;
	position: relative;
	z-index: 2;
}
.gkTabsNav {
	background: transparent;
	margin: 0 0 20px;
}
.gkTabsNav:after {
	clear: both;
	content: "";
	display: table;
}
.gkTabsButtonNext,
.gkTabsButtonPrev { display: none; }
.gkTabsGK5 .nspArt { border-bottom: 1px solid rgba(0, 0, 0, 0.075) }


/*
#------------------------------------------------------------------------
# John S. - March Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/
 
/* Icons */
/* Just click to select the code */
 
@charset "UTF-8";
@font-face {
	font-family: "johns-icons";
	src: url("../fonts/johns-icons/johns-icons.eot");
	src: url("../fonts/johns-icons/johns-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/johns-icons/johns-icons.ttf") format("truetype"), url("../fonts/johns-icons/johns-icons.svg#johns-icons") format("svg"), url("../fonts/johns-icons/johns-icons.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}


/* calendar specific css

*/

.fc-view-list, .fc-view-table {
 border: 0px solid #ccc; 
  width: auto;
  line-height: 18px;
}
.fc-header-title {
  /*display: none;*/
  vertical-align: top;
  padding-top: 2px;
}
.fc-view-list .fc-list-header, .fc-view-table td.fc-list-header {
  border-width: 0;
  /* border-bottom-width: 1px; */
  padding: 3px 5px;
  text-transform: uppercase;
  font-weight: 800;
}

fc-view {
left:6%!important;
}



.fc-list-section {
  padding: 20px 2px;
  border-width: 0;
  /* border-bottom-width: 1px; */
}

.event-list_table {
  border: 1px;
  border-color: #ccc;
  vertical-align: middle;
  background: #fff;
  border-style: solid;
  }

.event-list_wrapper {display: table;padding-bottom:20px;}
.fc-button-next {
background: none;
  border: none;
}	
.fc-button-prev {
background: none;
  border: none;
}

.fc-state-default.fc-corner-left {
  margin-right: 15px;
  border-radius: 7px !important;
  font-family: Raleway !important;
  color: #ffffff !important;
  font-size: 14px !important;
  background: #2e3192!important;
  width:100px;
  text-decoration: none !important;
}
.fc-button-list {
  margin-right: 15px;
  border-radius: 7px !important;
  font-family: Raleway !important;
  color: #ffffff !important;
  font-size: 14px !important;
  background: #2e3192!important;
  width:100px;
  text-decoration: none !important;
}
.fc-button-month {
  margin-right: 15px;
  border-radius: 7px !important;
  font-family: Raleway !important;
  color: #ffffff !important;
  font-size: 14px !important;
  background: #2e3192!important;
  width:100px;
  text-decoration: none !important;
}


.fc-header .fc-state-active, .fc-header .ui-state-active {
  z-index: 4;
  /*  margin-right: 15px;
    margin-left: 15px;
  */
  border-radius: 7px !important;
  font-family: Raleway !important;
  color: #ffffff !important;
  font-size: 14px !important;
  background: #2dc1f2!important;
  width:100px;
  text-decoration: none !important;
}

.fc-corner-right {
  margin-right: 15px;
  border-radius: 7px !important;
  font-family: Raleway !important;
  color: #ffffff !important;
  font-size: 14px !important;
  background: #2e3192!important;
  width:100px;
  text-decoration: none !important;
}
.fc-corner-right active {
  margin-right: 15px;
  border-radius: 7px !important;
  font-family: Raleway !important;
  color: #ffffff !important;
  font-size: 14px !important;
  background: #2dc1f2!important;
  width:100px;
  text-decoration: none !important;
}
.fc-header td {
  white-space: nowrap;
  padding-top: 15px;
}
 h1 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #444341;
  font-size: 30px;
  text-align: center;
  text-transform: none;
    font-family: 'Raleway', Arial, sans-serif;
  padding-top: 10px;
 padding-bottom: 30px;
}
}
.fc-content {
  clear: both;
  zoom: 1;
  padding-left: 70px;
}
.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
  border-style: none;
  /*visibility: hidden;*/
}
.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
  border: 0;
}
.fc-border-separate th, .fc-border-separate td {
  border-width: 0px 0 0 0px;
}
.fc-widget-header, .fc-widget-content {
  /* border: 1px solid #ddd; */
}
.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
  border-right-width: 0px;
}
.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px;
  background-color: #FFFFFF;
}
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
  border-bottom-width: 0px;
}
.fc-state-highlight {
  /* TODO: add .fc-today to <th>; */
   background: #ffffff; 
}
.tooltip {
  background: #fff;
  border: 0px solid #ccc;
  max-width: 350px;
  min-width: 160px;
  padding: 8px;
  position: absolute!important;
  opacity: 1;
  z-index: 10;
  visibility: hidden;
}


.event-list_wrapper_monthly {
  display: table;
  padding-bottom: 20px;
  width: 80%!important;
}

.fc-event-container {
  position: relative!important;
  /* z-index: 8; */
  top: 15px!important;
  /*left: 6%!important;*/
}
.fc-header-title h2 {
  /* display: none; */
  vertical-align: top;
 font-size: 15px;
  text-transform: uppercase;
  font-weight: 800;
}
.fc-header-left {
  width: 100%;
  text-align: left;
  position: relative;
 left: -12px;
}
.fc-button {
  margin-right: 15px!important;
}

.title {
    font-size: 18px;
    position:relative;
    top:15px;
    padding-bottom:20px;
}

.description {
    padding-bottom:30px;
	   padding-top:15px;
}

#dp-event-date {
  font-size: 15px;
  font-weight: 600;
}

.gkIsWrapper-gk_startup .gkIsText p {
    display: block;
    color: #fff;
    font-size: 20px;
    font-family: Bebas Neue;
    font-weight: 300;
    /* line-height: 40px; */
    margin: 0 0 35px 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateZ(0)!important;
}
.ouroceanourhelthhimages {
	height: auto!important;
	max-width: 80%!important;
	padding-bottom: 7px;
}

/**/
._oceanstyle #gkPageContent {background-image: url("../images/bluestripebgrnd.png")!important;}

._oceanstyle h1  { 
	text-align: center; 
	color:#FFFFFF;
	padding-top: 14px;
	    font-size: 36px!important;
}

dt:HOVER  > span  {
    color: #fff!important;

}