@charset "utf-8";
/* CSS Document */

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu ul li:last-child {
	border-bottom: none;
}
#cssmenu {
	width: 100%;
	float: left;
	counter-reset: ctr;
	margin: 3.6rem 0 3rem 0;
}
#cssmenu ul ul {
	display: none ;
}
#cssmenu > ul > li.active > ul {
	display: block;
}
.align-right {
	float: right;
}
#cssmenu > ul > li > a {
	font-size: 27px;
	font-weight: 500;
	color: #1d1d1b;
	letter-spacing: normal;

	-webkit-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
	padding-left: 3.1rem;
	cursor: pointer;
	z-index: 2;
}
#cssmenu > ul > li > a:hover {
	color: #948050;
	padding-left: 4rem;
}
#cssmenu ul ul li a {
	font-size: 18px;
	font-weight: 400;
	color: #948050;
	letter-spacing: normal;
	-webkit-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
	padding-left: 4.5rem;
	cursor: pointer;
	z-index: 2;

}
#cssmenu ul ul ul li a {
	padding-left: 5.5rem;
}
#cssmenu ul ul li a:hover {
	color: #1d1d1b;
	padding-left: 5.5rem;
}
.nav-conten {
	width: 100%;
	float: left;
	margin: 82px 0 30px;
}
.nav-conten p {
	font-size: 17px;
	color: #fff;
	line-height: 24px;
}
.nav-conten p a {
	color: #fff;
}
.nav-social li {
	margin: 0 2px;
}
.nav-social li a {
	border: none;
}
.nav-social li a:hover {
	opacity: 0.7;
}




#cssmenu ul li.has-sub > a:after {
  content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/down-black-circle-arrow.svg) no-repeat center;
    background-size: 16px;
    width: 18px;
    height: 18px;
    display: inline-block; border-radius: 50%;margin-left: 6px;
}
#cssmenu ul li.has-sub > a:hover:after
{    background: url(../images/down-gold-circle-arrow.svg) no-repeat center;


}

/* #cssmenu ul li.has-sub:hover > a:after{
    background: url(../images/arrowmenu/right-black-circle-arrow.svg) no-repeat;
		background-size: 16px;

} */


#cssmenu ul li.has-sub.open > a:after {

    background: url(../images/arrowmenu/right-black-circle-arrow.svg) no-repeat;
    background-size: 16px;

}

#cssmenu ul li.has-sub.open > a:hover:after {
    background: url(../images/left-gold-circle-arrow2.svg) no-repeat;
    
}
#cssmenu .header-nav__list.show {
    display: block;
}

#cssmenu .header-nav__list {
    display: none;
}

#cssmenu .mobileshowonly {
    display: none;
}


/*Smartphone css*/
@media screen and (max-width: 480px) {
#cssmenu { margin: 2.6rem 0 3rem 0;}
#cssmenu > ul > li > a { font-size: 23px; padding-left: 1.5rem;}
#cssmenu ul ul li a { font-size: 14px; padding-left: 2.5rem;}
#cssmenu > ul > li > a:hover { padding-left: 1.5rem;}
#cssmenu ul ul li a:hover { padding-left: 3rem;}
#cssmenu .header-nav__list.show {display: none;}
#cssmenu .mobileshowonly {display: block;}
#cssmenu .mobileshowonly li{line-height:4rem}
#cssmenu .mobileshowonly ul li{line-height:3rem}
#cssmenu .mobileshowonly > li{padding-left:0px}
#cssmenu .mobileshowonly > li > a::before{content:counter(ctr,decimal-leading-zero) ".";counter-increment:ctr;font-size:11px;color:#948050;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;position:relative;left:-9px;top:-1px}
#cssmenu .mobileshowonly ul li a{padding-left:2.5rem}
#cssmenu .mobileshowonly ul li a:hover{padding-left:2.5rem}
#cssmenu .mobileshowonly ul ul li a{padding-left:3.5rem}
#cssmenu .mobileshowonly ul ul li a:hover{padding-left:3.5rem}


#cssmenu ul li.has-sub.menu-item-has-children.open{width:100%}
#cssmenu ul li.has-sub.menu-item-has-children.Locations.open{position:fixed;width:100%;z-index:9999999;left:0;right:0;top:166px;height:100%;margin:0;padding:0;max-width:420px;background:#fff;display:grid; max-height: 78vh; align-content: start; }
#cssmenu ul li.has-sub.menu-item-has-children.open a:before{display:none}

#cssmenu.ourlocationclicked .mobileshowonly > li {display: none;}

#cssmenu ul ul{display:none;max-height:100%;overflow-y:auto;width:100%}

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open{position:fixed;background:#fff;width:100%;height:100%;left:0;z-index:9;max-height:100%;overflow-y:auto;display:grid;align-content:center; max-height: 72vh; top: 226px; margin-bottom: 50px; overflow: hidden;}

#cssmenu ul li.has-sub.menu-item-has-children.Locations.open.current-menu-ancestor>a{position:absolute;top:15px;z-index:99;left:6%}



#cssmenu ul li.has-sub.menu-item-has-children.Locations.open>a{float:none;display:inline-block;font-size:23px;height:fit-content; position: absolute;}

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open>a{font-size:18px;font-weight:500;color:#1d1d1b;letter-spacing:normal;-webkit-transition:all 0.25s ease-out 0s;-o-transition:all 0.25s ease-out 0s;transition:all 0.25s ease-out 0s;cursor:pointer; overflow: hidden; overflow-y: auto;}

#cssmenu ul li.has-sub.menu-item-has-children.Locations.open > ul.dropdown.submenu{padding-top:90px}
#cssmenu ul .submenu li.has-sub.menu-item-has-children.open>a{position:relative;left:5px}

/* #cssmenu ul .submenu li.has-sub.menu-item-has-children.open ul.dropdown.submenu {padding-top: 30px;} */

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open ul.dropdown.submenu {margin-bottom: 50px;}

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open ul.dropdown.submenu li.location-title {display: none;}

}

@media screen and (min-width:481px) and (max-width:600px) {
#cssmenu { margin: 2.6rem 0 3rem 0;}
#cssmenu > ul > li > a { font-size: 23px; padding-left: 1.5rem;}
#cssmenu ul ul li a { font-size: 14px; padding-left: 2.5rem;}
#cssmenu > ul > li > a:hover { padding-left: 1.5rem;}
#cssmenu ul ul li a:hover { padding-left: 3rem;}
#cssmenu .header-nav__list.show {display: none;}
#cssmenu .mobileshowonly {display: block;}
#cssmenu .mobileshowonly li{line-height:4rem}
#cssmenu .mobileshowonly ul li{line-height:3rem}
#cssmenu .mobileshowonly > li{padding-left:0px}
#cssmenu .mobileshowonly>li>a::before{content:counter(ctr,decimal-leading-zero) ".";counter-increment:ctr;font-size:11px;color:#948050;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;position:relative;left:-9px;top:-1px}
#cssmenu .mobileshowonly ul li a{padding-left:2.5rem}
#cssmenu .mobileshowonly ul li a:hover{padding-left:2.5rem}
#cssmenu .mobileshowonly ul ul li a{padding-left:3.5rem}
#cssmenu .mobileshowonly ul ul li a:hover{padding-left:3.5rem}


#cssmenu ul li.has-sub.menu-item-has-children.open{width:100%}
#cssmenu ul li.has-sub.menu-item-has-children.Locations.open{position:fixed;width:100%;z-index:9999999;left:0;right:0;top:166px;height:100%;margin:0;padding:0;max-width:420px;background:#fff;display:grid; max-height: 78vh; align-content: start; }
#cssmenu ul li.has-sub.menu-item-has-children.open a:before{display:none}

#cssmenu.ourlocationclicked .mobileshowonly > li {display: none;}

#cssmenu ul ul{display:none;max-height:100%;overflow-y:auto;width:100%}

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open{position:fixed;background:#fff;width:100%;height:100%;left:0;z-index:9;max-height:100%;overflow-y:auto;display:grid;align-content:center; max-height: 70vh; top: 226px;}
#cssmenu ul li.has-sub.menu-item-has-children.Locations.open.current-menu-ancestor>a{position:absolute;top:15px;z-index:99;left:6%}



#cssmenu ul li.has-sub.menu-item-has-children.Locations.open>a{float:none;display:inline-block;font-size:23px;height:fit-content; position: absolute;}

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open>a{font-size:18px;font-weight:500;color:#1d1d1b;letter-spacing:normal;-webkit-transition:all 0.25s ease-out 0s;-o-transition:all 0.25s ease-out 0s;transition:all 0.25s ease-out 0s;cursor:pointer; overflow: hidden; overflow-y: auto;}

#cssmenu ul li.has-sub.menu-item-has-children.Locations.open > ul.dropdown.submenu{padding-top:90px}
#cssmenu ul .submenu li.has-sub.menu-item-has-children.open>a{position:relative;left:5px}

/* #cssmenu ul .submenu li.has-sub.menu-item-has-children.open ul.dropdown.submenu {padding-top: 30px;} */

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open ul.dropdown.submenu {margin-bottom: 50px;}

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open ul.dropdown.submenu li.location-title {display: none;}

}

@media screen and (min-width:601px) and (max-width:767px) {
#cssmenu { margin: 2.6rem 0 3rem 0;}
#cssmenu > ul > li > a { font-size: 23px; padding-left: 1rem;}
#cssmenu ul ul li a { font-size: 14px; padding-left: 2.5rem;}
#cssmenu > ul > li > a:hover { padding-left: 1rem}
#cssmenu ul ul li a:hover { padding-left: 3rem;}
#cssmenu .header-nav__list.show {display: none;}
#cssmenu .mobileshowonly {display: block;}
#cssmenu .mobileshowonly li{line-height:4rem}
#cssmenu .mobileshowonly ul li{line-height:3rem}
#cssmenu .mobileshowonly > li{padding-left:0}
#cssmenu .mobileshowonly > li > a::before{content:counter(ctr,decimal-leading-zero) ".";counter-increment:ctr;font-size:11px;color:#948050;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;position:relative;left:-8px;top:-1px}
#cssmenu .mobileshowonly ul li a{padding-left:3rem}
#cssmenu .mobileshowonly ul li a:hover{padding-left:3rem}
#cssmenu .mobileshowonly ul ul li a{padding-left:3.5rem}
#cssmenu .mobileshowonly ul ul li a:hover{padding-left:3.5rem}

#cssmenu ul li.has-sub.menu-item-has-children.open{width:100%}
#cssmenu ul li.has-sub.menu-item-has-children.Locations.open{position:fixed;width:100%;z-index:9999999;left:0;right:0;top:166px;height:100%;margin:0;padding:0;max-width:420px;background:#fff;display:grid; max-height: 78vh; align-content: start;}
#cssmenu ul li.has-sub.menu-item-has-children.open a:before{display:none}

#cssmenu.ourlocationclicked .mobileshowonly > li {display: none;}

#cssmenu ul ul{display:none;max-height:100%;overflow-y:auto;width:100%;}

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open{position:fixed;background:#fff;width:100%;height:100%;left:0;z-index:9;max-height:100%;overflow-y:auto;display:grid;align-content:center; max-height: 70vh; top: 226px;}
#cssmenu ul li.has-sub.menu-item-has-children.Locations.open.current-menu-ancestor>a{position:absolute;top:15px;z-index:99;left:6%}



#cssmenu ul li.has-sub.menu-item-has-children.Locations.open>a{float:none;display:inline-block;font-size:23px;height:fit-content; position: absolute;}

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open>a{font-size:22px;font-weight:500;color:#1d1d1b;letter-spacing:normal;-webkit-transition:all 0.25s ease-out 0s;-o-transition:all 0.25s ease-out 0s;transition:all 0.25s ease-out 0s;cursor:pointer; overflow: hidden; overflow-y: auto;}

#cssmenu ul li.has-sub.menu-item-has-children.Locations.open > ul.dropdown.submenu{padding-top:90px}
#cssmenu ul .submenu li.has-sub.menu-item-has-children.open>a{position:relative;left:0}

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open ul.dropdown.submenu {margin-bottom: 50px;}

#cssmenu ul .submenu li.has-sub.menu-item-has-children.open ul.dropdown.submenu li.location-title {display: none;}

}

@media screen and (min-width:768px) and (max-width:900px) {
#cssmenu > ul > li > a { font-size: 20px; padding-left: 2.25rem;}
#cssmenu ul ul li a { font-size: 14px; padding-left: 3.15rem;}
#cssmenu > ul > li > a:hover { padding-left: 3.15rem;}
#cssmenu ul ul li a:hover { padding-left: 4.15rem;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
#cssmenu > ul > li > a { font-size: 22px; padding-left: 2.25rem;}
#cssmenu ul ul li a { font-size: 16px; padding-left: 3.15rem;}
#cssmenu > ul > li > a:hover { padding-left: 3.15rem;}
#cssmenu ul ul li a:hover { padding-left: 4.15rem;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {

}


@media screen and (min-width:768px) {
/* #cssmenu ul ul {display: none !important ;}
#cssmenu ul li.has-sub:hover  .sub-menu {display: block !important; transition: 0.25s ease-in;} */

}