/*
Please do not edit this file directly. This automatically generated via magic tools.
Generated Fri, 16 Feb 2018 14:08:40 +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 (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:;
    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;
}






    #dtx-footer {
    background-color: #545454;
    }
    #dtx-footer-navigation {
    background-color: #363636;
    }
    #dtx-footer-copy {
    background-color: #181818;
    }