.em-sec-navbar {
    position: relative;
    z-index: 10;
}

.em-top-header {
    background-image: url('https://vesmir.cz/images/gallery/layout/vesmir-plus/projekty/mars/mars_bg_02.png');
}

.cs .em-top-header,
.sk .em-top-header {
    background-image: url('https://vesmir.cz/images/gallery/layout/vesmir-plus/projekty/mars/mars_bg_02_cz.png');
}
.de .em-top-header {
    background-image: url('https://vesmir.cz/images/gallery/layout/vesmir-plus/projekty/mars/mars_bg_02_de.png');
}
.en_US .em-top-header {
    background-image: url('https://vesmir.cz/images/gallery/layout/vesmir-plus/projekty/mars/mars_bg_02_en.png');
}
.es .em-top-header {
    background-image: url('https://vesmir.cz/images/gallery/layout/vesmir-plus/projekty/mars/mars_bg_02_es.png');
}
.fr .em-top-header {
    background-image: url('https://vesmir.cz/images/gallery/layout/vesmir-plus/projekty/mars/mars_bg_02_fr.png');
}
.ru .em-top-header {
    background-image: url('https://vesmir.cz/images/gallery/layout/vesmir-plus/projekty/mars/mars_bg_02_rus.png');
}

.em-top-header {
    /* background-image: url('/assets/img/mars_bg_02.png'); */
    /* background-image: url('https://vesmir.cz/images/gallery/layout/vesmir-plus/projekty/mars/mars_bg_02.png'); */
    padding: 70px 0;
    margin: -15px 0 0;
    /* background-size: cover; */
    background-size: 100% 100%;
    background-position: bottom right;
    background-color: #782c00;
    color: #fff;
}

.em-top-header h1,
.em-top-header p.perex {
    margin-left: 25px;
}

.em-sec-navbar .navbar-default {
    background: #f0f0f0;
    border-color: transparent;
}

.em-sec-navbar .navbar-default .navbar-nav>li>a {
    font-family: 'Fira Sans Condensed',sans-serif;
    font-weight: 300;
    color: #313131;
}

.em-sec-navbar .navbar-default .navbar-nav>li>a:hover,
.em-sec-navbar .navbar-default .navbar-nav>li>a:focus {
    color: #cd3741;
    background-color: transparent;
}

.em-sec-navbar .navbar-nav>li.active>a {
    color: #323232 !important;
    font-weight: bold;
    background: transparent;
}

.em-sec-navbar .dropdown-menu {
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    z-index: 1001;
}

.em-sec-navbar .dropdown-menu>li>a {
    color: #959fa9;
    font-family: 'Fira Sans Condensed',sans-serif;
    font-weight: 300;
}

.em-sec-navbar .nav .open>a,
.em-sec-navbar .nav .open>a:hover,
.em-sec-navbar .nav .open>a:focus {
    background-color: #959fa9 !important;
    color: white !important;
}

.em-seccond-logo {
    float: left;
}

.em-seccond-logo .em-seccond-cnt img {
    max-height: 48px;
}

#content {
    padding-bottom: 0;
}

#content>.container .em-line-bottom {
    border-bottom: 1px solid #cacfd4;
}

.em-sub-perex {
    max-width: 78%;
    margin: 0 0 0 25px;
    font-family: 'Fira Sans Condensed',sans-serif;
}

#head {
    padding-bottom: 1px;
    margin-top: 6px;
}

#head .navbar-default {
    background: #fff;
    border: 0;
    margin-bottom: 16px;
}

#head .navbar-default .navbar-brand {
    padding: 2px 25px;
}

.em-form-btn {
    margin-top: 12px;
    margin-bottom: 50px;
}

.article-main {
    margin-bottom: 50px;
}

.redactor-focus.redactor-styles-on,
.redactor-focus:focus.redactor-styles-on {
    border-color: #da696f !important;
}

.em-header-page {
    margin-bottom: 10px;
}

.em-header-page h1 {
    margin: 0;
}

.em-header-page .col-md-4:last-child {
    text-align: right;
    margin-top: 4px;
}

.em-line-header {
    border-bottom: 1px solid #cacfd4;
    margin: 0 0 40px;
}

.em-error-group {
    margin: 0 25px;
}

.em-error-group .alert {
    border-radius: 10px;
    font-family: 'Fira Sans Condensed',sans-serif;
    text-align: center;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}

.em-faq-add-new form.form-horizontal {
    padding: 10px 20px;
    background: #cacfd4;
    border-radius: 20px;
    margin-bottom: 50px;
}

.em-faq-add-new h3 {
    text-align: center;
    color: black;
    margin-bottom: 20px;
}

.em-faq-add-new p.em-form-btn {
    margin-bottom: 10px;
}

.em-faq-add-new .form-group .form-control {
    border-radius: 10px;
}

.em-faq-item form {
    text-align: right;
}

.em-form-btn a.btn-info {
    color: #fff !important;
}

.em-login-form {
    max-width: 400px;
    width: 90%;
    margin: 50px auto;
    text-align: center;
}

.em-login-form .form-control {
    text-align: center;
}

.not-found {
    text-align: center;
    margin: 150px 0;
    font-family: 'Fira Sans Condensed',sans-serif;
}

.table th,.table td,.em-pagination-centered {
    text-align: center;
}

.em-table-list {
    margin-bottom: 15px;
}

.em-header-filter {
    margin-top: -35px;
    margin-bottom: 35px;
}

.em-header-filter .em-filter-view-item {
    float: right;
    margin-left: 20px;
}

.em-header-filter .em-filter-view-item strong {
    font-family: 'Fira Sans Condensed', sans-serif;
}

.em-header-filter .em-filter-view-item a {
    font-family: 'Fira Sans Condensed', sans-serif;
}

.em-header-filter .em-filter-view-item a.active {
    color: #959fa9 !important;
    text-decoration: none !important;
}

.em-header-filter .em-filter-view-item a:hover {
    text-decoration: underline;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-color: #cacfd4;
}

.table-hover>tbody>tr:hover {
    background-color:#eff7ff;
}

.em-max-width-select {
    max-width: 300px;
}

.em-max-width-select .form-group {
    height: 36px;
    margin: 0;
}

.em-max-width-select .form-group>label {
    padding: 6px 0;
    margin: 0;
    text-align: right;
}

.em-max-width-select .form-group>div {
    padding-right: 0;
}

.form-control:focus {
    border-color: #da696f;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(218, 105, 111, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(218, 105, 111, 0.6);
}

.em-sounds-item {
    margin-bottom: 30px;
    background: #f0f0f0;
    padding: 15px 22px;
    border-radius: 10px;
}

.em-sounds-item-inner h3 {
    color: #323232;
    margin: 8px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.em-sounds-item-inner>div:last-child {
    padding-right: 3px;
}

.em-sound-count {
    background: #323232;
    color: #fff;
    padding: 12px;
    text-align: center;
    border-radius: 7px 0 0 7px;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 18px;
}

.em-sound-author,
.em-sound-country {
    font-family: 'Fira Sans Condensed', sans-serif;
    margin-right: 12px;
    margin-bottom: 6px;
}

.em-sound-author span,
.em-sound-country span {
    color: #959fa9;
}

.em-sound-author {
    float: left;
}

.em-sound-desc,
.em-sound-word {
    margin-bottom: 10px;
}

.em-sound-word-name {
    font-family: 'Fira Sans Condensed', sans-serif;
    color: #959fa9;
}

.em-sound-word-more {
    border-top: 1px solid #959fa9;
    padding-top: 8px;
    text-align: right;
    font-family: 'Fira Sans Condensed', sans-serif;
}

.em-sound-word-more a {
    margin-left: 18px;
    color: #959fa9;
}

.em-sounds-item-inner-two .ui360 {
    height: 54px;
    width: 54px;
    margin: 22px 0 30px 45px;
    float: left;
}

.em-sounds-item-inner-two .em-btn-confirm {
    margin: 22px 30px 0 0;
    float: right;
}

.em-sounds-item-inner-two .em-btn-confirm a {
    padding: 15px 35px;
    border-radius: 50px;
}

.em-sound-count span {
    margin-right: 10px;
}

.em-err-vote {
    text-align: center;
    font-family: 'Fira Sans Condensed', sans-serif;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #e3c35f;
    border-radius: 5px;
    background: #e3c35f;
    color: #fff;
}

.em-btn-confirm .btn-white {
    background-color: white !important;
    color: #cd3741 !important;
}

.em-stats-vote {
    padding: 10px;
    background: #fff8f8;
    -moz-box-shadow: inset 0 0 10px #848484;
    -webkit-box-shadow: inset 0 0 10px #848484;
    box-shadow: inset 0 0 10px #848484;
    margin-bottom: 10px;
    border-radius: 5px;
}

.em-stats-vote .em-stats-vote-name {
    font-family: 'Fira Sans Condensed', sans-serif;
    color: #959fa9;
    border-bottom: 1px solid #959fa9;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.em-detail-social-share-name {
    font-family: 'Fira Sans Condensed', sans-serif;
    color: #959fa9;
    margin-bottom: 5px;
}

.em-detail-social-share {
    border-top: 1px solid #959fa9;
    padding-top: 10px;
    margin-top: 5px;
}

.em-detail-social-share .addthis_inline_share_toolbox {
    margin-top: 10px !important;
    margin-bottom: 10px;
}

.em-stats-vote .em-stat-box {
    text-align: center;
    font-family: 'Fira Sans Condensed', sans-serif;
}

.em-stats-vote .em-stat-box-name {
    color: #959fa9;
    margin-bottom: 5px;
    margin-top: 5px;
}

.em-bg-main .modal-footer {
    border-top: 8px solid #323232;
    text-align: center;
}

.em-bg-main .modal-header {
    text-align: center;
    background: #ce363e;
    border-radius: 23px 23px 0 0;
    color: #fff;
    border-color: #323232;
}

.em-bg-main .modal-title {
    letter-spacing: 1px;
}

.em-bg-main .em-modal-text-center {
    text-align: center;
    font-family: 'Fira Sans Condensed', sans-serif;
    max-width: 500px;
    margin: 10px auto 20px;
}

.em-bg-main .form-group {
    max-width: 500px;
    margin: 0 auto 15px;
}

.em-bg-main .form-group .control-label,
.em-create-form .form-group .control-label,
.em-create-form .checkbox label {
    font-family: 'Fira Sans Condensed', sans-serif;
}

.em-bg-main .form-group .form-control {
    text-align: center;
}

.em-bg-main-left .form-group .form-control,
.em-update-form .form-group textarea.form-control {
    text-align: left;
    border-radius: 10px;
}

.em-update-form .form-group .form-control.em-text-left {
    text-align: left;
}

.em-bg-main .g-recaptcha {
    width: 304px;
    margin: 0 auto 10px;
}

.em-form-create-name {
    text-align: center;
    margin: 25px 0 15px;
    font-weight: 700;
    font-family: 'Fira Sans Condensed', sans-serif;
}

.em-group-area-text {
    margin-top: 5px;
}

.em-sub-counter {
    font-size: 11px;
    font-family: 'Fira Sans Condensed', sans-serif;
    color: #999;
}

.em-placeholter-text {
    font-size: 11px;
    font-family: 'Fira Sans Condensed', sans-serif;
    color: #555;
}

.em-link-cc-left {
    float: left;
    color: #96a0aa;
}

.em-link-cc-left a {
    margin-left: 0;
}

.not-found-sec {
    max-width: 600px;
    margin: 120px auto;
    font-size: 22px;
}

.em-create-form {
    max-width: 600px;
    margin: 0 auto;
}

.em-create-add-btn {
    text-align: center;
    margin: 22px auto 45px;
}

.em-create-add-btn button {
    padding: 14px 40px;
    border-radius: 40px;
}

.em-hidden {
    display: none;
}

.em-form-create-name-sub {
    text-align: center;
    font-size: 11px;
    font-family: 'Fira Sans Condensed', sans-serif;
    color: #555;
    margin-bottom: 15px;
    margin-top: -10px;
}

.em-twitter-mars {
    font-family: 'Fira Sans Condensed',sans-serif;
    font-size: 22px;
    color: #959fa9;
    margin-top: 32px;
}

.em-twitter-mars-img {
    max-width: 260px;
}

@media (max-width: 1399px) {
    .em-top-header {
        background-size: auto 100%;
    }
}

@media (max-width: 1199px) {

    .em-sounds-item-inner-two .ui360 {
        margin-left: 0;
    }
    .em-sounds-item-inner-two .em-btn-confirm {
        margin-right: 15px;
    }
    #navbar-primary .navbar-right .navbar-nav {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .em-sounds-item-inner-two {
        margin-top: 10px;
    }
    .em-play-group {
        max-width: 290px;
        margin: 0 auto;
    }
}

@media (max-width: 680px) {
    .em-filter-view-item .btn-link {
        padding: 3px 5px;
        display: block;
    }
    .em-filter-view-item>strong {
        display: block;
        margin-top: 8px;
        margin-bottom: 5px;
    }
    .em-top-header {
        background-size: cover;
        background-position: bottom left;
    }
}

@media (max-width: 490px) {
    .em-seccond-logo {
        display: none;
    }
}

@media (max-width: 380px) {
    .em-top-header h1, .em-top-header p.perex,.em-sub-perex {
        margin-right: 25px;
    }
    .em-sub-perex {
        max-width: 100%;
    }
}

@media (max-width: 359px) {
    .em-sounds-item-inner-two .ui360 {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .em-sounds-item-inner-two .em-btn-confirm {
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 15px;
    }
}

@media (max-width: 349px) {
    .em-sound-author {
        float: none;
    }

    .g-recaptcha {
        overflow: hidden;
    }
    .em-bg-main .g-recaptcha {
        width: auto;
    }
}