/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-responsive-multi-level-menu-jquery.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* this is the PC menu stylesheet */
.cssplay_menu { position:relative; z-index:100; height: 110px; padding: 15px 0px 0px 0px; text-align: center;
    background: #922621 url("images/navbg.png") top center no-repeat;
	-webkit-box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
.cssplay_toggle {display:none;}
.cssplay_menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.cssplay_menu ul {display:inline-block;} 
.cssplay_menu ul {*display:inline;}

.cssplay_menu li {margin:0; padding:0; list-style:none;}
.cssplay_menu li.close {display:none;}

.cssplay_menu li {display:inline-block; display:inline;}
.cssplay_menu ul ul {position:absolute; left:-9999px; border:1px solid #ffffff; border-top:0;}
.cssplay_menu > ul {margin:0 auto;}
.cssplay_menu > ul > li {float:left; display:block; position:relative;}
.cssplay_menu ul ul li a {border-bottom: 2px solid #ededed; color: #00285a; padding: 2px 6px 2px 6px; margin: 0px 16px 0px 16px; min-width: 160px;}
.cssplay_menu ul ul li a.last {border-bottom: 2px solid #FFFFFF; padding: 2px 6px 2px 6px; margin: 0px 16px 0px 16px; min-width: 160px;}
.cssplay_menu > ul > li.has-sub > a {background-image:url(images/space.gif); background-repeat: no-repeat; background-position: right center;}
.cssplay_menu ul ul > li.has-sub > a {background-image:url(images/right.png); background-repeat: no-repeat; background-position: right center;}
.cssplay_menu ul li.left ul > li.has-sub > a {background-image:url(images/left.png); background-repeat: no-repeat; background-position:left center;}

.cssplay_menu ul li b {display:block; width:100%; height:45px; background:transparent; position:relative; z-index:10;
-webkit-transition: 0s 0.5s;
transition: 0s 0.5s;
}
.cssplay_menu ul ul li b {margin-top:-45px;}

.cssplay_menu ul li b {*display:none;}

.cssplay_menu ul ul {background: #fff;}
a.isactive:link, a.isactive:visited, a.isactive:hover, a.isactive:active {color:#e09394;} 

.cssplay_menu a {display:block; font-family: 'librebaskerville',Georgia, Palatino, Times New Roman, serif; font-size: 22px; color:#EDEDED; letter-spacing: 1px; line-height:45px; text-decoration:none; padding: 0px 24px 0 6px;}
.cssplay_menu > ul > li > a {float:left; text-transform:uppercase;}

.cssplay_menu ul li:hover > ul {visibility:visible; left:-1px; top:45px; opacity:1;}
.cssplay_menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-46px;}
.cssplay_menu li.left:hover > ul {visibility:visible; left:auto; right:-1px; top:45px;}
.cssplay_menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-46px;}
.cssplay_menu ul li:hover > b {width:0;}

.cssplay_menu li.left ul a {text-align:right; padding:0 10px 0 30px;}

.cssplay_menu li:hover > a,
.cssplay_menu li.left ul li:hover > a {color:#c5c5c5; text-decoration:none;}

/* this is the stylesheet when the menu is viewed on a device with a max width of 1024 pixels */
.cssplay_menu_mini {height:100%; width:300px; overflow:scroll; overflow-x:hidden; background:rgba(150,193,39,0.8); 
    background: rgba(245,245,245,1);
    background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,0.7) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(245,245,245,0.7)));
    background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,0.7) 100%);
    background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,0.7) 100%);
    background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,0.7) 100%);
    background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(245,245,245,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fefefe', GradientType=0 );
    position:fixed; right:-300px; top:0; z-index:500010;
    -webkit-overflow-scrolling: touch;
}
.cssplay_menu_mini + .cssplay_toggle {
    display:block; width:60px; height:40px; background: transparent url(images/menu-icon_s.png) no-repeat left center; position:fixed; right: 0px; top:18px; color:#F5F5F5; cursor:pointer; z-index:500000; 
    border-radius:0 10px 10px 0; font:normal 16px/40px 'opensanssemibold', arial, sans-serif; color:#F5F5F5; text-align:right; padding-right:10px;
-webkit-transition:0.25s;
transition:0.25s;
}

.cssplay_menu_mini + .cssplay_toggle:hover {right:0; background: transparent url(images/menu-icon.png) no-repeat left center;}
.cssplay_menu_mini ul {padding:0; margin:0 0 20px 0; list-style:none; background:transparent; width:100%; border:1px solid rgba(255,255,255,0.2); border-top:0; text-align:left;}
.cssplay_menu_mini ul ul {background:#dedede ; width:calc(100% - 30px); margin-left:15px;}
.cssplay_menu_mini ul ul ul {background:#dedede ; width:calc(100% - 30px);}
.cssplay_menu_mini ul ul ul ul {background:#dedede ; width:calc(100% - 30px);}
.cssplay_menu_mini ul li {position:relative; border-top:1px solid rgba(255,255,255,0.2); padding-left: 10px;font-weight: 700;letter-spacing: 1px;}
.cssplay_menu_mini li.close {display:block; height:40px; font:normal 18px/40px 'opensanssemibold', arial, sans-serif; color:#fff; text-align:left; padding-left:50px; background:#5A5757 url(images/close.png) no-repeat 10px center; cursor:pointer;}
.cssplay_overlay {position:fixed; right:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:none; cursor:pointer;z-index:500005;}

.cssplay_menu_mini ul li a {display:block; font:normal 18px/40px 'opensanssemibold', arial, sans-serif; color:#363636; text-decoration:none;}
.cssplay_menu_mini b {display:none;}
.cssplay_menu_mini a.isactive:link, .cssplay_menu_mini a.isactive:visited, 
.cssplay_menu_mini a.isactive:hover, .cssplay_menu_mini a.isactive:active {color: #D92325; font-weight: 700;} 

.lower {
    text-transform: lowercase; 
}
.search_toggle {display: none;}

.cssplay_menu_mini .search_toggle {margin: 20px 0px 20px 0px;}
.cssplay_menu_mini .search_toggle li {margin: 4px 0px 4px 0px;}
    .icon_f {
        display: inline-table;
        height: 30px;
        margin-left: 0.6em;
        background-size: 30px 30px;
        background-position: 0px 6px;
        background: url('images/facebook.svg') top left no-repeat;
    }
    .icon_i {
        display: inline-table;
        height: 30px;
        margin-left: 0.6em;
        background-size: 30px 30px;
        background-position: 0px 6px;
        background: url('images/instagram.svg') top left no-repeat;
    }
@media only screen and (max-width: 599px) {
    .icon_f {
        display: block;
        height: 30px;
        margin: 1.2em 0em 0em 1.6em;
        background-size: 30px 30px;
        background-position: 0px 6px;
        background: url('images/facebook_i.svg') top left no-repeat;
        float: left;
    }
    .icon_i {
        display: block;
        height: 30px;
        margin: 1.2em 0em 0em 2.6em;
        background-size: 30px 30px;
        background-position: 0px 6px;
        background: url('images/instagram_i.svg') top left no-repeat;
        float: left;
    }
}
/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cssplay_menu ul ul li a {border-bottom: 2px solid #EDEDED; padding: 2px 16px 2px 16px; margin: 0px; min-width: 160px;}
    .cssplay_menu ul ul li a.last {border-bottom: 2px solid #FFFFFF; padding: 2px 16px 2px 16px; margin: 0px; min-width: 160px;}
}
@media only screen and (min-width:1087px) and (max-width:1152px) {
    .cssplay_menu{width:834px;text-align:left;height:52px;position:relative;z-index:100;left:306px;top:57px}
}
@media only screen and (min-width:1152px) and (max-width:1400px) {
    .cssplay_menu{width:834px;text-align:left;height:52px;position:relative;z-index:100;left:416px;top:57px}
}
@media only screen and (min-width:1401px) and (max-width:1680px) {
    .cssplay_menu{width:834px;text-align:left;height:52px;position:relative;z-index:100;left:34vw;top:57px}
}*/
/* SECONDARY NAVIGATION - vertical navigation */
#nav-sec, #nav-sec ul {position:static;margin:0px;padding:0px;font-size:1rem;font-weight: 500;}
#nav-sec, #nav-sec li {list-style: none; margin:0px 0px 0px 6px; padding:0; background: transparent;}
#nav-sec {padding-top:0; border-top: 1px solid #efefef; margin-top: 1px;}
#nav-sec a {line-height:1.8; padding: 3px 0 3px 5px; font-family: 'raleway-regular', arial, verdana, sans-serif; display:block;}
#nav-sec a, #nav-sec a:link, #nav-sec a:visited, #nav-sec a:hover, #nav-sec a:active {text-decoration:none;cursor:pointer;} 
#nav-sec a:link {color:#D92325;} 
#nav-sec a:visited {color:#D92325;}
#nav-sec li.active a:link, #nav-sec li.active a:visited, #nav-sec li.active a:hover, #nav-sec li.active a:active {color:#D92325;} 
#nav-sec li {border-top: 1px solid transparent; border-bottom: 1px solid #efefef;}
#nav-sec li.active a {
line-height:1.8;
padding: 3px 0 5px 5px;
background: transparent url("images/leftbga.gif") no-repeat -90px -4px;
font-family: 'raleway-regular', arial, verdana, sans-serif;
display:block;
}
#nav-sec a:hover {color:#9a4336; background-color: #fbe9e9;}
#nav-sec li.active a:hover {background-color: #fbe9e9;} 
#nav-sec li.sub a:hover {background-color: #fcf1da;}