body, ul{margin:0; padding:0;}


/* BACKGROUND THEME COLOR DEFINE HERE */

@theme-first-color:#009fd4 !important;
@theme-second-color:#de4c00 !important;
@theme-third-color:pink !important;
@theme-forth-color:#111 !important;
@theme-black-text:#242424;
@theme-white-color:#fff;
@theme-gray-color:#f4f4f4;
@theme-gray-text:#939393;

.theme-white-color{background:@theme-white-color;color:@theme-black-text}
.theme-gray-color{background:@theme-gray-color}



.theme-first-color,  .hover-theme-first-color:hover,  .after-theme-first-color:after, .before-theme-first-color:before{background-color:@theme-first-color }

.theme-second-color, .hover-theme-second-color:hover, .after-theme-second-color:after, .before-theme-second-color:before{background-color:@theme-second-color;color:@white-text }

.theme-third-color,  .hover-theme-third-color:hover,  .after-theme-third-color:after, .before-theme-third-color:before{background-color:@theme-third-color }

.theme-forth-color,  .hover-theme-forth-color:hover,  .after-theme-forth-color:after, .before-theme-forth-color:before{background-color:@theme-forth-color; color:@white-text }

.hover-border-theme-first-color:hover, .theme-first-border-color, .after-theme-first-border-color:after, .before-theme-first-border-color:before{border-color:@theme-first-color !important	 }
.hover-border-theme-second-color:hover, .theme-second-border-color, .after-theme-second-border-color:after, .before-theme-second-border-color:before{border-color:@theme-second-color }
.hover-border-theme-third-color:hover, .theme-third-border-color, .after-theme-third-border-color:after, .before-theme-third-border-color:before{border-color:@theme-third-color }
.hover-border-theme-forth-color:hover, .theme-forth-border-color, .after-theme-forth-border-color:after, .before-theme-forth-border-color:before{border-color:@theme-forth-color }


.hover-inside-bg-first:hover .hover-bg{background-color:@theme-first-color; color:@theme-white-color}
.hover-inside-bg-second:hover .hover-bg{background-color:@theme-second-color; color:@theme-white-color}
.hover-inside-bg-third:hover .hover-bg{background-color:@theme-third-color; color:@theme-white-color}
.hover-inside-bg-forth:hover .hover-bg{background-color:@theme-forth-color; color:@theme-white-color}

.focus-border-theme-second-color:focus{border-color:@theme-second-color;color:@white-text }
.focus-border-theme-third-color:focus{border-color:@theme-third-color }
.focus-border-theme-forth-color:focus{border-color:@theme-forth-color; color:@white-text }

.theme-black-text{color:@theme-black-text;}
.theme-gray-text{color:@theme-gray-text}
.theme-white-text, .hover-theme-white-text:hover{color:@theme-white-color}
.theme-first-text{color:@theme-first-color}
.theme-second-text{color:@theme-second-color}
.theme-third-text{color:@theme-third-color}
.theme-forth-text{color:@theme-forth-color}

.theme-first-text, .hover-theme-first-text:hover{color:@theme-first-color}
.theme-second-tex, .hover-theme-second-tex:hovertt{color:@theme-second-color}
.theme-third-text, .hover-theme-third-text:hover{color:@theme-third-color}
.theme-forth-text, .hover-theme-forth-text:hover{color:@theme-forth-color}


.sub-menu-li-border-color-first li{border-color:@theme-first-color}
.sub-menu-li-border-color-second li{border-color:@theme-second-color}
.sub-menu-li-border-color-third li{border-color:@theme-third-color}
.sub-menu-li-border-color-forth li{border-color:@theme-forth-color}

.theme-white-border-color{border-color:@theme-white-color !important}


@red-theme: red !important;
@orange-theme: orange;
@black-theme: black;
@blue-theme: blue;
@yellow-theme: #f6be06;
@green-theme: #0ab010;
@violet-theme: #590ae1;
@sky-blue-theme: #00b8e6;
@pink-theme: #cb00b6;
@brown-theme: #6b2e04;
@purple-theme: #8a00ff;
@navy-blue-theme: #212da1;
@white-theme:#fff;

/* FONT COLOR DEFINE HERE */

@white-text:#fff;
@black-text:#262626;


/* LOGO WIDTH DEFIEN HERE */



/*  COLOR THEME PANEL CSS HERE */

.red-theme-pick{background:@red-theme}
.orange-theme-pick{background:@orange-theme}
.black-theme-pick{background:@black-theme}
.blue-theme-pick{background:@blue-theme}
.yellow-theme-pick{background:@yellow-theme}
.green-theme-pick{background:@green-theme}
.violet-theme-pick{background:@violet-theme}
.sky-blue-theme-pick{background:@sky-blue-theme}
.pink-theme-pick{background:@pink-theme}
.brown-theme-pick{background:@brown-theme}
.purple-theme-pick{background:@purple-theme}
.navy-blue-theme-pick{background:@navy-blue-theme}

/* red theme less css  */
.white-theme{
	background:@white-theme;
	color:@black-text;
}
.white-theme-border{
	border-color:@white-theme;
}
.white-theme-text{
	color:@white-theme
}


/* red theme less css  */
.red-theme{
	background:@red-theme;
	color:@white-text;
}
.red-theme-border{
	border-color:@red-theme;
}
.red-theme-text{
	color:@red-theme
}

/* orange theme less css  */
.orange-theme{
	background:@orange-theme;
	color:@white-text
}
.orange-theme-border{
	border-color:@orange-theme;
}
.orange-theme-text{
	color:@orange-theme
}

/* black theme less css  */
.black-theme{
	background:@black-theme;
	color:@white-text
}
.black-theme-border{
	border-color:@black-theme;
}
.black-theme-text{
	color:@black-theme
}

/* blue theme less css  */
.blue-theme{
	background:@blue-theme;
	color:@white-text
}
.blue-theme-border{
	border-color:@blue-theme;
}
.blue-theme-text{
	color:@blue-theme
}

/* yellow theme less css  */
.yellow-theme{
	background:@yellow-theme;
	color:@white-text
}
.yellow-theme-border{
	border-color:@yellow-theme;
}
.yellow-theme-text{
	color:@yellow-theme
}

/* green theme less css  */
.green-theme{
	background:@green-theme;
	color:@white-text
}
.green-theme-border{
	border-color:@green-theme;
}
.green-theme-text{
	color:@green-theme
}

/* violet theme less css  */
.violet-theme{
	background:@violet-theme;
	color:@white-text
}
.violet-theme-border{
	border-color:@violet-theme;
}
.violet-theme-text{
	color:@violet-theme
}

/* sky blue theme less css  */
.sky-blue-theme{
	background:@sky-blue-theme;
	color:@white-text
}
.sky-blue-theme-border{
	border-color:@sky-blue-theme;
}
.sky-blue-theme-text{
	color:@sky-blue-theme
}

/* pink theme less css  */
.pink-theme{
	background:@pink-theme;
	color:@white-text
}
.pink-theme-border{
	border-color:@pink-theme;
}
.pink-theme-text{
	color:@pink-theme
}

/* brown theme less css  */
.brown-theme{
	background:@brown-theme;
	color:@white-text
}
.brown-theme-border{
	border-color:@brown-theme;
}
.brown-theme-text{
	color:@brown-theme
}

/* purple theme less css  */
.purple-theme{
	background:@purple-theme;
	color:@white-text
}
.purple-theme-border{
	border-color:@purple-theme;
}
.purple-theme-text{
	color:@purple-theme
}

/* navy blue theme less css  */
.navy-blue-theme{
	background:@navy-blue-theme;
	color:@white-text
}
.navy-blue-theme-border{
	border-color:@navy-blue-theme;
}
.navy-blue-theme-text{
	color:@navy-blue-theme
}


@media(max-width: 1200px){
	.resposive-red-theme{
		background:@red-theme;
	}
	.resposive-orange-theme{
		background:@orange-theme;
	}
	.resposive-black-theme{
		background:@black-theme;
	}
	.resposive-blue-theme{
		background:@blue-theme;
	}
	.resposive-yellow-theme{
		background:@yellow-theme;
	}
	.resposive-green-theme{
		background:@green-theme;
	}
	.resposive-violet-theme{
		background:@violet-theme;
	}
	.resposive-sky-blue-theme{
		background:@sky-blue-theme;
	}
	.resposive-pink-theme{
		background:@pink-theme;
	}
	.resposive-brown-theme{
		background:@brown-theme;
	}
	.resposive-purple-theme{
		background:@purple-theme;
	}
	.resposive-navy-blue-theme{
		background:@navy-blue-theme;
	}
	
	.resposive-theme-first-color{
		background:@theme-first-color;
	}

	.resposive-theme-second-color{
		background:@theme-second-color;
	}

	.resposive-theme-third-color{
		background:@theme-third-color;
	}

	.resposive-theme-forth-color{
		background:@theme-forth-color;
	}
}

.see-navigation ul li a {
    color: #fff!important;
    font-weight: bold!important;
}