@charset "UTF-8";

/*Basic*/

.push{
-webkit-transition:ease .5s;
transition:ease .5s;
}

.push.blur {
opacity:1;
transform:translateX(-100px);
-webkit-filter: blur(3px);
filter: blur(3px);
}

/*slidemenu*/

.DSmenu {
width:240px; 
background-color:#444;
-webkit-transform:translateX(240px);	
transform:translateX(240px);	
-webkit-transition:ease .5s;
transition:ease .5s;
position:fixed; 
top:0; 
right:0;
z-index:9999;
}

.DSmenu.action {
width:240px; 
background-color:#000;
-webkit-transform:translateX(0);	
transform:translateX(0);	
}

.DSmenu .DSbtn {
position:absolute; 
top:25px; 
right:270px; 
width:40px; 
height:40px;
padding:5px;
-webkit-transition:ease .5s;
transition:ease .5s;
cursor:pointer;
}

@media screen and (max-width: 767px){
    .DSmenu .DSbtn {
    	top: 0px;
    	right:255px; 
    }
}


.DSmenu ul {
width:240px;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;text-align: left;
}

.DSmenu ul > li {
border-bottom:1px solid #333;
color:#fff;
font-size:13px;
}

.DSmenu ul > li > a {
	color: #FFF;
	padding:15px;
	display: block;
}

.DSmenu ul > li > a:hover {
	background: #222;
}

.DSmenu ul > li > ul {
	border-top:1px solid #333;
	display: none;
}

.DSmenu ul > li > ul > li > a {
	padding-left: 25px;
}

/*----------------------------------------------------------------------------------------------------------------------menu_btn----------*/

.DSbtn span{
display: block;
width: 32px;
height: 2px;
background: #000;
margin:0 0 7px 0;
transition:all .2s;
}

@media screen and (max-width: 767px){
.DSbtn span{
width: 24px;
height: 2px;
margin:0 0 5px 0;
}
}


.DSbtn span.first{ margin-top:12px;}

.DSbtn span.first,
.DSbtn span.third{
-webkit-transform: translate(-5px,0);
transform: translate(-5px,0);
}

.DSbtn span.second{
-webkit-transform: translate(5px,0);
transform: translate(5px,0);
}

.DSbtn:hover span.first,
.DSbtn:hover span.second,
.DSbtn:hover span.third{
-webkit-transform: translate(0,0);
transform: translate(0,0);
}

.action .DSbtn{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
transition: all .5s;
-webkit-animation:none;
animation:none;
box-shadow: none;
background: none;
margin-top:12px;
}
.action .DSbtn span{
-webkit-transform: translate(0,0) rotate(0deg);
transform: translate(0,0) rotate(0deg);
height: 2px;
width: 30px;
margin:0 0 6px 0;
background: #000;
border: none;
box-shadow: none;
opacity: 1;
transition: all .5s;
-webkit-animation:none;
animation:none;
}
.action .DSbtn span:before,
.action .DSbtn span:after{
display: none;
}
.action .DSbtn span.first{
-webkit-transform: translate(0px,8px) rotate(45deg);
transform: translate(0px,8px) rotate(45deg);
}
.action .DSbtn span.second{
opacity: 0;
}
.action .DSbtn span.third{
-webkit-transform: translate(0px,-8px) rotate(-45deg);
transform: translate(0px,-8px) rotate(-45deg);
}

i.fa-chevron-down {
	float: right;
}