body {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 16px;
    background: transparent;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a:hover, a:active, a:focus {
    text-decoration: none;
    color: #f05d23;
}

.hero {
    /*background-image: url("../img/shutterstock_197440790.jpg");*/
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000;
    background-size: cover;
    /*background-attachment: fixed;*/
    height: 100vh;
    position: relative;
    display: table;
    width: 100vw;
    text-align: center;
}

.hero .welcome {
    position: absolute;
    bottom: 20%;
    display: block;
    text-align: center;
    width: 100%;
}

.hero .container-fluid {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 30px;
    width: 100%;
}

.inner-container {
    padding-top: 20px;
    padding-bottom: 30px;
}

.hero:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../img/dots.png");
    background-color: rgba(0, 0, 0, .4);
    opacity: .7;
}

.hero .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../img/hero-play-icon.png");
    background-repeat: no-repeat;
    background-position: 130% 130%;
    background-size: 50%;
    background: #000;
    opacity: .4;
}

.vegas-overlay {
    opacity: .9;
    background-color: rgba(0, 0, 0, .5);
}

.hero h1 {
    color: #fff;
    font-size: 4rem;
    line-height: 1.5em;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
}

.hero .btn-fitradio-lg {
    letter-spacing: 2px;
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
    padding: 10px 35px;
    display: inline-block;
}

.hero a:hover, .hero a:focus, .hero a:active, .hero a:visited {
    color: #fff;
    text-decoration: none;
}

.hero p {
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    text-align: center;
    margin-bottom: 2rem;
}

.navbar-brand {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-top: 10px;
}

.affix .navbar-brand {
    width: 174px;
    height: 23px;
    margin-top: 12px;
    padding: 0;
}

.affix-top {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1000;
}

.navbar-player.bottom {
    bottom: 0;
}

.affix-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.affix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.navbar-fitradio {
    background: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 20px;
    -webkit-transition: padding, background .5s;
    -moz-transition: padding, background .5s;
    -ms-transition: padding, background .5s;
    -o-transition: padding, background .5s;
    transition: padding, background .5s;
    margin: 0;
}

.signedin .navbar-fitradio {
    background: #24272e;
}

.navbar-fitradio .navbar-nav > li > a {
    color: #f0c223;
    background: transparent;
    text-transform: uppercase;
    font-size: 16px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    font-weight: 600;
    letter-spacing: 1px;
}

.navbar-fitradio .navbar-nav > li > a.white {
    color: #fff;
}

.navbar-fitradio .navbar-nav > li > a:hover {
    color: #fff;
}

.navbar-fitradio .navbar-nav > li > a.white:hover {
    color: #f0c223;
}

.navbar-fitradio.affix {
    padding: 0 20px;
    background: rgba(40, 40, 40, .9);
}

.route-login .navbar-fitradio,
.route-user_registration .navbar-fitradio,
.route-user_register_complete .navbar-fitradio {
    padding: 0 20px;
    background: rgba(40, 40, 40, .9);
}

.route-login .navbar-brand,
.route-user_registration .navbar-brand,
.route-user_register_complete .navbar-brand {
    width: 227px;
    height: 30px;
    margin-top: 10px;
}

.navbar-player {
    background: #24272e;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 15px 0 0;
    margin: 0;
    border: none;
    z-index: 10000;
    display: none;
    opacity: .9;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.signedin .navbar-player {
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
}

.navbar-player.affix {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    top: 50px;
}

.navbar-player a span {
    font-size: 32px;
    color: #f0c223;
}

#track-progress {
    border-radius: 0;
    height: 5px;
    margin: 15px 0 0
}

#track-progress .progress-bar {
    background: #f05d23;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.navbar-player .track-name {
    font-size: 14px;
    color: #fff;
    max-height: 37px;
    overflow: hidden;
}

#fitradio-audio {
    display: none;
}

.fitradio-player {
    text-align: center;
}

.fitradio-player .next {
    margin-right: 10px;
}

.fitradio-player a.forward {
    margin-right: 0;
}

.fitradio-player .close {
    color: #31363f;
    opacity: 1;
    text-shadow: none;
    font-size: 51px;
    line-height: 0.5;
    font-weight: 100;
    margin: 0;
}

.fitradio-player a {
    margin: 0;
}

#volume-slider {
    width: 80px;
    margin: 0 10px 8px 10px;
    display: inline-block;
}

.mute span {
    font-size: 26px !important;
    vertical-align: baseline;
}

#muteMusic {
    margin-right: 0;
}

.ui-slider-horizontal .ui-slider-handle {
    display: none;
}

.ui-slider-horizontal {
    height: .6em;
    background: #31363f;
    cursor: pointer;
}

.ui-slider-horizontal .ui-slider-range {
    background: #f0c223;
}

section {
    padding: 50px 0;
}

section.partners, section.djservice {
    padding-bottom: 0;
}

section h2 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.channels .channel {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 300px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    text-align: center;
}

.channels .channel .overlay {
    background: rgba(40, 40, 40, .82);
    padding: 15px 20px 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    height: 300px;
}

.channels .channel .overlay .bmp {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
}

.channels .channel .overlay .bmp img {
    margin-left: 5px;
}

.channels .channel.channel-1 {
    background-image: url('../img/channel-1.jpg');
}

.channels .channel.channel-2 {
    background-image: url('../img/channel-2.jpg');
}

.channels .channel.channel-3 {
    background-image: url('../img/channel-3.jpg');
}

.channels .channel h3 {
    font-size: 3.6rem;
    color: #f05d23;
    text-transform: uppercase;
    padding: 0 0 10px;
    height: 65px;
    vertical-align: middle;
    display: table-cell;
    width: 100vw;
    font-weight: 600;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.channels .channel:hover h3 {
    padding: 0 0 10px;
    height: 65px;
}

.channels .channel p {
    font-size: 1.8rem;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}

.channels .channel a.play {
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    opacity: .9;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.channels .channel a.play .fa {
    font-size: 100px;
    color: #f0c223;
}

#more-arrow {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: block;
    width: 60px;
    background: #f05d23;
    text-align: center;
    color: #fff;
    height: 30px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    line-height: 45px;
}

#more-arrow span {
    font-size: 22px;
}

#ubaplayer-fallback {
    display: none;
}

.ubaplayer-button {
    background: url("../img/btn.png") no-repeat 0 7px;
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 10px 10px 10px 25px;
    position: relative;
    width: 200px;
}

.ubaplayer-button:hover {
    background-position: 0 -33px;
}

.ubaplayer-button.ubaplayer-playing {
    background-position: 0 -73px;
}

.ubaplayer-button.ubaplayer-playing:hover {
    background-position: 0 -113px;
}

.ubaplayer-button.ubaplayer-loading:after,
.ubaplayer-button.ubaplayer-loading:hover:after {
    background: url("../img/loading.gif") no-repeat 0 7px;
    content: " ";
    height: 28px;
    left: 0;
    position: absolute;
    text-indent: 0 !important;
    top: 0;
    width: 20px;
}

#ubaplayer {
    display: none;
}

#top-box {
    display: none;
    background: #fff;
    padding: 15px 0 30px 0;
}

#top-box.error {
    background: #f05a24;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 90px;
    z-index: 10000;
}

#top-box .warning {
    display: none;
}

#top-box.error a {
    color: #fff;
}

#fitradio-modal .modal-header,
#fitradio-modal-asz .modal-header {
    background: rgb(40, 40, 40);
}

.btn-fitradio-lg {
    background: #f05d23;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    font-size: 22px;
    outline: none;
    border: none;
    padding: 15px 30px;
    text-transform: uppercase;
    line-height: 1.5;
}

.btn-fitradio-lg:hover {
    color: #fff;
    opacity: .9;
}

.btn-fitradio-sm {
    background: #f05d23;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 16px;
    outline: none;
    border: none;
    padding: 8px 10px;
    text-transform: uppercase;
    line-height: 1;
}

.btn-fitradio-sm:hover {
    color: #fff;
    opacity: .9;
}

.form-error {
    color: red;
    font-weight: bold;
}

#close-top-box {
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 70px;
    font-weight: 100;
    text-decoration: none;
    color: #999;
    z-index: 1;
    outline: none;
    opacity: 1;
}

.form-container {
    padding: 30px;
    background: rgba(0, 0, 0, .7);
}

.form-container h2,
.form-container span.text {
    color: #fff;
}

#fitradio-modal button.close,
#fitradio-modal-asz button.close {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 60px;
    font-weight: 100;
    text-decoration: none;
    color: #fff;
    z-index: 1;
    outline: none;
    opacity: 1;
}

.btn-facebook, .btn-facebook:hover {
    background: #4267B2;
    color: #fff;
    font-size: 12pt;
}

form label {
    color: #f05d23;
}

form .form-control {
    border-radius: 50px;
    border: none;
    box-shadow: none;
    padding: 5px;
    font-size: 18px;
    outline: none;
}

.form-group ul li {
    background: red;
    color: #fff;
    padding: 2px 5px 0;
}

.alert-notice {
    border-radius: 0;
    margin: 0;
    text-align: center;
    font-size: 18px;
    background: rgba(144, 238, 144, 0.61);
    color: #333;
}

.alert-danger {
    border-radius: 0;
    margin: 0;
    text-align: center;
    font-size: 18px;
    background: rgba(238, 144, 144, 0.61);
    color: #333;
}

.signedin-user {
    color: #fff;
    display: inline-block;
    padding-left: 30px;
}

.col-lg-10-5 {
    width: 100%;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}

.affix .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 1px;
    background: #fff;
}

.affix .navbar-toggle .icon-bar {
    height: 2px;
}

.navbar-toggle {
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    margin-top: 19px;
}

.navbar-collapse {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

footer {
    background: #24272e;
    padding: 20px 0;
    color: #fff;
}

footer a {
    color: #fff;
    font-size: 14px;
}

footer h4 {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 50px;
    font-weight: bold;
    letter-spacing: 1px;
}

footer ul, footer li {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer ul li {
    padding: 0;
}

.dj-order {
    font-size: 22px;
}

.djslider {
    height: 500px;
}

.djslider .slide {
    position: relative;
    overflow: hidden;
    background-size: cover;
    width: 300px;
    height: 500px;
    background-position: center center;
}

.djslider .slide .intro h4 {
    text-transform: uppercase;
    font-size: 28px;
    color: #f05d23;
    font-weight: bold;
}

.djslider .slide .intro {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    padding: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    height: 500px;
}

.djslider .slide:hover .intro {
    top: 0;
}

.djslider .prev {
    position: absolute;
    left: 15px;
    font-size: 72px;
    color: #fff;
    top: 45%;
    z-index: 1;
    cursor: pointer;
}

.djslider .next {
    position: absolute;
    right: 15px;
    font-size: 72px;
    color: #fff;
    top: 45%;
    z-index: 1;
    cursor: pointer;
}

#fitradio-modal .modal-dialog {
    width: 100%;
    margin: 0;
    padding: 0;
}

#fitradio-modal .modal-content,
#fitradio-modal-asz .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.terms, .ads {
}

#ajax-loader {
    display: none;
    opacity: 0;
    background: rgba(255, 255, 255, .8);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

#ajax-loader.open {
    display: block;
    opacity: 1;
}

#ajax-loader .ajax-loader-container {
    height: 100vh;
    width: 100%;
    display: table;
}

#ajax-loader .ajax-loader-container .img {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#ajax-loader .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
}

#social {
    color: #f5f5f5;
    margin-top: -6px;
}

#social:hover {
    color: #ffffff;
}

/* Rólunk rész */
.aboutus {
    background: #eee;
}

.aboutus-img {
    padding: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 600px;
    /*min-width: 250px;*/
    margin-bottom: 20px;
    letter-spacing: normal;
    position: relative;
}

.aboutus-img h1 {
    font-size: 32px;
    font-weight: bold;
    color: #f05d23;
    margin-bottom: 20px;
    margin-top: 0;
}

.aboutus-img h2 {
    text-transform: inherit;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 10px;
    letter-spacing: normal;
}

.aboutus-img p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.1;
}

.aboutus-img a {
    padding: 8px 40px;
    background-color: #deb424;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    border: none;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transfor-origin: 50% 100%;
}

.aboutus-logo {
    margin-top: 45px;
}

.aboutus-logo img {
    max-width: 55px;
}

.aboutus-logo p {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.05;
    margin-top: 8px;
}

/* Modal aloldalak */
.modal-black-box {
    background-color: #000;
    padding: 20px;
    margin: 20px 0;
    color: #fff;
}

.modal-partners img {
    max-width: 100%;
    margin-bottom: 20px;
}

.modal-site h1 {
    color: #ef5d24;
    font-size: 34px;
    font-weight: bold;
}

.modal-site h2 {
    color: #ef5d24;
    font-size: 28px;
}

.modal-site p {
    font-size: 18px;
}

.modal-site a {
    padding: 15px 70px;
    background-color: #deb424;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    border: none;
    margin-top: 20px;
    display: inline-block;
}

.modal-site li {
    font-size: 18px;
}

span.reverse {
    unicode-bidi: bidi-override;
    direction: rtl;
}

#mobile-warning {
    display: none;
    position: relative;
    background: #F44336;
    font-size: 90%;
    padding: 4px 15px;
    text-align: center;
    line-height: 1;
    top: -15px;
    color: #fff;
}

@media only screen and (min-width: 768px) {
    .inner-container {
        padding-top: 70px;
    }

    .aboutus-logo img {
        max-width: 100px;
    }

    .aboutus-logo p {
        font-size: 22px;
    }

    .aboutus-img {
        min-height: 650px;
    }

    .aboutus-img h1 {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .aboutus-img h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .aboutus-img p {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .aboutus-img a {
        padding: 10px 50px;
        font-size: 28px;
    }

    .hero .welcome {
        position: absolute;
        bottom: 150px;
        left: 8%;
        text-align: left;
        width: auto;
    }

    .col-lg-10-5 {
        width: 50%;
    }

    .hero {
        text-align: left;
    }

    .hero h1 {
        font-size: 9rem;
        line-height: 9rem;
        text-align: left;
    }

    .hero .btn-fitradio-lg {
        display: inline-block;
        font-size: 30px;
        letter-spacing: 2px;
        text-align: center;
        margin-top: 10px;
    }

    .hero .container-fluid {
        /*padding-bottom: 100px;*/
    }

    .hero p {
        font-size: 4rem;
        text-align: left;
    }

    .fitradio-player {
        text-align: right;
    }

    .fitradio-player .next {
        margin-right: 40px;
    }

    .fitradio-player a {
        margin: 0 10px;
    }

    /*.aboutus p.text {*/
    /*font-size: 28px;*/
    /*text-align: left;*/
    /*}*/
    section {
        padding: 100px 0;
    }

    .djslider .slide {
        position: relative;
        overflow: hidden;
        background-image: none !important;
        width: auto;
        height: auto;
    }

    section h2 {
        font-size: 4rem;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    #more-arrow {
        width: 80px;
        height: 40px;
        line-height: 55px;
    }

    .channels .channel .overlay {
        top: 210px;
    }

    .channels .channel a.play {
        bottom: 60px;
        opacity: .2;
    }

    .channels .channel:hover a.play {
        bottom: 50px;
        opacity: .9;
    }

    .channels .channel:hover .overlay {
        top: 0;
        bottom: 0;
    }

    #top-box {
        padding: 40px 15px;
    }

    .navbar-player .track-name {
        font-size: 26px;
    }

    .dj-order {
        font-size: 32px;
    }

    footer ul li {
        padding: 5px 0;
    }

    .channels .channel h3 {
        padding: 0 0 20px;
        height: 80px;
    }
}

@media only screen and (min-width: 992px) {
    .aboutus-img {
        min-height: 750px;
    }

    .aboutus-img h1 {
        min-height: 88px;
    }

    .aboutus-img p {
        margin-bottom: 15px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
    .ubaplayer-button {
        background-position: 0px -70px;
        background-size: 20px 250px;
    }

    .ubaplayer-button:hover {
        background-position: 0 -107px;
    }

    .ubaplayer-button.playing {
        background-position: 0 -144px;
    }

    .ubaplayer-button.playing:hover {
        background-position: 0 -180px;
    }
}

@media only screen and (min-width: 800px) {
    .col-lg-10-5 {
        width: 33.3333333%;
    }
}

@media only screen and (min-width: 991px) {
    .col-lg-10-5 {
        width: 33.3333333%;
    }
}

@media only screen and (max-width: 1024px) {
    .channels .channel .overlay {
        top: 0;
    }

    .channels .channel a.play {
        bottom: 50px;
        opacity: .9;
    }
}

@media only screen and (min-width: 1200px) {
    .col-lg-10-5 {
        width: 25%;
    }

    .aboutus-img h1 {
        font-size: 32px;
        margin-bottom: 20px;
        min-height: 70px;
    }

    .aboutus-img h2 {
        font-size: 23px;
        margin-bottom: 10px;
    }

    .aboutus-img p {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .aboutus-img a {
        padding: 8px 40px;
    }
}

@media only screen and (min-width: 1400px) {
    .col-lg-10-5 {
        width: 20%;
    }

    .aboutus-img {
        min-height: 800px;
    }

    .aboutus-img h1 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .aboutus-img h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .aboutus-img p {
        font-size: 21px;
        margin-bottom: 20px;
    }

    .aboutus-img a {
        padding: 10px 50px;
    }
}

@media only screen and (max-width: 767px) {
    .nav > li > a {
        padding-left: 0;
        padding-right: 0;
    }

    .signedin-user {
        padding: 0;
        display: block
    }

}

.new-logo {
    max-width: 200px;
}

.white-form-h {
    color: #fff;
    font-size: 22px;
}