body{
display: flex;
min-height: 100vh;
flex-direction: column;
background: #f1f1f1;
font-family: 'Lato', sans-serif;
color: black;
}

main {
    flex: 1 0 auto;
}

.container-wide{
margin: 0 2rem
}


nav{
    background-color: transparent;
	box-shadow: none;
	z-index:4000
}

h1{
font-size: 2.2rem
}
a.brand-logo {
background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
 background-blend-mode: multiply;
-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
font-size: 2rem;
line-height:64px;
margin-top: 7px;
font-family: 'Oswald', sans-serif;
}

nav ul a {
color: black;
}

.page-footer {
background-color: transparent;
color: black;
margin-top: -10px;
font-size: 0.9rem;
padding: 0 0 10px
}
.page-footer a{
color: black
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover{
    display:none;
}
button.fancybox-button, button.fancybox-button:hover, button.fancybox-button:active, button.fancybox-button:focus {
    background: transparent !important;
    color: #fffff0 !important;
}
blockquote {
font-weight:300
}
.guard__menu{
margin-top: 7px;
}
.guard__mega-menu{
margin-top:-20px;
z-index:4000;
background:rgba(255, 255, 255, 1);
text-align:center;
}
.guard__menu-mega a{
padding: 5px 24px
}
.guard__menu-mega a.active, .guard__menu-mega a:hover, .guard__menu-mega a:focus{
color: navy
}



.guard__mega-arrow {
margin-top:-20px;
    border-bottom: 13px solid rgba(255, 255, 255, 1);
}

nav ul li.active, nav ul li a:hover{
    background-color: transparent;
}


nav ul li.active a, nav ul li a:hover {
color: navy 
}

.guard__mega-menu ul li{
float: none;
line-height: 1.5
}
.guard__menu-item,
.guard__mega-menu ul li a{
font-weight: 500
}
.owl-carousel{z-index:2000; height: calc(100vh-130px)}


.owl-prev, .owl-next {
position: absolute;
top: 45%;
}
.owl-prev span, .owl-next span{
display: none
}
.owl-prev {
left: 5px
}

.owl-next{
right: 5px
}

.parallax-container {
height: 200px
}

.divider{margin-bottom: 20px}

form{margin-left: 2px !important}

.btn, .btn-large{
background: navy;
color: #fff
}

.waves-button-input{
color: #fff;
outline: none;
cursor: pointer
}

.btn:hover, .btn-large:hover{
background: navy;
color: #fff
}
a {
color: navy
}
main a:hover{
text-decoration: underline
}
/*.owl-prev{
          background-image: url("../images/prev.png") !important;
          background-size: cover;
          width: 32px;
          height: 32px;
        }
        .owl-next{
          background-image: url("../images/next.png") !important;
          background-size: cover;
          width: 32px;
          height: 32px;
        }*/


@media only screen and (max-width: 1199px){
  .show-on-X-large-only {
    display: none !important;
}  
}

@media only screen and (min-width: 1200px){
.hide-on-X-large-only {
    display: none !important;
}
.show-on-X-large-only {
    display: block !important;
}
}

.sidenav {
    padding: 20px 30px 0;
}

.sidenav h3{
        padding: 0rem 0.5rem;
        margin:0px;
        display:inline-block;
		font-size: 1rem
}
.sidenav h3 a {
color: #000
}
.sidenav h3 a.active{
color: navy
}

.sidenav .collapsible-header{
  display:inline-block;  
  padding: 0;
  
} 

.sidenav .collapsible-header i{
    
}
.sidenav .collapsible-header:hover, .sidenav.fixed .collapsible-header:hover {
    background-color: transparent
}

.collapsible-body.text-content h2{
    margin: 20px 0px 10px !important;
}
.collapsible-body.text-content a.text-link{
    color: #333366;
    margin: 15px 0;
}
.collapsible-body.text-content a.text-link:before{
    background-color: #333366;
}

.collection .collection-item.active {
    color: navy;
	background: transparent
}

.material-icons {
    float: left;
}
.btn-floating, .btn-floating:hover, .btn-floating:active{
background-color: navy;
margin-bottom: 10px
}

.collection a.collection-item {
color: #333
}
.error{
color: pink;
font-size: 14px
}