*{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 7px;

}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5); 
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

.clear{
	clear:both;
}

.cf{
	zoom:1
}

.cf:before,.cf:after{
	content:"";
	display:table
}

.cf:after{
	clear:both
}

.fl-l{
	float:left
}

.fl-r{
	float:right
}

.ts{
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.center{
	text-align:center;
}

a{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	color:#000000;
	text-decoration:none;
}

.tablet{ display:none;}
.tablet-desktop{ display:none;}
.desktop{ display:none;}


@media only screen and (min-width: 768px) {
.mobile{ display:none;}
.tablet{ display:block;}
.tablet-desktop{ display:block;}
}

@media only screen and (min-width: 960px) {
.mobile{ display:none;}
.mobile-tablet{ display:none;}
.tablet{ display:none;}
.desktop{ display:block !important; margin-top: 22px;}
}