/************************************************************
CSS OF			:   SHAPES ROUND 
DATE CREATED	:	23-05-2019
DATE-EDITED		:	16-01-2020
VERSION			:	2.0	

COMMENTS CHANGE	:	ADDED ROUND SHAPE
					SHAPE SHADOW


**************************************************************/


.round-1 {
height:1em;
width:1em;
display: inline-block;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
border-radius:50%;
}


.round-2 {
height:2em;
width:2em;
display: inline-block;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
border-radius:50%;
}



.round-3 {
height:3em;
width:3em;
display: inline-block;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
border-radius:50%;
}



.round-4 {
height:4em;
width:4em;
display: inline-block;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
border-radius:50%;
}


.round-5 {
height:5em;
width:5em;
display: inline-block;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
border-radius:50%;
}


.round-6 {
height:6em;
width:6em;
display: inline-block;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
border-radius:50%;
}


.round-7 {
height:7em;
width:7em;
display: inline-block;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
border-radius:50%;
}


.round-8 {
height:8em;
width:8em;
display: inline-block;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
border-radius:50%;
}


.round-9 {
height:9em;
width:9em;
display: inline-block;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
border-radius:50%;
}



.round-10 {
height:10em;
width:10em;
display: inline-block;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
border-radius:50%;
}


  .line{
	
	/* height:0.06em; */
	display: block;
	border-bottom: 1px solid var(--main-default-color);
 } 
 
 
 .line.l-graydarkest{
	border-bottom-color: var(--main-graydarkest-color);	
}
 
 
.line.l-graydarker{
	border-bottom-color: var(--main-graydarker-color);	
}

.line.l-graydark{
	border-bottom-color:var(--main-graydark-color);	
}

.line.l-graylight{
	border-bottom-color: var(--main-graylight-color);	
}

.line.l-graylighter{
	border-bottom-color:var(--main-graylighter-color);	
}

.line.l-graylightest{
	border-bottom-color:var(--main-graylightest-color);	
}


  .line.w2{
	
	
	border-bottom-width: 2px;
 } 
 
  .line.w3{
	
	
	border-bottom-width: 3px;
 } 
 
  .line.w4{
	
	
	border-bottom-width: 4px;
 } 
 
   .line.w5{
	
	
	border-bottom-width: 5px;
 } 
 
 .line.double{
	 border-bottom-style: double;
 }
 
/*COLORS & BACKGROUNDS END
============================*/






/*SHAPE SHADOW
=============*/

.shape-shadow
{
  box-shadow: 5px 5px 5px gray;
}

.shape-shadow.sh-graylight
{
  box-shadow: 5px 5px 5px var(--main-graylight-color);
}

.shape-shadow.sh-graylighter
{
  box-shadow: 5px 5px 5px var(--main-graylighter-color);
}

.shape-shadow.sh-graylightest
{
  box-shadow: 5px 5px 5px var(--main-graylightest-color);
}

.shape-shadow.sh-graydark
{
  box-shadow: 5px 5px 5px var(--main-graydark-color);
}

.shape-shadow.sh-graydarker
{
  box-shadow: 5px 5px 5px var(--main-graydarker-color);
}

.shape-shadow.sh-graydarkest
{
  box-shadow: 5px 5px 5px var(--main-graydarkest-color);
}

.shape-shadow.sh-black
{
  box-shadow: 5px 5px 5px black;
}

.shape-shadow.sh-white
{
  box-shadow: 5px 5px 5px white;
}


/*SHAPE SHADOW
=============*/