/*=======================
        General 
=======================*/
html,
body {
	font-weight: 400;
	font-size: 18px;
	margin: 0;
	padding: 0;
	font-family: "Roboto", sans-serif;
	background: #0d111e;
}
.container{
	max-width: 1240px;
	width: 100%;
	margin: 0 auto;
	padding: 0 32px;
}
p{
	font-size: 14px;	
	line-height: 1.5;
	margin: 0 0 20px;
	color:#fff;
}
h1, h2, h3, h4, h5, h6{
	color:#fff;
	font-weight: 900;
}
h3, h4, h5, h6{
	line-height: 1.3;
}
h1{
	font-size: 54px;
}
h2{
	font-size: 36px;
}
h3{
	font-size: 36px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 14px;
}
 a:hover{
	 text-decoration: none;
 }
 a {
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	text-decoration: none;
}
:focus{
	outline: none;
}
img{
	max-width: 100%;
}
ul{
	padding: 0;
	margin: 0;
}
ul li{
	list-style: none;
}

.d-flex{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-column{
    flex-direction: column;
}
.flex-between{
    justify-content: space-between;
}
.flex-start{
    justify-items: flex-start;
}
.flex-center{
    justify-content: center;
}
.flex-end{
    justify-content: flex-end;
}
.align-start{
    align-items: flex-start;
}
.align-center{
    align-items: center;
}
.align-end{
    align-items: end;
}
.align-stretch{
    align-items: stretch;
}
/*=======================
       Page Layout
=======================*/