

 

/* Base elements and classes */

html {

	border-bottom: 1px solid transparent;

	min-height: 100%;

}

body > div > footer,

body > div > header,

body > div > section,

body > footer,

body > header,

body > section {

	/* class used in the full template-width containers */

	clear: both;

	margin: 0 auto;

}

section#gkPageTop {

	overflow: visible; /* Necessary to make menu working */

	width: 100%; /* Necessary to achieve full background width */

}

#gkTop,

#gkBottom {

	/* Positions blocks -clearing */

	clear: both;

}



/* clearfix */

#gkPageContent:after,

#gkContent:after,

#gkSidebar:after,

footer:after,

header:after,

section:after,

aside:after,

article:after {

	clear: both;

	content: "";

	display: table;

}



/* Columns */

section#gkContent,

section#gkComponentWrap,

aside#gkSidebar {

	/* Main columns */

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	    -ms-box-sizing: border-box;

	     -o-box-sizing: border-box;

	        box-sizing: border-box;

	float: left;
	padding-left:10px;

}



#gkSidebar {

	padding-right: 16px;

}

#gkContent + #gkSidebar {

	padding-left: 36px;

	padding-right: 0!important;

}

#gkSidebar > div > .box {

	margin-top: 16px;

}

#gkSidebar > div > .box:first-child {

	margin-top: 0;

}

#gkTop1 .box,

#gkTop2 .box,

#gkBottom1 .box,

#gkBottom2 .box {

	/* Columns in the positions blocks */

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	    -ms-box-sizing: border-box;

	     -o-box-sizing: border-box;

	        box-sizing: border-box;

	float: left;

}

/* Joomla columns */

.cols-2 .column-1,

.cols-2 .column-2 {

	width: 50%;

}

.cols-3 .column-1,

.cols-3 .column-2,

.cols-3 .column-3 {

	float: left;

	width: 33.3%;

}

.column-1,

.column-2,

.column-3 {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	    -ms-box-sizing: border-box;

	     -o-box-sizing: border-box;

	        box-sizing: border-box;

	float: left;

}

/*

Layout calculations

 */

#gkMainbody .box {

	margin-top: 16px;

} 

#gkMainbody .box:first-child {

	margin-top: 0;

}

/* base spaces */

body > footer:first-child,

body > header:first-child,

body > section:first-child,

section#gkPage > section:first-child,

section#gkContent > section:first-child,

section#gkComponentWrap > section:first-child {

	margin-top: 10px;

}

/* Joomla columns */

.cols-2 .column-1,

.cols-3 .column-1 {

	padding-right: 10px;

}

.cols-2 .column-2,

.cols-3 .column-3 {

	padding-left: 10px;

}

.cols-3 .column-2 {

	padding-left: 10px;

	padding-right: 10px;

}

/* top/bottom modules */



/* 3-column layout */

.gkCols3 .box.gkmod-1,

.gkCols3 .box.gkmod-2,

.gkCols3 .box.gkmod-3,

.gkCols3 .box.gkmod-more {

	float: left;

	padding: 0 14px;	

}

.gkCols3 .box.gkmod-1 {

	width: 100%;	

}

.gkCols3 .box.gkmod-2 {

	width: 50%;

}

.gkCols3 .box.gkmod-3,

.gkCols3 .box.gkmod-more {

	width: 33.3%;

}

.gkCols3 .box.gkmod-more:nth-child(3n+1) {

	clear: both;

}

.gkCols3 .box.gkmod-more.gkmod-last-1:last-child {

	width: 100%!important;

}

.gkCols3 .box.gkmod-more.gkmod-last-2:last-child,

.gkCols3 .box.gkmod-more.gkmod-last-2:nth-last-child(2) {

	width: 50%!important;

}



/* 4-column layout */

.gkCols4 .box.gkmod-1,

.gkCols4 .box.gkmod-2,

.gkCols4 .box.gkmod-3,

.gkCols4 .box.gkmod-4,

.gkCols4 .box.gkmod-more {

	float: left;

	padding: 0 14px;	

}

.gkCols4 .box.gkmod-1 {

	width: 100%;	

}

.gkCols4 .box.gkmod-2 {

	width: 50%;

}

.gkCols4 .box.gkmod-3 {

	width: 33.3%;

}

.gkCols4 .box.gkmod-4,

.gkCols4 .box.gkmod-more {

	width: 25%;

}

.gkCols4 .box.gkmod-more:nth-child(4n+1) {

	clear: both;

}

.gkCols4 .box.gkmod-more.gkmod-last-1:last-child {

	width: 100%!important;

}

.gkCols4 .box.gkmod-more.gkmod-last-2:last-child,

.gkCols4 .box.gkmod-more.gkmod-last-2:nth-last-child(2) {

	width: 50%!important;

}

.gkCols4 .box.gkmod-more.gkmod-last-3:last-child,

.gkCols4 .box.gkmod-more.gkmod-last-3:nth-last-child(2),

.gkCols4 .box.gkmod-more.gkmod-last-3:nth-last-child(3) {

	width: 33.3%!important;

}



/* 6-column layout */

.gkCols6 .box.gkmod-1,

.gkCols6 .box.gkmod-2,

.gkCols6 .box.gkmod-3,

.gkCols6 .box.gkmod-4,

.gkCols6 .box.gkmod-5,

.gkCols6 .box.gkmod-6,

.gkCols6 .box.gkmod-more {

	float: left;

	padding: 0 14px;	

}

.gkCols6 .box.gkmod-1 {

	width: 100%;	

}

.gkCols6 .box.gkmod-2 {

	width: 50%;

}

.gkCols6 .box.gkmod-3 {

	width: 33.3%;

}

.gkCols6 .box.gkmod-4,

.gkCols6 .box.gkmod-more {

	width: 25%;

}

.gkCols6 .box.gkmod-5,

.gkCols6 .box.gkmod-more {

	width: 20%;

}

.gkCols6 .box.gkmod-6,

.gkCols6 .box.gkmod-more {

	width: 16.66%;

}

.gkCols6 .box.gkmod-more:nth-child(6n+1) {

	clear: both;

}

.gkCols6 .box.gkmod-more.gkmod-last-1:last-child {

	width: 100%!important;

}

.gkCols6 .box.gkmod-more.gkmod-last-2:last-child,

.gkCols6 .box.gkmod-more.gkmod-last-2:nth-last-child(2) {

	width: 50%!important;

}

.gkCols6 .box.gkmod-more.gkmod-last-3:last-child,

.gkCols6 .box.gkmod-more.gkmod-last-3:nth-last-child(2),

.gkCols6 .box.gkmod-more.gkmod-last-3:nth-last-child(3) {

	width: 33.3%!important;

}

.gkCols6 .box.gkmod-more.gkmod-last-4:last-child,

.gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(2),

.gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(3),

.gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(4) {

	width: 20%!important;

}

.gkCols6 .box.gkmod-more.gkmod-last-5:last-child,

.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(2),

.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(3),

.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(4),

.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(5) {

	width: 16.66%!important;

}

