:root {
font-size: 13px;
    /*------------------------------------------
                      Colors
     ------------------------------------------*/
    --main-color: #E92A50;
    --light-red-color: #FCE7EC;
    --default-bg-color: #FAFAFB;

    --white-0: #ededed;

    --black-0: #000000;
    --black-10: #E5E5E5;
    --black-20: #CCCCCC;
    --black-30: #B2B2B2;
    --black-40: #999999;
    --black-50: #808080;
    --black-200: #333333;
    --black-201: #4D4D4D;
    --black-202: #1A1A1A;
    --black-203: #1E1E1E;
    --black-204: #595959;


    --gray-200: #666666;
    --gray-201: #808080;
    --gray-202: #CCCCCC;
    --gray-203: #B2B2B2;
    --gray-204: #F2F2F2;
    --gray-205: #F8F8F8;
    --gray-206: #A3A3A3;
    --gray-207: #D0D0D0;
    --gray-208: #D9D9D9;
    --gray-209: #56535375;
    --gray-210: #555555;
    --gray-211: #999999;
    --gray-212: #E1F0E5;
    --gray-213: #C7C7C7;
    --gray-214: #E5F5E9;


    --green-1: #839800;
    --green-2: #CCEAD3;
    --green-3: #33AD4E;
    --green-4: #1AA238;
    --green-5: #1DAE4E;
    --green-6: #009821;
    --green-7: #0DB732;


    --blue-1: #419AEB;
    --blue-2: #D0E6FA;
    --blue-3: #1280E6;
    --blue-4: #E7F2FC;
    --blue-5: #59A6EE;
    --blue-6: #0E24E8;
    --blue-7: #070052;
    --blue-8: #2A8DE9;
    --blue-9: #B8D9F7;


    --yellow-1: #F0D800;
    --yellow-2: #FFB800;
    --yellow-3: #FFBF1C;
    --yellow-4: #D3D3D375;
    --yellow-5: #FFE600;
    --yellow-6: #FFCC00;


    --red-1: #E6123D;
    --red-2: #EE4141;
    --red-3: #F8E6E7;
    --red-4: #EA2F2F;
    --red-5: #EE5977;
    --red-6: #EB4164;
    --red-7: #FAD0D8;
    --red-8: #DB0000;
    --red-9: #E80E0E;
    --red-10: #F7D1D2;
    --red-11: #ED5858;
    --red-12: #EC4343;
    --red-13: #fe0728;
    --red-14: #EF6C6C;


    --orange-1: #F38C13;


    --purple-1: #E326DC;
    --purple-2: #6d0FFF;
    --purple-3: #F701D8;
    --purple-4: #642B73;
    --purple-5: #C6426E;


    /*------------------------------------------
                      Widths
    ------------------------------------------*/
    --width-max-width: 1312px;
    --width-width1: 1280px;
    --width-width2: 1380px;
    --width-width3: 1400px;
    --width-15: 15%;
    --width-20: 20%;
    --width-25: 25%;
    --width-30: 30%;
    --width-35: 35%;
    --width-40: 40%;
    --width-50: 50%;
    --width-60: 60%;
    --width-70: 70%;
    --width-75: 75%;
    --width-80: 80%;
    --width-90: 90%;
    --width-95: 95%;
    --width-97: 97%;
    --width-100: 100%;

    /*------------------------------------------
                      Fonts
    ------------------------------------------*/
    --font-doran-thin: DoranThin;
    --font-doran-light: DoranLight;
    --font-doran-regular: DoranRegular;
    --font-doran-medium: DoranMedium;
    --font-doran-bold: DoranBold;
    --font-doran-extrabold: DoranExtraBold;
    --font-yekan-bakh-thin: "Yekan BakhThin";
    --font-yekan-bakh-light: "Yekan BakhLight";
    --font-yekan-bakh-regular: "Yekan BakhRegular";
    --font-yekan-bakh-semibold: "Yekan BakhSemiBold";
    --font-yekan-bakh-bold: "Yekan BakhBold";
    --font-yekan-bakh-extra-bold: "Yekan BakhExtraBold";
    --font-yekan-bakh-black: "Yekan BakhBlack";
    --font-yekan-bakh-extra-black: "Yekan BakhExtraBlack";

}

/* 
body {
	font-family: Cursive;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: white;
	box-shadow: 0px 0px 20px #0003;
	
	nav {
		position: relative;
		
		.navigation-menu {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			list-style: none;
			padding: 0;
			margin: 0;

			li {
				position: relative;
				
				a {
					position: relative;
					display: block;
					color: black;
					text-decoration: none;
					padding: 1rem 2rem;
					text-wrap: nowrap;
				}
				
				&.extends a::after {
					content: ">";
					display: inline-block;
					transform: rotate(90deg);
					margin-left: .5rem;
					padding-bottom: 3px;
					vertical-align: middle;
					font-size: 10px;
				}
				
				&:not(.extends) a::after {
					content: "";
				}
				
				ul {
					position: absolute;
					left: 0;
					top: 100%;
					display: flex;
					flex-direction: column;
					padding: 0;
					list-style: none;
					background-color: white;
					box-shadow: 0px 0px 20px #0003;
					
					li {
						position: unset;
						
						a::after {
							transform: rotate(0deg) !important;
						}
						
						ul {
							left: 100%;
							top: 0;
							min-height: 100%
						}
					}
				}
				
				&:hover {
					background-color: #eee;
				}
				
				&:not(:hover) ul {
					display: none;
				}
			}
		}
	}
} */

.iconlysite::before
{
    font-family: "iconly";
    vertical-align: middle !important;
    content: "\e93f";
    font-size: 20px;
    
    font-style: normal;
}

.iconlysitehome::before
{
    font-family: "iconly";
    vertical-align: middle !important;
    content: "\e933";
color: white;
    font-size: 20px;

    font-style: normal;
 
      padding-left: 3px;
  font-size: 20px;
  vertical-align: middle;
}