/*
#------------------------------------------------------------------------
# Music State - October Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Basic elements */

html { 
  -webkit-font-smoothing: antialiased; 
}
body {
  background: #222;
  color: #FFF;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.9;
  margin: 0;
  min-height: 100%;
  padding: 0;
  word-wrap: break-word;
}
a,
#gkMainbody a:active,
#gkMainbody a:focus,
#gkMainbody a:hover,
#gkMainbody header h1 a,
#gkMainbody header h2 a,
#k2Container article header h2 a {
  color: #fff;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  text-decoration: none;
}
a:hover,
a:active,
a:focus,
#gkMainbody 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,
#gkSidebar .box a:hover { 
  color: #e74c3c; 
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 0.5em 0;
  padding: 0;
}
h1 {
  font-size: 44px;
  font-weight: 400;
  text-transform: uppercase;
}
h2,
.componentheading {
  font-size: 42px;
  font-weight: 400;
  text-transform: uppercase;
}
h3 { font-size: 30px; }
h4 { font-size: 20px; margin-bottom: 30px;}
h5 { font-size: 17px; }
h6 { font-size: 13px; }
ul {
  /*list-style: none;*/
  margin: 0;
  padding: 0;
  font-size:14px;
}
ul li { line-height: 2.0; }
p { margin: 0.5em 0 1em; font-size:15px;   line-height:24px;}
iframe { max-width: 100%!important; }
/* Containers */

.gkPage {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto!important;
  padding: 0;
}
body[data-layout="left"] .gkPage { margin: 0!important; }
#gkHeader {
  /*background-size: cover;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 70px;
}
#gkHeaderMod {
	background: #899701 none repeat scroll 0 0;
    margin-top: 30px;
    overflow: hidden;
    text-align: center;
}
#gkHeaderMod p {margin:12px;}

#gkBg { 
  background: #000; 
  margin: 0 auto;
  max-width: 1600px;
}
#gkPageWrap { margin: 0 auto; }
#gkContent,
#gkPageContent { 
  width: 100%; 
}
#gkPageContent {
  position: relative;
}
.frontpage.dark-bottom #gkPageContent {
  background-size: auto auto;
  padding: 0 0 520px 0;
  position: relative;
}
.frontpage.dark-bottom #gkPageContent > .gkPage {
  position: relative;
  z-index: 1;
}
.frontpage.dark-bottom #gkDarkBottom {
  background: #1e1e1e url('../images/common/dark_bottom_bg.jpg') no-repeat center center;
  bottom: -450px;
  height: 1000px;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.frontpage #gkDarkBottom:after,
.frontpage #gkDarkBottom:before {
  background: #fff;
  content: "";
  height: 350px;
  position: absolute;
  top: -175px;
  -webkit-transform: skewY(12deg);
  -moz-transform: skewY(12deg);
  -ms-transform: skewY(12deg);
  -o-transform: skewY(12deg);
  transform: skewY(12deg);
  width: 100%;
}
.frontpage #gkDarkBottom:after {
  bottom: -175px;
  top: auto;
}
.frontpage.dark-bottom .gkDarkBottom + #gkBottom1 {
  margin-top: -200px;
  padding: 0 0 120px 0;
  position: relative;
  z-index: 1;
}

/* Logo  */
#gkLogo {
  height: 77px;
  margin: 0 30px 0 0;
  padding: 0;
  text-indent: -999em;
  text-shadow: none;
  width: 229px;
  display: block;
  float: left;
  z-index: 1;
  -webkit-transition: background-color .3s linear;
  -moz-transition: background-color .3s linear;
  -ms-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  transition: background-color .3s linear;
}
#gkLogo img {
  display: block;
  margin:22px 0 0;
}
#gkLogo.cssLogo,
#gkMenuWrap #gkLogo.cssLogo {
  background: transparent url('../images/logo.png') no-repeat 0 0;
  /* You can specify there logo size and background */
  height: 77px;
  width: 229px;
}
.imageBg #gkLogo.cssLogo {
  background: transparent url('../images/logo.png') no-repeat 0 0;
}
#gkLogo.text {
  color: #fff;
  display: block;
  font-size: 25px;
  font-weight: 500;
  height: auto;
  line-height: 79px;
  margin: 0;
  overflow: hidden;
  padding: 0 25px 0 0;
  text-indent: 0;
  text-transform: uppercase;
  width: auto;
  z-index: 1;
}
#gkLogo.text > span {
  display: block;
  padding: 0;
}
#gkLogo.text .gkLogoSlogan {
  color: #ccc;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  margin-top: -26px;
  text-align: center;
}
/* Top bar */
#gkHeaderNav {
  background: #222;
  margin: 0 auto;
  max-width: 1600px;
  min-height: 78px;
  position: relative;
}
#gkHeaderNav #gkLogo {
  position: absolute;
}
#gkLogin {
  background: #e74c3c;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  color: #fff;
  float: right;
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  line-height: 39px;
  margin: 0;
  padding: 0 18px;
  position: absolute;
  right: 0;  
  text-transform: uppercase;
  top: 18px;
  -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;
}
#gkLogin:hover {
  background: #fff;
  color: #000;
}
#aside-menu-toggler + #gkLogin {
  right: 50px;
}

/* Header */
#gkHeader { background: #f8f8f8; }
/* Mainbody */
#gkMainbody { margin-bottom: 5px; }
/* Stylearea */
#gkStyleArea {
  display: block;
  float: right;
  line-height: 10px;
  margin: 0;
  padding: 0;
  text-align: center;
}
#gkStyleArea a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin: 0 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: 10px;
}
#gkStyleArea a:first-child { margin-left: 0; }
#gkStyleArea a:hover {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
#gkColor1 { background: #e74c3c; }
#gkColor2 { background: #3498db; }
#gkColor3 { background: #899701; }
#gkColor4 { background: #b56c46; }
#gkColor5 { background: #41546f; }
#gkColor6 { background: #ecaa2f; }

/* Group modules */
#gkBottom1,
#gkBottom2,
#gkBottom3,
#gkBottom4 {
  padding: 0;
  overflow: hidden;
}
#gkBottom5 {
  padding: 20px 0;
}
.frontpage #gkBottom1 .gkPage,
.frontpage #gkBottom2 .gkPage,
.frontpage #gkBottom3 .gkPage,
.frontpage #gkBottom4 .gkPage {
  max-width: 100%;
}
#gkBottom1 .box.normal-width, 
#gkBottom2 .box.normal-width, 
#gkBottom3 .box.normal-width, 
#gkBottom4 .box.normal-width {
  margin: 0 auto;
  float: none;
  width: 100%;
}

/* standard breadcrumb */
#gkBreadcrumb {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
  padding: 10px 0;
}
#gkBreadcrumb .breadcrumbs {
  float: left;
  color: #999;
}
#gkBreadcrumb .breadcrumbs li.separator {
  width: 10px;
  text-align: center;
  padding: 0 6px!important;
  color: #ddd;
}
#gkBreadcrumb .breadcrumbs li.pathway { 
  padding-right: 20px; 
}
#gkBreadcrumb .breadcrumbs > ul > li {
  float: left;
  font-size: 14px;
  font-weight: 300;
}
#gkBreadcrumb .breadcrumbs > ul > li a { 
  font-weight: 300; 
}

#gkTools {
    display: none;
}


/* Other frontpage rules */
.frontpage .gkCols3 .box.gkmod-1,
.frontpage .gkCols4 .box.gkmod-1,
.frontpage .gkCols6 .box.gkmod-1 {
  padding: 0;
}
.frontpage .bigtitle-left .header {
  padding-left: 34px!important;
}

/* Bottom 3 - frontpage bg */

.frontpage #gkBottom3 {
  background: #141414 url('../images/common/people_bg.jpg') no-repeat center top;
  overflow: hidden;
  padding: 350px 0;
  position: relative;
}
.frontpage #gkBottom3:after,
.frontpage #gkBottom3:before {
  background: #fff;
  content: "";
  height: 350px;
  position: absolute;
  -webkit-transform: skewY(12deg);
  -moz-transform: skewY(12deg);
  -ms-transform: skewY(12deg);
  -o-transform: skewY(12deg);
  transform: skewY(12deg);
  top: -175px;
  width: 100%;
}
.frontpage #gkBottom3:after {
  bottom: -175px;
  top: auto;
}
.frontpage #gkBottom3 .bigtitle .header {
  color: #fff;
}
.newsletter p {
  color: #fff;
  font-size: 24px;
  margin: 24px 0 48px 0;
  text-align: center;
}
.newsletter input[type="email"] {
  background: transparent;
  border: 1px dashed #bbb;
  color: #fff;
  display: block;
  float: none;
  font-size: 16px;
  font-weight: 400;
  height: 62px;
  line-height: 63px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  width: 65%;
}

.newsletter input[type="email"]::-webkit-input-placeholder {
    color: #fff;
}
.newsletter input[type="email"]:-moz-placeholder {
    color: #fff;
}
.newsletter input[type="email"]::-moz-placeholder {
    color: #fff;
}
.newsletter input[type="email"]:-ms-input-placeholder {
    color: #fff;
}

/* Bottom section */
#gkBottomSection {
  background: #341a18 url('../images/style1/bottom_bg.jpg') no-repeat center top;
  overflow: hidden;
  padding: 400px 0 50px 0;
  position: relative;  
}
#gkBottomSection:before {
  background: #000;
  content: "";
  height: 400px;
  position: absolute;
  -webkit-transform: skewY(14deg);
  -moz-transform: skewY(14deg);
  -ms-transform: skewY(14deg);
  -o-transform: skewY(14deg);
  transform: skewY(14deg);
  top: -200px;
  width: 100%;
}
#gkBottom5 .bigtitle .header {
  color: #fff;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 32px;
  text-align: left;
}
#gkBottom5 .header,
#gkBottom5 h3 {
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#gkBottom5 ul li {
  border: none;
  font-size: 13px;
  padding: 10px 0;
}
#gkBottom5 ul li a {
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
}
#gkBottom5 ul li a:hover {
  color: #ccc;
}
#gkBottom5 ul li a small {
  display: block;
  font-size: 10px;
  font-weight: 300;
  line-height: 1;
  text-transform: none;
}
#gkBottom5 .negativemargin .header {
  margin-top: -150px;
}

/* footer */
#gkFooter {
  border-top: 1px solid #fff;
  border-top: 1px solid rgba(255, 255, 255, .25);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
}
#gkFooter > div { padding: 28px 0; }
#gkFooter a { color: #ddd; }
#gkFooter a:active,
#gkFooter a:focus,
#gkFooter a:hover { color: #fff; }
#gkCopyrights {
  float: left;
  margin: 0 0 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 */
.box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #888;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  width: 100%;
}
#gkSidebar .box {
  border: 1px solid #ffffff;
  margin: 0 0 26px 0;
  padding: 22px;
}
div.content { 
  clear: both; 
  margin-top: 15px;
}
#gkSidebar .box .content p {
  margin: 5px 0;
}
.box li {
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 0;
}
.box li:last-child { border-bottom: none; }
.box li a {
  line-height: 2.0;
  text-decoration: none;
}
.box a { text-decoration: none; }
.box ul ul { margin-left: 20px; }
/* default suffix */
/*.box .header {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
  padding: 22px 0;
  margin: -22px 0 0 0;
  text-transform: uppercase;
}*/
.box .header {padding-bottom:20px}
#gkSidebar .box .header {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -22px;
  padding: 0 22px 22px 22px;
}
/* clear suffix */
.box.clear {
  border: none!important;
  margin: 0!important;
  padding: 0!important;
}
.clear div.content { clear: both; }

/* bigtitle suffix */
.bigtitle .header {
  color: #000;
  font-size: 55px;
  font-weight: 600;
  line-height: 1.6;
  margin: 0 0 38px 0;
  text-align: center;
  text-transform: uppercase;
}
.bigtitle .header > small {
  clear: both;
  display: block;
}

/* bigtitle-left suffix */
.bigtitle-left .header {
  font-size: 92px;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 22px 0;
  padding: 0;
  text-align: left;
}

/* advertisement suffix */
.box.advertisement .header {
  background: transparent;
  border-bottom: 1px solid #e5e5e5;
  color: #ccc!important;
  font-size: 11px!important;
  margin: 0 0 12px 0;
  min-height: 21px;
  padding: 0;
  text-align: right;
  text-transform: uppercase;
  line-height: 16px;
  font-family: Arial, Verdana, sans-serif!important;
}
/* suffix light */
.box.light {
  background: #f5f5f5;
  padding: 22px!important;
}
/* suffix _text */
.box_text > div { 
  background: #fff; 
}
/* suffix dark */
.box.dark {
  background: #000!important;
  border: none;
  color: #666;
  padding: 22px!important;
}
.box.dark .header {
  border-bottom: 1px solid #333!important;
}
.box.dark h1,
.box.dark h2,
.box.dark h3,
.box.dark h4,
.box.dark h5,
.box.dark h6 { 
  color: #ddd; 
}
.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: #e74c3c!important; 
}
.box.dark ul ul { 
  margin: 0 0 0 20px; 
}
/* Suffix white */
.box.white {
  color: #fff!important;
}
.box.white .header,
.box.white .gkTitle,
.box.white .gkSubtitle {
  color: #fff;
}

/* Suffix nomargin */
.box.nomargin {
  margin: 0!important;
  padding: 0!important;
}
/* tablet/mobile suffixes */
.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: #535353;
  font-size: 12px;
  font-weight: 300;
  line-height: 27px;
}
#login-form fieldset { margin: 0 0 20px; }
#login-form fieldset p { margin: 0.5em 0; }
#login-form ul {
  border-top: 1px solid #E7E7E7;
  overflow: hidden;
  padding: 12px 0 0;
}
#login-form ul li {
  font-size: 12px;
  line-height: 1.0;
  overflow: hidden;
  padding: 5px 0;
}
#login-form input[type="text"],
#login-form input[type="password"] { width: 85%; }
label#jform_spacer-lbl {
  font-size: 11px;
  font-weight: 300;
  color: #666;
}
.login-greeting {
  float: left;
  margin: 4px 20px 0 0;
}

/* Popup Login */
#gkPopupOverlay,
#gkPopupLogin {
  color: #535353;
  display: none;
  overflow: hidden;
  position: fixed;
  z-index: 1000002;
  left: 50%;
  top: 40px;
}
#gkPopupLogin {
  margin-left: -220px;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -ms-perspective: 1200px;
  perspective: 1200px;
  width: 426px;
}
#gkPopupLogin > div {
  -webkit-transform: rotateX(-45deg);
  -moz-transform: rotateX(-45deg);
  -ms-transform: rotateX(-45deg);
  -o-transform: rotateX(-45deg);
  transform: rotateX(-45deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 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;
}
#gkPopupLogin.gk3Danim > div {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.gkPopupWrap {
  background: #fff;
  padding: 40px;
  overflow: hidden;
}
.gkPopupWrap h3 {
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
  margin: 0 0 32px;
  text-transform: uppercase;
}
.gkPopupWrap h3 small { font-size: 16px!important; }
.gkPopupWrap h3 a { color: #e74c3c; }
.gkPopupWrap h3 a:hover { color: #000; }
.gkPopupWrap ul.menu { margin: 0; }
.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 .gkUsermenu {
  clear: both;
  font-size: 14px;
  padding: 20px 0 0 0;  
}
/* 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: 3px 16px 0 0;
  height: 17px;
}
span#fb-auth {
  background-color: #798db9;
  display: inline-block;
  color: #fff;
  font-family: arial;
  line-height: 26px;
  font-size: 12px;
  font-weight: 300;
  margin: 12px 0 6px;
  padding: 7px 24px 7px 12px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #445375;
  cursor: pointer;
  height: 24px;
  -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;
  top: -3px;
}
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; }

/* Section navigation on frontpage */
.section-nav #gkHeaderMod,
.section-nav #gkMainbody,
.section-nav #gkBottom1,
.section-nav #gkBottom2,
.section-nav #gkBottom3,
.section-nav #gkBottom4 {
  position: relative;
}
.gkSectionNav {
  bottom: 50px;
  left: 50%;
  margin: 0 0 0 -27px;
  position: absolute;
  z-index: 101;
}
.gkSectionNav:before {
  border: 2px solid #E74C3C;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #E74C3C;
  content: "\f107";
  display: block;
  font-family: FontAwesome;
  font-size: 24px;
  font-weight: 400;
  height: 48px;
  line-height: 50px;
  text-align: center;
  -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: 48px;
}
.gkSectionNav:hover:before {
  border-color: #c6c6c6;
  color: #c6c6c6;
}
#gkHeaderMod .gkSectionNav:before,
#gkBottom3 .gkSectionNav:before {
  border-color: #fff;
  color: #fff;
}
#gkHeaderMod .gkSectionNav:hover:before,
#gkBottom3 .gkSectionNav:hover:before {
  border-color: #E74C3C;
  color: #E74C3C;
}
#gkMainbody .gkSectionNav {
  bottom: -100px;
}
#gkBottom1 .gkSectionNav,
#gkBottom2 .gkSectionNav,
#gkBottom4 .gkSectionNav {
  bottom: 0px;
}
#gkBottom3 .gkSectionNav {
  bottom: 240px;
}
#gkBottom2 .gkSectionNav,
#gkBottom4 .gkSectionNav {
  bottom: -30px;
}
.frontpage #gkBottom2,
.frontpage #gkBottom4 {
  overflow: visible;
}

/* Movable backgrounds for the desktop devices */
body[data-desktop="true"] #gkBottomSection,
body[data-desktop="true"].frontpage #gkBottom3,
body[data-desktop="true"].frontpage #gkDarkBottom {
  background-attachment: fixed!important;
}

@media (max-width: 1610px) {
  #gkLogo {
    margin-left: 20px!important;
  }
  #gkLogin {
    right: 20px;
  }
}
/*----------------------------------------------------------------------------------------*/

#gkHeaderNav .hizkuntza {
  position:       absolute;
  top: 52px;
  left: 65px;
  z-index: 50;
  }
#gkHeaderNav .hizkuntza .box {
  margin:        0;
  }
#gkHeaderNav .hizkuntza .lang-inline li {
  padding:      0 12px 0 0;
  }
#gkHeaderNav .hizkuntza .lang-inline a {
  font-weight:    bold;
  font-size:0.8em;
  }

#gkExtraMenu{
right: 130px;
}

/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
  width: 100%;
}

.span_1_of_2 {
  width: 48.2%;
  float:left;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
  .span_2_of_2 {
    width: 100%; 
  }
  .span_1_of_2 {
    width: 100%; 
  }
}

#gkHeaderNav > div.hizkuntza > div > div > div > ul > li:nth-child(1){
  border-bottom: transparent !important; 
}

/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  COLUMN SETUP  */
.col {
  display: block;
  float:left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
  content:"";
  display:table;
}
.group:after {
  clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
                                               
          
/*  GRID OF FOUR  */
.span_4_of_4 {
  width: 100%;
}
.span_3_of_4 {
  width: 74.6%;
}
.span_2_of_4 {
  width: 49.2%;
}
.span_1_of_4 {
  width: 23.8%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
  .col { 
    margin: 1% 0 1% 0%;
  }
}

@media only screen and (max-width: 480px) {
  .span_4_of_4 {
    width: 100%; 
  }
  .span_3_of_4 {
    width: 100%; 
  }
  .span_2_of_4 {
    width: 100%; 
  }
  .span_1_of_4 {
    width: 100%;
  }
}

/*--------galeria----------*/


/*----comun------*/
.view {
   width: 300px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
  border-radius: 25px;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 5px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px ;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 2px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

/*-----efecto_8--------*/
.view-eighth .mask {
   background-color: rgba(255, 255, 255, 0.7);
   top: -200px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view-eighth h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view-eighth p {
   color: #333;
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}
.view-eighth a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.view-eighth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
}
.view-eighth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-eighth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-eighth:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}

/*------facabook--------*/
/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/

/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
  display: none;
}

/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}
body > div > div > div > div.clearfix.pam > div > table > tbody > tr:nth-child(1) > td > span > a{
color:#BEFA00;}

/*quitar borde a los modulos*/

#gkSidebar .box {
  border: none;
 
}
.noticia {
margin: 0 auto;
text-align:center;
width:100%;

}
.noticia input {
width:260px;
border-radius:25px;
}

.patrocinador{
  margin-right:6px;
  margin-left:6px;
}
/* Buzz */
@-webkit-keyframes buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.buzz {

  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.buzz:hover, .buzz:focus, .buzz:active {
  -webkit-animation-name: buzz;
  animation-name: buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Pulse Grow */
@-webkit-keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.pulse-grow {
  width:90%;
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulse-grow:hover, .pulse-grow:focus, .pulse-grow:active {
  -webkit-animation-name: pulse-grow;
  animation-name: pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

#gkPageContent {margin-top:45px;}


.pie{
 text-align:center;
  
}
.columna{
 
  float: left;
  width: 33%;
 
}

.gkNspPM-Portfolio2 .gkPortfolioPopup {
background: #222222 !important;
}

.gkNspPM-Portfolio2 .gkPortfolioImage.active img, .gkNspPM-Portfolio2 .gkPortfolioImage.active a {
border-color:#666 !important;
}

.gkGridGK5Wrap {
background: none !important;
}

.gkIsWrapper-gk_bikestore {
background: #000 !important;
}

div.box.ini_csgo.gkmod-2 {
border-left: 1px solid #666;
}

.gkCols6 h3.header {
text-align:center;
}

/* anchura equipos lol 

div.box.ini_csgo.gkmod-1 #gk-grid-165 .gkGridElement.gkGrid-tab1-1, div.box.ini_csgo.gkmod-1 #gk-grid-165 .gkGridElement.gkGrid-tab2-1, div.box.ini_csgo.gkmod-1 #gk-grid-165 .gkGridElement.gkGrid-tab3-1, div.box.ini_csgo.gkmod-1 #gk-grid-165 .gkGridElement.gkGrid-tab4-1, div.box.ini_csgo.gkmod-1 #gk-grid-165 .gkGridElement.gkGrid-tab5-1, div.box.ini_csgo.gkmod-1 #gk-grid-165 .gkGridElement.gkGrid-tab6-1,
div.box.ini_csgo.gkmod-1 #gk-grid-165 .gkGridElement.gkGrid-tab7-1, div.box.ini_csgo.gkmod-1 #gk-grid-165 .gkGridElement.gkGrid-tab8-1 {
width: 11%;
margin:0.3em;
}
*/

.localizacion_texto p{ margin-bottom:10px; }
.localizacion_texto a{ font-size:	20px; }

@media only screen and (max-width: 568px) and (min-width:480px){
	
	#gkHeaderMod {
		margin-top:30px !important;
	}
}

@media only screen and (max-width: 1024px) and (min-width:568px){
	
	#gkHeaderMod {
		margin-top:10px !important;
	}
}


@media only screen and (max-width: 1024px){
	
	#gkHeaderNav  {
		min-height:90px !important;
	}
	
}

.form_inscripcion  a{font-size:24px;}
.form_inscripcion  a:hover{color:#000;}

.videos_inicio { 
	float: left;
    margin-left: 60px;
    width: 45%;
}
.fotos_inicio { float: left; width: 40%;}

@media only screen and (max-width: 1024px){
	
	.videos_inicio { float: left; width: 100% !important; margin-left:0  !important;}
	.fotos_inicio { float: left; width: 100% !important;}
	
}

.cosplayer_listado {
	float:left;
	text-align: center;
	padding: 20px;
}

.cosplayer_ficha {
	border-top: 1px solid #fff;
}
.cosplayer_name {
	float:left;
	width:45%;
	padding: 10px;
}

.cosplayer_description {

	float:left;
	width:45%;
	padding: 10px 20px;
}

.ficha_jugador {
	float:left;
	width:25%;
	text-align: center;
}

.premios_tabla {
	width:20%;
}

.entradas_horario{
	float:left;
	width:30%;
	border:1px solid #fff;
	padding:15px;

}

.palmares_jugador{
	float:left;
	width:40%;
	margin-bottom: 30px;
}

.palmares_jugador ul{
	margin:0 !important;
}

@media only screen and (max-width: 668px){

.cosplayer_listado {
	float:left;
	text-align: center;
	padding: 0px !important;
	width:100%  !important;
}
	
.cosplayer_name {
	float:left;
	width:100%  !important;
	padding: 10px;
}

.cosplayer_description {
	float:left;
	width:100%  !important;
	padding: 10px;
}
.ficha_jugador {
	float:left;
	width:100%  !important;
}
.premios_tabla {
	width:50%;
}
.entradas_horario{
	float:left;
	width:90%  !important;
}
.palmares_jugador{
	float:left;
	width:90%  !important;
}
}