:root {
    --c-light-man : #ecf0f1;
    --c-dark-man : #34495e;
    --c-darker-man : #2c3e50;
    --c-white-pure : #FFFFFF;
    --c-white-light : #F7F7F7;
    --c-white-dark : #eeeeee;
    --c-grey-light : #ccd0d9;
    --c-grey-dark : #aab2bd;
    --c-grey2-light : #656d78;
    --c-grey2-dark : #434a54;
    --c-black-light : #2b2b2b;
    --c-black-dark : #262626;
    --c-black-pure : #000000;

    --c-blue-light : #19b5fe;
    --c-blue-dark : #2980b9;
    --c-green-light : #2ecc71;
    --c-green-dark : #2d5036;
    --c-red-light : #e74c3c;
    --c-red-dark : #c0392b;
    --c-orange-light : #e67e22;
    --c-orange-dark : #d35400;
    --c-ruby-light : #d9334b;
    --c-ruby-dark : #bf263b;
    --c-purble-light : #8067b8;
    --c-purble-dark : #6a50a7;

	--c-gold-light : #b08e47;
	--c-gold-dark : #9e7d35;
    
    --c-light-man-h : #d4d4d4;
    --c-dark-man-h : #293644;
    --c-darker-man-h : #1d2833;
    --c-white-pure-h : #f0f0f0;
    --c-white-light-h : #e7e7e7;
    --c-white-dark-h : #dadada;
    --c-grey-light-h : #c2c3c5;
    --c-grey-dark-h : #9a9fa7;
    --c-grey2-light-h : #5b6066;
    --c-grey2-dark-h : #32363b;
    --c-black-light-h : #1d1d1d;
    --c-black-dark-h : #161515;
    --c-black-pure-h : #000000;
    --c-blue-light-h : #179bd8;
    --c-blue-dark-h : #286892;
    --c-green-light-h : #25ac5d;
    --c-green-dark-h : #366b43;
    --c-red-light-h : #c74132;
    --c-red-dark-h : #9c3226;
    --c-orange-light-h : #ca6f1e;
    --c-orange-dark-h : #cf6219;
    --c-ruby-light-h : #a12c3e;
    --c-ruby-dark-h : #dd4156;
    --c-purble-light-h : #604e88;
    --c-purble-dark-h : #9875eb;
	--c-gold-light-h : #caa85d;
	--c-gold-dark-h : #bd9b52;
}
.bg-light-man {
    background-color:  var(--c-light-man);
}
.bg-dark-man {
    background-color:  var(--c-dark-man);
}
.bg-darker-man {
    background-color:  var(--c-darker-man);
}
.bg-white-pure{
	background-color:  var(--c-white-pure);
}
.bg-white-light{
	background-color:  var(--c-white-light);
}
.bg-white-dark{
	background-color:  var(--c-white-dark);
}
.bg-grey-light{
	background-color:  var(--c-grey-light);
}
.bg-grey-dark{
	background-color:  var(--c-grey-dark);
}
.bg-grey2-light{
	background-color:  var(--c-grey2-light);
}
.bg-grey2-dark{
	background-color:  var(--c-grey2-dark);
}
.bg-black-light{
	background-color:  var(--c-black-light);
}
.bg-black-dark{
	background-color:  var(--c-black-dark);
}
.bg-black-pure{
	background-color:  var(--c-black-pure);
}
.bg-blue-light{
	background-color:  var(--c-blue-light);
}
.bg-blue-dark{
	background-color:  var(--c-blue-dark);
}
.bg-green-light{
	background-color:  var(--c-green-light);	
}
.bg-green-dark{
	background-color:  var(--c-green-dark);
}
.bg-red-light{
	background-color:  var(--c-red-light);
}
.bg-red-dark{
	background-color:  var(--c-red-dark);
}
.bg-orange-light{
	background-color:  var(--c-orange-light);
}
.bg-orange-dark{
	background-color:  var(--c-orange-dark);
}
.bg-ruby-light{
	background-color:  var(--c-ruby-light);
}
.bg-ruby-dark{
	background-color:  var(--c-ruby-dark);
}
.bg-purble-light{
	background-color:  var(--c-purble-light);
}
.bg-purble-dark{
	background-color:  var(--c-purble-dark);
}
.bg-gold-light{
	background-color:  var(--c-gold-light);
}
.bg-gold-dark{
	background-color:  var(--c-gold-dark);
}
.txt-light-man {
    color: var(--c-light-man);
}
.txt-dark-man {
    color: var(--c-dark-man);
}
.txt-darker-man {
    color: var(--c-darker-man);
}
.text-white-pure{
	color: var(--c-white-pure);
}
.text-white-light{
	color: var(--c-white-light);	
}
.text-white-dark{
	color: var(--c-white-dark);	
}
.text-grey-light{
	color: var(--c-grey-light);	
}
.text-grey-dark{
	color: var(--c-grey-dark);	
}
.text-grey2-light{
	color: var(--c-grey2-light);	
}
.text-grey2-dark{
	color: var(--c-grey2-dark);	
}
.text-black-light{
	color: var(--c-black-light);	
}
.text-black-dark{
	color: var(--c-black-dark);	
}
.text-blue-light{
	color: var(--c-blue-light);	
}
.text-blue-dark{
	color: var(--c-blue-dark);	
}
.text-green-light{
	color: var(--c-green-light);	
}
.text-green-dark{
	color: var(--c-green-dark);	
}
.text-red-light{
	color: var(--c-red-light);	
}
.text-red-dark{
	color: var(--c-red-dark);	
}
.text-orange-light{
	color: var(--c-orange-light);	
}
.text-orange-dark{
	color: var(--c-orange-dark);	
}
.text-ruby-light{
	color: var(--c-ruby-light);	
}
.text-ruby-dark{
	color: var(--c-ruby-dark);	
}
.text-purble-light{
	color: var(--c-purble-light);	
}
.text-purble-dark{
	color: var(--c-purble-dark);	
}
.text-gold-light{
	color: var(--c-gold-light);	
}
.text-gold-dark{
	color: var(--c-gold-dark);	
}

.border-white-pure{
	border: var(--c-white-pure) thin solid;
}
.border-white-light{
	border: var(--c-white-light) thin solid;
}
.bg-white-dark{
	border: var(--c-white-dark) thin solid;
}
.border-grey-light{
	border: var(--c-grey-light) thin solid;
}
.border-grey-dark{
	border: var(--c-grey-dark) thin solid;
}
.border-grey2-light{
	border: var(--c-grey2-light) thin solid;
}
.border-grey2-dark{
	border: var(--c-grey2-dark) thin solid;
}
.border-black-light{
	border: var(--c-black-light) thin solid;
}
.border-black-dark{
	border: var(--c-black-dark) thin solid;
}
.border-blue-light{
	border: var(--c-blue-light) thin solid;
}
.border-blue-dark{
	border: var(--c-blue-dark) thin solid;
}
.border-green-light{
	border: var(--c-green-light) thin solid;
}
.border-green-dark{
	border: var(--c-green-dark) thin solid;
}
.border-red-light{
	border: var(--c-red-light) thin solid;
}
.border-red-dark{
	border: var(--c-red-dark) thin solid;
}
.bg-red-dark{
	border: var(--c-red-dark) thin solid;
}
.border-orange-light{
	border: var(--c-orange-light) thin solid;
}
.border-orange-dark{
	border: var(--c-orange-dark) thin solid;
}
.border-ruby-light{
	border: var(--c-ruby-light) thin solid;
}
.border-ruby-dark{
	border: var(--c-ruby-dark) thin solid;
}
.border-purble-light{
	border: var(--c-purble-light) thin solid;
}
.border-purble-dark{
	border: var(--c-purble-dark) thin solid;
}
.border-gold-light{
	border: var(--c-gold-light) thin solid;
}
.border-gold-dark{
	border: var(--c-gold-dark) thin solid;
}

.bg-h-light-man {
    background-color: var(--c-light-man);
transition: all 0.3s;
}
.bg-h-dark-man {
    background-color: var(--c-dark-man);
transition: all 0.3s;
}
.bg-h-darker-man {
    background-color: var(--c-darker-man);
transition: all 0.3s;
}
.bg-h-white-pure{
	background-color: var(--c-white-pure);
transition: all 0.3s;	
}
.bg-h-white-light{
	background-color: var(--c-white-light);
transition: all 0.3s;	
}
.bg-h-white-dark{
	background-color: var(--c-white-dark);
transition: all 0.3s;	
}
.bg-h-grey-light{
	background-color: var(--c-grey-light);
transition: all 0.3s;	
}
.bg-h-grey-dark{
	background-color: var(--c-grey-dark);
transition: all 0.3s;	
}
.bg-h-grey2-light{
	background-color: var(--c-grey2-light);
transition: all 0.3s;	
}
.bg-h-grey2-dark{
	background-color: var(--c-grey2-dark);
transition: all 0.3s;	
}
.bg-h-black-light{
	background-color: var(--c-black-light);
transition: all 0.3s;	
}
.bg-h-black-dark{
	background-color: var(--c-black-dark);
transition: all 0.3s;	
}
.bg-h-blue-light{
	background-color: var(--c-blue-light);
transition: all 0.3s;	
}
.bg-h-blue-dark{
	background-color: var(--c-blue-dark);
transition: all 0.3s;	
}
.bg-h-green-light{
	background-color: var(--c-green-light);
transition: all 0.3s;	
}
.bg-h-green-dark{
	background-color: var(--c-green-dark);
transition: all 0.3s;	
}
.bg-h-red-light{
	background-color: var(--c-red-light);
transition: all 0.3s;	
}
.bg-h-red-dark{
	background-color: var(--c-red-dark);
transition: all 0.3s;	
}
.bg-h-orange-light{
	background-color: var(--c-orange-light);
transition: all 0.3s;	
}
.bg-h-orange-dark{
	background-color: var(--c-orange-dark);
transition: all 0.3s;	
}
.bg-h-ruby-light{
	background-color: var(--c-ruby-light);
transition: all 0.3s;	
}
.bg-h-ruby-dark{
	background-color: var(--c-ruby-dark);
transition: all 0.3s;	
}
.bg-h-purble-light{
	background-color: var(--c-purble-light);
transition: all 0.3s;	
}
.bg-h-purble-dark{
	background-color: var(--c-purble-dark);
transition: all 0.3s;	
}
.bg-h-gold-light{
	background-color: var(--c-gold-light);
transition: all 0.3s;	
}
.bg-h-gold-dark{
	background-color: var(--c-gold-dark);
transition: all 0.3s;	
}
.bg-h-light-man :hover{
    background-color: var(--c-light-man-h);
}
.bg-h-dark-man :hover{
    background-color: var(--c-dark-man-h);
}
.bg-h-darker-man :hover{
    background-color: var(--c-darker-man-h);
}
.bg-h-white-pure:hover{
	background-color: var(--c-white-pure-h);
}
.bg-h-white-light:hover{
	background-color: var(--c-white-light-h);
}
.bg-h-white-dark:hover{
	background-color: var(--c-white-dark-h);
}
.bg-h-grey-light:hover{
	background-color: var(--c-grey-light-h);
}
.bg-h-grey-dark:hover{
	background-color: var(--c-grey-dark-h);
}
.bg-h-grey2-light:hover{
	background-color: var(--c-grey2-light-h);
}
.bg-h-grey2-dark:hover{
	background-color: var(--c-grey2-dark-h);
}
.bg-h-black-light:hover{
	background-color: var(--c-black-light-h);
}
.bg-h-black-dark:hover{
	background-color: var(--c-black-dark-h);
}
.bg-h-blue-light:hover{
	background-color: var(--c-blue-light-h);
}
.bg-h-blue-dark:hover{
	background-color: var(--c-blue-dark-h);
}
.bg-h-green-light:hover{
	background-color: var(--c-green-light-h);
}
.bg-h-green-dark:hover{
	background-color: var(--c-green-dark-h);
}
.bg-h-red-light:hover{
	background-color: var(--c-red-light-h);
}
.bg-h-red-dark:hover{
	background-color: var(--c-red-dark-h);
}
.bg-h-orange-light:hover{
	background-color: var(--c-orange-light-h);
}
.bg-h-orange-dark:hover{
	background-color: var(--c-orange-dark-h);
}
.bg-h-ruby-light:hover{
	background-color: var(--c-ruby-light-h);
}
.bg-h-ruby-dark:hover{
	background-color: var(--c-ruby-dark-h);
}
.bg-h-purble-light:hover{
	background-color: var(--c-purble-light-h);
}
.bg-h-purble-dark:hover{
	background-color: var(--c-purble-dark-h);
}
.bg-h-gold-light:hover{
	background-color: var(--c-gold-light-h);
}
.bg-h-gold-dark:hover{
	background-color: var(--c-gold-dark-h);
}

.txt-h-light-man {
    color: var(--c-light-man);
}
.txt-h-dark-man {
    color: var(--c-dark-man);
}
.txt-h-darker-man {
    color: var(--c-darker-man);
}
.text-h-white-pure{
	color: var(--c-white-pure);
}
.text-h-white-light{
	color: var(--c-white-light);	
}
.text-h-white-dark{
	color: var(--c-white-dark);	
}
.text-h-grey-light{
	color: var(--c-grey-light);	
}
.text-h-grey-dark{
	color: var(--c-grey-dark);	
}
.text-h-grey2-light{
	color: var(--c-grey2-light);	
}
.text-h-grey2-dark{
	color: var(--c-grey2-dark);	
}
.text-h-black-light{
	color: var(--c-black-light);	
}
.text-h-black-dark{
	color: var(--c-black-dark);	
}
.text-h-blue-light{
	color: var(--c-blue-light);	
}
.text-h-h-blue-dark{
	color: var(--c-blue-dark);	
}
.text-h-green-light{
	color: var(--c-green-light);	
}
.text-h-green-dark{
	color: var(--c-green-dark);	
}
.text-h-red-light{
	color: var(--c-red-light);	
}
.text-h-red-dark{
	color: var(--c-red-dark);	
}
.text-h-orange-light{
	color: var(--c-orange-light);	
}
.text-h-orange-dark{
	color: var(--c-orange-dark);	
}
.text-h-ruby-light{
	color: var(--c-ruby-light);	
}
.text-h-ruby-dark{
	color: var(--c-ruby-dark);	
}
.text-h-purble-light{
	color: var(--c-purble-light);	
}
.text-h-purble-dark{
	color: var(--c-purble-dark);	
}
.text-h-gold-light{
	color: var(--c-gold-light);	
}
.text-h-gold-dark{
	color: var(--c-gold-dark);	
}


.txt-h-light-man:hover{
    color: var(--c-light-man-h);
	transition: all 0.3s;
	transition: all 0.3s;
}
.txt-h-dark-man:hover{
    color: var(--c-dark-man-h);
	transition: all 0.3s;
}
.txt-h-darker-man:hover{
    color: var(--c-darker-man-h);
	transition: all 0.3s;
}
.text-h-white-pure:hover{
	color: var(--c-white-pure-h);
	transition: all 0.3s;
}
.text-h-white-light:hover{
	color: var(--c-white-light-h);
	transition: all 0.3s;	
}
.text-h-white-dark:hover{
	color: var(--c-white-dark-h);
	transition: all 0.3s;	
}
.text-h-grey-light:hover{
	color: var(--c-grey-light-h);
	transition: all 0.3s;	
}
.text-h-grey-dark:hover{
	color: var(--c-grey-dark-h);
	transition: all 0.3s;	
}
.text-h-grey2-light:hover{
	color: var(--c-grey2-light-h);
	transition: all 0.3s;	
}
.text-h-grey2-dark:hover{
	color: var(--c-grey2-dark-h);
	transition: all 0.3s;	
}
.text-h-black-light:hover{
	color: var(--c-black-light-h);
	transition: all 0.3s;	
}
.text-h-black-dark:hover{
	color: var(--c-black-dark-h);
	transition: all 0.3s;	
}
.text-h-blue-light:hover{
	color: var(--c-blue-light-h);
	transition: all 0.3s;	
}
.text-h-h-blue-dark:hover{
	color: var(--c-blue-dark-h);
	transition: all 0.3s;	
}
.text-h-green-light:hover{
	color: var(--c-green-light-h);
	transition: all 0.3s;	
}
.text-h-green-dark:hover{
	color: var(--c-green-dark-h);
	transition: all 0.3s;	
}
.text-h-red-light:hover{
	color: var(--c-red-light-h);
	transition: all 0.3s;	
}
.text-h-red-dark:hover{
	color: var(--c-red-dark-h);
	transition: all 0.3s;	
}
.text-h-orange-light:hover{
	color: var(--c-orange-light-h);
	transition: all 0.3s;	
}
.text-h-orange-dark:hover{
	color: var(--c-orange-dark-h);
	transition: all 0.3s;	
}
.text-h-ruby-light:hover{
	color: var(--c-ruby-light-h);
	transition: all 0.3s;	
}
.text-h-ruby-dark:hover{
	color: var(--c-ruby-dark-h);
	transition: all 0.3s;	
}
.text-h-purble-light:hover{
	color: var(--c-purble-light-h);
	transition: all 0.3s;	
}
.text-h-purble-dark:hover{
	color: var(--c-purble-dark-h);
	transition: all 0.3s;	
}
.text-h-gold-light:hover{
	color: var(--c-gold-light-h);
	transition: all 0.3s;	
}
.text-h-gold-dark:hover{
	color: var(--c-gold-dark-h);
	transition: all 0.3s;	
}