*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: 'Brown', sans-serif;
}

:root {
	--text-color-1:#FFF;
	--text-color-2:#000;
	--back-color-0:#0d2341;
	--back-color-1:#f6f5f1;
	--back-color-2:#e9e5da;
	--back-color-3:#ccc4b0;
	--back-color-4:#fdc97f;
	--back-color-5:#f69663;
	--back-color-6:#d34772;
	--back-color-7:#65f689;
	--back-color-8:#65d2f6;
	--back-color-9:#e6290f;
	--back-color-10:#d533a2;
	
}

.stop{ clear:both; }

a{ text-decoration:none }
.trans-02{
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.trans-05{
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.stop{ clear:both; }


.center{ text-align:center; }
.alignLeft{ text-align:left; }
.alignRight{ text-align:right; }

.t-u{
	text-transform:uppercase;
}
.t-l{
	text-transform:lowercase;
}

.full-div{
	width:100%;
	height:100%;
}

.back-cover{
	background-size:cover;
	background-position:center center;
}

.d-ib{ display:inline-block; }
.d-none{ display:none; }

.w100{ width:100%; }
.w90{ width:90%; }
.w80{ width:80%; }
.w70{ width:70%; }
.w60{ width:60%; }
.w50{ width:50%; }
.w40{ width:40%; }
.w30{ width:30%; }
.w20{ width:20%; }
.w10{ width:10%; }


.h100{ height:100%; }

.w0{ width:0%; }
.h0{ height:0%; }

/* CURSOR */
.c-pointer{
	cursor:pointer;
}

/* POSITION */
.p-r{ position:relative; }
.p-a{ position:absolute; }
.p-f{ position:fixed; }
.p-0{
	top:0;
	left:0;
}


/* Z-INDEX */
.l-1{ z-index:1; }
.l-2{ z-index:2; }
.l-3{ z-index:3; }
.l-4{ z-index:4; }
.l-5{ z-index:5; }
.l-101{ z-index:101; }
.l-102{ z-index:102; }
.l-103{ z-index:103; }
.l-104{ z-index:104; }
.l-105{ z-index:105; }
.l-1001{ z-index:1001; }
.l-1002{ z-index:1002; }
.l-1003{ z-index:1003; }
.l-1004{ z-index:1004; }
.l-1005{ z-index:1005; }


.d-ib{ display:inline-block;}
.d-b{ display:block;}
.d-none{ display:none;}



/* BLOCK ALIGN */
.vertical-align{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	display:block;
}
.horizontal-align{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	display:block;
}
.full-align{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:block;
}



/* BACKGROUND COLOR */
.b-grey{ background-color:#383838; }
.b-white{ background-color:#FFF; }



.f-left{
	float:left;
}
.f-right{
	float:right;
}


.br-5{ border-radius:5px; }
.br-10{ border-radius:10px; }
.br-15{ border-radius:15px; }
.br-20{ border-radius:20px; }


.status-0{ background-color: var(--back-color-1); }
.status-1{ background-color: var(--back-color-4); }
.status-2{ background-color: var(--back-color-6); }

.service-1{ background-color: var(--back-color-4) !important; }
.service-2{ background-color: var(--back-color-5) !important; }
.service-3{ background-color: var(--back-color-6) !important; }
.service-4{ background-color: var(--back-color-7) !important; }
.service-5{ background-color: var(--back-color-8) !important; }
.service-6{ background-color: var(--back-color-9) !important; }
.service-7{ background-color: var(--back-color-9) !important; }
.service-8{ background-color: var(--back-color-10) !important; }


.service-x{ background-color: var(--back-color-3) !important; }

.c1{
	width:99%;
	float:left;
}
.c2{
	width:39%;
	margin-right:1%;
	float:left;
}
.c3{
	width:22.333%;
	margin-right:1%;
	float:left;
}
.c4{
	width:24%;
	margin-right:1%;
	float:left;
}
.c5{
	width:19%;
	margin-right:1%;
	float:left;
}
.c6{
	width:15.666%;
	margin-right:1%;
	float:left;
}

.op-view{
	width:10%;
	margin-right:1%;
	float:left;
}