/*--

Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

--*/

/*-- common css --*/

html,



body {



	margin: 0;



	font-size: 13px;



	font-family: calibri !important;



	background: hwb(0 100% 0%);



	color:rgb(0, 0, 0);



}







body a {



	text-decoration: none;



	transition: 0.5s all;



	-webkit-transition: 0.5s all;



	-moz-transition: 0.5s all;



	-o-transition: 0.5s all;



	-ms-transition: 0.5s all;



}







a:hover {



	text-decoration: none;



}







input[type="button"],



button[type="submit"] {



	transition: 0.5s all;



	-webkit-transition: 0.5s all;



	-moz-transition: 0.5s all;



	-o-transition: 0.5s all;



	-ms-transition: 0.5s all;



}







h1,



h2,



h3,



h4,



h5,



h6 {



	margin: 0;



	font-family: 'times new roman';



	font-weight: 700;



}







p {



	margin: 0;



}







ul {



	margin: 0;



	padding: 0;



}







label {



	margin: 0;



}







button:focus {



	outline: transparent;



	outline: transparent;



}







.form-control:focus {



	box-shadow: none;



}







.btn-primary:focus,



.btn-primary.focus {



	box-shadow: none;



}







ul li {



	list-style: none;



}







address {



	margin-bottom: 0rem;



}







/*--// common css --*/







.outer-w3-agile {



	padding: 2em 1em;



	-webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);



	-moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);



	box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);



	background: #fff;



}







.btn-style {



	background: #f75757;



	color: #fff;



	border-color: #e04646;



}







.btn-style:hover {



	background: #e04646;



}







.paragraph-agileits-w3layouts {



	font-size: 14px;



	letter-spacing: 1px;



	line-height: 31px;



	color: #2F3E34 ;



}







.sub-title-w3-agileits {



	font-size: 1.7em;



	letter-spacing: 2px;



	color: #4CAF50;



	font-weight: 600;



}







h2.main-title-w3layouts {



	font-size: 3.9em;



	letter-spacing: 4px;



	color: #292929;



	text-shadow: 2px 2px 3px #838386;



	text-transform: capitalize;



}







h4.tittle-w3-agileits {



	font-size: 2em;



	letter-spacing: 1.5px;



	font-weight: 600;



	/* color: #3e3e3e; */



	color:#2F3E34;



	text-align: center;



	font-family: calibri;



}







/*-- profile details --*/







.profile-bg {



	border: 1px solid #5d7cf7;



	border-left: none;



	border-right: none;



	background: url(../images/menu1.jpg)no-repeat 0px 0px;



	-webkit-background-size: cover;



	-moz-background-size: cover;



	-o-background-size: cover;



	-ms-background-size: cover;



	background-size: cover;



	min-height: 100px;



}







/*--// profile details --*/







/*--// top-bar --*/







.top-icons-agileits-w3layouts .dropdown-toggle::after {



	display: none;



}







.search-form.form-inline .form-control {



	background: none;



	border: none;



	border-bottom: 1px solid #eee;



	font-size: 15px;



	letter-spacing: 1px;



	border-radius: 0px;



}







.top-icons-agileits-w3layouts li {



	list-style: none;



	display: inline-block;



}







ul.top-icons-agileits-w3layouts a.nav-link i {



	display: inline-block;



	font-size: 17px;



	color: #4CAF50;



}







.top-icons-agileits-w3layouts span.badge {



	font-size: 10px;



	font-weight: bold;



	color: #FFF;



	background: #ff6c5f;



	line-height: 13px;



	width: 17px;



	height: 17px;



	border-radius: 2em;



	-webkit-border-radius: 2em;



	-moz-border-radius: 2em;



	-o-border-radius: 2em;



	text-align: center;



	display: inline-block;



	position: absolute;



	top: -8%;



	right: 3px;



	padding: 2px 0 0;



}







.dropdown-menu {



	/* right: -20%; */



	/* left: auto; */



	min-width: 20rem;



	padding: 1em;



}







.dropdown-item {



	white-space: normal;



	padding: .5em;



}







.notif-img-agileinfo img {



	border-radius: 50px;



}







.notif-content-wthree p span {



	font-weight: 600;



}







.notif-content-wthree h6 {



	font-size: 15px;



	color: #909090;



	letter-spacing: 1px;



}







.dropdown-item h4 {



	font-size: 1em;



	letter-spacing: 1.5px;



	color: #2F3E34 ;



}







.dropdown-item h4 i {



	color: #000;



}







.profile-l {



	width: 50px;



	margin-right: 1.2em;



}







.profile-l img {



	border-radius: 50px;



	box-shadow: 3px 3px 12px #a09e9e;



}







.profile-r a {



	font-size: 13px;



	letter-spacing: 1px;



	color: #000000;



}







.profile-r a:hover {



	color: #95abff;



}







/*--// top-bar --*/







/*-- page-loading-icon --*/







.no-js #loader {



	display: none;



}







.js #loader {



	display: block;



	position: absolute;



	left: 100px;



	top: 0;



}







.se-pre-con {



	position: fixed;



	left: 0px;



	top: 0px;



	width: 100%;



	height: 100%;



	z-index: 9999;



	/*background: url(../images/Preloader_2.gif) center no-repeat #fff;*/



}







/*--// page-loading-icon --*/







/*-- index-page --*/







/*-- Stats --*/







.s-l h5 {



	font-size: 22px;



	letter-spacing: 2px;



	font-weight: 600;



	color: #ffffff;



}







.s-l p {



	color: #000;



	font-weight: 400;



}







.s-r h6 {



	font-size: 25px;



	letter-spacing: 1px;



	font-weight: 600;



	color: #ffffff;



	text-shadow: 1px 1px 2px #404040;



}







.s-r h6 i {



	font-size: .85em;



	display: inline-block;



	width: 50px;



	height: 50px;



	text-align: center;



	line-height: 2.3em;



	border-radius: 50px;



	background: rgba(255, 255, 255, 0.34);



	box-shadow: 2px 2px 8px rgba(58, 58, 58, 0.27);



	color: #fff;



}







/*--// Stats --*/







/*-- Pie-chart --*/







#chartdiv {



	margin: -.5em auto;



	text-align: center;



	width: 100%;



	height: 300px



}







/*--// Pie-chart --*/







/*-- Index-page-chart --*/







.simple-chart1 {



	height: 380px;



	overflow-x: scroll;



}







.SimpleChart {



	position: relative;



}







.SimpleChart #tip {



	background-color: #f0f0f0;



	border: 1px solid #d0d0d0;



	position: absolute;



	left: -200px;



	top: 30px;



	display: none;



}







.down-triangle {



	width: 0;



	height: 0;



	border-top: 10px solid #d0d0d0;



	border-left: 6px solid transparent;



	border-right: 6px solid transparent;



	position: absolute;



	left: -200px;



	display: none;



}







.SimpleChart #highlighter {



	position: absolute;



	left: -200px;



}







.-simple-chart-holder {



	float: left;



	position: relative;



	width: 100%;



	background-color: #fff;



	border: 1px solid #cecece;



	/*padding: 6px;*/



}







.SimpleChart .legendsli {



	list-style: none;



}







.SimpleChart .legendsli span {



	float: left;



	vertical-align: middle;



}







.SimpleChart .legendsli span.legendindicator {



	position: relative;



	top: 5px;



}







.SimpleChart .legendsli span.legendindicator .line {



	width: 30px;



	height: 3px;



}







.SimpleChart .legendsli span.legendindicator .circle {



	width: 12px;



	height: 12px;



	border-radius: 20px;



	position: relative;



	top: -5px;



	right: 20px;



}







/******Starts::Horizontal Alignment of Legends******/







.simple-chart-legends {



	background: #E7E7E7;



	border: 1px solid #d6d7dd;



	padding: 5px;



	margin: 2px 0px;



	display: none;



}







/******Starts::Horizontal Alignment of Legends******/







.simple-chart-Header {



	position: absolute;



	font-size: 16px;



}







/*--// Index-page-chart --*/







/*-- Calender --*/







.box {



	text-align: center;



	margin-top: 1em;



	font-size: 14px;



	letter-spacing: 0.9px;



	font-weight: 500;



}







/*--// Calender --*/







/*-- Profile-widget --*/







.header {



	background: url(../images/b1.jpg) no-repeat;



	background-size: cover;



	min-height: 375px;



}







.text {



	text-align: center;



	padding-top: 25%;



}







.text h2 {



	margin: 15px 0 10px 0;



	font-size: 27px;



	color: #fff;



	letter-spacing: 3px;



}







.text a {



	color: #fff;



	font-size: 18px;



}







.text a:hover {



	text-decoration: none;



	color: #fff;



	transition: .5s all;



	-webkit-transition: .5s all;



	-moz-transition: .5s all;



	-o-transition: .5s all;



	-ms-transition: .5s all;



}







.f-left a {



	display: block;



	padding: 15px 0;



}







.f-left {



	background: #ff4c4c;



	text-align: center;



	padding: 0;



	transition: 0.5s all ease;



	-webkit-transition: 0.5s all ease;



	-moz-transition: 0.5s all ease;



	-o-transition: 0.5s all ease;



	-ms-transition: 0.5s all ease;



}







.f-left:hover {



	background: #fff;



	color: #ff4c4c;



}







ul {



	margin: 0;



	padding: 0;



}







ul.prof-widgt-content {



	background: #fff;



}







li.button a {



	padding: 22px 27px;



	margin: 0;



	display: block;



	color: #ffffff;



	font-size: 13px;



}







li.button a i {



	font-size: 1.3em;



	margin-right: 0.5em;



	color: #8099fb;



}







/*



li.dropdown {



	background: #484141;



	font-weight: 100;



	font-size: 14px;



}



*/







li.button {



	list-style: none;



	text-align: left;



}







li.menu {



	padding: 0;



	width: 100%;



	border-bottom: 1px solid #5a7bff;



	margin: 0;



	list-style: none;



}







li.menu:hover {



	background: rgba(255, 76, 76, 0.32);



}







li.button a:hover {



	text-decoration: none;



}







li.button a span {



	margin-right: 22px;



}







.dropdown {



	display: none;



	padding: 0;



	list-style: none;



}







.dropdown li {



	color: #ae9f9f;



	list-style: none;



}







.dropdown li a {



	border-left: 6px solid #484141;



	padding: 14px 0 15px 25px;



	display: block;



}







ul.icon-navigation li a span {



	color: #8099fb;



	margin-right: 28px;



	font-size: 14px;



	font-weight: 100;



}







ul.icon-navigation li a:hover {



	border-left: 6px solid#d05942;



}







li.menu.info {



	border-bottom: none;



}







li.button span {



	background: #ffffff;



	float: right;



	padding: 4px 12px;



	font-size: 13px;



	display: block;



	border-radius: 4px;



	-webkit-border-radius: 4px;



	-moz-border-radius: 4px;



	-o-border-radius: 4px;



	font-style: normal;



	color: #000;



}







ul.icon-navigation {



	position: relative;



}







ul.icon-navigation li:before {



	content: "";



	width: 0;



	height: 0;



	position: absolute;



	/* right: 310px; */



	left: 11%;



	top: 0%;



	border-width: 11px 12px 0px 12px;



	border-style: solid;



	border-color: #8099fb rgba(0, 0, 0, 0);



}







ul.icon-navigation li a {



	color: #dad6d6;



}







.followers.row {



	margin: 0;



}







/*--// Profile-widget --*/







/*-- Browser stats --*/







.stats-info ul li {



	border-bottom: 1px solid #e1ab91;



	font-size: 1em;



	color: #555;



}







.progress.progress-right {



	width: 30%;



	float: right;



	height: 7px;



	margin-bottom: 0;



	border-radius: 0px;



}







.stats-info ul li.last {



	border-bottom: none;



	padding-bottom: 0;



	margin-bottom: 0.5em;



}







.stats-info ul li span {



	display: inline-block;



	font-size: 13px;



	margin-left: 1em;



}







/*----*/







/*----*/







.progress {



	margin: 7px 0;



	overflow: hidden;



	background: #e8e8e8;



	z-index: 1;



	cursor: pointer;



}







.progress .bar {



	z-index: 2;



	height: 15px;



	font-size: 12px;



	color: white;



	text-align: center;



	float: left;



	-webkit-box-sizing: content-box;



	-moz-box-sizing: content-box;



	-ms-box-sizing: content-box;



	box-sizing: content-box;



	-webkit-transition: width 0.6s ease;



	-moz-transition: width 0.6s ease;



	-o-transition: width 0.6s ease;



	transition: width 0.6s ease;



}







.progress-striped .yellow {



	background: #f0ad4e;



}







.progress-striped .green {



	background: #5cb85c;



}







.progress-striped .light-blue {



	background: #4F52BA;



}







.progress-striped .red {



	background: #d9534f;



}







.progress-striped .blue {



	background: #428bca;



}







.progress-striped .orange {



	background: #e94e02;



}







.progress-striped .bar {



	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));



	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



	-webkit-background-size: 40px 40px;



	-moz-background-size: 40px 40px;



	-o-background-size: 40px 40px;



	background-size: 40px 40px;



}







.progress.active .bar {



	-webkit-animation: progress-bar-stripes 2s linear infinite;



	-moz-animation: progress-bar-stripes 2s linear infinite;



	-ms-animation: progress-bar-stripes 2s linear infinite;



	-o-animation: progress-bar-stripes 2s linear infinite;



	animation: progress-bar-stripes 2s linear infinite;



}







@-webkit-keyframes progress-bar-stripes {



	from {



		background-position: 40px 0;



	}



	to {



		background-position: 0 0;



	}



}







@-moz-keyframes progress-bar-stripes {



	from {



		background-position: 40px 0;



	}



	to {



		background-position: 0 0;



	}



}







@-ms-keyframes progress-bar-stripes {



	from {



		background-position: 40px 0;



	}



	to {



		background-position: 0 0;



	}



}







@-o-keyframes progress-bar-stripes {



	from {



		background-position: 0 0;



	}



	to {



		background-position: 40px 0;



	}



}







@keyframes progress-bar-stripes {



	from {



		background-position: 40px 0;



	}



	to {



		background-position: 0 0;



	}



}







/*--// Browser stats --*/







/*-- Countdown --*/







.outer-w3-agile-bg {



	background: url(../images/timer.jpg) no-repeat;



	background-size: cover;



}







/*--// Countdown --*/







/*-- Copyright --*/







.copyright-w3layouts p {



	color: #c7c7c7;



	font-size: 13px;



	letter-spacing: 1.8px;



	text-align: center;



	font-weight: 400;



}







.copyright-w3layouts p a {



	color: #fff;



	text-decoration: underline;



}







.copyright-w3layouts p a:hover {



	color: #f75757;



}







.copyright-w3layouts {



	background: #151414;



	border-top: 1px solid #464646;



}







.bg-page .copyright-w3layouts p {



	color: #fff;



}







.bg-page .copyright-w3layouts {



	background: none;



	border-top: none;



}







/*--// Copyright --*/







/*--// Index-page --*/







/*----------------------------------------//



    Mailbox Pages



------------------------------------------*/







/*-- Inbox-page --*/







nav.inbox-nav-w3ls ul li {



	list-style: none;



	display: inline-block;



}







.inbox-side-strip-w3-agileits ul li {



	font-size: 13px;



	letter-spacing: 2px;



	color: #000;



	position: relative;



}







.inbox-side-strip-w3-agileits li:hover i {



	color: #f75757;



}







.inbox-side-strip-w3-agileits ul li a i {



	font-size: 1.2em;



	color: #c5c5c5;



	margin: 2em 0em .3em;



}







.inbox-side-strip-w3-agileits ul li a {



	display: block;



}







.inbox-side-strip-w3-agileits {



	-webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);



	-moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);



	box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);



	background: #fff;



	height: fit-content;



}







.inbox-side-strip-w3-agileits ul li span.badge {



	font-size: 10px;



	font-weight: 500;



	color: #FFF;



	background: #7892fb;



	line-height: 12px;



	text-align: center;



	width: 17px;



	height: 17px;



	border-radius: 2em;



	-webkit-border-radius: 2em;



	-moz-border-radius: 2em;



	-o-border-radius: 2em;



	position: absolute;



	bottom: 1%;



	right: 10px;



}







#email-list .collection .collection-item:hover {



	background: #e1f5fe;



	cursor: pointer;



}







#email-list .collection .collection-item {



	height: auto;



	padding-left: 72px;



	position: relative;



}







.collection .collection-item {



	background-color: #fff;



	line-height: 1.5rem;



	padding: 10px 20px;



	margin: 0;



	border-bottom: 1px solid #e0e0e0;



}







.email-title {



	font-weight: 600;



	font-size: 14px;



}







span.circle {



	display: inline-block;



	width: 48px;



	height: 42px;



	text-align: center;



	line-height: 41px;



	border-radius: 50px;



	font-size: 17px;



	color: #fff;



	background: #a5a5a5;



}







li.collection-item.selected img {



	width: 43px;



	height: 43px;



	border-radius: 50px;



}







li.collection-item.selected {



	background: #dce3ff;



}







/*-- differentiating css for same classes --*/







.index-rcontent li.collection-item.selected {



	background: none;



}







.index-rcontent .collection .collection-item:hover {



	background: none;



	cursor: auto;



}







/*--// differentiating css for same classes --*/







.collection .collection-item:hover {



	background: #dce3ff;



	cursor: pointer;



}







.email-list small {



	width: 55px;



	display: inline-block;



}







.mid-cn {



	width: 80%;



}







.index-lcontent {



	padding: 0;



}







.index-rcontent,



.email-list {



	padding-right: 0;



}







.email-content p:nth-child(1) {



	font-size: 17px;



	color: #000;



	font-weight: 400;



	margin: 25px 0px 10px;



}







.email-actions a i {



	font-size: 16px;



	color: #9c9c9c;



}







/*--// Inbox-page --*/







/*----------------------------------------//



    Mailbox Pages



------------------------------------------*/







/*----------------------------------------



    Pricing Page



------------------------------------------*/







.card-header h4 {



	color: #0e0e0e;



	font-size: 2em;



	font-weight: 600;



	text-shadow: 1px 1px 2px #313131;



	letter-spacing: 1px;



}







.card-header {



	background: #ffc845;



}







.pricing-card-title span {



	font-size: .5em;



	display: inline-block;



}







ul.list-unstyled li {



	font-size: 13px;



	letter-spacing: 1px;



	color: #7d7d7d;



}







.pricing-section section.pricing-tables h5.card-title {



	font-size: 2.8em;



	color: #000;



	font-weight: 400;



}







.btn-outline-primary {



	color: #000000;



	background-color: transparent;



	background-image: none;



	border-color: #ffc845;



	font-size: 16px;



	letter-spacing: 1px;



}







.btn-outline-primary:hover {



	color: #fff;



	background-color: #4CAF50;



	border-color: #ffffff;



}







.card-deck .card {



	padding: 0px;



	-webkit-box-shadow: 0px 0px 15px 3px rgba(109, 109, 109, 0.11);



	-moz-box-shadow: 0px 0px 15px 3px rgba(109, 109, 109, 0.11);



	box-shadow: 0px 0px 15px 3px rgba(109, 109, 109, 0.11);



}







section.pricing-tables h5.card-title {



	font-size: 2.8em;



	color: #000;



	font-weight: 400;



}







/*--// Pricing-2 --*/







.pricing2 .card-header {



	background: #f85a40;



}







.price2-btn {



	color: #ffffff;



	background-color: #f85a40;



	background-image: none;



	border: none;



	border-radius: 50px;



	padding: 1em 2em;



	font-size: 16px;



	letter-spacing: 1px;



}







/*--// Pricing-2 --*/







/*--// Pricing-3 --*/







.pricing3 .card-header {



	background: none;



	border: none;



}







.pricing3 .card-deck .card {



	background: #4CAF50;



}







.pricing3 ul li:nth-child(odd) {



	background: rgba(255, 255, 255, 0.07);



}







.pricing3 .card-header {



	padding: 0rem 1.25rem;



}







.pricing3 .btn-outline-primary {



	color: #ffffff;



	background-color: #5978f6;



	border-color: rgba(255, 255, 255, 0.30);



	font-size: 15px;



	letter-spacing: 1.5px;



}







.pricing3 .card-header h4 {



	position: relative;



}







.pricing3 .card-header h4::after {



	position: absolute;



	content: "";



	width: 20%;



	height: 1px;



	background: #8199fd;



	left: 40%;



	bottom: 10%;



}







.pricing3 .pricing-card-title span {



	font-size: .4em;



	letter-spacing: 4px;



}







.pricing3 .card-title {



	margin: 0.2em 0 0;



}







.pricing3 .btn-outline-primary:hover {



	color: #4CAF50;



	background-color: #ffffff;



	border-color: #ffffff;



}







/*--// Pricing-3 --*/







/*----------------------------------------//



    Pricing Page



------------------------------------------*/







/*----------------------------------------



    Cards Page



------------------------------------------*/







.cards-section .card {



	-webkit-box-shadow: 0px 0px 15px 3px rgba(109, 109, 109, 0.11);



	-moz-box-shadow: 0px 0px 15px 3px rgba(109, 109, 109, 0.11);



	box-shadow: 0px 0px 15px 3px rgba(109, 109, 109, 0.11);



}







p.card-text {



	margin: 20px 0 0;



	color: #656565;



	font-size: 14px;



	letter-spacing: 0.5px;



	font-weight: 300;



	line-height: 2;



}







a.btn.more {



	outline: none;



	text-transform: capitalize;



	font-size: 14px;



	letter-spacing: 1px;



	color: red;



	padding: 0.7em 2em;



	border: 1px solid #d0d0d0;



}







/*----------------------------------------//



    Cards Page



------------------------------------------*/







/*----------------------------------------



    Carousels Page



------------------------------------------*/







.text-carousel .carousel-caption {



	position: absolute;



	top: 42%;



}







/*----------------------------------------//



    Carousels Page



------------------------------------------*/







/*----------------------------------------



    Tables Page



------------------------------------------*/







.table th,



.table td {



	padding: 0.74rem;



	vertical-align: top;



	border-top: 1px solid #dee2e6;



	font-size: 13px;



}







.table th {



	color: #252525;



	font-size: 15px;



}







.table-responsive {



	display: block;



	width: 100%;



	overflow-x: auto;



}







/*----------------------------------------//



    Tables Page



------------------------------------------*/







/*----------------------------------------



    Grids Page



------------------------------------------*/







.bg-grid {



	padding-top: .75rem;



	padding-bottom: .75rem;



	background-color: rgba(86, 61, 124, .15);



	border: 1px solid rgba(86, 61, 124, .2);



	margin-top: 1rem;



}







.bd-example-row .row>.col,



.bd-example-row .row>[class^=col-] {



	padding-top: .75rem;



	padding-bottom: .75rem;



	/*background-color: rgba(86, 61, 124, .15);



	border: 1px solid rgba(86, 61, 124, .2); */



}







.bd-example-row-flex-cols .row {



	min-height: 10rem;



	background-color: rgba(4, 3, 3, 0.1);



}







.bd-example-row .row+.row {



	margin-top: 1rem;



}







/*----------------------------------------//



    Grids Page



------------------------------------------*/







/*----------------------------------------



    Error Page



------------------------------------------*/







h4.error-title-agileits {



	font-size: 8.5em;



	font-weight: bold;



}







.errorleft {



	border-right: 3px solid #f75757;



}







p.error-text {



	font-size: 17px;



	letter-spacing: 1px;



	color: #868686;



	font-weight: normal;



	line-height: 35px;



	margin: 1em 0em 2em;



}







span.error-subtext-w3l {



	font-size: 36px;



	display: inline-block;



	color: #404040;



}







a.error-w3l-btn,



button.error-w3l-btn {



	padding: 0.6em .5em;



	font-size: 0.9em;



	letter-spacing: 1px;



	text-transform: uppercase;



	color: #fff;



	font-weight: 500;



	background: #f75757;



	border: none;



}







a.error-w3l-btn:hover,



button.error-w3l-btn:hover {



	text-transform: uppercase;



	color: #fff;



	background: #4CAF50;



	border: none;



}







p.error-text a,



p.paragraph-agileits-w3layouts a,



h1.paragraph-agileits-w3layouts a {



	display: inline-block;



	color: #f75757;



	font-family: 'Open Sans', sans-serif;



	font-weight: 400;



}







p.error-text a:hover,



p.paragraph-agileits-w3layouts a:hover,



h1.paragraph-agileits-w3layouts a:hover {



	color: #4CAF50;



}







.error-search-form input.form-control {



	width: 70%;



	background: rgba(76, 110, 245, 0.30);



	border: none;



	font-size: 16px;



	letter-spacing: 0.8px;



	color: #000;



}







.error-search-form input.form-control {



	width: 70%;



	background: rgba(76, 110, 245, 0.27);



	border: none;



	font-size: 15px;



	letter-spacing: 0.8px;



	color: #000;



	padding: 8px 15px;



	border-radius: 0px;



}







.error-search-form {



	padding: 0.3em;



	border: 6px solid #cacaca;



}







.error-search-form button.btn {



	width: 30%;



	background: #4CAF50;



	border: none;



	font-size: 15px;



	text-transform: uppercase;



	letter-spacing: 3px;



	color: #fff;



	border-radius: 0px;



	box-shadow: none;



	padding: 8px 5px;



}







.error-search-form button.btn:hover {



	background: #f75757;



}







.error-search-form button.btn:focus {



	background: #f75757;



	box-shadow: none;



}







/*----------------------------------------//



    Error Page



------------------------------------------*/







/*----------------------------------------



    Login,register Pages



------------------------------------------*/







.bg-page {



	background: #4CAF50;



	min-height: 100vh;



}







.form-body-w3-agile.text-center {



	background: #fff;



	padding: 3em 5em;



	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.34);



	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.34);



	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.34);



}







.form-body-w3-agile .form-control {



	display: block;



	width: 100%;



	padding: 0.7em 1em;



	margin: .5em 0em 1.5em;



	font-size: 15px;



	letter-spacing: 1px;



	text-align: center;



	color: #292929;



	background-color: transparent;



	background-clip: padding-box;



	border: 1px solid #e6e6e6;



	border-radius: 0px;



}







.form-body-w3-agile label,



.forgot a {



	font-size: 13px;



	font-weight: 600;



	letter-spacing: 1px;



	color: #91a6f9;



}







.forgot a:hover {



	color: #4CAF50;



}







.forgot {



	padding: 0;



}







/*----------------------------------------//



    Login,register Pages



------------------------------------------*/







/*----------------------------------------



    Charts Page



------------------------------------------*/







/*-- chart1 --*/







canvas.chart1 {



	display: block;



	width: 100%;



}







/*--// chart1 --*/







/*-- circle-bar-chart ---*/







#circleBar-web-text,



#circleBar-mobile-text {



	font-family: 'Open Sans', sans-serif;



	font-size: 16px;



	fill: #000;



}







#circleBar-web-labels tspan,



#circleBar-mobile-labels tspan {



	font-family: 'Open Sans', sans-serif;



	font-size: 10px;



	fill: #6D6E71;



}







#circleBar-web-values tspan,



#circleBar-mobile-values tspan {



	font-family: 'Open Sans', sans-serif;



	font-size: 9px;



	font-weight: bold;



	fill: #000;



}







#circleBar-web-values tspan {



	fill: #e04646;



}







#circleBar-mobile-values tspan {



	fill: #202e66;



}







svg.circular-bars {



	width: auto;



	height: 335px;



	overflow: visible;



}







g#circleBar-web-group {



	transform: translate(-23%, 0%);



}







g#circleBar-mobile-group {



	transform: translate(-24%, 0%);



}







/*-- circle-bar-chart --*/







/*-- circle-percentage-chart --*/







ul.percentg-circles-w3ls li {



	list-style: none;



}







ul.percentg-circles-w3ls .chart span {



	position: absolute;



}







ul.percentg-circles-w3ls .chart .figure {



	z-index: 90;



}







.chart.circle-one {



    margin-bottom: 30px;



}











.circle-one .pie {



    position: relative;



    margin-bottom: 10px;



    width: 118px;



    height: 118px;



    border: 1px solid #dcdcdc;



    border-radius: 50%;



    background-color: #f5f5f5;



}







.circle-one .pie::after {



	content: '';



	display: block;



	position: relative;



	z-index: -1;



	margin: 116px auto;



	width: 65px;



	height: 5px;



	box-shadow: 0 0 7px 7px #cecece;



	background-color: #cecece;



	border-radius: 50%;



}







.circle-one .pie>div {



	width: 118px;



	height: 118px;



	border-radius: 50%;



	background-color: #f5f5f5;



}







.slice {



	position: absolute;



	animation: bake-pie 1s;



	-webkit-animation: bake-pie 1s;



}







.circle-one .slice {



	z-index: 10;



	clip: rect(0px, 118px, 118px, 59px);



	transform: rotate(0deg) translate3d(0, 0, 0);



	-webkit-transform: rotate(0deg) translate3d(0, 0, 0);



	-ms-transform: rotate(0deg) translate3d(0, 0, 0);



	-moz-transform: rotate(0deg) translate3d(0, 0, 0);



	-o-transform: rotate(0deg) translate3d(0, 0, 0);



}







.circle-one .slice-bg {



	position: absolute;



	left: 0;



	top: 0;



	z-index: 10;



	clip: rect(58px, 118px, 118px, 0);



	transform: rotate(90deg) translate3d(0, 0, 0);



	-webkit-transform: rotate(90deg) translate3d(0, 0, 0);



	-ms-transform: rotate(90deg) translate3d(0, 0, 0);



	-moz-transform: rotate(90deg) translate3d(0, 0, 0);



	-o-transform: rotate(90deg) translate3d(0, 0, 0);



}







.slice span {



	display: block;



	left: 0;



	top: 0;



	width: 100%;



	height: 100%;



	border-radius: 50%;



}







.circle-one .slice span {



	z-index: 10;



	clip: rect(0px, 118px, 118px, 59px);



	animation: bake-pie2 1.2s;



	-webkit-animation: bake-pie2 1.2s;



}







.data-table {



	text-align: center;



}







.data-table span {



	display: inline;



}







@keyframes bake-pie {



	0% {



		transform: rotate(0deg);



		-webkit-transform: rotate(0deg);



		-ms-transform: rotate(0deg);



		-moz-transform: rotate(0deg);



		-o-transform: rotate(0deg);



	}



}







@keyframes bake-pie2 {



	0% {



		transform: rotate(180deg);



		-webkit-transform: rotate(180deg);



		-ms-transform: rotate(180deg);



		-moz-transform: rotate(180deg);



		-o-transform: rotate(180deg);



	}



}







/*--// circle-percentage-chart --*/







/*----------------------------------------//



    Charts Page



------------------------------------------*/







/*----------------------------------------



    Modal Page



------------------------------------------*/







.btn-primary {



	color: #fff;



	background-color: #4CAF50;



	border-color: #ffffff;



}







/*----------------------------------------



    Modal Page



------------------------------------------*/







/*----------------------------------------



    Maps Page



------------------------------------------*/







.w3_agile_map {



	background: #E8F0E5;



}







.map-canvas {



	width: 100%;



	min-height: 420px;



}







.w3ls_button {



	padding: 12px 25px;



	width: 100%;



	background: none;



	color: #fff;



	outline: none;



	border: none;



	font-size: 14px;



	text-transform: capitalize;



	cursor: pointer;



	border-right: 1px solid #fff;



}







.w3ls_button:last-child {



	border: none;



}







.map-grids-w3l iframe {



	width: 100%;



	border: none;



	outline: none;



	height: 350px;



}







/*----------------------------------------//



    Maps Page



------------------------------------------*/











/*--responsive--*/







@media(max-width:1440px) {



	section.pricing-tables h5.card-title {



		font-size: 2.5em;



	}



}







@media(max-width:1366px) {



	canvas.SimpleChartcanvas {



		/*max-width: 925px !important;*/



		margin: 0 auto !important;



	}



}







@media(max-width:1280px) {



	h4.tittle-w3-agileits {



		font-size: 1.75em;



	}



	li.button a {



		padding: 20px 20px !important;



	}



	li.button a span {



		margin-right: 0px;



	}



	.bd-example-row .row>.col {



		font-size: 14px;



		letter-spacing: 0.5px;



	}



	h4.error-title-agileits {



		font-size: 7em;



	}



	span.error-subtext-w3l {



		font-size: 33px;



	}



	.agileinfo-cdr .card-body {



		padding: 0;



	}



	section.pricing-tables h5.card-title {



		font-size: 2.2em;



	}



	.card-header h4 {



		font-size: 1.8em;



	}



}







@media(max-width:1080px) {



	#sidebar {



		min-width: 210px;



		max-width: 210px;



	}



	.text {



		text-align: center;



		padding-top: 13%;



	}



	.h2.main-title-w3layouts {



		font-size: 3.4em;



	}



	blockquote.blockquote.card-body p {



		font-size: 15.5px;



	}



	a.btn.more {



		font-size: 13px;



		padding: 0.5em 1.5em;



	}



	.sub-title-w3-agileits {



		font-size: 1.5em;



		letter-spacing: 1.5px;



	}



	.text-carousel .carousel-caption {



		position: absolute;



		top: 34%;



	}



	section.forms-section label {



		font-size: 14px;



		letter-spacing: 0.6px;



	}



	.error-right {



		text-align: center;



	}



	.errorleft {



		border-right: none;



	}



	h4.error-title-agileits {



		font-size: 8em;



		margin-bottom: .1em;



		text-align: center;



		border-bottom: 3px solid #f75757;



	}



	span.error-subtext-w3l {



		font-size: 27px;



	}



	p.error-text {



		font-size: 15px;



		margin: 0.5em 0em 1em;



	}



	.paragraph-agileits-w3layouts {



		font-size: 13px;



		line-height: 30px;



	}



	.card.box-shadow {



		width: 45%;



		flex: none;



		margin: 0 auto !important;



	}



	.card.box-shadow:nth-child(3),



	.card.box-shadow:nth-child(4) {



		margin-top: 1em !important;



	}



	h2.main-title-w3layouts {



		font-size: 3.5em;



	}



	.form-body-w3-agile .form-control {



		padding: 0.6em 1em;



		margin: .5em 0em 1em;



		font-size: 14px;



		letter-spacing: .8px;



	}



	.form-body-w3-agile label,



	.forgot a {



		font-size: 13px;



		font-weight: 500;



		letter-spacing: 0.6px;



		color: #91a6f9;



	}



	canvas.SimpleChartcanvas {



		/*max-width: 730px !important;*/



	}



	.index-rcontent {



		padding-left: 0;



	}



}







@media(max-width:1050px) {



	.btn-primary {



		font-size: 15px;



		letter-spacing: 0.5px;



	}



}







@media(max-width:1024px) {



	.validform {



		display: inherit;



	}



	.validform1,



	.validform2 {



		max-width: 100%;



	}



	.bd-example-row .row>.col,



	.bd-example-row .row>[class^=col-] {



		font-size: 13px;



	}



	.form-body-w3-agile.text-center {



		padding: 3em 3em;



	}



	canvas.SimpleChartcanvas {



		/*--max-width: 675px !important;--*/



	}



}







@media(max-width:991px) {



	canvas.SimpleChartcanvas {



		/*max-width: 620px !important;*/



	}



	.bd-example-row-flex-cols .row {



		min-height: 8rem;



	}



	.form-body-w3-agile.text-center {



		padding: 3em 5em;



	}



	.card-columns {



		-webkit-column-count: 2;



		-moz-column-count: 2;



		column-count: 2;



	}



	.bd-content table {



		display: block;



		overflow-x: auto;



		-ms-overflow-style: -ms-autohiding-scrollbar;



	}



	g#circleBar-web-group {



		transform: translate(35%, 0%);



	}



	g#circleBar-mobile-group {



		transform: translate(40%, 0%);



	}



	svg.circular-bars {



		height: 315px;



	}



}







@media(max-width:900px) {



	ul.top-icons-agileits-w3layouts a.nav-link i {



		font-size: 14px;



	}



	.nav-link {



		padding: 0.5rem 0.5rem;



	}



	.header {



		min-height: 320px;



	}



	h2.main-title-w3layouts {



		font-size: 3.2em;



	}



	.top-icons-agileits-w3layouts span.badge {



		font-size: 9px;



		width: 15px;



		height: 15px;



		top: -2%;



		right: -2px;



		padding: 2px 0 0;



	}



}







@media(max-width:800px) {



	canvas.SimpleChartcanvas {



		/*max-width: 450px !important;*/



	}



	.copyright-w3layouts p {



		font-size: 13px;



		letter-spacing: 1.3px;



	}



	h4.tittle-w3-agileits {



		font-size: 1.6em;



	}



	.card-header h4 {



		font-size: 1.5em;



	}



	section.pricing-tables h5.card-title {



		font-size: 2em;



	}



}







@media(max-width:768px) {



	.sub-title-w3-agileits {



		font-size: 1.4em;



	}



	canvas.SimpleChartcanvas {



		/*max-width: 750px !important;*/



	}



}







@media(max-width:667px) {



	.navbar>.container,



	.navbar>.container-fluid {



		display: block;



	}



	.navbar-header {



		float: left;



	}



	form.form-inline.search-form {



		justify-content: flex-end;



	}



	ul.top-icons-agileits-w3layouts {



		margin-top: 1.3em;



	}



	.copyright-w3layouts p {



		font-size: 13px;



		padding: 0.5em 2em;



		line-height: 28px;



	}



	g#circleBar-web-group {



		transform: translate(20%, 0%);



	}



	g#circleBar-mobile-group {



		transform: translate(25%, 0%);



	}



}







@media(max-width:600px) {



	canvas.SimpleChartcanvas {



		/*max-width: 500px !important;*/



	}



	span.error-subtext-w3l {



		font-size: 22px;



	}



	.error-search-form input.form-control {



		font-size: 14px;



	}



	.error-search-form button.btn {



		font-size: 14px;



		letter-spacing: 1.5px;



	}



	h4.error-title-agileits {



		font-size: 7em;



	}



	.inbox-side-strip-w3-agileits ul li span.badge {



		font-size: 9px;



		width: 15px;



		height: 15px;



		bottom: 27%;



		right: 1px;



	}



	.pricing3 .btn-outline-primary,



	.price2-btn,



	.btn-outline-primary {



		font-size: 14px;



		letter-spacing: 1px;



	}



	.form-body-w3-agile.text-center {



		padding: 2em 2em;



	}



}







@media(max-width:568px) {



	canvas.SimpleChartcanvas {



		/*max-width: 465px !important;*/



	}



	.text h2 {



		font-size: 20px;



		letter-spacing: 2px;



	}



	.text a p {



		font-size: 13px;



		letter-spacing: 1px;



	}



	.header {



		min-height: 300px;



	}



	.search-form .btn-style {



		margin: 0 !important;



		font-size: 15px;



	}



	.search-form.form-inline .form-control {



		width: 60%;



	}



	.card {



		display: inline-block;



	}



	.text-carousel .carousel-caption {



		position: absolute;



		top: 15%;



	}



	.error-search-form button.btn {



		margin: 0 !important;



	}



	.card.box-shadow {



		width: 80%;



	}



	.card.box-shadow:nth-child(2) {



		margin-top: 1em !important;



	}



	.form-body-w3-agile .form-control {



		font-size: 13px;



	}



	.w3ls_button {



		border-right: none;



	}



	g#circleBar-web-group {



		transform: translate(0%, 0%);



	}



	g#circleBar-mobile-group {



		transform: translate(0%, 0%);



	}



}







@media(max-width:480px) {



	.dropdown-menu {



		min-width: 17rem;



	}



	.s-r h6 i {



		font-size: .8em;



		line-height: 2.5em;



		width: 45px;



		height: 45px;



	}



	.s-r h6 {



		font-size: 22px;



	}



	canvas.SimpleChartcanvas {



		/*max-width: 380px !important;*/



	}



	.card-columns {



		-webkit-column-count: 1;



		-moz-column-count: 1;



		column-count: 1;



	}



	h4.tittle-w3-agileits {



		font-size: 1.4em;



		line-height: 33px;



	}



	.error-search-form input.form-control {



		width: 100%;



		text-align: center;



	}



	.error-search-form button.btn {



		width: 100%;



	}



	h2.main-title-w3layouts {



		font-size: 3em;



		letter-spacing: 2px;



	}



	p.error-text {



		font-size: 13.5px;



		line-height: 29px;



		letter-spacing: 1.5px;



	}



	.header {



		min-height: 275px;



	}



	.copyright-w3layouts p {



		padding: 0.5em 1.5em



	}



	g#circleBar-web-group {



		transform: translate(-15%, 0%);



	}



	g#circleBar-mobile-group {



		transform: translate(-15%, 0%);



	}



	svg.circular-bars {



		height: 300px;



	}



}







@media(max-width:440px) {



	.dropdown-menu {



		right: -84%;



	}



	canvas.SimpleChartcanvas {



		/*max-width: 340px !important;*/



	}



	.index-rcontent,



	.email-list {



		max-width: 100% !important;



		flex-basis: 100%;



		padding: 0;



	}



	.inbox-side-strip-w3-agileits {



		max-width: 100% !important;



		flex-basis: 100%;



		margin: 1em 0;



	}



}







@media(max-width:414px) {



	.drop-1 {



		right: -275%;



		min-width: 16em;



	}



	.drop-2 {



		right: -82%;



		min-width: 16em;



	}



	.drop-3 {



		right: 70%;



		min-width: 16em;



	}



	.text-carousel .carousel-caption {



		top: 20%;



		padding: 0;



	}



	.navbar-header {



		float: none;



		margin-bottom: 1em;



	}



	.search-form.form-inline .form-control {



		width: 70%;



		font-size: 13px;



	}



	.search-form .btn-style {



		font-size: 13px;



		width: 30%;



	}



	g#circleBar-web-group {



		transform: translate(-22%, 0%);



	}



	g#circleBar-mobile-group {



		transform: translate(-20%, 0%);



	}



}







@media(max-width:384px) {



	.drop-1 {



		right: -317%;



	}



	.drop-2 {



		right: -133%;



	}



	.drop-3 {



		right: 32%;



	}



	.header {



		min-height: 250px;



	}



	.simply-section {



		width: 50% !important;



		float: left !important;



		margin: 0 auto 1em !important;



	}



	section.error-page-content .container {



		padding: 0 !important;



	}



	.map-grids-w3l iframe {



		height: 250px;



	}



	.map-canvas {



		min-height: 330px;



	}



	text#circleBar-web-values {



		transform: translate(85px,324px)!important;



	}



	text#circleBar-web-labels {



		transform: translate(142px,324px);



	}



	svg.circular-bars {



		height: 405px;



	}



	rect#circleBar-web-clipLabels {



		transform: translate(-141px,89px);



		width: 100%!important;



	}



	text#circleBar-mobile-values {



		transform: translate(73px,330px);



	}



	text#circleBar-mobile-labels {



		transform: translate(131px,330px);



	}



	rect#circleBar-mobile-clipLabels{



		transform: translate(-141px,89px);



		width: 100%!important;



	}



}







@media(max-width:375px) {



	.drop-1 {



		right: -308%;



	}



	.drop-2 {



		right: -122%;



	}



	.drop-3 {



		right: 46%;



	}



	.navbar {



		padding: 15px 0px;



	}



}







@media(max-width:320px) {



	.s-r h6 {



		font-size: 19px;



	}



	.s-r h6 i {



		width: 37px;



		height: 37px;



	}



	.drop-1 {



		right: -432%;



	}



	.drop-2 {



		right: -239%;



	}



	.drop-3 {



		right: -71%;



	}



	h4.error-title-agileits {



		font-size: 5em;



	}



	.collection .collection-item {



		padding: 1em 0;



	}



	g#circleBar-web-group {



		transform: translate(-24%, 0%);



	}



	g#circleBar-mobile-group {



		transform: translate(-24%, 0%);



	}



}



.error{



	color:red;



}



/*--//responsive--*/

.ajax-loader {

	visibility: hidden;
  
	background-color: rgba(255,255,255,0.7);
  
	position: absolute;
  
	z-index: +100 !important;
  
	width: 100%;
  
	height:100%;
  
  }
  
   
  
  .ajax-loader img {
  
	position: relative;
  
	top:50%;
  
	left:50%;
  
  }