@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);
@import url(../css/icofont.css);
body {
	font-size: 14px;
	height: 100%;
	overflow-x: hidden;
	font-family: 'Raleway', sans-serif;
	color: #101010;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
 body::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.3);
background-color:#000 !important;
}
body::-webkit-scrollbar {
width:5px;
background-color:#fff !important;
}
body::-webkit-scrollbar-thumb {
background-color:#0485ff;
}


header {
	width: 100%;
	height: 70px;
	display: table;
	position: absolute !important;
	font-family: inherit;
	z-index: 9;
	width: 100%;
	top: 0;
	-webkit-transition: background 500ms ease;
}
header.scrolled {
	position: fixed !important;
	top: -70px;
	background: #cde7ff;
	transform: translateY(70px);
	transition: transform 500ms ease, background 900ms ease;
	-webkit-transition: transform 500ms ease, background 900ms ease;
	z-index: 999;
}
:hover {
	transition: all 0.3s ease-in-out
}
.scrollup {
	width: 52px;
	height: 75px;
	position: fixed;
	bottom: 90px;
	right: 0;
	display: none;
	text-indent: -9999px;
	z-index: 99999;
	background: url(../images/anchor.png) no-repeat
}
*:focus {
	outline: none
}
.reset {
	clear: both
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	color: #484848;
	font-size: 50px
}
h1 {
	font-size: 50px
}
h2 {
	font-size: 43px
}
h3 {
	font-size: 35px
}
h4 {
	font-size: 25px
}
h5 {
	font-size: 18px
}
h6 {
	font-size: 14px
}
p {
	width: 100%;
	font-weight: 400;
	font-size: 15.4px;
	line-height: 24px;
	text-align:justify
}
a {
	text-decoration: none!important;
	color: ##191919;
	-webkit-transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	-ms-transition: 400ms ease-in-out
}
a:hover {
	text-decoration: none!important;
	color: #000
}
ul {
	padding: 0;
	margin: 0
}
.p0 {
	padding: 0!important
}
.p3 {
	padding: 3px!important
}
.m0 {
	margin: 0!important
}
.fl {
	float: left
}
.fr {
	float: right
}
b {
	padding: 10px 0
}
li {
	list-style: none;
	text-decoration: none
}
li {
	font-weight: 400;
	font-size: 13px;
}
.more:after {
	content: "\f0da";
	transition: all .25s;
	opacity: 0;
	margin-left: -.5em;
	font-family: 'FontAwesome'
}
.more:hover:after {
	opacity: 1;
	margin-left: .7em
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt36 {
	margin-top: 36px;
}


@media screen and (max-width: 991px){

header.scrolled {
 top: 0 !important;
 transform: none !important;
}}
