/* jQuery FlexPanel v1.1 - https://github.com/dcooney/flexpanel */
@charset "UTF-8";
#container,#wrapper{
width:100%;
position:relative}
#wrapper{
left:0;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
z-index:0;background:#FFF}
.flexpanel{
position:fixed;
top:0;
right:-20%;
width:20%;
height:102%;
padding:0;
margin:0;
z-index:100000;
display:none;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition:-webkit-transform .3s ease;
-moz-transition:-moz-transform .3s ease;
transition:transform .3s ease}
@media screen and (min-width:768px) and (max-width:960px){
.flexpanel{right:-50%;width:50%}}
@media screen and (max-width:768px){
.flexpanel{right:-80%;width:80%}}
.flexpanel .viewport-wrap{
position:relative;
width:100%;
height:100%;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
z-index:1}
.flexpanel .viewport{
width:100%;
max-width: 250px;
height:100%;
margin-top: 60px;
position:relative;
padding:0;
overflow:hidden;
overflow-y:auto;
background: linear-gradient(180deg, rgb(255 255 255) 10%, #d6f3e5 50%, #c6edda 100%);
border-left: solid 4px rgba(99,209,114,0.4);
-webkit-box-sizing:border-box;
-khtml-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box}
.flexpanel .viewport.smooth{
-webkit-overflow-scrolling:touch;
-webkit-box-shadow1: 0 1px 5px rgb(0,0,0,.2);
box-shadow1: 0 1px 5px rgb(0,0,0,.2);
}
.flexpanel div.navigation{
padding:0px 0px 80px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease}
.flexpanel div.navigation ul{
display:flex;
flex-direction: column;
clear:both;
padding:0;
margin:0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease}
.flexpanel div.navigation ul li{
margin:0 0;
padding:0;
clear:both;
list-style:none;
width:auto;
display:block;
font-size:18px !important;
}
.flexpanel div.navigation ul li:first-child{
border-top:none}
.flexpanel div.navigation ul li ul{
margin:0;
border:none}
.flexpanel div.navigation ul li ul li{
font-size:14px !important;
margin:0 5px 5px;
border:none;
position:relative;
}

.flexpanel li {
position:relative;
}
.flexpanel li h1{
position: absolute;
top:5px;
left:0;
display1: table;
background: #FFFF00;
border: solid 1px #FFE9C6;
max-width: 30px;
width: 100%;
max-height: 30px;
height: 100%;
text-align: center;
vertical-align: middle;
line-height: 22px;
margin:0 0 0 10px;
padding: 3px;
font-size: 14px !important;
font-style: normal;
font-weight: normal;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.flexpanel div.navigation ul li ul li a{
padding:6px 12px}
.flexpanel div.navigation ul li ul li a:hover{
color:#ccc}
.flexpanel div.navigation ul li ul li a:before{
content:'»';
position:absolute;
left:0;
top:5px;
opacity:.5;
color:#9edeff}
.flexpanel div.navigation ul li a{
padding:0px 30px 25px 30px;
margin: 0 0 0px 0;
display:flex;
align-items: center;
font-size:18px !important;
cursor: pointer;
color:#1B1E21;
}
.flexpanel div.navigation ul li a i{
margin: 0 0 0 11px;
color: #1B1E21;
font-size:16px !important;
}
.flexpanel div.navigation ul li a:hover .fas{
color1: #FFF;
}
.flexpanel div.navigation ul li a:hover{
background1:#FF9810;
color1:#FFF;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-animation: blink normal 0.5s infinite ease-in-out;
-webkit-animation: blink normal 0.5s infinite ease-in-out;
-ms-animation: blink normal 0.5s infinite ease-in-out;
animation: blink normal 0.5s infinite ease-in-out;
}
.flexpanel div.navigation ul li.active>a{
color:#ef6f6f!important;font-weight:700}
.flex-btn{
width:34px;
height:33px;
position:absolute;
left:-52px;
top:30px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
cursor:pointer;
opacity:0;
filter:alpha(opacity=0)}
.flex-btn:active{}
.flex-btn.in-view{
opacity:1;
filter:alpha(opacity=100)}
.flex-btn span {
width:20px;
height:3px;
overflow:hidden;
background-color:#14eb85;
text-indent:-9999px;
display:block;
margin:0 auto 3px;
clear:both;
-webkit-transition:all .2s ease .35s;
-moz-transition:all .2s ease .35s;
-ms-transition:all .2s ease .35s;
transition:all .2s ease .35s;
position:absolute}
.flex-btn-title {
display:none;
font-size: 14px;
font-weight: 600;
position: absolute;
left: -55px;
top: 10px;
}
.flexpanel-active .flex-btn-title {
font-size: 14px;
font-weight: 600;
position: absolute;
right: 210px;
}
.flex-btn span.one{
top:9px;
right:6px;
}
.flex-btn span.two{
width: 13px;
top:15px;
right:10px;
}
.flex-btn span.three{
top:21px;
right:6px;
}
.flex-btn:hover span{}
.flexpanel-active .flex-btn{
opacity:1!important;
right: 180px;
z-index: 1000;
filter:alpha(opacity=100)!important}
.flexpanel-active .flex-btn span{
background-color:#222}
.flexpanel-active .flex-btn span.two{
opacity:0}
.flexpanel-active .flex-btn span.one{
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
top:15px}
.flexpanel-active .flex-btn span.three{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:15px}
	body.flexpanel-left .flexpanel{
		right:auto;
		left:-20%;
		width:20%}
		@media screen and (min-width:768px) and (max-width:960px){.flex-btn-title { display: block !important } body.flexpanel-left .flexpanel{right:auto;left:-50%;width:50%}}@media screen and (max-width:768px){.flex-btn-title { display: block !important } body.flexpanel-left .flexpanel{right:auto;left:-80%;width:80%}}body.flexpanel-left .flexpanel .flex-btn{left:auto;right:-48px}body.flexpanel-active.flexpanel-left #wrapper{-webkit-transform:translate(20%,0);-moz-transform:translate(20%,0);-ms-transform:translate(20%,0);transform:translate(20%,0);opacity:.7;filter:alpha(opacity=70)}@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-active.flexpanel-left #wrapper{-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0)}}@media screen and (max-width:768px){body.flexpanel-active.flexpanel-left #wrapper{-webkit-transform:translate(80%,0);-moz-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0)}}body.flexpanel-active.flexpanel-left .flexpanel{left:-20%}@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-active.flexpanel-left .flexpanel{left:-50%}}@media screen and (max-width:768px){body.flexpanel-active.flexpanel-left .flexpanel{left:-80%}}body.flexpanel-active.flexpanel-left .flexpanel .viewport-wrap{-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0)}body.flexpanel-active.flexpanel-right #wrapper{-webkit-transform:translate(-20%,0);-moz-transform:translate(-20%,0);-ms-transform:translate(-20%,0);transform:translate(-20%,0);opacity:.7;filter:alpha(opacity=70)}@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-active.flexpanel-right #wrapper{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}}@media screen and (max-width:768px){body.flexpanel-active.flexpanel-right #wrapper{-webkit-transform:translate(-80%,0);-moz-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0)}}body.flexpanel-active.flexpanel-right .flexpanel{right:-20%}@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-active.flexpanel-right .flexpanel{right:-50%}}@media screen and (max-width:768px){body.flexpanel-active.flexpanel-right .flexpanel{right:-80%}}body.flexpanel-active.flexpanel-right .flexpanel .viewport-wrap{-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}body.isIE.flexpanel-right #wrapper{left:-20%}body.isIE.flexpanel-right .flexpanel{right:0}body.isIE.flexpanel-left.flexpanel-active #wrapper{left:20%}body.isIE.flexpanel-left.flexpanel-active .flexpanel{left:0}body.flexpanel-reveal #wrapper{z-index:1;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-backface-visibility:hidden;-webkit-perspective:1000}body.flexpanel-reveal.flexpanel-right #wrapper{right:auto;left:0}body.flexpanel-reveal.flexpanel-right .flexpanel{right:-100%;z-index:0}body.flexpanel-reveal.flexpanel-right .flexpanel.reveal{right:0}body.flexpanel-reveal.flexpanel-right .flex-btn{position:fixed;left:auto;right:0;top:0;margin:20px;z-index:999}body.flexpanel-reveal.flexpanel-right.flexpanel-active #wrapper{left:-20%;opacity:1;filter:alpha(opacity=100)}@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-reveal.flexpanel-right.flexpanel-active #wrapper{left:-50%}}@media screen and (max-width:768px){body.flexpanel-reveal.flexpanel-right.flexpanel-active #wrapper{left:-80%}}body.flexpanel-reveal.flexpanel-right.flexpanel-active .flex-btn{right:20%}@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-reveal.flexpanel-right.flexpanel-active .flex-btn{right:50%}}@media screen and (max-width:768px){body.flexpanel-reveal.flexpanel-right.flexpanel-active .flex-btn{right:80%}}body.flexpanel-reveal.flexpanel-right.flexpanel-active .flexpanel,body.flexpanel-reveal.flexpanel-right.flexpanel-active .flexpanel.reveal{right:0}body.flexpanel-reveal.flexpanel-right.flexpanel-active .flexpanel .viewport-wrap{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}body.flexpanel-reveal.flexpanel-left #wrapper{right:auto;left:0}body.flexpanel-reveal.flexpanel-left .flexpanel{right:auto;left:0;z-index:0}body.flexpanel-reveal.flexpanel-left .flexpanel.reveal{left:0}body.flexpanel-reveal.flexpanel-left .flex-btn{position:fixed;right:auto;left:0;top:0;margin:20px;z-index:999}body.flexpanel-reveal.flexpanel-left.flexpanel-active #wrapper{left:20%;opacity:1;filter:alpha(opacity=100)}@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-reveal.flexpanel-left.flexpanel-active #wrapper{left:50%}}@media screen and (max-width:768px){body.flexpanel-reveal.flexpanel-left.flexpanel-active #wrapper{left:80%}}body.flexpanel-reveal.flexpanel-left.flexpanel-active .flex-btn{left:20%}@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-reveal.flexpanel-left.flexpanel-active .flex-btn{left:50%}}@media screen and (max-width:768px){body.flexpanel-reveal.flexpanel-left.flexpanel-active .flex-btn{left:80%}}body.flexpanel-reveal.flexpanel-left.flexpanel-active .flexpanel,body.flexpanel-reveal.flexpanel-left.flexpanel-active .flexpanel.reveal{left:0}body.flexpanel-reveal.flexpanel-left.flexpanel-active .flexpanel .viewport-wrap{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}body.flexpanel-hide .flex-btn,body.flexpanel-hide .flexpanel{display:none}::-webkit-scrollbar{width:10px;color:#a3a499}::-webkit-scrollbar-track{background-color:#ecede3;border-radius:10px;border:1px solid #d8d9cf}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#a3a499}