a, .btn, .btn *, .menu{
	transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
	-moz-transition:all ease 0.5s;
	-ms-transition:all ease 0.5s;
	-o-transition:all ease 0.5s;	
}

#siteheader {background:#f5904f;}

.navbar-default {background:none; border: none; margin-bottom:0;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:none;}

.navbar {padding:10px 0;}
.afl {float: left; color: #fff; border-left:3px solid #fcca00; margin:0 0 0 30px; padding-left:15px;}
.rightlinks {text-align: center; margin-top:0;}
.rightlinks a {color:#fff; display: inline-block; padding:3px 12px 10px; border-radius:3px;vertical-align: top;}
.rightlinks a img{vertical-align: top;}
.rightlinks i {font-size:25px; display: block;}
.rightlinks a:hover {background:rgba(0,0,0,0.2);}

.social a {color: #fff; display: inline-block; width:36px; height:36px; text-align: center; font-size:18px; line-height:2.1; border-radius:50%;}
.social .facebook {background: #5472d2;}
.social .twitter {background: #55acee;}
.social .youtube {background: #e52d27;}
.social .insta {background:#dd4b39;}
.social a:hover {background:#444;}

#mainmenu {background:#fff;}
#mainmenu .navbar{padding:0 15px;}
.menu { display: block; margin: 0; padding: 0; font-size: 0;}
.menu>li{display:inline-block;position:relative;z-index:100;font-size:15px;}
.menu li:first-child{margin-left:0}#mainmenu .menu>li:last-child{border:none}
.menu li a{text-decoration:none;padding:17px 15px;display:block;color:#4f4f4f;transition:all .2s ease-in-out 0s}
.menu li a:hover,.menu li:hover>a{color:#fff;background:#f5904f}
.menu ul{visibility:hidden;opacity:0;margin:0;padding:0;width:200px;position:absolute;left:0;background:#fff;z-index:99;transform:translate(0,20px);transition:all .2s ease-out;box-shadow:4px 4px 15px rgba(0,0,0,.2)}
.menu ul ul:before,.menu ul:before{content:" ";height:0;width:0;position:absolute;pointer-events:none}
.menu ul:before{top:-12px;left:20px;border:solid transparent;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px}
.menu ul li{display:block;float:none;background:0 0;margin:0;padding:0;text-align:left;border-bottom:1px solid #ddd}
.menu ul li:last-child{border:none}
.menu ul li a{font-weight:400;display:block;color:#555;padding:10px 15px;}
.menu ul li a:hover,.menu ul li:hover>a{background:#f5904f;color:#fff}.menu li:hover>ul{visibility:visible;opacity:1;transform:translate(0,0)}
.menu ul ul{left:169px;top:0;visibility:hidden;opacity:0;transform:translate(20px,20px);transition:all .2s ease-out}
.menu ul ul:before{left:-6px;top:10%;border:solid transparent;border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:6px;margin-top:-6px}
.menu li>ul ul:hover{visibility:visible;opacity:1;transform:translate(0,0)}
.navbar-toggler{display:none;width:100%;padding:5px;}
.navbar-toggler:hover{text-decoration:none;}
.menu>li.hidden-link {display:none;}
.navbar-brand {padding:0; margin-left:0 !important; height: auto;}

.menu>li.menulogo{display:none;}

@media all and (min-width:1200px){
	
}
@media all and (min-width:992px){
	
}


@media all and (max-width:1199px){
	#mainmenu {position:static;left:auto;top:auto;bottom:auto;width:auto;}
	#mainmenu .container{position:static;}
	
	.menu ul,.menu ul ul{left:0;transform:initial}.menu{display:none}
	.menu li,.navbar-toggler{display:block}
	.menu li{margin:0}
	.menu li a{background:#fff;color:#797979}

	.menu ul{visibility:hidden;opacity:0;top:0;width:100%}
	.menu li:hover>ul{visibility:visible;opacity:1;position:relative;transform:initial}
	.menu li>ul ul:hover { transform: initial; }
	.navbar-default {border-bottom:0;}
	
	#mainmenu {margin-top: 0; text-align: left; z-index: 99999;}
	#mainmenu.showmenu .menu {left:0;}

	.navbar-toggler {margin:0; width:43px; background:none; border: none; position: absolute; right:20px; top:30px;}
	.navbar-toggler span {background: #fff;}
	.navbar-toggler span {display: block; width:100%; height:3px;}
	.navbar-toggler span + span {margin-top:5px;}
	.navbar-brand {padding:5px 15px;}
	.navbar-brand > img {max-width:220px;}
	.menu {position: fixed; left:-220px; top:0; width:220px; display: block; height:100%; background:#f58238; overflow-y:auto; z-index:1003;}
	.menu li a {background: none;padding:13px 13px;color: #fff;}
	.menu ul {visibility:visible; opacity: 1; position: relative; box-shadow:none;}
	.menu ul li a {background: #f5f5f5;}
	.menulogo {text-align: center; background:#f5904f; padding:10px;}
	.menulogo img {width:100%;}
	
	.menu > li {font-size: 14px;border: none; border-bottom:1px solid rgba(227,227,227,.3);}
	
	.rightlinks {display:none;}
	.social {float: none; position: absolute; top:30px; right:80px;}
	.social a {width:28px;height:28px; font-size:14px;}
	.afl {margin-left: 15px;}
	.menu>li.hidden-link {display:block;}
	.menu>li.menulogo{display:block;}
	#siteheader .container{width:100%;max-width:100%;}
	
}

@media all and (max-width:767px){
	.afl {display:none;}
}

@media all and (max-width:479px){
	.social {position: relative; margin: 0; top:0; right:auto;}
	.social a {margin:7px 3px;}
	.navbar-toggler {top:82px; right:15px;}
	.navbar-toggler span {background:#555;}
	.navbar-brand {display: inline-block; padding:0; margin:auto !important;}
	.navbar-header {text-align: center; padding:5px;}
	
}

@media all and (max-width:419px){
	
}

