*{
	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;
    --back-color-11: #c112f1;
    --back-color-12: #e46fe6;
    --back-color-13: #60b32b;
    --back-color-14: #83f5a0;
    --back-color-15: #4ce804;
    --back-color-16: #9dd539;
    --back-color-17: #12a2d1;
    --back-color-18: #8ed3e9;
    --back-color-19: #7fbde8;
    --back-color-20: #2957e1;
    --back-color-21: #449d78;
    --back-color-22: #2c684c;
    --back-color-23: #60b32b;
    --back-color-24: #83f5a0;
    --back-color-25: #85626d;
    --back-color-26: #db8196;
    --back-color-27: #cf335e;
    --back-color-28: #302cf0;
    --back-color-29: #d04211;
    --back-color-30: #2957e1;
    --back-color-31: #449d78;
    --back-color-32: #2c684c;
    --back-color-33: #60b32b;
    --back-color-34: #83f5a0;
    --back-color-35: #4ce804;
    --back-color-36: #9dd539;
    --back-color-37: #12a2d1;
    --back-color-38: #8ed3e9;
    --back-color-39: #7fbde8;
    --back-color-40: #2957e1;
    --back-color-41: #1aa61a;
    --back-color-42: #33ba55;
    --back-color-43: #60b32b;
    --back-color-44: #83f5a0;
    --back-color-45: #e8049a;
    --back-color-46: #f383eb;
    --back-color-47: #9a058c;
    --back-color-48: #e6b8e6;
    --back-color-49: #8828a8;
    --back-color-50: #9a6699;
    --back-color-51: #c112f1;
    --back-color-52: #e46fe6;
    --back-color-53: #60b32b;
    --back-color-54: #83f5a0;
    --back-color-55: #4ce804;
    --back-color-56: #998dfa;
    --back-color-57: #12a2d1;
    --back-color-58: #8ed3e9;
    --back-color-59: #7fbde8;
    --back-color-60: #ffdf03;
    --back-color-61: #fff3a0;
}


.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-9{ background-color: var(--back-color-9) !important; }
.service-10{ background-color: var(--back-color-10) !important; }
.service-11{ background-color: var(--back-color-11) !important; }
.service-12{ background-color: var(--back-color-12) !important; }
.service-13{ background-color: var(--back-color-13) !important; }
.service-14{ background-color: var(--back-color-14) !important; }
.service-15{ background-color: var(--back-color-15) !important; }
.service-16{ background-color: var(--back-color-16) !important; }
.service-17{ background-color: var(--back-color-17) !important; }
.service-18{ background-color: var(--back-color-18) !important; }
.service-19{ background-color: var(--back-color-19) !important; }
.service-20{ background-color: var(--back-color-20) !important; }
.service-21{ background-color: var(--back-color-11) !important; }
.service-22{ background-color: var(--back-color-12) !important; }
.service-23{ background-color: var(--back-color-13) !important; }
.service-24{ background-color: var(--back-color-14) !important; }
.service-25{ background-color: var(--back-color-15) !important; }
.service-26{ background-color: var(--back-color-16) !important; }
.service-27{ background-color: var(--back-color-17) !important; }
.service-28{ background-color: var(--back-color-18) !important; }
.service-29{ background-color: var(--back-color-19) !important; }
.service-30{ background-color: var(--back-color-20) !important; }
.service-31{ background-color: var(--back-color-31) !important; }
.service-32{ background-color: var(--back-color-32) !important; }
.service-33{ background-color: var(--back-color-33) !important; }
.service-34{ background-color: var(--back-color-34) !important; }
.service-35{ background-color: var(--back-color-35) !important; }
.service-36{ background-color: var(--back-color-36) !important; }
.service-37{ background-color: var(--back-color-37) !important; }
.service-38{ background-color: var(--back-color-38) !important; }
.service-39{ background-color: var(--back-color-39) !important; }
.service-40{ background-color: var(--back-color-30) !important; }
.service-41{ background-color: var(--back-color-41) !important; }
.service-42{ background-color: var(--back-color-42) !important; }
.service-43{ background-color: var(--back-color-43) !important; }
.service-44{ background-color: var(--back-color-44) !important; }
.service-45{ background-color: var(--back-color-45) !important; }
.service-46{ background-color: var(--back-color-46) !important; }
.service-47{ background-color: var(--back-color-47) !important; }
.service-48{ background-color: var(--back-color-48) !important; }
.service-49{ background-color: var(--back-color-49) !important; }
.service-50{ background-color: var(--back-color-50) !important; }
.service-51{ background-color: var(--back-color-51) !important; }
.service-52{ background-color: var(--back-color-52) !important; }
.service-53{ background-color: var(--back-color-53) !important; }
.service-54{ background-color: var(--back-color-54) !important; }
.service-55{ background-color: var(--back-color-55) !important; }
.service-56{ background-color: var(--back-color-56) !important; }
.service-57{ background-color: var(--back-color-57) !important; }
.service-58{ background-color: var(--back-color-58) !important; }
.service-59{ background-color: var(--back-color-59) !important; }
.service-60{ background-color: var(--back-color-60) !important; }
.service-61{ background-color: var(--back-color-61) !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;
}