/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.3
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @author		Rouven Weßling <me [at] rouvenwessling.de>
 * @copyright	Author
 */

#sbox-overlay {
	position: absolute;
	background-color: #000;
	left: 0px;
	top: 0px;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 10px;
	/* invalid values, but looks smoother! */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#sbox-window[aria-hidden=true],
#sbox-overlay[aria-hidden=true] {
	display: none;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(media/system/images/modal/closebox.png) no-repeat center;
	border: none;
}

.sbox-loading #sbox-content {
	background-image: url(media/system/images/modal/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
	overflow: hidden;
}

/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}

#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
#sbox-window.shadow {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(media/system/images/modal/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(media/system/images/modal/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(media/system/images/modal/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(media/system/images/modal/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(media/system/images/modal/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(media/system/images/modal/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(media/system/images/modal/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(media/system/images/modal/bg_nw.png) no-repeat;
}
@-moz-document url-prefix() {
    .body-overlayed {
	overflow: visible;
    }
}
/*
#------------------------------------------------------------------------
# Magazine - January 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 
*/


.k2FeedIcon a,
a.k2FeedIcon {
  display: block;
  height: 21px;
  line-height: 21px;
  margin: 25px 0 18px ;
  padding: 0 0 0 32px;
  float: left;
  font-size: 13px;
  color: #999;
  background: url('templates/gk_magazine/images/k2/rss.png') no-repeat 0 0;
}
.k2FeedIcon a:hover,
a:hover.k2FeedIcon {
  color: #222;
}
.k2FeedIcon a {
  float: none;
}
/* item view */

article header ul + ul {
  border: 1px solid #e5e5e5;
  border-left: none;
  border-right: none;
}
article header ul + ul li {
  line-height: 28px;
}
h1 > sup,
h2 > sup {
  background: #fec64d;
  font-size: 10px;
  font-weight: 600;
  top: -2.5em;
  color: #fff;
  padding: 2px 6px;
  text-transform: uppercase
}
ul li.itemResizer a {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('templates/gk_magazine/images/k2/fonts.png') no-repeat 100% 5px;
  text-indent: -9999em;
}
ul li.itemResizer span {
  padding: 0 6px 0 0;
}
ul li.itemResizer #fontIncrease {
  background-position: 0 5px;
}
.smallerFontSize {
  font-size: 90% !important;
}
.largerFontSize {
  font-size: 115% !important;
}

.itemPrint, .itemEmail { float: right}
.itemPrint a, .itemEmail a { color: #242424 !important}
.itemImageBlock {
  position: relative;
  margin: 0 0 10px;
}
.itemImage {
  display: block;
  line-height: 0;
  overflow: hidden;
}
.itemImageBlock img {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 0;
}
.itemImageBlock img:hover { 
  -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
     -moz-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
      -ms-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
       -o-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
          box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
}
.itemImageCaption {
  display: block;
  color: #999;
  padding: 8px 0 0;
  
  font-size: 11px;
}
.itemImageBlock > a {
  display: block;
  width: 100%;
}
.itemExtraFields ul li span.itemExtraFieldsValue,
.itemLinks .itemCategory a,
.itemLinks .itemTagsBlock ul {
  display: block;
  margin: 0 0 0 21%;
}
.itemBottom .itemRatingBlock span,
.itemBottom .itemRatingBlock .itemRatingList,
.itemBottom .itemRatingBlock .itemRatingForm ul.itemRatingList li,
.itemLinks .itemCategory span,
.itemLinks .itemAttachmentsBlock > span,
.itemExtraFields ul li span.itemExtraFieldsLabel,
.itemLinks .itemTagsBlock span,
.itemLinks .itemTagsBlock ul li,
.latestView .itemsContainer {
  float: left;
}
.itemBottom {
  clear: both;
  margin: 0 0 6px;
}
.itemLinks {
  clear: both;
  margin: 5px 0 28px 0;
}
.itemLinks .itemTagsBlock,
.itemLinks .itemSocialSharing {
  clear: both;
  overflow: hidden;
  
}
.itemSocialSharing {
  
  padding: 20px 0;
  margin-top: 38px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  
    
}
.itemExtraFields {
  margin: 8px 0 24px;
  font-size: 12px;
}
.itemExtraFields h3 {
  padding: 0 0 8px;
  font-size: 18px;
}
small.itemDateModified {
  display: block;
  text-align: right;
  font-style: italic
}
.itemRatingBlock {
  overflow: hidden;
}
.itemRatingBlock span {
  float: left;
}
.itemRatingForm {
  display: block;
  vertical-align: middle;
  line-height: 25px;
  margin-left: 20%;
}
.itemRatingLog {
  margin: -2px 0 0;
  padding: 0 0 0 4px;
  float: left;
  line-height: 25px;
  font-size: 11px;
  color: #999
}
span#formLog {
  display: block;
  float: none;
  clear: both;
  color: white;
  background: #4d90fe;
  text-align: center;
  margin: 10px 0;
  position: relative;
  top: 10px;
}
.itemRatingForm .formLogLoading {
  height: 25px;
  padding: 0 0 0 20px;
}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {
  background: url('templates/gk_magazine/images/k2/star.png') left -1000px repeat-x;
}
.itemRatingList {
  position: relative;
  float: left;
  width: 125px;
  height: 25px;
  overflow: hidden;
  list-style: none;
  margin: 0 6px !important;
  padding: 0;
  background-position: left top;
}
.itemRatingList li {
  display: inline;
  background: none;
  padding: 0;
  border: none !important;
}
.itemRatingList a,
.itemRatingList .itemCurrentRating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000px;
  height: 25px;
  line-height: 25px;
  outline: none;
  overflow: hidden;
  border: none;
  cursor: pointer;
}
.itemRatingList a:hover {
  background-position: left center;
}
.itemRatingList a.one-star {
  width: 20%;
  z-index: 6;
}
.itemRatingList a.two-stars {
  width: 40%;
  z-index: 5;
}
.itemRatingList a.three-stars {
  width: 60%;
  z-index: 4;
}
.itemRatingList a.four-stars {
  width: 80%;
  z-index: 3;
}
.itemRatingList a.five-stars {
  width: 100%;
  z-index: 2;
}
.itemRatingList .itemCurrentRating {
  z-index: 1;
  background-position: 0 bottom;
  margin: 0;
  padding: 0;
}
.itemTags li a,
.k2TagCloudBlock a,
.moduleItemTags a {
  
  
  
  
  
  
}
.itemTags li a:hover,
.moduleItemTags a:hover {
  background-position: 0 100%;
}
.k2TagCloudBlock a {
  background-image: none;
  height: auto;
  line-height: normal;
}
.k2TagCloudBlock a:hover {
  background: #4d90fe;
}
.itemExtraFields ul li {
  list-style: none;
  padding: 5px 0;
  border-top: 1px solid #eee;
}
.itemLinks ul li {
  list-style: none;
  margin-right: 10px;
}
.itemTagsBlock ul li:after { 
  content: ",";
}

.itemAttachmentsBlock {
  margin: 0 0 48px;
  background: #FEC64D url('templates/gk_magazine/images/style1/typography/tips.png') no-repeat 6px 3px;
  min-height: 38px;
  padding: 10px 10px 10px 80px;
}

.itemLinks .itemAttachmentsBlock ul li a {
  color: #fff !important;
  font-weight: 400;
  margin-left: 12px;
}
.itemLinks .itemAttachmentsBlock ul li a span { font-weight: normal; font-size: 11px;}
.itemLinks .itemSocialSharing > div {
  float: left;
}
.itemAuthorBlock {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  float: left;
}
.itemAuthorBlock > .gkAvatar {
  float: left;
  padding: 12px;
  max-width: 80px;
}
.itemAuthorBlock > .gkAvatar > img {
  display: block;
}
.itemAuthorBlock .itemAuthorDetails {
  margin: 0 24px 0 130px;
  line-height: 1.7;
}
.itemAuthorBlock .itemAuthorDetails p {
  margin: 0.5em 0 0.8em;
}
.itemAuthorUrl,
.itemAuthorEmail {
  font-size: 12px;
}
.itemAuthorData {
  overflow: hidden;
  margin: 0 0 36px;
  padding: 16px;
  background: #f9f9f9;
  clear: both;
}
.itemAuthorData h3 {
  font-size: 20px;
  font-weight: 400;
  color: #242424
}
.itemAuthorData a { color: #242424 !important}
.itemAuthorData .itemAuthorContent {
  
  margin: 0;
}
.itemAuthorContent {
  margin: 0 0 5px 0;
  overflow: hidden;
}

.itemAuthorContent ul li {
  background: url('templates/gk_magazine/images/style1/typography/bullet1.png') no-repeat 0 12px;
  
  line-height: 1.6;
  padding: 5px 0 0 24px;
  
}

.itemNavigation {
  clear: both;
  padding: 0;
  font-size: 15px;
  color: #7D7B7A;
  margin: 10px 0 0 0;
  font-weight: bold;
 }
.itemAuthorContent ul li a:hover {
  color: #2f3336;
}
.itemComments h3, .itemAuthorContent h3 { 
   border-top: 1px solid #e5e5e5;
    line-height: 1;
  padding: 18px 0
    }
.itemCommentsForm label {
  display: block;
  clear: both;
  padding: 12px 0 6px
}
.itemCommentsForm textarea,
.itemCommentsForm .inputbox {
  float: left;
}
.itemCommentsForm textarea.inputbox {
  height: 200px;
}
.itemCommentsForm .inputbox {
  width: 100%;
}
.itemCommentsForm #submitCommentButton {
  clear: both;
  margin: 20px 0 0;
}
.itemCommentsForm .itemCommentsFormNotes {
  margin: 0 0 24px;
  color: #999;
  font-size: 13px;
  
}
#itemCommentsAnchor {
  clear: both;
  
  
}
.itemComments p {margin: 0.5em 0}
.itemComments .itemCommentsList {
  clear: both;
  padding: 36px 0 12px;
}
.itemComments .itemCommentsList li {
  border-top: 1px solid #e5e5e5;
  margin: 0 0 24px;
  padding: 24px 0 0;
  
}
.itemComments .itemCommentsList li > div { 
  padding: 10px;
}

.itemComments .itemCommentsList li > img, .k2LatestCommentsBlock img{
  float: left;
  border-radius: 50%;
     -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
           -o-border-radius: 50%;
  border: 1px solid #e5e5e5;
  margin: 18px 0 0;
  padding: 5px
}
.itemComments .itemCommentsList li > div {
  margin: 0 0 0 92px;
}
.itemComments .itemCommentsList li span {
  margin-right: 16px;
  font-size: 13px;
  color: #999
  
}
.itemComments .itemCommentsList li span:first-child { font-size: 16px; font-weight: 600; color: #242424;}
.itemComments .itemCommentsList li span:first-child a { color: #242424 !important}
a.commentLink { float: right}
.itemBackToTop {
  float: right;
}
/* Items views */
.itemList article header h2,
.itemsContainerWrap article header h1 {
  margin: 0 0 8px;
  font-size: 36px;
  line-height: 42px;
}
.itemList ul.itemTags {
  clear: both;
  padding: 12px 0 0 0;
}
.itemTags {
  padding-left: 4px !important;
}
.itemList ul.itemTags li {
  float: left;
}
.clr {
  clear: both;
}
.itemListSubCategories {
  overflow: hidden;
}
.userView article,
.genericView article,
.itemList article {
  clear: both;
  margin-top: 18px !important;
}
/*.itemListSubCategories h2*/
.subCategoryContainer {
  float: left;
  margin-bottom: 5px;
}
.subCategoryContainer .subCategory {
  margin: 0 12px 8px 0;
}
.itemContainer {
  float: left;
}
.itemList article {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
}
.itemsContainer:first-child .itemList article,
.itemsContainer .itemsContainerWrap .itemList article, 
#itemListLeading .itemContainer:first-child article.itemView,
.genericView .itemList article:first-child  { 
    border: none; 
  margin-top: 0 !important;
  padding: 0
}
itemContainerLast article {
  margin: 0;
}
#itemListLinks {
  clear: both;
}
#itemListLinks ul {
  margin: 12px 0 0 0;
}
#itemListLinks li {
  background: url('templates/gk_magazine/images/style1/typography/bullet-square2.png') no-repeat 0 6px;
  padding-left: 24px;
  font-size: 13px;
}
#itemListLinks a {
  color: #737373;
}
#itemListLinks a:hover {
  color: #2f3336;
}
/* Modules */
/*----------------------------------------------------------------------
Modules:  mod_k2_comments
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
Modules:  mod_k2_comments
----------------------------------------------------------------------*/
/* Latest Comments & Author module*/
.k2LatestCommentsBlock .k2FeedIcon {
  margin-top: 16px;
}
.k2LatestCommentsBlock ul li,
.k2TopCommentersBlock ul li {
  padding: 12px 0 !important;
  list-style: none !important;
  line-height: 1.5 !important;
}
.k2Avatar {
  display: block !important;
  float: left;
  margin: 0 24px 0 0;
}
.lcAvatar {
  margin: 0 12px 0 0;
}
.lcAvatar img { margin: 0;}
.lcUsername {
  font-weight: 600;
  font-size: 12px;
}
.k2LatestCommentsBlock div {
  margin-left: 72px
  
}
.k2LatestCommentsBlock div p { margin: 0.3em 0}

.k2AuthorsListBlock ul li {
  border: none;
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}
.k2AuthorsListBlock ul li a.abAuthorLatestItem {
  display: block;
  clear: both;
  margin: 12px 0 0;
  padding: 0 0 0 12px;
  font-size: 11px;
  line-height: 14px;
}
.k2AuthorsListBlock ul li a.abAuthorLatestItem span {
  display: block;
  font-size: 10px;
  color: #777;
}
/* Restriction */
#gkRight .k2Avatar,
#gkLeft .k2Avatar {
  border-color: #fff;
}
/* Top Commenters */
.tcUsername {
  font-size: 18px;
  color: #333;
}
.tcLatestComment {
  display: block;
  margin: 6px 0;
  font-size: 13px;
  color: #737373;
}
.tcLatestCommentDate {
  display: block;
  font-size: 11px;
  color: #999;
}
/*----------------------------------------------------------------------
Modules:  mod_k2_content
----------------------------------------------------------------------*/
div .k2ItemsBlock ul {
  margin-right: -20px;
}
div .k2ItemsBlock ul li {
  margin: 0 0 12px;
  background: none !important;
  padding: 12px 20px 12px 0 !important;
  list-style: none !important;
}
a.moduleItemTitle {
  color: #2f3336;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
.moduleItemAuthor {
  overflow: hidden;
  margin: 0 0 16px;
  font-size: 11px;
  border-bottom: 1px solid #e5e5e5;
}
.moduleItemAuthor a {
  color: #2f3336;
  display: block;
  font: bold 12px Verdana, Geneva, sans-serif;
  padding: 0 0 12px;
}
.moduleItemAuthor p {
  clear: both;
}
.moduleItemIntrotext {
  display: block;
  padding: 12px 0 0;
  line-height: 1.6;
}
.moduleItemIntrotext a.moduleItemImage img {
  float: left;
  overflow: hidden;
  margin: 4px 0;
}
.moduleItemDateCreated,
.moduleItemCategory {
  font: normal 10px Verdana, Geneva, sans-serif;
  color: #999;
}
.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 4px 0 0;
  width: 30%;
}
.moduleItemTags,
.moduleAttachments {
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  margin: 12px 0 0;
  padding: 12px 0 0;
}
.moduleItemTags strong {
  font-size: 12px;
  color: #2f3336;
}
.moduleItemTags a {
  float: right;
}
a.moduleItemComments {
  font-size: 12px;
}
a:hover.moduleItemComments {
  background-position: 0 100%;
  color: #fff;
}
.k2ItemsBlock ul li span.moduleItemHits {
  font-size: 90%;
}
.moduleItemImage {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
}
.moduleItemReadMore {
  display: block;
  clear: both;
}
/*---Modules:  mod_k2_login ---*/
.k2LoginBlock fieldset.input {
  margin: 0;
  padding: 0 0 8px 0;
}
.k2LoginBlock fieldset.input p {
  margin: 0;
  padding: 0 0 4px 0;
}
.k2LoginBlock fieldset.input p label,
.k2LoginBlock fieldset.input p input {
  display: block;
}
.k2LoginBlock fieldset.input p#form-login-remember label,
.k2LoginBlock fieldset.input p#form-login-remember input {
  display: inline;
}
.k2UserBlock p.ubGreeting {
  border-bottom: 1px dotted #eee;
}
.k2UserBlock .k2UserBlockDetails span.ubName {
  display: block;
  font-weight: bold;
  font-size: 14px;
}
/* ---Modules:  mod_k2_tools ---*/
/* ---Breadcrumbs ---*/
.k2BreadcrumbsBlock span.bcTitle {
  padding: 0 4px 0 0;
  color: #999;
}
.k2BreadcrumbsBlock span.bcSeparator {
  padding: 0 4px;
  font-size: 14px;
}
/* ---Calendar ---*/
.k2CalendarBlock {
  margin-bottom: 8px;
}
/* use this height value so that the calendar height won't change on Month change via ajax */
.k2CalendarLoader {
  background: #fff;
}
.k2CalendarBlock table.calendar {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-collapse: collapse;
  border-left: 1px solid #eee;
}
.k2CalendarBlock table.calendar tr td {
  text-align: center;
  vertical-align: middle;
  padding: 3px;
  border: 1px solid #eee;
  background: #fff;
}
.k2CalendarBlock table.calendar tr td.calendarNavMonthPrev,
.k2CalendarBlock table.calendar tr td.calendarNavMonthNext {
  background: #fff;
  text-align: center;
  font-size: 15px !important;
}
.k2CalendarBlock table.calendar tr td.calendarDayName {
  background: #f5f5f5;
  font-size: 11px;
  width: 14.2%;
  color: #333;
  font-weight: 600;
}
.k2CalendarBlock table.calendar tr td.calendarDateEmpty {
  background: #fbfbfb;
}
.k2CalendarBlock table.calendar tr td.calendarDate {
  font-size: 11px;
}
.k2CalendarBlock table.calendar tr td.calendarDateLinked {
  padding: 0;
}
.k2CalendarBlock table.calendar tr td.calendarDateLinked a {
  display: block;
  padding: 2px;
}
.k2CalendarBlock table.calendar tr td.calendarDateLinked a:hover {
  display: block;
  background: #fec64d;
  color: #fff !important;
  padding: 2px;
}
.k2CalendarBlock table.calendar tr td.calendarToday {
  background: #4d90fe;
  color: #fff;
}
.k2CalendarBlock table.calendar tr td.calendarTodayLinked {
  background: #f5f5f5;
  
  padding: 0;
}
table.calendar tr td.calendarTodayLinked a {
  display: block;
  padding: 2px;
  color: #4d90fe;
  font-size: 12px;
  font-weight: bold
}
.k2CalendarBlock table.calendar tr td.calendarTodayLinked a:hover {
  display: block;
  background: #fec64d;
  color: #fff;
  padding: 2px;
}
.calendarNavLink { color: #4d90fe}
/* restriction */
.gkColumns > aside .k2CalendarBlock table.calendar,
.gkColumns > aside .k2CalendarBlock table.calendar tr td {
  background: none;
  border: none;
  color: #fff;
}
.gkColumns > aside .k2CalendarBlock table.calendar tr td.calendarDateLinked a {
  font-weight: 700;
  font-size: 18px;
}
.gkColumns > aside .calendarNavMonthPrev,
.gkColumns > aside .calendarCurrentMonth,
.gkColumns > aside .calendarNavMonthNext {
  background: #2f3336 !important;
}
.k2TagCloudBlock a {
  background: #FEC64D;
  border: 1px solid #FEC64D;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  margin: 3px;
  padding: 10px;
  text-transform: uppercase;  
  -moz-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  -webkit-transition: all .1s ease-out;
  transition: all 0.1s ease-out 0s
  
   
}
.k2TagCloudBlock a:hover {
  color: #fff;
  background: #4d90fe;
  border-color: #4d90fe
}
/* ---Category Tree Select Box ---*/
.k2CategorySelectBlock form select {
  width: auto;
}
/* ---Tag Cloud ---*/
.k2TagCloudBlock {
  padding: 8px 0 0 4px;
  font-size: 15px;
}
.k2TagCloudBlock a {
  float: left;
  margin-bottom: 6px;
}
/* ---Google Search ---*/
#k2Container .gsc-branding-text {
  text-align: right;
}
#k2Container .gsc-control {
  width: 100%;
}
#k2Container .gs-visibleUrl {
  display: none;
}
/* ---Modules:  mod_k2_users ---*/
a.ubUserFeedIcon,
a.ubUserFeedIcon:hover {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
a.ubUserFeedIcon span,
a.ubUserFeedIcon:hover span {
  display: none;
}
a.ubUserURL,
a.ubUserURL:hover {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
a.ubUserURL span,
a.ubUserURL:hover span {
  display: none;
}
span.ubUserEmail {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
span.ubUserEmail a {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
.k2UsersBlock ul li h3 {
  clear: both;
  margin: 8px 0 0 0;
  padding: 0;
}
.catCounter {
  font-size: 11px;
  font-weight: normal;
}
/* Rating form fix */
article header .itemRatingBlock > span {
  display: none;
}
article header .itemRatingBlock > div {
  margin: 3px 0 0 0;
}
/* Fix for the categories view */

.itemContainerLast:first-child .itemImageBlock,
.clr + .itemContainerLast .itemImageBlock {
  padding: 0;
}
.itemCommentsPagination ul li {
  display: inline-block;
  margin: 0 3px;
  font-size: 80%;
}
.itemCommentsPagination ul {
  text-align: right;
}
/* change layout when more than 1 column */
.itemsContainerWrap time + header,
.cols-2 time + header,
.cols-3 time + header,
.cols-4 time + header {
  padding-left: 0!important;
}
.itemsContainer .itemsContainerWrap,
.itemContainer .itemsContainerWrap {
  margin: 0 10px;
}
.itemsContainerWrap .itemView header ul li.itemDate,
.itemsContainerWrap header ul li.item-date,
.cols-2 header ul li.item-date,
.cols-3 header ul li.item-date,
.cols-4 header ul li.item-date {
  display: block;
}

.itemsContainer .itemsContainerWrap .itemList article {
  margin-bottom: 50px;
}

/* Latest Items columns */

#k2Container article header h2 {
  clear: both;
  font-size: 44px;
  line-height: 52px;
}

#k2Container .itemsContainerWrap article header h2 {
  font-size: 28px;
  line-height: 38px;
}

#k2Container .itemsContainerWrap article header {
  margin-bottom: 10px;
}
.itemIntroText ol,
.itemFullText ol {
  list-style:decimal;
  list-style-position:inside;
}
.itemAuthorContent { clear: both; }

.itemLinks .itemTagsBlock, 
.itemLinks .itemSocialSharing { overflow: visible; }
div.itemSocialSharing { overflow: visible!important }

/* Moi - knopki nad statiey */
#k2Container .itemSocial {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
   }/* Component View */
.readinglist_options {}
.rlcopy, .rlemail {
	float:right;
	padding-left:20px;
	font-size:14px;
}

.category_title {
	font-size:14px;
	font-weight:bold;
	padding:10px 0 5px 0;
	margin:10px 0 20px 0;

}

/* Panes */
#readingListForm {
	float:left;
}
.readinglist-list .panel h3.pane-toggler a, .readinglist-list .panel h3.pane-toggler-down a {
	background-image:none !important;
}

/*
.panel h3.pane-toggler a {
	background: url("components/com_jxtcreadinglist/views/readinglist/tmpl/images/Plus.png") no-repeat scroll right 50% #F5F5F5 !important;
}
.panel h3.pane-toggler-down a {
    background: url("components/com_jxtcreadinglist/views/readinglist/tmpl/images/Minus.png") no-repeat scroll right 50% #095197 !important;
    border-bottom: 1px solid #DDDDDD;
}

.panel a:hover, .panel a:active, .panel a:visited, .panel a:link, .panel a:focus {
}
*/

.header_date {
	font-weight:normal;
	font-size:11px;
	margin-top:2px;
}

.rltoolbar {
	clear:both;
	vertical-align:middle;
}

.rltoolbar a {
	font-size:20px;
	text-decoration:none !important;
	display:block !important;
	width:24px;
	height:24px;
	padding:0px !important;
	margin:10px 5px 10px 10px !important;
	border:none !important;
	float:right !important;
	background:none !important;
}
.rltoolbar a:hover {
	background:none !important;
	text-decoration:none !important;
	color:inherit !important;
}

.rltoolbar .author, .rltoolbar .date { 
	font-family:serif;
	font-style:italic;
	height:24px;
	line-height:24px;
	font-size:14px;
	float:left;
	margin:10px 0 10px 0;
}

/* Copy View */
.copyintro {
	padding:10px;
	font-size:14px;
	font-weight:bold;
	font-family:sans-serif;
	margin-bottom:10px;
	color:#333333;
	background:#ffffff;
}
.copycode {
	border:1px solid #e0e0e0;
	padding:10px;
	margin:10px;
	font-size:12px;
	font-weight:normal;
	font-family:serif;
	color:#222222;
	background:#f0f0f0;
}

/* Shared List View */
.shared_intro {
	font-size:14px;
	font-weight:normal;
}
.shared_intro .owner {
	font-weight:bold;
}


/* Modules */
.readinglist_module {}
.rlmod_intro {
	font-size:14px;
	font-weight:bold;
	font-family:sans-serif;
	padding-bottom:10px;
}
.rlmodcategory {}
.readinglist_module a {
	display:block;
	text-decoration:none;
	color:#4d90fe;
	padding:3px 3px 3px 3px;
}
.readinglist_module a:hover {
	background:#fec64d;
	color:#4d90fe;
        text-decoration:none;
        }

.readinglist_module a.selected {
	background:#91c46c;
	color:#f0f0f0;
}

.rlmod_options {
	margin-top:5px;
	padding-top:5px;
	border-top:1px solid #f0f0f0;
}

/* Plugins */
.rl_link, .rl_add, .rl_remove, .rl_guest {
	text-decoration:none !important;
	background:none !important;
        font-weight: bold;
}
.rl_link:hover, .rl_add:hover, .rl_remove:hover, .rl_guest:hover,
.rl_link:active, .rl_add:active, .rl_remove:active, .rl_guest:active,
.rl_link:focus, .rl_add:focus, .rl_remove:focus, .rl_guest:focus {
	text-decoration:none !important;
	color:inherit !important;
	background:none !important;
}

/* Icons */
@charset "UTF-8";

@font-face {
  font-family: 'readinglist';
  src: url("components/com_jxtcreadinglist/font/readinglist.eot");
  src: url("components/com_jxtcreadinglist/font/readinglist.eot?#iefix") format('embedded-opentype'),
  		 url("components/com_jxtcreadinglist/font/readinglist.woff") format('woff'),
  		 url("components/com_jxtcreadinglist/font/readinglist.ttf") format('truetype'),
  		 url("components/com_jxtcreadinglist/font/readinglist.svg#readinglist") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="rlicon-"]:before,
[class*=" rlicon-"]:before {
  font-family: 'readinglist';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  opacity: 0.8;
/* fix buttons height, for twitter bootstrap */
  line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
  margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.pane-toggler .rlicon-toggle, .pane-toggler-down .rlicon-toggle  { padding-top:5px;display:block; float:right; font-size:20px;}
.pane-toggler .rlicon-toggle:before { content: '\229e'; } /* '?' */
.pane-toggler-down .rlicon-toggle:before { content: '\229f'; } /* '?' */

.rlicon-plus-squared:before { content: '\229e'; }
.rlicon-minus-squared:before { content: '\229f'; }
.rlicon-mail:before { content: '\2709'; }
.rlicon-attention-circle:before { content: '\2757'; }
.rlicon-right-hand:before { content: '\e08c'; }
.rlicon-glasses:before { content: '\e0e3'; }
.rlicon-help-circle:before { content: '\e704'; }
.rlicon-info-circle:before { content: '\e705'; }
.rlicon-trash:before { content: '\e729'; }
.rlicon-link-ext:before { content: '\f08e'; }
.rlicon-bookmark-empty:before { content: '\f097'; }
.rlicon-paste:before { content: '\f0ea'; }
.rlicon-lightbulb:before { content: '\f0eb'; }
.rlicon-bookmarks:before { content: '\1f4d1'; }
.rlicon-book:before { content: '\1f4d5'; }
.rlicon-book-1:before { content: '\e801'; }
.rlicon-book-open:before { content: '\1f4d6'; }
.rlicon-book-open-1:before { content: '\e800'; }
.rlicon-bookmark:before { content: '\1f516'; }/*
#------------------------------------------------------------------------
# Magazine - January 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 
*/


.k2FeedIcon a,
a.k2FeedIcon {
  display: block;
  height: 21px;
  line-height: 21px;
  margin: 25px 0 18px ;
  padding: 0 0 0 32px;
  float: left;
  font-size: 13px;
  color: #999;
  background: url('templates/gk_magazine/images/k2/rss.png') no-repeat 0 0;
}
.k2FeedIcon a:hover,
a:hover.k2FeedIcon {
  color: #222;
}
.k2FeedIcon a {
  float: none;
}
/* item view */

article header ul + ul {
  border: 1px solid #e5e5e5;
  border-left: none;
  border-right: none;
}
article header ul + ul li {
  line-height: 28px;
}
h1 > sup,
h2 > sup {
  background: #fec64d;
  font-size: 10px;
  font-weight: 600;
  top: -2.5em;
  color: #fff;
  padding: 2px 6px;
  text-transform: uppercase
}
ul li.itemResizer a {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('templates/gk_magazine/images/k2/fonts.png') no-repeat 100% 5px;
  text-indent: -9999em;
}
ul li.itemResizer span {
  padding: 0 6px 0 0;
}
ul li.itemResizer #fontIncrease {
  background-position: 0 5px;
}
.smallerFontSize {
  font-size: 90% !important;
}
.largerFontSize {
  font-size: 115% !important;
}

.itemPrint, .itemEmail { float: right}
.itemPrint a, .itemEmail a { color: #242424 !important}
.itemImageBlock {
  position: relative;
  margin: 0 0 10px;
}
.itemImage {
  display: block;
  line-height: 0;
  overflow: hidden;
}
.itemImageBlock img {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 0;
}
.itemImageBlock img:hover { 
  -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
     -moz-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
      -ms-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
       -o-box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
          box-shadow: inset 0 0 12px rgba(0,0,0,0.4);
}
.itemImageCaption {
  display: block;
  color: #999;
  padding: 8px 0 0;
  
  font-size: 11px;
}
.itemImageBlock > a {
  display: block;
  width: 100%;
}
.itemExtraFields ul li span.itemExtraFieldsValue,
.itemLinks .itemCategory a,
.itemLinks .itemTagsBlock ul {
  display: block;
  margin: 0 0 0 21%;
}
.itemBottom .itemRatingBlock span,
.itemBottom .itemRatingBlock .itemRatingList,
.itemBottom .itemRatingBlock .itemRatingForm ul.itemRatingList li,
.itemLinks .itemCategory span,
.itemLinks .itemAttachmentsBlock > span,
.itemExtraFields ul li span.itemExtraFieldsLabel,
.itemLinks .itemTagsBlock span,
.itemLinks .itemTagsBlock ul li,
.latestView .itemsContainer {
  float: left;
}
.itemBottom {
  clear: both;
  margin: 0 0 6px;
}
.itemLinks {
  clear: both;
  margin: 5px 0 28px 0;
}
.itemLinks .itemTagsBlock,
.itemLinks .itemSocialSharing {
  clear: both;
  overflow: hidden;
  
}
.itemSocialSharing {
  
  padding: 20px 0;
  margin-top: 38px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  
    
}
.itemExtraFields {
  margin: 8px 0 24px;
  font-size: 12px;
}
.itemExtraFields h3 {
  padding: 0 0 8px;
  font-size: 18px;
}
small.itemDateModified {
  display: block;
  text-align: right;
  font-style: italic
}
.itemRatingBlock {
  overflow: hidden;
}
.itemRatingBlock span {
  float: left;
}
.itemRatingForm {
  display: block;
  vertical-align: middle;
  line-height: 25px;
  margin-left: 20%;
}
.itemRatingLog {
  margin: -2px 0 0;
  padding: 0 0 0 4px;
  float: left;
  line-height: 25px;
  font-size: 11px;
  color: #999
}
span#formLog {
  display: block;
  float: none;
  clear: both;
  color: white;
  background: #4d90fe;
  text-align: center;
  margin: 10px 0;
  position: relative;
  top: 10px;
}
.itemRatingForm .formLogLoading {
  height: 25px;
  padding: 0 0 0 20px;
}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {
  background: url('templates/gk_magazine/images/k2/star.png') left -1000px repeat-x;
}
.itemRatingList {
  position: relative;
  float: left;
  width: 125px;
  height: 25px;
  overflow: hidden;
  list-style: none;
  margin: 0 6px !important;
  padding: 0;
  background-position: left top;
}
.itemRatingList li {
  display: inline;
  background: none;
  padding: 0;
  border: none !important;
}
.itemRatingList a,
.itemRatingList .itemCurrentRating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000px;
  height: 25px;
  line-height: 25px;
  outline: none;
  overflow: hidden;
  border: none;
  cursor: pointer;
}
.itemRatingList a:hover {
  background-position: left center;
}
.itemRatingList a.one-star {
  width: 20%;
  z-index: 6;
}
.itemRatingList a.two-stars {
  width: 40%;
  z-index: 5;
}
.itemRatingList a.three-stars {
  width: 60%;
  z-index: 4;
}
.itemRatingList a.four-stars {
  width: 80%;
  z-index: 3;
}
.itemRatingList a.five-stars {
  width: 100%;
  z-index: 2;
}
.itemRatingList .itemCurrentRating {
  z-index: 1;
  background-position: 0 bottom;
  margin: 0;
  padding: 0;
}
.itemTags li a,
.k2TagCloudBlock a,
.moduleItemTags a {
  
  
  
  
  
  
}
.itemTags li a:hover,
.moduleItemTags a:hover {
  background-position: 0 100%;
}
.k2TagCloudBlock a {
  background-image: none;
  height: auto;
  line-height: normal;
}
.k2TagCloudBlock a:hover {
  background: #4d90fe;
}
.itemExtraFields ul li {
  list-style: none;
  padding: 5px 0;
  border-top: 1px solid #eee;
}
.itemLinks ul li {
  list-style: none;
  margin-right: 10px;
}
.itemTagsBlock ul li:after { 
  content: ",";
}

.itemAttachmentsBlock {
  margin: 0 0 48px;
  background: #FEC64D url('templates/gk_magazine/images/style1/typography/tips.png') no-repeat 6px 3px;
  min-height: 38px;
  padding: 10px 10px 10px 80px;
}

.itemLinks .itemAttachmentsBlock ul li a {
  color: #fff !important;
  font-weight: 400;
  margin-left: 12px;
}
.itemLinks .itemAttachmentsBlock ul li a span { font-weight: normal; font-size: 11px;}
.itemLinks .itemSocialSharing > div {
  float: left;
}
.itemAuthorBlock {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  float: left;
}
.itemAuthorBlock > .gkAvatar {
  float: left;
  padding: 12px;
  max-width: 80px;
}
.itemAuthorBlock > .gkAvatar > img {
  display: block;
}
.itemAuthorBlock .itemAuthorDetails {
  margin: 0 24px 0 130px;
  line-height: 1.7;
}
.itemAuthorBlock .itemAuthorDetails p {
  margin: 0.5em 0 0.8em;
}
.itemAuthorUrl,
.itemAuthorEmail {
  font-size: 12px;
}
.itemAuthorData {
  overflow: hidden;
  margin: 0 0 36px;
  padding: 16px;
  background: #f9f9f9;
  clear: both;
}
.itemAuthorData h3 {
  font-size: 20px;
  font-weight: 400;
  color: #242424
}
.itemAuthorData a { color: #242424 !important}
.itemAuthorData .itemAuthorContent {
  
  margin: 0;
}
.itemAuthorContent {
  margin: 0 0 5px 0;
  overflow: hidden;
}

.itemAuthorContent ul li {
  background: url('templates/gk_magazine/images/style1/typography/bullet1.png') no-repeat 0 12px;
  
  line-height: 1.6;
  padding: 5px 0 0 24px;
  
}

.itemNavigation {
  clear: both;
  padding: 0;
  font-size: 15px;
  color: #7D7B7A;
  margin: 10px 0 0 0;
  font-weight: bold;
 }
.itemAuthorContent ul li a:hover {
  color: #2f3336;
}
.itemComments h3, .itemAuthorContent h3 { 
   border-top: 1px solid #e5e5e5;
    line-height: 1;
  padding: 18px 0
    }
.itemCommentsForm label {
  display: block;
  clear: both;
  padding: 12px 0 6px
}
.itemCommentsForm textarea,
.itemCommentsForm .inputbox {
  float: left;
}
.itemCommentsForm textarea.inputbox {
  height: 200px;
}
.itemCommentsForm .inputbox {
  width: 100%;
}
.itemCommentsForm #submitCommentButton {
  clear: both;
  margin: 20px 0 0;
}
.itemCommentsForm .itemCommentsFormNotes {
  margin: 0 0 24px;
  color: #999;
  font-size: 13px;
  
}
#itemCommentsAnchor {
  clear: both;
  
  
}
.itemComments p {margin: 0.5em 0}
.itemComments .itemCommentsList {
  clear: both;
  padding: 36px 0 12px;
}
.itemComments .itemCommentsList li {
  border-top: 1px solid #e5e5e5;
  margin: 0 0 24px;
  padding: 24px 0 0;
  
}
.itemComments .itemCommentsList li > div { 
  padding: 10px;
}

.itemComments .itemCommentsList li > img, .k2LatestCommentsBlock img{
  float: left;
  border-radius: 50%;
     -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
           -o-border-radius: 50%;
  border: 1px solid #e5e5e5;
  margin: 18px 0 0;
  padding: 5px
}
.itemComments .itemCommentsList li > div {
  margin: 0 0 0 92px;
}
.itemComments .itemCommentsList li span {
  margin-right: 16px;
  font-size: 13px;
  color: #999
  
}
.itemComments .itemCommentsList li span:first-child { font-size: 16px; font-weight: 600; color: #242424;}
.itemComments .itemCommentsList li span:first-child a { color: #242424 !important}
a.commentLink { float: right}
.itemBackToTop {
  float: right;
}
/* Items views */
.itemList article header h2,
.itemsContainerWrap article header h1 {
  margin: 0 0 8px;
  font-size: 36px;
  line-height: 42px;
}
.itemList ul.itemTags {
  clear: both;
  padding: 12px 0 0 0;
}
.itemTags {
  padding-left: 4px !important;
}
.itemList ul.itemTags li {
  float: left;
}
.clr {
  clear: both;
}
.itemListSubCategories {
  overflow: hidden;
}
.userView article,
.genericView article,
.itemList article {
  clear: both;
  margin-top: 18px !important;
}
/*.itemListSubCategories h2*/
.subCategoryContainer {
  float: left;
  margin-bottom: 5px;
}
.subCategoryContainer .subCategory {
  margin: 0 12px 8px 0;
}
.itemContainer {
  float: left;
}
.itemList article {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
}
.itemsContainer:first-child .itemList article,
.itemsContainer .itemsContainerWrap .itemList article, 
#itemListLeading .itemContainer:first-child article.itemView,
.genericView .itemList article:first-child  { 
    border: none; 
  margin-top: 0 !important;
  padding: 0
}
itemContainerLast article {
  margin: 0;
}
#itemListLinks {
  clear: both;
}
#itemListLinks ul {
  margin: 12px 0 0 0;
}
#itemListLinks li {
  background: url('templates/gk_magazine/images/style1/typography/bullet-square2.png') no-repeat 0 6px;
  padding-left: 24px;
  font-size: 13px;
}
#itemListLinks a {
  color: #737373;
}
#itemListLinks a:hover {
  color: #2f3336;
}
/* Modules */
/*----------------------------------------------------------------------
Modules:  mod_k2_comments
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
Modules:  mod_k2_comments
----------------------------------------------------------------------*/
/* Latest Comments & Author module*/
.k2LatestCommentsBlock .k2FeedIcon {
  margin-top: 16px;
}
.k2LatestCommentsBlock ul li,
.k2TopCommentersBlock ul li {
  padding: 12px 0 !important;
  list-style: none !important;
  line-height: 1.5 !important;
}
.k2Avatar {
  display: block !important;
  float: left;
  margin: 0 24px 0 0;
}
.lcAvatar {
  margin: 0 12px 0 0;
}
.lcAvatar img { margin: 0;}
.lcUsername {
  font-weight: 600;
  font-size: 12px;
}
.k2LatestCommentsBlock div {
  margin-left: 72px
  
}
.k2LatestCommentsBlock div p { margin: 0.3em 0}

.k2AuthorsListBlock ul li {
  border: none;
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}
.k2AuthorsListBlock ul li a.abAuthorLatestItem {
  display: block;
  clear: both;
  margin: 12px 0 0;
  padding: 0 0 0 12px;
  font-size: 11px;
  line-height: 14px;
}
.k2AuthorsListBlock ul li a.abAuthorLatestItem span {
  display: block;
  font-size: 10px;
  color: #777;
}
/* Restriction */
#gkRight .k2Avatar,
#gkLeft .k2Avatar {
  border-color: #fff;
}
/* Top Commenters */
.tcUsername {
  font-size: 18px;
  color: #333;
}
.tcLatestComment {
  display: block;
  margin: 6px 0;
  font-size: 13px;
  color: #737373;
}
.tcLatestCommentDate {
  display: block;
  font-size: 11px;
  color: #999;
}
/*----------------------------------------------------------------------
Modules:  mod_k2_content
----------------------------------------------------------------------*/
div .k2ItemsBlock ul {
  margin-right: -20px;
}
div .k2ItemsBlock ul li {
  margin: 0 0 12px;
  background: none !important;
  padding: 12px 20px 12px 0 !important;
  list-style: none !important;
}
a.moduleItemTitle {
  color: #2f3336;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
.moduleItemAuthor {
  overflow: hidden;
  margin: 0 0 16px;
  font-size: 11px;
  border-bottom: 1px solid #e5e5e5;
}
.moduleItemAuthor a {
  color: #2f3336;
  display: block;
  font: bold 12px Verdana, Geneva, sans-serif;
  padding: 0 0 12px;
}
.moduleItemAuthor p {
  clear: both;
}
.moduleItemIntrotext {
  display: block;
  padding: 12px 0 0;
  line-height: 1.6;
}
.moduleItemIntrotext a.moduleItemImage img {
  float: left;
  overflow: hidden;
  margin: 4px 0;
}
.moduleItemDateCreated,
.moduleItemCategory {
  font: normal 10px Verdana, Geneva, sans-serif;
  color: #999;
}
.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 4px 0 0;
  width: 30%;
}
.moduleItemTags,
.moduleAttachments {
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  margin: 12px 0 0;
  padding: 12px 0 0;
}
.moduleItemTags strong {
  font-size: 12px;
  color: #2f3336;
}
.moduleItemTags a {
  float: right;
}
a.moduleItemComments {
  font-size: 12px;
}
a:hover.moduleItemComments {
  background-position: 0 100%;
  color: #fff;
}
.k2ItemsBlock ul li span.moduleItemHits {
  font-size: 90%;
}
.moduleItemImage {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
}
.moduleItemReadMore {
  display: block;
  clear: both;
}
/*---Modules:  mod_k2_login ---*/
.k2LoginBlock fieldset.input {
  margin: 0;
  padding: 0 0 8px 0;
}
.k2LoginBlock fieldset.input p {
  margin: 0;
  padding: 0 0 4px 0;
}
.k2LoginBlock fieldset.input p label,
.k2LoginBlock fieldset.input p input {
  display: block;
}
.k2LoginBlock fieldset.input p#form-login-remember label,
.k2LoginBlock fieldset.input p#form-login-remember input {
  display: inline;
}
.k2UserBlock p.ubGreeting {
  border-bottom: 1px dotted #eee;
}
.k2UserBlock .k2UserBlockDetails span.ubName {
  display: block;
  font-weight: bold;
  font-size: 14px;
}
/* ---Modules:  mod_k2_tools ---*/
/* ---Breadcrumbs ---*/
.k2BreadcrumbsBlock span.bcTitle {
  padding: 0 4px 0 0;
  color: #999;
}
.k2BreadcrumbsBlock span.bcSeparator {
  padding: 0 4px;
  font-size: 14px;
}
/* ---Calendar ---*/
.k2CalendarBlock {
  margin-bottom: 8px;
}
/* use this height value so that the calendar height won't change on Month change via ajax */
.k2CalendarLoader {
  background: #fff;
}
.k2CalendarBlock table.calendar {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-collapse: collapse;
  border-left: 1px solid #eee;
}
.k2CalendarBlock table.calendar tr td {
  text-align: center;
  vertical-align: middle;
  padding: 3px;
  border: 1px solid #eee;
  background: #fff;
}
.k2CalendarBlock table.calendar tr td.calendarNavMonthPrev,
.k2CalendarBlock table.calendar tr td.calendarNavMonthNext {
  background: #fff;
  text-align: center;
  font-size: 15px !important;
}
.k2CalendarBlock table.calendar tr td.calendarDayName {
  background: #f5f5f5;
  font-size: 11px;
  width: 14.2%;
  color: #333;
  font-weight: 600;
}
.k2CalendarBlock table.calendar tr td.calendarDateEmpty {
  background: #fbfbfb;
}
.k2CalendarBlock table.calendar tr td.calendarDate {
  font-size: 11px;
}
.k2CalendarBlock table.calendar tr td.calendarDateLinked {
  padding: 0;
}
.k2CalendarBlock table.calendar tr td.calendarDateLinked a {
  display: block;
  padding: 2px;
}
.k2CalendarBlock table.calendar tr td.calendarDateLinked a:hover {
  display: block;
  background: #fec64d;
  color: #fff !important;
  padding: 2px;
}
.k2CalendarBlock table.calendar tr td.calendarToday {
  background: #4d90fe;
  color: #fff;
}
.k2CalendarBlock table.calendar tr td.calendarTodayLinked {
  background: #f5f5f5;
  
  padding: 0;
}
table.calendar tr td.calendarTodayLinked a {
  display: block;
  padding: 2px;
  color: #4d90fe;
  font-size: 12px;
  font-weight: bold
}
.k2CalendarBlock table.calendar tr td.calendarTodayLinked a:hover {
  display: block;
  background: #fec64d;
  color: #fff;
  padding: 2px;
}
.calendarNavLink { color: #4d90fe}
/* restriction */
.gkColumns > aside .k2CalendarBlock table.calendar,
.gkColumns > aside .k2CalendarBlock table.calendar tr td {
  background: none;
  border: none;
  color: #fff;
}
.gkColumns > aside .k2CalendarBlock table.calendar tr td.calendarDateLinked a {
  font-weight: 700;
  font-size: 18px;
}
.gkColumns > aside .calendarNavMonthPrev,
.gkColumns > aside .calendarCurrentMonth,
.gkColumns > aside .calendarNavMonthNext {
  background: #2f3336 !important;
}
.k2TagCloudBlock a {
  background: #FEC64D;
  border: 1px solid #FEC64D;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  margin: 3px;
  padding: 10px;
  text-transform: uppercase;  
  -moz-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  -webkit-transition: all .1s ease-out;
  transition: all 0.1s ease-out 0s
  
   
}
.k2TagCloudBlock a:hover {
  color: #fff;
  background: #4d90fe;
  border-color: #4d90fe
}
/* ---Category Tree Select Box ---*/
.k2CategorySelectBlock form select {
  width: auto;
}
/* ---Tag Cloud ---*/
.k2TagCloudBlock {
  padding: 8px 0 0 4px;
  font-size: 15px;
}
.k2TagCloudBlock a {
  float: left;
  margin-bottom: 6px;
}
/* ---Google Search ---*/
#k2Container .gsc-branding-text {
  text-align: right;
}
#k2Container .gsc-control {
  width: 100%;
}
#k2Container .gs-visibleUrl {
  display: none;
}
/* ---Modules:  mod_k2_users ---*/
a.ubUserFeedIcon,
a.ubUserFeedIcon:hover {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
a.ubUserFeedIcon span,
a.ubUserFeedIcon:hover span {
  display: none;
}
a.ubUserURL,
a.ubUserURL:hover {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
a.ubUserURL span,
a.ubUserURL:hover span {
  display: none;
}
span.ubUserEmail {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
span.ubUserEmail a {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
.k2UsersBlock ul li h3 {
  clear: both;
  margin: 8px 0 0 0;
  padding: 0;
}
.catCounter {
  font-size: 11px;
  font-weight: normal;
}
/* Rating form fix */
article header .itemRatingBlock > span {
  display: none;
}
article header .itemRatingBlock > div {
  margin: 3px 0 0 0;
}
/* Fix for the categories view */

.itemContainerLast:first-child .itemImageBlock,
.clr + .itemContainerLast .itemImageBlock {
  padding: 0;
}
.itemCommentsPagination ul li {
  display: inline-block;
  margin: 0 3px;
  font-size: 80%;
}
.itemCommentsPagination ul {
  text-align: right;
}
/* change layout when more than 1 column */
.itemsContainerWrap time + header,
.cols-2 time + header,
.cols-3 time + header,
.cols-4 time + header {
  padding-left: 0!important;
}
.itemsContainer .itemsContainerWrap,
.itemContainer .itemsContainerWrap {
  margin: 0 10px;
}
.itemsContainerWrap .itemView header ul li.itemDate,
.itemsContainerWrap header ul li.item-date,
.cols-2 header ul li.item-date,
.cols-3 header ul li.item-date,
.cols-4 header ul li.item-date {
  display: block;
}

.itemsContainer .itemsContainerWrap .itemList article {
  margin-bottom: 50px;
}

/* Latest Items columns */

#k2Container article header h2 {
  clear: both;
  font-size: 44px;
  line-height: 52px;
}

#k2Container .itemsContainerWrap article header h2 {
  font-size: 28px;
  line-height: 38px;
}

#k2Container .itemsContainerWrap article header {
  margin-bottom: 10px;
}
.itemIntroText ol,
.itemFullText ol {
  list-style:decimal;
  list-style-position:inside;
}
.itemAuthorContent { clear: both; }

.itemLinks .itemTagsBlock, 
.itemLinks .itemSocialSharing { overflow: visible; }
div.itemSocialSharing { overflow: visible!important }

/* Moi - knopki nad statiey */
#k2Container .itemSocial {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
   }/*! normalize.css 2012-01-22T23:30 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: none;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: none;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b, 
strong { 
    font-weight: 400; 
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
    /*margin: 15px 3px 15px 3px;*/
    }

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3 
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}/*
#------------------------------------------------------------------------
# Magazine - January 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 
*/
 
/* 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 */
}
#gkTop1,
#gkTop2,
#gkBottom1,
#gkBottom2 {
  /* Positions blocks -clearing */
  clear: both;
}

#gkTop1,
#gkTop2 {
  overflow: hidden;
}

#gkTop1 + #gkBreadcrumb,
#gkTop2 + #gkBreadcrumb {
  border-top: 1px solid #e5e5e5;
  margin-top: 0;
}

/* clearfix */
#gkPageContent::after,
#gkContent::after,
#gkSidebar::after,
footer::after,
header::after,
section::after,
aside::after,
article::after,
.box::after,
.itemSocialSharing::after,
#gkTopMenu::after,
article header ul::after,
#gkTop1 > div::after,
#gkTop2 > div::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;
}
#gkInset {
  -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: right;
  padding: 50px 0 0 50px;
}
#gkSidebar {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 25px;
}
#gkSidebar > div {
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
}

#gkContent.gkColumnLeft {
  float: right;
}
#gkContent.gkColumnLeft + #gkInset {
  float: left;
  padding-left: 0;
  padding-right: 25px;
}
#gkContentWrap {
  -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: 0 25px;
}
#gkContentWrap > section:first-child {
  border-top: 1px solid #e5e5e5;
  padding-top:  50px;
}

#gkContentWrap + #gkSidebar {
  float: left;
  padding-left: 25px;
}
#gkContentWrap.gkSidebarLeft {
  float: right;
}
#gkContentWrap.gkSidebarLeft + #gkSidebar {
  float: left;
  padding-left: 0;
  padding-right: 25px;
}

#gkMainbodyTop .box,
#gkMainbodyBottom .box {
  padding-left: 0;
  padding-right: 0;
}

#gkMainbody .box {
  padding-left: 0!important;
  padding-right: 0!important;
  width: 100%;
}

#gkMainbodyTop + #gkMainbody {
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  padding-top: 25px;
}

#gkMainbody + #gkMainbodyBottom {
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  padding-top: 5px;
}

/* Module groups */
#gkTop1 > div,
#gkTop2 > div {
  margin: 0 -10px;
}

#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;
  /*moi*/
  margin: 0 0 5px;
}
/* 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-bottom: 30px;
} 

/* 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: 0;
}
/* 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 10px;  
}
.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 10px;  
}
.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 10px;  
}
.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;
}
/*
#------------------------------------------------------------------------
# Magazine - January 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 
*/



select,
textarea,
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"] {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  box-sizing: border-box;
  font-weight: 300;
  color: #777;
  height: 44px;
  max-width: 100%!important;
  padding: 0 12px
}

textarea {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  max-width: 100%!important;
  padding: 24px
}
legend {
  color: #242424;
  font-size: 32px
}

select {
  height: inherit;
  padding: 6px
}

html.-moz-select {
  padding: 3px 5px
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
textarea:focus {
  background: #fffef4
}

button,
.button,
input.button,
span.button,
button.button,
div.button,
input[type="submit"],
input[type="button"],
.pagenav-prev a,
.pagenav-next a,
.readon,
.pagination ul li a,
.pagination ul li span {
  
  background: #4d90fe;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 400;
  height: 42px;
  line-height: 42px;
  margin: 0 5px 2px 2px;
  padding: 0 25px;
  text-align: center;
  -moz-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out
}

button:hover,
.button:hover,
input.button:hover,
span.button:hover,
button.button:hover,
div.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.pagenav-prev a:hover,
.pagenav-next a:hover,
.readon:hover,
.pagination ul li a:hover,
.pagination ul li span:hover {
  background: #fec64d;
  color: #fff
}


#gkMainbody .itemReadMore,
#gkMainbody .readmore > a {
  background: #4d90fe;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 300;
  height: 50px;
  line-height: 51px;
  padding: 0 20px;;
  -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;
}
#gkMainbody .itemReadMore:after,
#gkMainbody .readmore > a:after {
  content: "a";
  font-size: 24px;
  top: 5px;
  position: relative;
  margin-left: 20px;
  font-family: "magazine-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#gkMainbody .itemReadMore:active,
#gkMainbody .itemReadMore:focus,
#gkMainbody .itemReadMore:hover,
#gkMainbody .readmore > a:active,
#gkMainbody .readmore > a:focus,
#gkMainbody .readmore > a:hover {
  background-color: #fec64d;
  color: #fff;
}

input[type=checkbox],
.checkbox,
input[type=radio],
.radio {
  background: transparent!important;
  border: none!important;
  height: auto!important;
  margin-top: 7px!important
}

select[size] {
  font-size: 12px;
  height: auto
}

select[size="1"] {
  height: 29px!important;
  line-height: 24px
}

.invalid {
  background: #fffef4;
  border: 1px solid #e25527!important;
  color: #000
}

label {
  color: #242424;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

label.invalid {
  background: #fff;
  border: none!important;
  color: #e25527!important
}

fieldset.filters > div > * {
  float: left;
  margin-right: 10px
}

fieldset.filters > div > select {
  margin-top: 4px
}

section article {
  margin-top: 20px
}

section > header {
  margin: 0 0 32px;
  padding: 0
}

section > header h2 small {
  color: #666;
  font-size: 20px
}

section > header div p {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  text-transform: none
}

section img {
  height: auto!important;
  max-width: 100%!important
}

section.category .children,
section.blog .children {
  clear: both;
  margin-top: 32px
}

section.categories-list ul ul {
  margin-left: 20px;
}

section.categories-list ul ul li {
  border: none;
  border-top: 1px solid #eee;
  padding-left: 6px
}

section.categories-list li,
section.category .children li,
section.blog .children li {
  border-top: 1px solid #e5e5e5;
  clear: both;
  font-size: 16px;
  line-height: 1.4;
  overflow: hidden;
  padding: 12px 0
}

section.categories-list li > div p,
section.category .children li > div p,
section.blog .children li > div p {
  font-size: 14px;
  margin: .5em 0
}

section.categories-list li > dl,
section.category .children li > dl,
section.blog .children li > dl {
  font-size: 11px;
  margin: 0
}

section.categories-list li > dl > dt,
section.category .children li > dl > dt,
section.blog .children li > dl > dt {
  float: left
}

section.categories-list li > dl > dd,
section.category .children li > dl > dd,
section.blog .children li > dl > dd {
  float: left;
  font-weight: 700;
  margin-left: 5px
}

section.category .children h3,
section.blog .children h3 {
  font-size: 24px;
  line-height: 24px;
  margin: 20px 0
}

.blog .k2box {
  margin-bottom: 30px
}

.filters .display-limit select {
  display: inline!important;
  float: none
}

table {
  margin-bottom: 20px;
  width: 100%
}

th {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  color: #333;
  font-weight: 600;
  padding: 8px 10px;
  text-align: left;
  text-transform: uppercase;
}

th a {
  color: #333!important;
}

th a:active,
th a:focus,
th a:hover {
  color: #4d90fe!important;
}

tbody tr td {
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 10px
}

tbody tr td p {
  margin: .5em 0
}

tr:hover {
  background: #fbfbfb
}

section.blog .items-row {
  clear: both;
  margin-bottom: 40px;
  overflow: hidden
}

section.blog-featured .items-row {
  margin-top: 40px;
  margin-bottom: 0;
}

section.blog-featured .items-row:first-child {
  margin-top: 0;
}

section.blog .items-more h3 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 20px
}

.items-leading > div {
  clear: both!important;
  margin-top: 50px;
}

.items-leading > div:first-child {
  margin-top: 0;
}

article,
article > section {
  position: relative
}

article header {
  -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 0 5px;
  width: 100%;
}

article header + * {
  clear: both;
}

article header h1 {
  clear: both;
  line-height: 52px;
}

article header h2 {
  line-height: 38px;
}

article header h1 a,
article header h2 a {
  color: #2f3336;
}

article header h1 a:hover,
article header h2 a:hover {
  color: #418cd1;
}

li.print-icon,
li.email-icon {
}

li.print-icon a,
li.email-icon a {
  position: relative;
  top: 3px;
}

article header ul {
  margin: 0 0 5px!important;
}

.blog article header ul {
  margin: 0 0 10px!important;
}

article header li {
  float: left;
  margin: 0 12px 8px 4px!important;
  font-size: 11px!important;
  font-weight: 400;
  text-transform: uppercase
}

article header li:first-child {
  margin-left: 0
}

article header li a {
  color: #222;
}

article header li a:hover {
  color: #418CD1;
}

article.item-page ul.content-links li {
  background: none
}

.img-intro-none {
  float: none
}

.img-intro-none img {
  float: none!important;
  margin: 0 auto
}

.img-fulltext-none,
.img-fulltext-left,
.img-fulltext-right {
  float: none;
  margin: 0 0 32px;
  overflow: hidden;
  position: relative
}

.img-fulltext-none > div,
.img-fulltext-left > div,
.img-fulltext-right > div {
  float: none!important;
  width: 100%!important
}

.img-fulltext-none img,
.img-fulltext-left img,
.img-fulltext-right img {
  display: block;
  height: auto!important;
  max-width: 100%!important;
  width: 100%!important
}

p.img_caption {
  display: block;
  color: #999;
  padding: 8px 0 0;
  font-size: 11px;
}

section.blog div.img_caption img.caption {
  display: block;
  float: none!important
}

.item-page ul {
  list-style-type: none
}

.edit fieldset > div {
  clear: both;
  padding: 5px 0
}

.edit fieldset > div label {
  display: block;
  float: left;
  min-width: 120px
}

section.login .login-fields {
  padding-bottom: 16px
}

section.login .login-fields label {
  display: block;
  float: left;
  line-height: 34px;
  min-width: 100px
}

section.login ul {
  font-size: 11px;
  margin-top: 40px
}

.profile dt {
  clear: both;
  float: left;
  color: #242424;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
  min-width: 200px
}

.contact-image {
  border: 10px solid #fff;
  float: right;
  padding: 0;
}
.contact-form legend {
  color: #999;
    font-size: 13px;
    margin: 0 0 24px; 
}

dt.inline,
dd.inline {
  display: inline-block!important;
  float: left!important;
  width: auto!important
}

.contact h3 {
  border-top: 1px solid #e5e5e5;
  margin: 30px 0 0;
  padding: 12px 0 0
}

#jform_contact_email_copy {
  margin-left: 10px
}

section.newsfeed > ol {
  list-style: none
}

section.newsfeed > ol > li {
  border-top: 1px solid #eee;
  padding: 24px 0 0
}

section.newsfeed > ol > li > a {
  font-size: 42px
}

section.contentpane iframe {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #eee;
  box-sizing: border-box
}

.tip {
  background: #fff;
  border: 1px solid #ccc;
  max-width: 350px;
  min-width: 160px;
  padding: 8px
}

.tip-title {
  background: #4d90fe;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  padding: 5px 15px
}

.tip-text {
  color: #555;
  font-size: 12px;
  padding: 5px 0
}

#system-message {
  margin: 0
}

#system-message dd ul {
  list-style: none!important
}

#system-message dd {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #FEC64D url('templates/gk_magazine/images/style1/typography/info.png') no-repeat 0 1px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  min-height: 50px;
  padding: 10px 10px 12px 86px;
}

#system-message dd.error {
  background: #FE724D url('templates/gk_magazine/images/style1/typography/warning.png') no-repeat 0 1px;
}

#system-message dd.notice {
  background: #4D90FE url('templates/gk_magazine/images/style1/typography/tips.png') no-repeat 0 1px;
}

#system-message-container {
  margin: 0 0 40px;
  padding: 0
}

.item-page > div.pagination {
  display: none!important
}

.pagination {
  clear: both;
  padding: 10px 0 0
}

.pagination ul li {
  background-image: none!important;
  color: #909090;
  cursor: default;
  display: inline-block;
  margin: 0
}

.pagination ul li a,
.pagination ul li span {
  color: #fff!important;
  display: block;
  
  height: 34px;
  line-height: 36px;
  min-width: 34px;
  padding: 2px 6px;
  text-align: center
}

.pagination ul li.counter {
  float: right;
  font-size: 11px;
  line-height: 38px;
  margin-right: 12px
}

ul.pagenav {
  margin: 0;
  overflow: hidden;
  padding: 0
}



#member-registration dt,
#member-registration dd {
  display: inline-block;
  padding-bottom: 10px
}

#member-registration dt {
  min-width: 170px
}

#member-registration dd {
  min-width: 200px
}

#member-registration dd:after {
  content: '\A';
  white-space: pre
}

#gkMainbody .registration {
  width: 500px
}

.bannergroup:first-line,
.bannergroup_text:first-line {
  color: #333;
  font-size: 14px;
  font-weight: 600
}

div.banneritem {
  border-top: 1px solid #eee;
  color: #999;
  font-size: 12px;
  padding: 8px 0
}

div.banneritem a {
  font-size: 14px
}

div.bannerfooter {
  border-top: 1px solid #e5e5e5;
  color: #4d90fe;
  font-size: 10px;
  font-style: italic;
  padding: 5px 5px 0 0;
  text-align: right
}

#gkSocialAPI {
  border-top: 1px solid #e5e5e5;
  clear: both;
  margin: 20px 0;
  padding: 20px 0 0 0;
}

#gkSocialAPI > iframe,
#gkSocialAPI > #___plusone_0 {
  position: relative;
  top: -5px
}

#gkSocialAPI #___plus_0 {
  margin-right: 10px!important;
  position: relative;
  top: -5px;
  vertical-align: top
}

#gkSocialAPI > a {
  top: -5px;
}
.fb_iframe_widget iframe {
  max-width: 1000px!important; overflow: visible;
}
.fb_iframe_widget_lift {
  max-width: inherit!important;
}

#dynamic_recaptcha_1,
#recaptcha_area {
  margin-bottom: -30px;
  max-width: 480px;
  min-height: 112px
}

#gkMainbody #dynamic_recaptcha_1,
#gkMainbody #recaptcha_area {
  margin-bottom: 10px
}

.pane-sliders .panel h3 {
  border-bottom: 1px solid #eee;
  color: #333;
  padding: 5px 0;
  text-transform: uppercase
}

.pagenavcounter {
  color: #999
}

#article-index {
  
  float: right;
  margin: 0 0 30px 30px;
  padding: 0 24px;
  width: 160px
}

#article-index h3 {
  font-size: 21px;
  
  line-height: 1;
  margin: 24px 0 6px;
  
}

#article-index li {
  background: none!important;
  border-top: 1px solid #e5e5e5;
  
  padding: 7px 0
}

#article-index li a.active {
  color: #242424;
  
}

#article-index li:first-child {
  border-top: none;
  margin-top: 10px
}

dl#tabs,
dl.tabs {
  border: 1px solid #e5e5e5;
  margin: 0 0 16px;
  min-height: 30px;
  overflow: hidden;
  padding: 12px 24px
}

dl#tabs dt.tabs,
dl.tabs dt.tabs {
  border-right: 1px solid #e5e5e5;
  float: left;
  margin-right: 24px;
  padding-right: 12px
}

dl#tabs dt.tabs span h3,
dl.tabs dt.tabs span h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  text-transform: uppercase
}

dl#tabs dt.tabs span h3 a,
dl.tabs dt.tabs span h3 a {
  float: left;
  height: 30px;
  line-height: 29px;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0
}

dl#tabs dt.tabs h3:hover a,
dl.tabs dt.tabs h3:hover a {
  cursor: pointer
}

dl#tabs dt.tabs.open a,
dl.tabs dt.tabs.open a {
  color: #333
}

#searchForm fieldset input[type="radio"],
#searchForm fieldset input[type="checkbox"] {
  margin-top: 7px!important
}

#search-form fieldset.word label,
#search-form fieldset.word input,
#search-form fieldset.word button {
  float: left;
  margin-right: 5px
}

#searchForm label,
#searchForm input,
#finder-search input {
  float: left;
  height: 42px;
  margin: 0 5px 0 0
}

#searchForm fieldset,
.search-results dt {
  border-top: 1px solid #e5e5e5;
  margin: 12px 0 0;
  padding: 18px 0 0
}

fieldset.phrases,
fieldset.only {
  border: 1px solid #e5e5e5;
  padding: 12px 24px 24px!important
}

#searchForm fieldset.word {
  border: none;
  padding: 20px 0
}

#searchForm fieldset legend {
  
  padding: 0 6px
}

.search-results dt:first-child {
  border-top: none
}

.searchintro strong {
  color: #333;
  font-size: 16px;
  font-weight: 400
}

.form-limit {
  float: right;
  margin: 24px 0 0
}

.result-category,
.result-created {
  color: #AFAFAF;
  font-size: 13px;
  padding: 0 0 8px
}

.result-created {
  float: right;
  
  margin: 6px 0 0
}

.result-title {
  clear: both;
  color: #242424;
  font-size: 24px;
  font-weight: 300
}

#advanced-search-toggle {
  display: block;
  font-size: 11px;
  padding: 10px 0;
  text-align: center
}

.advanced-search-tip {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  font-size: 12px;
  margin: 0 0 24px;
  padding: 12px 0
}

.advanced-search-tip p {
  margin: 0
}

#finder-filter-select-list label {
  clear: both;
  float: left;
  font-size: 12px;
  line-height: 36px;
  min-width: 140px
}

#finder-filter-select-list li {
  overflow: hidden;
  padding: 0
}

#search-query-explained {
  border-bottom: 1px solid #e5e5e5;
  font-size: 11px;
  padding: 10px 0
}

#search-result-empty h2 {
  font-size: 18px
}

.autocompleter-queried {
  color: #4d90fe!important
}

div.search-pages-counter {
  font-size: 12px;
  font-style: italic;
  text-align: center
}

.search-results .highlight {
  background-color: #ffc;
  font-weight: 400;
  padding: 1px 4px
}

.archive article {
  padding: 32px 0 0
}

.img-intro-left,
.img-intro-right,
.img-intro-center {
  margin-bottom: 32px;
  max-width: 100%!important
}

.box ul.menu ul {
  margin-left: 0
}

.menu li {
  border-bottom: none!important;
  margin: 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;
  /*moi*/
  float:left; margin: 0px 6px 0px 0 !important;
}

.menu .header + .content ul li:first-child {
  border-top: none;
}

.menu li a {
  -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;
  display: block;
}

.menu li:hover {
  background: #4d90fe;
  padding-left: 20px;
}

div.mod-languages > div,
div.mod-languages > form {
  display: inline-block;
  margin: 0 3px
}

div.mod-languages {
  text-align: center
}

div.mod-languages p {
  margin-bottom: .5em
}

.mod-languages ul.lang-inline,
.mod-languages ul.lang-block {
  display: inline-block;
  float: left
}

div.mod-languages > ul.lang-block > li,
div.mod-languages > ul.lang-inline > li {
  line-height: 32px;
  margin: 0 5px
}

.mod-languages ul li.lang-active {
  font-weight: 700
}

.mod-languages ul li a img {
  -moz-transform: scale(1);
  -moz-transform-style: preserve-3d;
  -moz-transition: 0 .1s ease-out;
  -ms-transform: scale(1);
  -ms-transform-style: preserve-3d;
  -o-transform: scale(1);
  -o-transition: 0 .1s ease-out;
  -webkit-transform: scale(1);
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0 .1s ease-out;
  transform: scale(1);
  transform-style: preserve-3d;
  transition: transform .1s ease-out
}

.mod-languages ul li a:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transition: 0 .6s ease-out;
  transform: scale(1.2);
  transition: transform .6s ease-out
}

.mod-languages ul li.lang-active a img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

legend.hidelabeltxt,
.filters .hidelabeltxt,
.contact .jicons-icons,
#system-message dt {
  display: none
}

fieldset.filters,
.blog .leading,
.content-links,
.pane-sliders {
  margin-bottom: 50px;
}

section article:first-child,
section.blog .items-more ol {
  margin-top: 0
}

section.categories-list ul,
section.blog .items-more,
article header + *,
article header + div,
article header + p,
dd.inline + dd,
dd.inline + dt {
  clear: both
}

section.categories-list ul ul li:first-child,
section.blog .items-row article header li {
  border: none
}

.filters .display-limit,
ul.pagenav .pagenav-next {
  float: right
}

th a,
.menu li:hover a {
  color: #fff
}

th a:active,
th a:focus,
th a:hover,
article header h1 a:hover,
article header h2 a:hover {
  color: #4d90fe
}

.img-intro-left,
.img-intro-right,
.img-intro-left > img,
.img-intro-right > img,
section.blog div.img_caption {
  float: none!important
}

.filter-search .filter-search-lbl,
#finder-search fieldset label[for="q"],
#searchForm label {
  margin-top: 5px
}


#member-registration fieldset + div,
#member-profile > div {
  line-height: 35px
}
/* page links */
div.articleContent div.content-links ul li {
  background:none !important;
  padding-left:0 !important;
}/* Fix for the editor */
.item-page.edit .formelm {
	clear: both;
	float: left;
}
.item-page.edit .formelm .button2-left {
	margin-top: 6px;
}
.item-page.edit .formelm-area label {
	display: block;
	width: 100%;
}
.item-page.edit .formelm-buttons {
	margin-top: 5px;
	overflow: hidden;
}
.item-page.edit .fltlft {
	float: left;
}
.item-page.edit legend {
	font-size: 140%;
	font-style: italic;
}
.item-page.edit .toggle-editor {
	margin-top: -5px;
}

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}
.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}
.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 30px 0 10px;
	font-size: 12px;
	line-height: 23px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}
.button2-left {
	background: url(templates/gk_magazine/images/joomla/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}
.button2-right {
	background: url(templates/gk_magazine/images/joomla/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}
.button2-left .image {
	background: url(templates/gk_magazine/images/joomla/j_button2_image.png) 100% 0 no-repeat;
}
.button2-left .readmore,
.button2-left .article {
	background: url(templates/gk_magazine/images/joomla/j_button2_readmore.png) 100% 0 no-repeat;
}
.button2-left .pagebreak {
	background: url(templates/gk_magazine/images/joomla/j_button2_pagebreak.png) 100% 0 no-repeat;
}
.button2-left .blank {
	background: url(templates/gk_magazine/images/joomla/j_button2_blank.png) 100% 0 no-repeat;
}
/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(templates/gk_magazine/images/joomla/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}/*
#------------------------------------------------------------------------
# Magazine - January 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 {
  background: #353535;
  -webkit-font-smoothing: antialiased;
}
body {
  background: #fff;
  color: #555;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  margin: 0 0 0 52px;
  min-height: 100%;
  padding: 0;
  word-wrap: break-word;
}
b, strong {
  font-weight: 600;
}
a,
#gkMainbody a:active,
#gkMainbody a:focus,
#gkMainbody a:hover,
#gkMainbody header h1 a,
#k2Container article header h2 a {
  color: #363636;
  -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,
#k2Container article header h2 a:active,
#k2Container article header h2 a:focus,
#k2Container article header h2 a:hover { color: #4d90fe; }
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  color: #242424;
  font-weight: 300;
}
h1,
.componentheading { font-size: 44px; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }
h5 { font-size: 17px; }
h6 { font-size: 13px; }
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li { line-height: 1.2; }
p { margin: 0.5em 0 0.5em; }
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 50px;
}
body[data-layout="left"] .gkPage { margin: 0!important; }
#gkPageTop {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 45px;
}
#gkBannerTop {
  float: left;
  margin: 24px 20px 0 50px;
}
#gkBannerTop p {
  color: #999;
  line-height: 60px;
  margin: 0;
}
#gkHeader { background: #eee; }
#gkPageWrap { margin: 0 auto; }
#gkPageContent { width: 100%; }
#gkPageContent + section,
#gkPageContent + footer { margin-top: 10px!important; }
/* Toolbar */
#gkToolbar {
  left: 0;
  position: fixed;
  top: 0;
  width: 52px;
}
/*moy*/
#gkToolbar {
    display: none;
}
body {
    margin: 0 !important;
}
#gkSocial {
  float: none;
  margin: 108px 0 0 0;
}
#gkBackToTop {
  border-top: 1px solid #484848;
  color: #797979;
  bottom: 0;
  height: 52px;
  /*left: 0;*/
  right: 0;
  position: fixed;
  -webkit-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -ms-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;
  transition: all .15s ease-out;
  width: 52px;
}
#gkBackToTop:hover { background: #4d90fe; color: #fff }
/* Logo  */

#gkLogo {
  height: 35px;
  margin: 5px 30px 0 0;
  padding: 0;
  text-indent: -999em;
  text-shadow: none;
  width: 140px;
  display: block;
  float: left;
  -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: 0;
}
#gkLogo.cssLogo {
  background: #4d90fe url('templates/gk_magazine/images/logo.png') no-repeat 0 0;
  /* You can specify there logo size and background */
  height: 107px;
  margin: 0;
  width: 124px;
}
#gkLogo:hover { background-color: #fec64d; }
#gkLogo.text {
  background: #4d90fe;
  color: #fff;
  display: block;
  font-size: 36px;
  height: auto;
  margin: 0;
  min-height: 107px;
  overflow: hidden;
  padding: 10px 5px;
  text-align: center;
  text-indent: 0;
}
#gkLogo.text > span {
  display: block;
  font-size: 24px;
  font-weight: 400;
  line-height: 56px;
  padding: 0;
}
#gkLogo.text .gkLogoSlogan {
  color: #fff;
  display: block;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}
/* userarea */

#gkUserArea {
  float: right;
  margin: 38px 0 0 0;
}
#gkUserArea .gk-icon-arrow {
  font-size: 20px;
  color: #b5b5b5;
  margin-left: 20px;
  top: 4px;
  position: relative;
}
#gkUserArea a {
  display: block;
  float: left;
  font-size: 13px;
  height: 46px;
  line-height: 45px;
  margin: 0;
  padding: 0 12px 0 12px;
  text-transform: uppercase;
  -webkit-transition: background-color .3s ease-out, color .15s ease-out;
  -moz-transition: background-color .3s ease-out, color .15s ease-out;
  -ms-transition: background-color .3s ease-out, color .15s ease-out;
  transition: background-color .3s ease-out, color .15s ease-out;
}
#gkLogin:active,
#gkLogin:focus,
#gkLogin:hover,
#gkRegister:active,
#gkRegister:focus,
#gkRegister:hover {
  background-color: #fec64d;
  background-position: 90% top;
  color: #fff;
}
#gkLogin:active i,
#gkLogin:focus i,
#gkLogin:hover i,
#gkRegister:active i,
#gkRegister:focus i,
#gkRegister:hover i {
  color: #fff;
}
/* Search */

#gkSearch {
  border-top: 1px solid #484848;
  border-bottom: 1px solid #484848;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 52px;
  margin-top: 108px;
  width: 52px;
  color: #797979;
  
}
#gkSearch + #gkSocial a:first-child { border-top: none; }
#gkSearch + #gkSocial { margin-top: 0; }
#gkSearch form {
  background: #4d90fe;
  margin-left: -230px;
  -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: 230px;
  margin-top: -52px;
  position: relative;
}
#gkSearch:hover form,
#gkSearch.active form { margin-left: 0; }
#gkSearch .search { overflow: hidden; }
#gkSearch #mod-search-searchword {
  background: #4d90fe;
  border: none;
  border-bottom: 1px solid #72a7ff;
  color: #fff;
  display: block;
  height: 38px;
  font-size: 18px;
  font-weight: 300!important;
  margin: 7px 0 7px 15px;
  padding-left: 0;
  padding-right: 0;
  width: 160px;
  float: left;
}
#gkSearch i {
  float: left;
  display: block;
  color: #fff;
}
/* Stylearea */

#gkStyleArea {
  border-top: 1px solid #484848;
  border-bottom: 1px solid #484848;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  display: block;
  height: 52px;
  width: 52px;
  color: #797979;
}
#gkLinks + #gkStyleArea,
#gkSearch + #gkStyleArea,
#gkSocial + #gkStyleArea { border-top: none; }
#gkStyleArea > div {
  background: #353535;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 52px;
  margin-left: -226px;
  padding: 0 0 0 12px;
  -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: 226px;
  margin-top: -52px;
}
#gkStyleArea.active > div,
#gkStyleArea:hover > div { margin-left: 0; }
#gkStyleArea a {
  display: inline-block;
  height: 22px;
  margin: 15px 0 0 9px;
  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-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -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: 22px;
}
#gkStyleArea a:first-child { margin-left: 0; }
#gkStyleArea a:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
#gkColor1 { background: #4d90fe; }
#gkColor2 { background: #7065ff; }
#gkColor3 { background: #598473; }
#gkColor4 { background: #909090; }
#gkColor5 { background: #d68989; }
#gkColor6 { background: #ff875e; }
/* Social icons and other icons */

.gkRSS,
.gkMail,
.gkTwitter,
.gkFb,
.gkGplus,
.gkPinterest {
  background: transparent url('templates/gk_magazine/images/style1/icons.png') no-repeat 0 0;
  border-bottom: 1px solid #484848;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  display: block;
  float: none;
  height: 52px;
  line-height: 52px;
  padding: 0;
  text-indent: -9999px;
  -webkit-transition: background-position .15s ease-out;
  -moz-transition: background-position .15s ease-out;
  -ms-transition: background-position .15s ease-out;
  -o-transition: background-position .15s ease-out;
  transition: background-position .15s ease-out;
  width: 52px;
}
#gkSocial a:first-child,
#gkLinks a:first-child { border-top: 1px solid #484848; }
.gkMail { background-position: 0 0; }
.gkRSS { background-position: 0 -54px; }
.gkTwitter { background-position: 0 -162px; }
.gkFb { background-position: 0 -108px; }
.gkPinterest { background-position: 0 -270px; }
.gkGplus { background-position: 0 -216px; }
.gkMail:active,
.gkMail:focus,
.gkMail:hover { background-position: -53px 0; }
.gkRSS:active,
.gkRSS:focus,
.gkRSS:hover { background-position: -53px -54px; }
.gkTwitter:active,
.gkTwitter:focus,
.gkTwitter:hover { background-position: -53px -162px; }
.gkFb:active,
.gkFb:focus,
.gkFb:hover { background-position: -53px -108px; }
.gkPinterest:active,
.gkPinterest:focus,
.gkPinterest:hover { background-position: -53px -270px; }
.gkGplus:active,
.gkGplus:focus,
.gkGplus:hover { background-position: -53px -216px; }
/* Group modules */

#gkBottom1,
#gkBottom2 {
  overflow: hidden;
  padding: 0 50px;
}
#gkBottom1 > div,
#gkBottom2 > div {
  border-top: 1px solid #e5e5e5;
  padding: 20px 0;
}
#gkBottom1 .box .header,
#gkBottom2 .box .header { font-size: 16px }
#gkBottom2 .box { color: #999; }
#gkBottom2 .box ul li {
  border: none;
  padding: 0;
}
/*#gkBottom2 .box a { color: #777 }*/
#gkBottom2 .box a:hover { color: #363636 }
/* standard breadcrumb */

#gkBreadcrumb {
  background: transparent;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 3px;
  padding: 10px 0 10px;
}
#gkBreadcrumb .breadcrumbs {
  float: left;
  color: #333;
}
#gkBreadcrumb .breadcrumbs li.separator {
  width: 10px;
  text-align: center;
  padding: 0 4px!important;
  color: #ccc;
}
#gkBreadcrumb .breadcrumbs li.pathway { padding-right: 20px; }
#gkBreadcrumb .breadcrumbs > ul > li {
  float: left;
  font-size: 12px;
  font-weight: 600;
}
#gkBreadcrumb .breadcrumbs > ul > li a { font-weight: normal }
#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('templates/gk_magazine/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 {
  -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: 21px;
  padding: 0 50px;
}
#gkFooter > div {
  border-top: 1px solid #e5e5e5;
  padding: 16px 0;
}
#gkFooterNav { float: left; }
#gkFooterNav li {
  border: none;
  float: left;
  margin: 6px 16px 6px 0!important;
  padding: 0;
}
#gkFooterNav a { color: #888 }
#gkFooterNav li:hover,
#gkFooterNav a:hover {
  background: transparent;
  color: #363636;
}
#gkCopyrights {
  float: right;
  margin: 2px 0 20px;
}
/* Other footer elements */

#gkFrameworkLogo {
  display: block;
  width: 90px;
  height: 36px;
  background: url('templates/gk_magazine/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: #666;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 20px 0;
  padding: 10px;
  width: 100%;
}
#gkInset .box,
#gkSidebar .box {
  border-top: 1px solid #e5e5e5;
  margin: 5px 0 5px 0;
  padding: 10px 0;
}
#gkInset .box:first-child,
#gkSidebar .box:first-child {
  border-top: none;
  padding-top: 0;
}
div.content { clear: both; }
.box li {
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 0;
}
.box li:last-child { border-bottom: none; }
.box li a { text-decoration: none; }
.box a { text-decoration: none; }
.box ul ul { margin-left: 20px; }
/* default suffix */

.box .header {
  color: #242424;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  padding: 0 0 5px;
  text-transform: uppercase;
}
/* noborder suffix */
#gkInset .box.noborder,
#gkSidebar .box.noborder { border-top: none; }
/* clear suffix */

.box.clear {
  margin: 0;
  padding: 0;
}
.clear div.content { clear: both; }
/* nomargin suffix */

.box.nomargin {
  margin-left: 0!important;
  margin-right: 0!important;
}
/* nooverflow suffix */

.box.nooverflow,
.box.nooverflow > div { overflow: visible!important; }
/* advertisement suffix */

#gkInset .box.advertisement,
#gkSidebar .box.advertisement { border-top: none; }
.box.advertisement .header {
  background: transparent;
  border-bottom: 1px solid #e5e5e5;
  color: #999!important;
  font-size: 10px!important;
  font-weight: 300;
  margin: 0 0 5px 0;
  min-height: 16px;
  padding: 0;
  text-align: right;
  text-transform: uppercase;
  line-height: 16px;
  font-family: Arial, Verdana, sans-serif!important;
}
.box.advertisement .header span {
  background: transparent;
  float: right;
  line-height: 16px;
  padding: 0;
}
/* suffix _text */

.box_text > div { background: #fff; }
/* suffix dark */

.box.color1 {
  background: #4d90fe!important;
  color: #fff;
  padding: 20px!important;
}
.box.color1 .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 { color: #fff; }
.box.color1 ul {
  margin: 0;
  padding: 0;
}
.box.color1 ul li {
  border-bottom: 1px solid #659fff;
  position: relative;
  padding: 2px 0;
}
.box.color1 ul li:last-child { border-bottom: none; }
.box.color1 a { color: #c7dcff; }
.box.color1 a:active,
.box.color1 a:focus,
.box.color1 a:hover { color: #fff; }
.box.color1 ul ul { margin: 0 0 0 20px; }
.box.color1 b,
.box.color1 strong { font-weight: bold; }
/* suffix light */

.box.light {
  background: #F6F7F9 !important;
  border-top: none!important;
  padding: 10px!important;
}
#gkInset .box.light {
  margin: 1px;
  width: 99%;
}
.box.light ul {
  margin: 0;
  padding: 0;
}
.box.light ul li { position: relative; }
.box.light ul ul { margin: 0 0 0 5px; }
.box.light b,
.box.light strong { font-weight: bold; }
/* Suffix color */

.box.color2 .header { color: #4d90fe; }
/* Suffix bigtitle */

.bigtitle .header {
  font-size: 26px;
  font-weight: 300;
  line-height: 1.5;
}
/* Suffix badge-new */

.box.badge-new .header,
.box.badge-popular .header,
.box.badge-top .header,
.box.badge-hot .header { position: relative; }
.box.badge-new .header::after,
.box.badge-popular .header::after,
.box.badge-top .header::after,
.box.badge-hot .header::after {
  background: #9eb931;
  color: #fff;
  content: "New";
  font-size: 10px;
  font-weight: 400;
  padding: 0 4px;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
  z-index: 1;
}
.box.badge-popular .header::after {
  background: #fe724d;
  content: "Popular";
}
.box.badge-top .header::after {
  background: #4d90fe;
  content: "Top";
}
.box.badge-hot .header::after {
  background: #fec64d;
  content: "Hot";
}
/* mainbody restrictions */

section#gkBreadcrumb + section#gkMainbody { margin-top: 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: #777;
  font-size: 11px;
  font-weight: normal;
  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: 1px 0 0;
}
#login-form ul li {
  font-size: 11px;
  line-height: 1.6;
}
#login-form input[type="text"],
#login-form input[type="password"] { width: 85%; }
.gkPopupWrap .logout-button input { float: right }
label#jform_spacer-lbl {
  font-size: 11px;
  font-weight: normal;
  color: #666;
}
.logout-button .login-greeting {
  float: left;
  font-size: 18px;
  margin-right: 32px;
}
.gkUsermenu {
  clear: both;
  padding-bottom: 32px;
  position: relative;
  top: 10px;
}
.gkUsermenu li {
  border-bottom: 1px solid #e5e5e5 !important;
  padding: 3px;
}
/* Login with Facebook button */

span#fb-auth small {
  width: 20px;
  background: transparent url('templates/gk_magazine/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: bold;
  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; }
/* popup */

#gkPopupOverlay,
#gkPopupLogin {
  display: none;
  overflow: hidden;
  position: fixed;
  z-index: 1000002;
  left: 50%;
  top: 50%;
  background: #fff;
}
#gkPopupLogin {
  position: absolute;
  top: 70px;
  width: 560px;
  margin-left: -280px;
}
#gkPopupLogin #loginForm {
  background: url('templates/gk_magazine/images/login.png') no-repeat 4px 6px;
  padding-left: 170px;
  min-height: 185px;
}
#gkPopupLogin #login-form input[type="text"],
#gkPopupLogin #login-form input[type="password"] {
  float: right;
  width: 70%;
}
#gkPopupLogin #login-form fieldset p { padding: 0 0 18px }
#gkPopupLogin #form-login-remember,
#gkPopupLogin #form-login-buttons { margin-left: 100px }
#gkPopupLogin #form-login-buttons input.button { background: #fec64d; }
#gkPopupLogin #form-login-buttons input.button:hover { background: #4d90fe; }
#gkPopupLogin #login-form ul {
  background: none;
  border-top: 1px solid #e5e5e5;
  margin-left: 100px;
  padding: 10px 0 0
}
#gkPopupLogin #login-form ul li { float: left; }
#gkPopupLogin #login-form ul li:first-child { margin-right: 8px }
.gkPopupWrap {
  padding: 32px;
  overflow: hidden;
}
.gkPopupWrap h3 {
  margin: 0 0 18px;
  font-size: 32px;
  line-height: 32px;
}
#gkPopupOverlay {
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 1000001;
  top: 0;
  left: 0;
  margin-left: 0;
}

/* Toolbar media queries */
@media (max-height: 620px) {
#gkToolbar #gkSearch,
 #gkToolbar #gkSocial { margin-top: 0; }
}

@media (max-height: 480px) {
#gkSocial { display: none; }
}

@media (max-height: 320px) {
#gkLinks { display: none; }
}
body[data-mobile="true"] #gkMobileMenu select { font-size: 50px; }

/* moy */
.avatar_latestcomments {
background-size: cover;
    width: 32px;
    height: 32px;
    float:left; 
    margin: 1px 8px 13px 3px;
}/*
#------------------------------------------------------------------------
# Magazine - January 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 
*/
 
/* Base for all menus */
#gkMainMenu {
	margin: 0;
	padding: 0;
	width: 100%;
}
#gkMainMenu .gkMenu {
	display: block;
	margin: 0;
	position: relative;
}
.gkMenu > ul > li {
	width: 100%;
}
.gkMenu > ul > li a {
	display: block;
}
.gkMenu > ul > li a small {
	display: block;
	font-size: 11px;
	line-height: 12px;
}
.gkMainMenu2 .gkMenu > ul > li > .childcontent {
	position: static;
}
.gkMainMenu1 .gkMenu > ul > li > .childcontent,
.gkMainMenu1 .gkMenu > ul > li > .childcontent .childcontent,
.gkMainMenu2 .gkMenu > ul > li li > .childcontent,
.gkMainMenu2 .gkMenu > ul > li li > .childcontent .childcontent {
	position: absolute;
	left: -999em;
	z-index: 999;
}
.gkMainMenu1 .gkMenu > ul > li > .childcontent .gkcol,
.gkMainMenu2 .gkMenu > ul > li li > .childcontent .gkcol {
	float: left;
}
.gkMainMenu2 .gkMenu > ul > li > .childcontent > div > .gkcol {
	width: 100%!important;
}
.gkMainMenu1 .gkMenu > ul > li:hover > .childcontent,
.gkMainMenu1 .gkMenu > ul > li:hover > .childcontent li:hover > .childcontent,
.gkMainMenu2 .gkMenu > ul > li li:hover > .childcontent,
.gkMainMenu2 .gkMenu > ul > li li:hover > .childcontent li:hover > .childcontent {
	left: inherit;
}
.gkMainMenu1 .gkMenu > ul > li .childcontent,
.gkMainMenu2 .gkMenu > ul > li li .childcontent {
	margin-left: 100px;
	margin-top: -35px!important;
}
.gkMainMenu1 .gkMenu > ul > li .childcontent .childcontent,
.gkMainMenu2 .gkMenu > ul > li .childcontent .childcontent {
	margin-top: -35px!important;
}
.gkMainMenu1 .childcontent .childcontent.active,
.gkMainMenu1 > ul > li:hover > .childcontent .childcontent,
.gkMainMenu2 .childcontent .childcontent.active,
.gkMainMenu2 > ul > li:hover > .childcontent .childcontent  {
	pointer-events: auto;
}
.gkMainMenu1 .childcontent .childcontent .childcontent,
.gkMainMenu2 .childcontent .childcontent .childcontent {
	z-index: 1002!important;
}
/* main menu CSS */
.gkMenu > ul {
	margin: 0;
	padding: 0;
}
.gkMenu ul li {
	clear: both;
	font-size: 14px;
	line-height: 30px;
	margin: 0;
}
.gkMenu > ul > li {
	font-weight: 400;
}
.gkMenu > ul > li.active:first-child > a {
	color: #363636;	
}
.gkMainMenu2 .gkMenu > ul > li.haschild > .childcontent {
	margin: 0 0 36px 0;
}
.gkMainMenu2 .gkMenu > ul > li li {
	font-weight: 300;
}
.gkMenu > ul > li > a {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.gkMenu a:hover,
.gkMenu a:active,
.gkMenu a:focus,
.gkMenu li.active > a {
	color: #4d90fe;
}

.gkMainMenu2 .gkMenu > ul ul {
	margin: 0;
	padding: 0;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent,
.gkMainMenu2 .gkMenu > ul li li div.childcontent {
	background: #4d90fe;
	margin-top: 0;
	text-transform: none;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent-inner,
.gkMainMenu2 .gkMenu > ul li li div.childcontent-inner {
	background: #4d90fe;
}
.gkMainMenu1 .gkMenu > ul li > .childcontent .gkcol,
.gkMainMenu2 .gkMenu > ul li li > .childcontent .gkcol {
	padding-bottom: 0;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent li,
.gkMainMenu2 .gkMenu > ul li li div.childcontent li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #659fff;	
}
.gkMainMenu1 .gkMenu > ul li div.childcontent li:hover, 
.gkMainMenu2 .gkMenu > ul li li div.childcontent li:hover {
	 background: #3c82f6;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent li:first-child,
.gkMainMenu2 .gkMenu > ul li li div.childcontent li:first-child { 
	border: none;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent a,
.gkMainMenu2 .gkMenu > ul li li div.childcontent a {
	color: #fff;
	display: block;
	padding: 5px 16px;
}
.gkMainMenu1 .gkMenu > ul li li div.childcontent small,
.gkMainMenu2 .gkMenu > ul li li div.childcontent small {
	color: #C7DCFF;
	padding-bottom: 5px;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent li.group,
.gkMainMenu2 .gkMenu > ul li li div.childcontent li.group {
	padding: 0;
	margin: 0;
	height: auto;
	border: none !important;
	background: none;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent header,
.gkMainMenu2 .gkMenu > ul li li div.childcontent header {
	padding: 10px 16px 6px 16px;
	display: block;
	color: #fff;
	margin: 0;
	font-weight: 400!important;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent header a,
.gkMainMenu2 .gkMenu > ul li li div.childcontent header a {
	font-size: 16px;
	line-height: 24px;
	padding: 8px 0 4px;
	text-transform: uppercase;
	border-bottom: 2px solid #5fb2ff;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent header small,
.gkMainMenu2 .gkMenu > ul li li div.childcontent header small {
	display: block;
	text-transform: none;
}
.gkMainMenu1 li .module p,
.gkMainMenu2 li li .module p {
	font-size: 12px;
	line-height: 18px;
}

/* hide mobile menu */
#gkMobileMenu {
	display: none;
}/*
#------------------------------------------------------------------------
# Magazine - January 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
 */
 
@charset "UTF-8";
 
@font-face {
  font-family: "magazine-icons";
  src:url("templates/gk_magazine/fonts/magazine-icons/magazine-icons.eot");
  src:url("templates/gk_magazine/fonts/magazine-icons/magazine-icons.eot?#iefix") format("embedded-opentype"),
    url("templates/gk_magazine/fonts/magazine-icons/magazine-icons.ttf") format("truetype"),
    url("templates/gk_magazine/fonts/magazine-icons/magazine-icons.svg#magazine-icons") format("svg"),
    url("templates/gk_magazine/fonts/magazine-icons/magazine-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
 
[data-icon]:before {
  font-family: "magazine-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
[class^="gk-icon-"]:before,
[class*=" gk-icon-"]:before {
  font-family: "magazine-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} 
 
.gk-icon-arrow:before { content: "a"; }
.gk-icon-cog:before { content: "b"; }
.gk-icon-email:before { content: "c"; }
.gk-icon-fb:before { content: "d"; } 
.gk-icon-gplus:before { content: "e"; }
.gk-icon-pinterest:before { content: "f"; } 
.gk-icon-rss:before { content: "g"; } 
.gk-icon-search:before { content: "h"; } 
.gk-icon-top:before { content: "i"; } 
.gk-icon-twitter:before { content: "j"; } 

#gkToolbar [class^="gk-icon-"]:before,
#gkToolbar [class*=" gk-icon-"]:before,
#gkBackToTop[class^="gk-icon-"]:before,
#gkBackToTop[class*=" gk-icon-"]:before {
	font-size: 20px;
	text-indent: 999999em;
	line-height: 52px;
	margin: 0 16px;
}
#gkSocial [class^="gk-icon-"]:before,
#gkSocial [class*=" gk-icon-"]:before {
	font-size: 23px;
	margin: 0 15px;
}
#gkBackToTop:hover,
#gkToolbar a.gk-icon-search:hover,
#gkToolbar a.gk-icon-email:hover { background: #4d90fe; }
#gkToolbar a.gk-icon-rss:hover { background: #fd9f13; }
#gkToolbar a.gk-icon-fb:hover { background: #3c5b9b; }
#gkToolbar a.gk-icon-twitter:hover { background: #359bed; }
#gkToolbar a.gk-icon-gplus:hover { background: #d44132; }
#gkToolbar a.gk-icon-pinterest:hover { background: #cb2027; }

#gkToolbar a:hover { 
	color: #fff;
}
#gkLinks a,
#gkSocial a {
	color: #797979;
 	border-bottom: 1px solid #484848;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	clear: both;
 	float: none;
 	display: block;
 	height: 52px;
 	line-height: 52px;
 	padding: 0;
 	-webkit-transition: all .15s ease-out;
 	-moz-transition: all .15s ease-out;
 	-ms-transition: all .15s ease-out;
 	-o-transition: all .15s ease-out;
 	transition: all .15s ease-out;
 	width: 52px;
}
/*
 * News Show Pro GK4
 */
.nsp { position: relative }
.nspMain { overflow: hidden }
.nspBotInterface,
.nspTopInterface {
    overflow: hidden;
    clear: both;
}
.nspBotInterface div,
.nspTopInterface div { float: right }
.nsp .nspTopInterface div {
    position: absolute;
    right: 16px;
    padding: 0 3px;
    top: 16px;
    z-index: 10;
}
.nspPagination {
    list-style-type: none !important;
    margin: 9px 0 0 !important;
    padding: 0 !important;
    float: left;
}
.nspPagination li {
    float: left;
    width: 8px;
    height: 8px;
    margin: 1px 3px 0 1px!important;
    background: #d6d6d6;
    border: none!important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 0!important;
    text-indent: -999em;
    cursor: pointer;
}
.nspPagination li:hover,
.nspPagination li.active { 
	background: #4d90fe;
	height: 10px;
	margin: 0 2px 0 0!important;
	width: 10px;
}
.nspNext,
.nspPrev {
    float: left;
    width: 22px;
    height: 22px;
    margin: 3px 0 0 4px;
    background: url('templates/gk_magazine/images/nsp_interface.png') no-repeat -22px 0;
    text-indent: -999em;
    cursor: pointer;
}
.nspPrev { background-position: 0 0; }
.nspNext:hover,
.nspPrev:hover { background-position: -22px -22px; }
.nspPrev:hover { background-position: 0 -22px; }
.nspCounter {
    float: left;
    margin: 0 0 0 8px;
    padding: 1px 4px;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #878787;
    font-size: 9px;
    cursor: pointer;
}
.nspArts { 
	overflow: hidden; 
}
.nspArtPage { 
	float: left; 
}
.nspArt {
    -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;
}
.nspArt div { overflow: hidden }
h4.nspHeader {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
}
.nspArt h4.nspHeader a {
    color: #333;
    text-decoration: none;
}
.nspArt h4.nspHeader a:active,
.nspArt h4.nspHeader a:focus,
.nspArt h4.nspHeader a:hover { color: #4d90fe }
.nspArt a {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.nspArt img.nspImage {
    border: none;
    
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.nspArt img.nspImage:hover {
    -webkit-transform: scale(1.15) rotate(-1.5deg);
    -moz-transform: scale(1.15) rotate(-1.5deg);
    -ms-transform: scale(1.15) rotate(-1.5deg);
    -o-transform: scale(1.15) rotate(-1.5deg);
    transform: scale(1.15) rotate(-1.5deg);
}
.nspArt .nspImageWrapper { overflow: hidden }
.nspArt p.nspText {
    color: #777;
    float: none;
    font-size: 12px;
    margin: 0;
}
.nspArt p.nspText + .readon { 
	margin-top: 15px; 
}
.nspArt p.nspText + .nspInfo { 
	margin-top: 12px; 
}
.nspArt p.nspInfo {
    color: #888;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.0;
    margin: 0 0 5px 0;
}
.nspArt p.nspInfo a {
    color: #333;
    padding-left: 8px;
}
.nspArt p.nspInfo a:active,
.nspArt p.nspInfo a:focus,
.nspArt p.nspInfo a:hover { 
	color: #4d90fe;
}
.nspArt .tleft { text-align: left }
.nspArt .tright { text-align: right }
.nspArt .tcenter { text-align: center }
.nspArt .tjustify { text-align: justify }
.nspArt .fleft { float: left }
.nspArt .fright { float: right }
.nspArt .fnone {
    clear: both;
    width: 100%;
    float: none;
}
.readon.left,
.readon.right,
.readon.center { clear: both }
.readon.left { float: left }
.readon.right { float: right }
.readon.center {
    display: inline;
    float: none;
}
.nspList { float: left }
.nspLinks .nspLinkScroll1 div ul {
    padding: 0 !important;
    list-style-type: none !important;
}
.nspLinks .nspLinkScroll1 div ul li {
    margin: 0 !important;
    padding: 14px 0;
}
.nspLinks ul li h4 {
    color: #242424;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}
.nspLinks ul li h4 a { 
	text-decoration: none; 
}
.nspLinks ul li p {
    font-size: 12px;
    line-height: 22px;
    margin: 0;
}
/* positioning */
.nspArts.left { float: right }
.nspLinksWrap.left { float: left }
.nspArts.right { float: left }
.nspLinksWrap.right { float: right }
/* make element unvisible */
.nspMain .unvisible {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}
/* font-size classes */
.nspFs80 { font-size: 80% }
.nspFs90 { font-size: 90% }
.nspFs100 { font-size: 100% }
.nspFs110 { font-size: 110% }
.nspFs120 { font-size: 120% }
.nspFs130 { font-size: 130% }
.nspFs140 { font-size: 140% }
.nspFs150 { font-size: 150% }
.nspFs160 { font-size: 160% }
.nspFs170 { font-size: 170% }
.nspFs180 { font-size: 180% }
.nspFs190 { font-size: 190% }
.nspFs200 { font-size: 200% }
/* New responsive layout */
.gkResponsive { line-height: 1 }
.gkResponsive img.nspImage,
img.nspImage.gkResponsive {
    width: 100% !important;
    height: auto;
}
.gkResponsive a,
a.gkResponsive {
    display: block;
    position: relative;
}
.gkResponsive { position: relative }
.nspArt img.nspImage { 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% }

/* Suffix dark */
.color1 .nspArt p.nspText { color: #fff }
.color1 .nspArt p.nspInfo { color: #c7dcff }
.color1 .nspArt p.nspInfo a { color: #c7dcff }
.color1 .nspArt p.nspInfo a:active,
.color1 .nspArt p.nspInfo a:focus,
.color1 .nspArt p.nspInfo a:hover { color: #fff }
.color1 .nspLinks ul li h4 a { color: #c7dcff }
.color1 .nspLinks ul li h4 a:active,
.color1 .nspLinks ul li h4 a:focus,
.color1 .nspLinks ul li h4 a:hover { color: #fff }
.color1 .nspArt h4.nspHeader a { color: #c7dcff }
.color1 .nspArt h4.nspHeader a:active,
.color1 .nspArt h4.nspHeader a:focus,
.color1 .nspArt h4.nspHeader a:hover { color: #fff }
.color1 .nspPagination li { background: #c7dcff }
.color1 .nspPagination li:hover,
.color1 .nspPagination li.active { background: #fff }

/* Suffix headlines */
.headlines .nspArt {
	position: relative;
}
/* Suffix gkAdvert */
.gkAdvert > .content {
	background: #91c46c;
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	padding: 23px 42px;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	
}
.gkAdvert > .content:hover {
	background: #35353A;
}
#gkSidebar .box.gkAdvert {
	margin-bottom: 5px;
}
.gkAdvert a,
.gkAdvert a:hover,
.gkAdvert a:active { color: #fff; }
.gkAdvert a span {
	opacity: 0.98;
	clear: both;
	font-size: 11px;
	display: block;
	font-weight: 500;
	line-height: 0.7;
}
.headlines .nspNewWrap {
	background: #4d90fe url('templates/gk_magazine/images/big_arrow.png') no-repeat 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0; 
	position: absolute;
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-ms-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}

.headlines .nspNewWrap h4,
.headlines .nspNewWrap h4 a,
.headlines .nspNewWrap h4 a:active,
.headlines .nspNewWrap h4 a:focus,
.headlines .nspNewWrap h4 a:hover {
	color: #fff!important;
}

.headlines .nspArt.active .nspNewWrap {
	filter: alpha(opacity=100);
	left: 0!important;
	opacity: 1; 
}

.headlines .nspArt.unactive .nspNewWrap {
	left: 0!important;
}

/* Suffix nsphover */
.nsphover .content {
	margin: 0;
}

.nsphover .nspImageWrapper {
	position: relative;
}

.nsphover .nspImageWrapper .nspHeader {
	background: #4d90fe;
	background: rgba(77, 144, 254, 0.85);
	bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 300;
	margin: 0;
	padding: 20px;
	position: absolute;
}

.nsphover .nspImageWrapper .nspHeader a,
.nsphover .nspImageWrapper .nspHeader a:active,
.nsphover .nspImageWrapper .nspHeader a:focus,
.nsphover .nspImageWrapper .nspHeader a:hover {
	color: #fff;
}

.nsphover .nspArt .nspInfo2 {
	background: #fec64d;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
	margin: 0 0 20px 0;	
	padding: 12px 22px;
	text-transform: uppercase;
}

.nsphover .nspInfo2 a {
	color: #fff!important;
	margin: 0!important;
	padding: 0!important;
}

.nsphover .nspInfo2 a:hover,
.nsphover .nspInfo2 a:focus,
.nsphover .nspInfo2 a:active {
	color: #fff!important;
}

.nsphover .nspArt {
	border: none!important;
	margin: 6px 0 0 0;
	overflow: hidden;
	position: relative;
}

.nsphover .nspText {
	bottom: -200px;
	position: absolute;
}

.nsphover .nspHoverOverlay {
	background: #4d90fe;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	height: 600px;
	margin: 0 3px 0 0;
	padding: 20px 20px 0 20px;
	position: absolute;
	top: 100%;
	-webkit-transition: top .3s ease-out;
	   -moz-transition: top .3s ease-out;
	    -ms-transition: top .3s ease-out;
	     -o-transition: top .3s ease-out;
	        transition: top .3s ease-out;
	z-index: 9;
}

.nsphover .nspHoverOverlay .nspText,
.nsphover .nspHoverOverlay .nspText a {
	color: #c7dcff;
	font-size: 14px;
	margin-top: 20px;
	position: static;
}

.nsphover .nspHoverOverlay .nspText a:active,
.nsphover .nspHoverOverlay .nspText a:focus,
.nsphover .nspHoverOverlay .nspText a:hover {
	color: #fff;
}

.nsphover .nspHoverOverlay .nspHeader,
.nsphover .nspHoverOverlay .nspHeader a {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}

.nsphover .nspHoverOverlay .nspHeader a:active,
.nsphover .nspHoverOverlay .nspHeader a:focus,
.nsphover .nspHoverOverlay .nspHeader a:hover {
	color: #c7dcff;
}

.nsphover .nspHoverOverlay.active {
	top: 0;
}

.nsphover .nspInfo1,
.nsphover .nspInfo1 a {
	color: #fff!important;
	font-size: 13px!important;
	font-weight: 400!important;
	margin-top: 30px!important;
}

/*
 * Tabs GK5 Module
 */
.gkTabsGK5 {
    position: relative;
    overflow: hidden;
}
.gkTabsWrap.vertical ol li {
	border: 1px solid #e5e5e5;
	border-left: none;
	color: #242424;
	cursor: pointer;
	display: block;
    float: left;
    line-height: 37px;
    list-style-type: none;
    height: 36px;
    padding: 2px 14px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;   
    text-transform: uppercase;
}
.gkTabsWrap.vertical ol li:first-child { border-left: 1px solid #e5e5e5;}
.gkTabsWrap.vertical ol li.active,
.gkTabsWrap.vertical ol li.active:hover {
   background: #FEC64D;
   border-color: #FEC64D;
   color: #fff;
   
}
.gkTabsWrap.vertical ol li.active::after {
    content: "";
    clear: both;
    display: block;
    float: left;
    height: 2px;
    margin-left: -14px;
    position: absolute;
    top: 38px;
    width: 100%;
    z-index: 2;
}
.gkTabsWrap.vertical ol li:hover { 
	color: #4d90fe; 
}
.gkTabsContainer {
    clear: both;
    overflow: hidden;
    position: relative;
}
.gkTabsItem {
    background: #fff;
    -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;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.gkTabsItem.active {
    left: 0;
    position: relative;
    z-index: 2;
}
.gkTabsNav {
 
    margin: 0 0 30px;
    min-height: 36px;
}

.gkTabsButtonNext,
.gkTabsButtonPrev {
	display: none;	
}/*
#------------------------------------------------------------------------
# Magazine - January 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 
*/
 
/* Style 1 */

/* template.css */
/* moi */
/*#yandex_ad_pod_foto {
  width:100%;
}

#yandex_ad_pod_stat {
  width:100%;
}*/

.moiface {display:inline-block;vertical-align:bottom;width:32px;height:32px;margin:8px 5px 0px  0;padding:0;outline:none;background:url(knopki_cotc/icons_grup.png) -0px 0 no-repeat}
.moigoog {display:inline-block;vertical-align:bottom;width:32px;height:32px;margin:8px 5px 0px 0;padding:0;outline:none;background:url(knopki_cotc/icons_grup.png) -32px 0 no-repeat}
.moimoymir {display:inline-block;vertical-align:bottom;width:32px;height:32px;margin:8px 5px 0px 0;padding:0;outline:none;background:url(knopki_cotc/icons_grup.png) -64px 0 no-repeat}
.moiodnokl {display:inline-block;vertical-align:bottom;width:32px;height:32px;margin:8px 5px 0px 0;padding:0;outline:none;background:url(knopki_cotc/icons_grup.png) -96px 0 no-repeat}
.moitwit {display:inline-block;vertical-align:bottom;width:32px;height:32px;margin:8px 5px 0px 0;padding:0;outline:none;background:url(knopki_cotc/icons_grup.png) -128px 0 no-repeat}
.moivkon {display:inline-block;vertical-align:bottom;width:32px;height:32px;margin:8px 5px 0px 0;padding:0;outline:none;background:url(knopki_cotc/icons_grup.png) -160px 0 no-repeat}
.moirsskt {display:inline-block;vertical-align:bottom;width:32px;height:32px;margin:8px 5px 0px 0;padding:0;outline:none;background:url(knopki_cotc/icons_grup.png) -192px 0 no-repeat}

#xmap ul li { margin: 10px 0 10px 0; }
#xmap .level_0 ul li { margin: 10px 0 10px 10px; }
#xmap .level_1 ul li { margin: 10px 0 10px 20px; }
#xmap .level_2 ul li { margin: 10px 0 10px 30px; }
#xmap .level_3 ul li { margin: 10px 0 10px 40px; }
#xmap .level_4 ul li { margin: 10px 0 10px 50px; }
#xmap .level_5 ul li { margin: 10px 0 10px 60px; }
/*
.sticky {
  position: fixed;
  z-index: 101;
}
.stop {
  position: relative;
  z-index: 101;
}
*/
/* endmoi */
a,
#gkMainbody a:active,
#gkMainbody a:focus,
#gkMainbody a:hover,
#gkMainbody header h1 a,
#k2Container article header h2 a {
  color: #363636;
}
/* moi */
a:hover,
a:active,
a:focus,
a.class1:link { color:#4d90fe; text-decoration: underline }
a.class1:active  { color:#4d90fe; text-decoration: underline; font-style: italic }
a.class1:hover  { color:#fec64d; text-decoration: overline; font-style: italic }
/* endmoi */
#gkMainbody a,
#gkMainbody header h1 a:active,
#gkMainbody header h1 a:focus,
#gkMainbody header h1 a:hover,
#k2Container article header h2 a:active,
#k2Container article header h2 a:focus,
#k2Container article header h2 a:hover {
  color: #4d90fe;
}
#gkLogo.cssLogo {
  background-color: #4d90fe
}
#gkLogo:hover {
  background-color: #fec64d;
}
#gkLogo.text {
  background: #4d90fe;
}
#gkLogin:active,
#gkLogin:focus,
#gkLogin:hover,
#gkRegister:active,
#gkRegister:focus,
#gkRegister:hover {
  background-color: #fec64d;
}
#gkBackToTop:hover,
#gkToolbar a.gk-icon-search:hover,
#gkToolbar a.gk-icon-email:hover { background: #4d90fe; }

#gkSearch form {
  background-color: #4d90fe;
}
#gkSearch #mod-search-searchword {
  background: #4d90fe;
  border-bottom-color: #72a7ff;
}
.gkRSS,
.gkMail,
.gkTwitter,
.gkFb,
.gkGplus,
.gkPinterest {
  background-image: url('templates/gk_magazine/images/style1/icons.png');
}
.box.color1 {
  background: #4d90fe!important;
}
.box.color1 ul li {
  border-bottom: 1px solid #659fff;
}
.box.color1 a {
  color: #c7dcff;
}
.box.color2 .header {
  color: #4d90fe;
}
#gkPopupLogin #form-login-buttons input.button {
  background: #fec64d;
}
#gkPopupLogin #form-login-buttons input.button:hover {
  background: #4d90fe;
}

/* joomla.css */

button,
.button,
input.button,
span.button,
button.button,
div.button,
input[type="submit"],
input[type="button"],
.pagenav-prev a,
.pagenav-next a,
.readon,
.pagination ul li a,
.pagination ul li span {
  background: #4d90fe;
}
button:hover,
.button:hover,
input.button:hover,
span.button:hover,
button.button:hover,
div.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.pagenav-prev a:hover,
.pagenav-next a:hover,
.readon:hover,
.pagination ul li a:hover,
.pagination ul li span:hover {
  background: #fec64d;
}
#gkMainbody .itemReadMore,
#gkMainbody .readmore > a {
  background-color: #4d90fe;
}
#gkMainbody .itemReadMore:active,
#gkMainbody .itemReadMore:focus,
#gkMainbody .itemReadMore:hover,
#gkMainbody .readmore > a:active,
#gkMainbody .readmore > a:focus,
#gkMainbody .readmore > a:hover {
  background-color: #fec64d;
}
th a:active,
th a:focus,
th a:hover {
  color: #4d90fe!important;
}
article header h1 a:hover,
article header h2 a:hover {
  color: #4d90fe;
}
article header li a:hover {
  color: #4d90fe;
}
.tip-title {
  background: #4d90fe;
}
#system-message dd {
  background-color: #FEC64D;
  background-image: url('templates/gk_magazine/images/style1/typography/info.png');
}
#system-message dd.error {
  background-color: #FE724D;
  background-image: url('templates/gk_magazine/images/style1/typography/warning.png');
}
#system-message dd.notice {
  background-color: #4D90FE;
  background-image: url('templates/gk_magazine/images/style1/typography/tips.png');
}
.autocompleter-queried {
  color: #4d90fe!important
}
.menu li:hover {
  background: #4d90fe;
}
th a:active,
th a:focus,
th a:hover,
article header h1 a:hover,
article header h2 a:hover {
  color: #4d90fe;
}

/* gk_stuff.css */

.nspPagination li:hover,
.nspPagination li.active { 
  background: #4d90fe;
}
.nspArt h4.nspHeader a:active,
.nspArt h4.nspHeader a:focus,
.nspArt h4.nspHeader a:hover { 
  color: #4d90fe; 
}
.nspArt p.nspInfo a:active,
.nspArt p.nspInfo a:focus,
.nspArt p.nspInfo a:hover { 
  color: #4d90fe;
}
.color1 .nspArt p.nspInfo { 
  color: #c7dcff;
}
.color1 .nspArt p.nspInfo a { 
  color: #c7dcff; 
}
.color1 .nspLinks ul li h4 a { 
  color: #c7dcff;
}
.color1 .nspArt h4.nspHeader a { 
  color: #c7dcff;
}
.color1 .nspPagination li { 
  background: #c7dcff; 
}
.headlines .nspNewWrap {
  background-color: #4d90fe;
}
.nsphover .nspImageWrapper .nspHeader {
  background: #4d90fe;
  background: rgba(77, 144, 254, 0.85);
}
.nsphover .nspArt .nspInfo2 {
  background: #fec64d;
}
.nsphover .nspHoverOverlay {
  background: #4d90fe;
}
.nsphover .nspHoverOverlay .nspText,
.nsphover .nspHoverOverlay .nspText a {
  color: #c7dcff;
}
.nsphover .nspHoverOverlay .nspHeader a:active,
.nsphover .nspHoverOverlay .nspHeader a:focus,
.nsphover .nspHoverOverlay .nspHeader a:hover {
  color: #c7dcff;
}
.gkTabsWrap.vertical ol li.active,
.gkTabsWrap.vertical ol li.active:hover {
   background: #FEC64D;
   border-color: #66b3ec;  
}
.gkTabsWrap.vertical ol li:hover { 
  color: #4d90fe; 
}

/* menu.css */

.gkMenu a:hover,
.gkMenu a:active,
.gkMenu a:focus,
.gkMenu li.active > a {
  color: #4d90fe;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent,
.gkMainMenu2 .gkMenu > ul li li div.childcontent {
  background: #4d90fe;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent-inner,
.gkMainMenu2 .gkMenu > ul li li div.childcontent-inner {
  background: #4d90fe;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent li,
.gkMainMenu2 .gkMenu > ul li li div.childcontent li {
  border-top: 1px solid #659fff;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent li:hover,
.gkMainMenu2 .gkMenu > ul li li div.childcontent li:hover {
  background: #3c82f6;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent small,
.gkMainMenu2 .gkMenu > ul li li div.childcontent small {
  color: #C7DCFF;
}
.gkMainMenu1 .gkMenu > ul li div.childcontent header a,
.gkMainMenu2 .gkMenu > ul li li div.childcontent header a {
  border-bottom: 2px solid #5fb2ff;
}

/* k2.css */

h1 > sup,
h2 > sup {
  background: #fec64d;
}
span#formLog {
  background: #4d90fe;
}
.k2TagCloudBlock a:hover {
  background: #4d90fe;
}
.itemAttachmentsBlock {
  background-color: #FEC64D;
  background-image: url('templates/gk_magazine/images/style1/typography/tips.png');
}
.itemAuthorContent ul li {
  background-image: url('templates/gk_magazine/images/style1/typography/bullet1.png');
}
#itemListLinks li {
  background-image: url('templates/gk_magazine/images/style1/typography/bullet-square2.png');
}
.k2TagCloudBlock a {
  background: #FEC64D;
  border-color: #FEC64D;
}
.k2TagCloudBlock a:hover {
  background: #4d90fe;
  border-color: #4d90fe;
}
.k2CalendarBlock table.calendar tr td.calendarDateLinked a:hover {
  background: #fec64d;
}
.k2CalendarBlock table.calendar tr td.calendarToday {
  background: #4d90fe;
}
table.calendar tr td.calendarTodayLinked a {
  color: #4d90fe;
}
.k2CalendarBlock table.calendar tr td.calendarTodayLinked a:hover {
  background: #fec64d;
}
.calendarNavLink { 
  color: #4d90fe;
}

/* Tablet */

#gkMobileMenu {
  background-image: url('templates/gk_magazine/images/style1/tablet_menu.png');
}
/*moi*/

.readinglist-list .readinglist-noitem {
    color: #ffffff;
    background: #fec64d;
    padding: 15px;
    font-size: 16px;
}/*
#------------------------------------------------------------------------
# Magazine - January 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 
*/

b,
strong {
	font-weight: 600
}

.k2box > ul,
.k2box > ul ul {
	list-style-type: disc;
	padding-left: 20px
}

.k2box > ol,
.k2box > ol ol {
	list-style-type: decimal;
	padding-left: 20px
}

.k2box > ul li,
.k2box > ul ul li,
.k2box > ol li,
.k2box > ol ol li {
	list-style-position: outside;
	padding-left: 0
}

.gkfile1,
.gkfile2,
.gklink,
.gkinfo,
.gkpin,
.gksettings,
.gkmic,
.gkbook,
.gkmap,
.gktag,
.gkstats,
.gkvoice,
.gkvideo,
.gklocked,
.gkunlocked,
.gklocation,
.gkcomment,
.gkalarm {
	background-position: 0 8px!important;
	background-repeat: no-repeat!important;
	min-height: 38px!important;
	padding: 0 0 2px 52px !important
}

p.gkInfo1, p.gkInfo2, p.gkInfo3,
p.gkTips1, p.gkTips2, p.gkTips3,
p.gkWarning1 {
	
	color: #fff;
	font-size: 16px;
	min-height: 50px;
	padding: 10px 10px 12px 86px
}

.gkHighlight1,
.gkHighlight2,
.gkHighlight3,
.gkHighlight4 {
	cursor: default;
	padding: 1px 5px;
	text-shadow: none
}

.gkHighlight3:hover {
	background: #737373;
	color: #fff
}

.gkHighlight4:hover {
	background: #eee;
	color: #363636
}

pre,
.gkCode1,
.gkCode2,
.gkCode3 {
	 font: normal .92em/32px 'Courier New', monospace!important;
	 margin: 20px 0!important;
	 padding: 26px 30px!important;
}

pre,
.gkCode1,
.gkCode2 {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1
}

.gkCode3 {
	border: 1px solid #eee;
	color: #363636;
	padding-left: 82px!important
}

.gkCode3 h4 {
	background: #4d90fe;
	color: #fff;
	font-size: 13px;
	margin: 0 0 0 -64px !important;
	padding: 2px 5px 0;
	position: relative;
	text-align: center;
	top: 0;
	width: 35px
}

div.gkCode2:hover,
div.gkCode3:hover {
	color: #000
}

ol {
	list-style-position: inside;
	margin: 0.5em 0;
	padding: 0
}

ol.gkDec {
	list-style-type: decimal
}

ol.gkRoman {
	list-style-type: upper-roman
}

ol.gkAlpha {
	list-style-type: lower-alpha
}

ol.gkDecimalLeadingZero {
	list-style-type: decimal-leading-zero
}

ul.gkBullet1,
ul.gkBullet2,
ul.gkBullet3,
ul.gkBullet4,
#k2Container .itemFullText ul,
#k2Container .itemIntroText ul {
	margin: 0.5em 0;
	padding: 0
}

ul li {
	list-style-position: outside
}

ul.gkBullet1 li,
ul.gkBullet2 li,
ul.gkBullet3 li,
ul.gkBullet4 li,
#k2Container .itemFullText ul li,
#k2Container .itemIntroText ul li{
	line-height: 1.8em!important;
	list-style: none;
	margin: 0!important;
	overflow: inherit;
	padding: 1px 0 1px 28px
}

div.gkLegend1 h4, div.gkLegend2 h4, div.gkLegend3 h4 {
	background: #fff;
	float: left;
	font-size: 14px;
	font-weight: 400;
	left: 11px;
	line-height: 18px;
	margin: 0 0 -9px!important;
	padding: 0 10px;
	position: relative;
	text-transform: uppercase;
	top: -16px
}

div.gkLegend1, div.gkLegend2, div.gkLegend3 {
	margin: 30px 0;
	padding: 6px
}

div.gkLegend1 p, div.gkLegend2 p, div.gkLegend3 p {
	clear: both;
	margin: 7px
}

blockquote {
	font-style: italic;
	margin: 20px 0
}

blockquote div {
	display: block
}

blockquote div.gkBlockquote1 div,
blockquote div.gkBlockquote2 div {
	background: url(templates/gk_magazine/images/style1/typography/close1.png) no-repeat right top;
	padding: 0 22px
}

blockquote div.gkBlockquote3 {
	background: url(templates/gk_magazine/images/style1/typography/open2.png) no-repeat left bottom;
	padding-bottom: 1px
}

blockquote div.gkBlockquote3 div {
	background: url(templates/gk_magazine/images/style1/typography/close2.png) no-repeat right top;
	padding: 5px 48px 0
}

blockquote div.gkBlockquote4 div {
	background: url(templates/gk_magazine/images/style1/typography/close2.png) no-repeat right top;
	padding: 0 48px
}

.gkBlockTextLeft,
.gkBlockTextRight,
.gkBlockTextCenter {
	color: #4d90fe;
	display: block;
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
	line-height: 150%;
	padding: 30px;
	width: 38%
}

.gkBlockTextLeft {
	float: left;
	text-align: left
}

.gkBlockTextRight {
	float: right;
	text-align: right
}

.gkBlockTextCenter {
	margin: 0 auto;
	text-align: center
}

p.numblocks {
	margin: 20px 0;
	min-height: 56px;
	padding: 0 0 0 65px !important;
	position: relative
}

p.numblocks span {
	-moz-border-radius: 50%;
	-ms-webkit-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	font-size: 20px;
	font-weight: 400;
	height: 42px;
	left: 0;
	line-height: 42px;
	position: absolute;
	text-align: center;
	top: 4px;
	width: 42px
}

p.num-1 span {
	border: 2px solid #ccc;
	color: #ccc
}

p.num-2 span {
	border: 2px solid #242424;
	color: #242424
}

p.num-3 span {
	border: 2px solid #4d90fe;
	color: #4d90fe
}

p.numblocks span.highlight {
	border-right: none;
	display: inline;
	font-size: 15px;
	position: static;
	width: auto
}

.gkblock-1,
.gkblock-2,
.gkblock-3 {
	margin: 20px 0;
	padding: 15px 20px
}

.bubble-1,
.bubble-2 {
	margin: 20px 0 40px;
	padding: 15px 20px;
	position: relative
	
}
.bubble-1::after,
.bubble-2::after {
    border-color: transparent;
    border-style: solid;
    border-width: 22px 0 0 22px;
    bottom: -22px;
    content: "";
    display: block;
    left: 30px;
    position: absolute;
    width: 0;
}
.bubble-1 cite,
.bubble-2 cite {
	
	bottom: -25px;
	display: block;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	height: 25px;
	left: 26px;
	line-height: 36px;
	padding-left: 32px;
	position: absolute
}

blockquote div.gkBlockquote1 {
	background: url(templates/gk_magazine/images/style1/typography/open1.png) no-repeat left bottom
}

blockquote div.gkBlockquote2 {
	background: url(templates/gk_magazine/images/style1/typography/open1.png) no-repeat left top
}

blockquote div.gkBlockquote4 {
	background: url(templates/gk_magazine/images/style1/typography/open2.png) no-repeat left top
}

pre {
	border: 1px solid #e5e5e5;
	border-left: 4px solid #4d90fe;
	color: #363636;
	padding-left: 32px
}

.gkCode2 {
	border: 1px solid #e5e5e5;
	border-top: 4px solid #FEC64D;
	color: #363636
}

p.gkInfo1, p.gkInfo2, p.gkInfo3 {
	background: #fec64d url(templates/gk_magazine/images/style1/typography/info.png) no-repeat 6px 10px;
	
}

p.gkTips1, p.gkTips2, p.gkTips3 {
	background: #91c46c url(templates/gk_magazine/images/style1/typography/tips.png) no-repeat 6px 10px;
	
}

p.gkWarning1 {
	background: #fe724d url(templates/gk_magazine/images/style1/typography/warning.png) no-repeat 6px 10px;
	
}

div.gkLegend1, div.gkLegend2, div.gkLegend3 {
	border: 2px solid #4d90fe
}

div.gkLegend1 h4 , div.gkLegend2 h4, div.gkLegend3 h4{
	background: #fff;
	color: #4d90fe
}

.gkHighlight1 {
	background: #ffd
}

.gkHighlight4 {
	background: #FEC64D;
	color: #fff
}

.gkblock-1 {
	border: 1px solid #e5e5e5
}

.gkblock-2 {
	background: #FFFEF4;
	border: 1px solid #EAE8CC
}

.gkblock-3 {
	background: #f8f8f8
}

.bubble-1 {background: #f5f5f5}
.bubble-1::after {
	 border-color: #f5f5f5;
	  border-left: 22px solid transparent;
}
.bubble-2 {background: #4d90fe; color: #fff}
.bubble-2::after {
	 border-color: #4d90fe;
	border-left: 22px solid transparent;
	
}

.bubble-1 cite {
	
	color: #363636
}

.bubble-2 cite {
	
	color: #4d90fe
}

ul.gkBullet1 li,
#k2Container ul.gkBullet1 li,
#k2Container .itemFullText ul li,
#k2Container .itemIntroText ul li{
	background: url(templates/gk_magazine/images/style1/typography/bullet1.png) no-repeat 0 10px!important
}

ul.gkBullet2 li,
#k2Container ul.gkBullet2 li {
	background: url(templates/gk_magazine/images/style1/typography/bullet2.png) no-repeat 0 10px!important
}

ul.gkBullet3 li,
#k2Container ul.gkBullet3 li {
	background: url(templates/gk_magazine/images/style1/typography/bullet3.png) no-repeat 0 10px!important
}

ul.gkBullet4 li,
#k2Container ul.gkBullet4 li {
	background: url(templates/gk_magazine/images/style1/typography/bullet4.png) no-repeat 0 10px!important
}

ul#demo-typography {
	background: transparent;
	overflow: hidden;
	padding: 10px 30px 30px
}

ul#demo-typography li {
	color: #cb260a;
	float: left;
	font-size: 11px;
	line-height: 24px;
	list-style-position: none;
	list-style-type: disc;
	width: 23.9%
}

ul#demo-typography li a {
	font-size: 11px;
	text-shadow: 2px 2px 0 #fff
}

.demo-typoDiv {
	clear: both;
	margin: 0 0 30px;
	overflow: hidden
}

h4.demo-typo {
	border-bottom: 1px solid #eee;
	color: #363636;
	font-size: 20px;
	font-weight: 300;
	margin: 30px 0
}

.demo-typo-col2 {
	float: left;
	width: 50%
}

.demo-typo-col3 {
	float: left;
	width: 33%
}

.demo-typo-col4 {
	float: left;
	width: 25%
}

.demo-typo_padd {
	padding: 0 15px
}

#warnings .demo-typo_padd p {
	margin: 1em 0 1.6em
}

.typoDesc small {
	color: #999;
	font: normal 10px Monaco, Consolas, "Courier News", monospace
}

.gkblock-3 small {
	color: #353639!important
}

.bubble-2 small {
	color: #fff
}

.gkHighlight1:hover,
pre:hover,
.gkCode1:hover {
	background: #fff
}

.gkHighlight2:hover,
.gkHighlight3,
span.helpTooltip {
	background: #363636;
	color: #fff
}

.gkHighlight2 {
	background: #4d90fe;
	color: #fff
}
/*
#------------------------------------------------------------------------
# Magazine - January 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 
*/

.gkfile1 { background: url('templates/gk_magazine/images/style1/typography/icons/file1.png'); }
.gkfile2 { background: url('templates/gk_magazine/images/style1/typography/icons/file2.png'); }
.gklink { background: url('templates/gk_magazine/images/style1/typography/icons/link.png'); }
.gkinfo { background: url('templates/gk_magazine/images/style1/typography/icons/info.png'); }
.gkpin { background: url('templates/gk_magazine/images/style1/typography/icons/pin.png'); }
.gksettings { background: url('templates/gk_magazine/images/style1/typography/icons/settings.png'); }
.gkmic { background: url('templates/gk_magazine/images/style1/typography/icons/mic.png'); }
.gkbook { background: url('templates/gk_magazine/images/style1/typography/icons/book.png'); }
.gkmap { background: url('templates/gk_magazine/images/style1/typography/icons/map.png'); }
.gktag { background: url('templates/gk_magazine/images/style1/typography/icons/tag.png'); }
.gkstats { background: url('templates/gk_magazine/images/style1/typography/icons/stats.png'); }
.gkvoice { background: url('templates/gk_magazine/images/style1/typography/icons/voice.png'); }
.gkvideo { background: url('templates/gk_magazine/images/style1/typography/icons/video.png'); }
.gklocked { background: url('templates/gk_magazine/images/style1/typography/icons/locked.png'); }
.gkunlocked { background: url('templates/gk_magazine/images/style1/typography/icons/unlocked.png'); }
.gklocation { background: url('templates/gk_magazine/images/style1/typography/icons/location.png'); }
.gkcomment { background: url('templates/gk_magazine/images/style1/typography/icons/comment.png'); }
.gkalarm { background: url('templates/gk_magazine/images/style1/typography/icons/alarm.png'); }