/* BS4 Grid XXL breakpoint */

/* adding col-xxl */
.col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto {position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}
.container-xxl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.navbar .container-xxl {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
    -ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;}

@media (min-width: 1400px){
    /* expanding BS4 max-width */
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {max-width: 1320px;}

    /* grid columns xxl */
    .row-cols-xxl-auto > * {flex: 0 0 auto;width: auto;}
    .row-cols-xxl-1 > * {flex: 0 0 auto;width: 100%;}
    .row-cols-xxl-2 > * {flex: 0 0 auto;width: 50%;}
    .row-cols-xxl-3 > * {flex: 0 0 auto;width: 33.333333%;}
    .row-cols-xxl-4 > * {flex: 0 0 auto;width: 25%;}
    .row-cols-xxl-5 > * {flex: 0 0 auto;width: 20%;}
    .row-cols-xxl-6 > * {flex: 0 0 auto;width: 16.666667%;}
    .col-xxl {flex: 1 0 0%;-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
    .col-xxl-auto {-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;}
    .col-xxl-1 {-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
    .col-xxl-2 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
    .col-xxl-3 {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    .col-xxl-4 {-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
    .col-xxl-5 {-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
    .col-xxl-6 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    .col-xxl-7 {-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
    .col-xxl-8 {-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
    .col-xxl-9 {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
    .col-xxl-10 {-webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
    .col-xxl-11 {-webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
    .col-xxl-12 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

    /* order xxl */
    .order-xxl-0 {-webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0;}
    .order-xxl-1 {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
    .order-xxl-2 {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
    .order-xxl-3 {-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;}
    .order-xxl-4 {-webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4;}
    .order-xxl-5 {-webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5;}
    .order-xxl-6 {-webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6;}
    .order-xxl-7 {-webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7;}
    .order-xxl-8 {-webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8;}
    .order-xxl-9 {-webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9;}
    .order-xxl-10 {-webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10;}
    .order-xxl-11 {-webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11;}
    .order-xxl-12 {-webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12;}

    /* text-align xxl */
    .text-xxl-center {text-align: center!important;}
    .text-xxl-left {text-align: left!important;}
    .text-xxl-right {text-align: right!important;}

    /* float xxl */
    .float-xxl-left {float: left!important;}
    .float-xxl-right {float: right!important;}
    .float-xxl-none {float: none!important;}

    /* display xxl */
    .d-xxl-none {display: none!important;}
    .d-xxl-inline {display: inline!important;}
    .d-xxl-inline-block {display: inline-block!important;}
    .d-xxl-block {display: block!important;}
    .d-xxl-table {display: table!important;}
    .d-xxl-table-cell {display: table-cell!important;}
    .d-xxl-table-row {display: table-row!important;}
    .d-xxl-flex {display: flex!important;}
    .d-xxl-inline-flex {display: inline-flex!important;}

    /* offsets xxl */
    .offset-xxl-1 {margin-left: 8.333333%;}
    .offset-xxl-2 {margin-left: 16.666667%;}
    .offset-xxl-3 {margin-left: 25%;}
    .offset-xxl-4 {margin-left: 33.333333%;}
    .offset-xxl-5 {margin-left: 41.666667%;}
    .offset-xxl-6 {margin-left: 50%;}
    .offset-xxl-7 {margin-left: 58.333333%;}
    .offset-xxl-8 {margin-left: 66.666667%;}
    .offset-xxl-9 {margin-left: 75%;}
    .offset-xxl-10 {margin-left: 83.333333%;}
    .offset-xxl-11 {margin-left: 91.666667%;}

    /* spacing xxl */
    .flex-xxl-fill {flex: 1 1 auto !important;}
    .flex-xxl-row {flex-direction: row !important;}
    .flex-xxl-column {flex-direction: column !important;}
    .flex-xxl-row-reverse {flex-direction: row-reverse !important;}
    .flex-xxl-column-reverse {flex-direction: column-reverse !important;}
    .flex-xxl-grow-0 {flex-grow: 0 !important;}
    .flex-xxl-grow-1 {flex-grow: 1 !important;}
    .flex-xxl-shrink-0 {flex-shrink: 0 !important;}
    .flex-xxl-shrink-1 {flex-shrink: 1 !important;}
    .flex-xxl-wrap {flex-wrap: wrap !important;}
    .flex-xxl-nowrap {flex-wrap: nowrap !important;}
    .flex-xxl-wrap-reverse {flex-wrap: wrap-reverse !important;}
    .justify-content-xxl-start {justify-content: flex-start !important;}
    .justify-content-xxl-end {justify-content: flex-end !important;}
    .justify-content-xxl-center {justify-content: center !important;}
    .justify-content-xxl-between {justify-content: space-between !important;}
    .justify-content-xxl-around {justify-content: space-around !important;}
    .justify-content-xxl-evenly {justify-content: space-evenly !important;}
    .align-items-xxl-start {align-items: flex-start !important;}
    .align-items-xxl-end {align-items: flex-end !important;}
    .align-items-xxl-center {align-items: center !important;}
    .align-items-xxl-baseline {align-items: baseline !important;}
    .align-items-xxl-stretch {align-items: stretch !important;}
    .align-content-xxl-start {align-content: flex-start !important;}
    .align-content-xxl-end {align-content: flex-end !important;}
    .align-content-xxl-center {align-content: center !important;}
    .align-content-xxl-between {align-content: space-between !important;}
    .align-content-xxl-around {align-content: space-around !important;}
    .align-content-xxl-stretch {align-content: stretch !important;}
    .align-self-xxl-auto {align-self: auto !important;}
    .align-self-xxl-start {align-self: flex-start !important;}
    .align-self-xxl-end {align-self: flex-end !important;}
    .align-self-xxl-center {align-self: center !important;}
    .align-self-xxl-baseline {align-self: baseline !important;}
    .align-self-xxl-stretch {align-self: stretch !important;}
    .order-xxl-first {order: -1 !important;}
    .order-xxl-0 {order: 0 !important;}
    .order-xxl-1 {order: 1 !important;}
    .order-xxl-2 {order: 2 !important;}
    .order-xxl-3 {order: 3 !important;}
    .order-xxl-4 {order: 4 !important;}
    .order-xxl-5 {order: 5 !important;}
    .order-xxl-last {order: 6 !important;}
    .m-xxl-0 {margin: 0 !important;}
    .m-xxl-1 {margin: 0.25rem !important;}
    .m-xxl-2 {margin: 0.5rem !important;}
    .m-xxl-3 {margin: 1rem !important;}
    .m-xxl-4 {margin: 1.5rem !important;}
    .m-xxl-5 {margin: 3rem !important;}
    .m-xxl-auto {margin: auto !important;}
    .mx-xxl-0 {margin-right: 0 !important;margin-left: 0 !important;}
    .mx-xxl-1 {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}
    .mx-xxl-2 {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
    .mx-xxl-3 {margin-right: 1rem !important;margin-left: 1rem !important;}
    .mx-xxl-4 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}
    .mx-xxl-5 {margin-right: 3rem !important;margin-left: 3rem !important;}
    .mx-xxl-auto {margin-right: auto !important;margin-left: auto !important;}
    .my-xxl-0 {margin-top: 0 !important;margin-bottom: 0 !important;}
    .my-xxl-1 {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}
    .my-xxl-2 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}
    .my-xxl-3 {margin-top: 1rem !important;margin-bottom: 1rem !important;}
    .my-xxl-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}
    .my-xxl-5 {margin-top: 3rem !important;margin-bottom: 3rem !important;}
    .my-xxl-auto {margin-top: auto !important;margin-bottom: auto !important;}
    .mt-xxl-0 {margin-top: 0 !important;}
    .mt-xxl-1 {margin-top: 0.25rem !important;}
    .mt-xxl-2 {margin-top: 0.5rem !important;}
    .mt-xxl-3 {margin-top: 1rem !important;}
    .mt-xxl-4 {margin-top: 1.5rem !important;}
    .mt-xxl-5 {margin-top: 3rem !important;}
    .mt-xxl-auto {margin-top: auto !important;}
    .mr-xxl-0 {margin-right: 0 !important;}
    .mr-xxl-1 {margin-right: 0.25rem !important;}
    .mr-xxl-2 {margin-right: 0.5rem !important;}
    .mr-xxl-3 {margin-right: 1rem !important;}
    .mr-xxl-4 {margin-right: 1.5rem !important;}
    .mr-xxl-5 {margin-right: 3rem !important;}
    .mr-xxl-auto {margin-right: auto !important;}
    .mb-xxl-0 {margin-bottom: 0 !important;}
    .mb-xxl-1 {margin-bottom: 0.25rem !important;}
    .mb-xxl-2 {margin-bottom: 0.5rem !important;}
    .mb-xxl-3 {margin-bottom: 1rem !important;}
    .mb-xxl-4 {margin-bottom: 1.5rem !important;}
    .mb-xxl-5 {margin-bottom: 3rem !important;}
    .mb-xxl-auto {margin-bottom: auto !important;}
    .ml-xxl-0 {margin-left: 0 !important;}
    .ml-xxl-1 {margin-left: 0.25rem !important;}
    .ml-xxl-2 {margin-left: 0.5rem !important;}
    .ml-xxl-3 {margin-left: 1rem !important;}
    .ml-xxl-4 {margin-left: 1.5rem !important;}
    .ml-xxl-5 {margin-left: 3rem !important;}
    .ml-xxl-auto {margin-left: auto !important;}
    .p-xxl-0 {padding: 0 !important;}
    .p-xxl-1 {padding: 0.25rem !important;}
    .p-xxl-2 {padding: 0.5rem !important;}
    .p-xxl-3 {padding: 1rem !important;}
    .p-xxl-4 {padding: 1.5rem !important;}
    .p-xxl-5 {padding: 3rem !important;}
    .px-xxl-0 {padding-right: 0 !important;padding-left: 0 !important;}
    .px-xxl-1 {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
    .px-xxl-2 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
    .px-xxl-3 {padding-right: 1rem !important;padding-left: 1rem !important;}
    .px-xxl-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
    .px-xxl-5 {padding-right: 3rem !important;padding-left: 3rem !important;}
    .py-xxl-0 {padding-top: 0 !important;padding-bottom: 0 !important;}
    .py-xxl-1 {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}
    .py-xxl-2 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}
    .py-xxl-3 {padding-top: 1rem !important;padding-bottom: 1rem !important;}
    .py-xxl-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}
    .py-xxl-5 {padding-top: 3rem !important;padding-bottom: 3rem !important;}
    .pt-xxl-0 {padding-top: 0 !important;}
    .pt-xxl-1 {padding-top: 0.25rem !important;}
    .pt-xxl-2 {padding-top: 0.5rem !important;}
    .pt-xxl-3 {padding-top: 1rem !important;}
    .pt-xxl-4 {padding-top: 1.5rem !important;}
    .pt-xxl-5 {padding-top: 3rem !important;}
    .pr-xxl-0 {padding-right: 0 !important;}
    .pr-xxl-1 {padding-right: 0.25rem !important;}
    .pr-xxl-2 {padding-right: 0.5rem !important;}
    .pr-xxl-3 {padding-right: 1rem !important;}
    .pr-xxl-4 {padding-right: 1.5rem !important;}
    .pr-xxl-5 {padding-right: 3rem !important;}
    .pb-xxl-0 {padding-bottom: 0 !important;}
    .pb-xxl-1 {padding-bottom: 0.25rem !important;}
    .pb-xxl-2 {padding-bottom: 0.5rem !important;}
    .pb-xxl-3 {padding-bottom: 1rem !important;}
    .pb-xxl-4 {padding-bottom: 1.5rem !important;}
    .pb-xxl-5 {padding-bottom: 3rem !important;}
    .pl-xxl-0 {padding-left: 0 !important;}
    .pl-xxl-1 {padding-left: 0.25rem !important;}
    .pl-xxl-2 {padding-left: 0.5rem !important;}
    .pl-xxl-3 {padding-left: 1rem !important;}
    .pl-xxl-4 {padding-left: 1.5rem !important;}
    .pl-xxl-5 {padding-left: 3rem !important;}


    .m-xxl-0{margin:0!important}.mt-xxl-0,.my-xxl-0{margin-top:0!important}.mr-xxl-0,.mx-xxl-0{margin-right:0!important}.mb-xxl-0,.my-xxl-0{margin-bottom:0!important}.ml-xxl-0,.mx-xxl-0{margin-left:0!important}.m-xxl-1{margin:.25rem!important}.mt-xxl-1,.my-xxl-1{margin-top:.25rem!important}.mr-xxl-1,.mx-xxl-1{margin-right:.25rem!important}.mb-xxl-1,.my-xxl-1{margin-bottom:.25rem!important}.ml-xxl-1,.mx-xxl-1{margin-left:.25rem!important}.m-xxl-2{margin:.5rem!important}.mt-xxl-2,.my-xxl-2{margin-top:.5rem!important}.mr-xxl-2,.mx-xxl-2{margin-right:.5rem!important}.mb-xxl-2,.my-xxl-2{margin-bottom:.5rem!important}.ml-xxl-2,.mx-xxl-2{margin-left:.5rem!important}.m-xxl-3{margin:1rem!important}.mt-xxl-3,.my-xxl-3{margin-top:1rem!important}.mr-xxl-3,.mx-xxl-3{margin-right:1rem!important}.mb-xxl-3,.my-xxl-3{margin-bottom:1rem!important}.ml-xxl-3,.mx-xxl-3{margin-left:1rem!important}.m-xxl-4{margin:1.5rem!important}.mt-xxl-4,.my-xxl-4{margin-top:1.5rem!important}.mr-xxl-4,.mx-xxl-4{margin-right:1.5rem!important}.mb-xxl-4,.my-xxl-4{margin-bottom:1.5rem!important}.ml-xxl-4,.mx-xxl-4{margin-left:1.5rem!important}.m-xxl-5{margin:3rem!important}.mt-xxl-5,.my-xxl-5{margin-top:3rem!important}.mr-xxl-5,.mx-xxl-5{margin-right:3rem!important}.mb-xxl-5,.my-xxl-5{margin-bottom:3rem!important}.ml-xxl-5,.mx-xxl-5{margin-left:3rem!important}
    .p-xxl-0{padding:0!important}.pt-xxl-0,.py-xxl-0{padding-top:0!important}.pr-xxl-0,.px-xxl-0{padding-right:0!important}.pb-xxl-0,.py-xxl-0{padding-bottom:0!important}.pl-xxl-0,.px-xxl-0{padding-left:0!important}.p-xxl-1{padding:.25rem!important}.pt-xxl-1,.py-xxl-1{padding-top:.25rem!important}.pr-xxl-1,.px-xxl-1{padding-right:.25rem!important}.pb-xxl-1,.py-xxl-1{padding-bottom:.25rem!important}.pl-xxl-1,.px-xxl-1{padding-left:.25rem!important}.p-xxl-2{padding:.5rem!important}.pt-xxl-2,.py-xxl-2{padding-top:.5rem!important}.pr-xxl-2,.px-xxl-2{padding-right:.5rem!important}.pb-xxl-2,.py-xxl-2{padding-bottom:.5rem!important}.pl-xxl-2,.px-xxl-2{padding-left:.5rem!important}.p-xxl-3{padding:1rem!important}.pt-xxl-3,.py-xxl-3{padding-top:1rem!important}.pr-xxl-3,.px-xxl-3{padding-right:1rem!important}.pb-xxl-3,.py-xxl-3{padding-bottom:1rem!important}.pl-xxl-3,.px-xxl-3{padding-left:1rem!important}.p-xxl-4{padding:1.5rem!important}.pt-xxl-4,.py-xxl-4{padding-top:1.5rem!important}.pr-xxl-4,.px-xxl-4{padding-right:1.5rem!important}.pb-xxl-4,.py-xxl-4{padding-bottom:1.5rem!important}.pl-xxl-4,.px-xxl-4{padding-left:1.5rem!important}.p-xxl-5{padding:3rem!important}.pt-xxl-5,.py-xxl-5{padding-top:3rem!important}.pr-xxl-5,.px-xxl-5{padding-right:3rem!important}.pb-xxl-5,.py-xxl-5{padding-bottom:3rem!important}.pl-xxl-5,.px-xxl-5{padding-left:3rem!important}
    .m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}

    .justify-content-xxl-start {-ms-flex-pack: start !important;justify-content: flex-start !important;}
    .justify-content-xxl-end {-ms-flex-pack: end !important;justify-content: flex-end !important;}

    body {
        font-size: 1.5rem;
        
    }
}


html,
body {
    height: 100%;
    scroll-behavior: smooth;
    color: #333;
    overflow-x: hidden;
}
/*
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}
*/



.jumbotron {
    text-align: center;
    background-color: transparent;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}
.not-set {
    color: #c55;
    font-style: italic;
}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}
a.asc:after {
    content: /*"\e113"*/ "\e151";
}
a.desc:after {
    content: /*"\e114"*/ "\e152";
}
.sort-numerical a.asc:after {
    content: "\e153";
}
.sort-numerical a.desc:after {
    content: "\e154";
}
.sort-ordinal a.asc:after {
    content: "\e155";
}
.sort-ordinal a.desc:after {
    content: "\e156";
}
.grid-view th {
    white-space: nowrap;
}
.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}
.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}
@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}
.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}
.nav > li > form > button.logout:focus {
    outline: none;
}



.red {color: #e60020 !important;}
.bg-red {background-color: #e60020 !important;}
/* cerna - Používa sa hlavne vo webových titulkoch */
.black {color: #000} /* R:0 G:0 B:0 */
.bg-black {background-color: #000}
/* seda -  Používa sa hlavne vo fonte a stĺpcoch webových stránok */
.grey {color:#333} /* R:51 G:51 B:51 */
.bg-grey {background-color:#333}
/* seda - Používa sa hlavne vo fonte a stĺpcoch webových stránok */
.grey-2 {color:#8a9396} /* R:138 G:147 B:150 */
.bg-grey-2 {background-color:#8a9396}
/* seda - Používa sa hlavne v tabuľke farieb pozadia stĺpcov webových stránok atď. */
.grey-3 {color:#afb9b9} /* R:175 G:185 B:185 */
.bg-grey-3 {background-color:#afb9b9} /* R:175 G:185 B:185 */
/* seda - Používa sa hlavne v tabuľke farieb pozadia stĺpcov webových stránok atď. */
.grey-4 {color:#d2dcdc} /* R:210 G:220 B:220 */
.bg-grey-4 {background-color:#d2dcdc} /* R:210 G:220 B:220 */
.grey-4-25 {color:#f4f6f6} /* R:210 G:220 B:220 A:25% */
.bg-grey-4-25 {background-color:#f4f6f6} /* R:210 G:220 B:220 A:25% */
.grey-4-50 {color:#e8eded} /* R:210 G:220 B:220 A:25% */
.bg-grey-4-50 {background-color:#e8eded} /* R:210 G:220 B:220 A:25% */

/* zlata - Používa sa hlavne v tabuľke farieb pozadia stĺpcov webových stránok atď. */
.gold {color:#c8a564} /* R:200 G:165 B:100 */
.bg-gold {background-color:#c8a564} /* R:200 G:165 B:100 */
/* zlata - Používa sa hlavne v tabuľke farieb pozadia stĺpcov webových stránok atď. */
.gold-2 {color:#d7be96} /* R:215 G:190 B:150 */
.bg-gold-2 {background-color:#d7be96} /* R:215 G:190 B:150 */

/* cervena - Používa sa hlavne na pomocné linky webových stránok */
.red-2 {color:#fd000d} /* R:253 G:0 B:13 */
.bg-red-2 {background-color:#fd000d} /* R:253 G:0 B:13 */

/*dalsi sede*/
.grey-5 {color:#a6afb4} /* R166 G175 B180 */
.bg-grey-5 {background-color:#a6afb4} /* R166 G175 B180 */
.grey-6 {color:#cbd1d5} /* R203 G209 B213 */
.bg-grey-6 {background-color:#cbd1d5} /* R203 G209 B213 */
.grey-7 {color:#e6e9eb} /* R230 G233 B235 */
.bg-grey-7 {background-color:#e6e9eb} /* R230 G233 B235 */
/*cerna*/
.black-2 {color:#231815} /* R35 G24 B21 */
.bg-black-2 {background-color:#231815} /* R35 G24 B21 */
/*modra*/
.blue {color:#0070bd} /* R0 G112 B189 */
.bg-blue {background-color:#0070bd} /* R0 G112 B189 */



/* animations */
/* keyframes */
@keyframes bgshrink {
    0% {background-size: 110% 110%;}
    100% {background-size: 100% 100%;}
}
@keyframes bgzoomin {
    0% {background-size: 100% 100%;}
    100% {background-size: 110% 110%;}
}
@keyframes imgshrink {
    0% {transform: scale(1.1);}
    100% {transform: scale(1);}
}
@keyframes imgzoomin {
    0% {transform: scale(1);}
    100% {transform: scale(1.1);}
}

.fullwidth-slideshow img {
    transform: scale(1.1);
    animation: 10s ease-out 0s 1 imgzoomin;
}

/* animation speed of animate.js, jenom na medium a up */
@media (min-width: 768px) {
    .animate-fadeInLeft,
    .animate-fadeInRight,
    *[data-animation*="fadeInLeft"],
    *[data-animation*="fadeInRight"] {
        -webkit-animation-duration: 1.4s !important;
        animation-duration: 1.4s !important;;
    }
    .animate-fadeInLeft,
    *[data-animation*="fadeInLeft"] {
        animation: fadeInLeft;
    }
    .animate-fadeInRight,
    *[data-animation*="fadeInRight"] {
        animation: fadeInRight;
    }
}




/* fix for safari d-flex img */
.fix-flex,
a.colorbox,
.carousel-col-item {
    align-items: flex-start;
}

.img-flex-div img,
a.colorbox  img,
.carousel-col-item img{
    align-self: center;
    flex: 0 0 auto;
}

h1, .h1 {
    margin-bottom: 20px;
    font-size: 2.7rem !important    ;
    margin: 50px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    text-transform: uppercase;
    /*font-weight: 700;*/
    letter-spacing: 0.01em;
    color: #000;
    margin-bottom: 0.75rem;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    color: #000;
    text-decoration: none;
}
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover,
h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover
h1 a:active, .h1 a:active, h2 a:active, .h2 a:active, h3 a:active, .h3 a:active,
h4 a:active, .h4 a:active, h5 a:active, .h5 a:active, h6 a:active, .h6 a:active {
    color: #000;
    text-decoration: none;
}
@media (min-width: 1400px) {
    h1, .h1 {
        font-size: 3.75rem;
    }
    h2, .h2 {
        font-size: 3rem;
    }
    h3, .h3 {
        font-size: 2.625rem;
    }
    h4, .h4 {
        font-size: 2.25rem;
    }
    h5, .h5 {
        font-size: 1.875rem;
    }
    h6, .h6 {
        font-size: 1.5rem;
    }
    .lead {
        font-size: 1.3rem;
        line-height: 2 !important;
    }
    .btn-lg, .btn-group-lg > .btn {
        padding: 0.6rem 1.1rem;
        font-size: 1rem;
    }
}

.btn-dark {
    text-transform: uppercase;
    border-color: #333;
    border-radius: 0;
    color: #fff;
    background-color: #333;
    box-shadow: none;
    transition: color .4s,background-color .4s,box-shadow .4s;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #333;
    background-color: #fff;
    box-shadow: 0 0 0 1px #333 inset !important;
}

.shadow-5 {
}
.shadow-10 {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.8) !important;
}

.alert {
    border: 1px solid #333;
    border-radius: 0;
}

.navbar-nav{
    margin-left: 30%;
}
#stron{
    padding-right: 30px;
    list-style: none !important;

}


.page-content {min-height: 70vh;}



.language-list {
    width: 100% !important;
}
.language-item {
    display: inline-block !important;
    width: 48% !important;
}
#main-menu {
    text-transform: uppercase;
    font-size: 1.5rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8) !important;
    z-index: 99;
    height: 86px;
}
#main-menu .navbar-brand {}
#main-menu.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-brand {
    padding: 0;
    box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.5) !important;
   
}

#main-menu .models-link .dropdown-menu {
    display: none;
    width: 100%;
    max-width: 100%;
    font-size: 1.5rem;
    text-align: center;
}
#main-menu .models-link .dropdown-item {
    padding: 6px;
}
#main-menu .models-link .dropdown-menu.show {
    display: block;
}
@media (min-width: 992px) {
    .language-list {
        width: auto !important;
        font-size: 1em;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9999;
    }
    .language-item {
        padding-top: 0 !important;;
        padding-bottom: 0 !important;
    }
    #main-menu {
        height: 110px;
        margin-top: 30px;
        font-size: 1rem;
    }
    .navbar-brand {
        width: 155px;
    }
    #main-menu .nav-item > .nav-link > span,
    #main-menu .models-link .dropdown-item > span {
        position: relative;
        padding-bottom: 6px;
    }
    #main-menu .nav-item > .nav-link > span::after,
    #main-menu .models-link .dropdown-item > span::after {
        content: " ";
        width: 0;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #ffffff;
        transition: width 1s ease-in-out;
    }
    #main-menu .models-link .dropdown-item > span::after {
        background: #000000;
    }
    #main-menu .nav-item:hover > .nav-link > span::after,
    #main-menu .models-link .dropdown-item:hover > span::after,
    #main-menu .models-link .dropdown-item:focus > span::after,
    #main-menu .models-link .dropdown-item:active > span::after,
    #main-menu .models-link .dropdown-item.active > span::after {
        width: 100%;
    }

    #main-menu .models-link {
        position: static;
        margin-left: 83px;
    }
    
    
    #main-menu .models-link .dropdown-menu {
        display: none;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        align-self: flex-end !important;
        justify-content: flex-start;
        height: fit-content;
        bottom: 0;
        right: 4%;
        left: 20%;
        width: 76%;
        border-radius: 0;
        font-size: 1rem;
        clear: both;
    }
    #main-menu .models-link .dropdown-menu.show {
        display: -ms-flexbox;
        display: flex !important;
    }
    #main-menu .models-link .dropdown-item {
        position: relative;
        width: 25%;
        text-align: center;
        font-weight: 400;
    }
    #main-menu .models-link .dropdown-item img {
        height: 90px;
    }
    #main-menu .models-link .dropdown-item:hover,
    #main-menu .models-link .dropdown-item:focus,
    #main-menu .models-link .dropdown-item:active,
    #main-menu .models-link .dropdown-item.active {
        color: black;
        background: white;
    }
    
}
@media (min-width: 1200px) {
    #main-menu .models-link .dropdown-menu {
        right: 8%;
        left: 18%;
        width: 74%;
    }
    #main-menu .models-link .dropdown-item img {
        height: 120px;
    }
    
}
@media (min-width: 1400px) {
    .navbar-expand-xxl {-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-pack: start;justify-content: flex-start;}
    .navbar-expand-xxl .navbar-nav {-ms-flex-direction: row;flex-direction: row;}
    .navbar-expand-xxl .navbar-toggler {display: none;}
    .navbar-expand-xxl .navbar-collapse {display: -ms-flexbox !important;display: flex !important;-ms-flex-preferred-size: auto;flex-basis: auto;}

    .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md,
    .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl {-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
    .navbar-expand-xxl .navbar-nav .dropdown-menu {position: absolute;}
    .language-item {
        padding-top: 0 !important;;
        padding-bottom: 0 !important;
    }
    #main-menu {
        height: 85px;
        margin-top: 28px;
        font-size: 1rem;
    }
    .navbar-brand {
        width: 140.5px;
        height: 140.5px;
    }
    #main-menu .models-link .dropdown-menu {
        right: 2%;
        left: 22%;
        width: 76%;
        font-size: 1.5rem;
    }
    #main-menu .models-link .dropdown-item img {
        height: 150px;
    }
}
@media (min-width: 1600px) {
    #main-menu .models-link .dropdown-menu {
        right: 8%;
        left: 20%;
        width: 72%;
    }
}


.site-banner {
    max-height: 33vh;
    text-align: center;
    clear: both;
}


/* slideshow settings */
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%238a9396' width='6' height='12' viewBox='0 0 8 8'%3e%3cpath d='M 0 0 L 4 6 l -4 6 L 2 12 l 4 -6 l -4 -6 z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%238a9396' width='6' height='12' viewBox='0 0 8 8'%3e%3cpath d='M 4 0 l -4 6 l 4 6 l 2 0 L 2 6 l 4 -6 z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 1.5rem;
    height: 3rem;
}
@media (min-width: 992px) {
    .carousel-control-prev-icon, .carousel-control-next-icon {
        width: 3rem;
        height: 6rem;
    }
}
.carousel-item img {
    max-width: 100%;
    height: auto;
}
.models-slideshow .carousel-control-prev,
.models-slideshow .carousel-control-next {
    width: 4%;
    margin-top: -100px;
}
.models-slideshow .carousel-control-prev {
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}
.models-slideshow .carousel-control-next {
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}
/*
.models-slideshow .carousel-control-prev-icon,
.models-slideshow .carousel-control-next-icon {
    width: 2rem;
    height: 4rem;
}
*/
.models-slideshow .carousel-inner {
    margin: 0 auto;
    width: 92%;
    height: 270px;
}
.models-slideshow .carousel-col-item {
    min-width: 1px;
    padding: 0px 0 0px 0;
}
.models-slideshow .carousel-indicators {
    margin-bottom: 0;
}
.models-slideshow .carousel-indicators li {
    background-color: #8a9396;
}
.models-slideshow .carousel-caption {
    bottom: -3rem;
    padding: 0;
    font-weight: 500;
    font-size: 1.5rem;
    color: #333;
}
#main-slideshow .carousel-caption {
    top: 5%;
}
@media (min-width: 768px) {
    .models-slideshow .carousel-caption {
        bottom: -3rem;
    }
}



.noscope-bg {
    background: #f5f5f5 !important;
}
.noscope-360 {
    background: #f5f5f5 url('../images/360-bg.png') no-repeat bottom center;
}
#glory-ix5-360 {margin-top: 0px;margin-bottom: 100px;}
@media (min-width: 320px) {
    #glory-ix5-360 {margin-bottom: 200px;}
}
@media (min-width: 576px) {
    #glory-ix5-360 {margin-top: -100px;margin-bottom: 0px;}
}

section.hide { display: none; border: none !important; }
section {
    background-color: rgba(210, 220, 220, 0.25);
    background-repeat: no-repeat;
    background-position: 50% top ;
    /*border-top: 1px solid #797979;*/
    border-bottom: 1px solid #7979794d;
    box-sizing: content-box;
}
section + section {
    border-top: none;
    background-position: right top;
}
section:nth-child(even),
section:nth-child(even) {
    background-color: rgba(210, 220, 220, 0.5);
}

@media (min-width: 1920px) {
    .model-info-section > .row {
        max-width: 2380px;
        margin: 0 auto;
    }
}
.model-section .img-flex-div,
.model-info-section .img-flex-div {
    width: 100%;
    overflow: hidden;
    object-fit: cover;
}
.model-info-section .img-flex-div:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    transform: skewX(-13deg);
    transform-origin: left bottom;
    background-color: #f4f6f6;
}
.img-model, .img-model-info {width: 100%;}
@media (min-width: 768px) {
    .model-section,
    .model-info-section {
        height: 400px;
        overflow: hidden;
    }
    .model-section .img-flex-div,
    .model-info-section .img-flex-div {
        width: 100%;
        height: 400px;
        overflow: hidden;
    }
    .img-model,
    .img-model-info {
        height: 100%;
        width: auto;
        max-height: 400px;
    }

    @supports (transform: skewX(-13deg))
    and (transform-origin: right top) {
        .model-info-section .img-flex-div:after {
            top: 0;
            right: 0;
            width: 115px;
            height: 400px;
            transform-origin: left bottom;
            background-color: #f4f6f6;
        }
        .model-info-section:nth-child(even) .img-flex-div:after {
            top: auto;
            right: auto;
            left: 0;
            transform-origin: right top;
            background-color: #e8eded;
        }
    }
}
@media (min-width: 1400px) {
    .img-model-info {max-height: 425px;}

    @supports (transform: skewX(-13deg))
    and (transform-origin: right top) {
        .model-info-section .img-flex-div:after {
            width: 172.5px;
        }
    }

}


#cboxOverlay {
    background: #000000;
}
#cboxNext,
#cboxPrevious {
    display: none !important
}
.gallery a.colorbox {
    display: block;
    overflow: hidden;
    max-width: 100%;
    border: 1px solid #000000;
    z-index: 10;
}
.gallery a.colorbox img {
    /*transition: transform .4s ease-in-out;*/
    width: 100%;
    z-index: 11;
    will-change: contents;
}
.gallery a.colorbox:hover img {
    transform: scale(1.1);
    animation: .4s ease-out 0s 1 imgzoomin;
}



.location-section {
    background-image: url('../images/location-bg.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}
@media (min-width: 992px) {
    .location-section {
        height: 50vh;
    }
    .navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}
@media (min-width: 1200px) {
    .location-section {
        height: 66vh;
    }
}

.specification-table {}
.specification-table tbody tr {}
.specification-table tbody tr th { text-align: right; }
.specification-table tbody tr td { text-align: left; }


.main-footer {
    /*height: 50vh;*/
    background-image: url('../images/footer-bg.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    font-size: 1.5rem;
}
.main-footer .nav-link {
    padding: 0;
    color: #333;
}
.copyright {font-size: 1rem;}


.form-control {
    border-radius: 0;
}
.dropbtn{ 
color: white;
padding: 0px;
font-size: 16px;
border: none;
background: none !important;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 320px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    }
    
    .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    }


.dropdown:hover .dropdown-content {display: block;}

.sliks{ 
    width: 15%;
    margin-top: -4px;
}
.fa-facebook {
    padding: 20px;
    font-size: 21px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    right: 167px;
  }
  
  .fa:hover {
      
      text-decoration: none;
  }
  
  .fa-facebook {
    color:black;
  }
  .fa-instagram {
    color:black;
  }
  .fa-instagram{
    padding: 20px;
    font-size: 21px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    right: 117px;
    list-style: none;
  }
  .carousel-item img {
    max-width: 104%;
    height: auto;
}
#modela{
    margin-top:69px;
}
#selcte{
    padding: 55px 0px 10px 0px;
}
#btns{
    border-bottom: 1px solid black;
background: none;
color: black;
}
#lead2{
    font-size: 1.2rem ;
    padding: 39px;
}
.imgg{
    width: 89%;
    margin-top: 135px;
}
.footer{
    padding-top: 2px;
}
.main-footer .nav-link{
    font-size: 1.2rem;
    font-weight: 300;
}
.mobile-container {
    max-width: 480px;
    margin: auto;
    background-color: #555;
    height: 500px;
    color: white;
    border-radius: 10px;
  }
  
  .topnav {
    overflow: hidden;
    background-color: #333;
    position: relative;
  }
  
  .topnav #myLinks {
    display: none;
     transition-duration: 5s;
  }
  
  .topnav a {
    color: #ffffff;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 23px;
    display: block;
  }
  
  .topnav a.icon {
    display: block;
    position: absolute;
    right: -15px;
    top: 12px;
  }
  
  .topnav a:hover {
    color:;
  }
  #myLinks{
    display: block;
    background: #e60020;
    border-top: 1px solid;
    color: white;
  }
  .active {
    background-color:#e60020 ;
    color: white;
  }
  .modeli{
      display:flex !important;
  }
  .dropdown-content {
    display: none;
    min-width: 174px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
    padding: 0px;
    position:relative;
    font-size: 15px;
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.arrow {
  border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
margin: 4px;
}
#pravhead{
    padding:30px 115px ;
}
.kontakt{
    display:flex !important;
}
#fordes{
    margin-left: 37px;
}
#fordes2{
    margin-left: 37px;
}
.fcf-form-wrap{
    margin:0 auto;
}
  @media only screen and (max-width: 2500px){
    .topnav{
        display: none;
    }
  }
  @media only screen and (max-width: 992px){
    .topnav{
        display: block;
    }
    #main-menu{
        display: none;
    }
    .sliks {
        width: 3%;
        margin-top: -4px;
    }
    a.fa:nth-child(2){
        display: none;
    }
    a.fa:nth-child(3){
        display: none;
    }
  }
  @media only screen and (max-width: 600px){
    .sliks {
        width: 7%;
        margin-top: -4px;
    }
    #modela {
        margin-top: 6px;
    }
    #myLinks li{
        list-style:none;
    }
    .kontakt{
    display:block !important;
}
#fordes{
    margin-left: 0px;
}
#fordes2{
    margin-left: 0px;
}
  }
  @media only screen and (max-width: 1380px) {
      .navbar-nav{
        margin-left: 219px;      
    }
    #pravhead{
    padding:30px 13px !important;
}
  }