/*
#------------------------------------------------------------------------
# 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 {
	position: relative;
}

body::before {
	background: url('../images/masters/wall-brand.jpg') 42% 245px / auto clamp(840px, 50vw, 980px) no-repeat;
	content: "";
	height: auto;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0, transparent 230px, rgba(0, 0, 0, 0.16) 295px, rgba(0, 0, 0, 0.86) 410px, rgba(0, 0, 0, 0.70) 66%, rgba(0, 0, 0, 0.24) 86%, transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0, transparent 230px, rgba(0, 0, 0, 0.16) 295px, rgba(0, 0, 0, 0.86) 410px, rgba(0, 0, 0, 0.70) 66%, rgba(0, 0, 0, 0.24) 86%, transparent 100%);
	opacity: 0.24;
	pointer-events: none;
	position: fixed;
	bottom: 0;
	right: 0;
	top: 0;
	width: clamp(380px, 25vw, 700px);
	z-index: 0;
}

section#gkPageTop,
#gkPageContent,
#gkBottom1,
#gkBottom2,
#gkLang,
#gkFooter {
	position: relative;
	z-index: 1;
}

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: hidden; /* Keeps the branded header accents inside the top bar */
	width: 100%; /* Necessary to achieve full background width */
	--masters-white: #FFFFFF;
	--masters-orange: #F05C2C;
	--masters-iron: #A02E17;
	--masters-graphite: #1F1F1F;
	--masters-black: #020202;
	background: var(--masters-graphite);
	font-family: 'Lato', Arial, sans-serif;
	position: relative;
	isolation: isolate;
}

section#gkPageTop::before,
section#gkPageTop::after {
	content: "";
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

section#gkPageTop::before {
	background-image: url('../images/masters/wall-brand.jpg');
	background-position: center 14%;
	background-repeat: no-repeat;
	background-size: cover;
	inset: 0;
	opacity: 0.24;
	transform: none;
	width: auto;
}

section#gkPageTop::after {
	content: none;
	display: none;
}

section#gkPageTop > .gkPage {
	align-items: center;
	display: flex;
	min-height: 104px;
	position: relative;
	z-index: 1;
}

section#gkPageTop > .gkPage::after {
	content: none;
	display: none;
	pointer-events: none;
	position: absolute;
	right: 0;
	bottom: 14px;
	width: 0;
	height: 0;
	background: none;
	opacity: 0;
	transform: none;
}

#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: 50px;
}

body[data-mobile="true"] #gkSidebar > div {
	margin-top: 20px;
	padding-top: 25px;
}

#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; */
}

.top2 {
 padding-top:  25px;
}

#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: 50px;
	padding-top: 25px; */
}

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

/* 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;
}
/* 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;
}


section#gkPageTop #gkLogo {
	flex: 0 0 210px;
	height: auto !important;
	margin: 0 42px 0 0 !important;
	position: relative;
	width: 210px !important;
	z-index: 2;
}

section#gkPageTop #gkLogo img {
	display: block;
	height: auto;
	margin: 0 !important;
	max-width: 100%;
}

section#gkPageTop #gkBannerTop {
	flex: 1 1 auto;
	float: none !important;
	margin: 0 !important;
	min-width: 0;
	position: relative;
	z-index: 2;
}

section#gkPageTop #gkBannerTop p {
	line-height: 1.4 !important;
}

section#gkPageTop #gkUserArea {
	align-self: center;
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.16);
	box-shadow: none;
	flex: 0 0 auto;
	float: none !important;
	margin: 0 0 0 auto !important;
	position: relative;
	z-index: 2;
}

section#gkPageTop #gkUserArea::before {
	display: none;
}

section#gkPageTop #gkUserArea form {
	display: flex;
	justify-content: flex-end;
	margin: 0;
}

section#gkPageTop #time_zone {
	background: rgba(31, 31, 31, 0.18);
	border: 0;
	color: rgba(255, 255, 255, 0.76);
	font-family: 'Lato', Arial, sans-serif;
	font-size: 11px;
	height: 28px;
	min-width: 78px;
	padding: 0 22px 0 9px;
	text-align-last: center;
}

section#gkPageTop #time_zone option {
	background: #FFFFFF;
	color: #1F1F1F;
}

.masters-header-text {
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 0;
    margin: 0;
    background: transparent;
}

.masters-subtitle {
    color: var(--masters-white);
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.22;
    margin: 0;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}

.masters-subtitle::after {
    color: rgba(255, 255, 255, 0.72);
    content: "LIVE · Результаты · Рейтинги";
    display: block;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.4;
    margin-top: 8px;
    text-transform: uppercase;
}

.masters-title {
    display: none;
}

/* Планшет */
@media (max-width: 768px) {
	section#gkPageTop > .gkPage {
		flex-wrap: wrap;
		min-height: 118px;
		padding-bottom: 14px;
		padding-top: 14px;
	}

	section#gkPageTop #gkLogo {
		flex-basis: 174px;
		margin-right: 24px !important;
		width: 174px !important;
	}

	section#gkPageTop #gkUserArea {
		margin-left: auto !important;
	}

    .masters-header-text {
        padding: 0;
    }

    .masters-subtitle {
        font-size: 17px;
    }
}

/* Телефон */
@media (max-width: 480px) {
	section#gkPageTop::before {
		background-position: center 18%;
		background-size: cover;
		inset: 0;
		opacity: 0.20;
		transform: none;
		width: auto;
	}

	section#gkPageTop::after {
		height: 110px;
		left: 60%;
		opacity: 0.08;
		top: 10px;
		transform: translateX(-50%);
		width: 240px;
	}

	body::before {
		display: none;
	}

	section#gkPageTop > .gkPage {
		align-items: flex-start;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
		row-gap: 12px;
	}

	section#gkPageTop #gkLogo {
		width: 156px !important;
	}

	section#gkPageTop #gkUserArea {
		background: rgba(31, 31, 31, 0.32) !important;
		border: 1px solid rgba(255, 255, 255, 0.10);
		justify-self: center;
		margin: -18px 0 0 !important;
		max-width: 100%;
		opacity: 0.78;
	}

	section#gkPageTop #time_zone {
		background: transparent;
		color: rgba(255, 255, 255, 0.68);
		font-size: 10px;
		height: 18px;
		min-width: 68px;
		padding: 0 14px 0 4px;
	}

    .masters-header-text {
        padding: 0;
    }

    .masters-subtitle {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.28;
        max-width: 285px;
        opacity: 0.92;
    }

	.masters-subtitle::after {
		color: rgba(255, 255, 255, 0.62);
		font-size: 10px;
		letter-spacing: 0.03em;
		margin-top: 6px;
	}
}