/** =========================================================== 
  * Theme Name	: One Page Bootstrap 5 Template
  * Theme URI	: 
  * Author		: Sohel Parvej
  * Author URI	: 
  * Description	: HTML5 Template
  * Version		: 1.0.0
/* ===========================================================  */
/*blue #5BA9E3
green #8DC63F
yellow #F6A11C
orange #F36523
yellow 2 #D6C734
gray #7D7D7D

    pink #FE9EF6
rose #FC8D92
orange #FB621D
green #1DD515
blue #5FAEED
yellow #FCA51E
*/
/*

***
	=>  Table of Content  <=
	========================

	1. Reset
	2. Layout
	3. Common Section Style
	4. Preloader Style
	5. Nav Side Bar Area Style
	6. Header Area Style
	7. Advantages Area Style
	8. Contact Area Style
	9. Footer Area Style
	10. Back to Top Style
	11. Login Page Header Style
	12. Login Page Contact Style
	13. Admin Panel Header Style
	14. Admin Panel Info Area Style
	15. Admin Bottom Area Style

*/

/* ======================================
	1. Reset
======================================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {
	height: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*:focus {  
	outline: none;
}

a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
	border: 0;
	outline: 0;
}




@font-face {
	font-family: "livvic-bold";
	src: 
	url("../font/livvic-bold.ttf") format("truetype"),
}
@font-face {
	font-family: "livvic";
	src: 
	url("../font/Livvic-Regular.ttf") format("truetype"),
}



/* ======================================
	2. Layout
======================================= */
body {
	position: relative;
	font-family: 'Livvic', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	color: #575555;
	background: #fff;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	   -moz-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 0;
	line-height: 1.58em;
}

p, h1, h2, h3, h4, h5, h6 {
	color: #575555;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #636363;
}

a:hover,
a:visited,
a:active,
a:focus {
	color: #636363;
	text-decoration: none;
	outline: none !important;
}

img {
	display: inline-block;
	max-width: 100%;
}

.navbar,
.sticky,
.navbar-expand-md .navbar-nav .nav-link,
nav.sticky .navbar-nav .nav-link,
.navbar .navbar-brand img,
nav.sticky .navbar-brand img
{
-webkit-transition: all 1s ease-in-out 0s;
   -moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
     -o-transition: all 1s ease-in-out 0s;
        transition: all 1s ease-in-out 0s;
		
}

a,
nav.sticky .navbar-nav .nav-link:hover,
.navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link:after,
.contact-area .contact-field input[type="submit"],
.header-wrapper .login-content .login-box input[type="submit"]
{
-webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
		
}
/* End of Layout */

/* ======================================
	3. Common Section Style
======================================= */
.section-padding {
    padding: 50px 0px;
}
.bg-overlay {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
}
/* End of Common Section Style */


/* ======================================
	4. Preloader Style
======================================= */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 99999999;
	width: 100%;
	height: auto;
}
.auto {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
}
.loader{
    width: 50px;
    height: 50px;
    position: relative;
	margin: -25px 0 0 -25px;
	border: 4px rgba(0, 0, 0, 0.25) solid;
	border-top: 4px black solid;
	border-radius: 50%;
	-webkit-animation: spin2 1s infinite linear;
			animation: spin2 1s infinite linear;
}
@-webkit-keyframes spin2 {
	from {
		-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
	}
	to {
	-webkit-transform: rotate(359deg);
			transform: rotate(359deg);
	}
}
@keyframes spin2 {
	from {
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
}
	to {
	-webkit-transform: rotate(359deg);
			transform: rotate(359deg);
	-webkit-transform: rotate(359deg);
			transform: rotate(359deg);
	}
}
/** END of Preloader */


/* ======================================
	5. Nav Side Bar Area Style
======================================= */
/*burger*/
.burger {
	display: none;
	position: fixed;
	z-index: 1033;
	width: 45px;
	height: 40px;
	float: right;
	cursor: pointer;
	background: #144D98;
	top: 25px;
	right: 3%;
}
.burger span {
	display: block;
	width: 30px;
	height: 3px;
	background-color: #ffffff;
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	margin: 5px auto;
	position: relative;
	text-align: center;
}
.burger span:first-child {
	margin-top: 10px;
}
.burger.clicked span {
	background-color: transparent;
}
.burger.clicked span:first-child {
	-webkit-transform: translateY(8px) rotate(45deg);
	-moz-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	-o-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
	background-color: #ffffff; 
}
.burger.clicked span:last-child {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	-moz-transform: translateY(-8px) rotate(-45deg);
	-ms-transform: translateY(-8px) rotate(-45deg);
	-o-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
	background-color: #ffffff; 
}

/*  side-bar */
.side-bar {
	background-color: #144D98;
	position: fixed;
	z-index: 1031;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	padding: 100px 40px 60px 40px;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.side-bar.show {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
.side-bar.show ul.main li {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}
.side-bar.show ul.main li:nth-child(1) { transition-delay: 0.15s; }

.side-bar.show ul.main li:nth-child(2) { transition-delay: 0.3s; }

.side-bar.show ul.main li:nth-child(3) { transition-delay: 0.45s; }

.side-bar.show ul.main li:nth-child(4) { transition-delay: 0.6s; }

.side-bar.show ul.main li:nth-child(5) { transition-delay: 0.75s; }

.side-bar.show ul.main li:nth-child(6) { transition-delay: 0.9s; }

.side-bar.show ul.main li:nth-child(7) { transition-delay: 1.05s; }

.side-bar.show ul.main li:nth-child(8) { transition-delay: 1.2s; }

.side-bar.show ul.main li:nth-child(9) { transition-delay: 1.35s; }

@media (min-width: 667px) {

.side-bar { padding: 120px 90px 70px 90px; }
}

.side-bar ul.main { list-style-type: none; }
.side-bar ul.main li {
	margin-bottom: 10px;
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.side-bar ul.main li:last-of-type { margin-bottom: 0px; }
.side-bar ul.main li a {
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	display: inline-block;
	letter-spacing: 2px;
	font-weight: 500;
	padding: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
}
.side-bar ul.main li a:after {
	content: "";
	width: 0;
	height: 1px;
	background: #ffffff;
	position: absolute;
	top: 0;
	left: 50%;
	transition: all 0.4s ease 0s;
}
.side-bar ul.main li a:after {
	top: auto;
	bottom: 0;
}
.side-bar ul.main li a:hover:after {
	width: 100%;
	left: 0;
}
.logo a {
	display: none;
	}
.side-bar ul.main li a span { color: #b7ac7f; }


.side-bar .side-social {
	border-top: 1px solid #fff;
	margin-top: 20px;
	padding-top: 20px;
}
.side-bar .side-social { transition-delay: 1.35s; }

.side-bar .side-social ul li,
.side-bar .side-social ul li a {
	color: #fff;
	margin-bottom: 8px;
}
.side-bar .side-social ul li i {
	margin-right: 10px;
}

.side-bar ul ul li a:before {
	content: ' - ';
	margin-left: 15px;
}

/* End of Nav Side Bar Style */


/* ======================================
	6. Header Area Style
======================================= */
.header-wrapper { }

/*Header Social Bar*/
.header-wrapper .header-social-bar {
	padding: 12px 0;
	background: #fff;
	z-index: 999;
}

/*Social Bar Left*/
.header-social-bar .social-bar-left ul {
	text-align: left;
}
.header-social-bar .social-bar-left ul li {
	display: inline;
	color: #7d7979;
	font-size: 16px;
}
.header-social-bar .social-bar-left ul li:first-child {
	margin-right: 20px;
}
.header-social-bar .social-bar-left ul li i {
	margin-right: 10px;
	color: #134C98;
}

/*Social Bar Right*/
.header-social-bar .social-bar-right ul {
	text-align: right;
}
.header-social-bar .social-bar-right ul li {
	display: inline;
	font-size: 16px;
}
.header-social-bar .social-bar-right ul li:first-child {
	margin-right: 20px;
}
.header-social-bar .social-bar-right ul li i {
	margin-right: 10px;
	color: #134C98;
}

/*Navbar*/
.navbar {
	background: #fff;
	z-index: 999;
	/*line-height: 5em;*/
}
.navbar .logo-small {
	display: none;
}
.navbar-expand-md .navbar-nav .nav-link {
	position: relative;
	text-transform: capitalize;
	color: #575555;
	padding-right: 1rem;
	padding-left: 1rem;
	line-height: 1em;
	font-family: 'Livvic', sans-serif;
}
.navbar-expand-md .navbar-nav .nav-link:after{
	content: "";
	width: 0;
	height: 1px;
	background: #000;
	position: absolute;
	left: 50%;
	top: auto;
	bottom: 2px;
}
.navbar-expand-md .navbar-nav .nav-link:hover:after{
	width: 100%;
	left: 0;
}
.navbar-nav .nav-link {
	letter-spacing: 0.05em;
	font-weight: 400;
}
.navbar-nav .nav-link.active {
	color: #000;
}
.navbar-expand-md .navbar-nav .nav-link:hover {
	color: #000;
}
.navbar .navbar-brand img {
	max-width: 100%;
}


.sticky {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
	background: #fff;
	/*line-height: 3em;*/
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
	-ms-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
	-o-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
}
nav.sticky .navbar-nav .nav-link {
	line-height: 1em;
	color: #575555;
}
nav.sticky .navbar-nav .nav-link:after{
	bottom: 2px;
	background: #000;
}
nav.sticky .navbar-nav .nav-link:hover {
	color: #000;
}
nav.sticky .navbar-brand img {
	max-width: 70%;
}
nav.sticky .navbar-nav .nav-link.active {
	color: #000;
}


.navbar-expand-md .navbar-nav .btn-login,
nav.sticky .navbar-nav .btn-login {
	margin-left: 50px;
	margin-right: 20px;
}
.navbar-expand-md .navbar-nav .btn-login {
	background: #F9943B;
	padding: 12px 20px;
	color: #fff;
	border-radius: 8px;
}
.navbar-expand-md .navbar-nav .btn-signup {
	background: #E61F93;
	padding: 12px 20px;
	color: #fff;
	border-radius: 8px;
}
nav.sticky .navbar-nav .btn-login,
nav.sticky .navbar-nav .btn-signup {
	color: #fff;
}

.navbar-expand-md .navbar-nav .btn-login:after,
.navbar-expand-md .navbar-nav .btn-signup:after,
nav.sticky .navbar-nav .btn-login:after,
nav.sticky .navbar-nav .btn-signup:after {
	background: transparent;
}

.header-wrapper .header-content {
	margin-top: 80px;
}

.header-wrapper .header-content .header-text h2 {
	width: 90%;
	color: #134C98;
	margin-bottom: 35px;
	line-height: 1.08em;
	font-weight: 600;
	font-size: 40px;
	letter-spacing: -0.05em;
}
.header-wrapper .header-content .header-text p {
	width: 90%;
}
.header-wrapper .header-content .header-text .top {
	margin-bottom: 30px;
}




/* End of  Style */


/* ======================================
	7. Advantages Area Style
======================================= */
.advantages-area {
	padding-bottom: 120px;
}
.advantages-area .advantage-img {
	padding-right: 25px;
}
.advantages-area .advantage-img h2 {
	text-transform: capitalize;
	color: #134C98;
	font-weight: 600;
	font-size: 40px;
	margin-bottom: 30px;
	letter-spacing: -0.05em;
}
.advantages-area .advantage-con {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
}
.advantages-area .advantage-con .advantage-item {
	margin-bottom: 40px;
}
.advantages-area .advantage-con i {
	color: #F9943B;
	font-size: 35px;
	float: left;
	margin-right: 20px;
}
.advantages-area .advantage-con h3 {
	margin-bottom: 15px;
	color: #134C98;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 23px;
	letter-spacing: -0.05em;
}
.advantages-area .advantages-bottom {
	margin-top: 100px;
}
.advantages-area .advantage-box-img {
	text-align: center;
}
.advantages-area .advantage-box img {
	width: 200px;
	height: 200px;
	line-height: 200px;
	border-radius: 50%;
	margin-bottom: -50px;
}
.advantages-area .advantage-box-item {
	height: 300px;
	background: #4060AD;
	border-radius: 15px;
	padding: 15px 20px;
}
.advantages-area .advantage-box-item h3 {
	color: #fff;
	text-transform: capitalize;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
	font-size: 23px;
}
.advantages-area .advantage-box-item ul li {
	color: #fff;
}
/* End of  Style */



/* ======================================
	8. Contact Area Style
======================================= */
.contact-area {
	width: 100%;
	height: auto;
	background: url(../images/footer/worldmap.jpg) no-repeat 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: auto;
	background-size: cover;
	background-position: center;
	padding-bottom: 100px;
}
.contact-area .address{
	margin-top: 80px;
	margin-bottom: 30px;
}
.contact-area .phone {
	margin-top: 150px;
}
.contact-area .address h2 {
	text-transform: capitalize;
	color: #134C98;
	font-weight: 600;
	font-size: 44px;
	margin-bottom: 30px;
	letter-spacing: -0.05em;
}
.contact-area .address p {
	color: #000;
	font-size: 22px;
	text-transform: capitalize;
}
.contact-area .icon i {
	color: #F9943B;
	font-size: 40px;
	margin-left: 50px;
	display: block;
	margin-bottom: 15px;
}
.contact-area .icon span {
	display: block;
	color: #000;
}
.contact-area .contact-field {
	background-color: #F9943B;
	padding: 20px;
}
.contact-area .contact-field label {
	color: #fff;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 20px;
	display: block;
}
.contact-area .contact-field input,
.contact-area .contact-field textarea {
	display: block;
	width: 100%;
	padding: 13px;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin-bottom: 20px;
	border: 1px solid #F9943B;
}
.contact-area .contact-field input[type="submit"] {
	background-color: #fff;
	color: #F9943B;
	border: 1px solid #F9943B;
	cursor: pointer;
	font-weight: 700;
}
.contact-area .contact-field input[type="submit"]:hover {
	background-color: #FF7A57;
	border: 1px solid #FF7A57;
	color: #fff;
}
/* End of  Style */


/* ======================================
	9. Footer Area Style
======================================= */
.footer-area {
	background: #000;
	padding: 15px 0;
}
.footer-area .copy-right {
	text-align: center;
}
.footer-area .copy-right p {
	font-size: 17px;
	color: #fff;
	text-transform: capitalize;
}
/* End of  Style */


/* ======================================
	10. Back to Top Style
======================================= */
.scroll {
	position: fixed;
	width: 45px;
	height: 45px;
	background: #4060AD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	right: 2%;
	bottom: 4%;
	cursor: pointer;
	font-size: 15px;
	display: none;
}
.scroll i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #ffffff;
}


/* ======================================
	11. Login Page Header Style
======================================= */
.header-wrapper .login-content {
	margin-top: 80px;
}
.header-wrapper .login-content .login-con h2 {
	color: #134C98;
	margin-bottom: 35px;
	font-weight: 600;
	font-size: 40px;
	letter-spacing: -0.05em;
}
.header-wrapper .login-content .login-box {
	text-align: center;
	padding-left: 100px;
}
.header-wrapper .login-content .login-box span {
	color: #134C98;
	margin-bottom: 20px;
	display: block;
}
.header-wrapper .login-content .login-box input {
	display: block;
	background: #F0E9D2;
	width: 100%;
	padding: 20px 15px;
	margin-bottom: 20px;
	border: 1px solid #F0E9D2;
	text-align: center;
}
.header-wrapper .login-content .login-box input[type="submit"] {
	background: #144D99;
	color: #fff;
}
.header-wrapper .login-content .login-box input[type="submit"]:hover {
	background: #486BBF;
}
.header-wrapper .login-content .signup {
	margin-top: 25px;
}
.header-wrapper .login-content .signup a {
	color: #F9943B;
}
.header-wrapper .login-content .signup a:hover {
	color: #144D99;
}
.header-wrapper .login-content .signup span,
.header-wrapper .login-content .signup span a {
	text-transform: capitalize;
	color: #575555;
}
.header-wrapper .login-content .signup span a:hover {
	color: #144D99;
}


/* ======================================
	12. Login Page Contact Style
======================================= */
.contact-login {
	padding-top: 150px;
}
.contact-login .contact-login-bg {
	width: 100%;
	height: 100%;
	background: url(../images/login/login-footer.jpg) no-repeat 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: auto;
	background-size: cover;
	background-position: center;
	padding: 50px 0;
}
.contact-login .login-address i,
.contact-login .login-phone i,
.contact-login .login-email i {
	color: #F9943B;
	font-size: 40px;
	margin-left: 50px;
	display: block;
	margin-bottom: 15px;	
}
.contact-login .login-address p {
	color: #000;
	font-size: 22px;
	text-transform: capitalize;
}
.contact-login .login-address {
	margin-left: 50px;
}
.contact-login .login-address span,
.contact-login .login-phone span,
.contact-login .login-email span {
	display: block;
	color: #000;
}


/* ======================================
	13. Admin Panel Header Style
======================================= */
.header-admin {
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}
.header-admin .logo .logo-small {
	display: none;
}
.header-admin .admin-menu {display: flex;flex-direction: column;justify-content: center;height: 100%;}
.header-admin .admin-menu ul img {
	display: block;
	width: 25px;
	height: 25px;
	margin: auto;
}

.header-admin .admin-menu .key-icon {
	width: 38px;
	height: 38px;
}
.header-admin .admin-menu ul {
	text-align: right;
}
.header-admin .admin-menu ul li {
	display: inline;
	position: relative;
}
.header-admin .admin-menu ul li .icon {
	margin-left: 10px;
}
.header-admin .admin-menu ul li a {
	display: inline-block;
	color: #1A2181;
	text-transform: capitalize;
	padding: 10px 20px;
	font-size: 18px;
}
.header-admin .admin-menu ul li a:hover {
	color: #F68712;
}

/*Drop down menu*/
.header-admin .admin-menu ul ul li {
	display: block;
	width: 200px;
	text-align: left;
	border-bottom: 1px solid #103A71;
}
.header-admin .admin-menu ul ul li a {
	color: #fff;
}
.header-admin .admin-menu ul ul {
	display: none;
	position: absolute;
	top: 120%;
	left: 0;
	z-index: 9999;
	background: #144D98;
	border-radius: 5%;
	transition: all 0.5s ease-in-out 0s;
}
.header-admin .admin-menu ul li:hover ul {
	display: block;
	transition: all 0.5s ease-in-out 0s;
}

/* ======================================
	14. Admin Panel Info Area Style
======================================= */
.info-area { 
	padding: 40px 0;
}
/*blue #5BA9E3
green #8DC63F
yellow #F6A11C
orange #F36523
yellow 2 #D6C734
gray #7D7D7D

        pink #FE9EF6
rose #FC8D92
orange #FB621D
green #1DD515
blue #5FAEED
yellow #FCA51E
*/
.info-area .school {
	/*//background: #5271FF;*/
    background: #5BA9E3 ;/*blue*/
    /*background-image:url("../images/logo/gif.gif")*/
     /*background: #FE9EF6 ;*/
}
.info-area .school1 {
	/*//background: #5271FF;*/
    background: #D6C734 ;/*yell*/
     /*background: #FC8D92 ;*/
}
.info-area .student {
	/*//background: #C2153E;*/
    /*background: #F36523;*/
  background: #FB621D;/*orang*/
    /*background-image:url("../images/logo/gif1.gif")*/
}
.info-area .student1 {
	/*//background: #C2153E;*/
    /*background: yellow;*/
    /*background: #1DD515;*/
}
.info-area .reports {
	background: #64A438;
    /*#FE9EF6 pink*/
    /*background: #5FAEED;*/
}
.info-area .revenue {
	/*//background: #F68918;*/
    /*background: #F36523;*/
    background:#FC8D92;/*rose*/
    /*background: #1DD515;*/
}
.info-area .info-box {
	padding: 20px;
	border-radius: 15px;
}
.info-area .info-box i {
	color: #fff;
	font-size: 30px;
}
.info-area .info-box span {
	display: block;
	color: #fff;
	margin: 10px 0;
}
.info-area .info-box h3 {
	color: #fff;
	font-weight: 600;
}


/* ======================================
	15. Admin Bottom Area Style
======================================= */
.table-area {
	padding-bottom: 55px;
}
.table-area .user-box .usertable {
	width: 100%;
}
.table-area .user-box .usertable tr td {
	color: #F9943B;
	font-weight: 600;
	line-height: 40px;
}
.table-area .user-box .usertable tr td {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	width: 50%;
}
.table-area .user-box .usertable .reg-user {
	border-right: 1px solid #ddd;
}
.table-area .user-box .usertable .live-user {
	padding-left: 50px;
}

.table-area .user-box .usertable span {
	color: #4B4B4B;
	font-size: 25px;
}

.table-area .user-box .usertable tr td a {
	color: #5372FF;
}
.table-area .user-box .graph p {
	color: #F68712;
	font-weight: 600;
	text-transform: capitalize;
	margin: 20px 0;
}


/*Renewals due this month table*/
.table-area .table-box .alltable {
	width: 100%;
	font-size: 16px;
}
.table-area .table-box .alltable thead {
	height: 120px;
	font-size: 20px;
}
.table-area .table-box .alltable thead tr th {
	padding-left: 16px;
}
.table-area .table-box .alltable .thcolor {
	color: #F9943B;
}
.table-area .table-box .alltable .viewall a {
	color: #5372FF;
}
.table-area .table-box .alltable tbody {
	background: #EBECF4;
	border-radius: 15px;
}
.table-area .table-box .alltable tbody i {
	font-size: 14px;
}
.table-area .table-box .alltable tr td {
	padding: 18px 20px;
}