/* ---------------------------------------------------
    GENERAL DOCUMENT STYLE
----------------------------------------------------- */

/*v dokumente bude treba pouzivat rem jednotky minimalne pre text. rem su nasobky  font sizeu root dokumentu. ak html ma font size 16px, 2rem == 32px*/
html{
    font-size: 16px;
    height:100%;
}

#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:1500px; /* this needs to be bigger than footer height*/
}

.sidebar-gradient {
    background: linear-gradient(to left, #eaecf2, #ffffff);
    /*background-color: eaecf2;*/
}

.topbar-gradient{
    background: linear-gradient(to top, #eaecf2, #ffffff);
}

.footer {
  position: relative;
  margin-top: -1500px; /* negative value of footer height */
  clear:both;
  padding-top:20px;
} 

body{
    background-color: rgb(230,230,250);
    height:100%;
}

#TopPageBtns a, a:visited {
    color: #8b8d91;
    text-decoration: none;
}

#BottomPageBtns a, a:visited {
    color: #8b8d91;
    text-decoration: none;
}

#TopPageBtns {
    margin-top:10px;
}

.pagebutton {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 1px;
    color: #8b8d91;
    border: 1px solid #E3E3E3;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    clear: both;
    /*background: linear-gradient(to bottom, darkblue, blue)*/
    background: white;
}

.QuestionFont {
    font-style: italic;
    font-size: 36px;
    font-family: 'Hoefler Text', Georgia, serif;
    color: #7f7f7f;
    line-height: 42px;
    padding: 32px 80px 28px;
    line-height: 42px;
    margin: 56px auto;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

blockquote.QuestionFont::before {
    border-bottom: 1px solid #b2b2b2;
    box-sizing: border-box;
    content: '';
    height: 1px;
    left: 480px;
    position: absolute;
    right: 480px;
    top: 0;
}

blockquote.QuestionFont::after {
    bottom: 0;
    top: 100%;
    border-bottom: 1px solid #b2b2b2;
    box-sizing: border-box;
    content: '';
    height: 1px;
    left: 480px;
    position: absolute;
    right: 480px;
    color: #7f7f7f;
    font-family: 'Hoefler Text', Georgia, serif;
    font-size: 36px;
    font-style: italic;
    line-height: 42px;
    text-align: center;
}

ul.AnswerFont {
    box-sizing: border-box;
    margin-bottom: 32px;
    padding-left: 14px;
    margin: 0 auto 12px;
    width: 676px;
    max-width:100%;
    font-size: 17px;
    line-height: 28px;
    color: #1c1e21;
    direction: ltr;
}

li.AnswerFont {
    direction: ltr;
    text-align: left;
    font-size: 17px;
    line-height: 28px;
    color: #1c1e21;
    margin-bottom: 12px;
}

.can-highlight {
  transition: all 0.5s ease;
}

.can-highlight:focus {
    
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, .8);
    position: relative;
    z-index: 9999;
    pointer-events: auto;
    outline: none;
  }

pagebutton{
    width: 50px;
    border-radius:1px;
    border-style:none;
}

product-card{
    background: linear-gradient(to bottom,#f5f5f5 0,#fff 20px);
}

product-title{
    color: rgb(0,39,100);
}
add-button{
    border-radius: 0px;
}

::-webkit-scrollbar { 
display: none; 
}

.minHeightContainer{
    min-height:720px;
}

#maxw-600p{
    max-width: 600px;
}

.minh-150p{
   min-height: 150px;
}

.minh-100p{
   min-height: 150px;
}

.page-wrapper{
    background-color: white;
    width:100%;
}
/*vw == viwport width*/
#langDropdown{
    min-width: 5vw;
}
/*chceme sirsiu stranku ako je defaultna maximalna sirka bootstrap containera*/
.container{
    max-width:100vw !important;
}

.jumbotron{
    background-color:#2E2D88;
    color:white;
}

.card-text-background{
    background-color: rgb(255,255,255);
}
#sidebar 
a,
a:hover,
a:focus,
a:visited {
    color: black;
    text-decoration: none;
    transition: all 0.3s;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.tile{
    background: linear-gradient(to bottom,#f5f5f5 0,#fff 20px); 
    transition: box-shadow .3s;
}

.tile:hover{
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

.rightArrow:before{
    content: "\1f83a";
}

#addProductBtn{
    border-radius: 0rem 0rem 0.25rem 0,25rem;
}

#notetip{
    box-sizing:border-box;
    margin-right: 1.5rem;
    margin-left:1.5rem;
}

/* ---------------------------------------------------
    BREADCRUMBS
----------------------------------------------------- */

ul.breadcrumb {
    padding: 0px 16px;
    margin-top: 0px;
    list-style: none;
    /*background-color: white;*/

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

#navb ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.breadcrumb li {
    display: inline;
    /*font-size: 12px;*/
}

ul.breadcrumb li + li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}

/* ---------------------------------------------------
    CAROUSEL STYLE
----------------------------------------------------- */

/*vh == viewport height, 1vh == 1% vysky okna*/
.frontPageItem{
    height:70vh;
}

#carousel-item1{
  background-image: url('Images/carousel-1-s.jpg');
  /*height:70vh;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#carousel-item2{
  background-image: url('Images/carousel-2-s.jpg');

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#carousel-item3{
  background-image: url('Images/carousel-3-s.jpg');

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.carousel-caption h3{
  font-size: calc(2rem + 3vw);
  padding-bottom: .4rem;
}
.carousel-caption p{
  font-size: calc( 1rem + 2vw);
}

.productCarouselItem{
    vertical-align:middle;
    height:60vh;
    text-align: center;
}

.productCarouselItem > img{
     max-height:100%;
     max-width:100%;
     margin:auto;
 }

#productCarousel{
    background-color:white;
}

#thumbnailCarousel > .carousel-inner > .carousel-item > .row > .col-3 > .data-target{
    height:8vh;
    text-align: center;
    padding-left:1%;
    padding-right:1%;
    vertical-align:middle;
}

#thumbnailCarousel > .carousel-inner > .carousel-item > .row > .col-3{
    padding-left:1%;
    padding-right:1%;
}

.card.card-body{
    padding-bottom:0.8%;
    padding-top:0.8%;
}

#thumbnailCarousel > .carousel-inner > .carousel-item > .row > .col-3 > .data-target > img{
    max-width: 100%;
    max-height: 100%;
    margin:auto;
}

#thumbnailCarousel > .carousel-inner > .carousel-item > .row{
    max-width:100%;
    margin-left: 0px;
    margin-right: 0px;
}

.thumbnailCarousel-control.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' 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");
}

.thumbnailCarousel-control.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' 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");
}

.productCarousel-control.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%222' 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");
}

.productCarousel-control.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%222' 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");
}

/* ---------------------------------------------------
    MODAL LIGHTBOX GALLERY STYLE
----------------------------------------------------- */

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 16;
  padding-top: 6vh;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
}

#productCarousel-modal > .carousel-inner > .container > .carousel-item{
    width:100vw;
    height:73vh;
}

#thumbnailCarousel-modal > .carousel-inner > .carousel-item > .row > .col-3 > .data-target{
    height:13vh;
    text-align: center;
    padding-left:1%;
    padding-right:1%;
    vertical-align:middle;
}

#thumbnailCarousel-modal > .carousel-inner > .carousel-item > .row > .col-3{
    padding-left:1%;
    padding-right:1%;
}

#thumbnailCarousel-modal > .carousel-inner > .carousel-item > .row{
    max-width:100%;
    margin-left: 0px;
    margin-right: 0px;
}

#thumbnailCarousel-modal > .carousel-inner > .carousel-item > .row > .col-3 > .data-target > img{
    max-width:100%;
    max-height:100%;
    margin:auto;
}

/*helper for vertical alignment of images
    ...because fuck CSS
*/
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* The Close Button */
.close {
  color: #666;
  position: absolute;
  top: 0px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.cursor {
  cursor: pointer;
}

.caption-container {
  text-align: center;
  background-color: white;
  color: black;
  font-size: 1.2rem;
}

.modal-content{
    max-height: 100vh;
}

.productCarouselItem-modal > img{
     max-height:93%;
     max-width:100%;
     margin:auto;
 }

/*.carousel-control-prev,
.carousel-control-next {

}*/

.productCarousel-modal-control.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%222' 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");
}

.productCarousel-modal-control.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%222' 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");
}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 200px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 1;
    /*background: #7386D5;*/
    /*color: #fff;*/
    border-right: 1px solid lightgrey;
}

.hasTransition{
    transition: all 0.3s;
}

#sidebar.active, #sidebarCollapse.active {
    margin-left: -200px;
}

#sidebar.activeWhileTopbar, #sidebarCollapse.activeWhileTopbar {
    margin-left: -240px;
}

#sidebarCollapse {
    top: 69px;
    height: 40px;
    border-top: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    border-radius: 0px 5px 5px 0px;
    padding: 5px;
    left: 199px;
    position: fixed;
    width: 40px;
    background: #eaecf2/*#fff*//*#2a3036*/;
    z-index:2;
}

#sidebarCollapse:hover {
    cursor:pointer;
}

#sidebarCollapse-inner{
    width:100%;
    height:100%;
}

#sidebar .sidebar-header {
    padding: 16px;
    /*background: linear-gradient(to left, #eaecf2, #ffffff);*//*background: rgb(248,249,250)/*#2a3036;*/
    font-size:24px;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #2a3036;
}

#sidebar ul p {
    /*color: #fff;*/
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 18px;
    display: block;
}

#sidebar ul li a:hover {
    color: #2a3036/*#fff*/;
    background: #fff/*#2a3036*/;
}

#sidebar ul li.active>a,
#sidebar a[aria-expanded="true"] {
    /*color: #fff;*/
    background: #fff/*#2a3036*/;
}

a[data-toggle="collapse"] {
    position: relative;
}

/*.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}*/

ul ul a {
    font-size: 14px !important;
    padding-left: 30px !important;
    background: #fff/*#2a3036*/;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 14px !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: calc(100% - 200px);
    padding: 40px;
    min-height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
}

#content.active {
    width: 100%;
}

#content.activeWhileTopbar {
    width: 100%;
}

/* ---------------------------------------------------
    BOOTSTRAP EXTENTIONS
    ----------------------------------------------------- */
    /*.ts--3{
    font-size:0.25rem;
    }
    .ts--2{
    font-size:0.5rem;
    }
    .ts--1{
    font-size:0.75rem;
    }
    .ts-0{
    font-size:1rem;
    }
    .ts-1{
    font-size:1.25rem;
    }
    .ts-2{
    font-size:1.5rem;
    }
    .ts-3{
    font-size:1.75rem;
    }
    .ts-4{
    font-size:2rem;
    }
    .ts-5{
    font-size:2.25rem;
    }*/

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width:768px){
    #logo.sidebarActive{
        display: none;
    }
    #sidebar {
        margin-left: -200px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebar.activeWhileTopbar {
        margin-left: -240px;
    }
    #sidebarCollapse {
        margin-left: -200px;
    }
    #sidebarCollapse.active {
        margin-left: 0;
    }
    #sidebarCollapse.activeWhileTopbar {
        margin-left: -240px;
    }
    #content {
        width: 100%;
    }
    #content.active {
        width: calc(100% - 200px);
    }
    #content.activeWhileTopbar{
        width: 100%
    }
    #sidebarCollapse span {
        display: none;
    }
}

@media (min-width: 576px) {
    /* ---------------------------------------------------
    BOOTSTRAP EXTENTIONS
    ----------------------------------------------------- */
    /*.ts-sm--3{
    font-size:0.25rem;
    }
    .ts-sm--2{
    font-size:0.5rem;
    }
    .ts-sm--1{
    font-size:0.75rem;
    }
    .ts-sm-0{
    font-size:1rem;
    }
    .ts-sm-1{
    font-size:1.25rem;
    }
    .ts-sm-2{
    font-size:1.5rem;
    }
    .ts-sm-3{
    font-size:1.75rem;
    }
    .ts-sm-4{
    font-size:2rem;
    }
    .ts-sm-5{
    font-size:2.25rem;
    }*/
    /* ---------------------------------------------------
    OTHER
    ----------------------------------------------------- */
}

@media (min-width: 768px) {
    /* ---------------------------------------------------
    BOOTSTRAP EXTENTIONS
    ----------------------------------------------------- */
    /*.ts-md--3 {
        font-size: 0.25rem;
    }

    .ts-md--2 {
        font-size: 0.5rem;
    }

    .ts-md--1 {
        font-size: 0.75rem;
    }

    .ts-md-0 {
        font-size: 1rem;
    }

    .ts-md-1 {
        font-size: 1.25rem;
    }

    .ts-md-2 {
        font-size: 1.5rem;
    }

    .ts-md-3 {
        font-size: 1.75rem;
    }

    .ts-md-4 {
        font-size: 2rem;
    }

    .ts-md-5 {
        font-size: 2.25rem;
    }*/
    /* ---------------------------------------------------
    OTHER
    ----------------------------------------------------- */
    #addProductBtn{
        border-radius: 0rem.25rem 0.25rem 0rem;
    }
}

@media (min-width: 992px) {
    /* ---------------------------------------------------
    BOOTSTRAP EXTENTIONS
    ----------------------------------------------------- */
    /*.ts-lg--3{
    font-size:0.25rem;
    }
    .ts-lg--2{
    font-size:0.5rem;
    }
    .ts-lg--1{
    font-size:0.75rem;
    }
    .ts-lg-0{
    font-size:1rem;
    }
    .ts-lg-1{
    font-size:1.25rem;
    }
    .ts-lg-2{
    font-size:1.5rem;
    }
    .ts-lg-3{
    font-size:1.75rem;
    }
    .ts-lg-4{
    font-size:2rem;
    }
    .ts-lg-5{
    font-size:2.25rem;
    }*/
    /* ---------------------------------------------------
    OTHER
    ----------------------------------------------------- */
    #carousel-item1{
      background-image: url('Images/carousel-1-l.jpg');
    }
    #carousel-item2 {
      background-image: url('Images/carousel-2-l.jpg');
    }
    #carousel-item3 {
      background-image: url('Images/carousel-3-l.jpg');
    }
}

@media (min-width: 1200px) {
    /* ---------------------------------------------------
    BOOTSTRAP EXTENTIONS
    ----------------------------------------------------- */
    /*.ts-xl--3{
    font-size:0.25rem;
    }
    .ts-xl--2{
    font-size:0.5rem;
    }
    .ts-xl--1{
    font-size:0.75rem;
    }
    .ts-xl-0{
    font-size:1rem;
    }
    .ts-xl-1{
    font-size:1.25rem;
    }
    .ts-xl-2{
    font-size:1.5rem;
    }
    .ts-xl-3{
    font-size:1.75rem;
    }
    .ts-xl-4{
    font-size:2rem;
    }
    .ts-xl-5{
    font-size:2.25rem;
    }*/
    /* ---------------------------------------------------
    OTHER
    ----------------------------------------------------- */
}
/* ---------------------------------------------------
    FOOTER
----------------------------------------------------- */
.context-dark, .bg-gray-dark, .bg-primary {
    color: rgba(255, 255, 255, 0.8);
}

.footer-classic a, .footer-classic a:focus, .footer-classic a:active {
    color: #ffffff;
}
.nav-list li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-list li a:hover:before {
    margin-left: 0;
    opacity: 1;
    visibility: visible;
}

/*#navb ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}*/

.social-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 23px;
    font: 900 13px/1 "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}
.social-container .col {
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.nav-list li a:before {
    content: "⚯";
    font: 400 21px/1 "Material Design Icons";
    color: #4d6de6;
    display: inline-block;
    vertical-align: baseline;
    margin-left: -28px;
    margin-right: 7px;
    opacity: 0;
    visibility: hidden;
    transition: .22s ease;
}

.strikeout {
  font-size: 0.9rem;
  position: relative;
}
.strikeout::after {
  border-bottom: 0.185rem solid lightgrey;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}

.noteclassic, .noteimportant, .notewarning, .notetip, .notehelp {
    width: 90%;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px 15px 80px;
    margin: 0px 0px 0px 0px;
    -webkit-box-shadow: 2px 2px 3px #999;
    -moz-box-shadow: 2px 2px 3px #999;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    /*border: 1px solid #E3E3E3;*/
    background-position: 20px 50%;
    background-repeat: no-repeat;
    text-align: justify;
}

.noteclassic, .noteimportant, .notewarning, .notetip, .notehelp {
    /* IE5 hack */
    \margin: 0px 0px 0px 0px;
    ma\rgin: 0px 0px 0px 0px;
}

.noteclassic {
    background-color: #EEF;
    background-image: url(images/note.png);
}

.noteimportant {
    background-color: #FFC;
    background-image: url(images/important.png);
}

.notewarning {
    background-color: #FDD;
    background-image: url(images/warning.png);
}

.notetip {
    background-color: #FFFFE0;
    background-image: url(images/tip.png);
    text-align: center;
}

.notehelp {
    background-color: #D8F3C9;
    background-image: url(images/help.png);
}

.ProductTable {
    padding: 4px;
    width: 100%;
    height: 150px;
    margin: 5px 5px 5px 0;
    border: 1px solid #E3E3E3;
    /*border-radius: 10px;*/
    moz-border-radius: 10px;
    table-layout: fixed;
}

.InactiveProductTable {
    padding: 4px;
    width: 100%;
    height: 150px;
    margin: 10px 10px 10px 0;
    border: 1px solid #E3E3E3;
    background-color:gainsboro;
}

.ProductTable img{
    padding: 0px 10px 10px 10px;
    width : 200px;
}

/*lk20171228*/
.navigation {
    line-height: 1;
}

    .navigation ul,
    .navigation ul li,
    .navigation ul ul {
    }

    .navigation ul {
        align-self: center;
        background: linear-gradient(to left, #eaecf2, #ffffff);
    }



        .navigation ul li {
            background: linear-gradient(to left, #eaecf2, #ffffff);
            border: 1px solid #E3E3E3;
        }


.navigation {
    background: #eaecf2; /*#ffffff; */
}

    .navigation:before {
        content: '';
        display: block;
    }

    .navigation:after {
        content: '';
        display: table;
        clear: both;
    }

    .navigation a {
        display: block;
        padding: 1em 1.3em;
        color: #ffffff;
        text-decoration: none;
    }



    .navigation > ul > li > a {
        color: #ffffff;
    }

        .navigation > ul > li > a:hover {
            color: #ffffff;
        }

    .navigation > ul > li a:hover  {
        background: #ffffff;
        border-bottom: 0.1em solid red;
    }

    .navigation ul ul li.first {
        -webkit-border-radius: 0 3px 0 0;
        -moz-border-radius: 0 3px 0 0;
    }

    .navigation ul ul li.last {
        -webkit-border-radius: 0 0 3px 0;
        -moz-border-radius: 0 0 3px 0;
        border-bottom: 0;
    }

    .navigation ul ul {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
    }

        .navigation ul ul a {
            color: #ffffff;
        }

            .navigation ul ul a:hover {
                color: #ffffff;
            }
/*@lk20171228*/

.carousel-indicators li {
    filter: invert(100%);
    bottom: -50px;
}