/* dm-sans-regular - latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/dm-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/dm-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/dm-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/dm-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/dm-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/dm-sans-v10-latin-regular.svg#DMSans') format('svg'); /* Legacy iOS */
}

/* dm-sans-500 - latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
src: url('../fonts/dm-sans-v10-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/dm-sans-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/dm-sans-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/dm-sans-v10-latin-500.woff') format('woff'), /* Modern Browsers */
        url('../fonts/dm-sans-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/dm-sans-v10-latin-500.svg#DMSans') format('svg'); /* Legacy iOS */
}

/* dm-sans-italic - latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 400;
src: url('../fonts/dm-sans-v10-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/dm-sans-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/dm-sans-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/dm-sans-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/dm-sans-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/dm-sans-v10-latin-italic.svg#DMSans') format('svg'); /* Legacy iOS */
}

/* dm-sans-500italic - latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 500;
src: url('../fonts/dm-sans-v10-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/dm-sans-v10-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/dm-sans-v10-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/dm-sans-v10-latin-500italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/dm-sans-v10-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/dm-sans-v10-latin-500italic.svg#DMSans') format('svg'); /* Legacy iOS */
}

/* dm-sans-700 - latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/dm-sans-v10-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/dm-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/dm-sans-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/dm-sans-v10-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/dm-sans-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/dm-sans-v10-latin-700.svg#DMSans') format('svg'); /* Legacy iOS */
}

/* dm-sans-700italic - latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 700;
src: url('../fonts/dm-sans-v10-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/dm-sans-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/dm-sans-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/dm-sans-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/dm-sans-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/dm-sans-v10-latin-700italic.svg#DMSans') format('svg'); /* Legacy iOS */
}


/* dm-serif-display-regular - latin */
@font-face {
font-family: 'DM Serif Display';
font-style: normal;
font-weight: 400;
src: url('../fonts/dm-serif-display-v9-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/dm-serif-display-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/dm-serif-display-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/dm-serif-display-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/dm-serif-display-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/dm-serif-display-v9-latin-regular.svg#DMSerifDisplay') format('svg'); /* Legacy iOS */
}

/* dm-serif-display-italic - latin */
@font-face {
font-family: 'DM Serif Display';
font-style: italic;
font-weight: 400;
src: url('../fonts/dm-serif-display-v9-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/dm-serif-display-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/dm-serif-display-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/dm-serif-display-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/dm-serif-display-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/dm-serif-display-v9-latin-italic.svg#DMSerifDisplay') format('svg'); /* Legacy iOS */
}



body {
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    margin: 0
}

@media screen and (max-width:767px) {
    body {
        padding: 0 20px;
    }
}

/*LOGIN BG*/
body.login {
    background-color: #eeece3;
}

/*HEADLINES*/
h1,
h2,
h3 {
    font-family: 'DM Serif Display', serif;
}

/*LINK*/
a {
    color: #ada78c
}

a:hover {
    color: #48442c
}

hr {
    border-top:1px solid #ccc !important
}

/*FIX AUDIO TO FULLWIDTH*/
audio {
    width: 100%;
}

/*MAIN STAGE*/
@media screen and (min-width:1199px) {
    main {
        margin-top: 5vw;
    }
}

/*LOGO SIZING*/
.logo {
    max-height: 80px;
}

/*LOGIN HEADER*/
.card-header {
    background-color: #eee;
}

/*RESPONSIVE IMAGES*/
.fullimage img {
    width: 100%;
    height: auto;
}

.fullimage2 img {
    width: 100%;
    height: auto;
}

@media screen and (min-width:992px) {
    .fullimage .col-lg-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}


@media screen and (max-width:767px) {
    .fullimage img {
        margin-bottom: 60px;
    }

    .fullimage2 img {
        margin-top: 60px;
    }
}

/*ALERTS*/
.alert-light {
    background-color: #e0dcca;
    color: #000;
}

/*BTN CHANGES*/
.btn-primary{
    background-color: #4a452a;
    border-color: #4a452a;
    border-radius: 100px;
    padding: 10px 30px;
    color:#fff
}

@media screen and (max-width:1199px) {
    .btn-primary {
        font-size: 14px;
        white-space: nowrap;
    }
}

@media screen and (max-width:767px) {
    .btn-primary {
        display: block;
    }
}
.btn-primary:hover,
.btn-warning:hover {
    background-color: #000;
    border-color: #000;
    color:#fff
}

.btn-success,
.btn-warning  {
    border-radius: 100px;
    padding: 10px 30px;
    color:#fff
}

/*ICON SIZE*/
.icon {
    width: 30px;
    height: 30px;
}

a .icon {
    width: 20px;
    height: 20px;
    position: relative;
    top: -2px
}

/*CHANGE ROW RESPONSIVE*/
.row {
    margin-top: 30px;
    margin-bottom: 30px;
}

/*TOPMENU*/
#categories {
    background-color: #aba89c;
}

#categories .container {
    padding: 0;
    margin: 0 auto;
}

#categories .container .row {
    margin: 0;
    padding: 0;
}

/*TEASER RESPONSIVE*/
.teaser img {
    width: 100%;
    height: auto;
}

/*NAV*/
nav {
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width:1199px) {
    nav {
        font-size: 20px;
    }
}

nav ul {
    margin: 0;
    padding: 0;
}

nav ul li {
    display: inline-block;
    padding: 0 20px;
    height: 100px;
    line-height: 100px;
}

@media screen and (max-width:992px) {
    nav {
        font-size: 18px;
    }

    nav ul li {
        padding: 0 8px;
    }
}

nav ul li a,
nav ul li a:hover {
    color: #fff;
    text-decoration: none;
}

nav ul li:hover {
    color: #fff;
    background-color: #9c988a;
}

@media screen and (max-width:767px) {
    nav {
        text-align: left;
        display: none
    }

    nav {
        margin: 0 -10px;
    }

    nav ul li {
        display: block;
        height: auto;
        line-height: 1;
        padding: 20px 0;
    }
}

/*FOOTER*/
footer {
    background: #e0dcca;
    padding: 15px 0 0 0;
    margin: 60px 0 0 0
}

footer a {
    color: #000;
    margin: 0 5px
}

footer a:hover {
    color: #000
}

@media screen and (max-width:767px) {
    footer p:nth-child(0) {
        padding-bottom: 20px
    }

    footer span {
        display: none
    }

    footer a {
        display: block;
        padding: 5px;
        border-bottom: 1px solid #ccc
    }
}

@media screen and (max-width:767px) {
    /*MOBILE NAV SMARTPHONE*/
    .hamburger {
        position: absolute;
        right: 30px;
        top: 60px;
        z-index: 999;

    }

    .hamburger .line1 {
        width: 40px;
        height: 3px;
        background-color: #000;
        display: block;
        margin: 8px auto;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .hamburger:hover {
        cursor: pointer;
    }

    #hamburger-6.is-active {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #hamburger-6.is-active .line1:nth-child(2) {
        width: 0;
    }

    #hamburger-6.is-active .line1:nth-child(1),
    #hamburger-6.is-active .line1:nth-child(3) {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s;
    }

    #hamburger-6.is-active .line1:nth-child(1) {
        -webkit-transform: translateY(12px);
        -ms-transform: translateY(12px);
        -o-transform: translateY(12px);
        transform: translateY(12px);
        background-color: #000;
    }

    #hamburger-6.is-active .line1:nth-child(3) {
        -webkit-transform: translateY(-9px) rotate(90deg);
        -ms-transform: translateY(-9px) rotate(90deg);
        -o-transform: translateY(-9px) rotate(90deg);
        transform: translateY(-10px) rotate(90deg);
        background-color: #000;
    }

}

@media screen and (min-width:1024px) {
    .fullimage2 .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}