html { background-color: #999999; }
body { padding-top: 60px; font-family: 'Barlow', sans-serif; color: #fff; background-color: #999999; }
.no-lr-padding { padding-left: 0; padding-right: 0; }
.container { background: #878988; }
.navbar-default .container { background: transparent; }
.navbar-default { padding-top: 10px; background: #7e7e7e url('/images/top-menu.png') repeat-x top left; border-style: solid; border-color: #444847; border-width: 0px; border-bottom: 0; border-top: 0; }
.navbar-default .navbar-nav > li > a { color: #fff; padding: 10px 25px; font-size: 20px; }
.navbar-default .navbar-nav.navbar-right > li > a i { margin-right: 5px; }
.navbar-default .navbar-nav.navbar-right > li > a span { font-size: 14px; }
.navbar-default .navbar-nav.navbar-right > li > a span.badge { background-color: #ffcd02; }
.navbar-default .navbar-nav > li > a:hover { color: #ffcd02; }
.navbar-default .navbar-nav.navbar-right { margin-right: 0; }
.navbar-default ul.navbar-nav { padding-top: 5px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-brand { padding: 10px 15px; }
.navbar { min-height: 40px; }

h1,h2,h3,h4,h5 { text-transform: uppercase; }

h2 { margin-top: 25px; margin-bottom: 20px; font-weight: bold; text-transform: lowercase; font-size: 36px }
h3 { margin-top: 25px; }
/*h2 > span { border-bottom-style: dashed; border-bottom-color: #000; border-bottom-width: 2px; }*/

.container p a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; font-weight: bold; text-transform: uppercase; }
.container p a:hover { text-decoration: none; color: #ffcd02; border-color: #ffcd02; }

/*.about { margin-top: 20px; margin-bottom: 20px; }*/
.about ul { list-style: none; margin: 0; padding: 0; }
.about ul li { padding: 10px 0 15px 15px; background: url(/images/minus-w.png) bottom left no-repeat; }
.about ul li:last-child { background: none; }
.about ul li a { text-decoration: none; border: none; }
.about ul li a span { color: #fff; background-color: #000000; }
.about ul li a:hover span { color: #000; background-color: transparent; text-decoration: underline; }

/*.news { overflow: hidden; background: #14191c url(/images/news-album-reflexions.jpg) top left no-repeat; background-size: cover; padding-top: 40px; }*/
.news { overflow: hidden; background: #14191c url(/images/news-album-meliorism.jpg) top left no-repeat; background-size: cover; padding-top: 40px; }
.news > div > div.row:nth-child(1) { position: relative; z-index: 100; }
.news > div > div.row:nth-child(1) p { font-size: 16px; margin-bottom: 20px; }
.news h2 { margin: 10px 0 15px 0; text-transform: none; }
.news-album { margin-top: 50px; margin-bottom: 50px; }
.news-album .song-list { margin-left: 60px; padding-left: 0; margin-top: 10px; list-style: none; width: 400px; height: 400px; position: relative;
 color: #839E9D; font-size: 30px; font-family: 'Major Mono Display', monospace; overflow: hidden; overflow-wrap: anywhere; }
/*.news-album .song-list { margin-left: 0; padding-left: 0; margin-top: 10px; list-style: none; width: 900px; height: 900px; position: relative; background:url(/images/news-album-2020-circle.png) center center no-repeat; }
.news-album .song-list li { font-size: 17px; line-height: 1; text-align: left; position: absolute; top: 0; display: block; width: 900px; height: 900px; padding-left: 600px; padding-top: 425px; }
.news-album .song-list li a { color: #fff; text-decoration: none; font-size: small;  }
.news-album .song-list li a:hover { color: #ffcd02; }
.news-album .song-list li .obrazok { display: inline-block; width: 32px; height: 15px; background-position: top left; background-repeat: no-repeat; margin-right: 10px; }
.news-album .song-list li .obrazok.obrazok-1 { background-image: url(/images/top-album-obr-1.png);  }
.news-album .song-list li .obrazok.obrazok-2 { background-image: url(/images/top-album-obr-2.png);  }
.news-album .song-list li .obrazok.obrazok-3 { background-image: url(/images/top-album-obr-3.png);  }
.news-album .song-list li .obrazok.obrazok-4 { background-image: url(/images/top-album-obr-4.png);  }
.news-album .song-list li .obrazok.obrazok-5 { background-image: url(/images/top-album-obr-5.png);  }
.news-album .song-list li .obrazok.obrazok-6 { background-image: url(/images/top-album-obr-6.png);  }
.news-album .song-list li .obrazok.obrazok-7 { background-image: url(/images/top-album-obr-7.png);  }
.news-album .song-list li .obrazok.obrazok-8 { background-image: url(/images/top-album-obr-8.png);  }
.news-album .song-list li .obrazok.obrazok-9 { background-image: url(/images/top-album-obr-9.png);  }
.news-album .song-list li .obrazok.obrazok-10 { background-image: url(/images/top-album-obr-10.png);  }
.news-album .song-list li .obrazok.obrazok-11 { background-image: url(/images/top-album-obr-11.png);  }
.news-album .song-list li.pd-0 { -ms-transform: rotate(-60deg); transform: rotate(-60deg); }
.news-album .song-list li.pd-1 { -ms-transform: rotate(-30deg); transform: rotate(-30deg); }
.news-album .song-list li.pd-2 { display: none; }
.news-album .song-list li.pd-3 { -ms-transform: rotate(30deg); transform: rotate(30deg); }
.news-album .song-list li.pd-4 { -ms-transform: rotate(60deg); transform: rotate(60deg); }
.news-album .song-list li.pd-5 { -ms-transform: rotate(90deg); transform: rotate(90deg); }
.news-album .song-list li.pd-6 { -ms-transform: rotate(120deg); transform: rotate(120deg); }
.news-album .song-list li.pd-7 { -ms-transform: rotate(150deg); transform: rotate(150deg); }
.news-album .song-list li.pd-8 { -ms-transform: rotate(180deg); transform: rotate(180deg); }
.news-album .song-list li.pd-9 { -ms-transform: rotate(210deg); transform: rotate(210deg); }
.news-album .song-list li.pd-10 { -ms-transform: rotate(240deg); transform: rotate(240deg); }
.news-album .song-list li.pd-11 { -ms-transform: rotate(270deg); transform: rotate(270deg); }
.news-album .song-list li a span { display: block; text-transform: uppercase; }
.news-album .song-list li a span { font-family: 'Barlow Condensed'; font-size: 28px; font-weight: 100; color: rgba(255,255,255,.6) }
.news-album .song-list li a span.podnadpis { font-weight: 400; font-size: 19px; }*/

@media (max-width: 992px) {
    /*.news > div { background: rgba(255,255,255,0.7); }*/
    .news-album { margin-top: 20px; margin-bottom: 50px; margin-left: 0; }
    .news-album .song-list { display: inline-block; width: auto; height: auto; margin:0; font-size: 20px; }

}

.moduls-img { overflow: hidden; width: 100%; clear: both; padding: 0; }
.moduls-img > div { text-align: center; margin-bottom: 5px; padding: 0 10%; }
.moduls-img > div > img  { width: 100%; }
.moduls-img .datum { text-align: left; }
.moduls-img .datum.datum-2 { padding-left: 10%; }
.moduls-img .datum.datum-3 { padding-left: 20%; }
.moduls-img .datum.datum-4 { padding-left: 30%; }
.moduls-img .datum.datum-5 { padding-left: 40%; }
.moduls-img .datum.datum-6 { padding-left: 50%; }
.moduls-img .datum.datum-7 { padding-left: 60%; }
.moduls-img .datum.datum-8 { padding-left: 70%; }
.moduls-img .datum.datum-9 { padding-left: 80%; }
.moduls-img .datum.datum-10 { text-align: right; }

.content .container { padding-left: 72px; padding-right: 30px; }
.content .container.news { padding-bottom: 600px }
@media (max-width: 992px) {
    .content .container { padding-left: 40px; }
}
.prave-menu { padding-top: 60px; }

h3.albumy-nazov { text-transform: none; font-size: 36px; font-weight: normal; margin-bottom: 25px; }
h3.albumy-nazov small { color: #fff; }

ul.albumy { list-style: none; margin: 0; padding: 0; margin-left: -44px; }
@media (max-width: 992px) {
    ul.albumy { margin-left: -24px; }
}
ul.albumy li { padding-bottom: 20px; clear: both; width: 100%; }
ul.albumy li .obalka,
ul.albumy li .album { float: left; }
ul.albumy li .clear { float: left; width: 100%; height: 30px; }
ul.albumy li .obalka { width: 27%; }
ul.albumy li .obalka .image { text-align: right; }
ul.albumy li .obalka-side { width: 27%; }
ul.albumy li .obalka-side .image img:first-child { margin-left: -23.5%; }
ul.albumy li .obalka img { height: 260px; }
ul.albumy li .obalka-side img:first-child { width: 18.5%; margin-right: 4%; }

ul.albumy li .album { width: 73%; padding: 0 20px; }
ul.albumy li .album h4 { margin-top: 0; margin-bottom: 0; font-weight: bold; }
ul.albumy li .album span.year { display: block; margin-bottom: 10px; }
ul.albumy li .album ol { display: block; margin: 0; padding: 0 25px; }
ul.albumy li .album ol li { padding: 0; }
ul.albumy li .album .info { overflow: hidden; width: 100%; min-height: 150px; }
ul.albumy li .album .info a.play-ico { color: #fff; }
ul.albumy li .album .song-list { float: left; width: 70%; }
ul.albumy li .album .song-list.year-2020 { list-style: none; }
/*ul.albumy li .album .song-list.year-2020 li:nth-child(3) { visibility: hidden; }*/
ul.albumy li .album .song-list li { margin-left: 15px; }
ul.albumy li .album .song-list li a { position: relative; left: -40px; }
ul.albumy li .album .song-list li a:hover { color: #ffcd02; }
ul.albumy li .album .song-list li span { display: inline-block; position: relative; left: -15px; }
ul.albumy li .album .song-list li span.no-move { display: inline; position: static; left: 0; }
ul.albumy li .album .to-cart,
ul.albumy.donate li .to-cart { float: left; width: 30%; text-align: center; /*transform:translate(0,50%);*/ }
ul.albumy.donate li .to-cart { width: 100%; }
ul.albumy li .album .to-cart { padding: 0 5%; }
ul.albumy.donate li .to-cart { padding: 0 20%; }
ul.albumy .to-cart .cart { border: 1px solid #fff; border-radius: 4px; }
ul.albumy li .album .to-cart .btn-do-kosika,
ul.albumy.donate li .to-cart .btn-do-kosika { border: none; font-size: 18px; color: #fff !important; background: transparent; padding-bottom: 0; text-transform: uppercase; }
ul.albumy li .album .to-cart .btn-do-kosika:hover,
ul.albumy.donate li .to-cart .btn-do-kosika:hover { color: #ffcd02 !important; }

ul.albumy li .album .to-cart a,
ul.albumy.donate li .to-cart a { font-size: 18px; color: #fff; text-decoration: none; }
ul.albumy li .album .to-cart a:hover,
ul.albumy.donate li .to-cart a:hover { color: #ffcd02; }
ul.albumy li .album .to-cart div.price,
ul.albumy.donate li .to-cart div.price { margin-top: -10px; font-size: 36px; color: #fff; }

ul.albumy.donate { margin-top: 20px; }
ul.albumy.donate .cena-info { float: left; width: 27%; }
ul.albumy.donate .text { float: left; width: 30%; }
ul.albumy.donate .obrazok { float: left; width: 43%; }
ul.albumy.donate .obrazok img { max-width: 100%; }

.footer { margin-top: 0; }
.footer .container { background: #444847; padding-left: 70px; padding-right: 30px; }
.footer .info { padding: 23px 0 20px 10px; }
.footer .info .logo img { margin-top: -10px; margin-right: 10px; }
.footer .info small { font-size: 11px; }
.footer .navbar-nav > li > a { color: #fff; font-size: 17px; padding: 20px 15px; text-transform: lowercase; }
.footer .navbar-nav > li > a.active,
.footer .navbar-nav > li > a:hover { color: #ffcd02; }
.nav > li > a:focus, .nav > li > a:hover { background: transparent; }
@media (max-width: 600px) {
    .footer .info { padding: 10px 0; }
    .footer .info .logo { display: block; }
    .footer .navbar-nav > li > a { padding: 5px 20px; }
}
.footer a { color: #fff; }
.footer a:hover { text-decoration: none; color: #ffcd02; }

.contact { padding-top: 0; } /*background: url(/images/backg-machule.png) top right no-repeat; }*/
.contact form .form-group { padding-left: 15px; padding-right: 15px; }
.contact form label.control-label { font-weight: normal; }
.contact form input.form-control,
.contact form textarea.form-control { border-radius: 4px; border: 1px solid #fff; background: transparent; -webkit-box-shadow: none; box-shadow: none; resize: none; }
.contact form textarea.form-control { height: 110px; }
.contact form input.form-control:focus,
.contact form textarea.form-control:focus { -webkit-box-shadow: none; box-shadow: none; resize: none; }
.contact form .btn-odoslat { border: 1px solid #fff; border-radius: 4px; background: transparent; color: #fff; text-transform: uppercase; }
.contact form .btn-odoslat:hover,
.contact form .btn-odoslat:focus,
.contact form .btn-odoslat:active { color: #ffcd02; }
.contact form .btn-odoslat:active:hover { background: transparent; }

.modal .btn { border: 1px solid #fff; border-radius: 4px; background: transparent; color: #fff; text-transform: uppercase; }
.modal .btn:hover,
.modal .btn:focus,
.modal .btn:active { background: transparent; color: #ffcd02;-webkit-box-shadow: none; box-shadow: none; }
.modal .modal-content { border-radius: 4px; }
.modal .modal-content a { color: #fff; text-decoration: underline; }
.modal .modal-content a:hover { color: #ffcd02; }

.modal-kosik { text-align: center; padding: 0!important; }
.modal-kosik:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
@media (max-width: 600px) {
    .modal-kosik:before { height: auto; }
}
.modal-kosik .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
.modal-kosik .modal-header { border-bottom: none; }
.modal-kosik .hlasenie { font-size: 25px; }
.modal-kosik .caption { margin-top: 10px; }
.modal-kosik .modal-body > div > div { margin-bottom: 20px; }

.modal-content   { background: #878988; }

@media (max-width: 1024px) {
    ul.albumy li .obalka img { height: 200px; }
}
@media (max-width: 992px) {
    ul.albumy li .obalka { width: 100%; }
    ul.albumy li .obalka img { height: 200px; }
    ul.albumy li .album { width: 100%; padding: 20px 0; }
    ul.albumy.donate .cena-info { overflow: hidden; min-height: 200px; width: 100%; }
    ul.albumy.donate .text { width: 60%; }
    ul.albumy.donate .obrazok { width: 40%; }
}
@media (max-width: 600px) {
    ul.albumy li .album .song-list { width: 100%; }
    ul.albumy li .album .to-cart { padding: 20px 0; width: 100%; transform: none; }
    ul.albumy.donate .text { width: 100%; }
    ul.albumy.donate .obrazok { width: 100%; }
}

a.go-top {position: fixed; padding: 0 10px 5px 10px; right: 10px; bottom: 20px; display: block; overflow: hidden;  background: #484F5E; color: #fff; font-size: 30px; line-height: 0; }
@media (max-width: 960px){
	a.go-top {display: none;}
}

@media (max-width: 580px) {
    .shop-kosik-stranka .form-control { display: inline-block !important; }
    .shop-kosik-menu .form-control { display: inline-block !important; }
}
/*.clanok { padding: 30px 0; }*/
.clanok .container { padding: 15px 30px; }

.shop-kosik-stranka a { color: #000; }
.shop-kosik-stranka .list-group .list-group-item { border-left: none; border-right: none; border-radius: 0; background: transparent; }
.shop-kosik-stranka .shop-kosik-pocet-kusov .input-sm {  padding: 2px; text-align: center; width: 40px; }
.shop-kosik-stranka .list-group .list-group-item div div { padding-top: 10px; }
.shop-kosik-stranka .list-group .list-group-item .shop-kosik-pocet-kusov { padding-top: 20px; }
.shop-kosik-stranka .list-group .list-group-item .produkt-nazov { padding-top: 0; }
.list-group .list-group-item.shop-kosik-hlavicka { border:none; }
.list-group .list-group-item.shop-kosik-suma-bez-border { border:none; }
.list-group .list-group-item.shop-kosik-suma h3,
.list-group .list-group-item.shop-kosik-suma h4 { margin-top: 0 !important; }
.list-group .list-group-item.shop-kosik-zlava-nadpis { padding-bottom: 5px; padding-top: 20px; }
.list-group .list-group-item.shop-kosik-zlava-nadpis h4 { margin-top: 0 !important; margin-bottom: 0 !important; }

.shop-objednavka-stranka .list-group .list-group-item label { width: 100%; padding: 10px 15px; }
.shop-objednavka-stranka .shop-objednavka-platby-li.disabled { display: none; }
.shop-objednavka-stranka .list-group .list-group-item.active { color: #000; border-color: #000; border-width: 2px; background-color: transparent; }
.shop-objednavka-stranka .list-group .list-group-item { padding: 0; border-radius: 0; color: #000; }

.shop-objednavka-kosik .list-group-item,
.shop-objednavka-kosik-produkty .list-group-item  { padding: 5px!important; border-left: none; border-right: none }
.shop-objednavka-kosik .list-group-item:first-child { border-top: none; }
.shop-objednavka-udaje { margin-top: 20px; padding: 10px; border: 1px solid #ddd; border-radius: 4px; }
.shop-objednavka-udaje.bez-okraju { border: none; margin-top: 0; }
.shop-objednavka-udaje.bez-top { margin-top: 0; }
.shop-objednavka-krok { text-align: center; }
.shop-objednavka-krok > div { padding: 10px 0; }
.shop-objednavka-krok .active { background: #000; color: #fff; }

.shop-objednavka-stranka .division { float: none; margin: 0 auto 18px; overflow: hidden; position: relative; text-align: center; width: 100%; }
.shop-objednavka-stranka .division .line { border-top: 1px solid #DFDFDF; position: absolute; top: 38px; width: 40%; }
.shop-objednavka-stranka .division .line.l { left: 0; }
.shop-objednavka-stranka .division .line.r { right: 0; }
.shop-objednavka-stranka .division span { color: #424242; font-size: 17px; }
.shop-objednavka-stranka .division span img { width: 80px; height: 80px; border-radius: 50%; }
.shop-objednavka-stranka a { color: #000; }
.shop-objednavka-prihlasenie { overflow: hidden; }
.shop-objednavka-prihlasenie h4 { margin-top: -30px; }

.uzivatel-zabudnute-heslo input { margin-bottom: 5px; }

a.shop,a.shopk { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; background-color: #6C2056; color: #fff; border-radius: 2px; text-decoration: none; }
a.shop:hover, a.shopk:hover { color: #fff; background: #4f1b39; border-color: #3e132d; }

.btn-do-kosika { color: #fff !important; background: #000; border-color: #303030; }
.btn-do-kosika:hover { color: #000 !important; background: transparent; border-color: #000; }

#loading { background: rgba(0,0,0,0.6); }
#loading .content { margin: 0 auto; position: relative; top: 50%; text-align: center; }
#loading .content .text { display: inline-block; margin-left: 5px; color: #fff; }

#fisForm_loading { background: rgba(0,0,0,0.6); }
#fisForm_loading .content { margin: 0 auto; position: relative; top: 25%; text-align: center; }
#fisForm_loading .content .text { display: inline-block; margin-left: 5px; color: #fff; }

.has-error input.form-control { background: rgba(255, 0, 0, 0.23); }

#objednavkaModal { text-align: center; padding: 0!important; }
#objednavkaModal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
#objednavkaModal .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

.close { color: #fff; opacity: 1;}