/* full screen */

.btnOverlay {
	background: rgba(0,0,0,.5);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
    border: none !important;
}
.menu-active .btnOverlay {
	z-index: 999;
	opacity: 1;
	visibility: visible;
}

#mobilemenu .slicknav_menu .slicknav_nav {
	float: right;
   width: calc(369px + 17px);
	overflow-x: hidden;
	height: 100% !important;
	overflow-y: auto;
	background: #000000;
	display: block;
	padding: 180px 30px 40px 25px;
	opacity: 0;
	position: fixed;
	left: -377px;
	top: 0;
	transition: all .5s;
	z-index: 9999;
    border-right: 3px solid #777777;
}
.menu-active #mobilemenu .slicknav_menu .slicknav_nav {
	opacity: 1;
    display: block !important;
    left: 0;
}
body.menu-active {
	overflow: hidden;
}
body.menu-active .wrapperOuter {
	transform: translate3d(377px, 0px, 0px);
}
.wrapperOuter {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;	
	overflow: hidden;
}
.phone {
	padding-bottom: 0 !important;
}
.mainmenu {
	text-align: right;
	float: right;
    margin-top: 28px;
}
.mainmenu ul li {
	display: inline-block; 
	position: relative;
	padding: 0 40px 43px;	
}
.mainmenu ul li:first-child {
	padding-left: 0 !important;
}
.mainmenu ul li:last-child {
	padding-right: 0 !important;
}
.mainmenu ul li a {
	line-height: 24px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	color: #000000;
	font-size: 16px;
}
.scrolled .mainmenu ul li a {
	color: #ffffff;
}
.scrolled .phone a:hover {
	border-color: #f3d111;	
	color: #000000 !important;
}
.scrolled .phone a:before {
	background: #f3d111 !important;
}


.mainmenu ul li ul li a {
	margin-bottom: 0;
}
.mainmenu ul li ul {
	left: 10px;
	opacity: 0;
	position: absolute;
	top: 67px;
	visibility: hidden;
	z-index: 9999;
	transition: all .30s ease;
	width: 230px;
	margin-left: 0px;
	padding: 0;
	border: none;
	height: 0;
	padding: 0;
	overflow: hidden;
}

.mainmenu ul li:hover ul {
	opacity: 1;
	visibility: visible;
	overflow: visible;
	height: auto;
	left: 0;
}

.mainmenu ul li ul li ul {
	top: 0px !important;
	visibility: hidden !important;
	opacity: 0 !important;
	margin-left: 220px;
	left: 0;
}

.mainmenu ul li ul li:hover>ul {
	opacity: 1 !important;
	visibility: visible !important;
	margin-top: 0px;
}

.mainmenu ul li ul li {
	display: block;
	padding: 0 0 0 0;
	margin: 0;
	width: 100%;
	position: relative;
}

.mainmenu ul li ul li a {
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 14px;
	padding: 11px 15px;
	border-bottom: 1px solid #f5f5f5;
	line-height: 22px;
}
.mainmenu ul li ul li:last-child a {
	border-bottom: none;
}
#mobilemenu .slicknav_menu .slicknav_btn {
	display: none;
}

#mobilemenu .slicknav_menu .slicknav_btn {
	position: absolute;
	top: 30px;
	right: 50px;
	height: 0;
	z-index: 99999;
}
.scrolling #mobilemenu .slicknav_menu .slicknav_btn {
	position: fixed;
	top: 30px;
	right: 50px;
	height: 22px;
}
.menu-active #mobilemenu .slicknav_menu .slicknav_btn {
    right: inherit;
    left: 334px;	
}
#mobilemenu .slicknav_menu .slicknav_btn .slicknav_icon-bar {
    height: 4px;
    width: 26px;
    display: block;
    margin-bottom: 4px;
	background: #f3d111;
	transition: all .5s;
	z-index: 9;
}

.menu-active #mobilemenu .slicknav_menu .slicknav_btn .slicknav_icon-bar:nth-child(2) {
	display: none !important;
}

.menu-active #mobilemenu .slicknav_menu .slicknav_btn .slicknav_icon-bar:first-child {
	transform: rotate(45deg);
	margin-bottom: 0 !important;
	margin-top: 9px;
	background: #f3d111;
}

.menu-active #mobilemenu .slicknav_menu .slicknav_btn .slicknav_icon-bar:last-child {
	transform: rotate(-45deg);
	margin-bottom: 0 !important;
	margin-top: -4px;
	background: #f3d111;
}

#mobilemenu .slicknav_nav li a {
	display: block;
	font-weight: 700;
	font-size: 16px;
    color: #fff;
    text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}
#mobilemenu .slicknav_nav li ul li a {
	font-size: 14px;
}
#mobilemenu .slicknav_nav li a span {
	display: inline-block;
	font-size: 10px;
	padding-left: 4px;
}
#mobilemenu .slicknav_nav li>a,
#mobilemenu .slicknav_nav>li>a {
	display: block;
	height: auto;
	text-align: left;
}
#mobilemenu .slicknav_nav li {
	display: block;
	position: relative;
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
}

#mobilemenu .slicknav_nav li:last-child {
	margin-bottom: 0;
}

#mobilemenu .slicknav_nav li ul {
    margin-top: 12px;
    margin-left: 14px;
}

#mobilemenu .slicknav_nav li a span.slicknav_arrow {
	position: absolute;
    top: 1px;
    right: 0;
    z-index: 99;
    font-size: 17px;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    width: 100%;
    height: 15px;
    padding: 0;
}
#mobilemenu .slicknav_nav .sub-menu.slicknav_hidden {
    opacity: 0 !important;
    height: 0;
    padding: 0;
    min-height: 0 !important;
}
#mobilemenu .slicknav_nav li:hover .sub-menu,
#mobilemenu .slicknav_nav .sub-menu {
    position: static !important;
    width: 100%;
    visibility: visible !important;
    height: auto !important;
    padding: 0 !important;
    min-height: 20px !important;
    opacity: 1 !important;
}

#mobilemenu .slicknav_nav li a span.slicknav_arrow::before {
	transition: all .5s;
	content: "\f067";
	font-family: FontAwesome;
}
#mobilemenu .slicknav_nav li.slicknav_open>a>span.slicknav_arrow::before {
	content: "\f068";
}
#mobilemenu .slicknav_nav li.active li a span.slicknav_arrow::before,
#mobilemenu .slicknav_nav li.active li a {
	background: transparent;
}

#mobilemenu .slicknav_nav .contactBox .widget_text {
	display: block;
    margin-top: 30px;
}
#mobilemenu .slicknav_nav .contactBox ul li {
	margin-bottom: 15px;
}
#mobilemenu .slicknav_nav .contactBox ul li:last-child {
	margin-bottom: 0;
}




#mobilemenu .slicknav_nav li a span.slicknav_arrow:after, 
#mobilemenu .slicknav_nav li a span.slicknav_arrow:before,
#mobilemenu .slicknav_nav li.slicknav_open>a>span.slicknav_arrow::before {
	transform: rotate(135deg);
	background: #fff;
	height: 3px;
	width: 12px;
	display: block;
	content: '';
	position: absolute;
	top: 4px;
	right: 7px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#mobilemenu .slicknav_nav li a:hover span.slicknav_arrow:after,
#mobilemenu .slicknav_nav li a:hover span.slicknav_arrow:before {
	background: #f3d111;
}

#mobilemenu .slicknav_nav li.slicknav_open>a>span.slicknav_arrow:after {
	transform: rotate(135deg);
}
#mobilemenu .slicknav_nav li.slicknav_open>a>span.slicknav_arrow:before {
	transform: rotate(45deg);
}
#mobilemenu .slicknav_nav li a span.slicknav_arrow:after {
	right: 15px;
	transform: rotate(45deg);
}


/* dynamic color */
/* Main Menu Color  */

/* Main Menu Hover Color */
.mainmenu ul>li.current-menu-item>a,
.mainmenu ul>li.current_page_parent>a,
.mainmenu ul li.current-page-ancestor>a,
.mainmenu ul li ul li.current-menu-ancestor a,
.mainmenu ul li.current-menu-ancestor a,
.mainmenu ul li.active a,
.mainmenu ul li a:hover,
.navbar-toggle:hover .icon-bar,
.mainmenu ul>li li.current_page_parent>a {color: #f3d111 !important;}  

#mobilemenu .slicknav_nav li a:hover span.slicknav_arrow,
.slicknav_nav li ul>li.current-menu-parent>a>a,
.slicknav_nav li li a:hover a,
#mobilemenu .slicknav_nav li a:hover,
.slicknav_nav li ul>li.current-menu-parent>a,
.slicknav_nav li li.active li a:hover,
.slicknav_nav>li.current-menu-item>a,
.slicknav_nav>li.current-menu-item>a>a,
.slicknav_nav>li.current-menu-parent>a>a,
.slicknav_nav ul li.current-page-ancestor>a,
.slicknav_nav>li.current-menu-parent>a,
.slicknav_nav ul li.current-menu-item>a,
.slicknav_nav ul li.current-menu-item>a>a,
.slicknav_nav ul li.current-menu-ancestor>a>a,
.slicknav_nav ul li.current-menu-ancestor>a>span,
.slicknav_nav li.active > a,
.slicknav_nav ul li a:hover,
.slicknav_nav li a:hover,
.slicknav_nav li a:hover a,
.slicknav_nav li li a:hover,
.slicknav_nav li li.active a {
	
	color: #f3d111 !important;
	
}

/* Sub Menu Background Color */
.mainmenu ul li ul, .slicknav_nav {background: #000000;;}

/* Sub Menu Color  */
.mainmenu ul li ul li a,
.mainmenu ul>li.current-menu-item li a, 
.mainmenu ul>li.current_page_parent li a,
.slicknav_nav li li a,
.slicknav_nav li li.active li a,
.mainmenu ul li ul li a:link, 
.mainmenu ul li ul li a:active, 
.mainmenu ul li ul li a:visited {color: #fff !important;}

/* Sub Menu Hover Color */
.mainmenu ul li ul li.active>a:link, 
.mainmenu ul li ul li.active>a:active, 
.mainmenu ul li ul li.active>a:visited,
.mainmenu ul li ul li.current-menu-ancestor>a,
.mainmenu ul li ul li.current-menu-item>a,
.mainmenu ul li ul li.current-menu-parent>a,
.mainmenu ul li ul li a:hover,
.mainmenu ul li ul li.current-menu-item li a:hover,
.mainmenu ul li ul li.current_page_parent>a:link, 
.mainmenu ul li ul li.current_page_parent>a:active, 
.mainmenu ul li ul li.current_page_parent>a:visited {background: #f3d111;}



.phone a {
	border: 4px solid #f3d111;
	padding: 12px 15px 11px;
	position: relative;
	z-index: 9;
}
.phone a:hover {
	border-color: #000000;
}
.slicknav_nav .phone a {
	border-color: #ffffff;
    text-align: center !important;
    display: inline-block !important;
    padding: 12px 22px 11px;
}
.slicknav_nav .phone a:hover {
	border-color: #f3d111;
}
.slicknav_nav .phone {
    padding-top: 10px;	
}

@media (min-width: 1390px) and (max-width: 1530px) {
	
	.mainmenu ul li {
	    padding: 0 26px 43px;	
	}

}
@media (min-width: 1300px) and (max-width: 1389px) {
	
	.mainmenu ul li {
	    padding: 0 24px 43px;	
	}

}
@media (min-width: 1200px) and (max-width: 1299px) {
	
	.mainmenu ul li {
	    padding: 0 24px 41px;	
	}
	.mainmenu {
     margin-top: 25px;
	}
	.mainmenu ul li ul {
	    top: 65px;	
	}
	
	
}


@media (min-width: 992px) and (max-width: 1199px) { 

	.phone a {
	    padding: 8px 10px 8px;	
	}
	.mainmenu ul li {
	    padding: 0 14px 32px;	
	}
	.mainmenu ul li a {
		font-size: 15px;
	}
	
	.mainmenu {
	    margin-top: 20px;	
	}
	.mainmenu ul li ul {
	    top: 56px;	
	}
	
	
}

   
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) { 
	
	#mobilemenu .slicknav_menu .slicknav_btn,
	.scrolling #mobilemenu .slicknav_menu .slicknav_btn {
    	position: fixed;
    	top: 30px;
    	right: 15px;
    	height: 22px;
	}
	.scrolling #mobilemenu,
	 #mobilemenu {
    	display: block;
	}
	#mobilemenu .slicknav_menu .slicknav_btn {
		display: inline-block;
	}


}
     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	
	@media screen and (orientation: landscape) {

	}
	
	#mobilemenu .slicknav_menu .slicknav_btn,
	.scrolling #mobilemenu .slicknav_menu .slicknav_btn {
    	position: fixed;
    	top: 30px;
    	right: 15px;
    	height: 22px;
	}
	.scrolling #mobilemenu,
	 #mobilemenu {
    	display: block;
	}

	#mobilemenu .slicknav_menu .slicknav_nav {
	   width: calc(270px + 17px);
    	padding: 180px 20px 50px 15px;
    	left: -270px;	
	}
	body.menu-active .wrapperOuter {
    	transform: translate3d(270px, 0px, 0px);
	}	
	
	.menu-active #mobilemenu .slicknav_menu .slicknav_btn {
    	right: inherit !important;
    	left: 242px !important;
	}
	
	#mobilemenu .slicknav_nav li a {
	    font-size: 16px;	
	}
	.slicknav_nav .phone a {
	    padding: 11px 12px 10px;	
	}
	#mobilemenu .slicknav_nav li ul li a {
	    font-size: 14px;	
	}
	#mobilemenu .slicknav_menu .slicknav_btn {
		display: inline-block;
	}
	
	
	
	
	

}
/* Landscape phones and down */
@media (max-width: 480px) { 



	.slicknav_nav .phone a {
	    padding: 12px 14px 11px;	
	}
	
}

body #mobilemenu .slicknav_nav .phone a:hover:hover {
	color: #000000 !important;	
}