@font-face {
    font-family: 'Brygada';
    src: url('/html/fonts/Brygada-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Brygada-bold';
    src: url('/html/fonts/Brygada-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Brygada-semibold';
    src: url('/html/fonts/Brygada-SemiBold.woff') format('woff');
}

body{
    background-color: #F5F5F5;
}
.headerRow{
    background-color: white;
    color:#0098D1;
    padding-top:10px;
    padding-bottom:10px;
}
.navigationRow{
    background-color: #1C5064;
    color:white;
}

.luxuryHeaderRow{
    background-color: #86643C;
    color:white;
    padding-top:10px;
    padding-bottom:10px;
    font-family: 'Brygada';
    font-weight: 400;
}
.luxuryNavigationRow{
    background-color: #533D23;
    color:white;
    font-family: 'Brygada';
    font-weight: 400;
}
.navigationRow > div{
    padding-left:0px;
}
.headerSearchContainer{
    padding-top:5px;
}
.headerSearchContainer > input{
    border-radius: 20px 0px 0px 20px;
    border-right: none;
}
.headerSearchContainer > .input-group-text{
    background-color: white;
    border-radius: 0px 20px 20px 0px;
    border-left:none;
    color:darkgrey;
}
.headerLinkLuxury{
    font-family: 'Brygada';
    font-weight: 400;
    text-decoration: none;
    color:#52A31D;
    display:block;
    font-size:17px;
    margin-top:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
}
.headerLinkLuxury:hover{
    border-radius:20px;
    background-color: white;
    color:#86643C;
}

.headerLink{
    text-decoration: none;
    color:#52A31D;
    display:block;
    font-size:17px;
    margin-top:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
}
.headerLink:hover{
    border-radius:20px;
    background-color: white;
    color:#0098D1;
}

.headerLinkLuxury{
    text-decoration: none;
    color:white;
    display:block;
    font-size:17px;
    margin-top:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
}
.headerLinkLuxury:hover{
    border-radius:20px;
    background-color: white;
    color:#86643C;
}


.headerNavigation{
width:100%!important;
    max-width: 100%;
}
.headerNavigation > li {
    text-transform: uppercase;
    color:white;
    font-size:15px;
    background-color: transparent;
    border:none;
    border-radius:0px!important;
    cursor:pointer;
}
.headerNavigation > li.active {
    background-color: #0098D1;
}
.headerNavigation > li.active:hover {
    background-color: #0098D1;
}

.subCategroryMenuDynamic{
    padding-left: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 17px;
    /*font-family: Brygada;*/
    text-decoration: none
}

.subCategroryMenuDynamic:hover{
    background-color:#DCB86E;
    border-radius: 2px;
}

/*.background-luxury-menu{*/
/*    background-image: url("");*/
/*}*/
.navigationLuxuryMainHover{
    background-color: #86643C;
}

.navigationLuxuryMainHover:hover{
    background-color: #533d23;
}


.luxuryHeaderNavigation > li.active {
    background-color: #86643C;
}
.luxuryHeaderNavigation > li.active:hover {
    background-color: #86643C;
}
.luxuryHeaderNavigationLi:hover{
    background-color: #86643C;
    cursor:pointer;
}
.luxuryHeaderNavigationLi{
    font-family: 'Brygada';
    font-weight: 400;
    border-right:1px solid #86643C;
    padding-top:12px;
    padding-bottom:12px;
}

 .vl {
     border-left: 1px solid white;
     height: 35px;
     place-self: center;
 }


.headerNavigationLink{
    text-decoration: none;
    color:white;
    font-weight: 500!important;
}
.headerNavigationLink:hover{
    text-decoration: none;
    color:white;
}
.headerNavigationLi:hover{
    background-color: #0098D1;
    cursor:pointer;
}
.headerNavigationLi{
    border-right:1px solid #0098D1;
    padding-top:12px;
    padding-bottom:12px;

}
#navigationCategoryMenu{
    position:absolute;
    z-index: 10;
    top:116px;
    left:0px;
    width:100%;
    min-height:300px;
}

#navigationLuxuryMenu{
    position:absolute;
    z-index: 10;
    top:114px;
    left:0%;
    width:100%;
    min-height:300px;
}
.navigationMegaMenu{
    background-color:white;
    box-shadow: 1px 3px 19px grey;
    border-radius:0px 0px 5px 5px;
    padding-top:20px;

}
.navigationLuxuryMenu{
    background-color:#1C1C1C;
    box-shadow: 1px 3px 19px grey;
    border-radius:0px 0px 5px 5px;
    padding-top:0px;

}

.categoryNavigationList{
    list-style: none;
    padding-left:5px;
}
.categoryNavigationList >li > a{
    text-decoration: none;
    color:#0098D1;
}
.categoryNavigationListLi{
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    border-bottom: 1px solid #0098D1;
}
.categoryNavigationListLi:hover{
    color:white;
    background-color: #0098D1;
    border-radius:2px;
}

.menuMainCatClickable{
    color:white !important;
    background-color: #0098D1;
    border-radius:2px;
}

.activeMenuAtag{
    color: white!important;
}

.menuAtag{
    color: black !important;
}

.menuAtag:hover{
    color: white !important;
}

.categoryNavigationListLi:hover > a{
    color:white;
}

.luxuryCategoryNavigationListLi{
    font-family: 'Brygada';
    font-weight: 400;
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
}
.luxuryCategoryNavigationListLi:hover{
    color:white;
    background-color: #DCB86E;
    border-radius:2px;
}
.luxuryCategoryNavigationListLi:hover > a{
    color:white;
}


.carousel-indicators [data-bs-target] {
    background-color: #1C5064;
    height: 9px;
    width: 49px;
    margin-left: 13px;
    margin-right: 13px;
}

.luxuryAtag:hover{
    background-color:#DCB86E ;
}

.lightGreyBG{
    background-color: #F5F5F5;
}
.darkGreyBG{
    background-color: #EFEFEF;
}
.padding-top-20{
    padding-top:20rem;
}
.padding-bottom-20{
    padding-bottom:20rem;
}
.padding-top-10{
    padding-top:10rem;
}
.padding-bottom-10{
    padding-bottom:10rem;
}
.padding-top-5{
    padding-top:5rem;
}
.padding-bottom-5{
    padding-bottom:5rem;
}
.padding-top-2{
    padding-top:2rem;
}
.padding-bottom-2{
    padding-bottom:2rem;
}
.btn-blue{
    background-color:#0098D1;
    color:white;
}
.sharp-top{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.btn-blue:hover{
    background-color: #1C5064;
    color:white;
}
.btn-blue-active{
    background-color: #1C5064;
    color:white;
}
.productsSliderPrevButton{
left:-130px;
}
.productsSliderNextButton{
right:-130px;
}
.productsSliderNextButton i, .productsSliderPrevButton i {
    color:black;
    padding:30px 15px;
    background-color: #ffffff;
    border-radius:5px;
    font-size:20px;
}
.categoryCard:hover{
    box-shadow: 1px 1px 3px #000;
    cursor:pointer;
}

.luxuryBtn{
    background-color:  #DCB86E;
    color: white;
    font-family: 'Brygada';
    font-weight: 400;
}

.luxuryBtnCard{
    background-color:  #DCB86E;
    color: white;
    font-family: 'Brygada';
    font-weight: 400;
    font-size: 19px;
    height: 40px;
}

body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
footer{
    background-color: #333333;
    color:white;
    width:100%;
    margin-top:120px;
    padding-top:40px;
    min-height: 300px;
    font-size:90%;
    margin-top: auto;
}
.footerList > li > a{
    text-decoration: none;
    color:whitesmoke;
}
.footerLink {
    text-decoration: none;
    color: whitesmoke;
}
.breadcrumbs > a{
    text-decoration: none;
    color:#333333;
}
.luxuryBreadcrumbs >a{
    text-decoration: none;
    color:white;
}

.luxuryBreadcrumbs {
    font-family: 'Brygada';
    font-weight: 400;
}
.breadcrumbs > i{
    margin-left:5px;
    margin-right:8px;
}
.luxuryBreadcrumbs > i{
    margin-left:5px;
    margin-right:8px;
}

.filterCategories{
    list-style: none;
    margin-left:2px;
    padding-left:5px;
}
.filterCategories > li > a{
    text-decoration: none;
    color:#333333;
}
.filterCategories > li > a:hover{
    text-decoration: none;
    color:#0098D1;
}
.filterCategories > li{
    margin-top:5px;
    margin-bottom:5px;
}
.filterCategories > li:hover{
    padding-left:20px;
    transition: 0.15s padding ease-out, 0.15s margin ease-out, 0.15s border ease-out;
}
.filterCategoryHeading > a{
    text-decoration: none;
    color:#333333;
}

.btn-filters-luxury{
    background-color: #87663E;
    color: white;
    border-radius: 5px;
    width: 400px;
    height: 40px;
}

img.max-height-300{
    max-height:300px;
}
.spinner-big{
    width:5rem;
    height:5rem;
}
span.ui-corner-all{
    border-radius:50%!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #0098D1 ;
    background:  #0098D1;
    font-weight: normal;
    color: #1C5064;
}
.ui-widget-header {
    border: 1px solid #dddddd;
    background:  #0098D1;
    background-position-x: 0%;
    background-position-y: 0%;
    color: #333333;
    font-weight: bold;
}
.ui-slider-horizontal .ui-slider-range {
    top: 2px;
    height: 6px;
}


.page-item-luxury{
    font-family: 'Brygada';
    font-weight: 400;
    background-color: #2A2A2A;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    margin-right: 5px;
    margin-left: 5px;
}
.page-item-luxury:hover{
    background-color: #DCB86E;
    cursor:pointer;
}
.page-item-luxury.active{
    background-color: #DCB86E;
}
.page-link-luxury{
    color: white;
    text-decoration: none;
}

.page-link-luxury:hover{
    color: black !important;
    text-decoration: none !important;
}

.page-link-luxury>a{
    color: black !important;
    text-decoration: none !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0098D1;
    border-color: #0098D1;
}

.lpi.active .pll {
    z-index: 3;
    color: #fff;
    background-color: #DCB86E;
    border-color: #DCB86E;
}

.productRating > i {
    color:orange;
}
.productRating > span{
    opacity:0.7;
    font-size:80%;
}
.rounded-50{
    border-radius:50px;
}
.rounded-10{
    border-radius:10px;
}
.rounded-20{
    border-radius:20px;
}
.rounded-15{
    border-radius:15px;
}
.without-controls{
    -moz-appearance: textfield;
}
.without-controls::-webkit-outer-spin-button,
.without-controls::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
ul.sideMenuList{
    list-style: none;
}
ul.sideMenuList > li > a {
    text-decoration: none;
    color: #848181;
    font-size: 18px;
}
ul.sideMenuList > li:hover{
    background-color: rgba(0, 193, 255, 0.16);
}
ul.sideMenuList > li:hover > a {
    color: #0098D1;
}
ul.sideMenuList > li.active > a {
    color: #0098D1;
}
ul.sideMenuList > li {
    padding:10px;
    border-radius:5px;
}
ul.sideMenuList > li.active {
    background-color: rgba(0, 193, 255, 0.16);
}
ul.sideMenuList > li > a > i {
    margin-right:8px;
    font-size:18px;
    margin-top:3px;
}
label.typeLabel{
    padding:10px 20px;
    border-radius:5px;
    cursor:pointer;
}
label.active{
    background-color: rgba(0, 193, 255, 0.16);
}
label.form-label{
    opacity:0.7;
    font-size:90%;
}
.cardSectionTitle{
    margin-top:10px;
}
.cardSectionTitle > span.step{
    border-radius:50%;
    padding:5px 10px;
    font-size:20px;
    color:white;
    background-color: #0098D1;
    margin-right:10px;
}
.select2-selection__rendered {
    line-height: 35px !important;
}
.select2-container .select2-selection--single {
    height: 35px !important;
}
.select2-selection__arrow {
    height: 35px !important;
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block
}
.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin-top:2px;
    margin-left:5px;
    margin-right:5px;
    width:95%;
}
.resp-sharing-button__link:hover{
    color:whitesmoke;
}
.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}
.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.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--twitter {
    background-color: #55acee
}
.resp-sharing-button--twitter:hover {
    background-color: #2795e9
}
.resp-sharing-button--pinterest {
    background-color: #bd081c
}
.resp-sharing-button--pinterest:hover {
    background-color: #8c0615
}
.resp-sharing-button--facebook {
    background-color: #3b5998
}
.resp-sharing-button--facebook:hover {
    background-color: #2d4373
}
.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--linkedin {
    background-color: #0077b5
}
.resp-sharing-button--linkedin:hover {
    background-color: #046293
}
.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: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   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:hover,
.resp-sharing-button--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373;
}
.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}
.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
    background-color: #2795e9;
    border-color: #2795e9;
}
.resp-sharing-button--tumblr {
    background-color: #35465C;
    border-color: #35465C;
}
.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
    background-color: #222d3c;
    border-color: #222d3c;
}
.resp-sharing-button--email {
    background-color: #777777;
    border-color: #777777;
}
.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
    background-color: #5e5e5e;
    border-color: #5e5e5e;
}
.resp-sharing-button--pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
}
.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
    background-color: #8c0615;
    border-color: #8c0615;
}
.resp-sharing-button--linkedin {
    background-color: #0077b5;
    border-color: #0077b5;
}
.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
    background-color: #046293;
    border-color: #046293;
}
.resp-sharing-button--reddit {
    background-color: #5f99cf;
    border-color: #5f99cf;
}
.resp-sharing-button--reddit:hover,
.resp-sharing-button--reddit:active {
    background-color: #3a80c1;
    border-color: #3a80c1;
}
.resp-sharing-button--xing {
    background-color: #1a7576;
    border-color: #1a7576;
}
.resp-sharing-button--xing:hover
.resp-sharing-button--xing:active {
    background-color: #114C4C;
    border-color: #114C4C;
}
.resp-sharing-button--whatsapp {
    background-color: #25D366;
    border-color: #25D366;
}
.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
    background-color: #1DA851;
    border-color: #1DA851;
}
.resp-sharing-button--hackernews {
    background-color: #FF6600;
    border-color: #FF6600;
}
.resp-sharing-button--hackernews:hover
.resp-sharing-button--hackernews:active {
    background-color: #FB6200;
    border-color: #FB6200;
}
.resp-sharing-button--vk {
    background-color: #507299;
    border-color: #507299;
}
.resp-sharing-button--vk:hover
.resp-sharing-button--vk:active {
    background-color: #43648c;
    border-color: #43648c;
}
.resp-sharing-button--telegram {
    background-color: #54A9EB;
}
.resp-sharing-button--telegram:hover {
    background-color: #4B97D1;}
.sliderTextContainer{
    position:absolute;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
}
.slideText{
    align-self: center;
    text-shadow: 1px 1px 1px black;
    color:white;
    margin: auto;
}
.bg-blue{
    background-color: #0098D1 !important;
}
.bg-dark-blue{
    background-color: #1C5064 !important;
}
table.blue-table{
    width:100%;
}
table.blue-table  thead  th {
    background-color: #0098D1;
    border:1px solid #e7e7e7;
    font-size:16px;
    color:whitesmoke;
    padding:10px;
}
table.blue-table  tbody  td {
    border:1px solid #e7e7e7;
    padding:8px;
}
table.blue-table  tfoot  td {
    border:1px solid #e7e7e7;
    padding:8px;
}
@media all and (min-width: 992px) {
    .dropdown-menu li{ position: relative; 	}
    .dropdown-menu-luxury li{ position: relative;  font-family: 'Brygada';
        font-weight: 400;	}
    .nav-item .submenu{
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .nav-item .submenu-left{
        right:100%; left:auto;
    }
    .dropdown-menu > li:hover{ background-color: #f1f1f1 }
    .dropdown-menu > li:hover > .submenu{ display: block;}
    .dropdown-menu-luxury > li:hover{ background-color: #f1f1f1 }
    .dropdown-menu-luxury > li:hover > .submenu{ display: block; }
}

@media (max-width: 450px) {
    .nosuchpageContainer{width: 80%}
    .sad-face{display: none;}
}
@media (min-width: 451px) {
    .nosuchpageContainer{width: 50%}
}

@media (max-width: 808px) {
    .sad-face{font-size: 30px;}
}
@media (min-width: 809px) {
    .sad-face{font-size: 80px;}
}

@media (max-width: 991px) {
    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
    .dropdown-menu-luxury .dropdown-menu-luxury{
        font-family: 'Brygada';
        font-weight: 400;
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
}
.navbar-dark .navbar-toggler {
    color: white!important;
    border-color: black;
    border:none;
}
.navbar-toggler{
    margin-top:8px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: whitesmoke;
    background-color: #0098D1;
}

.luxury:focus, .luxury:hover {
    color: whitesmoke !important;
    background-color: #86643C !important;
}

.dropdown-menu{
    background-color: #1C5064;
    border:none;
    border-radius:0px;
    border-left: 1px solid #0098D1;
}


.dropdown-item-luxury:focus, .dropdown-item-luxury:hover {
    color: whitesmoke;
    background-color: #86643C;
}
.dropdown-menu-luxury{
    background-color: #533D23 !important;
    border-left: 1px solid #86643C !important;
    /*border:none;*/
    /*border-radius:0px;*/

}

.spinner-border{
    border-color: #0098D1;
    border-right-color:transparent;
}
#cookieForm{
    position:fixed;
    left:0px;
    bottom:0px;
    width:100vw;
    height:auto;
    background-color: rgba(0, 152, 209, 0.81);
    color:white;
    z-index:4;
}
.carousel-control-prev, .carousel-control-next{
    opacity:0.9!important;
}

.playVideoIcon{

    display:block;
    width:70px;
    height:70px;
    background-color:#0098D1;
    text-align: center;
    color:white;
    font-size:24px;

    margin:14px;
    vertical-align: middle;
    border-radius:50%;
    padding-top:16px;
    padding-left:2px;
    cursor:pointer;
}

.floatingDiscountLabel{
    position: absolute;
    top: 30px;
    right: 0px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0px;
    font-weight: 400;
    width: 70px;
    overflow-x: hidden;
}

.floatingGiftLabel{
    position: absolute;
    top: 30px;
    left: 0px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 5px;
    font-weight: 400;
    width: 90px;
    overflow-x: hidden;
}