html, body { margin:0; padding:0; font-size:1em; line-height:1.5em; font-family: Georgia, serif; color:#272727; height:100%; scroll-behavior: smooth; }
a:link, a:visited { text-decoration:none; color:#c7b1ce;
-webkit-transition:0.4s;
-moz-transition: 0.4s;
transition:0.4s;
}
a:hover, a:active { text-decoration:underline; color:#c36edc;
-webkit-transition:0.2s;
-moz-transition: 0.2s;
transition:0.2s;
}
a:link.db, a:visited.db { text-decoration:none; color:#cdcdcd; }
a:hover.db, a:active.db { text-decoration:underline; color:#fff; }
a:link.null, a:visited.null { display:block; text-decoration:none; color:inherit; padding:0; margin:0; }
a:hover.null, a:active.null { text-decoration:none; color:inherit; padding:0; margin:0; }
a:link.viewgs, a:visited.viewgs { text-decoration:none; display:block; font-size:0.9em; letter-spacing:1px; padding:15px 0; text-align:right; color:#000; }
a:hover.viewgs, a:active.viewgs { text-decoration:none; color:#79b1c4; }
.fa-calendar-alt { padding:0 0 0 10px; }
.fa-ticket-alt:hover { color:#79b1c4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
h1 { font-size: 2.2em; font-weight:normal; line-height: normal; padding: 0 0 10px 0; margin: 0; color: #eb0781; text-transform:uppercase; font-style:italic; }
h2 { font-size: 1.2em;
line-height:normal;
padding: 0 0 10px 0;
margin: 0;
color: #fff;
font-weight:normal;
text-transform:uppercase; font-style:italic;
}
h2.gl { font-size: 1.2em;
line-height:normal;
padding:10px 0;
margin: 0;
color: #cdcdcd;
font-weight:normal;
letter-spacing: 1px; }
h2.rev { font-size:1.2em; line-height:normal; padding:0 0 40px 0; margin: 0; color:#fff; letter-spacing:2px; text-align:center; }
h2.bd { font-size:1.6em; line-height:normal; padding:0 0 20px 0; margin: 0; color:#fff; letter-spacing:2px; }
/*-- HEAD --*/
header { position:fixed; top:0; left:0; right:0; padding:0; background-color:rgba(0,0,0,0.5); background-image:url(/gfx/texture.jpg); opacity:0.9; z-index:999999;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
transition: 0.8s;
}
.hdin { padding:30px 0; }
.logo { width:160px;
padding:0 0 0 30px;
margin:0;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
opacity:1;
}
.logo img { width:100%; }
.gview {font-size:0.7em; color:#cdcdcd; padding:0 0 0 10px; margin:0 0 0 10px; border-left:1px solid #666;}
/*-- NAV --*/
.menuico { display:none; }
nav { position:absolute; right:50px; top:25px; padding:0; margin:0; height:auto; width:auto;
font-weight:400;
}
nav a:link, nav a:visited { display:inline-block; text-decoration:none; color:#fff; padding:10px 0; margin:0 0 0 30px; vertical-align:middle; font-size:0.9em; line-height:normal; border-bottom:2px solid rgba(0,0,0,0); letter-spacing:2px; text-transform:uppercase; font-style:italic; }
nav a:hover, nav a:active { text-decoration:none; color:#fff; border-bottom:2px solid #eb0781; }
a:link.russnav, a:visited.russnav { text-decoration:none; color:#fff; border-bottom:2px solid #eb0781; }
nav ul, li { padding:0; margin:0; line-height:normal; }
.menuico { display:none; }
/*---------- VC --*/
.blgbx { text-align:center; position: absolute;
width: 100%; height: 100hv; top: 0; left: 0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
transition:0.4s;
}
.bigcnt { text-align:center; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bglogo { display:block; width:100%; text-shadow:0 0 10px #000; }
.bghptx { color:#fff; padding:10px 10px 0 10px; text-shadow:0 0 10px #000; font-size:1.2em; letter-spacing:1px; text-transform:uppercase; font-style:italic; }
.downbtn { position:absolute; bottom:50px; left:0; right:0; margin: 0 auto; width:40px; opacity: 1; z-index:999999;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.downout { opacity:0; }
.imgrotl { transform: rotate(3deg);
background: #1B1B1B;
padding: 0;
margin: 2% 0 3% 3%;
width: 40.0%;
padding: 0;
float: right;
-ms-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
box-shadow: 0 0 25px #000;
-moz-box-shadow: 0 0 25px #000;
-webkit-box-shadow: 0 0 25px #000;
}
/*---------- GIGS --*/
.ggbx { display:table; width:100%; padding:0; margin:0 0 20px 0; color:#cdcdcd; }
.ggbxr { display:table-row; }
.ggbxdt { display:table-cell; border-bottom:1px solid rgba(255,255,255,0.2); padding:20px 20px 20px 0; margin:0 0 20px 0; font-style:italic; }
.cn { opacity:0.8; font-style:italic; color:#ab1515; }
.ggbxtix { display:table-cell; border-bottom:1px dashed rgba(255,255,255,0.2); padding:20px 0 20px 0; vertical-align:middle; margin:0 0 20px 0; text-align:center; }
.fa-ticket-alt { font-size:1.3em; color:#eb0781; transform: rotate(-20deg); }
.fa-head-side-mask { font-size:1.3em; color:#303030; }
.ggdt { font-size:1em; color:#eb0781; }
.ggloc { font-size:1.4em; line-height:1.2em; padding:5px 0 0 0; }
.hpmsgem { font-weight:bold; line-height:1.8em; padding:20px 0 0 0; }
.hpmsge { line-height:1.2em; }
.clicker { outline: none;
cursor: pointer;
}
.hiddendiv { height:60px; display: block;
overflow:hidden;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
opacity:0.5;
border-bottom:2px dashed rgba(0,0,0,0.3);
}
.clicker:focus + .hiddendiv { height:auto;
display: block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
opacity:1;
border-bottom:none;
}
.fa-angle-double-down { padding:0 0 0 5px; font-size:0.9em; }
#mainvid { height:100vh; width:100%; position:fixed; object-fit:cover; z-index:-1; }
/*---------- CONSTRUCT --*/
.container { width:100%; max-width: 1366px; margin:0 auto; padding:60px 40px; line-height:normal; }
article { padding:40px; margin:0; font-size:1em; letter-spacing:1px; line-height:1.5em; color:#cdcdcd; }
section { padding:40px; margin:0; font-size:1em; letter-spacing:1px; line-height:1.5em; }
section.vid { padding:0 40px; margin:0; font-size:1em; letter-spacing:1px; line-height:1.5em; }
.sixbadge { width:16.6666666666%; padding:1%;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition:0.2s; filter: grayscale(100%);
}
.atebadge { width:12.5%; padding:1%;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition:0.2s; filter: grayscale(100%);
}
/*---------- TESTI --*/
.testout { padding:0; }
.tesbx { padding:40px; width:90%; margin:0 auto; }
.testx { padding:0; margin:0; position:relative; font-size:2em; line-height:1.1em; color:#fff; font-style:italic; z-index:2; }
.tesname { padding:20px 0 0 0; font-style:normal; font-size:1.2em; font-weight:bold; color:#eb0781; text-transform:uppercase; font-style:italic; }
.quotel { color:rgba(235,7,129,0.9); position:absolute; font-size:3em; top:-40px; left:0; z-index:-1; }
.quoter { color:rgba(235,7,129,0.9); position:absolute; font-size:3em; bottom:-40px; right:0; z-index:-1; }
/*---------- VID --*/
.vidwrap { position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top:5px;
height: 0;
}
.vidwrap iframe { position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vidhd { padding:0 0 10px 0; font-weight:bold; }
.vidblockl { display:inline-block; width:50%; padding:0 30px 30px 0; }
.vidblockr { display:inline-block; width:50%; padding:0 0 30px 30px; }
.vidblock { float:right; width:50%; padding:0 0 30px 30px; }
/*--- .fa-facebook-square, .fa-instagram, .fa-twitter-square, .fa-youtube-square { font-size:1.2em; } ---*/
/*---------- IMG --*/
.imr1 { float:right; padding:10px 0 20px 20px; width:10%; height:auto; }
.imr2 { float:right; padding:10px 0 20px 20px; width:20%; height:auto; }
.imr3 { float:right; padding:10px 0 20px 20px; width:30%; height:auto; }
.imr4 { float:right; padding:10px 0 20px 20px; width:40%; height:auto; }
.imr5 { float:right; padding:10px 0 20px 20px; width:50%; height:auto; }
.iml1 { float:left; padding:10px 20px 20px 0; width:10%; height:auto; }
.iml2 { float:left; padding:10px 20px 20px 0; width:20%; height:auto; }
.iml3 { float:left; padding:10px 20px 20px 0; width:30%; height:auto; }
.iml4 { float:left; padding:10px 20px 20px 0; width:40%; height:auto; }
.iml5 { float:left; padding:10px 20px 20px 0; width:50%; height:auto; }
.imc1 { float:none; padding:10px 0; margin:0 auto; width:60%; height:auto; }
.imc2 { float:none; padding:10px 0; margin:0 auto; width:70%; height:auto; }
.imc3 { float:none; padding:10px 0; margin:0 auto; width:80%; height:auto; }
.imc4 { float:none; padding:10px 0; margin:0 auto; width:90%; height:auto; }
.imfull { width:100%; height:auto; padding:10px 0; }
/*---------- CONTACT BOX --*/
.cntclose { position:absolute; top:28px; right:40px; font-size:3em; color:#fff; cursor:pointer; }
#cntbox { position:fixed; top:0; right:0; background:rgba(0, 0, 0, 0.9); padding:30px 50px; width:50%; color:#fff; z-index:999999999; height:100%; display:none; overflow:auto; border-left:4px solid #eb0781; }
.cntbxhd { font-size:1.4em; line-height:normal; padding:5px 0 30px 0; margin: 0; color:#fff; letter-spacing:2px; text-transform:uppercase; font-style:italic; }
/*---------- FORMS --*/
.lbfield { padding:10px 0; overflow:hidden; }
label.form { background:none; display:block; float:none; padding:15px 0; margin:0; text-align:left; color:#cdcdcd; font-size:0.9em; text-transform:uppercase; font-style:italic; }
input.formlg { background: rgba(0,0,0,0.5); border:none; border-bottom:1px solid #2f2f2f; border-left:2px solid #eb0781; padding:15px; margin:0; vertical-align:top; font-size:1em; line-height:normal; width:100%; color: #fff; }
input.formlgx { background: rgba(162,0,0,0.4); border:none; border-bottom:1px solid red; border-left:2px solid red; padding:15px; margin:0; vertical-align:top; font-size:1em; line-height:normal; width:100%; color:#fff; }
textarea.form { background: rgba(0,0,0,0.5); border:none; border-bottom:1px solid #2f2f2f; border-left:2px solid #eb0781; padding:15px; margin:0; vertical-align:top; font-size:1em; line-height:normal; width:100%; color: #fff; height:120px; }
textarea.formx { border:1px solid red; padding:15px; margin:0; vertical-align:top; font-size:1em; line-height:normal; width:100%; }
input.logbtn { background:#eb0781; border:2px solid #eb0781; padding:15px; margin:10px 0 0 0; vertical-align:middle; font-size:1em; line-height:normal; color:#fff; cursor:pointer; width:100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
text-transform:uppercase; font-style:italic;
}
input.logbtn:hover { background:#eb0781; border:2px solid #000; box-shadow: 6px 6px 0px 0px rgba(255, 255, 255, 1); }
.cntbx { float:right; width:40%; padding:0 0 20px 20px; }
.row {
display: flex;
flex-wrap: wrap;
padding: 0;
}
/* Create four equal columns that sits next to each other */
.column {
flex:16.6666666666%;
max-width:16.6666666666%;
padding: 0;
}
.column img {
margin:0;
vertical-align: middle;
width: 100%;
}
.grow {
display: flex;
flex-wrap: wrap;
padding: 0;
}
/* Create four equal columns that sits next to each other */
.gcol {
flex:50%;
max-width:50%;
padding: 0;
}
.gcol img {
margin:0;
vertical-align: middle;
width: 100%;
}
.quadout { display:inline-block; width:33.3333333333%; padding:0 0 30% 0; position:relative; vertical-align:top; }
.quadin { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5);
-webkit-transition:0.4s;
-moz-transition:0.4s;
transition:0.4s;
}
.quadtxbx { position:absolute;
top:50%;
left: 50%;
width:70%;
transform: translate(-50%, -50%);
}
.quadtx { color:#fff;
font-weight:normal;
font-size:0.9em;
line-height:1.6em;
text-align:justify;
}
/*---------- FOOTER --*/
.ftout { z-index: 9999999; clear: both; background-image:url(/gfx/texture.jpg); opacity:0.9; text-align:center; }
footer { width:100%; max-width: 1366px; margin:0 auto; padding:60px 40px; line-height:normal; }
.ftlnks { padding:0 0 50px 0; border-bottom:1px solid rgba(255,255,255,0.2); display:inline-block; margin:0 auto; }
.ftlnks a:link, .ftlnks a:visited { display:inline-block; text-decoration:none; color:#fff; padding:0 20px; margin:0; font-size:0.9em; line-height:2em; vertical-align:middle; letter-spacing:1px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.ftlnks a:hover, .ftlnks a:active { text-decoration:none; color:#917e8c;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.tanks { padding:40px 0 0 0; color:#cdcdcd; font-size:0.8em; font-style:italic; }
.tankshd { padding:0 0 15px 0; font-weight:bold; }
.tanks a { padding:0 10px;text-transform:uppercase; }
.sb { font-size:0.75em; color:#cdcdcd; font-family: 'Trebuchet MS', sans-serif; }
.dis { padding:20px 0; font-size:0.7em; color:#9e9e9e; font-family: 'Trebuchet MS', sans-serif; }
/*---------- ICO --*/
.box { background:#8B1358; width:100%; position: fixed; left:0; bottom:0; font-size:0.75em; }
.boxinner { padding:15px; text-align:center; color:#fff; }
a:link.icogo, a:visited.icogo { display:inline-block; text-decoration:none; background:#B11E74; border:1px solid #B11E74; padding:4px 8px; margin:0 5px; color:#fff; cursor:pointer; vertical-align:middle; font-size:12px; line-height:normal;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
a:hover.icogo, a:active.icogo { background:#8B1358; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
input.icoclx { display:inline-block; background:#B11E74; border:1px solid #B11E74; padding:4px 8px; margin:0 5px; color:#fff; cursor:pointer; vertical-align:middle; font-size:12px; line-height:normal;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
input.icoclx:hover { background:#8B1358; color:#fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.cookie { border-collapse:collapse; margin:10px auto 20px 0; font-size:0.9em; line-height:1.2em; width:100%; }
.cookie th { background:#f3f3f3; border:none; padding:10px; text-align:left; font-weight:normal; border:1px solid #cdcdcd; }
.cookie td { background:#fff; border:none; padding:10px; vertical-align:top; text-align:left; border:1px solid #cdcdcd; word-wrap: break-word; }
.mesneg { background: rgba(162,0,0,0.6); padding:5px; font-weight:bold; margin:0 0 10px 0; color:#fff; text-align:center; text-transform:uppercase; clear:both; font-size:0.8em;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.mespos { background: rgba(57,135,0,0.6); font-family: 'Abel', sans-serif; padding:5px; font-weight:bold; margin:0 0 10px 0; color:#fff; text-align:center; text-transform:uppercase; clear:both; font-size:0.8em;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}