@import url("particles-grid.css");



@font-face {
    font-family: "DejaVu Sans Condensed";
    src: url(../fonts/DejaVuSansCondensed.ttf);
}

@font-face {
    font-family: "DejaVu Sans Condensed Bold";
    src: url(../fonts/DejaVuSansCondensed-Bold.ttf);
}

@font-face {
    font-family: "DejaVu Serif Condensed Bold";
    src: url(../fonts/DejaVuSerifCondensed-Bold.ttf);
}

@font-face {
    font-family: "Segoe UI";
    src: url(../fonts/segoe-ui/SegoeUI.woff);
}

@font-face {
    font-family: "Segoe UI Bold";
    src: url(../fonts/segoe-ui/SegoeUIBold.woff);
}

.section {
    padding-top: 50px;
    padding-bottom: 60px;
}

.imagesection {
    padding-bottom: 180px;
}

.buttonbox {
    text-align: center;
}

.centerbutton {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brownbtn {
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 103px;
    margin-bottom: 10px;
    padding: .8rem 2.7rem;
    border: 2px solid #C1A583;
    border-radius: 4px;
    color: inherit;
    background: transparent;
    background-image: none;
    font-family: "DejaVu Sans Condensed Bold", sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.1rem;
    opacity: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s;
    text-decoration: none;
}

.brownbtn:hover {
    background-color: #C1A583;
    color: white;
}

.footertext {
    font-family: "DejaVu Sans Condensed";
    font-size: 20px;
    color: black;
    padding-left: 120px;
}

.navbartext {
    font-family: "DejaVu Sans Condensed";
    font-size: 16px;
    color: rgb(143, 27, 66);
}

h3 {
    font-family: "DejaVu Serif Condensed Bold";
    margin-bottom: 1.7rem;
    font-size: 3rem;
    line-height: 4.1rem;
    display: inline;
    text-align: center;
    max-width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
    border-bottom: 3px solid #C1A583;
}

h4 {
    font-family: "DejaVu Serif Condensed Bold";
    margin-bottom: 1.7rem;
    font-size: 2.3rem;
    line-height: 3.5rem;
    display: inline;
    text-align: center;
    max-width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
    border-bottom: 3px solid #C1A583;
}

.image {
    text-align: center;
}

.imageproducts {
    vertical-align: middle;
    padding-top: 30px;
    padding-right: 30px;
}

.boxproducts {
    padding-left: 0px;
}

.inlinetext {
    font-family: "Segoe UI Light";
    font-size: 26px;
}

.inlinelink {
    font-family: "DejaVu Sans Condensed Bold";
    text-align: center;
}

/*nav ul.center {
    justify-content: center;
    display: flex;
}

nav ul a {
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    font-size: 1rem;
    color: #000;
    display: block;
    padding: 0 15px;
    cursor: pointer;
}

nav {
    background-color: #fff;
}*/

.page-footer {
    padding-top: 20px;
    color: #000;
    background-color: #FFEDC6;
}

footer table td {
    padding: 0px;
}

footer table {
    border-collapse: separate;
}

.fa {
    color: black;
    width: 50px;
}

.header-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.dropdown-trigger {
    cursor: pointer;
}

/*@media only screen and (min-width: 601px) {
    .mobile-navbar-logo img {
        height: 56px;
        margin: 4px;
    }
}

@media only screen and (max-width: 600px) {
    .mobile-navbar-logo img {
        height: 52px;
        margin: 2px;
    }
    body {
        font-size: 1rem;
    }
}*/

#image-below-menu {
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: 0.4s;
}



#navigationcontainer {
    width: 90%;
    max-width: 800px;
    padding: 0 0 0 0;
}

#navigationtext {
    padding-top: 50px;
}

#languageselectors {
    padding-top: 0px;
    color: #8f1b42;
}

#languageselectors > a {
    color: #8f1b42;
}

#languageselectors > a:hover {
    color: #ad8995;
    
}

#navigationsection {
    padding: 0 0 0 0;
}

.navigationtextstyle {
        font-family: "Segoe UI Light";
        font-size: 20px;
        color: #8f1b42;
}

a.current {
    font-family: "Segoe UI Bold";
}



.navigationtextstyle > a {
    font-family: "DejaVu Sans Condensed";
    font-size: 20px;
    color: #8f1b42;
}

.navigationtextstyle-current > a {
    font-family: "DejaVu Sans Condensed Bold";
}

.navigationtextstyle > a:hover {
    color: #ad8995;
    
}

.hover09 figure img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}
.hover09 figure:hover img {
    -webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .75;
}



#navigationtextcurrent {
    font-family: "DejaVu Sans Condensed";
    padding-top: 50px;
}

.a > navigationtextcurrent {
    font-family: "DejaVu Sans Condensed Bold";
}


.navigationtextstyle-title {
    font-family: "DejaVu Serif Condensed Bold";
    font-size: 80px;
    font-stretch: expanded;
    padding-top: 50px;
    display: inline-block;
    height: 152px;
    

}

.prtcl-row .col #navigationtextstyle-title {
    margin: 0px;
}


/*--------
MOBILE NAV
---------*/
/*
@media only screen and (max-width: 601px) {
    #navigationsection {
        display: none;
        visibility: hidden;
        content-visibility: hidden;
    }
    #navigationcontainer {
        display: none;
        visibility: hidden;
        content-visibility: hidden;
    }
}*/