.smallnav .navbar-brand, .smallnav .navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px
}

#headerwrap, #headerwrap-15, #headerwrap-4, #headerwrap-5, #headerwrap-6, #headerwrap-7 {
    width: 100%;
    background-position: center -20px;
    background-size: 100% auto;
    background-repeat: no-repeat
}

body, h3 {
    font-weight: 400
}

#pocitadlo .cislo h2, #pocitadlo .cislo p, .number {
    font-weight: 700;
    padding-top: 20px
}

#content .dj-profil, #content .item-list a:hover, #content a, #creator a, #creator a:hover, #djs a, .nav-collapse .active a, .nav-collapse a:active, .no-decoration, .share_box a {
    text-decoration: none
}

#headerwrap-10, #headerwrap-11, #headerwrap-12, #headerwrap-13, #headerwrap-14, #headerwrap-15, #headerwrap-2, #headerwrap-3, #headerwrap-4, #headerwrap-5, #headerwrap-6, #headerwrap-7, #headerwrap-8, #headerwrap-9 {
    padding-top: 220px
}

#dj-schafff, #djs, #kdo-jsme-djs, #nase-sluzby, #pocitadlo {
    padding: 50px 0
}

#load, input {
    z-index: 9999
}

.select, .star-rating input, input, select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none
}

#footer .menu ul, .navbardj > li, .non-list {
    list-style-type: none
}

.nav-collapse a, .nav-toggle {
    -webkit-tap-highlight-color: transparent
}

.nav-toggle, body {
    -webkit-font-smoothing: antialiased
}

.control, .dda, .navbar-toggle, .tooltip, input {
    position: relative
}

.navbar-collapse {
    -webkit-transition: min-height .3s;
    -moz-transition: min-height .3s;
    -ms-transition: min-height .3s;
    -o-transition: min-height .3s;
    transition: min-height .3s
}

.navbar-collapse .navbar-brand {
    -webkit-transition: padding-top .3s, height .3s;
    -moz-transition: padding-top .3s, height .3s;
    -ms-transition: padding-top .3s, height .3s;
    -o-transition: padding-top .3s, height .3s;
    transition: padding-top .3s, height .3s
}

.cursive {
    font-style: italic
}

.navbar-collapse .navbar-brand-djs {
    -webkit-transition: background-size .3s, max-height .3s, width .3s, margin-top .3s;
    -moz-transition: background-size .3s, max-height .3s, width .3s, margin-top .3s;
    -ms-transition: background-size .3s, max-height .3s, width .3s, margin-top .3s;
    -o-transition: background-size .3s, max-height .3s, width .3s, margin-top .3s;
    transition: background-size .3s, max-height .3s, width .3s, margin-top .3s
}

.navbar-collapse .navbar-nav > li > a {
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    -ms-transition: padding .3s;
    -o-transition: padding .3s;
    transition: padding .3s
}

.smallnav .navbar-brand {
    max-height: 40px
}

.smallnav .navbar-brand-djs {
    background-size: 171px 40px;
    max-height: 40px;
    width: 171px;
    margin-top: 15px
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', monospace
}

#headerwrap .btn, #headerwrap h2, #nase-sluzby h2, #reference-dj .btn, #reference-dj h1 {
    text-transform: uppercase
}

#djs h2, #djs h4, #kdo-jsme-djs h2, #kdo-jsme-djs h4, #lide h2, #nase-sluzby h2, .sendbutton:active {
    letter-spacing: 2px
}

.blog-tag, .tag-div {
    word-wrap: break-word
}

.agreement_label, .toggle, .toggle *, .toggle :after, .toggle :before, .toggle + .toggle-btn, .toggle:after, .toggle:before {
    box-sizing: border-box
}

button, html, input, select, textarea {
    color: #222
}

body {
    line-height: 1.4;
    font-size: 14px;
    color: #555;
    -webkit-overflow-scrolling: touch
}

#nase-sluzby .nabidka h3, h4 {
    line-height: 28px
}

img {
    vertical-align: middle
}

body, html {
    width: 100%;
    background: 0 0/cover #fff;
    height: 100%
}

.number {
    font-size: 34px;
    color: #fff
}

.row {
    margin: 0 auto
}

.navbar-default {
    border-color: transparent;
    background-color: #dadada
}

#content .nasi-djs:hover, #djs .person:hover, #newsletter input {
    border-bottom: 1px solid #61c6d4
}

.navbar-inverse .navbar-toggle {
    border: 1px solid #61c6d4;
    color: #61c6d4
}

.navbar-toggle {
    float: right;
    padding: 9px 10px;
    background-color: #61c6d4;
    border: 1px solid transparent;
    border-radius: @border-radius-base;
    margin-top: 10px
}

.navbar-toggle:hover {
    border: 1px solid #61c6d4;
    background: #61c6d4
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: #16a085;
    color: #fff
}

a img {
    background: 0 0
}

.odd a img {
    background: #f5f5f5
}

h1, h2, h3, h4, h5, h6 {
    color: #777;
    font-size: 36px
}

h2 {
    color: #555
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 16px;
    color: #777
}

#headerwrap, #headerwrap-15, #headerwrap-4, #headerwrap-5, #headerwrap-6, #headerwrap-7 {
    text-align: center;
    height: 550px;
    width: 100%
}

#headerwrap {
    background-image: url(/assets/image/couple-wide_cover.jpg)
}

#headerwrap-15 {
    background-image: url(/assets/image/co-delame2_cover.jpg)
}

#headerwrap-4 {
    background-image: url(/assets/image/hry-bg_cover.jpg)
}

#headerwrap-5 {
    background-image: url(/assets/image/fotokoutek/fotokoutek_úvodní.jpg)
}

#headerwrap-6 {
    background-image: url(/assets/image/wedshot2_cover.jpg)
}

#headerwrap-7 {
    background-image: url(/assets/image/polaroid-wide_cover.jpg)
}

#headerwrap p, #headerwrap-10 p, #headerwrap-11 p, #headerwrap-12 p, #headerwrap-13 p, #headerwrap-14 p, #headerwrap-15 p, #headerwrap-2 p, #headerwrap-3 p, #headerwrap-4 p, #headerwrap-5 p, #headerwrap-6 p, #headerwrap-7 p, #headerwrap-8 p, #headerwrap-9 p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding-top: 10px;
    animation: 3s fade
}

#headerwrap h1, #headerwrap h2 {
    font-size: 32px;
    animation: 3s fade;
    color: #fff
}

#headerwrap h1 {
    font-weight: 600;
    text-transform: uppercase
}

#headerwrap h2 {
    font-weight: 600
}

#headerwrap .btn {
    width: 250px;
    height: 60px;
    margin-top: 40px;
    line-height: 45px;
    font-weight: 600;
    font-size: 15px;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    border: 1px solid #fff;
    border-radius: 7px;
    animation: 3s fade;
    margin-left: 10px;
    margin-right: 10px
}

#headerwrap .btn:hover, #headerwrap-10 .btn:hover, #headerwrap-11 .btn:hover, #headerwrap-12 .btn:hover, #headerwrap-13 .btn:hover, #headerwrap-14 .btn:hover, #headerwrap-15 .btn:hover, #headerwrap-2 .btn:hover, #headerwrap-3 .btn:hover, #headerwrap-4 .btn:hover, #headerwrap-5 .btn:hover, #headerwrap-6 .btn:hover, #headerwrap-7 .btn:hover, #headerwrap-8 .btn:hover, #headerwrap-9 .btn:hover, #olda-res .btn:hover {
    background-color: #fff;
    color: #000;
    transition: .1s linear
}

#nase-sluzby {
    background: 0 0/100% #fff;
    text-align: center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%
}

#djs h1, #kdo-jsme-djs h1, #lide h1, #nase-sluzby h1 {
    font-size: 45px;
    color: #fff
}

#nase-sluzby h2 {
    font-size: 16px;
    color: #383838;
    font-weight: 600
}

#nase-sluzby h3, #nase-sluzby h5 {
    font-size: 16px;
    color: #383838;
    padding-bottom: 30px
}

#nase-sluzby .nabidka {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #61c6d4
}

#content .referencebutton, #nase-sluzby .nabidka .button {
    padding: 6px 8px;
    color: #fff;
    font-size: 13px;
    width: 150px;
    background-color: #61c6d4;
    border-radius: 7px
}

#creator, #footer {
    border-top: 1px solid #ebebeb
}

#nase-sluzby .nabidka h2 {
    font-size: 14px;
    color: #383838;
    text-align: left
}

#nase-sluzby .nabidka h3, #nase-sluzby .nabidka h4 {
    font-size: 12px;
    color: #707070;
    text-align: left
}

#content .center, #content .item-list .button, #content .taby h5, #creator, #djs, #djs .person, #djs .person:hover, #header, #headerwrap-10, #headerwrap-11, #headerwrap-12, #headerwrap-13, #headerwrap-14, #headerwrap-2, #headerwrap-3, #headerwrap-4, #headerwrap-5, #headerwrap-7, #headerwrap-8, #headerwrap-9, #pocitadlo .cislo, .center, .fl-center, .mini, .packingname, .share_box, .share_box p {
    text-align: center
}

.footer-divider {
    margin-left: 5px;
    margin-right: 5px
}

.footer-divider:after {
    content: "|"
}

.cursor {
    cursor: pointer !important
}

#nase-sluzby .nabidka .button {
    text-align: center
}

#content .referencebutton {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0
}

#content .referencebutton:hover {
    background-color: #46a6b3
}

#nase-sluzby .nabidka .button:hover {
    background-color: #46a6b3;
    cursor: pointer
}

#reference-dj, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #fff
}

#djs, #lide {
    background: 0 0/100% #fff
}

#reference-dj .slider-djs {
    height: 357px
}

#reference-dj .sipka {
    width: 100%;
    height: 357px;
    padding-top: 140px
}

#reference-dj .sipkab {
    width: 100%;
    padding-top: 80px
}

#content .service-text, #content .taby, #header, #header-djs, #reference-dj .dj, .dvl, .fullwidthbutton, .modal, .modalgrpd, .myCarousel, .note-video-clip, .star-rating i ~ i ~ i ~ i ~ i {
    width: 100%
}

#reference-dj .popis {
    padding-top: 120px;
    margin-left: 100px;
    width: 400px
}

#reference-dj h1, #reference-dj h2 {
    font-size: 24px;
    color: #383838;
    text-align: left;
    letter-spacing: 1px
}

#reference-dj h3 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: right
}

#reference-dj h5 {
    font-size: 14px;
    color: #383838;
    text-align: right
}

#reference-dj p {
    padding-top: 10px;
    font-size: 13px;
    color: #383838;
    text-align: left;
    line-height: 24px
}

#reference-dj .btn {
    width: 130px;
    height: 35px;
    margin-top: 20px;
    line-height: 22px;
    font-weight: 600;
    font-size: 14px;
    background-color: #61c6d4;
    color: #fff;
    border-radius: 7px
}

#content .dj-profil .btn:hover, #djs .btn:hover, #kdo-jsme-djs .btn:hover, #reference-dj .btn:hover, .rrbbtn:hover {
    background-color: #46a6b3;
    color: #fff;
    transition: .1s linear
}

.stopfade {
    opacity: .5
}

#pocitadlo {
    background: url(/assets/image/pocitadlo.jpg) 0 0/100% fixed #000;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%
}

#pocitadlo .cislo {
    padding-top: 0
}

#pocitadlo .cislo h2 {
    font-size: 34px;
    color: #fff;
    margin-top: 5px
}

#pocitadlo .cislo p {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

#djs .btn, #djs h2, #djs h3, #djs h4, #footer h1, #footer h2, #headerwrap-11 .btn, #headerwrap-11 h2, #headerwrap-13 .btn, #headerwrap-13 h2, #headerwrap-15 .btn, #headerwrap-15 h2, #headerwrap-3 .btn, #headerwrap-3 h2, #headerwrap-5 .btn, #headerwrap-5 h2, #headerwrap-7 .btn, #headerwrap-7 h2, #headerwrap-9 .btn, #headerwrap-9 h2, #kdo-jsme-djs .btn, #kdo-jsme-djs h2, #kdo-jsme-djs h3, #kdo-jsme-djs h4, #lide h2, #lide h3, #newsletter button, #newsletter h2 {
    font-weight: 600;
    text-transform: uppercase
}

#djs {
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%
}

#djs h2, #djs h4, #djs h5, #kdo-jsme-djs h2 {
    font-size: 16px;
    color: #383838
}

#djs h3, #kdo-jsme-djs h3 {
    font-size: 14px;
    color: #383838;
    letter-spacing: 3px
}

#djs h4 {
    padding-top: 50px
}

#djs h5 {
    padding-top: 20px;
    padding-bottom: 30px
}

#djs .person {
    padding-top: 40px;
    width: 100%;
    border-bottom: 1px solid #fff
}

#djs .btn, .rrbbtn {
    width: 205px;
    height: 50px;
    margin-top: 35px;
    margin-bottom: 45px;
    line-height: 35px;
    background-color: #61c6d4;
    border-radius: 7px;
    color: #fff
}

#djs .person:hover {
    padding-top: 40px;
    width: 100%;
    transition: .1s linear;
    cursor: pointer
}

#djs .person p {
    font-size: 13px;
    color: #707070;
    line-height: 24px;
    padding-top: 10px
}

#djs .btn {
    font-size: 14px
}

.rrbbtn {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px
}

#zone .btn {
    width: auto;
    height: 50px;
    margin-top: 35px;
    margin-bottom: 45px;
    line-height: 35px;
    font-size: 14px;
    background-color: #61c6d4;
    color: #fff;
    border-radius: 7px;
    font-weight: 600;
    text-transform: uppercase
}

#content, #footer {
    background: #fff;
    text-align: left
}

#footer h1, #footer h2 {
    font-size: 15px;
    color: #383838
}

#footer h3, #footer p, #newsletter p {
    font-size: 13px;
    color: #383838
}

#creator p, #footer h3, #footer p, #header-djs h2, #header-djs h3 {
    font-weight: 400
}

#footer h2 {
    line-height: 30px;
    padding: 0;
    margin-top: 15px
}

#footer h3 {
    line-height: 24px;
    padding-top: 0
}

#ppopis h3 {
    margin-top: 15px;
    line-height: 30px
}

#footer p {
    line-height: 24px;
    padding-top: 35px
}

#footer .menu ul {
    padding: 0;
    margin-top: 8px
}

#content .dj-profil img, #kdo-jsme-djs h5, #lide h5, .p-20 {
    padding-top: 20px
}

#footer .menu li {
    color: #383838;
    font-size: 14px;
    line-height: 45px
}

#footer .menu li:hover {
    color: #61c6d4;
    font-size: 14px;
    line-height: 45px
}

#footer .menu a, #footer .menu a:hover {
    font-size: 13px;
    text-decoration: none;
    line-height: 45px
}

#content .breadcrumbs-item:hover, #footer a, #footer a:hover, .underline {
    text-decoration: underline
}

.pravidlo-1, .pravidlo-2, .pravidlo-3 {
    border-bottom: 1px solid #ebebeb
}

#footer .menu a {
    display: block;
    color: #383838
}

#content .partnerbut a:hover, #footer .menu a:hover, #footer a:hover, #nabidka-djs .nick a:hover {
    color: #61c6d4
}

#content h3, #content h4, #content h6, #footer a, #lide h2, #lide h3, #lide h5 {
    color: #383838
}

#footer a, #footer a:hover {
    font-size: 13px;
    line-height: 24px
}

#creator {
    background: #f3f3f3;
    padding: 35px 0
}

#creator p {
    font-size: 13px;
    color: #787878;
    line-height: 24px;
    padding-top: 10px
}

#creator a {
    color: #787878;
    font-size: 13px;
    line-height: 24px
}

#creator a:hover {
    color: #61c6d4;
    font-size: 13px;
    line-height: 24px
}

#header-djs {
    background: url(http://bjstlh.com/data/wallpapers/75/WDF_1201064.jpg) 0 0/100% no-repeat fixed #fff;
    padding-top: 120px;
    text-align: left;
    height: 260px
}

#header-djs h2 {
    font-size: 28px;
    color: #fff
}

#header-djs h3 {
    font-size: 14px;
    color: #fff
}

#header {
    background: url(/assets/image/bg.jpg) 0 0/100% no-repeat fixed #fff;
    padding-top: 75px;
    height: 150px;
    margin-bottom: 50px
}

#header h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase
}

#content {
    margin-top: 50px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

#content h1, #content h2 {
    font-size: 16px;
    color: #383838;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center
}

#content h3 {
    font-size: 14px;
    text-align: center;
    line-height: 25px
}

#content h4 {
    font-size: 20px;
    font-weight: 600
}

#content h5, #upsellslider h5 {
    color: #61c6d4;
    font-size: 28px;
    font-weight: 300
}

#content h6 {
    font-size: 16px;
    font-weight: 400
}

#content .cislo {
    margin-right: 5px;
    margin-left: -5px;
    color: #61c6d4;
    text-align: center;
    font-size: 50px;
    background: 0 0;
    font-weight: 300
}

#InternalNavigation, #content .nasi-djs, .lazy {
    background-color: transparent
}

#content p {
    padding-top: 10px;
    color: #383838;
    font-size: 14px;
    line-height: 25px;
    text-align: left
}

#content span {
    margin-left: 10px;
    background-color: #e4b5d4;
    padding: 3px 8px;
    color: #fff;
    font-size: 12px
}

#content .breadcrumbs {
    padding-top: 0;
    padding-bottom: 10px;
    color: #383838;
    font-size: 14px
}

#content .breadcrumbs-item, #content .item-list a, #content .item-list a:hover {
    color: #61c6d4;
    font-size: 14px
}

.pravidlo-1, .pravidlo-2 {
    min-height: 387px
}

#content .dj-profil, .pravidlo-1 .text-popis, .pravidlo-3 .text-popis {
    padding-top: 100px
}

.pravidlo-2 .text-popis {
    padding-top: 120px
}

.pravidlo-3 {
    min-height: 348px
}

#pravidlo {
    font-size: 22px;
    font-weight: 300
}

.checkhref, .mainsec input, .navbar-inverse, .no-border, .ui-datepicker td, .wbo {
    border: 0
}

#content .nasi-djs {
    width: 100%;
    text-align: center;
    padding-top: 40px;
    border-bottom: 1px solid #fff
}

#headerwrap-11 .btn, #headerwrap-12 .btn, #headerwrap-13 .btn, #headerwrap-14 .btn, #headerwrap-15 .btn, #headerwrap-2 .btn, #headerwrap-3 .btn, #headerwrap-5 .btn, #headerwrap-7 .btn, #headerwrap-9 .btn {
    height: 60px;
    font-size: 15px;
    background-color: rgba(255, 255, 255, .2)
}

.lazy {
    min-width: 150px;
    min-height: 150px;
    background-image: url('/assets/image/rolling_wedding.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 30px
}

.profile-photo {
    width: 150px;
    height: 150px
}

#content .nasi-djs a, .btnsblack, .btnsblue, .btnsdblue, .btnsred, .btnswblue, .idokladcloud a {
    color: #fff
}

.form, .select {
    color: #727272 !important
}

#content .nasi-djs:hover {
    cursor: pointer;
    transition: .1s linear;
    background-color: #ececec
}

#content .partnerbut a {
    color: #707070
}

#content .nasi-djs p {
    font-size: 13px;
    color: #707070;
    text-align: center
}

#content .item-list h3, #dj-schafff, #kdo-jsme, #kdo-jsme-djs, #nas-dj, #newsletter, #olda, #olda-res {
    text-align: left
}

#content .nasi-djs h3, #content .nasi-djs h4 {
    font-size: 14px;
    color: #383838;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px
}

#content .nasi-djs h3 {
    padding-bottom: 0
}

#content .dj-profil .btn {
    padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #61c6d4;
    color: #fff;
    border-radius: 7px;
    float: right
}

#content .item-list {
    margin-top: 40px;
    border: 1px solid #ebebeb;
    padding: 20px
}

#content .item-list:hover {
    border: 1px solid #61c6d4;
    transition: .1s linear
}

#content .item-list h2 {
    margin-top: 30px;
    color: #383838;
    font-size: 18px;
    font-weight: 600
}

#content .item-list h3 {
    line-height: 24px;
    color: #383838;
    font-size: 13px
}

#content .item-list .button {
    padding: 6px 8px;
    background-color: #61c6d4;
    color: #fff;
    font-size: 13px;
    border-radius: 7px;
    width: 120px;
    box-shadow: none;
    margin: 0 auto
}

#content .taby h4 {
    font-size: 18px;
    padding-top: 20px
}

#content .taby h5 {
    font-size: 22px;
    color: #383838;
    margin-top: 15px;
    padding-bottom: 30px
}

#content .taby p {
    font-size: 14px;
    padding-bottom: 20px
}

.contact {
    padding: 10px 0;
    width: 100%;
    margin-top: 40px
}

.contact-text {
    margin: 45px auto;
    width: 100%
}

.mail-message-area {
    width: 100%;
    padding: 0 15px
}

.mail-message {
    width: 100%;
    background: rgba(255, 255, 255, .8) !important;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    transition: .7s;
    margin: 0 auto;
    border-radius: 0
}

.not-visible-message {
    height: 0;
    opacity: 0
}

.visible-message {
    height: auto;
    opacity: 1;
    margin: 25px auto 0
}

.form, .select {
    width: 100%;
    padding: 15px;
    margin-bottom: 25px;
    font-size: 13px
}

.form {
    background: #f8f8f8;
    border: 1px solid rgba(0, 0, 0, .075);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    border-radius: 5px
}

.form:focus, .form:hover, .required-field, .select:hover {
    border: 1px solid #61c6d4
}

.form:focus, .select:focus {
    color: #fff;
    outline: 0
}

.textarea {
    height: 200px;
    max-height: 200px;
    max-width: 100%
}

.select {
    height: 50px;
    background: url("/assets/image/chevron-arrow.png") right 15px center no-repeat #f8f8f8;
    border: 1px solid rgba(0, 0, 0, .075);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.mytextwithicon:before {
    left: -5px;
    position: absolute;
    top: 0
}

.form-btn2 {
    width: 100%;
    background: #61c6d4;
    border: none;
    border-radius: 7px;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s
}

.resp-sharing-button__icon, .resp-sharing-button__link, .star-rating, .star-rating input, .tooltip {
    display: inline-block
}

.form-btn2:hover, .form-btn:hover {
    background: #46a6b3;
    color: #fff;
    border: none
}

.share_box {
    position: fixed;
    width: 50px;
    height: 300px;
    top: 55%;
    left: 0;
    background: #f3367c;
    padding-top: 50px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    transition: .3s
}

.share_box:hover {
    background: #e83050;
    cursor: pointer
}

.share_box p {
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    left: -37px;
    margin-top: 20px;
    color: #fff;
    font-weight: 600;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    letter-spacing: 1px
}

.social-fb, .social-ig, .social-sp {
    width: 30px;
    height: 30px;
    left: 9px;
    position: absolute
}

.social-fb {
    max-width: 30px;
    background: url('/assets/image/social_icon/facebook.png') 0 0/30px no-repeat;
    margin-top: 123px
}

.social-ig {
    max-width: 30px;
    background: url('/assets/image/social_icon/instagram.png') 0 0/30px no-repeat;
    margin-top: 165px
}

.social-sp {
    max-width: 30px;
    background: url('/assets/image/social_icon/spotify_icon.png') 0 0/30px no-repeat;
    margin-top: 205px
}

#headerwrap-2 {
    background: url(/assets/image/bg-3.jpg) 0 0/100% no-repeat fixed #fff;
    height: 550px;
    width: 100%
}

#headerwrap-10 h1, #headerwrap-11 h1, #headerwrap-12 h1, #headerwrap-13 h1, #headerwrap-14 h1, #headerwrap-15 h1, #headerwrap-2 h1, #headerwrap-3 h1, #headerwrap-4 h1, #headerwrap-5 h1, #headerwrap-6 h1, #headerwrap-7 h1, #headerwrap-8 h1, #headerwrap-9 h1 {
    color: #fff;
    font-size: 45px
}

#headerwrap-10 .btn, #headerwrap-10 h2, #headerwrap-12 .btn, #headerwrap-12 h2, #headerwrap-14 .btn, #headerwrap-14 h2, #headerwrap-2 .btn, #headerwrap-2 h2, #headerwrap-4 .btn, #headerwrap-4 h2, #headerwrap-6 .btn, #headerwrap-6 h2, #headerwrap-8 .btn, #headerwrap-8 h2 {
    font-weight: 600;
    text-transform: uppercase;
    animation: fade
}

#headerwrap-10 h2, #headerwrap-12 h2, #headerwrap-14 h2, #headerwrap-2 h2, #headerwrap-4 h2, #headerwrap-6 h2, #headerwrap-8 h2 {
    color: #fff;
    font-size: 32px;
    animation-duration: 3s
}

#blog-div p, #headerwrap-10 h3, #headerwrap-11 h3, #headerwrap-12 h3, #headerwrap-13 h3, #headerwrap-14 h3, #headerwrap-15 h3, #headerwrap-2 h3, #headerwrap-3 h3, #headerwrap-4 h3, #headerwrap-5 h3, #headerwrap-6 h3, #headerwrap-7 h3, #headerwrap-8 h3, #headerwrap-9 h3 {
    color: #383838;
    font-size: 14px
}

#headerwrap-12 .btn, #headerwrap-2 .btn {
    width: 250px;
    margin-top: 40px;
    line-height: 45px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 7px;
    animation-duration: 3s
}

#headerwrap-3 .btn, #headerwrap-4 .btn {
    margin-top: 40px;
    line-height: 45px;
    border: 1px solid #fff
}

#headerwrap-3 {
    background: url(http://www.uptownentertainment.co.nz/wp-content/uploads/2015/08/JAS-Productions-Wedding-DJ-Santa-Barbara-8.jpg) 0 0/100% no-repeat fixed #fff;
    height: 550px;
    width: 100%
}

#headerwrap-11 h2, #headerwrap-13 h2, #headerwrap-15 h2, #headerwrap-3 h2, #headerwrap-5 h2, #headerwrap-7 h2, #headerwrap-9 h2 {
    color: #fff;
    font-size: 32px;
    animation: 3s fade
}

#headerwrap-3 .btn, #headerwrap-5 .btn, #headerwrap-7 .btn, #headerwrap-9 .btn {
    width: 250px;
    color: #fff;
    border-radius: 7px;
    animation: 3s fade
}

#headerwrap-10 .btn, #headerwrap-4 .btn, #headerwrap-6 .btn, #headerwrap-8 .btn {
    width: 250px;
    height: 60px;
    font-size: 15px;
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    border-radius: 7px;
    animation-duration: 3s
}

#headerwrap-5 .btn, #headerwrap-6 .btn, #headerwrap-7 .btn, #headerwrap-8 .btn {
    margin-top: 20px;
    line-height: 45px;
    border: 1px solid #fff
}

#headerwrap-8 {
    background: url(/assets/image/rozlucka-wide.jpg) 0 0/100% no-repeat fixed #fff;
    height: 550px;
    width: 100%
}

#headerwrap-10 .btn, #headerwrap-9 .btn {
    border: 1px solid #fff;
    margin-top: 40px;
    line-height: 45px
}

#headerwrap-9 {
    background: url(/assets/image/hudba-obrad.jpg) 0 0/100% no-repeat fixed #fff;
    background-position-y: -350px;
    height: 550px;
    width: 100%
}

#headerwrap-10 {
    background: url(/assets/image/guest-wide.jpg) 0 0/100% no-repeat fixed #fff;
    height: 550px;
    width: 100%
}

#headerwrap-11 {
    background: url(/assets/image/schafff-wide.jpg) 0 0/100% no-repeat fixed #fff;
    height: 550px;
    width: 100%
}

#headerwrap-11 .btn, #headerwrap-13 .btn {
    width: 250px;
    margin-top: 40px;
    line-height: 45px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 7px;
    animation: 3s fade
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -212px;
    width: 100%;
    height: 100%
}

#headerwrap-12 {
    background: url(/assets/image/party-wide.jpg) 0 0/100% no-repeat fixed #fff;
    height: 550px;
    width: 100%
}

#headerwrap-13 {
    background: url(/assets/image/hostina-wide.jpg) 0 0/100% no-repeat fixed #fff;
    background-position-y: -150px;
    height: 550px;
    width: 100%
}

#headerwrap-14 {
    background: url(/assets/image/wide-prepare.jpg) 0 0/100% no-repeat fixed #fff;
    background-position-y: -200px;
    height: 550px;
    width: 100%
}

#headerwrap-14 .btn, #headerwrap-15 .btn {
    width: 250px;
    line-height: 45px;
    margin-top: 40px
}

#headerwrap-14 .btn {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 7px;
    animation-duration: 3s
}

#content .justify, .justify {
    text-align: justify
}

#lide, #lide .person-1, #lide .person-1 p, .choice, .save-confirm {
    text-align: center
}

#headerwrap-15 .btn {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 7px;
    animation: 3s fade
}

#lide {
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%
}

#lide h2, .panel h4 {
    font-size: 16px
}

#lide h3 {
    font-size: 14px;
    letter-spacing: 3px
}

#lide h5 {
    font-size: 16px;
    padding-bottom: 30px
}

#lide .person-1 {
    padding-top: 60px;
    width: 100%
}

#blog, #kdo-jsme, #kontakt, #nas-dj, #o-nas, #olda, #rezervace {
    padding: 220px 0;
    margin-bottom: 50px
}

#lide .person-1 p {
    font-size: 13px;
    color: #383838;
    line-height: 24px
}

#lide .person-1 h4 {
    font-size: 13px;
    color: #707070;
    line-height: 24px
}

.panel, .panel .panel-heading {
    background-color: #fff;
    box-shadow: none;
    border: none
}

#tab-content h4 {
    font-size: 30px
}

#kdo-jsme {
    background: url(/assets/image/lais.png) center center no-repeat fixed #f3f3f3;
    height: 400px;
    background-position-y: 50px
}

#blog h2, #co-delame h2, #hudba-na-svatbu h2, #kdo-jsme h2, #kontakt h2, #nas-dj h2, #o-nas h2, #rezervace h2 {
    font-size: 22px;
    color: #383838;
    text-transform: uppercase;
    font-weight: 400
}

#olda h1, #olda-res h2, .navbardj > li {
    font-weight: 700;
    text-transform: uppercase
}

#blog p, #co-delame p, #hudba-na-svatbu p, #kdo-jsme p, #kontakt p, #nas-dj p, #o-nas p, #rezervace p {
    font-size: 13px;
    color: #383838;
    line-height: 26px
}

#kdo-jsme-djs {
    background: url(/assets/image/olliie_11_2.png) center no-repeat fixed #f3f3f3;
    background-position-x: 150px;
    background-position-y: 100%
}

#kdo-jsme-djs h4 {
    font-size: 16px;
    color: #383838;
    padding-top: 50px
}

#kdo-jsme-djs h5 {
    font-size: 16px;
    color: #383838;
    padding-bottom: 30px
}

#kdo-jsme-djs .btn {
    width: 205px;
    height: 50px;
    line-height: 35px;
    font-size: 14px;
    background-color: #61c6d4;
    color: #fff;
    border-radius: 7px
}

#blog, #co-delame, #hudba-na-svatbu, #kontakt, #o-nas, #rezervace {
    height: 400px;
    text-align: left
}

#hudba-na-svatbu {
    background: url(/assets/image/cliche.png) center center no-repeat fixed #f3f3f3;
    padding: 220px 0;
    background-position-y: 20px
}

#dj-schafff {
    background: no-repeat fixed #fff;
    background-position-y: 50px
}

#kontakt {
    background: url(/assets/image/miluska_10-removebg-preview.png) center center no-repeat fixed #f3f3f3;
    background-position-x: 40%;
    background-position-y: 50px
}

.marginup, .res-load {
    margin-top: 100px
}

#co-delame {
    background: url(/assets/image/danns.png) center center no-repeat fixed #f3f3f3;
    padding: 100px 0;
    background-position-y: 40px
}

#o-nas {
    background: url(/assets/image/schafff_6_newera-removebg-preview.png) center center no-repeat #f3f3f3;
    background-position-x: 50px;
    background-position-y: 60px
}

#rezervace {
    background: url(/assets/image/olliie_9-removebg-preview.png) center center no-repeat fixed #f3f3f3;
    background-position-x: 40%;
    background-position-y: 30px
}

#empty {
    padding: 200px 0;
    height: 250px
}

#blog {
    background: url(/assets/image/captain_sound_5_newera-removebg-preview.png) center center no-repeat fixed #f3f3f3;
    background-position-x: 40%;
    background-position-y: 80px
}

.olda-upsell {
    background: url(/assets/image/olda-header.png) 0 0/cover no-repeat
}

.naive-upsell {
    background: url(/assets/image/naive.jpg) 0 0/cover no-repeat
}

#olda, #olda-res {
    background: url(/assets/image/olda-header.png) 0 0/100% no-repeat;
    height: 550px
}

#olda {
    background-position-y: 100px
}

#olda-res {
    background-position-y: 50px
}

#olda h1, #olda-res h2 {
    font-size: 30px;
    color: #fff;
    margin-top: 120px
}

#olda h4, #olda-res p {
    font-size: 16px;
    color: #fff;
    line-height: 26px
}

#errorDiv, #newsletter h2 {
    font-size: 18px
}

#olda-res .btn {
    width: 250px;
    height: 60px;
    margin-top: 40px;
    line-height: 45px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    border: 1px solid #fff;
    border-radius: 7px;
    animation: 3s fade;
    margin-left: 10px;
    margin-right: 10px
}

#oldaa a {
    color: #56bccd
}

#nas-dj {
    background: url(/assets/image/nasi-djs.jpg) center center no-repeat fixed #f3f3f3;
    height: 400px;
    background-position-y: 75px;
    background-position-x: 75px
}

#newsletter {
    background: no-repeat fixed #f3f3f3;
    padding: 40px 0
}

#newsletter h2 {
    color: #383838
}

#newsletter input {
    color: #383838;
    width: 320px;
    height: 40px;
    padding: 10px 15px;
    margin-top: 30px;
    border-top: 1px solid #61c6d4;
    border-left: 1px solid #61c6d4;
    border-right: 1px solid #61c6d4
}

#newsletter button {
    background-color: #61c6d4;
    width: 120px;
    height: 40px;
    border: 1px solid #61c6d4;
    color: #fff;
    font-size: 14px
}

#newsletter button:hover {
    background-color: #46a6b3;
    transition: .2s linear
}

.tooltip {
    border-bottom: 1px dotted #000
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.item-list-big1 {
    min-height: 470px
}

.item-list-big2 {
    min-height: 530px
}

.item-list-big3 {
    min-height: 650px
}

.productphoto {
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 0;
    width: 100%
}

.star-rating {
    font-size: 0;
    white-space: nowrap;
    width: 165px;
    height: 31px;
    overflow: hidden;
    position: absolute;
    margin-top: -5px;
    background: url(/assets/image/star_empty.png) 0 0/contain
}

#load, .choice {
    position: fixed
}

.star-rating i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 1;
    background: url(/assets/image/star_full.png) 0 0/contain
}

.star-rating input {
    opacity: 0;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative
}

.star-rating input:checked + i, .star-rating input:hover + i {
    opacity: 1
}

.star-rating i ~ i {
    width: 40%
}

.star-rating i ~ i ~ i {
    width: 60%
}

.star-rating i ~ i ~ i ~ i {
    width: 80%
}

.choice {
    top: 0;
    left: 0;
    right: 0;
    padding: 20px;
    display: block
}

.absolute, .courierdiv, .datafixed2, .kur, .modal, .packingcancel, .packprod, .ui-autocomplete {
    position: absolute
}

.dj-profile-rating-detail {
    width: 400px
}

.autowidth {
    min-width: 300px
}

.auto-width {
    width: auto !important
}

.autowidth2 {
    min-width: 200px
}

.errorMark {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 30px
}

.imgcent {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.modal {
    display: none;
    z-index: 9999999;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .7)
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%
}

.modal-backdrop {
    z-index: -10000
}

.user-name {
    margin-top: 10px;
    margin-left: 30px;
    color: #fff
}

.save-confirm, .save-confirm-text {
    position: absolute;
    right: 0;
    margin: auto;
    bottom: 0
}

.user-avatar {
    width: 50px;
    height: 50px
}

.divider {
    max-height: 10px;
    background-color: #293846
}

.pdivider {
    min-height: 100px;
    margin-bottom: 50px;
    opacity: .5
}

.save-confirm {
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .8);
    width: auto;
    height: auto;
    padding: 50px;
    z-index: 10006;
    font-size: 50px
}

.dayyy {
    position: absolute;
    left: 250px;
    top: -25px
}

.save-confirm-text {
    top: 0;
    left: 0;
    width: 300px;
    height: 300px;
    opacity: 10007
}

.save-icon {
    border: 10px solid #64c5d5;
    border-radius: 50%
}

.helper, .warner {
    font-size: 10px;
    border-width: 1px;
    padding: 5px 5px 5px 30px
}

.helper {
    background: url(/assets/image/question.png) 7px no-repeat
}

.warner {
    background: url(/assets/image/warning.png) 7px no-repeat
}

#load {
    width: 100%;
    height: 100px;
    background: url(/assets/image/loading.gif) center center no-repeat rgba(255, 255, 255, .3)
}

.html5buttons a {
    border: 1px solid #fff;
    background: #1ab394;
    color: #fff;
    box-shadow: none;
    padding: 6px 8px;
    font-size: 12px
}

#photos {
    line-height: 0;
    -webkit-column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-count: 3;
    -moz-column-gap: 0;
    column-count: 3;
    column-gap: 0
}

#photos iframe, #photos img {
    width: 100% !important;
    height: auto !important
}

@media (max-width: 1200px) {
    #photos {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4
    }
}

@media (max-width: 1000px) {
    #photos {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }
}

@media (max-width: 800px) {
    #photos {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2
    }
}

@media (max-width: 400px) {
    .footer-divider:after {
        display: block;
        white-space: pre;
        content: ""
    }

    #photos {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1
    }
}

.html5buttons a:focus:active, .html5buttons a:hover {
    background-color: #eee;
    color: inherit;
    border-color: #fff
}

.btnsrefresh, .btnsrefresh2 {
    background-color: #5bc0de;
    color: #fff;
    position: absolute
}

.btnsrefresh {
    right: 50px
}

.btnsrefresh2 {
    left: 230px
}

.btnsyellow {
    background-color: #ff0;
    color: #000;
    border: 1px solid #000
}

.btnsgrey {
    background-color: grey;
    color: #fff
}

.btnsgreyhound {
    background-color: #e5e6e7;
    color: #fff
}

.btnsgreen {
    background-color: green;
    color: #fff
}

.btnsegreen {
    background-color: #55ad55;
    color: #fff
}

.btnswhite, .navbardj .active {
    background-color: #fff;
    color: #000
}

.btnswblue {
    background-color: #8a9aff
}

.btnsdblue {
    background-color: #3700f4
}

.btnsred {
    background-color: red
}

.btnsblack {
    background-color: #000
}

.btnsblue {
    background-color: #6495ed
}

#content .left, .control-label, .fl-left {
    text-align: left
}

.left {
    text-align: left
}

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.creator, .ressave {
    position: absolute;
    left: auto;
    right: 10px
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 30px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 20px;
    font-weight: 200;
    vertical-align: middle;
    cursor: pointer
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -25px
}

label.css-label {
    background-image: url(http://csscheckbox.com/checkboxes/u/csscheckbox_391ce065f36b1460c4845fa9b5173fba.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reservation-datas {
    background-color: #f3f3f4;
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #e7eaec
}

.al-right, .fl-right {
    text-align: right
}

.res_user {
    border-radius: 3px;
    border: 1px solid #e7eaec;
    background-color: #f3f3f4;
    background-image: url(/assets/image/user-icon.png);
    background-repeat: no-repeat;
    background-position: 20px 30px
}

.res_user_c {
    padding-left: 100px
}

.creator {
    top: 10px
}

.rii {
    margin-right: 5px
}

.btxl, .confirm, .cust, .customer-search, .custt, .dshsm, .giritondate, .kur {
    font-size: 20px
}

.picking-button-2-free, .picking-button-2-full, .picking-button-free, .picking-button-full, .work, .work-2 {
    padding: 20px;
    color: #fff;
    font-size: 120px;
    width: 100%;
    text-align: center
}

.btnb {
    border: 1px solid #e7eaec
}

textarea {
    resize: vertical;
    width: auto
}

.inttext {
    background-color: #f2f5f7
}

.othertext {
    min-height: 334px
}

.ressave {
    top: 33px;
    font-weight: 100;
    z-index: 99999
}

.cust, .dda, .wbo {
    font-weight: 600
}

.dpi, .iconosave, .packingrohlik {
    margin-right: 10px
}

.intpan {
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #e7eaec
}

.idokladcloud a:hover {
    color: #333
}

.product-selector {
    width: 100%;
    overflow: hidden
}

.picking-place {
    border: 1px solid #fff
}

.picking-button-free, .picking-button-full {
    border-radius: 5px;
    height: 260px;
    line-height: 230px;
    vertical-align: middle
}

.picking-button-free {
    background-color: #74c374;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#74c374), to(#429742));
    background-image: -webkit-linear-gradient(top, #74c374, #429742);
    background-image: -moz-linear-gradient(top, #74c374, #429742);
    background-image: -ms-linear-gradient(top, #74c374, #429742);
    background-image: -o-linear-gradient(top, #74c374, #429742);
    background-image: linear-gradient(to bottom, #74c374, #429742);
    border: 1px solid #409240
}

.picking-button-full {
    background-color: #d8514d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d8514d), to(#b92c28));
    background-image: -webkit-linear-gradient(top, #d8514d, #b92c28);
    background-image: -moz-linear-gradient(top, #d8514d, #b92c28);
    background-image: -ms-linear-gradient(top, #d8514d, #b92c28);
    background-image: -o-linear-gradient(top, #d8514d, #b92c28);
    background-image: linear-gradient(to bottom, #d8514d, #b92c28);
    border: 1px solid #b92c28
}

.picking-button-2-free, .picking-button-2-full {
    border-radius: 5px
}

.picking-button-2-free, .picking-button-2-full, .work-2 {
    height: 220px;
    line-height: 140px
}

.picking-button-2-free {
    background-color: #74c374;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#74c374), to(#429742));
    background-image: -webkit-linear-gradient(top, #74c374, #429742);
    background-image: -moz-linear-gradient(top, #74c374, #429742);
    background-image: -ms-linear-gradient(top, #74c374, #429742);
    background-image: -o-linear-gradient(top, #74c374, #429742);
    background-image: linear-gradient(to bottom, #74c374, #429742);
    border: 1px solid #409240;
    vertical-align: middle
}

.picking-button-2-full, .work, .work-2 {
    background-color: #d8514d;
    vertical-align: middle
}

.picking-button-2-full {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d8514d), to(#b92c28));
    background-image: -webkit-linear-gradient(top, #d8514d, #b92c28);
    background-image: -moz-linear-gradient(top, #d8514d, #b92c28);
    background-image: -ms-linear-gradient(top, #d8514d, #b92c28);
    background-image: -o-linear-gradient(top, #d8514d, #b92c28);
    background-image: linear-gradient(to bottom, #d8514d, #b92c28);
    border: 1px solid #b92c28
}

.work, .work-2 {
    border-radius: 5px;
    border: 1px solid #6495ed
}

.work-2 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6495ed), to(#6495ed));
    background-image: -webkit-linear-gradient(top, #6495ed, #6495ed);
    background-image: -moz-linear-gradient(top, #6495ed, #6495ed);
    background-image: -ms-linear-gradient(top, #6495ed, #6495ed);
    background-image: -o-linear-gradient(top, #6495ed, #6495ed);
    background-image: linear-gradient(to bottom, #6495ed, #6495ed)
}

.work {
    height: 260px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6495ed), to(#6495ed));
    background-image: -webkit-linear-gradient(top, #6495ed, #6495ed);
    background-image: -moz-linear-gradient(top, #6495ed, #6495ed);
    background-image: -ms-linear-gradient(top, #6495ed, #6495ed);
    background-image: -o-linear-gradient(top, #6495ed, #6495ed);
    background-image: linear-gradient(to bottom, #6495ed, #6495ed);
    line-height: 230px
}

.client-to-pack {
    font-size: 20px;
    padding: 5px;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
    height: auto
}

.expinp {
    margin-top: 7px
}

.hist {
    padding: 3px;
    font-size: 12px
}

.cusnav {
    margin-left: 30px;
    margin-bottom: 0
}

.iframe-div {
    width: 100%;
    height: auto
}

.main-iframe {
    width: 100%;
    height: auto;
    min-height: 1000px
}

.greynav {
    background-color: #3c3c3c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
    background-image: -webkit-linear-gradient(top, #3c3c3c, #222);
    background-image: -moz-linear-gradient(top, #3c3c3c, #222);
    background-image: -ms-linear-gradient(top, #3c3c3c, #222);
    background-image: -o-linear-gradient(top, #3c3c3c, #222);
    background-image: linear-gradient(to bottom, #3c3c3c, #222);
    border-bottom: 1px solid #000
}

.greynav a {
    color: #999
}

.greybg {
    background-color: #f9f9f9;
    padding-top: 10px
}

.corb {
    margin: 0;
    padding: 0
}

.report-selector, .report-selector-b {
    height: 300px;
    color: #8a6d3b;
    text-align: center;
    margin-top: 10px;
    background-color: #fdf9e8;
    font-size: 30px
}

.report-selector {
    width: 100%;
    padding: 20px;
    margin-left: 0;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdf9e8), to(#f8efc0));
    background-image: -webkit-linear-gradient(top, #fdf9e8, #f8efc0);
    background-image: -moz-linear-gradient(top, #fdf9e8, #f8efc0);
    background-image: -ms-linear-gradient(top, #fdf9e8, #f8efc0);
    background-image: -o-linear-gradient(top, #fdf9e8, #f8efc0);
    background-image: linear-gradient(to bottom, #fdf9e8, #f8efc0);
    border: 1px solid #f5e79e
}

.report-selector-b {
    padding: 5px;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdf9e8), to(#f8efc0));
    background-image: -webkit-linear-gradient(top, #fdf9e8, #f8efc0);
    background-image: -moz-linear-gradient(top, #fdf9e8, #f8efc0);
    background-image: -ms-linear-gradient(top, #fdf9e8, #f8efc0);
    background-image: -o-linear-gradient(top, #fdf9e8, #f8efc0);
    background-image: linear-gradient(to bottom, #fdf9e8, #f8efc0);
    border: 1px solid #f5e79e
}

.widetable {
    width: 100%;
    font-size: 30px
}

.floatleft {
    float: left
}

.mr-right, .mr-right2 {
    float: right;
    margin-left: 30px
}

.bhr {
    border: 1px solid #f5e79e
}

.huge-customer, .packst {
    border-radius: 5px;
    text-align: center
}

.header-maintr {
    padding: 10px;
    font-size: 40px;
    margin-left: 30px;
    margin-bottom: 20px
}

.bang {
    margin-right: 20px
}

.huge {
    font-size: 120px
}

.huge-1 {
    font-size: 60px;
    margin-bottom: -10px
}

.custo {
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px
}

.checkbut, .checkbut2 {
    margin-bottom: 0;
    width: 100%
}

.mr-right {
    margin-right: -20px
}

.mr-right2 {
    margin-right: 30px
}

.pozicione {
    font-size: 50px
}

.ppl {
    width: auto;
    height: 200px;
    font-size: 150px;
    line-height: 0;
    margin-right: 15px
}

.huge-customer {
    height: 200px;
    width: 100%;
    font-size: 80px;
    text-transform: uppercase;
    border: 1px solid #000
}

.packst {
    width: 150px;
    height: 120px;
    font-size: 60px;
    border: 0;
    line-height: 10px
}

.packstt {
    height: 100px;
    font-size: 20px;
    border-radius: 5px;
    border: 1px solid #e5e6e7
}

.back {
    margin-left: 20px
}

.dashboardtables, .note {
    margin-top: 15px
}

.mainsec {
    background-color: #2b2b2b;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px
}

.position, .position-2 {
    border-radius: 5px;
    height: 150px;
    width: 100%;
    text-align: center
}

.position {
    font-size: 80px
}

.position-2 {
    font-size: 60px
}

.checkbut {
    max-width: calc(100% - 17px)
}

.checkbut2 {
    max-width: calc(100% + 17px);
    margin-top: 10px
}

.dda {
    top: 17px;
    left: 0;
    font-size: 30px;
    color: #999
}

.heading-h {
    margin-left: 30px;
    font-size: 20px
}

.tod {
    margin-right: 50px
}

.howday {
    background-color: #0a0
}

.control {
    font-size: 20px;
    display: inline;
    padding-left: 60px;
    cursor: pointer
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.control__indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: #e6e6e6
}

.control input:focus ~ .control__indicator, .control:hover input ~ .control__indicator {
    background: #ccc
}

.control input:checked:focus ~ .control__indicator, .control input:checked ~ .control__indicator, .control:hover input:not([disabled]):checked ~ .control__indicator {
    background: #6595ed
}

.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6
}

.control__indicator:after {
    position: absolute;
    display: none;
    content: ''
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active, .checkhref:hover + .checkdiv, .control input:checked ~ .control__indicator:after {
    display: block
}

.control--checkbox .control__indicator:after {
    top: 4px;
    left: 8px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b
}

.control--radio .control__indicator:after {
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: url(/assets/image/check.png) 5px no-repeat
}

.cust, .custt {
    position: absolute;
    width: auto;
    color: #000
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b
}

.customer {
    height: 200px;
    font-size: 80px;
    border-radius: 5px;
    border: 0;
    text-align: center
}

.cust {
    top: 120px
}

.custt {
    top: -70px;
    font-weight: 100
}

.btnsnote {
    margin-top: -5px;
    margin-left: 10px;
    height: 30px;
    width: 30px
}

.confirm {
    width: 50px;
    height: 40px
}

.butplace, .butplace2 {
    height: 70px;
    top: -30px;
    border: 0;
    position: absolute
}

.butplace {
    width: 100px;
    font-size: 40px;
    right: 15px
}

.butplace2 {
    width: 200px;
    right: 45px
}

.input-sm {
    position: absolute;
    min-width: 300px;
    top: -170px;
    left: -650px;
    border-radius: 5px;
    height: 80px;
    font-size: 30px;
    font-weight: 200;
    color: #999;
    z-index: 9999999999
}

.p-4, .successdiv, .sumbg {
    font-weight: 600
}

.small, .smalling {
    font-size: 15px
}

.kur, .liceremony, .ui-datepicker-calendar thead {
    margin-bottom: 10px
}

.dshsl {
    font-size: 40px
}

.courierdiv {
    margin-top: 30px;
    right: 10px;
    left: auto;
    margin-right: 0;
    min-width: 800px
}

.kur {
    top: 15px;
    right: 20px;
    width: 500px;
    border: 1px solid #e7eaec;
    height: 50px;
    border-radius: 3px;
    padding: 10px;
    text-indent: 10px;
    background-color: #f9f9f9;
    text-transform: uppercase
}

#blog-post-content span, .navbardj > li > a:hover, .sumbg, .white-bg {
    background-color: #fff
}

.orderidprint {
    border: 0;
    width: auto
}

@media print {
    #courierdiv, .courier, h1 {
        text-align: center
    }

    #courierdiv, h1 {
        font-size: 20px
    }

    body {
        font-family: Arial
    }

    .dokladimg {
        visibility: inherit
    }

    #courierdiv {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: 600;
        text-transform: uppercase
    }
}

#content .ceremony-special {
    list-style: none;
    font-size: 16px;
    text-align: center
}

input[type=number].mod::-webkit-inner-spin-button, input[type=number].mod::-webkit-outer-spin-button {
    -webkit-appearance: none;
    background: url(/assets/image/plusminus.png) center center no-repeat #fff;
    width: 1em;
    border-left: 1px solid #bbb;
    opacity: .5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

input[type=number].mod::-webkit-inner-spin-button:active, input[type=number].mod::-webkit-inner-spin-button:hover {
    box-shadow: 0 0 2px #0cf;
    opacity: .8
}

input:-webkit-autofill {
    background: #000;
    color: red
}

.agreement, .agreement-event, .checkhrefresponsive, .mark, .mobiledefault, .pace-inactive, .toggle, .toggle + .toggle-btn:before {
    display: none
}

#input {
    z-index: 999999
}

.packingname {
    margin-top: -30px;
    font-size: 50px
}

.noticka {
    max-width: calc(100% - 20px);
    border: 0
}

#blog-post-content img, .blog-tag, .carousel, .img-fluid, .upsellslide, .your-class {
    max-width: 100%
}

.backin {
    margin-top: -15px;
    width: 100px;
    font-size: 30px;
    height: 60px
}

.mini, .smaller {
    font-size: 10px
}

.whitebg {
    padding: 0;
    overflow-y: auto
}

.white-bg {
    padding: 15px
}

.packprod {
    right: 100px;
    font-size: 50px
}

.datafixed {
    z-index: 9999999;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    margin-top: 30px
}

.datafixed2 {
    z-index: 9999999;
    top: 30px;
    right: 30px;
    width: 400px
}

.packingbag {
    margin-right: 10px;
    margin-top: -20px
}

.img-center, .packingbag2 {
    display: block;
    margin: 0 auto
}

.packingcancel {
    padding: 20px;
    right: 0;
    z-index: 999999
}

.packingcancel2 {
    position: relative;
    z-index: 999999
}

.menufix {
    width: calc(100% + 17px);
    background-color: #000;
    position: fixed;
    z-index: 9999999999
}

.validation {
    font-size: 10px;
    margin-left: 30px
}

.oid {
    width: 50px;
    border: 0;
    padding-left: 10px;
    background-color: #f9f9f9
}

.minixdata {
    position: absolute;
    font-size: 10px;
    right: 150px;
    top: -20px
}

.eighttables {
    min-width: 12.5%
}

.successdiv {
    position: absolute;
    top: 50px;
    left: 50px
}

.box {
    height: 200px
}

#nabidka-djs {
    padding: 0;
    text-align: left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#nabidka-djs .dj-box, #nabidka-djs .rating-box {
    margin-top: 20px;
    padding: 15px 15px 0 10px;
    background-color: #fff
}

#nabidka-djs .popis .doba-hrani {
    font-size: 16px;
    color: #61c6d4;
    font-weight: 400
}

#nabidka-djs .dj-box {
    border: 1px solid #ebebeb;
    border-radius: 7px;
    min-height: 200px
}

#nabidka-djs .rating-box {
    border: 1px solid #ebebeb;
    border-radius: 7px;
    height: auto;
    min-height: 210px
}

#nabidka-djs .cena, #nabidka-djs .cena-zajem {
    border-radius: 7px;
    float: right;
    text-align: center;
    display: inline-block
}

#nabidka-djs .foto {
    display: inline-block;
    width: 100%;
    margin-top: 15px
}

#nabidka-djs .nick {
    display: inline-block;
    margin-top: -10px
}

#nabidka-djs .note {
    margin-top: 10px
}

#nabidka-djs .nick h3 {
    font-size: 22px;
    color: #383838;
    text-transform: uppercase;
    letter-spacing: 1px
}

#nabidka-djs .nick span {
    padding-left: 20px
}

#nabidka-djs .nick .profil-zobrazit {
    padding-left: 20px;
    font-size: 13px;
    color: #aeaeae
}

#nabidka-djs .nick .profil-zobrazit:hover {
    padding-left: 20px;
    font-size: 13px;
    color: #61c6d4;
    text-decoration: none
}

#nabidka-djs .nick a {
    font-size: 14px;
    color: #383838;
    font-weight: 400
}

#nabidka-djs .nick .profil {
    font-size: 13px;
    color: #61c6d4;
    font-weight: 400;
    padding-left: 15px;
    text-transform: none;
    letter-spacing: 0
}

#nabidka-djs .popis p {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    display: inline-block
}

#nabidka-djs .cena {
    padding: 10px;
    font-size: 14px;
    color: #ff4a69;
    border: 1px solid #ff4a69;
    margin-right: 10px;
    width: 100px;
    margin-top: 0
}

#nabidka-djs .cena-zajem {
    padding: 10px 5px;
    font-size: 14px;
    color: #787878;
    border: 1px solid #787878;
    margin-right: 40px;
    width: 210px;
    margin-top: 0
}

#nabidka-djs .cena .cislo {
    font-size: 14px;
    font-weight: 400;
    color: #ff4a69;
    display: inline-block
}

#nabidka-djs .btn-rezervace, #nabidka-djs .btn-zajem, #nabidka-djs .zaloha {
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    float: right
}

#nabidka-djs .btn-rezervace {
    margin-top: 0;
    padding: 10px 5px;
    border-radius: 7px;
    border: 0;
    background-color: #ff4a69;
    width: 140px
}

#nabidka-djs .btn-rezervace:hover {
    border: 0;
    background-color: #e83050;
    cursor: pointer;
    transition: .2s
}

#nabidka-djs .zaloha {
    margin-top: 0;
    padding: 10px 5px;
    border-radius: 7px;
    border: 1px solid #428bca;
    background-color: #428bca;
    width: 140px
}

#nabidka-djs .zaloha:hover {
    border: 1px solid #428bca;
    background-color: #428bca;
    cursor: pointer;
    transition: .2s
}

#nabidka-djs .btn-zajem {
    padding: 18px 5px 10px;
    border-radius: 50px;
    border: 1px solid #61c6d4;
    background-color: #61c6d4;
    width: 80px;
    height: 80px;
    margin-top: -20px
}

#nabidka-djs .btn-zajem:hover {
    border: 1px solid #37b2c3;
    background-color: #37b2c3;
    cursor: pointer;
    transition: .2s
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pace .pace-progress {
    background: #61c6d4;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px
}

.dropdown.show, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover, .navbardj > li {
    background-color: #f3367c
}

.profile-header {
    height: 360px
}

.profile-header-b {
    height: 150px
}

.profil-header-dj {
    margin-top: -200px
}

.dj-profile-button {
    border-radius: 50%;
    margin-top: -75px;
    width: 150px;
    height: 150px;
    margin-left: 20px;
    background-color: #edf5f7
}

.location-alert, .services-alert, .type-alert, .vop-alert {
    font-size: 20px;
    font-style: bold;
    padding: 10px;
    background-color: #e0497c;
    border: 0;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none
}

.location-alert {
    margin-bottom: 25px
}

#content .dj-header {
    margin-left: 265px;
    margin-top: -50px;
    margin-bottom: 20px;
    width: 860px;
    text-align: left
}

.p-10 {
    padding-top: 10px
}

.p-15 {
    padding-top: 15px
}

.p-4 {
    font-size: 15px;
    color: #656565;
    line-height: 1.2;
    text-align: center;
    z-index: 52
}

.ratttt {
    margin-right: 20px;
    cursor: pointer
}

#content .dj-header-nick {
    font-size: 50px;
    color: #6cc7d6;
    text-align: left;
    text-indent: -30px;
    font-weight: 300;
    margin-left: -40px;
    position: absolute;
    margin-top: -5px
}

.djservices {
    float: right;
    margin-top: 20px
}

.nickhref {
    float: right;
    margin-bottom: 10px
}

.navbar-brand-djs {
    background-size: 220px 50px;
    max-height: 50px;
    width: 220px;
    margin-top: 17px;
    background-repeat: no-repeat;
    background-image: url(/assets/image/wd_high.png)
}

.navbardj {
    margin-top: 10px;
    width: 100%
}

.navbardj > li {
    display: inline;
    float: left;
    font-size: 14px;
    text-align: center;
    width: 16.666%;
    color: #fff
}

.navbardj > li > a {
    opacity: 1;
    transition: .3s
}

.navbardj > li > a:hover {
    opacity: 1
}

.nav-tabs > li > a {
    padding: 5px;
    color: #fff
}

.nav-tabs > li > a:hover {
    color: #f3367c;
    padding: 5px
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    padding: 5px
}

#kdo-jsem .dj-profile-h {
    font-size: 26px;
    color: #6cc7d6;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    z-index: 76;
    margin-bottom: -5px
}

#kdo-jsem .dj-profile-t {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    z-index: 76
}

#kdo-jsem .dj-profile-text {
    font-size: 15px;
    color: #292929;
    text-align: justify;
    z-index: 77
}

.oldahref {
    background-color: #56bccd;
    height: 170px;
    padding-top: 45px
}

.oldabutton {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px
}

#content .instatext {
    color: #6cc7d6;
    float: left;
    width: 100%;
    text-align: right;
    font-size: 15px
}

#content .instaicon {
    left: 0;
    margin-top: 3px;
    position: absolute
}

#content .uppsell-header {
    font-size: 30px;
    color: #ee267e;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    z-index: 63
}

#content .trat {
    margin-top: -18px;
    margin-left: -3px
}

#content .Rounded_Rectangle_2 {
    border-radius: 10px;
    background-color: #74cad8;
    width: 200px;
    height: 50px;
    color: #fff;
    border: 0;
    text-align: center;
    display: block;
    margin: auto;
    text-transform: uppercase
}

.ratinguser {
    font-size: 15px;
    float: right;
    position: relative;
    margin-top: 10px;
    font-weight: 700
}

.ratinguser:after {
    clear: both
}

.djbut {
    height: 300px
}

.item-list-big, .partnerbut {
    height: 500px
}

.pad15 {
    padding: 15px
}

.carousel-djs {
    border-radius: 50%;
    border: 2px solid #f1f1f1
}

.navbar-nav .caret {
    margin-top: -3px
}

#navbar-main .dropdown-menu {
    border: 0;
    border-radius: 0;
    z-index: 999999
}

.non-list {
    list-style-position: inside;
    margin: 0;
    padding: 0
}

.dropdown-menu > li {
    z-index: 99999999;
    height: 30px
}

.referencerating {
    margin-top: 5px;
    margin-left: 20px
}

#nabidka-djs .referenceclient {
    font-size: 18px;
    color: #1a2d41;
    float: right
}

.checkdiv {
    position: absolute;
    display: none;
    margin-top: -50px;
    width: calc(100% - 30px);
    text-align: center
}

.credentials h3 {
    margin-top: 0
}

.label1, .label2 {
    position: absolute;
    text-align: left;
    margin-top: -32px;
    margin-left: 60px;
    left: 0;
    font-size: 18px
}

.label-c {
    position: absolute !important;
    font-size: 12px !important
}

#content .send-c, #content .send-h {
    font-size: 22px;
    color: #6cc7d6;
    font-weight: 300;
    text-align: center
}

.referencetable {
    visibility: visible;
    height: auto
}

.referencediv {
    visibility: hidden;
    height: 0
}

.referencedivdown {
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 10px;
    background-color: #edf5f7
}

.thin-hr {
    border: none;
    height: 0, 3px;
    color: #6dc7d6;
    background-color: #6dc7d6
}

#content .fb-share-button {
    margin-left: -18px
}

#content #share-div {
    padding-top: 5px;
    border-top: 1px solid #ebebeb;
    margin-top: 10px;
    margin-bottom: 50px
}

#blog-post-content span {
    margin: 0;
    padding: 0;
    color: #383838
}

.item-list-big-blog {
    min-height: 550px
}

.tag-div {
    margin-bottom: -10px;
    height: auto
}

.blog-image {
    height: 200px;
    width: 100%;
    background-color: #0a0
}

.blog-tag {
    position: relative;
    min-width: 100%;
    font-size: 20px;
    text-align: right
}

.wt {
    margin-top: 80px
}

.your-class {
    height: calc(100% - 30px);
    margin: 0
}

.widget-div {
    padding-left: 20px;
    padding-right: 20px
}

.slick-initialized {
    visibility: visible
}

.upsellslide {
    margin-top: 150px
}

.slick-dots li {
    margin: 10px
}

.widget-logo {
    width: 300px;
}

.widget-header {
    padding: 20px;
    margin-bottom: 50px;
}

.slick-dots li button::before {
    font-size: 50px;
    color: #fff;
    border-radius: 50%;
    content: "";
    background-color: #8bc4d6;
    border: 1px solid #fff
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100px;
    height: 100px;
    padding: 5px;
    list-style: none;
    color: transparent;
    border: 0;
    outline: 0
}

#InternalNavigation {
    margin-top: 60px;
    padding: 15px 0 5px;
    position: absolute;
    z-index: 1;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase
}

.blog-perex {
    text-align: center !important
}

@media (max-width: 1024px) {
    #content .dj-header-nick, .upsellslide, .w100 {
        max-width: 100%
    }

    .upsellslide {
        margin-top: 200px
    }

    #header {
        padding-top: 25px
    }

    #InternalNavigation, #blog, #content .djservices, #kdo-jsme, #kontakt, #nas-dj, #o-nas, #rezervace, .checkhref, .nav .profileinsta, .navbar-collapse, .navbar-nav, .send-i, .smoothScroll {
        display: none
    }

    #content .item-list, #content .item-list:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border: 0
    }

    .item-list-big-blog {
        min-height: 0;
        border: 0
    }

    .label1 {
        float: left;
        margin-bottom: 30px
    }

    #content .dj-header {
        margin-left: 0;
        margin-bottom: 0;
        width: 100%
    }

    .navbardj {
        margin-bottom: 0
    }

    #content .dj-header-nick {
        font-size: 50px;
        color: #6cc7d6;
        text-align: center;
        font-weight: 300;
        margin-left: 0;
        margin-right: 0;
        position: relative;
        margin-top: 10px
    }

    #upsellslider, .carousel, .referencetable, .share_box, .your-class {
        visibility: hidden
    }

    #content .rct, #footer .menu li, #kdo-jsem .dj-profile-h, #nabidka-djs .rating-box, .credentials {
        text-align: center
    }

    #content .referencebutton, .label1, .oldabutton {
        position: relative
    }

    .container {
        width: 100%;
        margin-top: 30px
    }

    .mobiledefault, .w100, .w90 {
        display: block
    }

    .creator {
        right: 10px
    }

    #headerwrap, #headerwrap-1, #headerwrap-10, #headerwrap-11, #headerwrap-12, #headerwrap-13, #headerwrap-14, #headerwrap-15, #headerwrap-16, #headerwrap-17, #headerwrap-18, #headerwrap-19, #headerwrap-2, #headerwrap-20, #headerwrap-3, #headerwrap-4, #headerwrap-5, #headerwrap-6, #headerwrap-7, #headerwrap-8, #headerwrap-9 {
        height: 580px;
        background-size: auto 100%;
        margin-top: 45px;
        margin-bottom: -100px
    }

    #olda {
        height: 580px;
        background-size: auto 580px;
        margin-top: -50px
    }

    #olda h1 {
        margin-top: -100px
    }

    .oldahref {
        padding-top: 10px;
        font-size: 20px
    }

    .oldahref h1 {
        font-size: 20px;
        text-align: center
    }

    #headerwrap, #headerwrap-15, #headerwrap-4, #headerwrap-5, #headerwrap-6, #headerwrap-7 {
        margin-top: 45px;
        margin-bottom: -100px;
        padding-top: 250px
    }

    .item-list-big2, .item-list-big3 {
        min-height: 10px;
        overflow: hidden
    }

    #navbar-main .container {
        padding: 0
    }

    .navbar-collapse2 li a {
        padding: 15px
    }

    .carousel {
        height: 0;
        width: 0
    }

    .nav-tabs, .reservation-send {
        width: 100%
    }

    #kdo-jsme, #kontakt, #nas-dj, #o-nas, #rezervace {
        background: #f3f3f3;
        margin-top: 45px;
        margin-bottom: -100px
    }

    #headerwrap h1, #headerwrap h2, #headerwrap-15 h2, #headerwrap-4 h2, #headerwrap-5 h2, #headerwrap-6 h2, #headerwrap-7 h2, #headerwrap-8 h2, #kdo-jsme h2, #kontakt h2, #nas-dj h2, #o-nas h2, #rezervace h2 {
        margin-top: -215px
    }

    .profile-header, .profile-header-b {
        background-image: none;
        height: 200px;
        widows: 100%;
        margin-top: -5px
    }

    .nav-tabs {
        margin-top: 0;
        text-align: center
    }

    #content .dj-header, #kdo-jsem .dj-profile-t {
        margin-top: 20px;
        text-align: center
    }

    #content .tab-content {
        margin-left: 0
    }

    #kdo-jsem .dj-profile-text {
        font-size: 15px;
        color: #292929;
        text-align: center;
        z-index: 77
    }

    .dj-profile-button {
        margin-left: 0;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }

    #rezervace, .referencetable {
        height: 0
    }

    .referencediv {
        visibility: visible;
        height: auto
    }

    .w100 {
        margin: 0 auto
    }

    .w90 {
        margin: 5px auto 0
    }

    #reservation-div, .choose, .schafff-am {
        margin-top: 50px
    }

    .pull-left {
        float: none
    }

    .checkhrefresponsive {
        display: inherit
    }

    .djbut {
        height: 260px
    }

    #pocitadlo {
        background-attachment: local;
        background-size: auto;
        background-position: 30% 20%
    }

    .label1 {
        margin-left: 45px;
        font-size: 18px
    }

    .label2 {
        position: absolute;
        margin-top: -32px;
        font-size: 18px
    }

    .reservation-services {
        margin-bottom: 30px
    }

    .companyinfo {
        width: 100%;
        height: 1px;
        background-color: #f3f3f3
    }

    .responsivelogo {
        max-height: 40px;
        margin-top: 13px;
        left: 30px;
        position: absolute
    }

    #nabidka-djs .referenceclient {
        float: none;
        text-align: center
    }

    .navbar-header {
        padding: 10px;
        display: none
    }
}

.form-btn, .form-btn2, .sendbutton {
    font-size: 14px;
    font-weight: 600;
    color: #fff
}

.agreement_label, .agreement_label-event {
    width: 30px;
    display: block;
    cursor: pointer
}

@media (max-width: 768px) {

    .mtrbtn {
        width: 100% !important;
    }

    .upsellslide {
        max-width: 100%;
        margin-top: 180px
    }

    .navbardj > li {
        display: block;
        width: 100%;
        font-size: 18px;
        background-color: #f3f3f3;
        margin-bottom: 5px
    }

    .navbardj > li a {
        color: #000
    }
}

.reservation-divider {
    height: 30px;
    border-top: 1px solid #f0f0f0
}

.reservation-send {
    position: relative;
    margin-left: auto;
    margin-right: 0
}

.group {
    margin: 15px 0
}

.party-container {
    margin-top: 20px
}

.toggle ::selection, .toggle :after::selection, .toggle :before::selection, .toggle + .toggle-btn::selection, .toggle::selection, .toggle:after::selection, .toggle:before::selection {
    background: 0 0
}

.toggle + .toggle-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none
}

.ui-datepicker-prev span {
    background-image: url(/assets/image/back.svg) !important;
    background-position: 0 0 !important
}

.ui-datepicker-next span {
    background-image: url(/assets/image/next.svg) !important;
    background-position: 0 0 !important
}

.ui-datepicker-next-hover {
    background: 0 0
}

.toggle + .toggle-btn:after, .toggle + .toggle-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%
}

.carousel-control-prev, .toggle + .toggle-btn:after {
    left: 0
}

.toggle:checked + .toggle-btn:after {
    left: 50%
}

.toggle-switch + .toggle-btn {
    background: #f0f0f0;
    border-radius: 2em;
    padding: 2px;
    transition: .4s
}

.toggle-switch + .toggle-btn:after {
    border-radius: 50%;
    background: #fff;
    transition: .2s
}

.group:first-child .toggle-switch:checked + .toggle-btn, .group:last-child .toggle-switch:checked + .toggle-btn, .group:nth-child(2) .toggle-switch:checked + .toggle-btn, .group:nth-child(3) .toggle-switch:checked + .toggle-btn {
    background: #5fc6d3
}

.agreement:checked + label {
    background: #5fc6d3;
    border-color: #5fc6d3
}

.agreement-event:checked + label:after, .agreement:checked + label:after {
    transform: scale(1.3)
}

.agreement_label {
    height: 30px;
    background: #f0f0f0;
    border: 5px solid #f0f0f0;
    border-radius: 5px;
    position: relative;
    transition: .2s
}

.agreement_label-event:after, .agreement_label:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background: url(/assets/image/Check.svg) center center/contain no-repeat;
    transform: scale(0);
    transition: .2s
}

.agreement_label-event:active:before, .agreement_label:active:before {
    background: #bfbfbf
}

.agreement_label_text {
    position: absolute;
    margin-top: -42px;
    left: 50px
}

.agreement-event:checked + label {
    background: #383838;
    border-color: #383838
}

.agreement_label-event {
    box-sizing: border-box;
    height: 30px;
    background: #f0f0f0;
    border: 5px solid #f0f0f0;
    border-radius: 5px;
    position: relative;
    transition: .2s
}

.geosection {
    height: 180px;
    padding-top: 20px;
    background: url(/assets/image/harosh.png) 0 0/auto 100% no-repeat
}

.img-100 {
    width: 100%;
    border: 0
}

.sendbutton {
    outline: 0;
    height: 40px;
    padding: 8px;
    text-align: center;
    width: auto;
    border-radius: 7px;
    background: #61c6d4;
    border: 2px solid #61c6d4;
    text-shadow: 0;
    cursor: pointer;
    transition: .25s
}

.sendbutton:hover {
    color: #fff;
    background: #46a6b3;
    border: 2px solid #46a6b3
}

.onclic:after, .sendbutton:after, .validate:after {
    content: ""
}

.form-btn, .form-btn2 {
    display: block;
    height: auto;
    padding: 15px;
    margin: auto auto 0;
    text-transform: uppercase
}

.form-btn {
    width: 180px;
    background: #61c6d4;
    border: none;
    border-radius: 7px;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s
}

.onclic {
    width: 40px;
    border-radius: 50%;
    border-color: #61c6d4 #61c6d4 #61c6d4 #fff;
    background-color: #fff;
    border-width: 3px;
    font-size: 0;
    animation: 2s linear .25s infinite rotating
}

.onclic:hover {
    color: #1ecd97;
    background: #fff
}

.validate {
    font-size: 13px;
    color: #fff;
    border-color: #46a6b3;
    background: #46a6b3
}

.ui-autocomplete, .ui-widget-content {
    margin-top: -5px;
    background-color: #fff
}

@keyframes rotating {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.float-right {
    float: right
}

.ui-widget-content {
    border-left: 1px solid #5fc6d3;
    border-right: 1px solid #5fc6d3;
    border-bottom: 1px solid #5fc6d3;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ui-autocomplete {
    float: left;
    display: none;
    min-width: 160px;
    padding: 5px;
    list-style: none;
    border-color: #5fc6d3;
    border-style: solid;
    border-width: 0 1px 1px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #555;
    white-space: nowrap;
    text-decoration: none
}

.ui-autocomplete.ui-state-hover, .ui-state-active {
    color: #fff;
    background-color: #f3f3f3;
    border-radius: 5px;
    border: 1px solid #f3f3f3
}

.ui-menu-item-wrapper {
    padding: 10px
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #ececed;
    border-radius: 3px;
    text-align: center
}

.ui-state-default:hover, .ui-widget-content:hover .ui-state-default:hover, .ui-widget-header:hover .ui-state-default:hover {
    background: #f3f3f3
}

.ui-datepicker-next, .ui-datepicker-next:hover, .ui-datepicker-prev, .ui-datepicker-prev:hover {
    background-color: none;
    border-radius: 3px
}

.carousel-indicators .active, .covrad_label:hover, .nav-resp, .selrad_label:hover {
    background-color: #fff
}

.no-padding, .ui-menu .ui-menu-item {
    padding: 0
}

hr {
    width: 100%;
    padding-bottom: 1px;
    border: 0;
    color: #f8f8f8;
    background-color: #f8f8f8
}

.nav-resp {
    display: none
}

li.dropdown.show > a.dropdown-toggle {
    color: #fff;
    font-weight: 500
}

.nav-collapse ul {
    margin: 0;
    padding: 0;
    display: block
}

.nav-collapse li {
    display: block;
    float: left;
    width: 100%;
    padding: 10px;
    -webkit-transition: 150ms ease-in;
    -moz-transition: 150ms ease-in;
    -o-transition: 150ms ease-in;
    -ms-transition: 150ms ease-in;
    transition: 150ms ease-in;
    text-indent: 10px;
    font-size: 16px
}

.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: scroll;
    zoom: 1;
    z-index: 9999999999
}

.nav-collapse.opened {
    height: 50vh;
    border-bottom: 1px solid #eee
}

.disable-pointer-events {
    pointer-events: none !important
}

.nav-collapse, .nav-collapse * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nav-collapse, .nav-collapse ul {
    list-style: none;
    width: 100%;
    float: left;
    background-color: #fff;
    z-index: 999999
}

.nav-collapse li:hover {
    background-color: #eee
}

@media screen and (max-width: 1024px) {
    .nav-collapse, .navbar-brand {
        display: none
    }

    .nav-resp {
        position: fixed;
        top: 0;
        display: block;
        height: 65px;
        z-index: 1030;
        min-width: 100%;
        border-bottom: 1px solid #eee
    }
}

.nav-collapse a {
    text-decoration: none;
    padding: .7em 1em .7em 0;
    color: #337ab7;
    width: 100%;
    float: left;
    z-index: 99999 !important
}

.nav-collapse ul ul a {
    background: #ca3716;
    padding-left: 2em
}

@media screen and (min-width: 1025px) {
    .js .nav-collapse {
        position: relative
    }

    .js .nav-collapse.closed {
        max-height: none
    }

    .nav-collapse ul ul a, .nav-toggle {
        display: none
    }

    .nav-collapse {
        float: right;
        width: auto
    }

    .nav-collapse li {
        width: auto
    }

    .nav-collapse a {
        padding: 1.02em 2em;
        text-align: center;
        border-top: 0;
        float: left;
        margin: 0
    }

    .nav-collapse:last-child a {
        padding-right: 0
    }
}

.carousel, .carousel-inner, .carousel-item, .nav-toggle {
    position: relative
}

.nav-toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    right: 30px;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    text-indent: -300px;
    overflow: hidden;
    width: 60px;
    margin-top: 10px;
    height: 55px;
    float: right
}

@font-face {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
    src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg")
}

.nav-toggle:before {
    color: #6ac7d4;
    font-size: 28px;
    font-family: FontAwesome;
    text-transform: none;
    text-align: right;
    position: absolute;
    content: "\f0c9";
    text-indent: 0;
    speak: none;
    width: 100%;
    left: 0;
    top: 0
}

.nav-toggle.active:before {
    font-size: 28px;
    content: "\f00d"
}

#wrap {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -60px;
    padding: 0 0 60px
}

#footer {
    background-color: #f3f3f3;
    padding: 35px 0;
    height: auto;
    margin-top: 50px
}

#wrap > .container {
    padding: 60px 15px 0
}

.container .credit {
    margin: 20px 0
}

#footer > .container {
    padding-left: 15px;
    padding-right: 15px
}

code {
    font-size: 80%
}

.carousel-inner {
    width: 100%;
    overflow: hidden
}

.carousel-item {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.active.carousel-item-right, .carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.active.carousel-item-left, .carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .active.carousel-item-right, .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .active.carousel-item-left, .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: center center/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.d-block {
    display: block !important
}

.d-none {
    display: none !important
}

#blog-div iframe, #blog-div img, .w-100 {
    width: 100% !important
}

.img-fluid {
    height: auto
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.resnote {
    height: 125px
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important
    }
}

.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
    color: #2ec1d3
}

.carousel-caption, .carousel-control {
    text-shadow: none
}

.covrad, .selrad {
    visibility: hidden;
    height: 0;
    width: 0
}

.covrad_label, .selrad_label {
    width: 100%;
    position: relative;
    padding: 10px;
    background-color: #f8f8f8;
    color: #555;
    cursor: pointer;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 5px
}

.selrad:checked + label {
    background-color: #383838;
    color: #fff
}

.btn2, .covrad:checked + label {
    background-color: #e14a7c;
    border: 0
}

.btn2:hover {
    background-color: #e83150;
    border: 0
}

.covid-header {
    margin-top: 50px;
    color: #e83150 !important;
    font-size: 30px !important;
    text-transform: uppercase
}

.covrad:checked + label {
    color: #fff
}

.mtrbtn {
    width: 200px;
    line-height: 35px;
    background-color: #61c6d4;
    border-radius: 7px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 1024px) {
    #headerwrap {
        padding-top: 50px;
        margin-top: 30px;
    }
}

.pac-container {
    z-index: 9999999999999999 !important;
    background-image: none !important;
    box-sizing: content-box;
    border: 1px solid #61c6d4;
    margin: -5px 0 0 -0.5px;
    box-shadow: none;
    border-radius: 0 0 5px 5px;
    border-top: 0;
    font-family: 'Open Sans', sans-serif
}

.pac-container:after {
    background-image: none !important;
    height: 0
}

.pac-item {
    border: 0;
    padding: 10px
}

.pac-item-query {
    font-size: 13px
}

#blog-div h2 {
    font-size: 18px !important;
    text-align: left !important
}

.minus-margin {
    margin: -15px
}

#blog-div .blog-title {
    font-size: 24px !important
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: .5em .75em;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: .4em;
    vertical-align: top
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle
}

.resp-sharing-button__icon {
    stroke: #fff;
    fill: none
}

.resp-sharing-button__icon--solid, .resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none
}

.resp-sharing-button--pinterest {
    background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
    background-color: #8c0615
}

.resp-sharing-button--tumblr {
    background-color: #35465c
}

.resp-sharing-button--tumblr:hover {
    background-color: #222d3c
}

.resp-sharing-button--reddit {
    background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
    background-color: #3a80c1
}

.resp-sharing-button--google {
    background-color: #dd4b39
}

.resp-sharing-button--google:hover {
    background-color: #c23321
}

.resp-sharing-button--email {
    background-color: #777
}

.resp-sharing-button--email:hover {
    background-color: #5e5e5e
}

.resp-sharing-button--xing {
    background-color: #1a7576
}

.resp-sharing-button--xing:hover {
    background-color: #114c4c
}

.resp-sharing-button--whatsapp {
    background-color: #25d366
}

.resp-sharing-button--whatsapp:hover {
    background-color: #1da851
}

.resp-sharing-button--hackernews {
    background-color: #f60
}

.resp-sharing-button--hackernews:focus, .resp-sharing-button--hackernews:hover {
    background-color: #fb6200
}

.resp-sharing-button--vk {
    background-color: #507299
}

.resp-sharing-button--vk:hover {
    background-color: #43648c
}

.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998
}

.resp-sharing-button--facebook:active, .resp-sharing-button--facebook:hover {
    background-color: #2d4373;
    border-color: #2d4373
}

.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee
}

.resp-sharing-button--twitter:active, .resp-sharing-button--twitter:hover {
    background-color: #2795e9;
    border-color: #2795e9
}

.resp-sharing-button--linkedin {
    background-color: #0077b5;
    border-color: #0077b5
}

.resp-sharing-button--linkedin:active, .resp-sharing-button--linkedin:hover {
    background-color: #046293;
    border-color: #046293
}