a,abbr,acronym,address,applet,article,
aside,audio,b,big,blockquote,body,
canvas,caption,center,cite,code,dd,
del,details,dfn,div,dl,dt,em,embed,
fieldset,figcaption,figure,footer,form,
h1,h2,h3,h4,h5,h6,header,
hgroup,html,i,iframe,img,ins,kbd,label,
legend,li,mark,menu,nav,object,ol,
output,p,pre,q,ruby,s,samp,section,small,
span,strike,strong,sub,summary,sup,table,
tbody,td,tfoot,th,thead,time,tr,tt,u,
ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

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

body {
	line-height: 1
}
©
ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

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

table {
	border-collapse: collapse;
	border-spacing: 0
}

a:active,
a:focus {
	outline: 0
}

input,
textarea {
	outline: 0
}

input:active,
textarea:active {
	outline: 0
}

textarea {
	resize: none
}

textarea {
	resize: vertical
}

textarea {
	resize: horizontal
}

/*input {
	-webkit-appearance: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none
}*/

textarea {
	-webkit-appearance: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none
}

/*#widget:before {
	content: none
}

#widget a {
	color: #08c;
	text-decoration: none
}

#widget a {
	outline: 0;
	-webkit-tap-highlight-color: transparent
}

#widget .btn,
#widget .btn:hover,
#widget a:active,
#widget a:hover,
#widget input {
	outline: 0;
	background: 0 0
}

#widget td a {
	display: block;
	width: 100%
}

#widget tr {
	cursor: pointer
}

#widget * {
	font-size: 14px
}

#widget {
	background-color: #fff;
	position: relative
}

#widget #footer {
	font-size: 10px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%)
}

#widget #footer a {
	font-size: 10px
}

#widget .order-info {
	padding: 0 12px
}

#widget .photo-container {
	float: left;
	margin-right: 10px;
	max-width: 40%
}

#widget .photo {
	max-width: 100%;
	border: 1px solid #e2e2e2
}

#widget .content {
	position: relative;
	padding-bottom: 10px;
	min-height: 90px;
	max-height: 85%;
	overflow: auto
}

#widget .concert-info li {
	clear: left;
	overflow: hidden
}

#widget .concert-info,
.ticket-info {
	padding: 0 10px
}

#widget .concert-info div:first-child {
	overflow: hidden
}

#widget .concert-info-artist {
	font-weight: 700;
	font-size: 140%;
	margin: 0;
	margin-bottom: 1.2em
}

#widget .seat {
	color: #666;
	font-size: 200%;
	font-style: italic;
	padding: 10px 0;
	padding-bottom: 6px
}

#widget .tickets {
	margin-bottom: 10px
}

#widget .tickets table {
	text-align: center;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1em;
	font-size: 120%
}

#widget html .seat-group table>tbody>tr>td {
	background-color: transparent
}

#widget .tickets>div {
	padding: 10px;
	border-bottom: 1px solid #aaa
}

#widget .tickets>div:nth-of-type(odd) {
	background: #f5f4f0
}

#widget .tickets>div:nth-of-type(even) {
	background: #bfbfcf
}

#widget .tickets table th {
	border-bottom: 1px solid #ddd
}

#widget .tickets table td,
#widget .tickets table th {
	padding: 10px 10px
}

#widget .ticket-count {
	z-index: 3;
	position: relative;
	background: #fff;
	top: -1px;
	text-align: center;
	display: table;
	font-size: 120%;
	height: 3em;
	width: 100%;
	box-sizing: border-box
}

#widget .ticket-count>div {
	display: table-cell;
	vertical-align: middle;
	padding: 4px 10px
}

#widget .ticket-count .back {
	width: 80px;
	text-align: left
}

#widget .ticket-count .to-checkout {
	text-align: right
}

#widget table tbody>tr:nth-child(odd)>td {
	background-color: #f9f9f9
}

#widget .tickets {
	display: none
}

#widget .has-ticket .no-tickets {
	display: none
}

#widget .has-ticket .tickets {
	display: block
}

#widget body table tr.selected-ticket td {
	background-color: #428bca
}

#widget td {
	color: #08c
}

#widget .selected-ticket a {
	color: #da4f49;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

#widget input[type=button],
#widget input[type=number],
#widget input[type=submit] {
	width: 100%;
	height: 40px;
	font-size: 16px;
	font-weight: bolder
}

#widget input[type=email],
#widget input[type=text] {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#widget .form {
	padding: 10px;
	padding-bottom: 0
}

#widget .form div {
	margin-bottom: 10px
}

#widget .form div:last-child {
	margin-bottom: 0
}

#widget .btn {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

#widget .btn-danger {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
	background-color: #da4f49;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

#widget .btn-success {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
	background-color: #08c;
	background-image: -moz-linear-gradient(top, #08c, #08c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#08c));
	background-image: -webkit-linear-gradient(top, #08c, #08c);
	background-image: -o-linear-gradient(top, #08c, #08c);
	background-image: linear-gradient(to bottom, #08c, #08c);
	background-repeat: repeat-x;
	border-color: #08c #08c #08c;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

#widget .btn.active,
#widget .btn.disabled,
#widget .btn:active,
#widget .btn:focus,
#widget .btn:hover,
#widget .btn[disabled] {
	color: #333;
	background-color: #e6e6e6
}

#widget .btn:focus,
#widget .btn:hover {
	color: #333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear
}

.btn-success:hover {
	color: #fff;
	background-color: #08c
}

.btn-danger.active,
.btn-danger.disabled,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger[disabled] {
	color: #fff;
	background-color: #bd362f
}

#widget .input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	margin-bottom: 10px
}

#widget .input-group-addon {
	padding: 6px 12px;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-collapse: collapse
}

#widget .input-group input {
	display: table-cell;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-collapse: collapse;
	margin: 0
}

#widget #ConcertRuLoading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: #fff url('dist/img/loading.gif') center center no-repeat;
	opacity: .6
}

.back {
	position: relative
}

#widget .hidden {
	display: none
}

#widget .alert {
	padding: 15px 35px 15px 15px;
	margin-bottom: 20px;
	color: #c09853;
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	border-radius: 4px
}

#widget .alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6
}

#widget .alert-danger {
	margin: 0 10px;
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7
}

#widget input.error {
	border-color: red
}

#widget .no-placeholder {
	padding-left: 12px;
	margin-bottom: 6px;
	color: #aaa;
	display: none
}

#widget h3 {
	margin-bottom: .8em
}

#widget h3 small {
	color: #aaa;
	font-weight: 400
}

#widget .payment {
	padding: 0 10px
}

#widget .create_akk {
	display: inline
}

#widget .check-payment {
	padding: 0 10px!important;
	width: 100%!important;
	height: 40px!important;
	font-size: 16px!important;
	font-weight: bolder;
	line-height: 2
}

#widget div.check-payment {
	margin-bottom: 20px;
	display: none
}

#widget .payment table td {
	padding: 0 10px
}

#widget .payment label {
	display: block;
	width: 100%;
	cursor: pointer;
	outline: 0
}

#widget .payment input[type=email],
#widget .payment input[type=text] {
	margin-top: 8px
}

#widget .payment>div {
	margin-bottom: 20px
}

[data-action] {
	cursor: pointer
}

#widget .fl,
#widget label {
	float: none
}

#widget .concert-info {
	display: none;
}*/


/*! jQuery UI - v1.12.1 - 2017-06-27
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default!important;
	pointer-events: none
}

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5
}

.ui-widget-content {
	border: 1px solid #ddd;
	background: #fff;
	color: #333
}

.ui-widget-content a {
	color: #333
}

.ui-widget-header {
	border: 1px solid #ddd;
	background: #e9e9e9;
	color: #333;
	font-weight: 700
}

.ui-widget-header a {
	color: #333
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: 400;
	color: #454545
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
	color: #454545;
	text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
	border: 1px solid #ccc;
	background: #ededed;
	font-weight: 400;
	color: #2b2b2b
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
	color: #2b2b2b;
	text-decoration: none
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: 400;
	color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url('../images/ui-icons_444444_256x240.png')
}

.ui-widget-header .ui-icon {
	background-image: url('../images/ui-icons_444444_256x240.png')
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
	background-image: url('../images/ui-icons_555555_256x240.png')
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
	background-image: url('../images/ui-icons_ffffff_256x240.png')
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
	background-image: url('../images/ui-icons_777620_256x240.png')
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url('../images/ui-icons_cc0000_256x240.png')
}

.ui-button .ui-icon {
	background-image: url('../images/ui-icons_777777_256x240.png')
}

.ui-icon-blank {
	background-position: 16px 16px
}

.ui-icon-caret-1-n {
	background-position: 0 0
}

.ui-icon-caret-1-ne {
	background-position: -16px 0
}

.ui-icon-caret-1-e {
	background-position: -32px 0
}

.ui-icon-caret-1-se {
	background-position: -48px 0
}

.ui-icon-caret-1-s {
	background-position: -65px 0
}

.ui-icon-caret-1-sw {
	background-position: -80px 0
}

.ui-icon-caret-1-w {
	background-position: -96px 0
}

.ui-icon-caret-1-nw {
	background-position: -112px 0
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-seek-first {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
	border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
	border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
	border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
	border-bottom-right-radius: 3px
}

.ui-widget-overlay {
	background: #aaa;
	opacity: .3;
	filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666
}

#red .ui-slider-range {
	background: #ef2929
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
	background: #ef2929;
	border-radius: 4px;
	height: 8px;
	width: 8px;
	top: -3px;
	outline: 0;
	cursor: pointer
}

.ui-state-default,
.ui-widget-content .ui-state-default {
	border: none
}

.ui-widget-content {
	background-color: #000
}

.ui-slider-horizontal {
	height: 2px
}

.ui-slider-horizontal .ui-slider-handle {
	margin-left: -.5em
}

.ui-widget.ui-widget-content {
	border: none
}

.ui-state-active {
	outline: 0!important;
	box-shadow: none!important;
	border: none!important
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

a {
	text-decoration: none
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.redbutton {
	color: #fff;
	background: #e5001c;
	text-align: center;
	display: block;
	font-size: 18px;
	padding: 16px 40px;
	border-radius: 30px;
	margin-top: 36px;
	box-sizing: border-box;
	width: 100%;
	max-width: 220px;
	white-space: pre
}

h1 {
	text-align: center;
	font-size: 54px;
	padding: 50px 0;
	font-weight: 300;
	color: white;
}

.inwards {
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	width: 90%
}

.inwards.top {
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	width: 1150px;
	display: flex;
    justify-content: space-between;
}

html {
	position: relative;
	height: 100%;
	font-family: Raleway, sans-serif;
	font-variant-numeric: lining-nums;
	color: #fff
	width: 100%;
	max-width: 100%;
}

body {
	position: relative;
	height: 100%;
	background-color: #000
}

.screen {
	position: relative;
	height: auto;
	min-height: 100vh;
  max-height: 100vh;
	overflow: hidden;
	z-index: 1
}

/*.afterScreen {
	width: 100%;
	max-height: 10%;
	min-height: 10%;
	background: #FFF;
}*/

.screen:after {
	content: "";
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: 1
}

/*.screen:before {
	content: "";
	height: 71%;
	width: 100%;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
	position: absolute;
	bottom: 0;
	z-index: 1
}*/

.social-block {
	/*position: absolute;*/
	/*width: 100%;*/
	text-align: center;
	padding-left: 7px;
	box-sizing: border-box;
	display: inline-block;
}

.social-block a {
	margin: 0 10px 0 15px;
	vertical-align: middle;
	display: inline-block;
	opacity: .8;
	translate: .2s
}

.social-block a:hover {
	opacity: 1
}

.social-block span {
	display: inline-block;
	vertical-align: middle;
}
.social-block span a{
	display: block;
}
.btn-white.btn-accreditation{
	display: inline-block;
	vertical-align: middle;
	font-family: 'Raleway';
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: #FF0000;
	background: #fff;
	height: 32px;
	padding: 8px 15px;
	margin: 0 10px 0 15px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 42px;
	cursor: pointer;
}
.modal-overflow{
	height: 100vh;
	overflow: hidden;
}
.modal-overflow .parallax{
	display: none;
}
.modal-block{
	display: none;
}
.modal-block *{
	box-sizing: border-box;
}
.modal-block.open{
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(32, 32, 32, 0.54);
	z-index: 999;
	padding: 10% 0;
	overflow: auto;
	box-sizing: border-box;
}
.modal-wrap{
	display: block;
	background: #fff;
	color: #000;
	padding: 84px 75px 75px 75px;
	width: 1035px;
	max-width: calc(100% - 86px);
	height: max-content;
	border-radius: 12px;
	position: relative;
}
.modal-wrap h2{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 33px;
	color: #000000;
	margin: 0 0 48px 0;
	text-align: center;
}
.modal-wrap p{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 0;
}
.modal-wrap ul{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	list-style: none;
}
.modal-wrap ul li{
	display: block;
	padding-left: 50px;
	position: relative;
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
}
.modal-wrap ul li::before{
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #000;
	top: 8px;
	left: 30px;
	position: absolute;
}
.modal-wrap strong{
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
}
.modal-wrap .pl-50{
	padding-left: 50px
}
.modal-wrap .mb-16{
	margin-bottom: 16px
}
.btn-close{
	display: block;
	position: absolute;
	width: 43px;
	height: 43px;
	border-radius: 50%;
	background: #FF0000 url('../../../images/close-modal.svg') no-repeat center center;
	right: -33px;
	bottom: 100%;
	cursor: pointer;
}
.modal-wrap .btn-red{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 70px auto 0 auto;
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 900;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #fff;
	background: #E6001D;
	width: 270px;
	max-width: 100%;
	border-radius: 25.5px;
	box-sizing: border-box;
	text-align: center;
	height: 50px;
	cursor: pointer;
}
.link-decoration{
	display: block;
	height: 20px;
	line-height: 20px;
	margin-top: 20px !important;
	margin-bottom: -40px !important;
	text-decoration: underline;
}
.link-decoration:hover{
	text-decoration: none;
}

.radio {
	position: fixed;
	left: -150px;
	background: #fff;
	width: 200px;
	height: 50px;
	z-index: 9;
	top: 25%;
	border-radius: 0 50px 50px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .75)
}

.radio .player {
	padding: 9px 0 9px 9px;
	height: 50px;
	box-sizing: border-box
}

.radio .button-controllers {
	width: 132px;
	height: 32px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.radio .button-controllers .play {
	width: 16px;
	height: 19px;
	background-image: url('../../../dist/img/play.png');
	background-repeat: no-repeat;
	margin-left: 15px;
	cursor: pointer;
}

.radio .button-controllers .play.active {
	background-color: #ef2a29;
	background-image: none;
	width: 16px;
	height: 16px
}

.radio .button-controllers .volume {
	width: 19px;
	height: 16px;
	background-image: url('../../../dist/img/volume.png');
	cursor: pointer
}

.radio .button-controllers .volume.mute {
	background-image: url('../../../dist/img/mute.png')
}

.radio .button-controllers .slider-container {
	width: 50px
}

.radio .click {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-image: url('../../../dist/img/play.png');
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: .2s
}

.radio .click.opened {
	background-image: url('../../../dist/img/close-player.png');
	transition: .2s
}

.header {
	z-index: 5;
	position: absolute;
	width: 100%;
	padding-top: 30px
}

.header .left {
	/*float: left;*/
	display: inline-block;
	margin-top: -20px;
}
/*.header a:first-child {
	padding: 10px 20px;
}*/
.header a:last-child {
	/*margin-left: 50px;*/
}


.header .left.opened a {
	color: #0e1016;
	text-shadow: none;
	font-weight: 400
}

.header .left .place-info {
	width: 80%;
}

.header .left .place-info img {
	width: 100%;
}

.header .left li {
	display: inline-block;
	margin-right: 40px
}

.header .left li .spb-link {
	display: none
}

.header a {
	color: #fff;
	opacity: 1;
	font-size: 16px;
	transition: .2s;
}

.header a:hover {
	color: #fff;
	background: rgba(255,0,0,0.7);
}
.header a.not_hover:hover {
	background: none;
}
.header a[target="_blank"]:hover {
    background: transparent;
}

.header .right {
	display: inline-block;
	margin-top: -10px;
}

.slider-moscow .slick-list,
.slider-moscow-2 .slick-list {
	width: 80%;
	margin: 0 auto;
	padding: 0!important
}

.slider-moscow .over,
.slider-moscow-2 .over {
	position: relative;
	border: 4px solid #cf9b2a
}

.slider-moscow .over .name,
.slider-moscow-2 .over .name {
	position: absolute;
	background: #cf9b2a;
	padding: 5px 10px;
	border-radius: 5%;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0
}

.slider-moscow .over .name p,
.slider-moscow-2 .over .name p {
	color: #fff
}

.slider-moscow a,
.slider-moscow-2 a {
	display: block;
	box-sizing: border-box;
	padding: 0 10px
}

.slider-moscow a img,
.slider-moscow-2 a img {
	width: 100%
}

.ooo {
	position: relative
}

.custom {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	top: calc(50% - 20px);
	background-image: url('../../../dist/img/arrow.png');
	background-position: center;
	background-size: 50%;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, .4);
	cursor: pointer;
	transition: .2s;
	z-index: 99;
	color: transparent;
	border: none
}

.custom:hover {
	background-image: url('../../../dist/img/arrow-active.png');
	background-color: #fff
}

.custom.prev {
	left: 1%
}

.custom.next {
	right: 1%;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.slide {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none
}
.grammofon {
	background: url(../../../images/remastered/gram.png) no-repeat;
	width: 201px;
	height: 267px;
	display: block;
	margin: -45px auto 0 auto;
	transform: translateX(23px);
}
.slide.slide-1 {
	background: url(../../../images/new_back.jpg) no-repeat;
	background-size: 100% 102%;
	background-position: center 350%;
	background-color: #FFF;
	display: block
}

.slide.slide-2 {
	background: url('../../../dist/img/center.png');
	background-size: cover;
	background-position: center center
}

.city-s {
	margin-bottom: 20px;
	text-shadow: 0 4px 5px #000
}

.main {
	text-align: center;
	position: absolute;
	z-index: 4;
	left: 50%;
	width: 1024px;
	top: 40%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.main img {
	/* width: 80%; */
	margin: 0 auto;
	display: block;
	margin-bottom: 50px;
}

.main .button {
	color: #fff;
	font-size: 18px;
	background: #38167d;
	box-shadow: -1px 8px 21px rgba(56, 22, 125, .8);
	padding: 17px 36px;
	display: inline-block;
	border-radius: 30px;
	vertical-align: middle;
	transition: .2s;
	margin-left: 24px;
	text-shadow: 0 2px 5px #000
}

.main .button:hover {
	background: #e5001c;
	box-shadow: -1px 8px 21px rgba(237, 28, 36, .8)
}

.main p {
	font-size: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.main p span {
	text-shadow: 0 4px 5px #000
}

.main .title {
	margin: 36px 0;
	letter-spacing: 1.32px;
	font-size: 24px;
	font-weight: 400;
	text-shadow: 0 4px 5px #000
}

.main .spb-link {
	color: #cf9b2a;
	letter-spacing: 1.32px;
	font-size: 15px;
	padding-bottom: 1px;
	text-decoration: underline #38167d;
	font-weight: 400;
	text-shadow: 0 4px 5px #000
}

.main .spb-link:hover {
	color: #fff
}

.parallax {
	position: relative;
	overflow: hidden;
	z-index: 2
}

.parallax .blick .left {
	width: 100%;
	position: absolute
}

.parallax .blick .left img {
	width: 100%;
	position: absolute;
	z-index: 6;
	top: -80px
}

.parallax .level {
	position: absolute;
	width: 100%;
	z-index: -1;
	height: 120%
}

.parallax .level img {
	position: relative
}

.parallax .level #parallax-bg1 {
	z-index: 1;
	height: 50%;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.parallax .level #parallax-bg2 {
	z-index: 2;
	height: 50%;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.parallax .level #parallax-bg3 {
	z-index: 3
}

.parallax .level #parallax-bg4 {
	z-index: 4
}

.parallax .level #parallax-bg5 {
	z-index: 5
}

.participants {
	position: relative
}

.participants:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 200px;
	background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%)
}

.participants:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 200px;
	bottom: 0;
	background: linear-gradient(to top, #000 0, rgba(0, 0, 0, 0) 100%)
}

.participants .photo-place,
.participants .slide {
	position: relative;
	outline: 0
}

.participants .slider {
	width: 50%
}

.participants .wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: start;
	align-items: flex-start;
	height: 100%
}

.participants .slick-list {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0!important
}

.participants .slick-list .slick-slide {
	border: none
}

.participants .slick-next,
.participants .slick-prev {
	display: none!important
}

.participants .nav {
	position: absolute;
	width: 100%;
	height: calc(100% - 154px);
	bottom: 0
}

.participants .custom {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	top: calc(50% - 20px);
	background-image: url('../../../dist/img/arrow.png');
	background-position: center;
	background-size: 50%;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, .4);
	cursor: pointer;
	transition: .2s;
	z-index: 99;
	color: transparent;
	border: none
}

.participants .custom:hover {
	background-image: url('../../../dist/img/arrow-active.png');
	background-color: #fff
}

.participants .custom.prev {
	left: 1%
}

.participants .custom.next {
	right: 1%;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.participants .photo {
	width: 90%;
	position: relative;
	overflow: hidden;
	margin: 0 auto 26px;
	border: none;
}

.participants .photo:last-child {
	margin-bottom: 0
}

.participants .photo .name {
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(50, 117, 186, .8);
	padding: 10% 10% 5%;
	box-sizing: border-box;
	-ms-flex-align: end;
	align-items: flex-end;
	left: 0;
	top: 0;
	display: none;
	cursor: auto
}

.participants .photo .name .container {
	position: relative;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.participants .photo .name .container p {
	position: relative;
	width: 100%;
	text-align: left;
	bottom: 0
}

.participants .photo .name .container .name-d {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 34px
}

.participants .photo .name .container .info {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: white;
}

.participants .photo .name .container .gr {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: baseline;
	align-items: baseline;
	height: 20%;
	position: relative
}

.participants .photo .name .container .gr img {
	width: auto;
	height: 100%
}

.participants .photo .name .container img {
	position: relative
}

.participants .photo .name .container .over {
	margin: 0 auto;
	width: 90%;
	height: 40px;
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 2px solid rgba(242, 227, 197, .2);
	border-radius: 20px;
	transition: .5s;
	cursor: pointer
}

.participants .photo .name .container .over:hover {
	background-color: #fff;
	border: 2px solid #f2e3c5;
	color: #3275ba
}

.participants .photo .name span {
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	margin-left: 5px;
	color: white;
}

.participants .photo .name .size {
	font-size: 48px;
	font-weight: 700;
	line-height: 30px;
	color: white;
}

.participants .photo .name .size.deb {
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	position: absolute;
	left: 0;
	width: 100%;
	margin: 0;
	bottom: -7px;
	text-align: center;
	color: white;
}

.participants .photo .name img {
	height: 90%
}

.participants .photo p {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 10%;
	font-size: 30px;
	opacity: 1;
	z-index: 1
}

.participants .photo .title {
	color: white;
	text-shadow: 0 4px 5px #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	background: radial-gradient(50% 50%,rgba(0,0,0,0.8), rgba(255,255,255,0));
}

.participants .photo .img {
	position: relative;
	width: 100%;
	min-width: 125px;
	transition: all .6s ease-in-out
}

.participants .photo:hover .title {
	opacity: 0
}

.participants .photo:hover img {
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.participants .photo:hover .name {
	display: -ms-flexbox;
	display: flex;
	transition: 1s
}

.participants .photo:hover .container img {
	-ms-transform: none;
	transform: none
}

.get-ticket {
	position: relative;
	background: url('../../../dist/img/parallax_bg-min.png');
	background-size: cover;
	background-position: center center;
	padding-bottom: 70px
}

.get-ticket:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 200px;
	background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%)
}

.get-ticket:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 200px;
	bottom: 0;
	background: linear-gradient(to top, #000 0, rgba(0, 0, 0, 0) 100%)
}

.ticket {
	width: 100%
}

.ticket .redbutton {
	position: absolute;
	bottom: 40px
}

.ticket .redbutton:hover {
	background: #38167d;
	box-shadow: -1px 8px 21px rgba(56, 22, 125, .8)
}

.ticket .ticket-left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.ticket .ticket-right {
	display: -ms-flexbox;
	display: flex;
	float: right;
	width: 300px
}

.ticket .ticket-right .center {
	width: 508px;
	background: url('../../../dist/img/after-right.png');
	background-size: cover;
	display: none;
	height: 380px;
	position: relative
}

.ticket .left {
	background: url('../../../dist/img/ticket-bg.png');
	width: 100%;
	max-width: 285px;
	box-sizing: border-box;
	padding: 30px 40px 0;
	color: #0e1016;
	height: 380px;
	position: relative
}

.ticket .title {
	opacity: 1;
	font-size: 30px;
	text-align: center;
	margin-bottom: 24px;
	text-transform: none
}

.ticket p {
	opacity: .7;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 6px
}

.ticket p.info {
	font-size: 14px;
	opacity: 1;
	text-transform: none;
	margin-bottom: 15px
}

.ticket .center {
	width: 508px;
	background: url('dist/img/ticket.png');
	background-size: 100% 100%;
	height: 380px;
	position: relative
}

.ticket .center:before {
	content: "";
	position: absolute;
	width: 4px;
	height: 350px;
	left: 1px;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url('dist/img/ticket-border.png')
}

.ticket .right {
	background: url('dist/img/gold-bg.png');
	width: 100%;
	max-width: 300px;
	box-sizing: border-box;
	position: relative;
	color: #0e1016;
	height: 380px;
	padding: 30px 40px 0
}

.ticket .right:before {
	content: url('dist/img/gold.png');
	width: 313px;
	height: 296px;
	position: absolute;
	bottom: 0;
	left: 0
}

.star {
	width: 0;
	height: 0;
	box-shadow: 0 0 46px 19px #644338;
	position: absolute;
	z-index: 50;
	background: 0 0;
	top: 100px;
	left: 100px
}

.marquee-wrap {
	text-align: center;
	margin-top: 50px
}

.marquee-wrap .marquee-wr {
	width: 917px;
	position: relative;
	display: inline-block
}

.marquee-wrap .marquee-wr img {
	width: 100%
}

.marquee-wrap .marquee-wr .marquee {
	position: absolute;
	top: 31px;
	width: 695px;
	margin-left: 110px;
	overflow: hidden
}

.marquee-wrap .marquee-wr .marquee:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
	height: 50px;
	background: url('dist/img/gr.png');
	background-size: cover;
	opacity: .5
}

.marquee-wrap .marquee-wr .marquee:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 110px;
	height: 50px;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	background: url('dist/img/gr.png');
	background-size: cover;
	opacity: .5
}

.marquee-wrap .marquee-wr .marquee p {
	font-size: 22px;
	text-transform: uppercase;
	opacity: 1;
	width: 4300px;
	text-align: left;
	animation: marq 50s infinite linear
}

.wall {
	padding: 160px 0 165px;
	position: relative;
	background: url('../../../dist/img/parallax_bg2-min.png');
	background-size: cover;
	background-position: center center
}

.wall .inwards {
	position: relative
}

.wall .news-place {
	width: 100%;
	position: relative
}

.wall .news-place .slider {
	width: 100%
}

.wall .news-place .slick-vertical .slick-slide {
	border: none
}

.wall .news-place .more {
	position: absolute;
	z-index: 2;
	background: #16145f;
	width: 100%;
	max-width: 307px;
	box-sizing: border-box;
	text-align: center;
	padding: 66px 30px 47px;
	right: 210px;
	top: -37px
}

.wall .news-place .more:hover img {
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	transition: .5s
}

.wall .news-place .more p {
	font-size: 21px;
	line-height: 28px;
	color: #fff
}

.wall .news-place .more p img {
	margin-top: 30px
}

.wall .line {
	float: left;
	height: 100%;
	overflow: hidden
}

.wall .line div {
	position: relative
}

.wall .line img {
	float: left;
	cursor: pointer
}

.wall .line.double {
	width: 37%
}

.wall .line.double .big {
	height: 322px;
	width: 100%
}

.wall .line.double .big .left-one {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

.wall .line.double .big .left-one .slider {
	width: 500px
}

.wall .line.double .big .left-one .slider .slide {
	width: 500px;
	height: 322px;
	display: block;
	position: relative
}

.wall .line.double .big img {
	height: 322px;
	width: 100%;
	position: relative;
	top: 0;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.wall .line.double .big .div {
	width: 146px;
	height: 120px;
	background: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

.wall .line span {
	color: #0f1015;
	font-size: 31px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	margin-bottom: 13px
}

.wall .line p {
	color: #0f1015;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
	width: 90%;
	margin: 0 auto
}

.wall .line .small {
	height: 242px;
	width: 100%
}

.wall .line .small .left-two {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

.wall .line .small .left-two .slide {
	width: 100%;
	height: 242px;
	display: block;
	position: relative;
	border: none
}

.wall .line .small img {
	height: 242px;
	position: relative;
	top: 0;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.wall .line.solo {
	width: 21%
}

.wall .line.solo .big {
	height: 430px;
	width: 100%
}

.wall .line.solo .big .solo-slider {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

.wall .line.solo .big .solo-slider .slide {
	width: 250px;
	height: 430px;
	display: block;
	position: relative
}

.wall .line.solo .big img {
	height: 430px;
	position: relative;
	top: 0;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.wall .line.solo .small {
	height: 134px;
	width: 100%;
	background: #fff
}

.wall .line.solo .small .div {
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

.wall .line.tripple {
	width: 42%
}

.wall .line.tripple .big {
	height: 322px;
	width: 100%
}

.wall .line.tripple .big .one-big {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

.wall .line.tripple .big .one-big .slide {
	width: 500px;
	height: 322px;
	display: block;
	position: relative
}

.wall .line.tripple .big img {
	height: 322px;
	position: relative;
	top: 0;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.wall .line.tripple .small {
	width: 50%;
	height: 242px;
	float: left
}

.wall .line.tripple .small .one-small {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

.wall .line.tripple .small .one-small .slick-initialized {
	width: 100%
}

.wall .line.tripple .small .one-small .slide {
	width: 100%;
	max-width: 250px;
	height: 242px;
	display: block;
	position: relative
}

.wall .line.tripple .small .two-small {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

.wall .line.tripple .small .two-small .slick-initialized {
	width: 100%
}

.wall .line.tripple .small .two-small .slide {
	width: 100%;
	max-width: 250px;
	height: 242px;
	display: block;
	position: relative
}

.wall .line.tripple .small img {
	height: 242px;
	position: relative;
	top: 0;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin: 0 auto
}

footer {
	background: #0d0d11;
	padding: 30px 0 30px;
	position: relative
}

footer .go-top {
	width: 40px;
	height: 40px;
	background: url('../../../dist/img/arrow-top.png');
	cursor: pointer;
	margin-top: 5px;
	transition: .2s;
	background-size: contain;
	background-position: center;
	border-radius: 20px
}

footer .go-top:hover {
	background: url('../../../dist/img/arow-right.png');
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	background-size: contain
}

footer .info {
	text-align: center
}

footer .info p {
	opacity: .6;
	font-size: 14px;
	margin-top: 80px
}

footer .info ul li {
	display: inline-block;
	margin: 0 15px 15px
}

footer .info ul li a {
	color: #fff;
	font-size: 16px
}

footer .left {
	float: left
}

footer .left a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px
}

footer .right {
	float: right;
	font-size: 14px;
	margin-left: 30px
}

footer .right p {
	color: #fff;
	margin-bottom: 10px
}

footer .right a {
	margin-right: 5px
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 99;
	display: none
}

.wrap-artist {
	height: 100%;
	position: relative
}

.wrap-artist .inwards {
	height: 100%
}

.wrap-artist .content {
	display: none;
	position: relative
}

.wrap-artist .artist {
	position: absolute;
	background: url('../../../dist/img/bg-popup.png');
	background-size: cover;
	box-sizing: border-box;
	padding: 40px;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.wrap-artist .artist .close {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-image: url('../../../dist/img/close-player.png');
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	cursor: pointer;
	z-index: 2;
	right: 0;
	top: 0
}

.wrap-artist .artist .close:hover {
	background-image: url('../../../dist/img/close-red.png')
}

.wrap-artist .artist .top {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 300px;
	color: white;
}

.wrap-artist .artist .top .name {
	width: 266px;
	margin-right: 30px
	color: white;
}

.wrap-artist .artist .top .name .lastname-d,
.wrap-artist .artist .top .name .name-d {
	font-size: 32px;
	font-weight: 700
}

.wrap-artist .artist .top .name .name-d {
	margin-bottom: 5px
}

.wrap-artist .artist .top .name .lastname-d {
	margin-bottom: 20px
}

.wrap-artist .artist .top .name .info {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 25px
}

.wrap-artist .artist .top .name .gr {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: baseline;
	align-items: baseline
}

.wrap-artist .artist .top .name .gr.debut span.size {
	font-size: 20px
}

.wrap-artist .artist .top .name .gr span {
	font-size: 24px
}

.wrap-artist .artist .top .name .gr span.img-gr-logo {
	width: 51px;
	height: 85px
}

.wrap-artist .artist .top .name .gr span.img-gr-logo img {
	position: absolute;
	margin-top: 8px
}

.wrap-artist .artist .top .name .gr span.size {
	font-size: 48px;
	margin-left: 15px;
	font-weight: 600
}

.wrap-artist .artist .top .name .gr.debut.size {
	font-size: 20px;
	margin-left: 15px
}

.wrap-artist .artist .top .photo {
	width: calc(100% - 532px);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	height: 100%;
	border: none;
}

.wrap-artist .artist .top .photo .img {
	height: 100%;
	margin: 0 30px 0 0;
	width: 266px;
	position: relative;
	overflow: hidden
}

.wrap-artist .artist .top .photo .img img {
	height: 100%;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	position: relative;
	top: 0;
	bottom: 0
}

.wrap-artist .artist .top .inst {
	background: #fff;
	width: 266px;
	color: #000;
	font-size: 13px;
	box-sizing: border-box;
	padding: 15px
}

.wrap-artist .artist .top .inst .inf {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.wrap-artist .artist .top .inst .inf .inst-logo {
	width: 30px;
	height: 30px;
	background: url('../../../dist/img/in-l.png');
	background-position: center;
	margin: 0 7px
}

.wrap-artist .artist .top .inst .inf a {
	color: inherit;
	font-size: 15px;
	font-weight: 600
}

.wrap-artist .artist .top .inst .instaphoto {
	position: relative
}

.wrap-artist .artist .bottom {
	background: #fff;
	white: 100%;
	box-sizing: border-box;
	padding: 20px;
	margin-top: 30px;
	color: #000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.wrap-artist .artist .bottom .left {
	width: calc(50% - 10px);
	margin: 13px 30px 13px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: column;
	flex-direction: column
}

.wrap-artist .artist .bottom .left .name {
	font-weight: 700;
	color: #0e1016;
	font-size: 21px;
	font-weight: 700;
	line-height: 30px
}

.wrap-artist .artist .bottom .left .sec1,
.wrap-artist .artist .bottom .left .sec2 {
	color: #0e1016;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px
}

.wrap-artist .artist .bottom .right {
	width: 50%;
	min-width: 260px
}

.wrap-artist .artist .bottom .name {
	font-size: 21px
}

.wrap-artist .artist .bottom p {
	font-size: 15px;
	margin-bottom: 15px;
	line-height: 20px
}

.wrap-artist .artist .bottom p:last-child {
	margin-bottom: 0
}

.dev {
	width: 500px;
	height: 300px;
	float: left
}

.dev.off {
	width: 250px;
	height: 150px
}

.popupPay, .popupPay2 {
	z-index: 9;
	transition: .3s;
	background: rgba(0, 0, 0, .65);
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.popupPay .subdiv, .popupPay2 .subdiv {
    position: absolute;
    width: 980px;
    max-width: calc(100% - 50px);
    height: 670px;
    max-height: calc(100vh - 50px);
    padding: 20px;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popupPay .subdiv .close, .popupPay2 .subdiv .close {
	position: absolute;
	width: 40px;
	height: 40px;
	/*background-color: #fff;*/
	background-image: url('../../../dist/img/close-red.png');
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	cursor: pointer;
	right: -20px;
	top: 20px;
	z-index: 1;
}

.popupPay #widget, .popupPay2 #widget {
	background-color: #fff;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 20px;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.load {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('../../../dist/img/bg-popup.png');
	background-size: cover;
	z-index: 1
}

.load .loading {
	width: 100%;
	height: 81px;
	position: relative;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url('../../../dist/img/gr-ico.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

.load .loading p {
	position: absolute;
	bottom: -35px;
	font-size: 24px;
	font-weight: 500;
	width: 100%;
	text-align: center
}

.t-cover__arrow {
	position: absolute;
	z-index: 9;
	bottom: 15%;
	right: 0;
	left: 0;
	text-align: center
}

.t-cover__arrow-wrapper {
	display: inline-block;
	transition: all ease-in-out .2s;
	cursor: pointer
}

.t-cover__arrow-wrapper_animated {
	animation: t-arrow-bottom 1.7s infinite ease
}

.t-cover__arrow-wrapper {
	display: inline-block;
	transition: all ease-in-out .2s;
	cursor: pointer
}

.t-cover__arrow-svg {
	fill: #fff
}

.menu {
	position: absolute;
	top: 50px;
	right: 30px;
	width: 35px;
	height: 35px;
	display: none;
	z-index: 9
}

#nav-toggle span,
#nav-toggle span:after,
#nav-toggle span:before {
	cursor: pointer;
	border-radius: 1px;
	height: 5px;
	width: 35px;
	background: #fff;
	position: absolute;
	display: block;
	content: ''
}

#nav-toggle span {
	transition-delay: .3s, 0
}

#nav-toggle span:before {
	top: -10px;
	/*transition-property: top, transform*/
}

#nav-toggle span:after {
	bottom: -10px;
	/*transition-property: bottom, transform*/
}

#nav-toggle span:after,
#nav-toggle span:before {
	/*transition-delay: 0, .3s*/
}

#nav-toggle.active {
	position: fixed
}

#nav-toggle.active span {
	background: red;
	background: 0 0
}

#nav-toggle.active span:before {
	background: red;
	top: 0;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

#nav-toggle.active span:after {
	background: red;
	bottom: 0;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#nav-toggle.active span:after,
#nav-toggle.active span:before {
	/*transition-delay: 0, .3s*/
}

.hamburger {
	display: none
}

.apptimizm {
	position: absolute;
	right: 80px;
	bottom: 0;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	cursor: pointer
}

.apptimizm:hover {
	-webkit-filter: none;
	filter: none
}

.hidden {
	overflow: hidden
}

.visitors {
	-ms-flex-pack: center;
	justify-content: center
}

.visitors span {
	display: none
}

.visitors .img-gr-logo {
	display: block
}

.info1,
.info2,
.info3 {
	margin-bottom: 5px
}

.info1 span,
.info2 span,
.info3 span {
	display: none
}

.info1 span.img-gr-logo,
.info2 span.img-gr-logo,
.info3 span.img-gr-logo {
	display: block
}

.video {
	width: 750px;
	height: 441px
}

.video .border {
	position: absolute
}

.video .border img {
	width: 100%;
	height: 100%
}

.video iframe {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	padding: 20px
}

.get-ticket .main {
	position: relative;
	top: 0;
	left: 0;
	text-align: center;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	margin-bottom: 30px
}

.get-ticket .v {
	width: 100%;
	height: 100%;
	position: relative
}

.get-ticket .v .playm {
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer
}

.get-ticket .button-wrap {
	display: inline-block;
	border: 3px solid #fce7a4;
	border-radius: 30px;
	position: relative;
	background: rgba(0, 0, 0, .4)
}

.get-ticket .button-wrap .back {
	height: 100%;
	width: 54%;
	border-radius: 30px;
	position: absolute;
	z-index: 1;
	background: linear-gradient(to right, #e6ac41 0, #ffef9c 51%, #ffee9c 61%, #ffef9c 71%, #e6ac41 100%)
}

.get-ticket .button {
	margin-left: 0;
	margin-right: 0;
	background: 0 0;
	text-transform: none;
	box-shadow: none;
	padding: 10px 36px;
	text-shadow: none;
	position: relative;
	z-index: 2
}

.get-ticket .button:hover {
	background: 0 0;
	box-shadow: none
}

.get-ticket .button.active {
	color: #a0a0a0;
}

.getting-started {
	text-align: center;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.getting-started i {
	font-size: 12px;
	font-weight: 100;
}

.getting-started span {
	width: 60px;
	height: 60px;
	border: 2px solid #cf9b2a;
	padding-top: 10px;
	border-radius: 4px;
	display: inline-block;
	font-size: 28px;
	background: rgba(0, 0, 0, .8);
	box-sizing: border-box;
	line-height: 18px;
}
.date-year {
	font-size: 30px;
	color: white;
	margin-bottom: 20px;
	position: relative;
}
.date-year::after, .date-year::before {
	content: '';
	height: 2px;
	width: 100px;
	background: white;
	position: absolute;
}
.date-year::after {
	left: 60%;
	top: 50%;
}
.date-year::before {
	right: 60%;
	top: 50%;
}
/* Стили формы */
.ticket-preorder {
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	width: 300px;
    height: 50px;
	border-radius: 40px;
	font-size: 18px;
	background: red;
	border: none;
	outline: none;
	color: white;
	transition: all 0.6s ease-in-out;
	line-height: 50px;
}
#scrollBlock .screen_bottom .widget-ts-button {
	text-transform: uppercase;
	width: 320px;
  height: 60px;
	border-radius: 40px;
	font-size: 18px;
	background: red;
	border: none;
	outline: none;
	color: white;
	transition: all 0.6s ease-in-out;
	line-height: 60px;
	box-shadow: none;
  margin: 0 auto;
  margin-bottom: 10vh;
	font-family: 'Raleway';
	font-weight: 600;
	box-sizing: border-box;
	padding: 0 50px;
	visibility: hidden;
}
#scrollBlock .screen_bottom .widget-ts-button:hover {
	background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}
.inwards.top.between {
	margin-top: -20px;
	margin-bottom: 65px;
}
.inwards.top.between .betweenContainer {
	width: 96%;
}
.inwards.top.between .betweenContainer .mobileGKD {
	display: none;
}
.inwards.top.between img{
	margin: 0 auto;
	display: block;
}
.inwards.top.second_line {
	margin-top: 20px;
	-ms-align-items: center;
	align-items: center;
}
.second_line .left_block{
	width: 135px;
	margin-right: 25px;
}
.second_line .center {
	width: 254px;
	margin-top: -110px;
}
.second_line .center img {
	width: 100%;
    display: block;
    margin: 0 auto;
}
.second_line .data {
	width: 100%;
    margin-left: 0;
}
.second_line .right_block {
	width: 164px;
	margin-left: 25px;
    padding: 18px;
    background: rgba(0, 0, 0, 0.43);
    text-align: center;
}
.second_line .right_block .text{
	color: #FFF;
    font-weight: 600;
    line-height: 26px;
    font-size: 16px;
		margin-bottom: 20px
}
.second_line .right_block .phone {
	margin-top: 20px;
  display: inline-block;
  text-align: center;
  background: #FF0000;
  border-radius: 17px;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 15px;
  margin: 0 auto;
  transition: 1s;
}
.second_line .right_block .phone:hover {
	background: rgb(255, 255, 255);
	color: rgb(0,0,0);
}
.third_line {
	display: none;
}
.screen_bottom {
	position: absolute;
    z-index: 5;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.screen_bottom .gramText {
	margin-bottom: 26px;
}
.screen_bottom p {
	font-size: 22px;
    font-weight: 500;
    color: #FFF;
    display: block;
    width: 60%;
    margin: 0 auto;
    line-height: 24px;
    margin-bottom: 35px;
}
.screen_bottom .ticket-preorder {
	margin: 0 auto;
	cursor: pointer;
	margin-bottom: 26px;
}
.screen_bottom a.yandex_link {
	font-size: 14px;
    width: 57%;
    text-decoration: underline;
    color: #FFF;
    line-height: 18px;
    margin: 0 auto;
    color: #000;
}
.screen_bottom .sbText {
	margin-bottom: 30px;
	margin-top: 18px;
}
.screen_bottom a.yandex_link:hover {
	color: red;
}
.peggi {
	color: #FFF;
    font-size: 14px;
    position: absolute;
    z-index: 10;
    bottom: 12%;
    left: 23%;
}

.ticket-preorder:hover {
	background: white;
	color: black;
}
.reserved {
	font-size: 20px;
	color: white;
	margin-bottom: 37px;
}
#content-form form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#content-form form p {
	font-size: 24px;
	padding-bottom: 24px;
}
#content-form form input {
	margin-bottom: 20px;
	background: #f7f7f7;
}
#content-form form input::placeholder {
	font-size: 15px;
}
#content-form form input, #content-form form textarea {
	width: 270px;
	height: 51px;
	border-radius: 50px;
	outline: none;
	border: none;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 15px;
}
#content-form form textarea {
	height: 100px;
	width: 270px;
	border-radius: 10px;
	font-size: 15px;
	padding-top: 15px;
}
#content-form form button {
	margin-top: 50px;
	font-size: 20px;
	height: 50px;
	width: 270px;
	border-radius: 40px;
	outline: none;
	text-transform: uppercase;
	border: none;
}
#content-form.inwards {
	max-width: 500px;
}
#content-form form button:hover {
	background: red;
	transition: all 0.5s ease-in-out;
}
.box-thx {
	position: fixed;
    top: 50%;
    color: black;
    box-shadow: 5px 5px 0px 1px rgba(196,162,104,0.22);
    background: white;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 20px 40px;
    z-index: 190;
    display: none;
}
.gramContainer {
	width: 100%;
}
@media (max-height: 1270px) and (min-height: 1100px) {
	.inwards.top.second_line {
		margin-top: 150px;
	}
	.screen_bottom .gramText {
		width: 650px;
	}
	.grammofon {
		margin-top: 0;
	}
}
@media (max-width:1920px) and (max-height: 965px) and (min-width: 1601px) {
	#scrollBlock .screen_bottom .widget-ts-button {
		height: 60px;
		line-height: 60px;
	}
	.screen_bottom .gramText {
		width: 70%;
    	margin: 26px auto;
	}
	.header .left .place-info img {
		width: 80%;
	}
}
@media (max-width:1920px) and (max-height: 920px) and (min-width: 1601px) {
	.slide.slide-1 {
		background-size: 100% 103%;
	}
	.grammofon {
		width: 132px;
	    height: 190px;
	    background-size: cover;
	}
	.second_line .center {
		margin-left: 4%;
	}
}
@media (max-width:1920px) and (max-height: 815px) and (min-width: 1601px) {
	.screen_bottom .sbText {
		margin: 10px auto;
	}
}
@media (max-width:1920px) and (max-height: 795px) and (min-width: 1601px) {
	.second_line .center {
		margin-top: 0;
	}
	.inwards.top.second_line{
		margin-top: 8px;
	}
	.grammofon {
		margin-top: 0;
		width: 106px;
    	height: 140px;
	}
	.inwards.top.between {
		margin-bottom: 0;
	}
}
@media (max-width:1920px) and (max-height: 735px) and (min-width: 1601px) {
	.screen_bottom .sbText {
		display: none;
	}
	.screen_bottom a.yandex_link {
		margin-bottom: 20px;
	}
	.slide.slide-1 {
		background-size: 100% 102%;
	}
}
@media (max-width:1920px) and (max-height: 690px) and (min-width: 1601px) {
	.screen {
		height: 700px;
	    min-height: auto;
	    max-height: unset;
	}
}
@media (max-width:1440px) {
	.second_line .data {
		width: 120%;
	}
	.screen_bottom p {
		margin-bottom: 50px;
	}
	.inwards.top.second_line {
		margin-top: 60px;
	}
}
@media (max-width:1600px) and (max-height: 950px) and (min-width: 1025px) {
	.grammofon {
		background-size: cover;
		width: 200px;
    height: 270px;
		transform: translateX(0);
	}
	#scrollBlock .screen_bottom .widget-ts-button{
		margin-bottom: 7vh
	}
	.screen_bottom .gramText {
		width: 75%;
	    display: block;
	    margin: 20px auto;
	}
	.screen_bottom .sbText {
		margin-bottom: 15px;
	}
	.slide.slide-1 {
		background-size: 100% 102%;
	}
}
@media (max-width:1600px) and (max-height: 840px) and (min-width: 1025px) {
	.screen_bottom .gramText {
		width: 65%;
	}
}
@media (max-width:1600px) and (max-height: 835px) and (min-width: 1025px) {
	.second_line .data {
		width: 80%;
	}
	.header .left .place-info img {
		width: 75%;
	}
	.grammofon {
		width: 100px;
    	height: 145px;
	}
	.screen_bottom .sbText {
		width: 70%;
    	margin: 10px auto;
	}
	.second_line .center {
		margin-left: 40px;
	}
}
@media (max-width:1600px) and (max-height: 730px) and (min-width: 1025px) {
	.second_line .center {
		width: 200px;
	}
	.inwards.top.second_line .starsLeft img:nth-child(1), .inwards.top.second_line .starsRight img:nth-child(1) {
		width: 70%;
	}
	.second_line .right_block .text {
		font-size: 13px;
	}
	.second_line .right_block .phone {
		margin-bottom: 0;
	}
	.second_line .center {
		margin-top: 0;
	}
	.inwards.top.between {
		margin-bottom: 0;
	}
	.inwards.top.second_line {
		margin-top: 12px;
	}
	.grammofon {
		margin-top: 0;
	}
}
@media (max-width:1600px) and (max-height: 685px) and (min-width: 1025px) {
	.slide.slide-1 {
		background-size: 100% 103%;
	}
	.inwards.top.second_line .starsLeft img:nth-child(1), .inwards.top.second_line .starsRight img:nth-child(1) {
		width: 100%;
	}
	.grammofon {
		width: 86px;
    	height: 123px;
	}
	.screen_bottom .gramText {
		width: 70%;
		margin: 10px auto;
	}
}
@media (max-width:1600px) and (max-height: 630px) and (min-width: 1025px) {
	.header {
		padding-top: 23px;
	}
	.screen_bottom .gramText {
		width: 60%;
	}
	.slide.slide-1 {
		background-size: 100% 102.5%;
	}
	.screen_bottom .sbText {
		display: none;
	}
	.screen_bottom a.yandex_link {
		margin: 12px auto;
	}
}
@media (max-width:1600px) and (max-height: 604px) and (min-width: 1025px) {
	.slide.slide-1 {
		background-size: 100% 101%;
	}
	.grammofon {
		margin-top: -10px;
	}
}
@media (max-width:1600px) and (max-height: 570px) and (min-width: 1025px) {
	.screen {
		height: 590px;
	    min-height: auto;
	    max-height: unset;
	}
}
@media (max-width:1160px) {
	.second_line .left_block {
		width: 118px;
	}
	.inwards.top.second_line .starsLeft img {
		width: 144px;
	}
	.inwards.top.second_line .starsRight img {
		width: 140px;
	}
	.second_line .data {
		width: 100%;
	}
	.second_line .left_block {
		margin-right: 0;
	}
	.second_line .center {
		margin-top: 0;
	}
	.second_line .right_block {
		margin-left: 0;
	}
	.inwards.top.between {
		margin-bottom: 0;
	}
	.inwards.top.second_line {
		margin-top: 30px;
	}
	.gramContainer {
		width: 90%;
		margin: 0 auto;
		/*padding-right: 20px;*/
		/*padding-right: 7%;*/
	}
	.grammofon {
		width: 153px;
		height: 203px;
		-webkit-background-size: cover;
		background-size: cover;
		margin: 0 auto;
	}
	.inwards.top {
		width: 95%;
	}
	.slide.slide-1 {
		background-size: 130%;
    	background-position: 50% 0;
	}
	.screen_bottom .gramText {
		width: 401px;
		margin: 20px auto;
	}
}
@media (max-width:1024px) {
	.second_line .right_block .text {
		font-size: 13px;
		line-height: 19px;
	}
	.second_line .right_block {
		width: 130px;
		padding: 15px;
	}
	.second_line .right_block .phone {
		padding: 10px 5px;
		margin-bottom: 15px;
		font-size: 13px;
	}
	.second_line .center {
		margin-left: 20px;
	}
	.header .right.rightGKD img{
		width: 208px;
	}
	.left .not_hover img {
	    width: 140px;
	}
	.inwards.top.between img {
		width: 470px;
	}
	.inwards.top.second_line {
		margin-top: 15px;
	}
}
@media (max-width:800px) {
	.video {
		width: 100%;
		height: 250px;
		box-sizing: border-box;
		position: relative
	}
	.video iframe {
		padding: 10px
	}
	.get-ticket .button {
		padding: 10px 12px
	}
	.get-ticket .border {
		width: 100%;
		height: 100%
	}
	.header {
		padding-top: 0;
		padding-bottom: 405px;
	}
	.screen .header .inwards {
		width: 95%;
	}
	.second_line .center img {
		width: 75%;
	}
	.screen_bottom a.yandex_link {
		width: 90%;
		margin: 15px auto 0px auto;
	}
	.screen_bottom p {
		margin-bottom: 20px;
		width: 93%;
	}
	.screen .header .inwards {
		padding: 25px 2% 0;
	}
	.second_line .center {
		margin-top: -55px;
	}
	.inwards.top.first_lane {
		padding: 35px 0 0;
	}
	.second_line .center {
		margin-left: 62px;
	}
	.screen .header .inwards.first_lane {
		width: 90%;
		margin: 0 0 0 10px;
		align-items: center;
	}
	.screen .left {
		display: inline-block;
		margin-top: -15px;
	}
	.header .left .place-info img {
		width: 100%;
	}
	.peggi {
		left: 3%;
		bottom: 0%;
	}
	.social-block a.clickScroll {
		display: none;
	}
	.inwards.top.second_line {
		margin-top: 35px;
	}
}
@media (max-width:1229px) {
	.ticket {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.ticket .center {
		display: block;
		float: none
	}
	.ticket .left {
		width: 100%;
		float: none
	}
	.ticket .right {
		width: 100%;
		max-width: 285px;
		height: 229px;
		background: url('dist/img/ticket-bg2.png');
		background-size: 265% 100%;
		background-repeat: no-repeat
	}
	.ticket .right:before {
		content: "";
		background-image: url('dist/img/gold2.png');
		width: 364px;
		height: 259px;
		padding-right: 10px;
		position: absolute;
		bottom: 0;
		left: 120%;
		z-index: 1
	}
	.ticket .ticket-left {
		width: 100%;
		-ms-flex-pack: center;
		justify-content: center
	}
	.ticket .ticket-right {
		width: 100%;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 51px
	}
	.ticket .ticket-right .center {
		display: block;
		height: 229px;
		background-size: 100% 100%
	}
	.ticket .ticket-right .center:before {
		height: 197px
	}
}

@media (max-width:1100px) {
	.wrap-artist .artist .top .photo {
		width: auto
	}
	.wrap-artist .artist .top .photo .first {
		display: none
	}
}

@media (max-width:1024px) and (max-height:1366px) and (min-width:800px){
	.inwards.top.between {
		margin-top: 40px
	}
	.inwards.top.between img {
		width: 80%;
	}
	.inwards.top.second_line {
		margin-top: 60px;
	}
	.slide.slide-1 {
		background-size: 220%;
	}
	.grammofon {
		width: 240px;
    	height: 310px;
	}
	.screen_bottom .gramText {
		width: 100%;
		margin: 60px auto;
	}
	#scrollBlock .screen_bottom .widget-ts-button {
		width: 244px;
		margin-bottom: 12vh;
	}
	.screen_bottom .sbText {
		width: 600px;
	}
}

@media (max-width:1024px) and  (max-height:1270px) and (min-width:801px){
	.screen_bottom .sbText {
	    display: block;
	    margin: 30px auto;
	}
	.slide.slide-1 {
		background-size: 190%;
	}
	.grammofon {
		width: 180px;
    	height: 243px;
	}
}

@media (max-width:1024px) and  (max-height:1150px) and (min-width:801px) {
	.screen_bottom .sbText {
		width: 430px;
	}
	.screen_bottom .gramText {
		margin: 40px auto;
	}
}

@media (max-width:1024px) and  (max-height:1070px) and (min-width:801px){
	.inwards.top.second_line {
		margin-top: 30px;
	}
	.inwards.top.between {
		margin-top: 25px;
	}
	.grammofon {
		width: 130px;
    	height: 190px;
	}
	.slide.slide-1 {
		background-size: 150%;
	}
	.screen_bottom .gramText {
		width: 80%;
	}
}

@media (max-width:1024px) and  (max-height:950px) and (min-width:801px){
	#scrollBlock .screen_bottom .widget-ts-button{
		margin-bottom: 13vh
	}
	.inwards.top.between {
		margin-top: 0;
	}
	.screen_bottom .gramText {
		margin: 25px auto;
	}
}

@media (max-width:1024px) and  (max-height:880px) and (min-width:801px){
	.screen_bottom .gramText {
		width: 65%;
	}
	.screen_bottom .sbText {
		margin: 15px auto 20px;
	}
}

@media (max-width:1024px) and  (max-height:768px) and (min-width:801px){
	.second_line .right_block {
		display: none;
	}
	.inwards.top.second_line div {
		width: 20%;
		text-align: center;
	}
	.second_line .left_block img{
		width: 70%;
	}
	.inwards.top.between img {
		width: 60%;
	}
	.slide.slide-1 {
		background-size: 115%;
	}
	.grammofon {
		margin-top: -55px;
	}
}

@media (max-width:1024px) and  (max-height:730px) and (min-width:801px){
	.header .left .place-info img {
		width: 75%;
	}
	.header .right.rightGKD img {
		width: 180px;
	}
	.inwards.top.between {
		margin-top: -25px;
	}
}

@media (max-width:1024px) and  (max-height:715px) and (min-width:801px){
	.slide.slide-1 {
		background-size: 105%;
	}
}

@media (max-width:1024px) and  (max-height:690px) and (min-width:801px){
	.second_line .left_block img {
		width: 60%;
	}
	.second_line .center img {
		width: 88%;
	}
	.slide.slide-1 {
		background-size: 100%;
	}
}

@media (max-width:1024px) and  (max-height:665px) and (min-width:801px){
	.screen_bottom .sbText {
		display: none;
	}
	.screen_bottom a.yandex_link {
		margin-bottom: 30px;
	}
	.slide.slide-1 {
		background-size: 103%;
	}
}

@media (max-width:1024px) and  (max-height:640px) and (min-width:801px){
	.inwards.top.between img {
		width: 50%;
	}
	.inwards.top.between {
		margin-top: -10px;
	}
	.grammofon {
		width: 90px;
    	height: 130px;
	}
	.second_line .left_block img {
		width: 55%;
	}
	.slide.slide-1 {
		background-size: 100%;
	}
}

@media (max-width:1024px) and  (max-height:610px) and (min-width:801px){
	.screen {
		height: 620px;
		min-height: auto;
		max-height: unset;
	}
}

@media (max-width:1000px) {
	.participants .photo .name .container {
		-ms-flex-align: center;
		align-items: center
	}
	.participants .photo .name .container .name-d {
		font-size: 20px;
		font-weight: 700;
		line-height: 20px
	}
	.participants .photo .name .container .info {
		font-size: 12px;
		line-height: 14px
	}
	.participants .photo .name .container .size {
		font-size: 24px
	}
	.participants .photo .name .container .gr {
		display: -ms-flexbox;
		display: flex
	}
	.participants .photo .name .container .size.deb {
		font-size: 14px
	}
}

@media (max-width:920px) {
	.marquee-wrap .marquee-wr {
		width: 100%
	}
	.marquee-wrap .marquee-wr .marquee {
		width: 70%;
		margin-left: 15%;
		top: 26px
	}
	.wrap-artist {
		height: 100%;
		position: relative;
		width: 100%
	}
	.wrap-artist .inwards {
		overflow: hidden
	}
	.wrap-artist .artist {
		height: 90%;
		width: 90%;
		top: 50%;
		left: 50%;
		padding: 40px;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
	.wrap-artist .artist .content {
		width: 100%;
		height: 100%;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		padding-right: 100px;
		overflow-x: hidden
	}
	.wrap-artist .artist .top {
		height: auto;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative
	}
	.wrap-artist .artist .top .photo {
		width: 50%;
		height: 300px;
		margin-left: 0
	}
	.wrap-artist .artist .top .photo .img {
		margin-left: 0
	}
	.wrap-artist .artist .top .inst {
		position: absolute;
		bottom: 0;
		right: 0;
		height: 300px
	}
	.wrap-artist .artist .top .name {
		position: relative;
		width: 100%
	}
	.wrap-artist .artist .top .name .info,
	.wrap-artist .artist .top .name .name-d {
		width: 50%
	}
	.wrap-artist .artist .top .name .gr {
		position: absolute;
		top: 0;
		right: 0
	}
	.wrap-artist .artist .bottom {
		padding: 0;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
	.wrap-artist .artist .bottom .left {
		width: calc(100% - 60px);
		margin-right: 0;
		padding: 20px 30px
	}
	.wrap-artist .artist .bottom .right {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
		min-width: 100%;
		max-width: 100%
	}
}
@media (max-width:800px) {
	.marquee-wrap .marquee-wr .marquee {
		top: 20px
	}
	footer .info p {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: center;
		align-items: center
	}
	.apptimizm {
		position: relative;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		margin-top: 15px;
		right: 0;
		bottom: 0
	}
	.menu {
		display: block
	}
	.hamburger {
		background: #fff;
		padding-left: 30px;
		display: block;
		top: 75px;
		margin-top: 0;
		right: -102%;
		position: fixed;
		z-index: 9
	}
	.hamburger ul {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-right: 30px
	}
	.hamburger ul li {
		margin-right: 30px;
		margin: 15px 0;
		text-align: left
	}
	.hamburger ul li a {
		font-size: 20px;
		color: #0e1016
	}
	.hamburger ul li a:hover {
		color: #cf9b2a
	}
	.hamburger ul li .spb-link {
		display: block
	}
}

@media (max-width:768px) {
	h1 {
		font-size: 28px
	}
	.radio {
		top: 30px
	}
	.inwards {
		width: 96%;
		padding: 0 2%;
		overflow: hidden
	}
	.screen .header {
		position: relative
	}
	.screen .header .inwards {
		padding: 50px 2% 0
	}
	.screen .header .inwards.first_lane {
		padding: 35px 0 0;
	}
	.screen .left {
		display: inline-block;
	}
	.screen .right img {
		width: 76px
	}
	.screen .main {
		position: relative;
		text-align: center;
		left: 0;
		top: 0;
		width: 100%;
		-ms-transform: none;
		transform: none
	}
	.screen .main .button {
		padding: 12px 36px;
		font-size: 14px
	}
	.screen .main img {
		width: 65%;
		margin-bottom: 0
	}
	.screen .main p {
		font-size: 21px;
		width: 70%;
		margin: 15px auto 0
	}
	.screen .main .spb-link {
		margin-bottom: 15px
	}
	.screen .slide {
		top: 0
	}
	.participants .nav {
		height: calc(100% - 78px)
	}
	.participants .custom {
		top: calc(50% + 9px);
		width: 30px;
		height: 30px
	}
	.participants .custom:hover img {
		-ms-transform: scale(1);
		transform: scale(1)
	}
	.participants .custom p {
		font-size: 17px;
		font-weight: 700;
		line-height: 15px
	}
	.participants .custom img {
		width: 100%;
		height: 100%
	}
	.wall {
		padding: 30px 0
	}
	.wall:before {
		height: auto
	}
	.wall .line span {
		font-size: 21px;
		font-weight: 700;
		line-height: 17.87px
	}
	.wall .line p {
		font-size: 11px;
		font-weight: 400;
		line-height: 11.49px
	}
	.wall .line.double .big {
		height: 207px
	}
	.wall .line.double .small {
		height: 155px
	}
	.wall .line.double .small .slide {
		height: 155px
	}
	.wall .line.tripple .big {
		height: 207px
	}
	.wall .line.tripple .big .one-big .slide {
		height: 207px
	}
	.wall .line.tripple .small {
		height: 155px
	}
	.wall .line.tripple .small .one-small .slide,
	.wall .line.tripple .small .two-small .slide {
		height: 155px
	}
	.wall .line.solo {
		height: 362px
	}
	.wall .line.solo .big {
		height: 278px
	}
	.wall .line.solo .small {
		height: 84px
	}
	.wall .news-place {
		height: 100%;
		display: block
	}
	.wall .news-place .more {
		width: 21%;
		height: 278px;
		top: 0;
		padding: 29px 30px 47px;
		left: 37%
	}
	.wrap-artist .artist .close {
		width: 30px;
		height: 30px;
		right: 0;
		top: 0
	}
	footer .left,
	footer .right {
		position: absolute;
		top: 50%;
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
	footer .go-top {
		position: absolute;
		top: -120px;
		right: -100px
	}
	footer .right {
		right: 22%
	}
	footer .left {
		left: 15%
	}
	footer .info p {
		margin-top: 130px
	}
	footer .apptimizm {
		position: relative
	}
	.social-block {
		width: 96%;
		padding: 0;
		top: 14px
	}
	.t-cover__arrow {
		position: relative;
		bottom: 0;
		display: block;
	}
}
@media (max-width:720px) {
	.participants .photo .info {
		display: none
	}
}

@media (max-width:666px) {
	.wrap-artist .artist .top .photo {
		display: none
	}
	.wrap-artist .artist .top .inst {
		position: relative;
		width: 100%
	}
	.wrap-artist .artist .top .inst .instaphoto {
		margin: 0 auto
	}
}

@media (max-width:646px) {
	.marquee-wrap .marquee-wr .marquee {
		top: 13px
	}
	.blick {
		display: none
	}
	.ticket .ticket-right .center {
		display: none
	}
	.ticket .center {
		display: none
	}
	.ticket .left {
		width: 100%;
		max-width: 292px;
		float: right;
		margin: 0 auto 27px
	}
	.ticket .right {
		width: 100%;
		float: right;
		margin: 0 auto 27px;
		background: url('dist/img/gold-bg.png');
		max-width: 300px;
		box-sizing: border-box;
		position: relative;
		color: #0e1016;
		height: 380px;
		padding: 30px 40px 0
	}
	.ticket .right:before {
		content: url('dist/img/gold.png');
		width: 313px;
		height: 296px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 0;
		background-image: none
	}
	.participants {
		background: url('dist/img/right-left.png');
		background-position: center center;
		background-repeat: repeat-y
	}
	.participants .photo {
		margin-bottom: 15px
	}
	.participants .slick-list {
		width: 90%
	}
	.participants img {
		width: 100%;
		height: auto
	}
	.wall .inwards .news-place .more {
		left: 50%;
		right: 0;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		font-size: 14px;
		font-weight: 700;
		line-height: 17.87px;
		display: block;
		position: relative;
		width: 100%;
		max-width: inherit;
		top: 0;
		padding: 40px 30px 25px;
		height: inherit
	}
	.wall .inwards .news-place .more p img {
		margin-top: 20px
	}
	.wall .line.double .big .div {
		display: none
	}
	.wall .line.solo .small {
		display: none
	}
	.wrap-artist .artist .bottom .right {
		margin-top: -1px
	}
}
@media (max-width: 760px) {
	.inwards.top.second_line {
		padding: 0;
    	flex-wrap: wrap;
	}
	.second_line .left_block {
		width: 22%;
	}
	.second_line .center {
		margin-top: 0;
	    margin-left: 0;
	    width: 77%;
	}
	.second_line .center img {
		width: 100%;
	}
	.second_line .right_block .phone {
		margin-top: 8px;
		letter-spacing: 3px;
		font-size: 16px;
		padding: 17px 30px;
		border-radius: 35px;
	}
	.second_line .right_block .text {
		font-size: 16px;
	}
	.second_line .data {
		width: 100%;
	}
	.second_line .right_block {
		width: 100%;
		margin-top: 20px;
	}
	.third_line {
		display: block;
		margin: 25px 0px;
	}
	.third_line .tl_gramm{
		width: 25%;
	    display: block;
	    margin: 0 auto;
	}
	.third_line .tl_text {
		width: 75%;
	    display: block;
	    margin: 10px auto;
	}
	.screen .header {
		padding-bottom: 165px;
	}
	.screen_bottom {
		width: 90%;
	}
	.peggi {
		bottom: 8%;
	}
	.screen_bottom a.yandex_link {
		margin: 15px auto 15px auto;
	}
}
@media (max-width:500px) {
	.marquee-wrap .marquee-wr .marquee {
		top: 6px
	}
	.spb-link {
		display: none
	}
	.screen .main p {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 80px
	}
	.screen .main p .button {
		margin: 15px auto 0
	}
	.screen .main .title {
		height: auto;
		bottom: 65px;
		width: 70%
	}
/*	.screen .main :last-child {
		font-size: 14px
	}*/
	.screen .main .button {
		font-size: 18px
	}
	.participants .photo .name .container .name-d {
		font-size: 18px;
		font-weight: 700;
		line-height: 20px
	}
	.participants .photo .name .container .info {
		display: none
	}
	.participants .photo .name .container .size {
		font-size: 20px
	}
	.participants .photo .name .container .over {
		font-size: 9px
	}
	.wall .inwards {
		width: 90%;
		padding: 25px 0 0;
		margin: 0 auto
	}
	.wall .inwards .line.double {
		width: 100%
	}
	.wall .inwards .line.double .big {
		display: none
	}
	.wall .inwards .line.solo {
		display: none
	}
	.wall .inwards .line.tripple {
		width: 100%
	}
	.wall .inwards .line.tripple .big img {
		height: 100%
	}
	.wall .inwards .line.tripple .small {
		width: 50%;
		position: relative
	}
	.wall .inwards .line.tripple .small .one-small,
	.wall .inwards .line.tripple .small .two-small {
		width: 100%
	}
	.wall .inwards .line.tripple .small .one-small .slide,
	.wall .inwards .line.tripple .small .two-small .slide {
		width: 100%
	}
	.wall .inwards .line.tripple .small .one-small .slide img,
	.wall .inwards .line.tripple .small .two-small .slide img {
		height: 100%
	}
	footer {
		padding: 30px 0;
		height: 300px
	}
	footer .inwards {
		height: 100%
	}
	footer .info {
		height: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	footer .info p {
		margin: 0 auto
	}
	footer .info ul {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: left;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	footer .go-top {
		top: -155px;
		right: 5%
	}
	footer .right {
		top: 50%;
		margin: 0;
		width: 100%;
		right: 0;
		-ms-transform: none;
		transform: none
	}
	footer .right p {
		text-align: center
	}
	footer .left {
		width: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		left: 50%;
		top: 30%;
		-ms-transform: translate(0, -50%);
		transform: translate(-50%, -50%)
	}
	footer .left :last-child {
		margin: 0
	}
}

@media (max-width:450px) {
	.participants .photo .title {
		font-size: 18px;
		line-height: 20px
	}
	.participants .photo .name .container .size.deb {
		font-size: 14px;
		margin: 0
	}
	.participants .photo .name .container .over {
		height: 30px
	}
	.wrap-artist .artist {
		padding: 40px 15px
	}
	.wrap-artist .artist .top .name {
		margin-bottom: 25px;
		min-height: 150px
	}
	.wrap-artist .artist .top .name .gr {
		height: calc(100% - 25px);
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-align: center;
		align-items: center
	}
	.wrap-artist .artist .top .name .gr :nth-child(2n) {
		display: none
	}
	.wrap-artist .artist .top .name .gr :last-child,
	.wrap-artist .artist .top .name .gr span.size {
		margin: 85px 0 0
	}
}

@media (max-width:400px) {
	.participants .photo .name .container .name-d {
		font-size: 16px;
		font-weight: 700;
		line-height: 20px
	}
	.participants .photo .name .container .size.deb {
		font-size: 9px
	}
	.screen .main img {
		width: 60%
	}
	.screen .main .title {
		white-space: pre;
		font-size: 14px
	}
	.screen .main .spb-link {
		font-size: 12px
	}
	.screen .header {
		padding-bottom: 185px;
	}
}

@keyframes marq {
	from {
		margin-left: 800px
	}
	to {
		margin-left: -4250px
	}
}
/* стили в блоках с ЗРР от 11/07/18*/

.tab-pane-wrap.active {
    display: flex;
     margin: 0 -50px;
}
.tab-pane-wrap {
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.tab-pane {
    display: inline-block;
    vertical-align: top;
    width: 304px;
    height: 486px;
    position: relative;
    color: #000;
}
.bg-tab-1 {
    background: url('../../../dist/img/order/bg-header1.png') no-repeat 0;
    width: 360px;
    height: 542px;
    position: absolute;
    top: -8px;
    left: -8px;
}
.tab-text-wrap {
    position: relative;
}
.tab-pane-header {
    display: block;
    width: 304px;
    /*height: 101px;*/
    padding: 26px 0;
    position: relative;
}
.tab-pane-header h3 {
    font: 20px "ProximaNova-Bold";
    color: #000;
    /*margin-bottom: .8em;*/
}
.tab-pane-header small {
    font: 13px/20px 'ProximaNova-Semibold';
    color: #000;
    opacity: .3;
    display: block;
    margin: 5px 0 0 0;
}
.tab-info {
    /*height: 98px;*/
    padding: 12px 24px;
    position: relative;
    text-align: left;
}
.tab-info small {
    font: 11px/13px "ProximaNova-Semibold";
    color: #000;
    opacity: .3;
    text-transform: uppercase;
    display: block;
}
.tab-info h4 {
    text-transform: uppercase;
    color: #000;
    font: 20px "ProximaNova-Bold";
    margin-bottom: 5px;
    margin-top: 20px;
}
.tab-info:after {
    display: block;
    content: '';
    width: calc(100% - 48px);
    height: 1px;
    border-bottom: 1px dashed #000;
    opacity: .3;
    position: absolute;
    bottom: 0;
}
.tab-info img {
    display: block;
    margin: 5px 0 0 0;
}
.tab-pane .btn-red {
    display: block;
    vertical-align: top;
    padding: 14px 27px;
    font: 16px "ProximaNova-Bold";
    text-transform: uppercase;
    margin: 20px auto 0 auto;
    border: none;
    color: #ffffff;
    width: 239px;
    height: 48px;
    box-shadow: 0 11px 20px rgba(255, 0, 0, 0.35);
    border-radius: 30px;
    background-color: #ff0000;
    text-align: center;
}
.btn-red.buy-Without-Sheme:hover {
   	cursor: pointer;
    background-color: #c00;
    transition: all 0.2s ease;
}
.bg-tab-3 {
    background: url('../../../dist/img/order/bg-ticket-3.png') no-repeat 0;
    width: 360px;
    height: 541px;
    position: absolute;
    top: -8px;
    left: -2px;
}
.tab-3 .tab-body {
    height: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*padding: 0 24px;*/
    position: relative;
}
.tab-body {
    display: block;
    height: 284px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.tab-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 101px;
    padding: 0 24px;
}
.tab-3 .tab-body img {
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
}
.tab-3-small {
    font: 13px "ProximaNova-Semibold";
    margin-top: 8px;
}
.tab-3-small a {
    font: 16px "ProximaNova-Bold";
    color: #4a90e2;
    border-bottom: 1px solid #cfe1f8;
}
.tab-3-small strong {
    font: 16px "ProximaNova-Bold";
}
.bg-tab-2 {
    background: url('../../../dist/img/order/tab-2.png') no-repeat 0;
    width: 360px;
    height: 541px;
    position: absolute;
    top: -8px;
    left: -8px;
}
.tab-2 .tab-pane-header img {
    margin: 5px auto 0 auto;
    width: 130px;
}
.more.ym {
    height: 100%;
}
.more.ym #map {
    height: 100%;
}
.tab-2 .tab-footer a {
    font: 13px "ProximaNova-Semibold";
    text-decoration: none;
}
.tab-2 .tab-footer a span {
    border-bottom: 1px solid #b1b1b1;
}
.clue-circle {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #0252a1;
    border-radius: 4px;
}
.tab-2 .tab-footer a span {
    border-bottom: 1px solid #b1b1b1;
}
.btn-tab-wrap {
    padding: 72px 0;
}
.btn-tab.active,
.btn-tab.active:hover {
    opacity: 1;
    border: 2px solid #ffffff;
    background-color: #ffffff;
    color: #000000;
}
.btn-tab {
    display: inline-block;
    vertical-align: top;
    /* font: 32px "ProximaNova-Bold"; */
    min-width: 216px;
    max-width: 100%;
    height: 44px;
    border-radius: 22px;
    border: 2px solid #ffffff;
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.57px;
    line-height: 21px;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 0 35px;
}
.btn-tab:hover{
	border: 2px solid rgba(255, 255, 255, 0);
	background: rgba(255, 255, 255, .4);
	cursor: pointer;
}
.btn-tab.btn-red{
	border: 2px solid rgba(255, 255, 255, 0);
	background: rgba(255, 0, 0, 1);
	color: #fff;
}
.btn-tab.btn-red:hover{
	border: 2px solid rgba(255, 255, 255, 0);
	background: rgba(204, 0, 0, 1);
	color: #fff;
}
.btn-tab.btn-transparent{
	background: rgba(255, 255, 255, 0);
	color: #fff;
}
.btn-tab.btn-transparent:hover,
.btn-tab.btn-white:hover{
	border: 2px solid rgba(255, 255, 255, 0);
	background: rgba(255, 255, 255, 0.4);
	color: #fff;
}
.btn-tab.btn-white{
	border: 2px solid rgba(255, 255, 255, 0);
	background: rgba(255, 255, 255, 1);
	color: #000;
}
.bg-tab-4 {
    background: url(../../../dist/img/bg-ticket-4.png) no-repeat 0;
    width: 360px;
    height: 541px;
    position: absolute;
    top: -8px;
    left: -2px;
}
#buy-in-ticket-office {
	justify-content: space-evenly;
}
#buy-in-ticket-office .tab-pane-header {
    height: 95px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 16px 0;
}
.number {
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    box-shadow: 0 11px 20px rgba(255, 0, 0, 0.35);
    background-color: #ff0000;
    border-radius: 50%;
    font: 24px/51px "ProximaNova-Bold";
    text-align: center;
    top: -25px;
    left: 50%;
    margin: 0 0 0 -25px;
    color: #fff;
}
.tab-pane-header-img img {
    display: block;
    margin: 0 auto;
    width: auto;
}
#buy-in-ticket-office .tab-info {
    height: 106px;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#buy-in-ticket-office .tab-info h4 {
    margin-bottom: 0;
}
#buy-in-ticket-office .tab-3-small {
    font: 16px "ProximaNova-Bold" !important;
    color: #000 !important;
    opacity: 1 !important;
    text-transform: none !important;
}
.subdiv #widget > .ticket-count {
	display: none;
}
.popupPay iframe, .popupPay2 iframe {
	width: 100%;
	max-width: 100%;
	height: 100%;
	border-radius: 10px;
}
.popupPay iframe .content, .popupPay2 iframe .content {
	padding-top: 4.4em;
}
@media (max-width: 800px) {
	.popupPay .subdiv, .popupPay2 .subdiv {
		width: 100%;
		max-width: 100%;
		height: 80%;
	}
	.popupPay .subdiv .close, .popupPay2 .subdiv .close {
		right: 10px;
		top: -20px;
	}
	.concert-info-artist {
		font-size: 80%;
	}
	.reserved {
		margin-bottom: 0;
	}
	.date-year {
		margin-top: 20px;
	}
	.t-cover__arrow {
		display: none;
	}
	.btn-tab-wrap {
		padding: 40px 0;
	}
	.tab-pane-wrap {
		flex-direction: ˝;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.tab-pane {
		max-width: 100%;
		height: auto;
		position: relative;
		background: #fff;
		border-radius: 10px;
		padding-bottom: 20px;
	}
	.tab-pane {
		margin-bottom: 20px;
	}
	.bg-tab-1, .bg-tab-2, .bg-tab-3, .bg-tab-4, .bg-tab-5, .bg-tab-6 {
    	display: none;
	}
	.tab-pane-header {
		width: auto;
		background: #f5f5f6;
		padding: 20px;
		height: auto;
		border-radius: 10px 10px 0 0;
		text-align: center;
	}
	.tab-pane img {
    	max-width: 100%;
	}
	.tab-pane .btn-red {
		width: calc(100% - 60px);
		font: 14px "ProximaNova-Bold";
		padding: 0 10px;
	}
	.tab-pane img {
	    max-width: 100%;
	}
	.tab-3-small {
	    word-wrap: break-word;
	    overflow-wrap: break-word;
	}
	.tab-footer {
		background: #f5f5f6;
		margin-bottom: -20px;
		border-radius: 0 0 10px 10px;
	}
	.tab-pane:last-child {
    	margin-bottom: 0;
	}
	.tab-4, .tab-5, .tab-6 {
    	margin: 0 0 30px 0;
	}
	.btn-tab {
	    margin: 10px;
	    height: auto;
	}
	#buy-in-ticket-office .tab-pane-header-img img {
		width: auto;
	}
	.social-block a:nth-of-type(6) {
		display: none;
	}
}
.inwards.top.second_line .starsLeft img:nth-child(2) {
	display: none;
}
.inwards.top.second_line .starsRight img:nth-child(2) {
	display: none;
}
/*Виджет*/
#widget{
	background-color: #dadada;
	max-width: 100vw;
}
.ticket-count {
	width: 100%;
	margin: 0;
	font-size: 85%;
	padding: 30px;
	background: #fff;
	display: flex;
	text-align: left;
	height: auto;
	justify-content: space-between;
	box-shadow: none;
}
.ticket-count .to-checkout {
	display: inline-block;
	padding: 0;
}
.ticket-count .to-checkout .btn-success{
	padding: 10px 30px;
	text-transform: uppercase;
	border: 2px solid #269926;
	border-radius: 20px;
	font: bold 14px/16px "Proxima Nova";
	color: #269926;
	background: transparent;
	text-shadow: none;
	box-sizing: border-box;
}
.concert-info-artist {
	margin: 0;
	font: bold 24px/24px "Proxima Nova";
	text-transform: uppercase;
}
#widget .content {
 padding: 130px 20px 60px 20px;
 max-height: 670px;
 box-sizing: border-box;
}
#widget #footer{
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 50px;
	background: #fff;
	padding: 25px 0 5px 0;
	margin: 0;
	box-sizing: border-box;
	font: 12px/20px "Proxima Nova";
	text-transform: uppercase;
	color: #323232;
}
.photo-container{
	margin-right: 40px;
	width: 120px;
	max-width: 100%;
}
.photo {
	max-width: 100%;
	display: block;
	border: none;
	width: 120px;
  }
.concert-info-date-container {
	display: none;
}
.concert-info > div {
	display: inline-block;
	vertical-align: middle;
}
#widget .tickets table{
	margin-bottom: 70px;
}
.concert-info > div:nth-child(2){
	width: 380px;
}
.concert-info {
 color: black;
 margin-bottom: 30px;
}
.concert-info-artist small{
	display: none;
}
.seat {
 font-size: 100%;
}
.tickets table {
 font-size: 85%;
 color: black;
}
#ConcertRuLoading {
 display: none;
}
#widget .back{
	display: inline-block;
	padding: 0;
	width: auto;
}
#widget .back a{
	display: block;
	padding: 0 40px;
	height: 40px;
	border-radius: 20px;
	background: #e6e6e6;
	font: 14px/40px "Proxima Nova";
	color: #323232;
	text-transform: uppercase;
}
.concert-info-artist .btn-danger{
	position: fixed;
	top: 10px;
	left: 30%;
	z-index: 5;
	width: 290px;
	text-align: center;
	padding: 10px 40px;
	border: 2px solid #ff0000;
	border-radius: 20px;
	background: transparent;
	color: #ff0000;
	font: bold 14px/16px "Proxima Nova";
	text-shadow: none;
	box-sizing: border-box;
}
.concert-info-artist .btn-danger::before{
	display: block;
	position: absolute;
	width: 40px;
	height: 20px;
	border: 2px solid #ff0000;
	left: 10px;
	top: 8px;
	content: '';
	border-radius: 10px;
	box-sizing: border-box;
}
.concert-info-artist .btn-danger::after{
	display: block;
	position: absolute;
	width: 40px;
	height: 20px;
	border: 2px solid #ff0000;
	top: 8px;
	right: 10px;
	content: '';
	border-radius: 10px;
	box-sizing: border-box;
}
.concert-info-artist .btn-danger[data-action="goScheme"]::before{
	background: #ff0000;
}
.concert-info-artist .btn-danger[data-action="goBack"]::after{
	background: #ff0000;
}
.tickets table th, .tickets table td {
	padding: 5px 20px;
}
.tickets table th{
	border-bottom: none;
	font: bold 14px/17px "Proxima Nova";
	color: #323232;
}
.tickets table th:first-child,
.tickets table td:first-child{
	text-align: left;
}
.tickets table th:last-child,
.tickets table td:last-child{
	text-align: right;
}
table tbody>tr:nth-child(odd)>td,
table tbody>tr>td {
	background-color: #fff;
	border-bottom: 8px solid #dadada;
}
table tbody>tr.selected-ticket:nth-child(odd)>td,
table tbody>tr.selected-ticket>td{
	background: #ff0000;
	color: #fff;
}
#widget table tbody>tr.selected-ticket:nth-child(odd)>td a,
#widget table tbody>tr.selected-ticket>td a{
	color: #fff;
}
#widget td a {
	font: 14px/20px "Proxima Nova";
	color: #323232;
}
#widget th:nth-last-child(3),
#widget .concert-info ~ .ticket-info.has-ticket th:nth-last-child(2),
#widget .concert-info ~ .ticket-info.has-ticket th:last-child{
	width: 10%;
}
#widget th:nth-child(2),
#widget td:nth-child(2){
	width: auto;
	text-align: left;
}
#widget .concert-info ~ .ticket-info.has-ticket th:first-child{
	width: 15%;
}
#widget .seat + table th:last-child{
	width: 15% !important;
}
#widget td{
	position: relative;
}
#widget .ticket-info.has-ticket:first-child td:first-child a {
	color: #595dff;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 20px);
	position: absolute;
}
#widget input[type="text"],
#widget input[type="email"],
#widget input[type="text"] {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 6px 19px;
	font-size: 12px;
	font-family: "Proxima Nova";
	line-height: 20px;
	color: #323232;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 2px;
	box-shadow: none;
}
#widget input[type="text"].error,
#widget input[type="email"].error,
#widget input[type="text"].error{
	border-color: red;
}
#widget .input-group input[type="text"]{
	padding: 6px 20px 6px 10px;
	border-radius: 0 2px 2px 0;
	width: calc(100% - 20px);
}
#widget input[type="text"]:-moz-placeholder,
#widget input[type="email"]:-moz-placeholder,
#widget input[type="text"]:-moz-placeholder{
	color: #dadada;
}
#widget input[type="text"]::-webkit-input-placeholder,
#widget input[type="email"]::-webkit-input-placeholder,
#widget input[type="text"]::-webkit-input-placeholder{
	color: #dadada;
}
#widget .form div{
	margin-bottom: 8px;
}
.input-group-addon {
	padding: 5px 0;
	text-align: center;
	background-color: rgba(255,255,255, 0.33);
	border: 0;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	width: 20px;
	font-size: 12px;
	font-family: "Proxima Nova";
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
}
#widget .input-group{
	display: block;
	font-size: 0;
}
#widget input#agree {
	padding: 0 !important;
	background-color: transparent;
	width: 10px;
	height: 10px;
	border-radius: 0;
	margin: 0;
}
#widget form label {
	color: #323232;
	font: 14px "Proxima Nova";
}
#widget form label a{
	color: #323232;
	border-bottom: 1px solid #323232;
}
#widget form label a:hover{
	color: #595dff;
	border-bottom: 1px solid transparent;
}
#widget footer a{
	color: #595dff;
}
#widget form .btn-success,
.ticket-info .btn-success,
.payment .btn-success{
	display: inline-block;
	vertical-align: top;
	width: 285px;
	max-width: 100%;
	border: none;
	border-radius: 20px;
	text-align: center;
	box-shadow: none;
	color: #fff;
	font: bold 14px/21px "Proxima Nova";
	text-transform: uppercase;
	text-shadow: none;
	padding: 10px 40px;
	background: #269926;
}
.ticket-info .btn-success,
.payment .btn-success{
	display: block;
	margin: 0 auto;
}
#widget form .btn-success:hover,
.ticket-info .btn-success:hover,
.payment .btn-success:hover{
	box-shadow: 0px 5px 13px 0px rgba(19, 210, 19, 1);
}
#widget form .btn-success:active,
.ticket-info .btn-success:active,
.payment .btn-success:active{
	box-shadow: inset 0px 1px 35.42px 10.58px rgba(0, 0, 0, 0.52);
}
#widget form .btn-danger{
	display: inline-block;
	vertical-align: top;
	width: 285px;
	max-width: 100%;
	border: none;
	border-radius: 20px;
	text-align: center;
	box-shadow: none;
	color: #fff;
	font: bold 14px/21px "Proxima Nova";
	text-transform: uppercase;
	text-shadow: none;
	padding: 10px 40px;
	background: #ff0000;
}
#widget form .btn-danger:active{
	box-shadow: inset 0px 1px 35.42px 10.58px rgba(0, 0, 0, 0.52);
}
#widget form div:last-child>p{
	display: inline-block;
	float: right;
	vertical-align: top;
}
#widget .alert-success{
	position: fixed;
	top: 30px;
	z-index: 5;
	right: 30px;
	border-radius: 20px;
	border: 2px solid #269926;
	padding: 10px 20px;
	font: bold 14px/16px "Proxima Nova";
	background: #bcf9bc;
	text-transform: uppercase;
	color: #269926;
}
#widget .alert-success::after{
	content: '!';
}
#widget form.payment {
	position: absolute;
	right: 20px;
	top: 130px;
	padding: 10px;
	background: #fff;
	border-radius: 4px;
}
#widget form.payment table tbody>tr>td {
	background-color: #fff;
	border-bottom: none;
}
#widget form.payment table tbody>tr:nth-child(odd)>td {
	background-color: #f9f9f9;
	border-bottom: 20px solid #fff !important;
  }
.payment td{
	background: transparent !important;
}
.alert.alert-success ~ div,
.order-price li{
	font: bold 14px/17px "Proxima Nova";
	color: #323232;
}
.alert.alert-success ~ div strong,
.order-price li span{
	font-weight: normal;
}
.alert.alert-success ~ p a{
	color: #323232;
	font: 14px/17px "Proxima Nova";
	display: inline-block;
	border-bottom: 1px solid #323232;
	margin-top: 20px;
}
.alert.alert-success ~ p a:hover{
	border-bottom: 1px solid transparent;
}
/*Конец виджета*/
/* Адатив виджета */
@media (max-width: 800px) {
	#widget .back a{
		background: url(../../../dist/img/back-xs.png) no-repeat 0 center;
		padding: 0 14px;
		height: 30px;
		font: 11px/30px "Proxima Nova";
	}
	.ticket-count{
		padding: 8px 20px;
		border-bottom: 1px solid #dadada;
	}
	.concert-info-artist .btn-danger{
		display: none;
		left: auto;
		right: 3px;
		top: 8px;
		padding: 5px 40px;
		width: auto;
	}
	#widget .content {
		padding: 60px 3px 60px 3px;
		/*max-height: calc(100vh - 50px);*/
	}
	.concert-info, .ticket-info {
		padding: 0;
	}
	.photo-container {
		margin-right: 15px;
		width: 90px;
	}
	.concert-info-date-container {
		display: inline;
		font: 10px "Proxima Nova";
		font-weight: 300;
		margin-bottom: 8px;
	}
	.age{
		font-size: 100%;
		color: #fff;
	}
	.concert-info > div:nth-child(2) {
		width: calc(100% - 110px);
		margin: -80px 0 0 105px;
	}
	.concert-info {
		margin-bottom: -10px;
	}
	#widget #footer{
		background: #dadada;
		font: 9px/20px "Proxima Nova";
	}
	.concert-info-artist {
		font: bold 14px/14px "Proxima Nova";
	}
	#widget td a{
		white-space: nowrap;
	}
	.ticket-count .to-checkout .btn-success{
		padding: 5px 10px;
		font: bold 11px/16px "Proxima Nova";
	}
	.concert-info-artist .btn-danger::before {
		width: 27px;
		height: 14px;
		left: 8px;
		top: 6px;
	}
	.concert-info-artist .btn-danger::after {
		width: 27px;
		height: 14px;
		top: 6px;
		right: 8px;
	}
	#widget .concert-info ~ .ticket-info.has-ticket th:first-child,
	#widget th:nth-last-child(3),
	#widget .concert-info ~ .ticket-info.has-ticket th:nth-last-child(2),
	#widget .concert-info ~ .ticket-info.has-ticket th:last-child,
	.tickets table th:first-child,
	.tickets table td:first-child,
	#widget .seat + table th:last-child,
	#widget th:nth-child(2),
	#widget td:nth-child(2),
	.tickets table th:last-child,
	.tickets table td:last-child{
		width: auto;
		text-align: center;
		white-space: nowrap;
	}
	.tickets table th, .tickets table td {
		padding: 10px 5px;
		white-space: nowrap;
	}
	.tickets {
		margin-bottom: 40px;
	}
	#widget input[type="text"],
	#widget input[type="email"],
	#widget input[type="text"]{
		height: 42px;
		padding: 11px 19px;
	}
	.input-group-addon {
		padding: 11px 0;
	}
	#widget form div:last-child>p {
		display: block;
		float: none;
		padding: 38px 0 0 0;
	}
	.form div:last-child{
		position: relative;
	}
	#widget form .btn-danger {
		display: block;
		width: auto;
		width: 100%;
		font: bold 11px/20px "Proxima Nova";
		padding: 5px 40px;
		height: auto;
		position: absolute;
		top: 0;
	}
	#widget form .btn-success, .ticket-info .btn-success, .payment .btn-success {
		display: block;
		width: 100%;
		max-width: 100%;
		font: bold 11px/20px "Proxima Nova";
		padding: 5px 40px;
		height: auto;
	}
	.ticket-count .to-checkout{
		margin-right: -17px;
	}
	#widget .alert-success {
		top: 8px;
		right: 3px;
		padding: 5px 10px;
		font: bold 11px/16px "Proxima Nova";
	}
	.order-price li:after {
		content: 'руб.';
		font-weight: normal;
		display: inline-block;
		margin-left: -29px;
		background: #dadada;
		padding: 0 3px;
	}
	.order-info{
		text-align: center;
	}
	#widget form.payment {
		position: relative;
		right: auto;
		top: auto;
		margin: 40px auto 10px auto;
		width: 187px;
	}
	.concert-info div:first-child{
		display: block;
	}
	.has-ticket .tickets {
		overflow: auto;
	}
	.header .right {
		margin-right: 16px;
	}
	.header .right .not_hover{
		display: none;
	}
	.screen .header .inwards.first_lane {
		margin: 0 auto;
		width: 98%;
	}
	.menu {
		position: relative;
		top: 0;
		left: 0;
		height: 25px;
	}
	#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {
		height: 3px;
	}
	#nav-toggle span:before {
		top: -8px;
	}
	#nav-toggle span:after {
		bottom: -8px;
	}
	.header .right {
		margin-left: 40px;
	}
	.social-block {
		width: 100%;
		padding-left: 0;
	}
	.inwards.top.between .betweenContainer {
	    width: 98%;
	    margin: 0 auto;
	    text-align: center;
	}
	.second_line .left_block {
		order: 0;
	}
	.second_line .left_block .data{
		width: 120px;
	}
	.second_line .center {
		order: 2;
		margin-left: 0;
		margin-top: 0;
	}
	.inwards.top.second_line div:nth-child(4) {
		order: 3;
	}
	.inwards.top.second_line div:nth-child(2) {
		order: 1;
	}
	.second_line .right_block {
		display: none;
	}
	.inwards.top.second_line {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.grammofon {
		width: 136px;
	}
	.inwards.top.second_line {
		margin-top: 0;
	}
	.second_line div {
		width: 25%;
		margin: 0;
		text-align: center;
	}
	.header {
		padding-bottom: 0;
	}
	.screen_bottom .gramText {
		width: 300px;
	}
	#scrollBlock .screen_bottom .widget-ts-button {
		width: 244px;
    margin-bottom: 10vh;
	}
	#scrollBlock .screen_bottom .widget-ts-button:hover {
		background: red;
	}
}
@media (max-width: 768px) {
	.videoGrandParent {
		overflow: hidden;
	}
	.second_line .center {
		width: 25%;
	}
	.second_line .center img {
		width: 100%;
	}
	.second_line div {
		width: 20%;
	}
	.second_line .center {
		width: 30%;
	}
}
@media (max-width: 768px) and (max-height: 1024px) {
	.inwards.top.between img {
		width: 80%;
	}
	.screen_bottom .gramText {
		width: 400px;
		margin: 40px auto;
	}
	.screen_bottom .sbText {
		margin-bottom: 60px;
	}
	.slide.slide-1 {
		background-size: 210%;
	}
}
@media (max-width: 550px) and (max-height: 1024px) {
	.third_line {
		display: none;
	}
	.header .left .place-info {
		width: 100%;
	}
	.inwards.top.between img {
		display: none;
	}
	.inwards.top.between .betweenContainer .mobileGKD {
		display: block;
		width: auto;
		max-width: 100%;
  	height: 17px;
	}
	.inwards.top.between {
		padding: 0;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.inwards.top.second_line {
		order: 0;
	}
	.inwards.top.second_line div {
		width: 50%;
	}
	.second_line .left_block .data {
		width: 90px;
	}
	.second_line .center {
		order: 1;
	}
	.inwards.top.second_line div:nth-child(2) {
		order: 2;
	}
	.second_line .center img {
		width: 80%;
	}
	.screen_bottom .sbText {
		margin-bottom: 20px;
	}
	.screen_bottom a.yandex_link {
		margin: 8px auto;
	}
	.screen_bottom .gramText {
		width: 80%;
	}
	.inwards.top.between {
		margin: 8px auto;
	}
	.slide.slide-1 {
		background-position: 10% 0;
		background-size: 290%;
	}
	.inwards.top.second_line .starsLeft img:nth-child(2),
	.inwards.top.second_line .starsRight img:nth-child(2) {
		display: block;
		margin: 0 auto;
	}
	.inwards.top.second_line .starsLeft img:nth-child(1),
	.inwards.top.second_line .starsRight img:nth-child(1) {
		display: none;
	}
	.inwards.top.second_line {
		width: 100%;
	}
}
@media (max-width: 550px) and (max-height: 980px) {
	.slide.slide-1 {
		background-size: 295%;
	}
	.inwards.top.second_line .starsLeft img, .inwards.top.second_line .starsRight img {
		width: 144px;
	}
	.screen_bottom .gramText {
		width: 75%;
	}
	.slide.slide-1 {
		background-size: 350%;
	}
}
@media (max-width: 450px) and (max-height: 900px) {
	.screen_bottom a.yandex_link {
		font-size: 12px;
		margin-bottom: 0;
	}
	.screen_bottom .gramText {
		margin: 20px auto;
	}
	.grammofon {
		width: 125px;
		height: 181px;
	}
	.slide.slide-1 {
		background-size: 330%;
	}
	#scrollBlock .screen_bottom .widget-ts-button {
		margin-bottom: 6vh;
	}
	.screen_bottom .sbText {
		width: 90%;
    	margin: 20px auto;
	}
	.screen_bottom .gramText {
		width: 85%;
	}
}
@media (max-width: 400px) {
	.concert-info > div:nth-child(2) {
		margin: -40px 0 20px 105px;
	}
	.popupPay .subdiv, .popupPay2 .subdiv {
		padding: 20px 10px;
	}

	#widget .tickets table {
		margin-bottom: 10px;
	}
	.tickets table th, .tickets table td {
		padding-left: 2px;
		padding-right: 2px;
	}
	#widget .content {
		padding-top: 60px;
		/*max-height: calc(100vh - 50px);*/
		overflow-y: auto;
	}
}
@media (max-width: 450px) and (max-height: 850px) {
	.inwards.top.between .betweenContainer .mobileGKD {
		width: 350px;
    	height: auto;
	}
	.inwards.top.second_line div {
		margin-bottom: 20px;
	}
	.slide.slide-1 {
		background-size: 380%;
		background-position: 10% top;
	}
	.header .right {
		margin-left: 0;
	}
	.screen_bottom .gramText {
		width: 80%;
	}
	.header .left .place-info {
		width: 80%;
	}
	.screen .left {
		width: 130px;
	}
	.social-block {
		justify-content: center;
	}
	.grammofon {
		margin-top: -25px;
		transform: translateX(15px);
	}
	.screen .left {
		margin-left: 10px;
	}
}
@media (max-width: 360px) {
	#widget td a {
		white-space: normal;
	}
}

@media (max-width: 450px) and (max-height: 810px) {
	.grammofon {
		width: 95px;
  	height: 138px;
		transform: translateX(0);
	}
	.slide.slide-1 {
		background-size: 350%;
	}
	.inwards.top.second_line .starsLeft img:nth-child(2), .inwards.top.second_line .starsRight img:nth-child(2) {
		width: 110px;
	}
}
@media (max-width: 450px) and (max-height: 730px) {
	.screen .header .inwards.first_lane {
		padding-top: 25px;
	}
	.second_line .left_block .data {
		width: 75px;
	}
	.second_line .center img {
		width: 65%;
	}
	.inwards.top.second_line div {
		margin-bottom: 10px;
	}
	.slide.slide-1 {
		background-size: 310%;
	}
}
@media (max-width: 450px) and (max-height: 680px) {
	.screen_bottom .sbText{
		width: 83%;
    	margin: 8px auto;
	}
	.slide.slide-1 {
		background-size: 300%;
	}
}
@media (max-width: 420px) and (max-height: 768px) and (min-width: 376px) {
	.slide.slide-1 {
		background-size: 315%;
	}
}
@media (max-width: 420px) and (max-height: 680px) and (min-width: 376px) {
	.grammofon {
		margin-top: -65px;
	}
	.slide.slide-1 {
		background-size: 275%;
	}
}
@media (max-width: 420px) and (max-height: 635px) and (min-width: 376px) {
	.screen_bottom .gramText {
		width: 65%;
	}
	.slide.slide-1 {
		background-size: 260%;
	}
}
@media (max-width: 360px) and (max-height: 630px) {
	.inwards.top.between .betweenContainer .mobileGKD {
		width: 100%;
	}
	.screen_bottom .gramText {
		width: 70%;
	}
	.grammofon {
		margin-top: -50px;
	}
}
@media (max-width: 360px) and (max-height: 600px) {
	.inwards.top.second_line .starsLeft img:nth-child(2), .inwards.top.second_line .starsRight img:nth-child(2) {
		width: 90px;
	}
	.slide.slide-1 {
		background-size: 270%;
	}
	.second_line .center img {
		width: 60%;
	}
}
@media (max-width: 360px) and (max-height: 600px) {
	.grammofon {
		width: 85px;
    	height: 125px;
	}
}
@media (max-width: 320px) {
	.screen {
		height: 100vh;
		min-height: auto;
		max-height: unset;
	}
	.grammofon {
		width: 71px;
    	height: 101px;
	}
	#scrollBlock .screen_bottom .widget-ts-button{
		margin-bottom: 10vh
	}
	.inwards.top.between .betweenContainer .mobileGKD {
		width: 100%;
	}
}
/* конец адатива виджета */
@media (max-width: 375px) {
	.social-block {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.social-block a {
		margin: 0 15px 0 5px;
	}
	.peggi {
		bottom: 3%;
	}
}
.header .buyTicket {
	padding: 11px 37px;
	background-color: red;
	border-radius: 20px;
	font-size: 13px;

}
.tab-body button.buy {
	background: url(../../../dist/img/order/concert.png);
    height: 77%;
    width: 97%;
    background-position: center center;
    background-size: cover;
}
.main .buyTicket {
	display: none;
	padding: 11px 37px;
    background-color: red;
    border-radius: 20px;
    font-size: 13px;
    color: #fff;
    opacity: 1;
    font-size: 16px;
    transition: .2s;
    text-shadow: 0 4px 5px #000;
}
.videoGrandParent {
	background: url(../../../images/video_back.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}
.videoParent {
	max-width: 1920px;
	width: 100%;
}
.videoParent .ooo {
	height: 400px;
}
.videoParent .custom {
	background-image: url(../../../dist/img/arow-right.png);
	background-size: 100%;
    background-color: unset;
    top: 31%;
}
.videoParent .custom.prev {
	left: calc(50% - 20%);
	transform: rotate(180deg);
}
.videoParent .custom.next {
	right: calc(50% - 20%);
	transform: rotate(0);
}
.slider-video {
	/*width: 50%;*/
	margin: 0 auto;
	overflow: hidden;
}
.slider-video .slick-list {
	width: 1954px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    padding: 0;
}
.slider-video .slick-slide{
	opacity: 0;
	outline: none;
}
.slider-video .slick-active{
	opacity: 1;
}
.slider-video .slick-active:not(.slick-center) {
	height: 100%;
}
.slider-video .slick-slide:not(.slick-center) .video{
	width: 400px!important;
	height: 240px;
	margin-top: 30px;
}
.slider-video .slick-slide:not(.slick-center) .video .buttonPlay{
	display: none;
}
.slider-video .slick-slide:not(.slick-center) .video .videoBackground {
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	top: 0;
    left: 0;
    position: absolute;
    z-index: 5;
}
.slider-video .slick-active:not(.slick-center) .text{
	display: none;
}
.slider-video .slick-active.slick-center .text{
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	width: 50%;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}
.slider-video .video-block {
	/*margin: 0px 40px;*/
	/*width: 520px;*/
	/*width: 603px !important;
    padding: 0 80px;*/
}
.slider-video .video-block .video{
	/*height: 280px;*/
	width: 550px;
	height: 300px;
	margin: 0 auto;
	position: relative;
}
.slider-video .video-block .video .vidImg{
	width: 100%;
	height: 100%;
	background-size: cover;
}
.slider-video .video-block .video .buttonPlay {
	background-image: url(../../../images/play-button-white.svg);
	background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(0,0,0,0.5);
    transform: translate(-50%, -50%);
    border-radius: 35px;
    cursor: pointer;
}
.slider-video .video-block .video:hover .buttonPlay {
	animation: pulse 1.5s infinite;
}
.slider-video .video-block .video iframe {
	padding: 0;
}
@keyframes pulse {
	from {
		transform: translate(-50%, -50%) scale(1);
	}
	50% {
		transform: translate(-50%, -50%) scale(1.3);
	}
	to {
		transform: translate(-50%, -50%) scale(1);
	}
}

@media (max-width: 1750px) {
	.videoParent .custom.next {
		right: calc(50% - 24%);
	}
	.videoParent .custom.prev {
		left: calc(50% - 24%);
	}
}

@media (max-width: 1300px) {
	.videoParent .custom.next {
		right: calc(50% - 32%);
	}
	.videoParent .custom.prev {
		left: calc(50% - 32%);
	}
}

@media (max-width: 1000px) {
	.videoParent .custom.next {
		right: 5%;
	}
	.videoParent .custom.prev {
		left: 5%;
	}
	.slider-video .slick-list {
		width: auto;
	    left: 0;
	    transform: none;
	}
}

@media (max-width: 700px) {
	.videoParent .ooo {
		height: 300px;
	}
	.videoParent .custom.next {
		right: 2%;
	}
	.videoParent .custom.prev {
		left: 2%;
	}
	.slider-video .video-block .video {
		width: 400px;
    	height: 200px;
	}
	.slider-video .slick-active.slick-center .text {
		width: 80%;
	}
	.videoParent.inwards {
		padding: 0;
	}
	.videoGrandParent {
		padding-bottom: 35px;
		background-position: right;
	}
	.videoParent.inwards {
		background-color: rgba(0,0,0,0.3);
	}
}
@media (max-width: 550px) {
	.slider-video .video-block .video {
		width: 320px;
    	height: 180px;
	}
	.videoParent .custom {
		top: calc(50% - 23%);
	}
	.videoParent .ooo {
		height: 245px;
	}
	.videoGrandParent {
    	background-size: 370%;
	}
}
@media (max-width: 450px) {
	.videoParent .custom.next {
		right: 1%;
	}
	.videoParent .custom.prev {
		left: 1%;
	}
	.slider-video .video-block .video {
		width: 96%;
	}
	.videoGrandParent {
		padding:0;
	}
	.slider-video .slick-active.slick-center .text {
		width: 100%;
    	font-size: 18px;
	}
}
@media (max-width: 375px) {
	.slider-video .video-block .video {
		width: 94%;
		height: 150px;
	}
}
@media (max-width: 320px) {
	.slider-video .video-block .video {
		height: 120px;
	}
}

@media (max-width:800px) {
	.screen{
		z-index: 99;
	}
	.hamburger{
		z-index: 100;
	}
}
/* @media (max-width:1024px) and (max-height:700px) {
	#scrollBlock .screen_bottom .widget-ts-button {
    margin-bottom: 20px !important;
		height: 30px !important;
		line-height: 30px !important;
	}
} */

@media(max-width: 800px) {
	.ticket-preorder {
		margin-bottom: 50px;
	}
	.header a:first-child, .header a:last-child {
		display: inline-block;
	}
	.modal-block.open{
		padding: 150px 10px;
	}
	.modal-wrap{
		width: 100%;
		max-width: 100%;
		padding: 40px 20px 56px 20px;
	}
	.modal-wrap h2{
		font-size: 18px;
		line-height: 26px;
		margin: 0 0 24px 0;
	}
	.modal-wrap p{
		font-size: 14px;
		line-height: 128.4%;
		margin-bottom: 16px;
	}
	.btn-close{
		right: 0;
		bottom: calc(100% + 5px);
	}
	.header .btn-accreditation{
		display: none;
	}
	.hamburger{
		top: 0;
		width: 100vw;
		padding: 127px 20px 70px 60px;
		box-sizing: border-box;
		z-index: 300;
	}
	.hamburger.opened{
		z-index: 100;
	}
	.hamburger .btn-accreditation{
		background: #FF0000;
		border-radius: 42px;
		height: 56px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 213px;
		color: #fff;
		font-style: normal;
		font-weight: 700;
		font-size: 24px;
		line-height: 28px;
		margin: 0 0 60px 0;
	}
	.screen .header,
	.inwards.top{
		z-index: 200;
	}
	.screen .header.opened{
		height: 0;
	}
	.screen .header.opened .inwards.first_lane{
		position: fixed;
		top: 0;
		height: 100px;
	}
	.screen .header.opened *{
		visibility: hidden;
	}
	.screen .header.opened .menu{
		z-index: 199;
		top: 0;
		right: 0;
		visibility: visible;
		position: fixed;
		left: auto;
	}
	.screen .header.opened .menu *{
		visibility: visible;
	}
	#nav-toggle.active{
		top: 30px;
		right: 24px;
		position: relative;
	}
	#nav-toggle.active span,
	#nav-toggle.active span:after,
	#nav-toggle.active span:before{
		width: 20px;
	}
	.social-block .btn-white.btn-accreditation{
		display: none;
	}
}