@font-face
{
	font-family : roboto;
	src : url(../fonts/roboto/Roboto-Regular.ttf);
}

@font-face
{
	font-family : heebo;
	src : url(../fonts/roboto/Heebo-Regular.ttf);
}


@font-face
{
	font-family : raleway;
	src : url(../fonts/raleway/Raleway-Regular.ttf);
}

@font-face
{
	font-family : Cinzel;
	src : url(../fonts/rdm/Cinzel-Bold.ttf);
}




html,
body
{
	font-family : raleway, sans-serif;
	padding : 0px;
	margin : 0px;
	background : #000;
}

div,
header,
section,
article,
span,
ul,
footer,
figure,
form,
input,
textarea,
button,
select,
h1,h2,h3,h4,h5,h6,h7
{
	display : block;
	box-sizing : border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7
{
	font-family : Cinzel, sans-serif;
	font-weight : 900;
}

p
{
	padding : 15px 0px;
}

.container
{
	width : 100%;	
}

.row
{
	display : flex;
	flex-direction : row;
}

.row-wrap
{
	flex-wrap : wrap;
}

.row-nowrap
{
	flex-wrap : nowrap;
}

.row-center
{
	justify-content : center;
}

.row-left
{
	justify-content : start;
}

.row-right
{
	justify-content : end;
}

.row-top
{
 align-items : flex-start;
}

.row-middle
{
 align-items : center;
}

.row-stretch
{
	align-items : stretch;
}



.col
{
	display : block;
}

.col-10
{
	width : 10%;
}

.col-15
{
	width : 15%;
}

.col-20
{
	width : 20%;
}

.col-25
{
	width : 25%;
}

.col-30
{
	width : 30%;
}

.col-33
{
	width : 33%;
}

.col-40
{
	width : 40%;
}

.col-50
{
	width : 50%;
}

.col-60
{
	width : 60%;
}

.col-66
{
	width : 66%;
}

.col-70
{
	width : 70%;
}

.col-75
{
	width : 75%;
}

.col-80
{
	width : 80%;
}

.col-90
{
	width : 90%;
}

.col-100
{
	width : 100%;
}

.text-center
{
	text-align : center;
}

.text-left
{
	text-align : left;
}

.text-right
{
	text-align : right;
}

.text-justify
{
	text-align : justify;
}


.text-div
{
	width : 100%;
	line-height : 25px;
}







.text-white
{
	color : #fff;
}

.text-danger
{
	color : #f00;
}

.text-primary
{
	color : rgb(245,182,25);
}

.text-secondary
{
	color : rgb(139,69,19);
}

.text-normal
{
	color : rgb(50,50,50);
}


.text-capitalize
{
	text-transform : uppercase;
}


.bg-primary
{
	background : rgb(245,182,25);
}

.bg-secondary
{
	background : rgb(139,69,19);
}





.norm-head-primary
{
	color :  rgb(245,182,25);
}





.pd-10
{
	padding : 10px;
}

.pd-20
{
	padding : 20px;
}

.pd-30
{
	padding : 30px;
}

.pd-40
{
	padding : 40px;
}

.pd-50
{
	padding : 50px;
}


.pd-l-10
{
	padding-left : 10px;
}

.pd-l-20
{
	padding-left : 20px;
}

.pd-l-30
{
	padding-left : 30px;
}

.pd-l-40
{
	padding-left : 40px;
}

.pd-l-50
{
	padding-left : 50px;
}


.pd-r-10
{
	padding-right : 10px;
}

.pd-r-20
{
	padding-right : 20px;
}

.pd-r-30
{
	padding-right : 30px;
}

.pd-r-40
{
	padding-right : 40px;
}

.pd-r-50
{
	padding-right : 50px;
}



.pd-t-10
{
	padding-top : 10px;
}

.pd-t-20
{
	padding-top : 20px;
}

.pd-t-30
{
	padding-top : 30px;
}

.pd-t-40
{
	padding-top : 40px;
}

.pd-t-50
{
	padding-top : 50px;
}


.pd-b-10
{
	padding-bottom : 10px;
}

.pd-b-20
{
	padding-bottom : 20px;
}

.pd-b-30
{
	padding-bottom : 30px;
}

.pd-b-40
{
	padding-bottom : 40px;
}

.pd-b-50
{
	padding-bottom : 50px;
}

.pd-tb-10
{
	padding : 10px 0px;
}

.pd-tb-20
{
	padding : 20px 0px;
}

.pd-tb-30
{
	padding : 30px 0px;
}

.pd-tb-40
{
	padding : 40px 0px;
}

.pd-tb-50
{
	padding : 50px 0px;
}

.pd-lr-10
{
	padding : 0px 10px;
}

.pd-lr-20
{
	padding : 0px 20px;
}

.pd-lr-30
{
	padding : 0px 30px;
}

.pd-lr-40
{
	padding : 0px 40px;
}

.pd-lr-50
{
	padding : 0px 50px;
}

.mg-10
{
	margin : 10px;
}

.mg-20
{
	margin : 20px;
}

.mg-30
{
	margin : 30px;
}

.mg-40
{
	margin : 40px;
}

.mg-50
{
	margin : 50px;
}


.mg-l-10
{
	margin-left : 10px;
}

.mg-l-20
{
	margin-left : 20px;
}

.mg-l-30
{
	margin-left : 30px;
}

.mg-l-40
{
	margin-left : 40px;
}

.mg-l-50
{
	margin-left : 50px;
}


.mg-r-10
{
	margin-right : 10px;
}

.mg-r-20
{
	margin-right : 20px;
}

.mg-r-30
{
	margin-right : 30px;
}

.mg-r-40
{
	margin-right : 40px;
}

.mg-r-50
{
	margin-right : 50px;
}

.mg-t-10
{
	margin-top : 10px;
}

.mg-t-20
{
	margin-top : 20px;
}

.mg-t-30
{
	margin-top : 30px;
}

.mg-t-40
{
	margin-top : 40px;
}

.mg-t-50
{
	margin-top : 50px;
}


.mg-b-10
{
	margin-bottom : 10px;
}

.mg-b-20
{
	margin-bottom : 20px;
}

.mg-b-30
{
	margin-bottom : 30px;
}

.mg-b-40
{
	margin-bottom : 40px;
}

.mg-b-50
{
	margin-bottom : 50px;
}


.field-input
{
	padding : 15px 20px;
	border-radius : 12px;
	border : none;
	margin : 15px 0px;	
	width : 100%;
}

.border-t-primary
{
	border-top : 2px solid rgb(245,182,25);
}

.cont-input
{
	display : block;
	padding : 13px 15px;
	border-radius : 20px;
	border : none;
	margin : 0px;	
	width : 100%;
}