/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

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

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

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

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}/*
    Author: Boris Biserov Delev
    Year: 2015
*/


/* 
    Basic stuff 
*/

:root {
    --font-headers: 'Panton', sans-serif;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    min-height: 100%;

    background-color: black;

    font-family: 'Ubuntu Mono', 'Liberation Sans', serif;
    font-size: 100%;
    font-weight: 400;
    line-height: 1.40;
    color: #333;
}

input,
button,
select,
textarea {
    box-sizing: border-box;
    
    font-family: 'Ubuntu Mono', 'Liberation Sans', serif;
    font-size: inherit;
    line-height: inherit;
}

input,
select,
textarea {
    width: 100%;
    padding: 7px;
    
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s;
}

select {
    box-sizing: border-box;
    padding: 8px 7px;
    height: 34px;
    border-radius: 0;
}

    input:focus, select:focus, textarea:focus {
        border-color: #bc1b1b;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }
    
    input::-moz-placeholder, textarea::-moz-placeholder {
      color: #999;
      opacity: 1;
    }
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
      color: #999;
    }
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
      color: #999;
    }

    input[type="checkbox"],
    input[type="radio"] {
        padding: 0;
        width: auto;
    }

a {
    color: #eb212e;
    text-decoration: none;
}

a:hover,
a:focus {
    outline: none;

    text-decoration: underline;
}

a:focus {
    text-decoration: none;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

input[type=checkbox],
input[type=radio] {
    cursor: pointer;
}

button {
    cursor: pointer;
}

textarea {
    resize: vertical;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    font-family: 'Panton', sans-serif;
    margin: 0;
}

.clearfix {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
}

    .clearfix::after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    html[xmlns] .clearfix {
        display: block;
    }

.hide {
    display: none;	
}

.clear {
    clear: both;
}

.fb-comments {
    display: block !important;
    width: 600px;
    margin: 0 auto;
}

/* UI changes */
.ui, .ui.form input {
    font-family: 'Panton', sans-serif !important;
}
    
    .ui.card > .content > .header, 
    .ui.cards > .card > .content > .header,
    .ui.steps .step .title {
        font-family: 'Panton', sans-serif;
    }
    
    .ui.toggle.checkbox input:checked~label:before,
    .ui.toggle.checkbox input:focus:checked~label:before {
        font-family: 'Panton', sans-serif !important;
    }
    
    .ui.comments {
        max-width: 100%;
    }
    
    .ui .text {
        padding: 0;
    }
    
    a.ui.label {
        text-decoration: none;
    }

/* 
    Page elements 
*/
#container {
    perspective: 1500px;
}

#wrapper {
    overflow: hidden;
    
    background-color: #f1efea;
    transition: all 0.5s ease-in-out;
    transform-origin: 50% 50%;
    transform: translateX(0) rotateY(0) translateZ(0);
}

    .wrapper {
        width: 1020px;
        margin: 0 auto;
    }
    
    .wrap {
        overflow: hidden;
        padding: 10px 40px;
    }
    
    
    .pick-project {
        
    }
    
        .pick-project #wrapper {
            transform: translateX(-50%) rotateY(45deg) translateZ(-50px);
            opacity: 0.5;
        }
        
        #wrapper > main {
            padding: 0;
        }
        
        #wrapper > main.with-big-icon {
            /*padding: 70px 0 0 0;*/
        }
        
		#wrapper > main.full-width {
			padding: 0 0 0 0;
		}
		
			#wrapper > main.full-width > .wrapper {
				width: auto;
			}	
        
#footer {
    clear: both;
    margin-top: 20px;
}       

.carousel {
    position: relative;
    width: 100%; 
    height: 300px;
}

    .carousel .the-list {
        clear: both;
        position: relative;
        overflow: hidden;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
        .carousel .the-list li {
            float: left;
            margin: 0 5px 5px 0;
            width: 500px;
            height: 300px;
        }
        
        .carousel .the-list a {
            display: block;
            height: 300px;
            
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
        }
        
        .carousel .the-list .fancybox-media {
            position: relative;
        }
        
            .carousel .the-list .fancybox-media b {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                box-sizing: border-box;
                padding: 15px;
                
                background-color: rgba(0, 0, 0, 0.4);
                
                font-size: 14px;
                font-weight: normal;
                color: white;
            }
            
            .carousel .the-list .fancybox-media .fa-youtube-play {
                position: absolute;
                top: 50%;
                left: 50%;
                
                font-size: 80px;
                color: rgba(255, 255, 255, 0.9);
                
                transform: translate(-50%, -50%);
                transition: all 0.3s;
            }
                .carousel .the-list .fancybox-media:hover .fa-youtube-play {
                    color: rgba(255, 255, 255, 1);
                }
        
    .carousel > nav {

    }
        
        .carousel > nav .prev,
        .carousel > nav .next {
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
            width: 30px;
            height: 100%;
            
            background: rgba(237,29,36, 0.5);
            
            text-indent: -9999px;
            
            transition: all 0.3s ease-out;
            z-index: 1;
        }
        
        .carousel > nav .prev:hover,
        .carousel > nav .next:hover {
            background: rgba(237,29,36, 0.7);
        }
        
        .carousel > nav .prev.disabled,
        .carousel > nav .next.disabled {
            opacity: 0;
        }
        
        .carousel > nav .next {
            left: auto;
            right: 0;
        }
        
            .carousel > nav .next::before {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -3px 0 0 -3px;

                border-top: 7px solid transparent;
                border-bottom: 7px solid transparent;
                border-left: 7px solid white;
            }
            
            .carousel > nav .prev::before {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -3px 0 0 -3px;

                border-top: 7px solid transparent;
                border-bottom: 7px solid transparent;
                border-right: 7px solid white;
            }
            
.page-title {
    padding: 0 0 30px 0;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
}

.drooble-radio {
    position: fixed;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
    height: 70px;
    width: 100%;

    background: #353b48;
}

    .drooble-radio iframe {
        display: block;
        width: 54%;
        height: 70px;
        margin: 0;
        padding: 0;

        border: none;
    }
	
	/* Becouse of radio */
    #footer {
        margin-bottom: 80px;
    }

    #footer .wrapper {
        
    }
    
    #footer nav {
        float: left;
        width: 520px;
        padding: 50px 0;
    }
    
    .csscolumns #footer nav {
        -webkit-column: 3;
        -webkit-column-width: 160px;
        -webkit-column-gap: 10px;
        -moz-column: 3;
        -moz-column-width: 160px;
        -moz-column-gap: 10px;
        
        columns: 3;
        column-width: 160px;
        column-gap: 10px;
    }
    
        #footer nav.social {
            float: right;
            width: 170px;
            
            -webkit-column: auto;
            -moz-column: auto;
            columns: auto;
        }
        
        #footer nav a {
            float: left;
            width: 160px;
            margin: 0 10px 5px 0;
            
            font-family: 'Panton', sans-serif;
            font-size: 13px;
            color: black;
            
            transition: color 0.3s;
        }
        
        #footer nav a:hover {
            text-decoration: none;
            color: #eb212e;
        }
        
            #footer nav a i {
                margin-right: 10px;
            }
            
            #footer nav.social a {
                text-transform: none;
            }

            .csscolumns #footer nav a {
                float: none;
                display: block;
                width: auto;
                margin: 0 0 10px 0;
                
                line-height: 16px;
            }
    
    #footer ul {
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 20px 0;
        
        border-top: 1px solid #999;
        border-bottom: 2px solid black;
        
        list-style: none;
        text-align: center;
        font-size: 0;
    }
    
        #footer ul li {
            display: inline-block;
            width: 25%;
            padding: 0;
            margin: 0;
            
            text-align: center;
            line-height: 100px;
            vertical-align: middle;
        }
        
        #footer ul a {
            display: block;
        }
        
        #footer ul img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            max-height: 110px;
            
            vertical-align: middle;
        }
        
    #footer .copy {
        overflow: hidden;
        box-sizing: border-box;
        padding: 10px 0;
        width: 100%;
        
        font-size: 14px;
    }
    
        #footer .copy span {
            float: left;
        }
        
            #footer .copy span i {
                font-style: normal;
            }

        #footer .copy a {
            float: right;
            color: #999;
        }

#project-picker {
    display: none;
    position: fixed;
    z-index: 1002;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    perspective: 1500px;
}

    .pick-project #project-picker {
        display: block;
    }
    
    #project-picker > a {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        
        text-indent: -9999px;
        cursor: default;
    }
    
    #project-picker .wrapper {
        position: absolute;
        left: 50%;
        top: 50%;
        
        transform: translate(-50%, -50%);
        -webkit-backface-visibility: hidden;
        width: 990px;
    }
    
    #project-picker ul {
        padding: 0;
        margin: 0;
        overflow: hidden;
    }
    
    #project-picker li {
        overflow: hidden;
        position: relative;
        float: left;
        width: 330px;
        height: 650px;
        
        background: url(../images/live/header-bg.jpg) center center repeat;
        
        animation: project-picker-li 0.3s ease-in-out 0.3s;
        animation-fill-mode: both;
        opacity: 0;
        
        transition: all 0.3s;
    }
    
        #project-picker ul:hover li {
            width: 300px;
        }
        
        #project-picker ul:hover li:hover {
            width: 386px;
        }

    @keyframes project-picker-li {
        0% {
            opacity: 0;

            transform: translateY(10px);
        }
        100% {
            opacity: 1;

            transform: translateY(0);
        }
    }
    
        #project-picker li:nth-child(2) {
            animation-delay: 0.4s;
        }
        
        #project-picker li:nth-child(3) {
            animation-delay: 0.5s;
        }        
    
        #project-picker li::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(../images/live/logos/bg-rock-school.jpg) left center no-repeat black;
            background-size: cover;
            
            opacity: 0;
            transition: all 0.3s;
        }
            #project-picker li:nth-child(2)::before {
                background-image: url(../images/live/logos/bg-the-stage.jpg);
            }
            #project-picker li:nth-child(3)::before {
                background-image: url(../images/live/logos/bg-urban-house.jpg);
            }
        
            #project-picker li:hover::before {
                opacity: 1;
                
                background-position: center center;
            }
    
        #project-picker li p {
            position: relative;
            display: block;
            margin: 0;
            width: 260px;
            padding: 20px 0;
            margin: 0 auto;
            
            font-size: 14px;
            text-align: center;
            vertical-align: middle;
            color: white;
            cursor: default;
        }
        
        #project-picker li a.full-btn {
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            
            text-indent: -9999px;
        }
        
        #project-picker li nav {
            position: absolute;
            overflow: hidden;
            width: 100%;
            left: 0;
            bottom: 130px;
            margin: 0;
            
            vertical-align: middle;
            background: rgba(0, 0, 0, 0.5);
            
            transition: all 0.3s;
            opacity: 0;
        }
        
            #project-picker li:hover nav {
                bottom: 140px;
                opacity: 1;
            }
        
            #project-picker li nav a {
                float: left;
                width: 50%;
                height: 80px;
                box-sizing: border-box;
                
                font-family: 'Panton', sans-serif;
                text-align: center;
                font-style: italic;
                text-align: center;
                text-transform: uppercase;
                line-height: 80px;
                color: white;
                
                transition: all 0.3s;
            }
            
            #project-picker li nav a:hover {
                background: rgba(0, 0, 0, 0.5);
                
                text-decoration: none;
                color: #eb212e;
            }
    
        #project-picker li h6 {
            display: block;
            position: relative;
            margin: 130px auto 0 auto;
            width: 290px;
            
            vertical-align: middle;
            text-align: center;
        }

            #project-picker li h6 b {
                display: none;
            }
            
            #project-picker li h6 strong {
                display: block;
                position: relative;
                padding: 20px 0 0 0;
                
                font-size: 13px;
                font-style: italic;
                text-transform: uppercase;
                text-align: center;
                color: #eb212e;
                
                transition: all 0.3s;
            }
                #project-picker li:hover h6 strong {
                    color: white;
                }
            
            #project-picker li h6 strong::before {
                content: "";
                position: absolute;
                top: 0;
                left: 50%;
                width: 200px;
                height: 4px;
                margin: 0 0 0 -100px;
                
                background: #eb212e;
                
                transition: all 0.3s;
            }
                #project-picker li:hover h6 strong::before {
                    background: white;
                }
            
            #project-picker li h6 span {
                display: block;
                height: 140px;
                
                line-height: 140px;
                text-align: center;
            }
            
            #project-picker li h6 img {                
                width: 120px;
                
                vertical-align: middle;
            }
            
            #project-picker li .comming-soon {
                display: block;
                position: absolute;
                bottom: 150px;
                width: 100%;
                
                font-family: 'Panton', sans-serif;
                text-align: center;
                font-style: italic;
                font-size: 14px;
                text-align: center;
                text-transform: uppercase;
                line-height: 80px;
                color: white;
            }

#header {
    position: relative;
	/*overflow: hidden;*/
    background: url(../images/live/header-bg.jpg) center top repeat;
}

    #header.podcast {
        background-image: url(../images/live/podcast/hero.jpg);
    }
    
    #header::after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: 100%;
        height: 9px;

        background: url(../images/live/header-line-white.png) repeat-x center center;
    }
    #header.invert::after {
        background-image: url(../images/live/header-line.png);
    }
    
    #header .background-video {
        position: absolute;
        overflow: hidden;
        
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
        #header .background-video img, #header .background-video video {
            position: absolute;
            min-width: 100%;
            min-height: 100%;
            top: 50%;
            left: 50%;

            transform: translate(-50%, -50%);
        }
        
        #header .background-video::after {
            position: absolute;
            content: "";

            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            
            background: url(../images/live/header-bg.jpg) center center repeat;
            opacity: 0.5;
        }

    #header .wrapper {
        position: relative;
    }
    
    #header .the-title {
        position: relative;
        margin: 15px 0 0 0;
        padding: 20px 0 0 0;
        
        /*background: url(../images/live/header-line.png) center bottom repeat-x;*/
    }
        /*
        #header .the-title.is-white {
            background-image: url(../images/live/header-line-white.png);
        }
        */
     
        #header .the-title .frame {
            position: absolute;
            width: 100%;
            height: 10px;

            max-height: 400px;
            top: 0;
            
            background: url(../images/live/frame-bg.png) center top repeat-x;
        }
        
        /*
        #header .the-title .frame::before,
        #header .the-title .frame::after {
            position: absolute;
            left: 11px;
            bottom: 0;
            content: "";
            width: 260px;
            height: 10px;

            background: url(../images/live/frame-line.png) center center no-repeat;
        }

        #header .the-title .frame::after {
            left: auto;
            right: 10px;
        }*/
        
        #header .the-title .wrapper {
            padding: 0 0 15px 0;
        }
        
            #header .the-title .wrapper.with-big-icon {
                min-height: 500px;
            }
            
            #header .the-title .wrapper.with-big-icon.is-empty-icon {
                min-height: 400px;
            }
            
            #header .the-title .wrapper.with-big-icon h2 {
                margin-top: 100px;
                background: none;
            }
        
        #header .the-title .big-icon {
            position: absolute;
            top: -75px;
            left: 0;
            width: 100%;
            height: 650px;
            
            background: url(../images/live/hand.png) center top no-repeat;
            background-size: contain;
            
            animation: header-the-title-big-icon 1s;
            animation-fill-mode: both;
        }

        @keyframes header-the-title-big-icon {
            0% {
                opacity: 0;

                transform: translateY(15px);
            }
            100% {
                opacity: 1;

                transform: translateY(0);
            }
        }
        
            #header .the-title .big-icon.empty {
                background-image: none;
            }
        
            #header .the-title .big-icon.instrument-1 {
                background-image: url(../files/shared/categories/1-bg.png);
            }
            
            #header .the-title .big-icon.instrument-2 {
                background-image: url(../files/shared/categories/2-bg.png);
            }

            #header .the-title .big-icon.instrument-3 {
                background-image: url(../files/shared/categories/3-bg.png);
            }
            
            #header .the-title .big-icon.instrument-4 {
                background-image: url(../files/shared/categories/4-bg.png);
            }

            #header .the-title .big-icon.instrument-5 {
                background-size: inherit;
                background-position: center bottom;
                background-image: url(../files/shared/categories/5-bg.png);
            }
            
            #header .the-title .big-icon.instrument-6 {
                background-size: inherit;
                background-position: center bottom;
                background-image: url(../files/shared/categories/6-bg.png);
            }
            
            #header .the-title .big-icon.instrument-7 {
                background-image: url(../files/shared/categories/7-bg.png);
            }
            
            #header .the-title .big-icon.instrument-8 {
                background-size: inherit;
                background-position: center bottom 50px;
                background-image: url(../files/shared/categories/8-bg.png);
            }
            
            #header .the-title .big-icon.instrument-9 {
                background-image: url(../files/shared/categories/9-bg.png);
            }
            
            #header .the-title .big-icon.instrument-10 {
                background-image: url(../files/shared/categories/10-bg.png);
            }

            #header .the-title .big-icon.instrument-11 {
                background-image: url(../files/shared/categories/11-bg.png);
            }
			
            #header .the-title .big-icon.instrument-12 {
                background-image: url(../files/shared/categories/12-bg.png);
            }

            #header .the-title .big-icon.instrument-13 {
                background-image: url(../files/shared/categories/13-bg.png);
            }

            #header .the-title .big-icon.instrument-14 {
                background-image: url(../files/shared/categories/14-bg.png);
            }

            #header .the-title .big-icon.instrument-15 {
                background-image: url(../files/shared/categories/15-bg.png);
            }       
        
            #header .the-title .big-icon .video-presentation {
                position: absolute;
                overflow: hidden;
                left: 415px;
                bottom: 90px;
                width: 150px;
                height: 150px;
                
                background: url(../images/live/home-play.png) center center no-repeat;
                background-size: contain;
                
                text-indent: -9999px;
                
                transition: all 0.5s ease-in;
                -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
            }
            
            #header .the-title .big-icon .video-presentation:hover {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
            }
            
            
        #header .the-title .wrapper .description {
            display: block;
            position: relative;
            margin: 25px auto 5px auto;
            width: 770px;
            
            color: white;
        }
        
            #header .the-title .wrapper .description .img {
                display: block;
                width: 250px;
                margin: 0 auto;
                padding: 4px;
                background: rgba(255, 255, 255, 0.7);
                
                animation: header-the-title-big-icon 0.7s;
                animation-fill-mode: both;
            }
            
            #header .the-title .wrapper .description .img a {
                display: block;
                text-align: center;
            }
            
            #header .the-title .wrapper .description .img img {
                display: block;
                margin: 0 auto;
                max-width: 100%;
            }
        
            #header .the-title .wrapper .description .left-part {
                overflow: hidden;
                float: left;
                width: 240px;
            }
            
            #header .the-title .wrapper .description .left-part:first-letter {
                float: left;
                margin: 0 10px 0 0;
                
                font-weight: bold;
                font-size: 44px;
                line-height: 44px;
                text-transform: uppercase;
                vertical-align: text-top;
                
                color: rgba(255, 255, 255, 0.6);
            }
            
            #header .the-title .wrapper .description .right-part {
                float: right;
                width: 240px;
                
                text-align: right;
            }
        
        #header .the-title .music-for-bulgaria {            
            font-weight: bold;
            font-size: 12px;
            font-style: italic;
            color: white;
        }
        
            #header .the-title .music-for-bulgaria i {
                display: none;
            }
        
        #header .the-title h2 {
            overflow: hidden;
            position: relative;
        }
        
            #header .the-title h2 i {
                display: block;
                
                text-align: center;
                text-transform: uppercase;
                text-shadow: 2px 3px 0 rgba(0, 0, 0, 0.5);
                font-style: normal;
                font-weight: 300;
                font-size: 20px;
                color: white;
            }
        
            #header .the-title h2 b {
                display: block;
                position: relative;
                margin: 0 50px;
                
                font-family: 'Panton', sans-serif;
                font-weight: 700;
                font-style: italic;
                font-size: 40px;
                line-height: 50px;
                text-align: center;
                letter-spacing: 2px;

                text-transform: uppercase;
                text-shadow: -1px -1px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 10px 10px 0 rgba(0, 0, 0, 0.4);
                color: white;                
            }
        
            .backgroundcliptext #header .the-title h2 b::after {
                position: absolute;
                content : attr(data-text);
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                
                background: url(../images/live/text-mask.png) center top no-repeat;

                -webkit-background-clip: text;
                -moz-background-clip: text;
                background-clip: text;
                text-shadow: none;
                
                color: transparent;
                
                z-index: 1;
            }
            
            #header .default-title {
                padding: 20px 0;
            }
            
#home-form {
    display: flex;
    flex-wrap: wrap;
    padding: 60px 0 45px 0;
}

    #home-form.bigger-space {
        padding: 80px 0 65px 0;
    }

    #home-form .social {
        margin-top: 30px;
    }
    
    #home-form .social a {
        margin: 0 10px;
        font-size: 32px;
        color: white;
    }

    #home-form .counters {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        
        padding: 40px 0 10px 0;
    }
        #home-form.bigger-space .counters {
            padding: 50px 0 20px 0;
        }

        #home-form .centered .counters {
            justify-content: center;
        }
    
        #home-form .counters div {
            margin-right: 40px;

            max-width: 150px;
            color: white;
        }
        
        #home-form .counters b {
            display: block;
            
            font-size: 28px;
            font-family: 'Panton', sans-serif;
            font-weight: bold;
            
            text-align: center;
            text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.7);
        }
        
        #home-form .counters span {
            display: block;
            
            font-size: 16px;
            font-family: 'Panton', sans-serif;
            font-weight: bold;
            
            text-align: center;
            text-transform: lowercase;
            text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.7);
        }

    #home-form > form {
        width: 280px;
    }
    
        #home-form > form input,
        #home-form > form textarea {
            margin: 0 0 15px 0;
            padding: 10px 15px;
            
            border: none;
            border-radius: 3px;
            
            font-weight: bold;
        }
        
        #home-form > form button {
            display: block;
            width: 100%;
            padding: 14px 25px;
            
            background: #d02c27;
            border: none;
            border-radius: 3px;
            
            font-weight: bold;
            line-height: 1em;
            font-size: 16px;
            color: white;
            
            transition: all 0.3s ease-out;
        }
        
        #home-form > form button:hover {
            background-color: #a82521;
        }
    
    #home-form > div {
        flex: 1;
        padding: 0 20px;
    }
    
    #home-form > div.centered {
        text-align: center;
    }
    
        #home-form > div .text {
            padding: 0;
            
            font-size: 18px;
            color: white;
        }
        
        #home-form > div .text.alt {
            font-family: 'Panton', sans-serif;
            font-size: 16px;
            font-weight: 600;
            line-height: 28px;
        }
        
        #home-form > div .text ul {
            margin: 0;
            padding-left: 18px;            
        }

        .the-title #home-form > div h2 {
            margin-bottom: 20px;
        }
            .the-title #home-form > div h2 b {
                margin: 0;
                
                font-size: 42px;
                text-align: left;
            }
            
            .the-title #home-form > div.centered h2 b {
                text-align: center;
            }
    
    #home-form .fast-menu {
        padding: 80px 0 0 0;
        text-align: center;
    }
    
        #home-form .fast-menu a {
            display: inline-block;
            min-width: 180px;
            margin: 0 10px;
            padding: 8px 10px;
            
            border: 2px solid black;
            border-radius: 3px;
            
            color: white;
            text-decoration: none;
            
            transition: all 0.3s ease-out;
        }
            #home-form .fast-menu a.apply:hover {
                background-color: #D02C27;
                border-color: #D02C27;
                color: white;
            }
            
            #home-form .fast-menu a:not(.apply):hover {
                background-color: black;
            }
        
        #home-form .fast-menu a.apply {
            background-color: white;
            border-color: white;
            color: black;
        }
            
#menu {
    position: relative;
    padding: 5px 0 0 0;
}

    #menu h1 {
        float: left;
        position: relative;
        margin-top: 5px;
        
        animation: menu-h1 0.7s ease-in-out;
    }
    
        @keyframes menu-h1 {
            from {
                top: -5px;
                opacity: 0;
            }
            to {
                top: 0;
                opacity: 1;
            }
        }   
        
        #menu h1 a {
            display: block;
            position: relative;
            max-width: 112px;
            
            transition: all 0.5s ease-in-out;
            
            perspective: 500px;
        }
        
            #menu h1 a:hover {
                /*transform: rotate(-4deg);*/
            }
            
            #menu h1 a::before, #menu h1 a::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                
                background: url(../images/live/logo-house.png) center center no-repeat;
            }
            
            #menu h1 a::after {
                background-image: url(../images/live/logo-text.png);
            }
            
            #menu h1 a:hover::after {
                animation: menu-h1-a-text ease-out 1s both;
                transform-origin: center bottom;
            }
            
    
            @keyframes menu-h1-a-text {
                0% {
                    opacity: 1;
                }
                50% {
                    opacity: 0;
                    transform: none;
                }
                60% {
                    opacity: 0;
                    transform: rotateX(-90deg);
                    animation-timing-function: ease-in;
                }
                80% {
                    opacity: 1;
                    transform: rotateX(0);
                }
                90% {
                    transform: rotateX(-20deg);
                }
                100% {
                    transform: rotateX(0);
                }
            }  

        #menu h1 img {
            display: block;
            max-width: 100%;
            
            visibility: hidden;
        }
        
        #menu h1 b {
            display: none;
        }
        
        .konami #menu h1 img {
            visibility: visible;
        }
        
            .konami #menu h1 a::before,
            .konami #menu h1 a::after {
                display: none;
            }
        
    #menu nav {
        float: right;
        margin: 48px 0 0 0;
    }
    
        #menu nav a {

        }
        
            #menu nav a:hover {
                text-decoration: none;
            }
    
        #menu nav .menu {
        }
        
            #menu nav .menu button {
                float: right;
                position: relative;
                overflow: hidden;
                padding: 0;
                margin: 3px 20px 0 22px;
                
                background: none;
                border: none;
            }
            
                #menu nav .menu button::after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    
                    border: 1px solid white;
                }
            
                #menu nav .menu button span {
                    display: block;
                    width: 16px;
                    height: 14px;
                    
                    text-indent: -9999px;
                }
                
                    #menu nav .menu button span::after {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;

                        border: 1px solid white;
                    }
                    
                    #menu nav .menu button span::before {
                        content: "";
                        position: absolute;
                        top: 6px;
                        left: 0;
                        width: 100%;

                        border: 1px solid white;
                    }                    
                   
        #menu nav .podcast-page {
            float: left;
        }
                    
        #menu nav .tour {
            float: left;
        }
        
        #menu nav .support {
            float: right;
            position: relative;
            margin: 0 20px;
        }
		
        #menu nav .faq {
            float: right;
            position: relative;
            margin: 0 20px;
        }

            #menu nav .faq::after {
                position: absolute;
                content: "";
                top: 18px;
                right: -11px;
                width: 2px;
                height: 2px;

                border-radius: 50%;
                background: rgba(255, 255, 255, 0.5);
            }

            #menu nav .faq {
                margin-right: 0;
            }
        
        #menu nav .book-hours {
            float: right;
            position: relative;
            margin: 0 20px;
        }
        
            #menu nav .book-hours::before {
                position: absolute;
                content: "";
                top: 18px;
                left: -11px;
                width: 2px;
                height: 2px;

                border-radius: 50%;
                background: rgba(255, 255, 255, 0.5);
            }        
        
        #menu nav .language {
            float: right;
            overflow: hidden;
            width: 58px;
            
            border-left: 2px solid white;
            
            text-align: center;
        }
        
            #menu nav .language a {
                float: left;
                margin: 0 0 0 22px;
            }
        
    
        #menu nav ul {
            float: left;
            padding: 0 0 0 0;
            margin: 0;
            height: 38px;

            list-style: none;            
        }

            #menu nav ul > li {
                float: left;
                position: relative;
                padding: 0 0 0 18px;
            }
            
                #menu nav ul > li::before {
                    position: absolute;
                    content: "";
                    margin: 9px 0 0 -10px;
                    width: 3px;
                    height: 3px;

                    border-radius: 50%;
                    background: rgba(255, 255, 255, 0.8);
                }
                
                #menu nav ul > li:last-child {
                    padding-left: 40px;
                }

                #menu nav ul > li:first-child::before,
                #menu nav ul > li:last-child::before{
                    display: none;
                }
            
                #menu nav ul > li:first-child {
                    padding-left: 0;
                }

                    #menu nav ul > li > a,
                    #menu nav > a,
                    #menu nav .language a {
                        display: block;
                        position: relative;
                        
                        font-family: 'Panton', sans-serif;
                        font-weight: 600;
                        font-style: normal;
                        font-size: 12px;
                        line-height: 22px;
                        text-transform: uppercase;
                        color: white;
                        
                        transition: color 0.3s;
                    }
                    
                        #menu nav ul > li > a::after {
                            position: absolute;
                            content: "";
                            bottom: -2px;
                            left: 0;
                            width: 100%;
                            height: 2px;
                            
                            background: #eb212e;
                            opacity: 0;
                            transition: opacity 0.3s;
                        }
                    
                        #menu nav ul > li > a:hover,
                        #menu nav > a:hover, 
                        #menu nav .language a:hover {
                            color: #eb212e;
                            text-decoration: none;
                        }
                        
                        #menu nav ul > li.selected > a {
                            color: #eb212e;
                        }
                        
                            #menu nav ul > li.selected > a:focus {
                                text-decoration: none;
                            }
                        
                            #menu nav ul > li.selected > a::after {
                                opacity: 1;
                            }
                            
                    #menu nav ul > li .sub-menu {
                        display: none;
                        position: absolute;
                        z-index: 1100;
                        top: 24px;
                        left: 50%;
                        margin: 0 0 0 40px;
                        padding: 15px 0 0 0;
                    }
                    
                    #menu nav ul > li .sub-menu::before {
                        content: '';
                        position: absolute;
                        top: 8px;
                        left: 50%;
                        
                        
                        border-left: 7px solid transparent;
                        border-right: 7px solid transparent;
                        border-bottom: 7px solid white;
                        
                        transform: translateX(-40px);
                    }
                    
                        #menu nav ul > li.active .sub-menu {
                            display: block;
                            
                            transform: translateX(-50%);
                            animation: menu-nav-sub-menu 0.3s;
                        }
                        
                        @keyframes menu-nav-sub-menu {
                            0% {
                                opacity: 0;
                            }
                            100% {
                                opacity: 1;
                            }
                        }
                        
                        #menu nav ul > li .sub-menu ol {
                            overflow: hidden;
                            margin: 0;
                            padding: 0;
                            list-style: none;
                            display: flex;
                            flex-direction: column;
                            background: white;
                            border-radius: 5px;
                            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
                        }
                        
                        #menu nav ul > li .sub-menu li {
                            overflow: hidden;
                        }

                        #menu nav ul > li .sub-menu a {
                            display: block;
                            white-space: nowrap;
                            padding: 10px 15px;
                            font-size: 12px;
                            font-family: var(--font-headers);
                            color: black;
                            
                            transition: all 0.2s ease-out;
                        }
                        
                        #menu nav ul > li .sub-menu a:hover {
                            background-color: #d02c27;
                            color: white;
                        }

                        
                        #menu nav ul > li.active > a {
                            z-index: 1101;
                            color: white;
                        }
                        
                        #menu nav ul > li.active > a::after {
                            background: red;
                            opacity: 1;
                        }
                        
#presentation {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 0 50px 0;
    
    text-align: center;
}
    
    #presentation > strong {
        display: block;
        position: relative;
        padding: 10px 0;
        
        font-family: 'Panton', sans-serif;
        font-size: 24px;
        font-style: italic;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #d01a1a;
    }
    
        #presentation > strong::before {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            width: 380px;
            height: 5px;
            margin: 0 0 0 -190px;
            
            background: black;
        }
        
    #presentation > p {
        margin: 10px 0 15px 0;
        font-family: 'Panton', sans-serif;
    }
    
    #presentation > a {
        position: relative;
        display: inline-block;
        padding: 10px 30px;
        margin: 10px 0;
        
        background: url(../images/live/header-bg.jpg) center center repeat;
        
        font-family: 'Panton', sans-serif;
        font-style: italic;
        font-weight: bold;
        text-transform: uppercase;
        color: white;
    }
    
        #presentation > a i {
            margin-left: 10px;
        }
    
        #presentation > a:hover {
            text-decoration: none;
        }
        
        #presentation > a:hover::before,
        #presentation > a:hover::after {
            width: 100%;
            left: 0;
        }
        
        #presentation > a::before,
        #presentation > a::after {
            content: "";
            position: absolute;
            height: 2px;
            width: 80%;
            left: 10%;
            top: -4px;
            
            background: #eb212e;
            
            transition: all 0.3s;
        }
        
        #presentation > a::after {
            top: auto;
            bottom: -4px;
        }
        
.column-type {
    display: table;
}

    .column-type > #aside {
        display: table-cell;
        float: none;
        
        background: url(../images/live/header-bg.jpg) center top repeat;
    }
    
    .column-type > #menu,
    .column-type > #main.with-aside {
        display: table-cell;
        float: none;
        
        vertical-align: top;
    }

    .column-type > #aside .btn-support:hover::before {
        opacity: 0.5;
    }
                        
#main {
    position: relative;
    background: white;
    /*background: url(../images/live/bg-main.jpg) center top repeat-x white;*/
}

    #main > .wrapper {
        padding: 50px 0;
    }

    #main.stripped > *:nth-child(2n) {
        background-color: #f1f1f1;
    }
    
    #main.with-aside {
        float: left;
        width: 640px;
    }
    
        #main.with-aside.type-lesson {
            width: 590px;
        }    
        
    #main.no-background {
        background-image: none;
    }
    
    #main .sub-header {
        padding: 20px;
        
        font-size: 20px;
        font-weight: 800;
        font-style: italic;
        text-transform: uppercase;
        text-align: center;
        
        color: #333;
    }
    
    #main .sub-header a {
        color: #333;
        
        transition: color 0.3s;
    }
    
    #main .sub-header a:hover {
        text-decoration: none;
        color: #eb212e;
    }
    
    #main .alt-header {
        position: relative;
        padding: 20px;

        font-family: 'Panton', sans-serif;
        font-size: 26px;
        text-align: center;
        color: #eb212e;
    }
    
        #main .alt-header a {
            color: #EB212E;

            transition: color 0.3s;
        }
        
            #main .alt-header a:hover {
                text-decoration: none;
                color: #eb212e;
            }

        #main .alt-header.line-top {
            padding-top: 10px;
            margin-top: 10px;
        }

            #main .alt-header.line-top::before {
                position: absolute;
                content: "";
                top: 0;
                left: 50%;
                margin: 0 0 0 -170px;

                width: 340px;
                height: 4px;
                background: black;
            }

#aside {
    float: right;
    width: 340px;
}

    #aside .fb-page {
        margin-bottom: 15px;
    }

    #aside .btn-support,
    #main .btn-support {
        display: block;
        position: relative;
        padding: 15px 0;
        margin-bottom: 15px;
        
        background: url(../images/live/black-bg.jpg) center center no-repeat;
        
        font-family: 'Panton', sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 1px;
        color: white;
    }

        #aside .btn-support span,
        #main .btn-support span {
            position: relative;
            display: block;
            padding-bottom: 17px;
            
            background: url(../images/live/cards.png) center bottom no-repeat;
            text-align: center;
        }
        
            #aside .btn-support span::before,
            #main .btn-support span::before,
            #aside .btn-support span::after,
            #main .btn-support span::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 0;
                width: 60px;
                height: 1px;
                
                background: rgba(255, 255, 255, 0.3);
            }
            
            #aside .btn-support span::after,
            #main .btn-support span::after {
                left: auto;
                right: 0;
            }
            
            #main .btn-support span::before,
            #main .btn-support span::after {
                width: 200px;
            }

        #aside .btn-support:hover,
        #main .btn-support:hover {
            text-decoration: none;
        }

        #aside .btn-support::before,
        #main .btn-support::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

            background: url(../images/live/red-bg.jpg) center center no-repeat;
            opacity: 0;

            transition: all 0.3s ease-in-out;
        }
        
            #aside .btn-support:hover::before,
            #main .btn-support:hover::before {
                opacity: 1;
            }
    
    #aside button.btn-support {
        width: 100%;
        border: none;
    }
    
    #main .btn-support {
        margin: 0;
    }
    
    #aside .btn-come-with-friend {
        position: relative;
        display: table;
        padding: 10px 40px;
        margin-bottom: 15px;
        overflow: hidden;
        width: 100%;
        box-sizing: border-box;
        
        background: url(../images/live/black-bg.jpg) center center repeat;
        
        font-family: 'Panton', sans-serif;
        font-size: 13px;
        font-weight: bold;
        font-style: italic;
        text-transform: uppercase;
        text-align: center;
        color: white;
        
        transition: all 0.3s;
    }
    
        #aside .btn-come-with-friend::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            
            background: url(../images/live/header-bg.jpg) center center no-repeat;
            opacity: 0;
            
            transition: all 0.3s ease-in-out;
        }
        
        #aside .btn-come-with-friend:hover::before {
            opacity: 1;
        }
    
        #aside .btn-come-with-friend:hover {
            text-decoration: none;
        }
    
        #aside .btn-come-with-friend span {
            position: relative;
            display: table-cell;
            width: 80%;
            
            text-align: left;
            vertical-align: middle;
        }

        #aside .btn-come-with-friend i {
            position: relative;
            display: table-cell;
            width: 20%;
            
            font-size: 24px;
            vertical-align: middle;
        }
    
    #aside .btn-book {
        display: block;
        position: relative;
        padding: 20px 0 18px 0;
        margin-bottom: 15px;
        
        background: url(../images/live/black-bg.jpg) center center no-repeat;
        
        font-family: 'Panton', sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 1px;
        color: white;
    }
    
        #aside .btn-book:hover {
            text-decoration: none;
        }
        
        #aside .btn-book::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            
            background: url(../images/live/header-bg.jpg) center center no-repeat;
            opacity: 0;
            
            transition: all 0.3s ease-in-out;
        }
        
        #aside .btn-book:hover::before {
            opacity: 1;
        }
        
    #aside .btn-book span {
        position: relative;
    }
    
    #aside .btn-book i {
        margin-right: 10px;
        font-size: 20px;
        vertical-align: middle;
    }
    
    #aside .aside-list-youtube {
        overflow: hidden;
        margin-bottom: 15px;
        
        border-top: 4px solid black;
    }
    
        #aside .aside-list-youtube ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
            #aside .aside-list-youtube ul li {
                overflow: hidden;
                width: 70%;
                margin: 0 auto 15px auto;
            }
            
            #aside .aside-list-youtube ul a {
                display: block;
            }
            
                #aside .aside-list-youtube ul a:hover {
                    text-decoration: none;
                }
            
            #aside .aside-list-youtube ul b {
                display: block;
                padding: 5px 0 0 0;
                text-align: center;
                color: #333;
            }
            
            #aside .aside-list-youtube ul img {
                display: block;
                width: 100%;
                max-width: 100%;
                min-height: 170px;
            }
            
            #aside .aside-list-youtube ul span {
                display: block;
                position: relative;
            }
            
                #aside .aside-list-youtube ul span i {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);

                    font-size: 60px;
                    color: black;
                    
                    transition: all 0.3s;
                }
                
                    #aside .aside-list-youtube ul span i::after {
                        content: "";
                        position: absolute;
                        top: 12px;
                        left: 10px;
                        width: 40px;
                        height: 35px;
                        background: white;
                        z-index: -1;
                        
                        opacity: 1;
                        
                        transition: all 0.3s;
                    }
                    
                    #aside .aside-list-youtube ul a:hover span i {
                        color: white;
                    }
                    
                    #aside .aside-list-youtube ul a:hover span i::after {
                        opacity: 0;
                    }
    
        #aside .aside-list-youtube h5 {
            padding: 15px 0 20px 0;
            
            font-family: 'Panton', sans-serif;
            font-size: 20px;
            font-style: italic;
            font-weight: 800;
            text-transform: uppercase;
            text-align: center;
            color: #eb212e;
        }
        
            #aside .aside-list-youtube h5 a {
                color: #eb212e;
            }
            
            #aside .aside-list-youtube h5 a:hover {
                text-decoration: none;
            }
            
    #aside .aside-list-gallery {
        overflow: hidden;
        margin-bottom: 15px;
        
        border-top: 2px solid black;
    }
        #aside .aside-list-gallery.not-last {
            border-bottom: none;
        }
    
        #aside .aside-list-gallery h5 {
            padding: 15px 0;
            font-family: 'Panton', sans-serif;
            font-size: 16px;
            text-transform: uppercase;
            text-align: center;
        }
        
            #aside .aside-list-gallery h5 a {
                color: black;
                
                transition: color 0.3s;
            }
            
            #aside .aside-list-gallery h5 a:hover {
                text-decoration: none;
                color: #eb212e;
            }
            
        #aside .aside-list-gallery ul {
            overflow: hidden;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
            #aside .aside-list-gallery ul li {
                float: left;
                overflow: hidden;
                box-sizing: border-box;
                width: 50%;
            }
            
                #aside .aside-list-gallery ul li:nth-child(2n-1) {
                    padding: 0 5px 10px 0;
                }
            
                #aside .aside-list-gallery ul li:nth-child(2n) {
                    padding: 0 0 10px 5px;
                }
            
            #aside .aside-list-gallery ul a {
                display: block;
            }
            
            #aside .aside-list-gallery ul img {
                display: block;
                max-width: 100%;
                margin: 0 auto;
            }
            
            #aside .aside-list-gallery ul b {
                display: none;
            }
    
    #aside .aside-list-articles {
        overflow: hidden;
        margin-bottom: 15px;
        
        border-top: 2px solid black;
    }
        #aside .aside-list-articles.not-last {
            border-bottom: none;
        }
    
        #aside .aside-list-articles h5 {
            padding: 15px 0;
            font-family: 'Panton', sans-serif;
            font-size: 16px;
            text-transform: uppercase;
            text-align: center;
        }
        
            #aside .aside-list-articles h5 a {
                color: black;
                
                transition: color 0.3s;
            }
            
            #aside .aside-list-articles h5 a:hover {
                text-decoration: none;
                color: #eb212e;
            }
        
        #aside .aside-list-articles ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
            #aside .aside-list-articles ul li {
                overflow: hidden;
                padding: 10px 0 0 0;
                margin-bottom: 10px;

                border-top: 1px solid #dbd9d4;
            }

                #aside .aside-list-articles ul li:last-child {
                    margin-bottom: 0;
                }
                
                #aside .aside-list-articles ul a {
                    display: block;
                    
                    color: #333;
                    
                    transition: all 0.3s;
                }
                
                    #aside .aside-list-articles ul a:hover {
                        text-decoration: none;
                        color: #eb212e;
                    }

                #aside .aside-list-articles ul a.primary {
                    display: block;
                    margin: 0 0 10px 0;

                    font-family: 'Panton', sans-serif;
                    font-weight: bold;
                    font-size: 16px;
                    color: #333;
                }

                    #aside .aside-list-articles ul a.primary:hover {
                        
                    }

                #aside .aside-list-articles ul p {
                    margin: 0 0 10px 0;
                    font-size: 14px;
                }

                    #aside .aside-list-articles ul p a {
                        color: #333;
                    }

                #aside .aside-list-articles .simple-date {
                    padding: 8px 15px;
                    margin: 0 0 5px 0;
                }

                    #aside .aside-list-articles .simple-date b {
                        font-size: 22px;
                        line-height: 22px;
                    }

                    #aside .aside-list-articles .simple-date i {
                        font-size: 12px;
                        line-height: 12px;
                    }   

                #aside .aside-list-articles ul li a.preview {
                    display: block;
                }

                #aside .aside-list-articles ul li img {
                    max-width: 100%;
                }

                #aside .aside-list-articles ul li .wrap {
                    padding: 10px 10px 0 0;
                }

                #aside .aside-list-articles ul li .wrap .description {
                    padding-left: 70px;
                }
            
    #aside .aside-img-list {
        margin-bottom: 15px;
        
        border-top: 4px solid black;
    }
    
        #aside .aside-img-list h6 {
            padding: 15px 0 20px 0;
            
            font-family: 'Panton', sans-serif;
            font-size: 20px;
            font-style: italic;
            font-weight: 800;
            text-transform: uppercase;
            text-align: center;
            color: #eb212e;
        }
        
            #aside .aside-img-list h6 a {
                color: #eb212e;
                
                transition: color 0.3s;
            }
            
            #aside .aside-img-list h6 a:hover {
                text-decoration: none;
                color: #eb212e;
            }
        
        #aside .aside-img-list ul {
            overflow: hidden;
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        #aside .aside-img-list li {
            float: left;
            margin: 0 0 10px 30px;
        }

            #aside .aside-img-list li:nth-child(2n+1) {
                clear: both;
            }
        
            #aside .aside-img-list li a {
                display: block;
                width: 120px;
                
                transition: all 0.3s;
                color: black;
            }
            
            #aside .aside-img-list li a:hover {
                opacity: 0.8;
                text-decoration: none;
            }
            
                #aside .aside-img-list li a span {
                    display: block;
                    height: 140px;
                    box-sizing: border-box;
                    border: 5px solid white;

                    background-image: url(../images/live/black-bg.jpg);
                    background-position: center center;
                    background-size: cover;
                }
                
                #aside .aside-img-list li b {
                    display: block;
                    padding: 5px 0;
                    
                    line-height: 16px;
                    color: black;
                }
                
                #aside .aside-img-list li em {
                    display: block;
                    box-sizing: border-box;
                    padding: 45px 20px 0 20px;
                    height: 140px;
                    box-sizing: border-box;
                    border: 5px solid white;

                    background: url(../images/live/black-bg.jpg) center center repeat;
                    
                    line-height: 16px;
                    font-style: italic;
                    font-size: 14px;
                    text-transform: lowercase;
                    text-align: center;
                    color: white;
                }
                
                #aside .aside-img-list li a:hover em {
                    text-decoration: none;
                }
                
#projects {
    background: white;
}

    #projects .wrapper {
        padding: 70px 0;
    }
        #projects.inner .wrapper {
            padding: 30px 0 50px 0;
        }
    
    #projects h3 {
        position: relative;
        padding: 0 20px;

        font-family: 'Panton', sans-serif;
        font-size: 26px;
        font-style: italic;
        font-weight: bold;
        color: #333;
        text-align: center;
    }
        #projects.inner h3 {
            font-style: normal;
            font-size: 30px;
            font-weight: 700;
        }
    
    #projects nav {
        padding-top: 30px;
        text-align: center;
    }
    
        #projects nav a {
            display: inline-block;
            min-width: 180px;
            padding: 14px 25px;
            background: black;
            border-radius: 3px;
            font-size: 16px;
            font-weight: bold;
            color: white;
            
            text-decoration: none;
            transition: all 0.3s ease-out;
        }
            #projects nav a:hover {
                background: #da251d;
            }

    #projects ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        list-style: none;
        margin: 0;
        padding: 30px 0 0 0;
    }
    
        #projects ul li {
            box-sizing: border-box;
            width: 300px;
            margin: 10px;
            padding: 15px;
            
            background-color: #f1efea;
            border-radius: 3px;
            
            animation: fade-in 0.3s ease-out;
        }
        
        #projects ul .tags {
            overflow: hidden;
            padding-top: 10px;
            font-size: 12px;
            text-align: center;
        }
        
            #projects ul .tags span {
                display: inline-block;
                padding: 5px 10px;
                margin-top: 5px;
                
                background-color: #9d9d9d;
                border-radius: 3px;
                color: white;
            }
            
            #projects ul .tags span i {
                font-style: normal;
                margin-right: 2px;
            }
        
        #projects ul .category {
            padding-bottom: 10px;
            text-align: center;
            font-family: 'Panton', sans-serif;
        }
        
            #projects ul .category span:not(:first-child)::before {
                content: ', ';
            }
    
        #projects ul img {
            display: block;
            max-width: 100%;
        }
        
        #projects ul h6 {
            font-family: 'Panton', sans-serif;
            font-size: 20px;
            font-style: italic;
            font-weight: bold;
            color: #333;
            text-align: center;
        }
        
        #projects ul a {
            display: block;
            position: relative;
        }
        
            #projects ul a i {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 100px;
                height: 100px;
                
                background-color: rgba(0, 0, 0, 0.4);
                border: 1px solid white;
                border-radius: 50%;
                
                text-align: center;
                font-size: 40px;
                line-height: 98px;
                text-indent: 4px;
                color: white;
                
                transform: translate(-50%, -50%);
                transition: all 0.3s ease-out;
                opacity: 0.7;
            }
            
            #projects ul a:hover i {
                opacity: 1;
            }
            
    #projects .filter {
        padding: 30px 0 0 0;
        text-align: center;
    }
    
        #projects .filter a {
            position: relative;
            display: inline-block;
            margin: 0 5px;

            text-decoration: none;
            font-family: 'Panton', sans-serif;
            color: black;
        }
        
            #projects .filter a::after {
                position: absolute;
                content: '';
                top: 100%;
                left: 0;
                
                width: 100%;
                height: 2px;
                
                background: red;
                opacity: 0;
                
                transition: all 0.3s ease-out;
            }
            
            #projects .filter a:hover::after {
                opacity: 1;
                background: black;
            }

        #projects .filter a.current::after {
            opacity: 1;
        }
                
#clients {

}

    #clients .wrapper {
        padding: 70px 0;
    }

    #clients h3 {
        position: relative;
        padding: 0 20px;

        font-family: 'Panton', sans-serif;
        font-size: 26px;
        font-style: italic;
        font-weight: bold;
        color: #333;
        text-align: center;
    }
    
    #clients ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 30px 0 0 0;
    }
    
    #clients ul li {
        display: flex;
        margin: 25px 40px;
        align-items: center;
        justify-content: center;
    }
    
    #clients ul a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    #clients ul a:hover img {
        filter: grayscale(0);
        opacity: 1;
    }
    
    #clients ul img {
        max-width: 200px;
        max-height: 80px;
        filter: grayscale(1);
        opacity: 0.7;
        
        transition: all 0.3s ease-out;
    }                
    
        #clients ul img.alt {
            max-width: 130px;
            max-height: 50px;
        }
                
.simle-list {
    overflow: hidden;
    margin: 0;
    padding: 15px 80px 15px 80px;
    
    list-style: none;
}

    .with-aside .simle-list {
        padding-top: 10px;
    }
    
    .simle-list li {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    
        .simle-list li:last-child {
            margin-bottom: 0;
            border-bottom: none;
        }
        
        .simle-list li > a {
            display: block;

            font-family: 'Panton', sans-serif;
            font-weight: bold;
            font-style: italic;
            color: #eb212e;
            
            transition: color 0.3s;
        }
        
        .simle-list li > a:hover {
            text-decoration: none;
            color: #eb212e;
        }
        
        .simle-list li > p {
            margin: 10px 0 0 0;
        }
        
.form {
    padding: 20px 80px;
}

    .form fieldset {
        padding: 0;
        margin: 0;
        border: none;
    }
    
    .form ol {
        margin: 0;
        padding: 0;
        
        list-style: none;
    }
    
        .form ol li {
            overflow: hidden;
            padding: 0 0 15px 0;
        }
        
        .form ol label {
            float: left;
            width: 40%;
            padding: 8px 0;
            
            text-align: right;
            line-height: 18px;
            font-weight: bold;
            color: #bc1b1b;
        }
        
        .form ol label sup {
            top: -0.2em;
            
            font-size: 14px;
            font-weight: bold;
            color: red;
        }
        
        .form ol input,
        .form ol textarea,
        .form ol select {
            float: right;
            width: 55%;
        }
        
        .form ol textarea {
            min-height: 150px;
        }
        
            .form ol input[type=radio], .form ol input[type=checkbox] {
                float: none;
                width: auto;
            }
        
            .form ol .full textarea,
            .form ol .full input,
            .form ol .full select {
                float: none;
                width: 100%;
            }
            
    .form > nav {
        text-align: right;
    }
    
        .form > nav button {
            padding: 15px 20px;
            box-sizing: border-box;
            min-width: 55%;
            
            background: url(../images/live/header-bg.jpg);
            border: none;
            
            font-family: 'Panton', sans-serif;
            font-weight: bold;
            font-style: italic;
            text-transform: uppercase;
            color: white;
            
            transition: color 0.3s;
        }
        
        .form > nav button:hover {
            color: black;
        }
        
    .form .g-recaptcha:not(.ui) {
        padding: 0 0 20px 0;
        text-align: right;
    }
    
        .form .g-recaptcha > div {
            display: inline-block;
        }
        
.simple-nav {
    overflow: hidden;
    padding: 0 80px;
}

    .simple-nav.in-right {
        text-align: right;
    }
    
    .simple-nav.center {
        text-align: center;
    }
    
    .simple-nav.no-padding {
        padding: 0;
    }

    .simple-nav a {
        overflow: hidden;
        display: inline-block;
        padding: 10px 0;
        margin: 0 0 0 10px;
        
        font-family: 'Panton', sans-serif;
        font-weight: 800;
        font-style: italic;
        font-size: 12px;
        text-transform: uppercase;
        color: #eb212e;
        
        transition: color 0.3s;
    }
    
        .simple-nav a.alt {
            min-width: 180px;
            padding: 14px 25px;
            background: black;
            border-radius: 3px;
            color: white;
            font-style: normal;
            font-size: 16px;
            font-weight: bold;
            text-transform: none;
            font-family: inherit;
            
            transition: all 0.3s ease-out;
        }
    
        .simple-nav a:hover {
            text-decoration: none;
            background-color: #eb212e;
        }

        .simple-nav a .fa {
            margin-left: 10px;
        }
        
        .simple-nav a:first-child {
            margin-left: 0;
        }
                
.reviews-list {
    overflow: hidden;
    margin: 0;
    padding: 15px 80px 15px 80px;
    
    list-style: none;
}

    .with-aside .reviews-list {
        padding-top: 0;
    }
    
    .reviews-list li {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    
        .reviews-list li:last-child {
            margin-bottom: 0;
            border-bottom: none;
        }
    
        .reviews-list li > strong {
            display: block;

            font-family: 'Panton', sans-serif;
            font-weight: bold;
            font-style: italic;
            color: #eb212e;
        }         

        .reviews-list li > blockquote {
            display: block;
            overflow: hidden;
            padding: 15px 0;
            margin: 0;
            
            quotes: "\201C""\201D""\2018""\2019";
        }
        
            .reviews-list li > blockquote .expand-more {
                display: inline-block;
                margin: 15px 0 0 0;
                
                text-decoration: none;
                font-style: italic;
                
                transition: color 0.3s;
            }
            
                .reviews-list li > blockquote .expand-more:hover {
                    color: #eb212e;
                }
        
            .reviews-list li > blockquote > p {
                margin: 0;
                padding: 0 0 0 40px;
                
                font-style: italic;
            }
            
            .reviews-list li > blockquote .main {
                display: none;
            }
        
            .reviews-list li > blockquote::before {
                float: left;
                overflow: hidden;
                height: 25px;
                content: '“';
                
                line-height: 40px;
                font-size: 48px;
                font-weight: bold;
                color: #eb212e;
            }
        
        .reviews-list li nav {
            overflow: hidden;
            color: #777;
        }
        
            .reviews-list li nav a {
                float: right;
                margin-left: 20px;
                color: #eb212e;
            }
            
        .reviews-list li .summary {
            color: #666;
        }
        
            .reviews-list li .summary a {
                text-decoration: underline;
                color: #333;
            }
            
            .reviews-list li .summary a:hover {
                text-decoration: none;
            }
            
.instruments-list {
    overflow: hidden;
    margin: 0;
    padding: 15px 0 5px 5px;
    
    list-style: none;
}
    .instruments-list li {
        float: left;
        box-sizing: border-box;
        margin: 0 0 7px 7px;
        
        background: url(../images/live/header-bg.jpg) 0 0 repeat;
    }
    
    .instruments-list a {
        display: block;
        position: relative;
        width: 160px;
        height: 180px;
        
        background-size: cover;
        background-position: center center;
        
        transition: all 0.3s;
        
        opacity: 0.8;
    }

        .instruments-list a.bands {
            background-image: url(../files/shared/categories/bands-small.jpg);
        }
    
        .instruments-list a.lesson-5,
        .instruments-list a.lesson-6,
        .instruments-list a.lesson-8,
        .instruments-list a.lesson-9 {
            background-position: center right;
        }
    
        .instruments-list a:hover {
            opacity: 1;
        }

        .instruments-list a span {
            position: absolute;
            box-sizing: border-box;
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 15px;

            font-size: 14px;
            line-height: 16px;
            color: white;
        }
        
.engineers-list {
    overflow: hidden;
    margin: 0;
    padding: 20px 0 50px 75px;
    
    list-style: none;
}

    .engineers-list li {
        overflow: hidden;
        float: left;
        width: 110px;
        margin: 30px 0 0 30px;
    }
    
        .engineers-list li:nth-child(6n+1) {
            clear: both;
        }
        
    .engineers-list li span {
        display: block;
        width: 110px;
        height: 130px;
        margin: 0 0 5px 0;
        
        background: url(../images/live/header-bg.jpg);
    }
        
    .engineers-list li a {
        display: block;
    }
    
        .engineers-list li a:hover {
            text-decoration: none;
        }

    .engineers-list li b {
        display: block;
        margin-bottom: 5px;
        
        line-height: 16px;
        font-size: 14px;
        color: black;
    }
    
        .engineers-list li a:hover b {
            text-decoration: underline;
        }
    
    .engineers-list li img {
        display: block;
        
        transition: all 0.3s;
    }
    
        .engineers-list li a:hover img {
            opacity: 0.8;
        }
    
    .engineers-list li i {
        display: block;
        margin: 0 0 2px 0;
        
        font-style: normal;
        line-height: 14px;
        font-size: 12px;
        color: #666;
    }
                
.gallery-list {
    overflow: hidden;
    margin: 0;
    padding: 15px 0 0 0;
    
    list-style: none;
}

    .with-aside .gallery-list {
        padding: 0;
    }

    .gallery-list li {
        float: left;
        margin: 0 0 12px 12px;
        
        animation: show-list-item-to-up 0.5s;
        animation-fill-mode: both;
    }
    
        .gallery-list li:nth-child(2) {
            animation-delay: 0.1s;
        }
        
        .gallery-list li:nth-child(3) {
            animation-delay: 0.2s;
        }

        .gallery-list li:nth-child(4) {
            animation-delay: 0.3s;
        }
        
        .gallery-list li:nth-child(5) {
            animation-delay: 0.4s;
        }
        
        .gallery-list li:nth-child(6) {
            animation-delay: 0.5s;
        }
        
        .gallery-list li:nth-child(7) {
            animation-delay: 0.6s;
        }
        
        .gallery-list li:nth-child(8) {
            animation-delay: 0.7s;
        }
        
        .gallery-list li:nth-child(n+9) {
            animation-delay: 0.8s;
        }
    
    .gallery-list a {
        display: block;
        overflow: hidden;
        position: relative;
    }
    
        .gallery-list a::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

            background-color: rgba(0, 0, 0, 0.3);
            
            opacity: 0;
            
            transition: all 0.3s;
        }
        
        .gallery-list .open a::before {
            opacity: 0.5;
        }
        
        .gallery-list a:hover::before {
            opacity: 1;
        }
    
    .gallery-list img {
        display: block;
        max-width: 100%;
    }
    
    .gallery-list b {
        display: block;
        position: absolute;
        box-sizing: border-box;
        left: 0;
        bottom: 0;
        width: 100%;
        
        padding: 10px 15px;
        
        font-size: 14px;
        text-transform: uppercase;
        color: white;
        
        transform: translateY(100%);
        transition: all 0.3s;
    }
    
        .gallery-list a:hover b,
        .gallery-list .open a b {
            transform: translateY(0);
        }
        
        .gallery-list b i {
            display: block;
            font-style: normal;
            font-weight: normal;
            text-transform: none;
            font-size: 12px;
        }
        
.list-logos {
    margin: 0;
    padding: 0;
    
    list-style: none;
}

    .list-logos li {
        padding: 20px;
        
        border-bottom: 1px solid #ededed;
    }
              
.list-articles {
    max-width: 640px;
    margin: 0 auto;
    padding: 0;
    
    list-style: none;
}

    .list-articles > li {
        padding: 0 0 10px 0;
        
        border-bottom: 30px solid #ededed;
    }
    
        .list-articles > li:last-child,
        .list-articles > li.no-border {
            border-bottom: none;
        }
        
    .list-articles .wrap {
        overflow: hidden;
        padding: 20px 40px 10px 40px;
    }
    
        .list-articles .wrap .text {
            padding: 15px 0 0 0;
        }
    
    .list-articles .description {
        padding-left: 90px;
    }

    .list-articles h3 {
        padding: 0;

        font-size: 26px;
        font-family: 'Panton', sans-serif;
        font-weight: bold;
        color: #333;
    }
    
        .list-articles h3 a {
            color: #333;
            
            transition: color 0.3s;
        }
        
            .list-articles h3 a:hover {
                text-decoration: none;
                color: #eb212e;
            }
            
        .list-articles h3.bigger {
            font-family: 'Panton', sans-serif;
            font-weight: 700;
            font-style: italic;
            color: #eb212e;
        }
    
    .list-articles img {
        display: block;
        max-width: 100%;
        min-width: 100%;
    }
    
    .list-articles p {
        margin: 0;
    }
    
        .list-articles p a {
            color: #333;
        }
        
.articles-list {
    display: flex;
    flex-wrap: wrap;
    
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
}

    .articles-list a {
        display: flex;
        flex-direction: column;
        width: 310px;
        margin: 8px;
        
        background-color: #f1efea;
        
        transition: all 0.3s ease-out;
        text-decoration: none;
    }
        .articles-list a:hover {
            transform: translateY(-3px);
        }
    
    .articles-list img {
        max-width: 100%;
    }
    
    .articles-list time {
        padding: 10px 15px;
        
        font-family: 'Panton', sans-serif;

        font-size: 14px;
        text-align: center;
        color: #979797;
    }
    
    .articles-list strong {
        padding: 0 15px;
        
        font-family: 'Panton', sans-serif;
        font-style: italic;
        font-size: 16px;
        text-align: center;
        
        color: black;
    }
    
    .articles-list span {
        padding: 10px 15px;
        
        font-size: 14px;
        color: black;
    }
    
    .articles-list em {
        padding-bottom: 15px;
        
        font-family: 'Panton', sans-serif;
        font-style: normal;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }
    
.hr {
    clear: both;
    margin: 20px 0;
    border-bottom: 10px solid #ededed;
}

.hr-simple {
    clear: both;
    border-bottom: 10px solid #ededed;
}

    .hr-simple.bigger {
        border-bottom-width: 30px;
    }

.simple-date {
    overflow: hidden;
    float: left;
    padding: 5px 15px 8px 15px;
    
    background-color: #333;
    
    font-family: 'Panton', sans-serif;
    font-weight: bold;
    text-align: center;
    color: white;
}

    .simple-date u {
        display: none;
    }
    
    .simple-date b {
        display: block;
        
        font-size: 34px;
        line-height: 34px;
    }
    
    .simple-date i {
        display: block;
        
        line-height: 16px;
        font-size: 16px;
        font-style: normal;
        text-transform: uppercase;
    }

.universal-date {
    overflow: hidden;
    display: block;

    font-family: 'Panton', sans-serif;
    font-weight: bold;
    
    text-align: center;
}

    .universal-date span {
        overflow: hidden;
        display: inline-block;
        width: 40px;
        
        text-align: right;
        line-height: 14px;
        vertical-align: middle;
    }

    .universal-date b {
        display: block;
        
        font-size: 18px;
    }
    
    .universal-date i {
        display: block;
        
        text-align: right;
        font-style: normal;
        text-transform: lowercase;
        font-size: 12px;
    }
    
    .universal-date u {
        display: inline-block;
        position: relative;
        
        text-decoration: none;
        font-size: 11px;
        
        transform: rotate(-90deg);
        top: -2px;
        left: -8px;
    }
    
#list-banners {
    margin: 0;
    padding: 0 80px;
    list-style: none;
}

    #list-banners li {
        padding-bottom: 40px;
        margin-bottom: 40px;
        border-bottom: 1px solid #d0d0d0;
    }
    
        #list-banners li:last-child {
            margin-bottom: 0;
            border-bottom: none;
        }

    #list-banners figure {
        text-align: center;
    }
    
    #list-banners figcaption {
        display: block;
        padding: 10px 0 0 0;
        
        font-family: 'Panton', sans-serif;
        font-style: italic;
        color: #eb212e;
    }
    
    #list-banners nav {
        padding-top: 15px;
        text-align: center;
    }
    
        #list-banners nav button {
            padding: 15px 20px;
            box-sizing: border-box;
            
            background: url(../images/live/header-bg.jpg);
            border: none;
            
            font-size: 14px;
            font-family: 'Panton', sans-serif;
            font-weight: bold;
            font-style: italic;
            text-transform: uppercase;
            color: white;
        }
    
#paypal {
    
}

    #paypal ul {
        margin: 0 25px;
        padding: 0 0 20px 0;
        
        list-style: none;
    }
    
        #paypal ul li {
            overflow: hidden;
            padding: 5px 0;
            
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
            line-height: 30px;
        }
    
        #paypal ul label {
            font-family: 'Panton', sans-serif;
            font-size: 14px;
            font-style: italic;
            color: white;
        }
        
        #paypal ul span {
            float: left;
        }
        
        #paypal ul input {
            float: left;
            margin-right: 7px;
        }
        
        #paypal ul input[type=radio] {
            margin-top: 9px;
        }
        
        
        #paypal ul input[type=number] {
            width: 70px;
            padding: 4px 5px;
            margin-right: 5px;
        }
        
        #paypal input[name='email'],
        #paypal input[name='name'] {
            display: block;
            box-sizing: border-box;
            margin: 10px auto;
            padding: 10px 20px;
            width: 200px;
            
            border: 1px solid rgba(0, 0, 0, 0.2);
            outline: none;
        }
        
        #paypal nav {
            padding: 0 25px;
        }
        
        #paypal > p {
            padding: 15px 25px;
            
            background-color: rgba(0, 0, 0, 0.2);
            line-height: 20px;
            font-size: 14px;
            color: white;
        }
        
            #paypal > p b {
                display: block;
                
                font-family: 'Panton', sans-serif;
                font-style: italic;
                text-transform: uppercase;
            }
            
    #paypal .methods {
        margin-bottom: 10px;
        text-align: center;
    }

        #paypal .methods em {
            display: block;
            padding-bottom: 5px;
            
            font-style: normal;
        }
        
        #paypal .methods label {
            display: inline-flex;
            margin: 0 5px;
            
            align-items: center;
            cursor: pointer;
        }
        
            #paypal .methods label img {
                max-height: 23px;
                margin-left: 2px;
            }
        
            #paypal .methods label input {
                margin-right: 5px;
            }
            
        #paypal .conditions {
            padding: 15px 40px 0 40px;
            
            text-align: center;
        }
        
            #paypal .conditions label {
                
            }      
            
#tagul {
    overflow: hidden;
    position: relative;
    width: 610px;
    height: 610px;
    
    margin: 0 auto;
}

    #tagul > div {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        
        font-size: 10px;
        text-align: center;
    }
    
.support-variants {
    width: 100%;
    border-top: 1px solid #ededed;
}

    .support-variants tr td {
        width: 50%;
        box-sizing: border-box;
        padding: 30px;
        border-bottom: 1px solid #ededed;
    }

    .support-variants tr td:nth-child(2) {
        border-left: 1px solid #ededed;
    }
    
    .support-variants strong {
        display: block;
        position: relative;
        padding: 10px 0;

        font-family: 'Panton', sans-serif;
        font-style: italic;
        text-transform: uppercase;
        text-align: center;
        
        color: #eb212e;
    }
    
    .support-variants strong::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;        
        width: 100%;
        height: 4px;
        
        background: black;
    }
    
    .support-variants p {
        margin: 10px 0 20px 0;
    }
    
    .support-variants a {
        display: block;
        padding: 10px 0;
        margin: 0 auto;
        max-width: 300px;
        
        background: url(../images/live/header-bg.jpg);
        
        font-family: 'Panton', sans-serif;
        font-style: italic;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;
        color: white;
        
        transition: color 0.3s;
    }
    
    .support-variants a:hover {
        text-decoration: none;
        color: black;
    }
    
.pagination {

}

    .pagination nav {
        overflow: hidden;
        padding: 25px 0;
        
        text-align: center;
    }
    
    .pagination nav a {
        display: inline-block;
        padding: 5px 10px;
        
        border: 1px solid #F4F4F4;
        
        font-weight: 300;
        color: black;
        
        transition: border 0.3s;
    }
    
        .pagination nav a:hover,
        .pagination nav a:focus {
            text-decoration: none;
            border-color: #B8B7B9;
        }
        
        .pagination nav a.current,
        .pagination nav a.current:focus,
        .pagination nav a.current:hover {
            background-color: #F4F4F4;
            border-color: #B8B7B9;
            cursor: default;
        }
        
#mask {
    position: fixed;
    box-sizing: border-box;
    z-index: 1001;
    
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    
    background: rgba(0, 0, 0, 0.7);
    
    animation: fade-in 0.3s;
}
    
.spin-box {
	position: absolute;
    
	margin: auto;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 15px;
	height: 15px;
    
	border-radius: 100%;
	box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    
	animation: spin-box ease infinite 2.8s;
}


/* #FD3636 #FFCC00 */
@keyframes spin-box {
	0%,
	100% {
		box-shadow: 15px 15px rgb(79,77,73), -15px 15px #FFCC00, -15px -15px rgb(79,77,73), 15px -15px #FD3636;
	}
	25% {
		box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
	}
	50% {
		box-shadow: -15px -15px rgb(79,77,73), 15px -15px #FFCC00, 15px 15px rgb(79,77,73), -15px 15px #FD3636;
	}
	75% {
		box-shadow: 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73);
	}
}

#error-404 {
    padding: 130px 0 100px 0;
    
    font-size: 24px;
    text-align: center;
}

    #error-404 strong {
        font-size: 30px;
    }

        #error-404 strong b {
            color: #FD3636;
        }

        #error-404 strong i {
            font-style: normal;
            color: #FFCC00;
        }
        
#flash-messages {
    position: fixed;
    box-sizing: border-box;
    z-index: 999;
    
    padding: 20px 20px 15px 20px;
    left: 0;
    top: 0;
    width: 100%;
    
    background: rgba(211, 211, 211, 0.7);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    
    color: black;
    
    animation: flash-messages-appear 0.5s;
}

    #flash-messages > a {
        position: absolute;
        top: 20px;
        right: 14px;
        width: 16px;
        height: 16px;

        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 13px;
        color: black;
    }
    
        #flash-messages > a:hover {
            text-decoration: none;
        }

    #flash-messages div {
        padding: 0 40px 0 15px;
        margin: 0 0 5px 0;
        
        border-left: 4px solid #FD3636;
        
        font-size: 14px;
        font-weight: 300;
        color: black;
        text-align: center;
        font-weight: bold;
    }
    
        #flash-messages div.alert-info {
            border-left-color: #31708F;
        }
        
        #flash-messages div.alert-success {
            border-left-color: #3C763D;
        }
        
        #flash-messages div.alert-warning {
            border-left-color: #8A6D3B;
        }
    
    @keyframes flash-messages-appear {
        from {
            opacity: 0;
            transform: translateY(-100%);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
.article {
    
}

    .article > figure {
        padding-bottom: 15px;
    }
    
    .article > figure img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

    .article > nav,
    .page-nav {
        overflow: hidden;
        padding: 10px 20px;
    }
        
        .article > nav {
            text-align: center;
        }
        
        .article > nav.with-space-bottom {
            margin-bottom: 10px;
        }
    
        .page-nav a {
            font-family: 'Panton', sans-serif;
            font-weight: 700;
            font-style: italic;
            font-size: 12px;
            text-transform: uppercase;
            color: black;
            
            transition: color 0.3s;
        }
        
        .article > nav a i,
        .page-nav a i {
            margin-right: 5px; 
        }
        
        .article > nav a:hover,
        .page-nav a:hover {
            text-decoration: none;
            color: #eb212e;
        }
        
        .article > nav a {
            display: inline-block;
            padding: 14px 25px;
            min-width: 180px;
            
            background-color: black;
            border-radius: 3px;
            
            font-weight: bold;
            font-size: 16px;
            color: white;
            
            transition: all 0.3s;
        }
            .article > nav a:hover {
                background-color: #eb212e;
                color: white;
            }
    

    .article header {
        overflow: hidden;
        padding: 0 0 15px 0;
    }
    
        .article header.with-space-top {
            padding-top: 20px;
        }
        
        .article header.text-align-center {
            text-align: center;
        }
        
        .article header p {
            margin: 0;
        }
        
            .article header p.with-date {
                padding-left: 90px;
            }
            
            .article header p a {
                color: #333;
            }
    
        .article header h1 {
            position: relative;
            padding: 0 20px;

            font-family: 'Panton', sans-serif;
            font-size: 26px;
            font-style: italic;
            font-weight: bold;
            color: #333;
        }
        
            .article header h1 a {
                
            }
            .article header h1 a:hover {
                text-decoration: none;
            }
            
            .article header h1.alt {
                font-weight: bold;
                font-style: italic;
                text-transform: uppercase;
                font-size: 22px;
            }
        
        .article header h1.line-top {
            padding-top: 10px;
            margin-top: 10px;
        }
        
            .article header h1.line-top::before {
                position: absolute;
                content: "";
                top: 0;
                left: 50%;
                margin: 0 0 0 -170px;
                
                width: 340px;
                height: 4px;
                background: black;
            }
            
        .article header h1.with-date {
            padding-left: 90px;
        }
        
    .article .gallery {
        overflow: hidden;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
        .article .gallery li {
            float: left;
            width: 200px;
            margin: 0 0 10px 10px;
        }
        
        .article .gallery a {
            display: block;
        }
        
        .article .gallery img {
            display: block;
            max-width: 100%;
        }
        
    .article .text:first-child {
        padding-top: 20px;
    }
    
    .article .text:last-child {
        padding-bottom: 20px;
    }
    
    .article a.website {
        display: block;
        text-decoration: none;
    }
    
        .article a.website i {
            color: black;
        }
    
        .article a.website span {
            text-decoration: underline;
        }
        
        .article a.website:hover span {
            text-decoration: none;
        }
        
    .article .contacts {
        padding: 30px;
    }
            
        .article .contacts iframe {
            display: block;
            margin-top: 40px;
            width: 100% !important;
            height: 400px !important;
        }
            
    .article .contacts .info {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 50px;
    }
    
        .article .contacts .info > div:nth-child(1) {
            width: 30%;
        }

        .article .contacts .info > div:nth-child(2) {
            width: 20%;
            margin: 0 10%;
        }    

        .article .contacts .info > div:nth-child(3) {
            width: 30%;
        }
        
        .article .contacts .info ul {
            margin: 0;
            padding: 0;
            
            list-style: none;
        }
        
        .article .contacts .info ul li {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            
            margin-bottom: 10px;
        }
        
        .article .contacts .info i {
            margin-top: 3px;
            width: 40px;
            
            text-align: center;
            color: #da251d;
        }
        
        .article .contacts .info span {
            flex: 1;
            
            font-family: var(--font-family-alt);
            font-weight: bold;
            color: black;
        }
        
        .article .contacts .info a {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            
            text-decoration: none;
        }
            .article .contacts .info a:hover span {
                color: #da251d;
            }
                  
.two {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;

    padding: 60px 0;
}

    .two ~ .simple-nav {
        padding-bottom: 60px;
    }

    .two > div {
        position: relative;
    }
    
    .two > .text,
    .two > div:first-child:not(.text):not(.gallery) {
        flex: 1;
        margin-right: 50px;
    }
    
    .two > .text:first-child {
        margin-right: 50px;
    }
    
    .two > .text:last-child {
        margin-left: 50px;
    }

    .two .gallery {
        overflow: hidden;
        width: 420px;
        padding: 0;
        margin: 0;
        
        list-style: none;
    }
    
        .two .gallery.videos {
            
        }
        
        .two .gallery.one-shot {
            width: 330px;
        }
        
        .two .gallery.one-shot img {
            max-width: inherit;
        }

        .two .gallery li {
            width: auto;
            float: left;
			margin: 0 0 10px 10px;
        }

        .two .gallery a {
            display: block;
            width: 130px;
        }
		
		.two .gallery.one-shot a {
			width: auto;
		}
        
        .two .gallery a.video {
            position: relative;
        }
        
            .two .gallery a.video i {
                position: absolute;
                top: 50%;
                left: 50%;

                width: 60px;
                height: 60px;

                background-color: rgba(0, 0, 0, 0.4);
                border: 1px solid rgba(255, 255, 255, 0.7);
                border-radius: 50%;

                text-align: center;
                font-size: 22px;
                line-height: 60px;
                text-indent: 2px;
                color: white;

                transform: translate(-50%, -50%);
                transition: all 0.3s ease-out;
                
                opacity: 0.8;
            }
            .two .gallery a.video:hover i {
                opacity: 1;
            }
        
        .two .gallery img {
            display: block;
            max-width: 100%;
        }
        
        .article .two .text:last-child {
            padding-bottom: 0;
        }
        
        .two .interactive-img {
            position: relative;
            width: 350px;
        }
        
            .two .interactive-img img {
                display: block;
                max-width: 100%;
            }
        
        .two .interactive-imgs {
            position: relative;
            width: 350px;
        }
        
            .two .interactive-imgs img {
                display: block;
                max-width: 100%;
            }
            
            .two .interactive-imgs a {
                display: block;
            }
            
            .two .interactive-imgs a:first-child {
                position: relative;
                z-index: 1;
                margin: 0 0 -70px 0;
                width: 75%;
            }
            
            .two .interactive-imgs a:last-child {
                width: 80%;
                margin: 0 0 0 20%;
            }

.social-share {
    padding: 15px 30px;
}

    .social-share div {
        display: inline-block;
        vertical-align: middle !important;
        line-height: 20px;
    }
    
    .social-share iframe {
        vertical-align: middle !important;
    }
        
#lesson-price {
    position: absolute;
    top: 150px;
    right: -70px;
    
    width: 136px;
    height: 150px;
    
    background: url(../images/live/price.png) center center no-repeat;
    
    font-family: 'Panton', sans-serif;

    text-transform: lowercase;
    text-align: center;
}

    #lesson-price span {
        position: relative;
        display: block;
        margin: -20px 0 0 0;
    }

    #lesson-price strong {
        display: block;
        padding: 30px 0 0 0;
        
        font-weight: bold;
        font-style: italic;
        font-size: 48px;
        line-height: 48px;
        color: #ededed;
    }

    #lesson-price b {
        display: block;
        padding: 0 0 38px 0;
        
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        color: #ededed;
    }

    #lesson-price i {
        display: block;
        font-style: normal;
        font-weight: normal;
    }
	
#vote-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
    background: rgba(0,0,0,0.5);
    z-index: 100;
}

    #vote-popup > div {
        position: relative;
        max-width: 550px;
        padding: 30px;
        
        background: #f1efea;
        font-family: 'Panton', sans-serif;
    }
    
        #vote-popup > div .text {
            margin-bottom: 15px;
            text-align: center;
            font-weight: bold;
            line-height: 1.5;
        }
        
        #vote-popup > div .text p {
            margin: 0 0 15px 0;
        }
    
        #vote-popup > div > a {
            position: absolute;
            top: 7px;
            right: 15px;

            line-height: 30px;
            font-size: 30px;
            font-weight: bold;
            text-decoration: none;
            color: #333;
        }
        
        #vote-popup > div nav {
            text-align: center;
        }
        
            #vote-popup > div nav a {
                display: inline-block;
                padding: 10px 20px;
                
                background-color: #d81b1b;
                
                font-size: 18px;
                font-weight: 500;
                color: white;
            }
            
#podcast-header-form {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    overflow: hidden;
    padding: 60px 0 120px 0;
}

    #podcast-header-form > div {
        flex: 1;
        box-sizing: border-box;
        padding-right: 15px;
    }

    #podcast-header-form ul {
        padding-left: 20px;
        
        font-family: var(--font-headers);
        font-size: 18px;
        text-shadow: 1px 1px 2px black;
        color: white;
    }

        #podcast-header-form ul li {
            margin-bottom: 15px
        }

        .the-title #podcast-header-form h2 {
            margin-bottom: 30px;
            padding: 0;

            background: none;

            font-size: 40px;
        }

            .the-title #podcast-header-form h2 b {
                margin: 0;

                line-height: 58px;
                font-size: 40px;
                text-align: left;
            }

    #podcast-header-form form {        
        flex-basis: 250px;
        margin-top: 20px;
    }

        #podcast-header-form form input {
            margin-bottom: 10px;
        }

        #podcast-header-form form button {
            width: 100%;
            padding: 8px 5px;

            background: #df3637;
            border: none;

            font-family: var(--font-headers);
            font-size: 14px;
            color: white;
        }
        
#podcast-studio-body {

}

    #podcast-studio-body .text {
        padding: 1px 30px;
        text-align: justify;
    }

    #podcast-studio-body .page {
        padding: 40px 0;
    }

        #podcast-studio-body .page:nth-child(2n-1) {
            background: white;
        }
    
        #podcast-studio-body .page h3 {
            margin: 0;
            padding: 10px 0 30px 0;
                
            text-align: center;
            font-size: 26px;
            font-weight: 700;
            font-style: italic;
        }
        
        #podcast-studio-body .page h3 a {
            color: white;
        }
        
    #podcast-studio-body .page-services {
        
    }
    
        #podcast-studio-body .page-services p {
            text-align: center;
        }
    
        #podcast-studio-body .page-services ul {
            display: flex;
            margin: 0;
            padding: 0;

            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;

            list-style: none;
        }

            #podcast-studio-body .page-services ul li {
                display: flex;
                width: 220px;
                height: 220px;
                margin: 5px;

                flex-direction: column;
                justify-content: flex-end;
                align-items: center;

                background: #df3637;
            }
            
            #podcast-studio-body .page-services ul i {
                margin-bottom: 10px;
                font-size: 70px;
                color: white;
            }
            
                #podcast-studio-body .page-services ul i.fa-sliders-h {
                    transform: rotate(90deg);
                }

            #podcast-studio-body .page-services ul strong {
                display: flex;
                height: 90px;
                padding: 0 10px;

                flex-direction: column;
                justify-content: center;
                align-items: center;

                text-align: center;
                font-family: var(--font-headers);
                font-size: 16px;
                color: white;
            }
            
    #podcast-studio-body .page.information {
        
    }
    
        #podcast-studio-body .page.information .wrapper {
            display: flex;
            flex-wrap: wrap;
        }
        
            #podcast-studio-body .page.information h3 {
                flex: 0 0 100%;
            }
        
            #podcast-studio-body .page.information .wrapper > ul {
                overflow: hidden;
                display: flex;
                margin: 0;
                padding: 0;
                max-width: 500px;
                
                flex-direction: row;
                flex-wrap: wrap;
                align-content: flex-start;
                justify-content: center;
                align-items: center;
                
                list-style: none;
            }
            
            #podcast-studio-body .page.information .wrapper > ul li {
                margin: 5px;
            }
            
            #podcast-studio-body .page.information .wrapper > ul a {
                display: block;
                width: 120px;
                height: 120px;
                
                background-position: center center;
                background-size: cover;
            }
            
            #podcast-studio-body .page.information .wrapper .text {
                flex: 1;
            }
            
            #podcast-studio-body .page.information nav {
                flex: 0 0 100%;
                margin-top: 20px;

                text-align: center;
            }
            
            #podcast-studio-body .page.information nav a {
                display: inline-block;
            }
            
                #podcast-studio-body .page.information nav a.button {
                    padding: 9px 15px 10px 15px;

                    background-color: black;
                    color: white;
                }
                
                
    #podcast-studio-body .page.slider {
        background-color: #DA251D;
    }
    
        #podcast-studio-body .page.slider h3 {
            color: white;
        }
    
        #podcast-studio-body .page.slider .carousel {
            max-width: 1000px;
            margin: 0 auto;
            height: 250px;
        }

            #podcast-studio-body .page.slider .carousel li {
                width: 300px;
                height: 250px;
            }
            
            #podcast-studio-body .page.slider .carousel li > div {
                display: flex;
                margin: 15px;
                height: 220px;
                box-sizing: border-box;
                
                flex-direction: column;
                justify-content: center;
                align-items: center;
                
                background-color: white;
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
                border: 1px solid rgba(0, 0, 0, 0.2);
            }

            #podcast-studio-body .page.slider .carousel li em {
                display: block;
                
                font-size: 13px;
            }
            
                #podcast-studio-body .page.slider .carousel li em i {
                    color: #999;
                }
                
                #podcast-studio-body .page.slider .carousel li em i.active {
                    color: #F8C908;
                }
            
            #podcast-studio-body .page.slider .carousel li strong {
                font-family: var(--font-headers);
                font-style: italic;
                
            }
            
            #podcast-studio-body .page.slider .carousel li p {
                padding: 0 25px;
                font-size: 13px;
                text-align: center;
            }
            
            #podcast-studio-body .page.slider .carousel > nav a {
                width: 40px;
                height: 40px;
                top: 50%;
                margin-top: -20px;
                
                background: black;
            }
                #podcast-studio-body .page.slider .carousel > nav a::before {
                    margin-top: -7px;
                }
                #podcast-studio-body .page.slider .carousel > nav a.disabled {
                    opacity: 0.4;
                }
            
            #podcast-studio-body .page.slider .carousel > nav a.prev {

            }
            
            #podcast-studio-body .page.slider .carousel > nav a.next {

            }
            
    #podcast-studio-body .page.what-is {
        position: relative;
        
        padding: 80px 0 150px 0;
        background-color: black;
        background-size: cover;
        
        color: white;
    }
    
        #podcast-studio-body .page.what-is::before {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            content: "";
            
            background: url(../images/live/podcast/slide-bg.jpg) no-repeat center center;
            opacity: 0.3;
        }
        
        #podcast-studio-body .page.what-is .wrapper {
            position: relative;
            z-index: 1; 
        }
    
        #podcast-studio-body .page.what-is .text {
            text-align: center;
        }
        
    #podcast-studio-body .page.contacts {
        text-align: center;
    }
    
        #podcast-studio-body .page.contacts .text {
            text-align: center;
        }
        
        #podcast-studio-body .page.contacts i {
            color: red;
        }

#testimonials {
    padding: 70px 0;
    
    background-color: #da251d;
}

    #testimonials h3 {
        padding: 0 20px 30px 20px;

        font-family: 'Panton', sans-serif;
        font-size: 26px;
        font-style: italic;
        font-weight: bold;
        text-align: center;
        
        color: white;
    }
    
    #testimonials .list {
        width: 900px;
        width: calc(100% - 120px);
        margin: 0 auto;
    }
    
       #testimonials .slick-slider .slick-list, #testimonials .slick-slider .slick-track {
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
        }

        #testimonials .list .slick-slide, #testimonials .list .slick-slide > div {
            display: flex;
            flex: 1;
            align-items: stretch;
        }    

        #testimonials .list .slick-slide {
            box-sizing: border-box;
            width: 300px;
            padding: 10px 8px;
            outline: none;
            
            animation: fade-in 0.3s ease-out;
        }

        #testimonials .list .item {
            display: flex !important;
            justify-content: center;
            flex-direction: column;
            box-sizing: border-box;
            padding: 15px 20px;

            background-color: white;
            box-shadow: 0 6px 10px -6px rgba(0,0,0,0.5);
            border-radius: 3px;

            font-size: 14px;
            color: #4B4A4A;

            opacity: 0.5;
            transition: all 0.5s ease-out;
        }

            #testimonials .list .slick-current .item {
                opacity: 1;
            }

            #testimonials .list .item .text {
                padding: 15px 15px 0 15px;
                text-align: center;
                font-style: italic;
                color: #7A8191;
            }
            
            #testimonials .list .item p {
                margin: 0 0 10px 0;
            }
            
            #testimonials .list .item .name {
                display: block;
                padding: 0 15px;
                text-align: center;
            }
                #testimonials .list .item .name:last-child {
                    padding-bottom: 15px;
                }
            
            #testimonials .list .item .title {
                display: block;
                padding: 0 15px 15px 15px;
                
                font-style: italic;
                text-align: center;
                font-size: 11px;
            }
            
            #testimonials .list .slick-prev,
            #testimonials .list .slick-next {
                position: absolute;
                top: 43%;
                left: -50px;
                width: 41px;
                height: 41px;
                margin: 0;
                
                background-color: black;
                border: none;
                
                line-height: 41px;
                font-size: 20px;
                color: white;
                
                cursor: pointer;
                z-index: 1;
            }
            
            #testimonials .list .slick-next {                           
                left: auto;
                right: -50px;
            }    
            
#contacts {
    padding: 70px 0;
    
    background-color: white;
}
    
    #contacts h3 {
        padding: 0 20px 20px 20px;

        font-family: 'Panton', sans-serif;
        font-size: 26px;
        font-style: italic;
        font-weight: bold;
        text-align: center;
    }
    
    #contacts .content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #contacts .tour {
        margin: 0 10px;
        
        transition: all 0.3s ease-out;
    }
    
    #contacts .tour:hover {
        transform: rotate(5deg);
    }
    
    #contacts .text {
        margin: 0 10px;
        width: 350px;
    }
    
        #contacts .text a {
            color: #666;
        }

        #contacts .text i {
            font-size: 35px;
            margin: 0 5px;
            color: #666;
        }
        
        #contacts .text p:last-child {
            margin: 30px 0 0 0;
        }
        
.slides {

}

    .slides > div {
        background-color: white;
    }

    .slides > div:nth-child(2n-1) {
        background-color: #f1efea;
    }
    
    .slides.reverse > div {
        background-color: #f1efea;
    }
    
    .slides.reverse > div:nth-child(2n-1) {
        background-color: white;
    }
    
    .slides .text h3 {
        padding-top: 0;
        color: black;
        text-align: left;
        text-transform: none;
        font-size: 24px;
    }
    
.prices-form {
    padding: 60px 0;
}

    .prices-form h3 {
        text-align: center;
        font-style: italic;
        font-weight: bold;
        font-size: 22px;
    }
    
    .prices-form .text {
        padding: 15px 20px 25px 20px;
    }
    
    .prices-form form {
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
    }
    
        .prices-form form input,
        .prices-form form textarea {
            margin-bottom: 15px;
            border-radius: 3px;
        }

        .prices-form form button {
            min-width: 180px;
            padding: 14px 25px;

            background: #D02C27;
            border: none;
            border-radius: 3px;
            color: white;
            font-size: 16px;
            font-weight: bold;
            line-height: 1em;
            
            transition: all 0.3s;
        }
        .prices-form form button:hover {
            background: black;
        }
            
#support {
    padding: 70px 0;
    
    background-color: #f1efea;
}
    #support:last-of-type {
        background-color: #f9f8f7;
    }

    #support h3 {
        padding: 0 20px 20px 20px;

        font-family: 'Panton', sans-serif;
        font-size: 26px;
        font-style: italic;
        font-weight: bold;
        text-align: center;
    }
            
    #support form {
        position: relative;
        box-sizing: border-box;
        max-width: 480px;
        margin: 40px auto 20px auto;
        padding: 30px 20px 20px 20px;
        
        border: 1px solid #D8D8D8;
    }
    
        #support form::before {
            content: '';
            position: absolute;
            width: 240px;
            height: 26px;
            top: -14px;
            left: 50%;
            
            transform: translateX(-50%);
            
            background: #F1EFEA url(../images/live/paypal.png) no-repeat center center;
            background-size: contain;
        }
        
        #support form nav {
            text-align: center;
        }
        
            #support form nav button {
                width: 75px;
                height: 70px;
                margin: 5px;

                background-color: white;
                border: none;
                box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);

                font-weight: bold;
                font-size: 15px;

                cursor: pointer;
                transition: all 0.3s;
            }
                #support form nav button:hover {
                    background-color: #da251d;
                    color: white;
                }
        
        #support form input[name='amount'] {
            display: block;
            box-sizing: border-box;
            margin: 15px auto 20px auto;
            padding: 10px 20px;
            width: 200px;
        }
        
        #support form button[type='submit'] {
            display: block;
            width: 200px;
            padding: 14px 25px;
            margin: 0 auto;
            
            background-color: #da251d;
            border: none;
            border-radius: 3px;
            
            text-align: center;
            font-weight: bold;
            font-size: 16px;
            color: white;  
            
            cursor: pointer;
            
            transition: all 0.3s ease-out;
        }
            #support form button[type='submit']:hover {
                background-color: #333;
                color: white; 
            }
        
    #support .or {
        display: block;
        
        text-transform: uppercase;
        text-align: center;
        font-size: 18px;
        font-weight: 800;
    }
    
    #support .bank-account {
        text-align: center;
    }
    
    #support .ways {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 50px 0 0 0;
    }
    
    #support .ways a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 200px;
        padding: 30px 20px;
        margin: 0 5px 10px 5px;
        
        background: white;
        
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 800;
        font-family: 'Panton', sans-serif;
        color: black;
        
        transition: all 0.3s ease-out;
    }
    
        #support .ways a:hover {
            text-decoration: none;
            background-color: #CE2E30;
            color: white;
        }    
        
        #support .text {
            text-align: justify;
        }
        
#social-effect {
    padding: 70px 0;
    background: url(../images/live/social-effect.jpg) no-repeat center center;
    background-size: cover;
    color: white;
}

    #social-effect h3 {
        padding: 0 20px;

        font-family: 'Panton', sans-serif;
        font-size: 26px;
        font-style: italic;
        font-weight: bold;
        text-align: center;
    }
    
    #social-effect .text {
        padding: 20px;
    }
    
    #social-effect ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        margin: 0;
        padding: 0;
        
        list-style: none;
    }
    
        #social-effect ul li {
            display: flex;
            justify-content: center;
            align-items: stretch;
        }
        
        #social-effect ul a {
            display: block;
            width: 320px;
            padding: 15px;
            margin: 10px;
            
            background: white;
            color: #333;
            
            text-decoration: none;
            
            transition: all 0.3s ease-out;
        }
        
            #social-effect ul a:hover {
                background: #eb212e;
                color: white;
            }
    
        #social-effect ul i {
            display: block;
            margin-top: 25px;
            
            text-align: center;
            font-style: normal;
            font-weight: bold;
            font-size: 13px;
        }
        
        #social-effect ul strong {
            display: block;
            padding: 10px 0 30px 0;
            
            font-family: 'Panton', sans-serif;
            font-style: italic;
            font-weight: bold;
            text-align: center;
        }
        
        #social-effect ul span {
            display: block;
            
            font-size: 13px;
            text-align: justify;
        }
        
#newsletter {
    padding: 60px 0 70px 0;
    
    background: black;
    color: white;
}

    #newsletter h2 {
        margin-bottom: 20px;
        font-size: 34px;
        font-style: italic;
        text-align: center;
    }

    #newsletter .wrapper {
        max-width: 600px;
    }
    
    #newsletter .text {
        text-align: center;
    }
    
    #newsletter form {
        text-align: center;
    }
    
        #newsletter form label {
            display: block;
            max-width: 400px;
            margin: 40px auto 30px auto;
        }
    
        #newsletter form input {
            width: 100%;
            padding: 10px 10px;
            
            background: transparent;
            border: none;
            border-bottom: 2px solid rgba(255, 255, 255, 0.4);
            
            color: var(--color-invert);
            
            outline: none;
            transition: all 0.3s ease-out;
        }
        #newsletter form input:focus {
            border-bottom-color: rgba(255, 255, 255, 1);
        }
        
        #newsletter form button {
            position: relative;
            min-width: 180px;
            padding: 14px 25px;
            
            background: red;
            border-radius: 3px;
            border: none;
            
            font-weight: bold;
            font-size: 16px;
            
            transition: all 0.3s ease-out;
        }
            #newsletter form button:not(.loading):hover {
                background: white;
                color: red;
            }
            
            #newsletter form button.loading {
                color: rgba(255, 255, 255, 0.3);
            }
            
            #newsletter form button.loading::after {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                
                width: 20px;
                height: 20px;
                margin: -13px 0 0 -13px;
                
                border: 3px solid rgba(255, 255, 255, 0.6);
                border-bottom-color: white;
                border-radius: 50%;
                
                animation: rotate 1s linear 0;
                animation-iteration-count: infinite;
            }
        
#musicians {
    padding: 60px 0 30px 0;
}
        
    #musicians h3 {
        position: relative;
        padding: 0 20px;

        font-family: 'Panton', sans-serif;
        font-style: normal;
        font-size: 26px;
        font-weight: bold;
        color: #333;
        text-transform: uppercase;
        text-align: center;
    }
    
    #musicians nav {
        padding-top: 30px;
        text-align: center;
    }
    
        #musicians nav a {
            display: inline-block;
            padding: 10px 20px;
            background: black;
            border-radius: 3px;
            color: white;
        }

    #musicians ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        list-style: none;
        margin: 0;
        padding: 30px 0 0 0;
    }
    
        #musicians ul li {
            box-sizing: border-box;
            width: 300px;
            margin: 10px;
            padding: 15px;
            
            background-color: #f1efea;
            border-radius: 3px;
            
            animation: fade-in 0.3s ease-out;
        }
        
        #musicians ul a {
            display: block;
            text-decoration: none;
        }
    
        #musicians ul img {
            display: block;
            max-width: 100%;
        }
        
        #musicians ul strong {
            display: block;
            padding: 10px 0 0 0;
            font-family: 'Panton', sans-serif;
            font-size: 20px;
            font-style: italic;
            font-weight: bold;
            color: #333;
            text-align: center;
        }
        
        #musicians ul b {
            display: block;
            font-family: 'Panton', sans-serif;
            font-size: 18px;
            color: #333;
            text-align: center;
        }
        
#invite-musician {
    padding: 60px 0;
}
    
    #invite-musician h2 {
        text-align: center;
        font-style: italic;
    }
    
    #invite-musician nav {
        text-align: center;
    }
    
    #invite-musician nav a {
        display: inline-block;
        margin: 0 10px;
        padding: 10px 15px;
        min-width: 150px;
        
        background-color: black;
        border-radius: 3px;
        
        font-weight: bold;
        color: white;
        text-decoration: none;
        
        transition: all 0.3s ease-out;
    }   
        #invite-musician nav a.facebook {
            background-color: #4267b2;
        }
    
        #invite-musician nav a:hover {
            filter: brightness(1.3);
        }
        
#studio-article {

}

    #studio-article .text {
        padding-top: 0;
    }
    
    #studio-article .text h2:first-child {
        padding-top: 0;
        
        font-style: normal;
        font-size: 26px;
        font-weight: 700;
        color: black;
    }
    
    #studio-article .our-initiatives {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 30px 0;
    }
    
        #studio-article .our-initiatives > div {
            width: 220px;
            margin: 0 20px;
            
            text-align: center;
        }
        
        #studio-article .our-initiatives a {
            display: block;
        }
        
        #studio-article .our-initiatives img {
            display: block;
            margin: 0 auto;
            height: 80px;
        }
        
        #studio-article .our-initiatives p {
            margin-top: 15px;
            font-size: 14px;
        }
        
#project-graph {
    padding: 60px 0;
}

    #project-graph h2 {
        margin-bottom: 20px;
        
        font-style: italic;
        text-align: center;
    }

    #project-graph picture {
        display: block;
        padding: 20px;
    }

        #project-graph picture img {
            display: block;
            max-width: 100%;
        }
        
.youtube-carousel {
    position: relative;
    width: 100%;
    padding: 20px 0;
}

    .youtube-carousel ul {
        clear: both;
        display: flex;
        position: relative;
        padding: 0;
        margin: 0 auto;
        list-style: none;
    }
    
        .youtube-carousel ul li {
            float: left;
            margin: 5px;
        }    
        
            .youtube-carousel ul li:first-child {
                margin-left: 0;
            }
            
            .youtube-carousel ul li:last-child {
                margin-right: 0;
            }

        .youtube-carousel ul a {
            display: block;
            position: relative;
            
            text-decoration: none;
        }
        
        .youtube-carousel ul a i {
            position: absolute;
            top: 50%;
            left: 50%;
            
            font-size: 50px;
            color: rgba(255, 255, 255, 0.5);
            
            transform: translate(-50%, -50%);
            transition: all 0.3s ease-out;
        }
            .youtube-carousel ul a:hover i {
                color: rgba(255, 255, 255, 1);
            }
        
        .youtube-carousel ul img {
            display: block;
            width: 250px;
        }
        
        .youtube-carousel nav {
            
        }
        
            .youtube-carousel nav a {
                position: absolute;
                top: 50%;
                left: 0;
                
                width: 40px;
                height: 40px;
                
                background: rgba(218, 37, 29, 0.9);
                text-align: center;
                font-size: 22px;
                line-height: 40px;
                text-indent: -1px;
                color: white;
                
                animation: fade-in 0.3s ease-out;
                transform: translateY(-50%);
                z-index: 1;
            }
            .youtube-carousel nav a.next {
                left: auto;
                right: 0;
                text-indent: 1px;
            }
            
            .youtube-carousel nav a.disabled {
                display: none;
            }
            
.videos-present {
    padding: 70px 0;
}

    .videos-present h3 {
        padding: 0 20px 30px 20px;

        font-family: 'Panton', sans-serif;
        font-size: 26px;
        font-style: italic;
        font-weight: bold;
        text-align: center;
    }
    
    .videos-present .simple-nav {
        margin-top: 40px;
    }
    
    .videos-present .list {
        width: 900px;
        width: calc(100% - 120px);
        margin: 0 auto;
    }
    
       .videos-present .slick-slider .slick-list, .videos-present .slick-slider .slick-track {
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
        }

        .videos-present .list .slick-slide, .videos-present .list .slick-slide > div {
            display: flex;
            flex: 1;
            align-items: stretch;
        }    

        .videos-present .list .slick-slide {
            box-sizing: border-box;
            width: 480px;
            padding: 10px 8px;
            outline: none;
            
            animation: fade-in 0.3s ease-out;
        }

        .videos-present .list .item {
            display: flex !important;
            justify-content: center;
            flex-direction: column;
            box-sizing: border-box;
            position: relative;
            
            opacity: 0.5;
            transition: all 0.5s ease-out;
        }

            .videos-present .list .slick-current .item {
                opacity: 1;
            }
            
            .videos-present .list .item a {
                display: block;
                position: relative;
                box-shadow: 0 6px 10px -6px rgba(0,0,0,0.5);
            }

            .videos-present .list .item img {
                display: block;
                max-width: 100%;
            }
            
            .videos-present .list .item strong {
                display: block;
                padding-top: 20px;
                
                text-align: center;
                font-family: 'Panton', sans-serif;
                font-weight: bold;
            }
            
            .videos-present .list .item .fa-play {
                position: absolute;
                top: 50%;
                left: 50%;
                
                font-size: 80px;
                color: rgba(255, 255, 255, 0.7);
                
                transform: translate(-50%, -50%);
                transition: all 0.3s;
            }

                .videos-present .list .item:hover .fa-play {
                    color: rgba(255, 255, 255, 1);
                }
            
            .videos-present .list .slick-prev,
            .videos-present .list .slick-next {
                position: absolute;
                top: 43%;
                left: 50%;
                width: 41px;
                height: 41px;
                margin: 0;
                
                transform: translateX(-260px);
                
                background-color: black;
                border: none;
                
                line-height: 41px;
                font-size: 20px;
                color: white;
                
                cursor: pointer;
                z-index: 1;
            }
            
            .videos-present .list .slick-next {                           
                transform: translateX(220px);
            }    
            
#team {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

#team .item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 210px;
    background-color: #F1EFEA;
}

#team.invert .item {
    background-color: white;
}

#team .item strong {
    margin: 0;
    padding: 15px 15px 0 15px;
    font-family: 'Panton', sans-serif;
    font-size: 16px;
    text-align: center;
}

#team .item span {
    padding: 0 15px 15px 15px;
    text-align: center;
    font-size: 13px;
}

#team .item a {
    filter: grayscale(1);
    transition: all 0.3s ease-out;
}

#team .item a:hover {
    filter: grayscale(0);
}

#team .item img {
    display: block;
    max-width: 100%; 
}
      
#empty-page {
    padding: 40px 20px;
    
    font-family: 'Panton', sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
}

#careers-list {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 40px 0;
    list-style: none;
    gap: 30px;
}

#careers-list li {
    display: flex;
    width: 200px;
    overflow: hidden;
    
    background-color: white;
    border-radius: 3px;
    
    transition: all 0.3s ease-out;
}

#careers-list li:hover {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

#careers-list a {
    flex: 1;
    
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#careers-list a:hover {
    text-decoration: none;
}

#careers-list a img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 150px;
}

#careers-list a b {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    text-align: center;
    font-size: 16px;
}

#careers-list a:hover b {
    
}

.technics {
    
}

.technics .wrapper {
    padding: 70px 0;
}

.technics header {
    padding: 0 0 25px 0;
    text-align: center;
}

.technics header h3 {
    font-size: 24px;
    font-family: 'Panton', sans-serif;
    font-style: italic;
    font-weight: 700;
}

.technics nav {
    padding: 25px 0 0 0;
    text-align: center;
}

.technics nav a {
    display: inline-block;
    padding: 10px 15px;
    
    background: red;
    border-radius: 3px;
    
    font-weight: bold;
    color: white;
}

.technics ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 10px;
}

.technics ul li {
    display: flex;
    flex-direction: column;
    width: 210px;
    
    background-color: #F1EFEA;
}

#main.stripped > *:nth-child(2n).technics,
#main.stripped > *:nth-child(2n)#technics-text {
    background-color: #F1EFEA;
}

#main.stripped > *:nth-child(2n).technics ul li {
    background-color: white;
}

.technics ul li .img {
    margin: 10px 10px 0 10px;
    background: white;
}

.technics ul li img {
    display: block;
    max-width: 100%;
    max-height: 190px;
}

.technics ul li strong {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    
    text-align: center;
    font-size: 18px;
    font-family: 'Panton', sans-serif;
    font-weight: 700;
    color: black;
}

#technics-text {
    padding: 70px 0;
}

#technics-text .wrapper {
    max-width: 800px;
}

#technics-text header {
    text-align: center;
}

#technics-text header h3 {
    margin-bottom: 20px;
    
    font-size: 22px;
    font-family: 'Panton', sans-serif;
    font-style: italic;
    font-weight: 700;
}

#technics-text .text {
    text-align: justify; column-count: 2;
}

#technics-text .text ul {
    margin-bottom: 30px;
}

#technics-text .part-1 strong {
    font-size: 18px;
    font-family: 'Panton', sans-serif;
    font-style: italic;
    font-weight: 700;
}

#technics-text .part-2 {
    margin: 15px 0 0 0;
    padding: 30px 0 0 0;
    border-top: 1px solid #cfcfcf;
}

#technics-text .part-2 strong {
    font-size: 22px;
    font-family: 'Panton', sans-serif;
    font-style: italic;
    font-weight: 700;
}
        
.text {
    padding: 1px 20px;
}

    .with-aside .text {
        padding: 1px 80px;
    }

    .text ol, .text ul {
        overflow: hidden;
    }

        .text ol li, .text ul li {
            padding-bottom: 15px;
        }
        
        .text ol > li:last-child, .text ul > li:last-child {
            padding-bottom: 0;
        }
        
    .text img {
        max-width: 100%;
    }
    
    .text iframe {
        width: 100% !important;
        border: none;
    }
    
    .text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {
        padding: 15px 0;
        
        text-align: center;
        text-transform: uppercase;
        font-family: 'Panton', sans-serif;
        font-weight: 700;
        font-style: italic;
        color: #eb212e;
    }
    
    .text .no-decoration {
        text-decoration: none;
    }
            
            
/* Global animations */
@keyframes show-list-item {
    0% {
        opacity: 0;

        transform: translateY(-2%)
    }
    100% {
        opacity: 1;

        transform: translateY(0)
    }
}

@keyframes show-list-item-to-up {
    0% {
        opacity: 0;

        transform: translateY(2%)
    }
    100% {
        opacity: 1;

        transform: translateY(0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}@media all and (max-width: 1020px) {
	.wrapper {
		width: 740px;
	}
    
    .two {
        flex-direction: column;
    }
    
    .two .gallery {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		
        width: auto;
    }
    
    .two .gallery.videos {
        width: auto;
    }
    
    .two > .text:first-child, .two > .text:last-child {
        margin: 0;
    }

	#menu {
		padding-top: 0;
	}

		#menu h1 {
			float: none;
			margin: 0 auto;
            padding-top: 5px;
			width: 159px;
		}

			#menu h1 a {
				
			}

		#menu nav {
			float: none;
			text-align: center;
		}

		#menu nav ul {
			float: none;
			padding: 0;
			height: auto;

			border-right: none;

			text-align: center;
		}

		#menu nav ul > li {
			display: inline-block;
			float: none;
		}

		#menu nav ul > li:first-child,
		#menu nav ul > li {
			padding: 0 0 0 10px;
		}

		#menu nav ul > li::before {
			display: none;
		}

		#menu nav .menu button {
			position: absolute;
			top: 15px;
			right: 30px;
		}
        
        #menu nav ul > li:last-child {
			position: absolute;
			top: 15px;
			right: 20px;   
        }

		#menu nav .language {
			position: absolute;
			width: auto;
			top: 15px;
			right: 0;
		}

		#menu nav .language a {
			margin: 0 10px;
		}


		#menu nav .book-hours::before {
			display: none;
		}

		#menu nav .support, #menu nav .tour, #menu nav .book-hours  {
			float: none;
			display: inline-block;
			margin: 0 5px;
		}

		#header .the-title .music-for-bulgaria {
			width: 100%;
			text-align: center;
		}

	#header .the-title h2 b {
		margin: 0 20px;
		font-size: 30px;
		line-height: 45px;
	}
    
    #header .the-title .wrapper.with-big-icon.is-empty-icon {
        min-height: 300px;
    }

	#header .the-title .big-icon .video-presentation {
		left: 50%;
		margin-left: -76px;
	}

	#wrapper > main.with-big-icon {
		padding-top: 30px;
	}

    #main.with-aside {
    	float: none;
    	margin: 0 auto;
    }

    #header .the-title .wrapper .description {
    	width: 100%;
    	box-sizing: border-box;
    	padding: 0 20px;
    }

    #aside {
    	float: none;
    	margin: 25px auto 0 auto;
    	width: 640px;
    }

	    #aside .fb-page {
	    	display: block;
	    	margin: 0 auto;

	    	text-align: center;
	    }

			#aside .aside-img-list li:nth-child(2n+1) {
				clear: none;
			}

			#aside .aside-img-list li:nth-child(4n+1) {
				clear: both;
			}

	.instruments-list a {
		width: 138px;
		height: 165px;
	}

	.teachers-list {
		padding: 20px 0 50px 20px;
	}

		.teachers-list li:nth-child(6n+1) {
			clear: none;
		}

		.teachers-list li:nth-child(5n+1) {
			clear: both;
		}

	#main.recalculate-height {
		min-height: 0 !important;
	}

	.gallery-list a {
		width: 230px;
	}

	.gallery-list img {
		margin: 0 auto;
	}

	.column-type {
		display: block;
	}

	.column-type > #menu, .column-type > #main.with-aside, .column-type > #aside {
		display: block;
	}

	#project-picker .wrapper {
		width: 100%;
		left: 0;
		transform: translate(0, -50%);
	}

		#project-picker ul {
			text-align: center;
			font-size: 0;
		}

		#project-picker li {
			display: inline-block;
			float: none;
			width: 30%;
		}

		#project-picker ul:hover li {
			width: 30%;
		}

		#project-picker ul:hover li:hover {
			width: 33%;
		}

		#project-picker li h6 {
			width: 240px;
			margin-top: 70px;
		}

		#project-picker li p {
			width: 190px;
		}

		#project-picker li nav {
			display: block;
			position: inherit;
			left: auto;
			bottom: auto;
		}

			#project-picker li:hover nav {
				bottom: auto;
			}

			#project-picker li nav a {
				display: block;
				float: none;
				width: 100%;

				font-size: 12px;
				font-weight: bold;
			}
            
            
    #header .the-title .wrapper .description .img {
        width: 190px;
    }
    
    #podcast-studio-body .page.information .wrapper {
        display: block;
    }
    
    #podcast-studio-body .page.information .wrapper > ul {
        margin: 0 auto;
    }
    
    .article .contacts .wrapper {
        flex-direction: column;
    }
}

@media all and (max-width: 700px) {
    
    #home-form {
        flex-direction: column;
        align-items: center;
    }
    
    #home-form > form {
        margin-top: 40px;
    }
    
	.wrapper {
		width: 100%;
		min-width: 320px;
	}

	#main.with-aside {
		width: 100%;
	}

	.with-aside .article header h1 {
		padding: 0 20px;
	}

	.with-aside .text {
		padding: 1px 20px;
	}

	.list-articles h3 {
		padding: 0 20px 10px 20px;

		font-size: 22px;
	}

	.list-articles p {
		padding: 0 20px;
	}

	.list-articles .view {
		margin-left: 20px;
	}
    
    .list-articles .wrap {
        padding: 20px 20px 10px 20px;
    }

	#aside {
		width: 100%;
		box-sizing: border-box;;
		padding: 0 20px;
	}

	#footer nav {
		box-sizing: border-box;
		padding: 10px 0;
		width: 100%;
	}

    .csscolumns #footer nav {
        -webkit-column: 2;
        -webkit-column-width: 50;

        -moz-column: 2;
        -moz-column-width: 50;
        
        columns: 2;
        column-width: 50%;
    }

    .csscolumns #footer nav a {
    	padding: 0 10px;
    }

    #footer nav.social {
    	float: none;
    	width: 100%;
    }

    #footer ul {
    	text-align: center;
    }

	    #footer ul img {
	    	display: block;
	    	max-width: 100%;
	    }

	    #footer ul li {
	    	display: block;
            padding: 5px 0;
	    	width: 100%;
	    }

    .gallery-list a {
    	width: 186px;
    }

    .reviews-list {
    	padding: 15px 20px 15px 20px;
    }

    #aside .aside-img-list li {
    	margin-left: 9px;
    	width: 30%;
    }

    	#aside .aside-img-list li a {
    		width: auto;
    	}

	    #aside .aside-img-list li:nth-child(4n+1) {
	    	clear: none;
	    }

	    #aside .aside-img-list li:nth-child(3n+1) {
	    	clear: both;
	    }

    #header .the-title .wrapper .description .left-part,
    #header .the-title .wrapper .description .right-part  {
    	float: none;
    	width: 100%;
    	margin-bottom: 10px;

    	text-align: left;
    }

    #main.with-aside.type-lesson {
    	width: 100%;
    }

    #aside .aside-img-list li em {
    	padding: 45px 5px 0 5px;
    }

	#lesson-price {
		display: block;
		position: relative;
		margin: 0 auto;
		top: auto;
		right: auto;
    }

	    #lesson-price span {
	    	margin: 0;
	    	padding-top: 20px;
	    }

	    #lesson-price strong {
	    	padding: 0;
	    }

    .instruments-list li {
    	width: 30%;
    	margin: 0 0 7px 3%;
    }

    .instruments-list a {
    	width: auto;
    	height: 130px;
    }

    .instruments-list a span {
    	padding: 5px;
    }

    .gallery-list li {
    	width: 48%;
    	margin: 0 0 5px 1%;
    }

    .gallery-list a {
    	width: auto;
    }

    .article .contacts ul li {
    	float: none;
    	width: 100%;
    }

    #tagul {
    	width: 100%;
    	height: 400px;
    }

    .article header h1.line-top::before {
    	display: none;
    }

    #header .background-video video {
    	display: none;
    }

    #project-picker li nav {
    	opacity: 1;
    }

    #project-picker li {
    	width: 33%;
    	box-sizing: border-box;
    	padding: 0 5px;
    }

		#project-picker ul:hover li {
			width: 33%;
		}

		#project-picker ul:hover li:hover {
			width: 33%;
		}

	    #project-picker li h6 img {
	    	max-width: 100%;
	    }

	    #project-picker li h6 {
	    	width: auto;
	    }

	    #project-picker li p {
	    	width: auto;

	    	font-size: 12px;
	    }

	    #project-picker li h6 strong {
	    	font-size: 12px;
	    }

	    #project-picker li .comming-soon {
	    	position: relative;
	    	bottom: auto;
	    }
        
    #podcast-header-form {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #podcast-header-form > div {
        padding: 0;
    }
    
    #home-form .counters {
        justify-content: center;
    }
    
    #home-form .counters div {
        margin: 0 15px 20px 15px;
    }
    
    .the-title #home-form > div h2 b {
        text-align: center;
    }
    
    .article .contacts .info {
        flex-direction: column;
        align-items: center;
        padding: 30px 0;
    }
    
    .article .contacts .info > div:nth-child(1) {
        width: auto;
    }
    
    .article .contacts .info > div:nth-child(3) {
        width: auto;
    }
    
    .article .contacts .info > div:nth-child(2) {
        margin: 20px 0;
    }
    
    #menu h1 a {
        max-width: inherit;
    }
    
    .two .gallery {
        margin: 0 auto;
    }
    
    .prices-form {
        padding: 60px 20px;
    }
    
    .slides .text h3 {
        text-align: center;
    }
    
    #contacts .content {
        flex-direction: column;
    }
    
    #contacts .text {
        width: auto;
    }
    
    #contacts .tour {
        margin-top: 20px;
    }
}


@media all and (max-width: 540px) {
    #menu nav ul > li.line-1 .sub-menu,
    #menu nav ul > li.line-2 .sub-menu,
    #menu nav ul > li.line-4 .sub-menu,
    #menu nav ul > li.line-3 .sub-menu {
        width: 258px;
    }
    
	.two .simple-nav {
		padding: 30px 0 !important;
		text-align: center;
	}
    
    #projects ul {
        flex-direction: column;
    }
    
    #projects ul li {
        width: auto;
    }
    
    .two > .text, .two > div:first-child:not(.text):not(.gallery) {
        margin: 0;
    }
    
	.wrapper {
		width: 100%;
		min-width: 0;
	}
}

@media all and (max-width: 400px) {
    #home-form .counters {
        flex-direction: column;
        align-items: center;
    }
}