/*
Please do not edit this file directly. This automatically generated via magic tools.
Generated Mon, 22 Jun 2020 14:53:29 +0000*/

#dtx-below-breakpoint-test { display: none; }
@media screen and (max-width: 800px) {
#dtx-below-breakpoint-test { display: block; }
}


.slicknav_menu {
display: none;
}


    @media screen and (min-width: 800px) {
    body.dtx-fixed-head #dtx-head {
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    }

    body.dtx-fixed-head #dtx-main {
    padding-top: 71px; /*This can really vary.*/
    }
    body.dtx-fixed-head.dtx-has-topbar #dtx-main {
    padding-top: 100px; /*This can really vary.*/
    }
    }





@media screen and (max-width: 800px) {


#dtx-header-search-bar {
display: none;
}


/* Hide the menu of menus of which slicknav copies */
#dtx-mobile-navigation {
display: none;
}
#dtx-primary-navigation {
display: none;
}

#dtx-header-nav-bar {
float: none;
width: 100%;
}

.slicknav_menu {
display: block;
padding: 0;
}
.slicknav_menu > nav {

background-color: ;
}

    .slicknav_btn {
    background-color:#415e5f;
    display: block;
    }

a.slicknav_open {
background-color:;
}

.slicknav_btn .slicknav_menutxt {
color: ;
text-shadow: none;
}
.slicknav_btn .slicknav_icon-bar {
background-color: ;
}
/* colors */
.slicknav_nav li a {
color: #333;
background-color:#fff;
}
.slicknav_nav a:hover {
color: #666;
background-color:#fff;
}
.slicknav_nav ul > li.current-menu-item > a.dtx-slicknav-a {
color: #999;
background-color:#fff;
}


.slicknav_nav input[type="submit"]{
background-color: ;
}

/* button design */
.slicknav_btn {
padding: 0 16px;
height: 40px;
line-height: 40px;
}
.slicknav_btn .slicknav_icon {
float: none;
display: inline-block;
height: auto;
}
.slicknav_btn .slicknav_menutxt {
line-height: 40px;
font-weight: normal;
}


#dtx-footer .dtx-footerbox {
width: 100%;
clear: both;
margin: 1em 0;
}
}


@media screen and (max-width: 800px) {
.no-js #dtx-header-nav-bar,
.no-js #dtx-primary-navigation * {
width: 100% !important;
position: relative !important;
display: block !important;
float: none !important;
clear: both !important;
top: auto !important;
right: auto !important;
padding: 0 !important;
margin: right !important;
background-color: #eee !important;
color: #111 !important;
}
}

/* Small displays */
@media screen and (max-width: 500px) {

#dtx-header-search-bar {
    display: none;
}

#dtx-header-logo {
float: none;
text-align: center;
}
#dtx-logo,
#dtx-logo img {
max-width: 100%;
display: inline-block;
}
.slicknav_btn {
width: 100px;
float: none;
margin: 0 auto;
text-align: center;
}
.slicknav_btn .slicknav_menutxt {
float: none;
}


#dtx-footer-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#dtx-footer-navigation ul li {
width: 70%;
margin-bottom: 1em;
}
#dtx-footer-navigation ul li a {
padding: 1em;
text-align: center;
display: block;
}


}

@media screen and (max-width: 800px) {
.no-js #dtx-primary-navigation {
display: block;
}
}

    #dtx-primary-navigation {
    height: 40px;
    }
    .slicknav_btn {
    height: 40px;
    }
    #dtx-primary-navigation ul > li > a {
    line-height: 40px;
    }

/* Colors */
#dtx-primary-navigation ul > li > a {
color: #333;
background-color:#fff;
}
#dtx-primary-navigation ul > li > a:hover {
color: #666;
background-color:#fff;
}
#dtx-primary-navigation ul > li.current-menu-item > a {
color: #999;
background-color:#fff;
}

#dtx-primary-navigation ul > li > ul > li > a {
color: #333;
background-color:#fff;
}
#dtx-primary-navigation ul > li > ul > li > a:hover {
color: #666;
background-color:#fff;
}
#dtx-primary-navigation ul > li > ul > li.current-menu-item > a {
color: #999;
background-color:#fff;
}

#dtx-primary-navigation ul > li > ul > li > ul > li > a {
color: #333;
background-color:#fff;
}
#dtx-primary-navigation ul > li > ul > li > ul > li > a:hover {
color: #666;
background-color:#fff;
}
#dtx-primary-navigation ul > li > ul > li > ul > li.current-menu-item > a {
color: #999;
background-color:#fff;
}


#dtx-primary-navigation.mega-menu > ul > li:hover > ul {
background-color:#fff;
}



    a, a:visited, a:link {
    color: #415e5f;
    }
    blockquote, q {
    border-left: 5px solid #415e5f;
    }

    input[type="submit"],
    button {
    background-color: #415e5f;
    color: #ffffff;
    }
    #dtx-topbar {
    background-color: #415e5f;
    }

    a:hover {
    color: #415e5f;
    }
    input[type="submit"]:hover,
    button:hover {
    background-color: #415e5f;
    color: #ffffff;
    }


    #dtx-footer {
    background-color: #212121;
    }
    #dtx-footer-navigation {
    background-color: #030303;
    }
    #dtx-footer-copy {
    background-color: #000000;
    }