:root{
	--color-one: #008cff;
	--color-two: #fd3550;
	--color-three: #32cc29;
	--color-four: #17a2b8;
	--color-five: #9f70ed;
	--color-six: #ff8800;
	--color-one-dark: #007ee5;
	--color-two-dark: #e32f48;
	--color-three-dark: #2db724;
	--color-four-dark: #1491a5;
	--color-five-dark: #8f64d5;
	--color-six-dark: #e57a00;
}

body {
	font-size: 14px;
	color: #4c5258;
	letter-spacing: 0.5px;
	background-color: #f7f7ff;
	font-family: 'Roboto', sans-serif;
}
*::-webkit-scrollbar{width:6px}
*::-webkit-scrollbar-track{background:#e1e1e1;border-radius:30px}
*::-webkit-scrollbar-thumb{background:#acacac;border-radius:30px}
*::-webkit-scrollbar-thumb:hover{background:#0687df}

a {
	text-decoration: none;
}
.wrapper {
	width: 100%;
	position: relative;
}
.mobile-topbar-header {
	display: none;
	
}
/* Sidebar */
.topbar-logo-header{
	width: auto;
    display: flex;
    align-items: center;
    padding: 0 30px 0 0;
    height: 60px;
    border-right: 1px solid #f0f0f0;
}
.logo-icon {
	width: 30px;
}
.logo-icon-2 {
	width: 35px;
	
    margin-left: 10px;
}
.logo-text {
	font-size: 22px;
	margin-left: 10px;
	margin-bottom: 0;
	letter-spacing: 1px;
	color: #0d6efd;
}
.toggle-icon {
	font-size: 26px;
	
	color: #0d6efd;
	
    cursor: pointer;
}
/* Header */
.topbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 60px;
	background: #ffffff;
	border-bottom: 1px solid #f0f0f0;
	z-index: 10;
}
.topbar .navbar {
	width: 100%;
	height: 60px;
	padding-left: 30px;
	padding-right: 30px;
}
.page-wrapper {
	height: 100%;
	margin-top: 120px;
	margin-bottom: 30px;
	margin-left: 0px;
}
@media screen and (min-width: 1400px){
	.page-wrapper {
		padding-left: 80px;
		padding-right: 80px;
	}
}
.page-content {
	padding: 1.5rem;
}
.page-footer {
	background: #ffffff;
	left: 0px;
	right: 0;
	bottom: 0;
	position: fixed;
	text-align: center;
	padding: 7px;
	font-size: 14px;
	border-top: 1px solid #e4e4e4;
	z-index: 3;
}
/*Metismenu*/
.nav-container {
	position: fixed;
	top: 60px;
	right: 0;
	left: 0;
	z-index: 9;
	border-bottom: 1px solid #e4e4e4;
	
	-webkit-box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 0px 6px 0 rgb(206 206 238 / 54%);
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 0px 6px 0 rgb(206 206 238 / 54%);
	background-clip: border-box;
	background: #ffffff;
	width: 100%;
	height: 60px;
	padding: 0px 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.topbar-nav {
	background: transparent;
	width: 100%;
}
.topbar-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: transparent;
}
.topbar-nav .metismenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.topbar-nav .metismenu > li {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
}
.topbar-nav .metismenu a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
	padding: 10px 15px;
	color: #5f5f5f;
	outline-width: 0;
	transition: all .3s ease-out;
}
.topbar-nav .metismenu ul a {
	padding: 8px 15px 8px 15px;
	font-size: 15px;
	border: 0;
}
.topbar-nav .metismenu ul a i {
	margin-right: 10px;
}
.topbar-nav .metismenu a .parent-icon {
	font-size: 24px;
	line-height: 1;
}
.topbar-nav .metismenu a .menu-title {
	margin-left: 10px;
}
.topbar-nav .metismenu a:hover,
.topbar-nav .metismenu a:focus,
.topbar-nav .metismenu a:active {
	color: #ffffff;
	text-decoration: none;
	/* background: #0d6efd; */
	background: #0068bf;
}
@media (min-width: 1281px) {
	.topbar-nav .metismenu {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.topbar-nav .metismenu > li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.topbar-nav .metismenu > li > ul {
		position: absolute;
		top: 100%;
		min-width: 100%;
		z-index: 1001;
		background: white;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
	}
	.topbar-nav.is-hoverable .metismenu > li > ul {
		height: auto !important;
	}
	.topbar-nav.is-hoverable .metismenu > li:hover > ul {
		display: block;
	}
	.topbar-nav.is-hoverable .metismenu > li:hover > a.has-arrow:after {
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
}
@media screen and (min-width: 1025px) {
	.email-toggle-btn {
		display: none !important;
	}
	.chat-toggle-btn {
		display: none !important;
	}
}
/* Extra CSS */
.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 26px;
	color: white;
	position: fixed;
	border-radius: 10px;
	bottom: 20px;
	right: 12px;
	background-color: #0d6efd;
	z-index: 5;
}
.back-to-top:hover {
	color: white;
	background-color: #000;
	transition: all .5s;
}
.breadcrumb-title {
	font-size: 20px;
	border-right: 1.5px solid #aaa4a4;
}
.page-breadcrumb .breadcrumb li.breadcrumb-item {
	font-size: 16px;
}
.page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding-right: .5rem;
	color: #6c757d;
	font-family: 'LineIcons';
	content: "\ea5c";
}
.icon-badge {
	width: 45px;
	height: 45px;
	background: #f2f2f2;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.widgets-icons {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ededed;
	font-size: 26px;
	border-radius: 10px;
}
.widgets-icons-2 {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ededed;
	font-size: 27px;
	border-radius: 10px
}
#geographic-map {
	width: 100%;
	height: 440px;
}
#geographic-map-2 {
	width: 100%;
	height: 330px
}
#geographic-map-3 {
	width: 100%;
	height: 350px
}
.product-img {
	width: 60px;
	height: 60px;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid #e6e6e6;
}
.product-img img {
	width: 60px;
	height: 60px;
	padding: 6px;
}
.product-img-2 {
	width: 45px;
	height: 45px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid #e6e6e6
}
.product-img-2 img {
	width: 45px;
	height: 45px;
	padding: 1px
}
.border-light-2 {
    border-color: rgb(255 255 255 / 12%)!important;
}
.product-list {
	position: relative;
	height: 380px;
}
.dashboard-top-countries {
	position: relative;
	height: 360px;
}
.customers-list {
	position: relative;
	height: 450px;
}
.store-metrics {
    position: relative;
    height: 450px;
}
.product-list-2 {
    position: relative;
    height: 450px;
}
.product-list .row {
	background-color: #f8f9fa;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
@media (min-width: 992px) {
	.product-list .row:hover {
		background-color: #fff;
		margin-top: -.25rem;
		margin-bottom: .25rem;
		-webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
	}
}
.recent-product-img {
	width: 40px;
	height: 40px;
	background-color: #fbfbfb;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid #e6e6e6;
}
.recent-product-img img {
	width: 40px;
	height: 40px;
	padding: 6px;
}
.theme-icons {
	background-color: #FFF;
}
.lead-table .table {
	border-collapse: separate;
	border-spacing: 0 10px;
}
.fm-menu .list-group a {
	font-size: 16px;
	color: #5f5f5f;
	display: flex;
	align-items: center;
}
.fm-menu .list-group a i {
	font-size: 23px;
}
.fm-menu .list-group a:hover {
	background: #0d6efd;
	color: #ffffff;
	transition: all .2s ease-out;
}
.fm-file-box {
	font-size: 25px;
	background: #e9ecef;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .25rem;
}
.fm-icon-box {
	font-size: 32px;
	background: #ffffff;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .25rem;
}
.user-plus {
	width: 33px;
	height: 33px;
	margin-left: -14px;
	line-height: 33px;
	background: #ffffff;
	border-radius: 50%;
	text-align: center;
	font-size: 22px;
	cursor: pointer;
	border: 1px dotted #a9b2bb;
	color: #404142;
}
.user-groups img {
	margin-left: -14px;
	border: 1px solid #e4e4e4;
	padding: 2px;
	cursor: pointer;
}
.contacts-social a {
	font-size: 16px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background: #ffffff;
	border: 1px solid #eeecec;
	text-align: center;
	border-radius: 50%;
	color: #2b2a2a;
}
.customers-contacts a {
	font-size: 16px;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border: 1px solid #eeecec;
	text-align: center;
	border-radius: 50%;
	color: #2b2a2a;
}
.order-actions a {
	font-size: 18px;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f1f1f1;
	border: 1px solid #eeecec;
	text-align: center;
	border-radius: 20%;
	color: #2b2a2a;
}
.customers-list .customers-list-item {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
@media (min-width: 992px) {
	.customers-list .customers-list-item:hover {
		background-color: #f8f9fa;
		border-radius: 10px;
		margin-top: -.25rem;
		margin-bottom: .25rem;
		-webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
	}
}
.right-15 {
	right: 15px!important;
}
.font-13 {
	font-size: 13px;
}
.font-14 {
	font-size: 14px;
}
.font-18 {
	font-size: 18px;
}
.font-20 {
	font-size: 20px;
}
.font-22 {
	font-size: 22px;
}
.font-24 {
	font-size: 24px;
}
.font-30 {
	font-size: 30px;
}
.font-35 {
	font-size: 35px;
}
.font-50 {
	font-size: 50px;
}
.font-60 {
	font-size: 60px;
}
.radius-30 {
	border-radius: 30px;
}
.radius-10 {
	border-radius: 10px;
}
.radius-15 {
	border-radius: 15px;
}
.row.row-group>div {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.row.row-group>div:last-child {
    border-right: none;
}
.cursor-pointer {
	cursor: pointer
}
.dash-wrapper {
    margin: -1.5rem -1.5rem -5.5rem -1.5rem;
    padding: 1.5rem 1.5rem 6.5rem 1.5rem;
}
.dash-array-chart-box {
    width: 105px;
    height: 90px;
    position: relative;
    top: -15px;
    right: 30px;
}
.chart-container-0{
	position:relative;
	height:320px;
}
.chart-container-1{
	position:relative;
	height:260px;
}
.chart-container-2{
	position:relative;
	height:210px;
}
.chart-container-3{
	position:relative;
	height:188px;
}
.chart-container-4{
	position:relative;
	height:162px;
}
.chart-container-5{
	position:relative;
	height:110px;
}
.chart-container-6{
	position:relative;
	height:205px;
}
.chart-container-7{
	position:relative;
	height:60px;
}
 .chart-container-8 {
   position: relative;
   height: 260px;
}
.chart-container-9 {
   position: relative;
   height: 280px;
}
.chart-container-10 {
   position: relative;
   height: 300px;
   top: 20px;
}
.chart-container-11 {
   position: relative;
   height: 280px;
}
.chart-container-12 {
   position: relative;
   height: 160px;
}
.chart-container-13 {
   position: relative;
   height: 240px;
}
.chart-container-14{
  position:relative;
  height:40px;
}
.w_chart {
	position: relative;
	display: inline-block;
	width: 65px !important;
	height: 65px !important;
	text-align: center;
	color: #32393f;
  }
  
  .w_chart canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 65px !important;
	height: 65px !important;
  }
  .w_percent {
	display: inline-block;
	line-height: 65px !important;
	z-index: 2;
  }
  .w_percent:after {
	content: '%';
	margin-left: 0.1em;
	font-size: .8em;
  }
.cursor-pointer {
	cursor: pointer;
}
.chip {
	display: inline-block;
	height: 32px;
	padding: 0 12px;
	margin-right: 1rem;
	margin-bottom: 1rem;
	font-size: 14px;
	font-weight: 500;
	line-height: 32px;
	color: rgba(0, 0, 0, 0.70);
	cursor: pointer;
	background-color: #f1f1f1;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 16px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	box-shadow: none;
}
.chip img {
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 8px 0 -12px;
	border-radius: 50%;
}
.chip .closebtn {
	padding-left: 10px;
	font-weight: bold;
	float: right;
	font-size: 16px;
	cursor: pointer;
}
.chip.chip-md {
	height: 42px;
	line-height: 42px;
	border-radius: 21px;
}
.chip.chip-md img {
	height: 42px;
	width: 42px;
}
/*Invoice Page*/
#invoice {
	padding: 0px;
}
.invoice {
	position: relative;
	background-color: #FFF;
	min-height: 680px;
	padding: 15px
}
.invoice header {
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #0d6efd
}
.invoice .company-details {
	text-align: right
}
.invoice .company-details .name {
	margin-top: 0;
	margin-bottom: 0
}
.invoice .contacts {
	margin-bottom: 20px
}
.invoice .invoice-to {
	text-align: left
}
.invoice .invoice-to .to {
	margin-top: 0;
	margin-bottom: 0
}
.invoice .invoice-details {
	text-align: right
}
.invoice .invoice-details .invoice-id {
	margin-top: 0;
	color: #0d6efd
}
.invoice main {
	padding-bottom: 50px
}
.invoice main .thanks {
	margin-top: -100px;
	font-size: 2em;
	margin-bottom: 50px
}
.invoice main .notices {
	padding-left: 6px;
	border-left: 6px solid #0d6efd;
	background: #e7f2ff;
	padding: 10px;
}
.invoice main .notices .notice {
	font-size: 1.2em
}
.invoice table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px
}
.invoice table td,
.invoice table th {
	padding: 15px;
	background: #eee;
	border-bottom: 1px solid #fff
}
.invoice table th {
	white-space: nowrap;
	font-weight: 400;
	font-size: 16px
}
.invoice table td h3 {
	margin: 0;
	font-weight: 400;
	color: #0d6efd;
	font-size: 1.2em
}
.invoice table .qty,
.invoice table .total,
.invoice table .unit {
	text-align: right;
	font-size: 1.2em
}
.invoice table .no {
	color: #fff;
	font-size: 1.6em;
	background: #0d6efd
}
.invoice table .unit {
	background: #ddd
}
.invoice table .total {
	background: #0d6efd;
	color: #fff
}
.invoice table tbody tr:last-child td {
	border: none
}
.invoice table tfoot td {
	background: 0 0;
	border-bottom: none;
	white-space: nowrap;
	text-align: right;
	padding: 10px 20px;
	font-size: 1.2em;
	border-top: 1px solid #aaa
}
.invoice table tfoot tr:first-child td {
	border-top: none
}
.invoice table tfoot tr:last-child td {
	color: #0d6efd;
	font-size: 1.4em;
	border-top: 1px solid #0d6efd
}
.invoice table tfoot tr td:first-child {
	border: none
}
.invoice footer {
	width: 100%;
	text-align: center;
	color: #777;
	border-top: 1px solid #aaa;
	padding: 8px 0
}
@media print {
	.invoice {
		font-size: 11px!important;
		overflow: hidden!important
	}
	.invoice footer {
		position: absolute;
		bottom: 10px;
		page-break-after: always
	}
	.invoice>div:last-child {
		page-break-before: always
	}
}
.main-row {
	height: 100vh;
}
.main-col {
	max-width: 500px;
	min-height: 300px;
}
.todo-done {
	text-decoration: line-through;
}
/*Chat box*/
.chat-wrapper {
	width: auto;
	height: 600px;
	border-radius: 0.25rem;
	position: relative;
	background: #ffffff;
	box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
}
.chat-sidebar {
	width: 340px;
	height: 100%;
	position: absolute;
	background: #ffffff;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	overflow: hidden;
	border-right: 1px solid rgba(0, 0, 0, .125);
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}
.chat-sidebar-header {
	width: auto;
	height: auto;
	position: relative;
	background: #ffffff;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	border-right: 0px solid rgba(0, 0, 0, .125);
	border-top-left-radius: 0.25rem;
	padding: 15px;
}
.chat-sidebar-content {
	padding: 0px;
}
.chat-user-online {
	position: relative;
}
.chat-sidebar-header .chat-user-online:before {
	content: '';
	position: absolute;
	bottom: 7px;
	left: 40px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #fff;
	background: #16e15e;
}
.chat-list .chat-user-online:before {
	content: '';
	position: absolute;
	bottom: 7px;
	left: 36px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #fff;
	background: #16e15e;
}
.chat-content {
	margin-left: 340px;
	padding: 85px 15px 15px 15px;
}
.chat-header {
	position: absolute;
	height: 70px;
	left: 340px;
	right: 0;
	top: 0;
	padding: 15px;
	background: #ffffff;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	border-top-right-radius: 0.25rem;
	z-index: 1;
}
.chat-footer {
	position: absolute;
	height: 70px;
	left: 340px;
	right: 0;
	bottom: 0;
	padding: 15px;
	background: #f8f9fa;
	border-top: 1px solid rgba(0, 0, 0, .125);
	border-bottom-right-radius: 0.25rem;
}
.chat-footer-menu a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #6c757d;
	text-align: center;
	border-radius: 50%;
	margin: 3px;
	background-color: white;
	border: 1px solid rgb(0 0 0 / 15%);
}
.chat-tab-menu li a.nav-link {
	padding: .3rem 0.2rem;
	line-height: 1.2;
	color: #4a4b4c;
}
.chat-tab-menu .nav-pills .nav-link.active,
.chat-tab-menu .nav-pills .show>.nav-link {
	color: #0d6efd;
	background-color: rgb(0 123 255 / 0%);
}
.chat-title {
	font-size: 14px;
	color: #272b2f;
}
.chat-msg {
	font-size: 13px;
	color: #6c757d;
}
.chat-time {
	font-size: 13px;
	color: #6c757d;
}
.chat-list {
	position: relative;
	height: 300px;
}
.chat-list .list-group-item {
	border: 1px solid rgb(0 0 0 / 0%);
	background-color: transparent;
}
.chat-list .list-group-item:hover {
	border: 1px solid rgb(0 0 0 / 0%);
	background-color: rgb(13 110 253 / 0.12)
}
.chat-list .list-group-item.active {
	background-color: rgb(13 110 253 / 0.12)
}
.chart-online {
	color: #16e15e;
}
.chat-top-header-menu a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #6c757d;
	text-align: center;
	border-radius: 50%;
	margin: 3px;
	background-color: white;
	border: 1px solid rgb(0 0 0 / 15%);
}
.chat-content {
	position: relative;
	width: auto;
	height: 520px;
}
.chat-content-leftside .chat-left-msg {
	width: fit-content;
	background-color: #eff2f5;
	padding: 0.80rem;
	border-radius: 12px;
	max-width: 480px;
	text-align: left;
	border-top-left-radius: 0;
}
.chat-content-rightside .chat-right-msg {
	width: fit-content;
	background-color: #dcedff;
	padding: 0.80rem;
	border-radius: 12px;
	float: right;
	max-width: 480px;
	text-align: left;
	border-bottom-right-radius: 0;
}
.chat-toggle-btn {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-right: 15px;
	text-align: center;
	font-size: 24px;
	color: #6c757d;
	border-radius: 50%;
	cursor: pointer;
	background-color: white;
	border: 1px solid rgb(0 0 0 / 15%);
}
/*Email box*/
.email-wrapper {
	width: auto;
	height: 600px;
	overflow: hidden;
	border-radius: 0.25rem;
	position: relative;
	background: #ffffff;
	box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
}
.email-sidebar {
	width: 250px;
	height: 100%;
	position: absolute;
	background: #fff;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	overflow: hidden;
	border-right: 1px solid rgba(0, 0, 0, .125);
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}
.email-sidebar-header {
	width: auto;
	height: auto;
	position: relative;
	background: #ffffff;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	border-right: 0px solid rgba(0, 0, 0, .125);
	border-top-left-radius: 0.25rem;
	padding: 15px;
}
.email-navigation {
	position: relative;
	padding: 0px;
	height: 345px;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.email-header {
	position: absolute;
	height: 70px;
	left: 250px;
	right: 0;
	top: 0;
	padding: 15px;
	background: #ffffff;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	border-top-right-radius: 0.25rem;
	z-index: 1;
}
.email-content {
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	top: 70px;
	height: auto;
	margin-left: 250px;
	padding: 0;
	background: #ffffff;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
.email-navigation a.list-group-item {
	color: #404142;
	padding: .35rem 1.25rem;
	background-color: white;
	border-bottom: 1px solid rgb(0 0 0 / 0%);
	transition: all .3s ease-out;
}
.email-navigation a.list-group-item:hover {
	background-color: rgb(13 110 253 / 0.12);
}
.email-navigation a.list-group-item.active {
	color: #0b5ed7;
	font-weight: 600;
	background-color: rgb(13 110 253 / 0.12)
}
.email-meeting {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.email-meeting a.list-group-item {
	color: #404142;
	padding: .35rem 1.25rem;
	background-color: white;
	border-bottom: 1px solid rgb(0 0 0 / 0%);
}
.email-meeting a.list-group-item:hover {
	background-color: rgb(0 123 255 / 15%);
	transition: all .3s ease-out;
}
.email-hangout .chat-user-online:before {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 45px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #fff;
	background: #16e15e;
}
.email-toggle-btn {
	width: auto;
	height: auto;
	margin-right: 10px;
	text-align: center;
	font-size: 24px;
	color: #404142;
	border-radius: 0;
	cursor: pointer;
	background-color: white;
	border: 0px solid rgb(0 0 0 / 15%);
}
.email-actions {
	width: 230px;
	;
}
.email-time {
	font-size: 13px;
	color: #6c757d;
}
.email-list div.email-message {
	background: #ffffff;
	border-bottom: 1px solid rgb(0 0 0 / 8%);
	color: #383a3c;
}
.email-list div.email-message:hover {
	transition: all .2s ease-out;
	background-color: #eceef1;
}
.email-list {
	position: relative;
	height: 530px;
}
.email-star {
	color: #6c757d;
}
.email-read-box {
	position: relative;
	height: 530px;
}
/*Compose Mail*/
.compose-mail-popup {
	width: 42%;
	position: fixed;
	bottom: -30px;
	right: 30px;
	z-index: 15;
	display: none;
}
.compose-mail-toggled {
	display: block;
}
.compose-mail-title {
	font-size: 16px;
}
.compose-mail-close {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	border-radius: 2px;
	background-color: rgb(255 255 255 / 0%);
}
.compose-mail-close:hover {
	background-color: rgb(255 255 255 / 20%);
}
/* Navs and Tabs */
.nav-primary.nav-tabs .nav-link.active {
	color: #0d6efd;
	border-color: #0d6efd #0d6efd #fff;
}
.nav-danger.nav-tabs .nav-link.active {
	color: #f41127;
	border-color: #f41127 #f41127 #fff;
}
.nav-success.nav-tabs .nav-link.active {
	color: #17a00e;
	border-color: #17a00e #17a00e #fff;
}
.nav-warning.nav-tabs .nav-link.active {
	color: #ffc107;
	border-color: #ffc107 #ffc107 #fff;
}
.nav-pills-danger.nav-pills .nav-link.active {
	color: #fff;
	background-color: #f41127;
}
.nav-pills-success.nav-pills .nav-link.active {
	color: #fff;
	background-color: #17a00e;
}
.nav-pills-warning.nav-pills .nav-link.active {
	color: #000;
	background-color: #ffc107;
}
.nav-search input.form-control {
	background-color: rgb(255 255 255 / 20%);
	border: 1px solid #014d8d;
	color: #5f5f5f;
}
.nav-search button[type='submit'] {
	background-color: #014d8d;
	border: 1px solid #014d8d;
	color: #fff;
}
.nav-search input.form-control::placeholder {
	opacity: 0.5 !important;
	color: #5f5f5f !important;
}
.nav-search input.form-control::-ms-input-placeholder {
	color: #5f5f5f !important;
}
.round-pagination.pagination .page-item:first-child .page-link {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
.round-pagination.pagination .page-item:last-child .page-link {
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
/* Background Colors */
.bg-light-primary {
	background-color: rgb(13 110 253 / 0.11) !important;
}
.bg-light-success {
	background-color: rgb(23 160 14 / 0.11)!important;
}
.bg-light-danger {
	background-color: rgb(244 17 39 / 0.11)!important;
}
.bg-light-warning {
	background-color: rgb(255 193 7 / 0.11)!important;
}
.bg-light-info {
	background-color: rgb(13 202 240 / 18%)!important;
}
.bg-light-transparent {
	background-color: rgb(0 0 0 / 15%)!important
}
.bg-gradient-deepblue {
    background: #6a11cb;
    background: -webkit-linear-gradient(
	45deg
	, #6a11cb, #2575fc)!important;
		background: linear-gradient(
	45deg
	, #6a11cb , #2575fc)!important;
}
.bg-gradient-orange {
    background: #fc4a1a;
    background: -webkit-linear-gradient(
	45deg
	, #fc4a1a, #f7b733)!important;
		background: linear-gradient(
	45deg
	, #fc4a1a, #f7b733)!important;
}
.bg-gradient-ohhappiness {
    background: #00b09b;
    background: -webkit-linear-gradient(
	45deg
	, #00b09b, #96c93d)!important;
		background: linear-gradient(
	45deg
	, #00b09b, #96c93d)!important;
}
.bg-gradient-ibiza {
    background: #ee0979;
    background: -webkit-linear-gradient(
	45deg
	, #ee0979, #ff6a00)!important;
		background: linear-gradient(
	45deg
	, #ee0979, #ff6a00)!important;
}
.bg-gradient-scooter {
    background: #17ead9;
    background: -webkit-linear-gradient(
45deg
, #17ead9, #6078ea)!important;
    background: linear-gradient(
45deg
, #17ead9, #6078ea)!important;
}
.bg-gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(
45deg
, #f54ea2, #ff7676)!important;
    background: linear-gradient(
45deg
, #f54ea2, #ff7676)!important;
}
.bg-gradient-quepal {
    background: #42e695;
    background: -webkit-linear-gradient(
45deg
, #42e695, #3bb2b8)!important;
    background: linear-gradient(
45deg
, #42e695, #3bb2b8)!important;
}
.bg-gradient-blooker {
    background: #ffdf40;
    background: -webkit-linear-gradient(
45deg
, #ffdf40, #ff8359)!important;
    background: linear-gradient(
45deg
, #ffdf40, #ff8359)!important;
}
.bg-gradient-cosmic {
	background: linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224)) !important;
}
.bg-gradient-burning {
	background: linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43))!important;
}
.bg-gradient-lush {
	background: linear-gradient(to right, rgb(86, 171, 47), rgb(168, 224, 99))!important;
}
.bg-gradient-kyoto {
	background: linear-gradient(to right, rgb(247, 151, 30), rgb(255, 210, 0))!important;
}
.bg-gradient-blues {
	background: linear-gradient(to right, rgb(86, 204, 242), rgb(47, 128, 237))!important;
}
.bg-gradient-moonlit {
	background: linear-gradient(to right, rgb(15, 32, 39), rgb(32, 58, 67), rgb(44, 83, 100))!important;
}
.split-bg-primary {
	background-color: #0c62e0;
	border-color: #0c62e0;
}
.split-bg-secondary {
	background-color: #515a62;
	border-color: #515a62;
}
.split-bg-success {
	background-color: #128e0a;
	border-color: #128e0a;
}
.split-bg-info {
	background-color: #0bb2d3;
	border-color: #0bb2d3;
}
.split-bg-warning {
	background-color: #e4ad07;
	border-color: #e4ad07;
}
.split-bg-danger {
	background-color: #e20e22;
	border-color: #e20e22;
}
.bg-facebook {
	background-color: #3b5998!important;
}
.bg-twitter {
	background-color: #55acee!important;
}
.bg-google {
	background-color: #e52d27!important;
}
.bg-linkedin {
	background-color: #0976b4!important;
}
/* Text Color */
.text-option{
	color: #32393f!important
 }
.text-facebook{
	color: #3b5998!important
 }
 
 .text-twitter{
	 color: #55acee!important
  }
 
  .text-youtube{
	 color: #e52d27!important
  }
.text-sky-light {
    color: #b4d2ff;
}
/* Authentication */
.section-authentication-signin {
	height: 100vh;
}
.authentication-forgot {
	height: 100vh;
	padding: 0 1rem;
}
.authentication-reset-password {
	height: 100vh;
	padding: 0 1rem;
}
.authentication-lock-screen {
	height: 100vh;
	padding: 0 1rem;
}
.error-404 {
	height: 100vh;
	padding: 0 1rem;
}
.error-social a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	margin: 5px;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
}
.bg-login {
	background-image: url(../images/login-images/bg-login-img.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-forgot {
	background-image: url(../images/login-images/bg-forgot-password.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-lock-screen {
	background-image: url(../images/login-images/bg-lock-screen.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.login-separater span {
	position: relative;
	top: 26px;
	margin-top: -10px;
	background: #ffffff;
	padding: 5px;
	font-size: 12px;
	color: #cbcbcb;
	z-index: 1;
}
/* Buttons */
.btn i {
	vertical-align: middle;
	font-size: 1.3rem;
	margin-top: -1em;
	margin-bottom: -1em;
	margin-right: 5px;
}
.btn-inverse-primary {
	color: #008cff;
    background-color: rgba(0, 140, 255, 0.18);
    border-color: rgb(209, 234, 255);
}
.btn-inverse-primary:hover {
	color: #008cff;
    background-color: rgba(0, 140, 255, 0.18);
    border-color: rgba(0, 140, 255, 0.18);
}
.btn-inverse-primary:focus {
	color: #008cff;
    background-color: rgba(0, 140, 255, 0.18);
    border-color: rgba(0, 140, 255, 0.18);
	box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .3)
}
.btn-inverse-secondary {
	color: #75808a;
    background-color: rgba(117, 128, 138, 0.18);
    border-color: rgb(230, 232, 234);
}
.btn-inverse-secondary:hover {
	color: #75808a;
    background-color: rgba(117, 128, 138, 0.18);
    border-color: rgba(117, 128, 138, 0.18);
}
.btn-inverse-success {
	color: #15ca20;
    background-color: rgba(21, 202, 32, 0.18);
    border-color: rgb(212, 246, 214);
}
.btn-inverse-success:hover {
	color: #15ca20;
    background-color: rgba(21, 202, 32, 0.18);
    border-color: rgba(21, 202, 32, 0.18);
}
.btn-inverse-success:focus {
	color: #15ca20;
    background-color: rgba(21, 202, 32, 0.18);
    border-color: rgba(21, 202, 32, 0.18);
	box-shadow: 0 0 0 .25rem rgb(23 160 14 / 32%)
}
.btn-inverse-danger {
	color: #fd3550;
    background-color: rgba(253, 53, 80, 0.18);
    border-color: rgb(255, 218, 223);
}
.btn-inverse-danger:hover {
	color: #fd3550;
    background-color: rgba(253, 53, 80, 0.18);
    border-color: rgba(253, 53, 80, 0.18);
}
.btn-inverse-danger:focus {
	color: #fd3550;
    background-color: rgba(253, 53, 80, 0.18);
    border-color: rgba(253, 53, 80, 0.18);
	box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .3)
}
.btn-inverse-warning {
	color: #ff9700;
    background-color: rgba(255, 151, 0, 0.18);
    border-color: rgb(255, 236, 209);
}
.btn-inverse-warning:hover {
	color: #ff9700;
    background-color: rgba(255, 151, 0, 0.18);
    border-color: rgba(255, 151, 0, 0.18);
}
.btn-inverse-warning:focus {
	color: #ff9700;
    background-color: rgba(255, 151, 0, 0.18);
    border-color: rgba(255, 151, 0, 0.18);
	box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .3)
}
.btn-inverse-info {
	color: #0dceec;
    background-color: rgba(13, 206, 236, 0.18);
    border-color: rgb(211, 246, 252);
}
.btn-inverse-info:hover {
	color: #0dceec;
    background-color: rgba(13, 206, 236, 0.18);
    border-color: rgba(13, 206, 236, 0.18);
}
.btn-inverse-light {
	color: #a7aaaa;
    background-color: rgba(233, 234, 234, 0.2);
    border-color: rgb(251, 251, 251);
}
.btn-inverse-light:hover {
	color: #a7aaaa;
    background-color: rgba(233, 234, 234, 0.2);
    border-color: rgba(233, 234, 234, 0.2);
}
.btn-inverse-dark {
	color: #223035;
    background-color: rgba(34, 48, 53, 0.2);
    border-color: #d7d9da;
}
.btn-inverse-dark:hover {
	color: #223035;
    background-color: rgba(34, 48, 53, 0.2);
    border-color: rgba(34, 48, 53, 0.2);
}
.btn-facebook {
	box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
	background-color: #3b5998;
	border-color: #3b5998;
	color: #fff;
}
.btn-facebook:hover {
	color: #fff;
}
.btn-white {
	background-color: #fff;
	border-color: #e7eaf3;
}
.chart-container1 {
	position: relative;
	height: 340px;
}
.gmaps,
.gmaps-panaroma {
	height: 400px;
	background: #eeeeee;
	border-radius: 3px;
}
/* Pricing Table*/
.pricing-table .card {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.pricing-table .card .card-header {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
@media (min-width: 992px) {
	.pricing-table .card:hover {
		margin-top: -.25rem;
		margin-bottom: .25rem;
		-webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
		box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
	}
}
.pricing-table .card .card-title {
	font-size: 1rem;
	letter-spacing: .2rem;
	font-weight: 500;
}
.pricing-table .card .card-price {
	font-size: 2.7rem;
}
.pricing-table .card .card-price .term {
	font-size: .875rem;
}
.pricing-table .card ul li.list-group-item {
	border-bottom: 1px solid rgb(0 0 0 / 0%);
	color: #3b3b3b;
	font-size: 16px;
}
/*Forms */
input::placeholder {
	color: #000 !important;
	opacity: .3 !important
}
.card-group {
	margin-bottom: 1.5rem;
}
.search-bar-box {
	width: 75%;
	padding-left: 30px;
}
.search-control {
	background-color: #f7f7ff;
	
	
    border: 1px solid #e9e9f6;
	padding-left: 2.5rem
}
.search-show {
	font-size: 18px;
	left: 45px;
}
.search-close {
	font-size: 18px;
	right: 15px;
	cursor: pointer;
	display: none;
}
.topbar .navbar .navbar-nav .nav-link {
	padding-right: 0.8rem;
	padding-left: 0.8rem;
	color: #252323;
	font-size: 22px;
}
.dropdown-toggle-nocaret:after {
	display: none
}
.alert-count {
	position: absolute;
	top: 5px;
	left: 22px;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	background: #f62718;
}
.user-img {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 0px solid #e5e5e5;
	padding: 0px;
}
.user-info .user-name {
	font-size: 15px;
	font-weight: 500;
	color: #413c3c;
}
.user-info .designattion {
	font-size: 13px;
	color: #a9a8a8;
}
.user-box {
	display: flex;
	align-items: center;
	height: 60px;
	border-left: 1px solid #f0f0f0;
	margin-left: 1rem;
}
.dropdown-large {
	position: relative;
}
.dropdown-large .dropdown-menu {
	width: 360px;
	border: 0;
	padding: 0rem 0;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
	
	border-radius: 10px;
}
.topbar .navbar .dropdown-large .dropdown-menu::after {
	content: '';
	width: 13px;
	height: 13px;
	background: #ffffff;
	position: absolute;
	top: -6px;
	right: 16px;
	transform: rotate(45deg);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.topbar .navbar .dropdown-menu::after {
	content: '';
	width: 13px;
	height: 13px;
	background: #ffff;
	position: absolute;
	top: -6px;
	right: 16px;
	transform: rotate(45deg);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.dropdown-large .msg-header {
	padding: 0.8rem 1rem;
	border-bottom: 1px solid #ededed;
	background-clip: border-box;
	background: #ffffff;
	text-align: left;
	display: flex;
	align-items: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.dropdown-large .msg-header .msg-header-title {
	font-size: 15px;
	color: #1c1b1b;
	margin-bottom: 0;
	font-weight: 500;
}
.dropdown-large .msg-header .msg-header-clear {
	font-size: 12px;
	color: #585858;
	margin-bottom: 0;
}
.dropdown-large .msg-footer {
	padding: 0.8rem 1rem;
	color: #1c1b1b;
	border-top: 1px solid #ededed;
	background-clip: border-box;
	background: transparent;
	font-size: 14px;
	font-weight: 500;
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem;
}
.dropdown-large .user-online {
	position: relative;
}
.dropdown-large .msg-name {
	font-size: 14px;
	margin-bottom: 0;
}
.dropdown-large .msg-info {
	font-size: 13px;
	margin-bottom: 0;
}
.dropdown-large .msg-avatar {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	margin-right: 15px;
}
.dropdown-large .msg-time {
	font-size: 12px;
	margin-bottom: 0;
	color: #919191;
}
.dropdown-large .user-online:after {
	content: '';
	position: absolute;
	bottom: 1px;
	right: 17px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #fff;
	background: #16e15e;
}
.dropdown-large .dropdown-menu .dropdown-item {
	padding: .50rem 1.3rem;
	border-bottom: 1px solid #ededed;
}
.header-message-list {
	position: relative;
	height: 360px;
}
.header-notifications-list {
	position: relative;
	height: 360px;
}
.dropdown-large .notify {
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 22px;
	text-align: center;
	border-radius: 50%;
	background-color: #f1f1f1;
	margin-right: 15px;
}
.app-box {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	font-size: 26px;
	justify-content: center;
	cursor: pointer;
	border-radius: 10px;
	background-color: #f6f6f6;
}
.app-title {
	font-size: 14px;
}
.user-box .dropdown-menu i {
	vertical-align: middle;
	margin-right: 10px;
}
.dropdown-menu {
	-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
	border: 0px solid #e9ecef;
	font-size: 14px;
	
	border-radius: 10px;
}
.topbar .navbar .dropdown-menu {
	-webkit-animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
	animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
}
@-webkit-keyframes animdropdown {
	from {
		-webkit-transform: translate3d(0, 6px, 0);
		transform: translate3d(0, 6px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}
@keyframes animdropdown {
	from {
		-webkit-transform: translate3d(0, 6px, 0);
		transform: translate3d(0, 6px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}
.mobile-search-icon {
	display: none;
}
.mobile-toggle-menu {
	display: none;
	font-size: 26px;
	color: #404142;
	cursor: pointer;
}
/*Switcher*/
.switcher-wrapper {
	width: 280px;
	height: 100%;
	position: fixed;
	right: -280px;
	top: 0;
	bottom: 0;
	z-index: 16;
	background: #fff;
	border-left: 0px solid #d2d2d2;
	box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, .13);
	transition: all .2s ease-out;
}
.switcher-btn {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	background: #0d6efd;
	box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, .13);
	color: #fff;
	text-align: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	position: absolute;
	top: 40%;
	right: 100%;
	cursor: pointer;
}
.switcher-wrapper.switcher-toggled {
	right: 0px;
}
.switcher-body {
	padding: 1.25rem;
}
.switcher-body .form-check .form-check-input,
.switcher-body .form-check .form-check-label {
	cursor: pointer;
}
.header-colors-indigators .indigator {
	width: 45px;
	height: 45px;
	background: #f4f2f2;
	border-radius: 10px;
	cursor: pointer;
}
/* Responsive */
@media screen and (max-width: 1280px) {
	.topbar-logo-header{
		display: none;
	}
	.page-wrapper {
		margin-top: 60px;
	}
	.mobile-toggle-menu {
		display: block;
	}
	.nav-container {
		position: fixed;
		width: 260px;
		right: 0;
		left: -260px;
		z-index: 16;
		border-bottom: 1px solid #e4e4e4;
		background-clip: border-box;
		background: #ffffff;
		height: 100%;
		padding: 10px;
		display: flex;
		align-items: start;
		justify-content: flex-start;
		overflow-y: scroll;
	    overflow-x: hidden;
	}
	.wrapper.toggled .nav-container {
		display: flex;
		left: 0px;
	}
	.wrapper.toggled .mobile-topbar-header {
		display: flex;
		align-items: center;
		height: 60px;
		background: white;
		border-bottom: 1px solid #f1f1f1;
		background-clip: border-box;
		position: fixed;
		width: 260px;
		left: 0;
		top: 0;
		right: 0;
		z-index: 10;
		padding: 0 30px;
	}
	.wrapper.toggled .overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #000;
		opacity: 0.6;
		z-index: 15;
		display: block;
		cursor: move;
		transition: all .2s ease-out;
	}
	.left-topbar {
		width: auto;
	}
	.search-bar {
		padding: 0rem 0rem 0 30px;
	}
	.search-bar-box {
		padding-left: 0px;
	}
	
	.search-show{
		left: 15px;
	}
	.email-header {
		height: auto;
	}
	.email-content {
		padding: 100px 0px 0px 0px;
	}
}
@media screen and (max-width: 1024px) {
	.topbar {
		left: 0px !important;
	}
	.mobile-search-icon {
		display: block;
	}
	
	
	.page-footer {
		left: 0px;
	}
	.search-bar {
		display: none;
	}
	.full-search-bar {
		display: flex;
		align-items: center;
		width: 100%;
		position: absolute;
		left: 0;
		z-index: 100;
		background: #ffffff;
		height: 60px;
		padding: 0rem 1.4rem;
	}
	.search-bar-box {
		width: 100%;
	}
	.search-close {
		display: block;
	}
	.search-show {
		left: 15px;
		right: auto;
	}
	.search-control {
		background-color: #fff;
		border: 1px solid #f2efef00;
		padding-left: 2.5rem;
	}
	.wrapper.toggled .overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #000;
		opacity: 0.6;
		z-index: 10;
		display: block;
		cursor: move;
		transition: all .2s ease-out;
	}
	.error-404 {
		height: auto;
		padding: 6.0rem 1rem;
	}
	.chat-header {
		border-top-left-radius: 0.25rem;
	}
	.chat-footer {
		border-bottom-left-radius: 0.25rem;
	}
	.chat-sidebar {
		left: -370px;
	}
	.chat-content {
		margin-left: 0px;
	}
	.chat-header {
		left: 0px;
	}
	.chat-footer {
		left: 0px;
	}
	/* chat toggled css */
	.chat-toggled .chat-sidebar {
		left: 0px;
	}
	.chat-toggled .overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 340px;
		background: #000;
		opacity: 0.5;
		z-index: 11;
		display: block;
		cursor: move;
		transition: all .3s ease-out;
	}
	.email-header {
		border-top-left-radius: 0.25rem;
	}
	.email-sidebar {
		left: -280px;
	}
	.email-content {
		margin-left: 0px;
	}
	.email-header {
		left: 0px;
	}
	/* email toggled */
	.email-toggled .email-sidebar {
		left: 0px;
	}
	.email-toggled .overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 250px;
		background: #000;
		opacity: 0.5;
		z-index: 9;
		display: block;
		cursor: move;
		transition: all .3s ease-out;
	}
}
@media screen and (max-width: 991px) {
	.section-authentication-signin {
		height: 100%;
		margin-top: 6rem;
		margin-bottom: 2rem;
	}
	.authentication-reset-password {
		height: auto;
		padding: 2.0rem 1rem;
	}
	.authentication-lock-screen {
		height: auto;
		padding: 2.0rem 1rem;
	}
	.compose-mail-popup {
		width: auto;
		position: fixed;
		bottom: -30px;
		right: 0;
		left: 0;
	}
}
@media screen and (max-width: 767px) {
	.user-box .user-info {
		display: none;
	}
	.authentication-forgot {
		height: auto;
		padding: 2.5rem 1rem;
	}
}
@media screen and (max-width: 620px) {
	.topbar .navbar .dropdown-menu::after {
		display: none;
	}
	.topbar .navbar .dropdown {
		position: static !important;
	}
	.topbar .navbar .dropdown-menu {
		width: 100% !important;
	}
}
@media screen and (max-width: 520px) {
	.chat-footer-menu,
	.chat-top-header-menu {
		display: none;
	}
}

   
.progress {width: 100px;height: 100px;font-size: 24px;color: #008cff;border-radius: 50%; overflow: hidden; position: relative;background: #ffffff;text-align: center;line-height: 100px;margin: 10px auto;z-index: 1;}
.progress .title {position: relative;z-index: 100;margin: 0 auto;}
.progress .overlay {width: 50%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-color: #ffffff}
.progress .left, .progress .right {width: 50%;height: 100%; position: absolute;top: 0;left: 0;border: 8px solid #008cff;border-radius: 100px 0px 0px 100px;border-right: 0;transform-origin: right;}
.progress .left {animation: load1 .4s linear forwards;}
.progress:nth-of-type(2) .right, .progress:nth-of-type(3) .right {animation: load2 .25s linear forwards .4s;}
.progress:last-of-type .right, .progress:first-of-type .right {animation: load3 .5s linear forwards .4s;}

@keyframes load1 {0% {transform: rotate(0deg);}100% {transform: rotate(180deg);}}
@keyframes load2 {0% {z-index: 100;transform: rotate(180deg);}100% {z-index: 100;transform: rotate(270deg);}}
@keyframes load3 {0% {z-index: 100;transform: rotate(180deg);}100% {z-index: 100;transform: rotate(360deg);}}

.btn-style-one{position:relative;color:#008cff;font-size:15px;font-weight:500;border-radius:50px;letter-spacing:1px;background:none;padding:14px 30px;border:1px solid #f4f4f4;box-shadow:0 3px 7px rgba(0,0,0,0.20);transition: .4s all ease-in-out;}
.btn-style-one:hover, .home-widget:hover .btn-style-one{color:#fff;background-color:#008cff;border-color:#008cff}

.progress.color-one {color: #008cff;}
.progress.color-one .left, .progress.color-one .right {border: 8px solid #008cff;border-right: 0;}
.btn-style-one.color-one{color:#008cff;}
.btn-style-one.color-one:hover, .home-widget:hover .btn-style-one.color-one{background-color:#008cff;border-color:#008cff}

.progress.color-two {color: #fd3550;}
.progress.color-two .left, .progress.color-two .right {border: 8px solid #fd3550;border-right: 0;}
.btn-style-one.color-two{color:#fd3550;}
.btn-style-one.color-two:hover, .home-widget:hover .btn-style-one.color-two{background-color:#fd3550;border-color:#fd3550}

.progress.color-three {color: #32cc29;}
.progress.color-three .left, .progress.color-three .right {border: 8px solid #32cc29;border-right: 0;}
.btn-style-one.color-three{color:#32cc29;}
.btn-style-one.color-three:hover, .home-widget:hover .btn-style-one.color-three{background-color:#32cc29;border-color:#32cc29}

.progress.color-four {color: #17a2b8;}
.progress.color-four .left, .progress.color-four .right {border: 8px solid #17a2b8;border-right: 0;}
.btn-style-one.color-four{color:#17a2b8;}
.btn-style-one.color-four:hover, .home-widget:hover .btn-style-one.color-four{background-color:#17a2b8;border-color:#17a2b8}


.progress.color-five {color: #9f70ed;}
.progress.color-five .left, .progress.color-five .right {border: 8px solid #9f70ed;border-right: 0;}
.btn-style-one.color-five{color:#9f70ed;}
.btn-style-one.color-five:hover, .home-widget:hover .btn-style-one.color-five{background-color:#9f70ed;border-color:#9f70ed}

.progress.color-six {color: #ff8800;}
.progress.color-six .left, .progress.color-six .right {border: 8px solid #ff8800;border-right: 0;}
.btn-style-one.color-six{color:#ff8800;}
.btn-style-one.color-six:hover, .home-widget:hover .btn-style-one.color-six{background-color:#ff8800;border-color:#ff8800}

/*
.color-one 008cff 
.color-two fd3550 
.color-three 32cc29 
.color-four 17a2b8 
.color-five 9f70ed 
.color-six ff8800
*/

 
 table.basvurular-table {
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
 }
 table.basvurular-table caption {
	text-align: left;
	font-size: 1.3em;
	margin: 0.5em 0 0.75em;
 }
 table.basvurular-table thead {
	display: none;
 }
 table.basvurular-table tr {
	display: block;
	border: 1px solid #eee;
	/* padding: 1em 1em 0.5em; */
 }
 table.basvurular-table tr + tr {
	margin-top: 0.625em;
 }
 table.basvurular-table td {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ddd;
	/* font-size: 0.8em;
	line-height: 1.35em; */
 }
 table.basvurular-table td:before {
	content: attr(data-label);
	font-size: 0.9em;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	max-width: 45%;
	color: #545454;
 }
 table.basvurular-table td + td {
	/* margin-top: 0.8em; */
	vertical-align: middle;
 }
 table.basvurular-table td:last-child {
	border-bottom: 0;
 }
 
 @media screen and (min-width: 767px) {
	table.basvurular-table caption {
	  font-size: 1.5em;
	}
	table.basvurular-table thead {
	  display: table-header-group;
	}
	table.basvurular-table tr {
	  display: table-row;
	  border: 0;
	}
	table.basvurular-table th, table td {
	  /* text-align: center; */
	}
	table.basvurular-table th {
	  /* font-size: 0.85em; */
	  text-transform: uppercase;
		color: #334e6f;
	}
	table.basvurular-table td {
	  display: table-cell;
	  vertical-align: middle;
	}
	table.basvurular-table td:before {
	  display: none;
	}
	table.basvurular-table td:last-child {
	  border-bottom: 1px solid #ddd;
	}
 }

 /*
*		Loading Blok 
*/

.loading-blok{position:relative;min-height:180px;display:flex;justify-content:center;align-items:center;width:250px;top:14%;left:calc(50% - 125px);background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 604.75 323.34'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2307a24f;%7D.cls-2%7Bfill:%23013d66;%7D.cls-3%7Bfill:%23014d8d;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='katman_1' data-name='katman 1'%3E%3Cpath class='cls-1' d='M384.52,148.8c11.94,8,27.15,13.06,41.47,14.44-.14.27-1.35,13.24-5.49,22.66-2.74,6.25-9.59,10.66-15.86,10.71-4.76.26-7-1.87-7.12-2-6.84-4.76-10.83-12.78-12.44-21S384,157.11,384.52,148.8Z'/%3E%3Cpath class='cls-2' d='M337.62,142.63c2.68-3.61,6.85-5.75,11-7.56a144,144,0,0,1,15.09-5.66c3.61-1.14,5.18-2,11.18-1,5.48.87,8.46,7.22,10.28,12.46,5.36,15.39,5.06,32.26,10,47.8,1.2,3.78,3.78,8.16,7.73,7.76l-44.41-6.57c-5-.73-13.52-1.87-18-4.19-5.4-2.81-6.09-7.51-7.8-13.35-2-6.82-.69-14.16,1.22-21A25.71,25.71,0,0,1,337.62,142.63Z'/%3E%3Cpath class='cls-1' d='M283.78,109.83c30.52,5.86,61.15,11.49,91.07,18.55-9.81.59-17.76,7.3-22.29,16a57.69,57.69,0,0,0-4.51,12.25l.11-.1c-.07.16-.14.34-.21.51-1.29,5.14-2.12,10.44-3,15.67-.74,4.39-1.54,8.83-2.69,13.14-2.78,13.09-8.34,25.47-19.54,25.22-2.78-.06-4.38-1.31-6.45-2.72a20.41,20.41,0,0,1-5.92-3.76c-5.55-5.08-8.44-12.35-11-19.41C290.44,161,283,135.63,283.78,109.83Z'/%3E%3Cpath class='cls-3' d='M221.93,126.6c-13.31-28.3-24.25-57.49-42-83.22,31.08,14.49,68.55,17,102.75,19.48a466.11,466.11,0,0,0,20.53,111.67c4.26,13.57,13,32.8,20.69,36.6C301,213.16,265.57,219.34,221.93,126.6Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.loading-blok .circle-1{animation:circle 1s cubic-bezier(0.075,0.82,0.165,1) infinite}
.loading-blok:before{content:' ';position:absolute;animation:logocircle 1s linear infinite;width:11px;height:11px;background-color:#07a24f;border-radius:50%;right:30%;top:30%}
@keyframes cvloading {
0%,100%{transform:translate(-80px,0)}
50%{transform:translate(80px,0);background-color:#07a24f}
}
@keyframes logoanimation {
0%,10%{cx:412.26;cy:140.49;r:9.87;fill:#07a24f}
40%{transform:rotate(-45deg);transform-origin:center;cx:371.55;cy:132.46;r:17.38;fill:#07a24f}
60%,100%{transform:rotate(-90deg);transform-origin:center;cx:439.55;cy:91.46;r:23.87;fill:#014d8d}
}
@keyframes logocircle {
0%,2%,98%,100%{transform:translate(0px,0px) rotate(0deg);transform-origin:0 0;width:8px;height:8px}
25%,75%{transform:translate(-55%,-90%) rotate(-90deg);transform-origin:-70% 100%;background-color:#07a24f;width:14px;height:14px}
45%,55%{transform:translate(45%,-220%) rotate(-180deg);transform-origin:-150% 20%;background-color:#014d8d;width:19px;height:19px}
}
#fullscreen-loading{position:fixed;display:block;width:100%;height:100%;top:0;left:0;text-align:center;background-color:#fff;z-index:9999}
#fullscreen-loading .loading-blok{position:absolute;top:calc(200px);z-index:100}
#fullscreen-loading .loading-blok:before{animation:logocircle .72s linear infinite}

/*
*		Loading Blok  Sonu
*/

.bg-color-one {background-color:#fff}
.arama-list a {font-weight:500;color: #334e6f;}
.arama-list a:hover {color: #0068bf;}
.form-control:focus {box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 10%);}

.arama-list p {display: flex;align-items: center;}
.arama-list p i{line-height: 21px;}

.tab-switch {display: inline-block;font-size: 15px;margin: 5px;font-size: 15px;color: #0068bf;font-weight: 500;cursor: pointer;padding: 5px 10px;position: relative;}
.tab-switch.active {border-bottom: 2px solid #0068bf;background: #0068bf; color: #fff;border-radius: 5px;}

/*
*	firma sayfası
*/
.nav-tabs{border-bottom:1px solid #f0f0f0}
.card-header-tabs{border-bottom:0}
.nav-tabs>li>a{margin-right:0;color:#888;border-radius:0}
.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{border-color:transparent;color:#161c2d}
.nav-tabs.nav-tabs-solid>li>a{color:#161c2d}
.nav-tabs.nav-tabs-solid>.active>a,.nav-tabs.nav-tabs-solid>.active>a:hover,.nav-tabs.nav-tabs-solid>.active>a:focus{background-color:#ff508b;border-color:#ff508b;color:#fff}
.tab-content{padding-top:20px}
.nav-tabs .nav-link{border-radius:0}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{background-color:#eee;border-color:transparent;color:#161c2d}
.nav-tabs.nav-justified>li>a{border-radius:0;margin-bottom:0}
.nav-tabs.nav-justified>li>a:hover,.nav-tabs.nav-justified>li>a:focus{border-bottom-color:#ddd}
.nav-tabs.nav-justified.nav-tabs-solid>li>a{border-color:transparent}
.nav-tabs.nav-tabs-solid>li>a{color:#161c2d}
.nav-tabs.nav-tabs-solid>li>a.active,.nav-tabs.nav-tabs-solid>li>a.active:hover,.nav-tabs.nav-tabs-solid>li>a.active:focus{background-color:#fff;border-color:#fff;color:#ff5b37}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded{border-radius:50px}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a{border-radius:50px}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active,.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:hover,.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:focus{border-radius:50px}
.nav-tabs-justified>li>a{border-radius:0;margin-bottom:0}
.nav-tabs-justified>li>a:hover,.nav-tabs-justified>li>a:focus{border-bottom-color:#ddd}
.nav-tabs-justified.nav-tabs-solid>li>a{border-color:transparent}
.nav-tabs.nav-justified.nav-tabs-top{border-bottom:1px solid #ddd}
.nav-tabs.nav-justified.nav-tabs-top>li>a,.nav-tabs.nav-justified.nav-tabs-top>li>a:hover,.nav-tabs.nav-justified.nav-tabs-top>li>a:focus{border-width:2px 0 0}
.nav-tabs.nav-tabs-top>li{margin-bottom:0}
.nav-tabs.nav-tabs-top>li>a,.nav-tabs.nav-tabs-top>li>a:hover,.nav-tabs.nav-tabs-top>li>a:focus{border-width:2px 0 0}
.nav-tabs.nav-tabs-top>li.open>a,.nav-tabs.nav-tabs-top>li>a:hover,.nav-tabs.nav-tabs-top>li>a:focus{border-top-color:#ddd}
.nav-tabs.nav-tabs-top>li+li>a{margin-left:1px}
.nav-tabs.nav-tabs-top>li>a.active,.nav-tabs.nav-tabs-top>li>a.active:hover,.nav-tabs.nav-tabs-top>li>a.active:focus{border-top-color:#ff508b}
.nav-tabs.nav-tabs-bottom>li>a.active,.nav-tabs.nav-tabs-bottom>li>a.active:hover,.nav-tabs.nav-tabs-bottom>li>a.active:focus{border-bottom-width:2px;border-color:transparent;border-bottom-color:#ff5b37;background-color:transparent;transition:none 0 ease 0;-moz-transition:none 0 ease 0;-o-transition:none 0 ease 0;-ms-transition:none 0 ease 0;-webkit-transition:none 0 ease 0}
.nav-tabs.nav-tabs-solid{background-color:#fbfcff;border:0}
.nav-tabs.nav-tabs-solid>li{margin-bottom:0;text-align:center}
.nav-tabs.nav-tabs-solid>li>a{border-color:transparent}
.nav-tabs.nav-tabs-solid>li>a:hover,.nav-tabs.nav-tabs-solid>li>a:focus{background-color:#f5f5f5}
.nav-tabs.nav-tabs-solid>.open:not(.active)>a{background-color:#f5f5f5;border-color:transparent}
.nav-tabs-justified.nav-tabs-top{border-bottom:1px solid #ddd}
.nav-tabs-justified.nav-tabs-top>li>a,.nav-tabs-justified.nav-tabs-top>li>a:hover,.nav-tabs-justified.nav-tabs-top>li>a:focus{border-width:2px 0 0}
.provider-tabs .nav-tabs.nav-tabs-solid{background:#fff;box-shadow:0 4px 34px red;border-radius:5px;border:0;padding:10px}
.provider-tabs .nav-tabs.nav-tabs-solid>li>a:hover,.provider-tabs .nav-tabs.nav-tabs-solid>li>a:focus,.provider-tabs .nav-tabs.nav-tabs-solid>li>a.active{background-color:#f9f9f9;border-color:#f9f9f9;color:inherit}
.provider-tabs .nav-tabs.nav-tabs-solid>li>a p{margin:5px 0 0;font-weight:500;font-size:16px}
.provider-tabs .nav-tabs-justified>li>a{border-radius:0;margin-bottom:0}
.provider-tabs .nav-tabs-justified>li>a:hover,.provider-tabs .nav-tabs-justified>li>a:focus{border-bottom-color:#ddd}
.provider-tabs .nav-tabs-justified.nav-tabs-solid>li>a{border-color:transparent}
.provider-tabs .nav-tabs.nav-justified.nav-tabs-top{border-bottom:1px solid #ddd}
.provider-tabs .nav-tabs.nav-justified.nav-tabs-top>li>a,.provider-tabs .nav-tabs.nav-justified.nav-tabs-top>li>a:hover,.provider-tabs .nav-tabs.nav-justified.nav-tabs-top>li>a:focus{border-width:2px 0 0}
.user-tabs ul li+li{margin-left:26px}
.user-tabs .nav-pills .nav-link{background:#fff;border-radius:3px;color:#ff5b37;border:1px solid #ff5b37;padding:.75rem 1rem}
.user-tabs .nav-pills .nav-link.active,.user-tabs .nav-pills .show>.nav-link{color:#fff;background-color:#ff5b37;border:1px solid #ff5b37}
.line{background-color:#ff3115;height:2px;width:60px}
.progress-example .progress{margin-bottom:1.5rem}
.progress-xs{height:4px}
.progress-sm{height:15px}
.progress.progress-sm{height:6px}
.progress.progress-md{height:8px}
.progress.progress-lg{height:18px}
.header .has-arrow .dropdown-toggle[aria-expanded=true]:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.btn-item{margin-top:25px}
.work{position:relative}
.work:before{content:"";position:absolute;width:108px;height:128px;z-index:9;top:60px;left:50%;transform:translate(-50%,0);background:url(../../assets/img/bg/bg-08.png) top center no-repeat}
.section-header{margin-bottom:50px}
.section-line{width:35px;height:8px;background:#ff5b37;border-radius:5px;margin:auto;position:relative;margin-bottom:20px}
.header-title{color:#161c2d;font-weight:700;position:relative;margin-bottom:15px;font-size:42px}
.section-header h5{font-size:21px;color:#ff5b37;font-weight:700;position:relative;margin-bottom:0}
.section-header p{font-weight:500;font-size:21px;color:#55545b;margin-bottom:0}
.see-all{margin-top:20px}
.project-item{background:#fff;border:1px solid #ececec;box-shadow:10px 14px 5px rgba(255,204,193,.1);margin-bottom:30px}
.project-item:hover .project-icon{border-color:#ffccc1}
.project-img{overflow:hidden;padding:3px 3px 0}
.project-img img{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-moz-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-ms-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-o-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-webkit-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;width:100%}
.project-img:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);transform:scale(1.15)}
.project-icon{position:relative;width:48px;height:48px;border-radius:50%;background:0 0;border:0;margin:15px 0;display:inline-flex;justify-content:center;align-items:center}
.pro-icon{position:relative}
.pro-icon:before{content:"";width:1px;height:100%;background:#ececec;margin:0 auto;top:0;left:0;right:0;bottom:0;position:absolute}
.project-content{margin:0 auto;text-align:center;width:42%}
.project-content h4{font-weight:700;font-size:20px;line-height:30px;text-transform:uppercase;color:#ff5b37;margin-bottom:0}
.project-content h5{font-weight:600;font-size:14px;line-height:21px;text-transform:uppercase;color:#6e727d;margin-bottom:0}
.dev-item{position:relative}
.dev-img,.dev-top{position:relative}
.dev-text{position:absolute;top:20px;text-align:center;right:20px}
.dev-text .right{padding:10px 15px;color:#ff5b37;font-weight:700;background:#fffbfb;border-radius:50px;font-size:14px;display:inline-block}
.dev-user{position:absolute;left:20px;top:20px;display:flex;display:-webkit-box;display:-ms-flexbox}
.dev-user img{margin:auto;width:40px}
.dev-content{background:#fff;border:1px solid #ffeeea;width:100%;text-align:center;padding:20px}
.dev-content .rating{margin-bottom:10px}
.dev-content .rating i{margin-bottom:10px;font-size:13px}
.dev-content h3{font-weight:600;font-size:20px;margin-bottom:12px}
.dev-content h4{font-weight:500;font-size:15px;color:#ff5b37;margin-bottom:14px}
.dev-content p{font-weight:600;font-size:16px;color:#6e727d;margin-bottom:0;text-transform:uppercase}
.btn-view{color:#fff;background-color:#ff5b37;padding:15px 22px;font-size:18px;font-weight:700;width:100%;border-radius:0 0 15px 15px}
.btn-view:hover{color:#fff;background-color:#fb451d;border-color:#fb451d}
.rating .checked{color:#ff9415}
.rating .non-checked{color:#c4c4c4}
.right-text{text-align:right}
.subscribe{background:#ff5b37;padding:80px 0;position:relative;color:#fff;background-image:url(../../assets/img/bg/bg-08.png);background-repeat:no-repeat;background-position:left top}
.subscribe h5{font-weight:600;font-size:16px;color:#fff;padding-bottom:10px}
.subscribe h3{font-weight:700;font-size:42px;color:#fff;margin-bottom:15px}
.subscribe p{font-size:18px;color:#fff;margin-bottom:30px}
.subscribe .form-inner{padding:3px;background-color:#fffbfb;border-radius:40px;width:100%}
.subscribe .input-group{background:#fffbfb;border-radius:40px}
.subscribe .form-control{background:#fffbfb;border-radius:50px;border:0;height:70px;font-size:18px;color:#1a1b1e}
.subscribe .sub-btn{background:#131135;border-radius:50px!important;font-weight:700;border:1px solid #131135;margin:3px;font-size:15px;line-height:18px;padding:12px 40px;text-transform:uppercase;color:#fff}
.subscribe .sub-btn:hover,.subscribe .sub-btn:focus{background:#fb451d;border-color:#fb451d}
.review{background:#fff8f8;padding:80px 0}
.review-blog{background-color:#fff;padding:30px;position:relative;border:1px solid #ffeeea;box-shadow:0 4px 4px #f6fffd;border-radius:5px}
.review-blog .review-content{padding:0;border-bottom:0;margin-bottom:0}
.review-blog .review-img img{width:100px;height:100px;border-radius:50%;margin-right:20px}
.review-info h3{font-size:20px;font-weight:700;color:#161c2d}
.review-info h5{font-size:13px;color:#6e727d;margin-bottom:10px;font-weight:500}
.review-blog .review-top{margin-bottom:20px}
.review-info .rating i{font-size:12px}
.review-info .rating i.filled{color:#ff9415}
.review-info .rating .average-rating{font-size:15px;color:#6e727d}
.review-blog .review-content p{font-size:16px;margin:0;color:#161c2d;line-height:26px}
.review-bottom .review-img img{width:50px;height:50px;border-radius:50%;margin-right:15px}
.review-bottom .review-info h3{font-size:18px;font-weight:700;color:#161c2d;margin-bottom:3px}
.review-icon img{max-width:50px}
.job-counter{padding:60px 0;background:#ff5b37}
.counter h2{font-weight:600;font-size:36px;color:#fff}
.counter h4{font-weight:500;font-size:20px;color:#fff}
.about{padding:80px 0}
.about-content h2{font-weight:500;font-size:30px;color:#161c2d;margin-bottom:17px;font-weight:600}
.about-content p{font-size:16px;margin-bottom:20px;line-height:30px}
.orange-text{color:#ff5b37}
.learn-btn{background:#131135;border-radius:150px;font-weight:600;font-size:14px;padding:8px 32px;color:#fff}
.learn-btn:hover{color:#fff;background:#ff5b37}
.agency{position:relative}
.agency-box{padding:0;overflow:hidden}
.black-bg{background:#131135}
.agency-content h2{font-weight:600;font-size:28px;color:#fff;position:relative;margin-bottom:25px;line-height:36px}
.agency-content p{font-size:16px;color:#fff;margin-bottom:25px}
.agency-content{padding:0 100px}
.agency-content .learn-btn{background:#ff5b37}
.agency-content .learn-btn:hover{color:#fff;background:#fb451d}
.about-img img{position:relative}
.about-img img:before{content:"";position:absolute;top:100%;left:-5px;right:-5px;bottom:-5px;background-color:rgba(0,0,0,.2)}
.account-page{background-color:#fff}
.account-page .footer{display:none}
.account-page .content{padding:144px 0 60px;background:#fffcfc;border-top:1px solid #e5e6e6}
.login-header{margin-bottom:20px}
.login-header img{margin-bottom:15px}
.login-header p{font-size:16px;color:#17191a;margin-bottom:20px}
.login-header h3{font-size:24px;font-weight:600;margin-bottom:9px;color:#161c2d}
.login-header h3 a{color:#ff3115;float:right;font-size:15px;margin-top:2px}
.login-right .dont-have{color:#161c2d;font-weight:500;margin-top:30px;font-size:16px}
.login-right .dont-have label{color:#161c2d;font-weight:500;font-size:16px;margin-bottom:30px}
.login-right .dont-have a{color:#ff3115}
.login-btn{font-size:19px;font-weight:700;text-transform:uppercase;background:#ff5b37;border:1px solid #ff5b37;border-radius:5px;padding:14px 10px}
.login-or{color:#d4d4d4;padding-bottom:25px;padding-top:25px;position:relative;text-align:center}
.login-or p{font-size:16px;color:#161c2d;margin-bottom:0}
.or-line{background-color:#e5e5e5;height:1px;margin-bottom:0;margin-top:0;display:block}
.span-or{background-color:#fff;display:block;left:50%;margin-left:-20px;position:absolute;text-align:center;top:-3px;width:42px}
.forgot-link{color:#161c2d;font-weight:500;margin-top:30px;font-size:16px;display:inline-block}
.btn-facebook{background:#3f76e4;border-radius:165px;color:#fff;font-size:14px;font-weight:700;padding:10px 12px}
.btn-google{background-color:#dd4b39;border-radius:165px;color:#fff;font-size:14px;font-weight:700;padding:10px 12px}
.btn-twitter{background:#29b2ff;border-radius:165px;color:#fff;font-size:14px;font-weight:700;padding:10px 12px}
.social-login{border-bottom:1px solid #e9e9e9;padding-bottom:30px}
.social-login .btn:hover,.social-login .btn:focus{color:#fff}
.empty-content{padding:50px 0}
.empty-content img{margin-bottom:30px}
.empty-content h2{text-transform:uppercase;color:#161c2d;margin-bottom:30px}
.empty-content p{font-size:16px;text-transform:uppercase;color:#161c2d;margin-bottom:0}
.empty-content .btn-item{margin-top:40px}
.title-box{background:#fff;box-shadow:0 4px 14px rgba(215,215,215,.25);border-radius:5px}
.title{border-bottom:1px solid #f3f1f1;padding:30px}
.title h3{font-weight:600;font-size:20px;text-transform:uppercase;color:#161c2d;margin-bottom:0;position:relative;padding-bottom:8px}
.title h3::before{height:3px;content:"";position:absolute;width:29px;background:#ff5b37;bottom:0;left:0}
.title h3::after{height:3px;content:"";position:absolute;width:11px;background:#ff5b37;bottom:0;left:32px}
.title-content{padding:30px}
.select-project .title-content{padding:0 0 30px}
.next-btn{background:#ff5b37;border-radius:90px;border-color:#ff5b37;font-weight:700;font-size:17px;padding:13px 50px;color:#fff;text-transform:uppercase}
.next-btn:hover{color:#fff;background-color:#fb451d;border-color:#fb451d}
.cancel-btn{background:#131135;border-radius:90px;font-weight:700;font-size:17px;padding:13px 50px;color:#fff;margin-right:15px;text-transform:uppercase}
.cancel-btn:hover{color:#fff;background-color:#ff5b37;border-color:#ff5b37}
.technology{padding:30px 0}
.technology .btn-item{margin:25px 0}
.title-content h3{font-weight:500;font-size:18px;margin-bottom:15px;color:#161c2d}
.title-content p{font-size:14px;color:#494949;padding-top:12px}
.upload-document{position:relative;width:125px}
.upload-document img{border-radius:4px;height:80px;width:auto}
.upload-wrap .upload-document:not(:last-child){margin-right:25px}
.upload-document .btn-danger{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:17px;width:28px;height:28px;background:#f5365c;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center}
.add-links.more-link{width:auto;height:auto;background:0 0;color:#898989;display:inline-block}
.add-links.more-link:hover{color:#898989;opacity:.8}
.back{margin-top:35px;color:#ff5b37;padding-left:20px}
.back p a{color:#ff5b37;font-weight:700;font-size:18px}
.back p::before{content:"\f104";font-family:"font awesome 5 free";font-weight:900;left:0;margin-right:5px;font-size:18px;font-weight:700;position:absolute;color:#ff5b37;padding-left:20px}
.add-links{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:46px;width:46px;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;background-color:#ff5b37;color:#fff}
.add-links:hover{color:#fff;opacity:.8}
.faq{padding:30px 0}
.faq .card{border:1px solid #ffe6e1;box-shadow:0 4px 4px rgba(244,244,244,.25);border-radius:5px}
.faq .card .card-header{border-bottom:1px solid #ffe6e1}
#accordion h4{font-weight:600;font-size:20px;text-transform:uppercase;color:#ff5b37;margin-bottom:22px}
#accordion i{float:right}
#accordion a[aria-expanded=true] i{transform:rotate(90deg)}
#accordion a[aria-expanded=true] .card-header,#accordion a[aria-expanded=true] .card-header i{color:#ff5b37}
#accordion .card-header{font-size:18px;color:#161c2d}
#accordion .card-body{font-size:16px;color:#161c2d}
.basics-faq{margin-bottom:40px}
.breadcrumb-bar{background:url(../../assets/img/inner-banner.jpg);background-size:cover;padding-top:84px;background-repeat:no-repeat;min-height:304px}
.breadcrumb-bar .breadcrumb-title{font-weight:700;font-size:45px;color:#ff5b37;margin-bottom:15px}
.inner-content{margin-top:40px}
label.file-upload.image-btn{background:#fff;border:1px solid #ff5b37;border-radius:2px;color:#ff5b37;padding:12px 15px;font-size:16px;text-transform:uppercase;font-weight:500;cursor:pointer}
.content{min-height:200px;padding:60px 0 30px;background-color:#fff}
.inner-banner{padding:70px 0}
.rating i.filled{color:#febe42}
.rating i{color:#c4c4c4}
.rating .average-rating{font-size:14px;color:#6e727d;font-weight:500}
.page-breadcrumb ol{background-color:transparent;font-size:16px;font-weight:500;margin-bottom:0;padding:0;display:inline-flex;display:-webkit-inline-box;display:-ms-inline-flexbox}
.page-breadcrumb ol li a{color:#161c2d;font-weight:500}
.page-breadcrumb .breadcrumb a:hover{color:#ff5b37}
.page-breadcrumb ol li.active{color:#161c2d}
.page-breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:#161c2d;font-size:16px;content:"";width:5px;height:5px;background:red;border-radius:20px;margin:10px 15px 0;display:block;padding:0}
.page-breadcrumb .breadcrumb-item+.breadcrumb-item{padding-left:0}
.sort-by{float:right}
.sort-title{color:#fff;font-size:14px;margin-right:10px}
.sortby-fliter{display:inline-block;width:130px}
.cal-icon{position:relative;width:100%}
.cal-icon:after{color:#ff5b37;content:'\f073';display:block;font-family:"font awesome 5 free";font-size:16px;font-weight:400;margin:auto;position:absolute;right:15px;top:10px}
.filter-widget{margin-bottom:20px}
.filter-widget h4{font-size:16px;font-weight:500;margin-bottom:15px}
.btn-search .btn{background-color:#131135;border:1px solid #131135;border-radius:5px;color:#fff;height:46px;font-weight:500;font-size:16px}
.btn-search .btn:hover,.btn-search .btn:focus{background-color:#ff5b37;border:1px solid #ff5b37}
.provider-widget{display:-webkit-box;display:-ms-flexbox;display:flex}
.pro-info-left{display:-webkit-box;display:-ms-flexbox;display:flex}
.pro-info-right{margin-left:auto;-ms-flex:0 0 200px;flex:0 0 200px;max-width:200px}
.provider-img{-ms-flex:0 0 150px;flex:0 0 150px;margin-right:20px;width:150px;height:154px;position:relative}
.provider-img img{border-radius:5px}
.provider-widget .pro-name{font-size:20px;font-weight:600;margin-bottom:3px}
.pro-info-left .rating{list-style:none;margin:0 0 7px;padding:0;width:100%}
.provider-widget .rating i{font-size:14px}
.provider-widget .average-rating{font-size:14px;font-weight:500}
.load-more{margin-bottom:30px}
.load-more .btn{background-color:#ff3115;border-color:#ff3115}
.provider-action{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:15px}
.provider-action a+a{margin-left:8px}
.provider-action .fav-btn:hover{background-color:#fb1612;border-color:#fb1612;color:#fff}
.widget{margin-bottom:30px}
.widget-title{margin-bottom:15px}
.before-circle{background-color:red;border-radius:50%;height:12px;width:12px;border:2px solid #ff3115}
.dropzone .dz-preview.dz-error:hover .dz-error-message{display:none}
.profile-image img{margin-bottom:1.5rem}
.change-photo-btn{background-color:#ff3115;border-radius:50px;color:#fff;cursor:pointer;display:block;font-size:13px;font-weight:600;margin:0 auto;padding:10px 15px;position:relative;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;text-align:center;width:220px}
.change-photo-btn input.upload{bottom:0;cursor:pointer;filter:alpha(opacity=0);left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:220px}
.dropzone{background-color:#fbfbfb;border:2px dashed rgba(0,0,0,.1)}
.btn-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;position:absolute;padding:0;font-size:10px;width:20px;height:20px;display:-ms-inline-flexbox;display:inline-flex;right:3px;top:3px;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center}
.upload-images{position:relative;width:80px}
.upload-images img{border-radius:4px;height:80px;width:auto}
.upload-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}
.upload-wrap .upload-images+.upload-images{margin-left:20px}
.btn.btn-danger.trash{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:46px;width:46px;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center}
.add-more a{color:#ff3115}
label.file-upload{position:relative;overflow:hidden;color:#ff5b37;font-size:15px!important;border:1px solid #ffbe9d;border-radius:5px;padding:12px 6px}
label.file-upload input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:#fff;cursor:inherit;display:block}
.bootstrap-tagsinput{border-color:#e7e8ea;box-shadow:inherit;min-height:46px;width:100%;border-radius:5px}
.bootstrap-tagsinput.focus{border-color:#c7c8ca}
.bootstrap-tagsinput .tag{background-color:#ff508b;color:#fff;display:inline-block;font-size:14px;font-weight:400;margin-right:2px;padding:11px 15px;border-radius:0}
.bootstrap-tagsinput .tag.badge-info{border-radius:40px;margin-bottom:0;border:0}
.submit-section .submit-btn{padding:12px 30px;font-weight:600;font-size:16px;min-width:120px}
.submit-section .submit-btn+.submit-btn{margin-left:15px}
.info-widget{border-bottom:1px solid #f0f0f0;padding-bottom:30px;margin-bottom:30px}
.payment-radio{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:600;color:#161c2d;text-transform:capitalize}
.payment-radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.payment-radio .checkmark{position:absolute;top:0;left:0;width:19px;height:19px;margin:3px 0 0;border:2px solid #ddd;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.payment-radio input:checked~.checkmark{border-color:#ff3115}
.payment-radio .checkmark::after{position:absolute;left:3px;top:3px;content:'';width:9px;height:9px;background-color:#ff3115;opacity:0;visibility:hidden;-webkit-transform:scale(.1);-moz-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.payment-radio input:checked~.checkmark::after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}
.submit-btn-bottom{margin-bottom:30px}
.btn-file{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;font-size:20px;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;overflow:hidden;padding:0 .75rem;position:relative;vertical-align:middle}
.btn-file input{cursor:pointer;filter:alpha(opacity=0);font-size:23px;height:100%;margin:0;opacity:0;position:absolute;right:0;top:0;width:100%}
#calendar-events{background-color:#fcfcfc}
.calendar-events{border:1px solid transparent;cursor:move;padding:10px 15px}
.calendar-events:hover{border-color:#e9e9e9;background-color:#fff}
.calendar-events i{margin-right:8px}
.calendar{float:left;margin-bottom:0}
.none-border .modal-footer{border-top:none}
.event-form .input-group .form-control{height:40px}
.profile-sidebar{background-color:#fff;border:1px solid #f0f0f0;border-radius:4px;margin-bottom:30px;overflow:hidden}
.pro-widget-content{padding:20px;text-align:center}
.profile-info-widget{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}
.profile-info-widget .booking-pro-img{margin-right:15px}
.profile-info-widget .booking-pro-img img{border-radius:4px;height:90px;width:90px;object-fit:cover}
.profile-det-info{overflow:hidden}
.profile-det-info h3{font-size:16px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:12px}
.profile-det-info h4{font-weight:500;font-size:14px;color:#161c2d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:12px}
.profile-det-info p{color:#696969;font-size:14px;font-weight:400;margin-bottom:8px;margin-bottom:12px}
.pat-widget-profile{background:#fff;border:1px solid rgba(239,239,239,.42);box-sizing:border-box;box-shadow:0 4px 34px rgba(215,215,215,.25);border-radius:5px}
.card-top{position:relative}
.card-top::before{content:'';background-color:rgba(20,20,20,.7);bottom:0;height:100%;left:0;position:absolute;right:0;top:0}
.card-top .dev-user{position:absolute;left:50%;transform:translate(-50%,-80%);-webkit-transform:translate(-50%,-80%);-ms-transform:translate(-50%,-80%);display:flex;display:-webkit-flex}
.card-top .dev-user::before{background-color:#38b653;position:absolute;right:0;bottom:0;width:22px;height:22px;border-radius:50%;content:"\f00c";font-weight:600;font-family:"font awesome 5 free";font-size:13px;justify-content:center;align-items:center;color:#fff;display:inline-flex;display:-ms-inline-flexbox}
.card-top .bg-none.dev-user::before{visibility:hidden}
.card-top .dev-text{position:absolute;top:0;transform:none;text-align:center;padding:15px;width:100%;left:0;right:0}
.card-top .dev-user img{margin:auto;width:86px;height:86px;border-radius:30px}
.card-top .dev-text .left{font-weight:500;font-size:10px;text-transform:uppercase;color:#fff}
.left-bid{padding-top:20px}
.card-top .dev-text .right{color:#fff;font-weight:700;background:#ff5b37;border:1px solid #ff5b37;border-radius:130px;font-size:14px;width:37px;height:37px;line-height:34px;padding:0}
.card-top .dev-text .right.bg-grey{background:#eee;border:1px solid #eee}
.card-top .dev-text a:hover .right.bg-grey{background:#ff5b37;border:1px solid #ff5b37}
.pro-widget-profile .dev-user{transform:translate(-50%,-50%)}
.pro-widget-profile .dev-text .left{text-align:left}
.pro-widget-profile .dev-text .left img{display:block;float:left;width:66px;border-radius:12px}
.left .left-img{position:absolute}
.left .left-img::before{background-color:#38b653;position:absolute;right:2px;bottom:0;width:22px;height:22px;border-radius:50%;content:"\f00c";font-weight:600;font-family:"font awesome 5 free";font-size:13px;justify-content:center;align-items:center;color:#fff;display:inline-flex;display:-ms-inline-flexbox}
.pro-widget-profile .dev-text .left .left-content img{width:auto}
.pro-widget-profile .dev-text .left .left-content{margin-left:75px}
.left-content h6{font-weight:500;font-size:12px;color:#fff}
.left-content h6 i{color:#38b653}
.left-content h4{font-weight:700;font-size:16px;color:#fff}
.left-content h4 a{color:#fff}
.left-content p{font-weight:500;font-size:11px;color:#fff;margin-bottom:5px}
.dev-right{margin-left:20px}
.dev-right p{font-weight:700;font-size:17px;color:#fff}
.dev-right h6{font-weight:600;font-size:14px;color:#fff;margin-top:5px}
.profile-box .bid-btn{font-size:14px}
.bid-btn{background:#ff5e3b;border-radius:4px;font-weight:600;font-size:14px;color:#fff;white-space:nowrap}
.bid-btn:hover{color:#fff;background-color:#fb451d;border-color:#fb451d}
.pro-widget-profile{border:1px solid rgba(239,239,239,.42);box-shadow:0 4px 34px rgba(215,215,215,.25);border-radius:5px}
.pro-widget-profile .slot p{font-size:12px}
.pro-widget-profile .slot h5{font-size:13px;margin:0}
.pro-widget-profile .badge-design{font-size:12px;padding:5px 15px;margin-bottom:5px}
.pro-widget-profile .card-header{border-bottom:1px solid #f8f8f8;padding:1.5rem}
.bootstrap-tags{padding:0 15px 15px;text-align:center;border-top:1px solid #fffbfb}
.badge-tech{font-weight:500;font-size:10px;line-height:15px;color:#161c2d;background:rgba(19,17,53,.1);border-radius:40px;margin-right:4px}
.badge-tech:last-child{margin-right:0}
.badge-design{font-weight:500;font-size:12px;color:#6e727d;background:#e7e8ea;border-radius:20px;margin-right:4px;display:inline-block;padding:7px 10px}
.badge-design:last-child{margin-right:0}
.badge-design:hover{background-color:#fff0f0}
.slots{padding-bottom:10px}
.slot p{font-size:12px;color:#6e727d;margin-bottom:3px;font-weight:400}
.slot h5{font-size:12px;font-weight:500;color:#161c2d}
.slot h5 i{color:#ff5b37}
.profile-btn{background:#ff5b37;border-radius:5px;font-weight:500;font-size:12px;color:#fff}
.profile-btn:hover{color:#fff;background-color:#fb451d;border-color:#fb451d}
.job-btn{background:#8553ee;border-radius:5px;font-weight:500;font-size:14px;color:#fff}
.job-btn:hover{color:#fff;background-color:#7d46ef;border-color:#7d46ef}
.search-filter .card-header{border:1px solid rgba(239,239,239,.42);box-shadow:0 4px 34px red;border-radius:5px;align-items:center;-webkit-align-items:center}
.badge-skill{background:#e7e8ea;border-radius:6px;font-weight:500;font-size:12px;color:#6e727d;padding:10px;margin:0 7px 7px 0}
.tags .badge-skills{width:195px}
.badge-skills:hover{background-color:#fff0f0}
.badge-skills:hover .tag-close{background-color:#ff5b37;color:#fff}
.badge-skills{background-color:#edeef3;border-radius:6px;font-size:15px;font-weight:400;margin:0 2px 7px 0;padding:10px 15px}
.tag-close{width:20px;height:20px;display:inline-flex;background-color:#d3d4d9;border-radius:50%;justify-content:center;align-items:center;margin-left:5px;font-size:12px;cursor:pointer}
.result h4{font-weight:500;font-size:14px;color:#ff5b37;margin-bottom:0}
.result h4 span{font-weight:700}
.search-filter{background:#fff;border:1px solid rgba(239,239,239,.42);box-shadow:0 4px 34px red;border-radius:5px}
.profile{background:#fff;box-shadow: 0 4px 14px rgb(215 215 215/25%);border-radius:5px}
.profile-box{padding:30px}
.profile-title{font-weight:500;font-size:36px;color:#161c2d}
.profile-position{font-size:16px;color:#ff5b37}
.prof-img,.camera-bg{position:relative}
.prof-img::before{background-color:#38b653;position:absolute;left:50%;transform:translate(-50%,-23%);bottom:0;width:22px;height:22px;border-radius:50%;content:"\f00c";font-weight:600;font-family:"font awesome 5 free";font-size:13px;justify-content:center;align-items:center;color:#fff;display:inline-flex;display:-ms-inline-flexbox}
.full-btn{background:#129be8;border-radius:5px;font-weight:500;font-size:14px;color:#fff}
.full-btn:hover{color:#fff;opacity:.8}
.profile-list ul{margin:0;padding-left:0;list-style:none;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:space-between;-webkit-justify-content:space-between;border-top:1px solid #e9e9e9}
.profile-list li{font-weight:500;font-size:16px;color:#161c2d;text-align:center;margin:0 auto;padding:15px 5px;width:calc(100%/6)}
.profile-list li:last-child{border-right:0}
.profile-preword{margin:15px 0 10px;padding-left:0;list-style:none;display:inline-flex;display:-ms-inline-flexbox;flex-wrap:wrap}
.profile-preword li{font-weight:500;font-size:16px;color:#8d8d8d;margin-right:20px;margin-bottom:5px}
.profile-preword li img{box-shadow:1px 0 5px #aaa;margin-right:2px}
.profile-preword .rating .average-rating{font-size:11px;background-color:#febe42;border-radius:5px;color:#fff;font-weight:600;width:22px;height:16px;line-height:16px;display:inline-flex;display:-ms-inline-flexbox;margin-right:5px;align-items:center;justify-content:center}
.profile-inf{text-align:right}
.profile-inf p i.heart{color:#f5365c;font-size:30px;margin-right:10px}
.bottom-text{position:absolute;right:0;bottom:0}
.profile-right{padding-left:0;list-style:none;display:inline-flex;display:-ms-inline-flexbox;flex-wrap:wrap}
.profile-right li{font-weight:600;font-size:12px;color:#161c2d;margin-right:20px}
.profile-right li:last-child{margin-right:0;padding-top:0}
.amt-hr{font-weight:500;font-size:36px;color:#f5365c}
.amt-hr p{font-size:16px;color:#161c2d}
.profile-list .proj-title{font-weight:500;font-size:16px;color:#161c2d}
.pro-post{background:#fff;box-shadow:0 4px 4px rgba(204,204,204,.25);margin-bottom:30px;border:1px solid #e8e8e8}
.pro-title{font-weight:700;font-size:22px;position:relative;color:#161c2d;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #e6e6e6}
.pro-title::before{height:3px;content:"";position:absolute;width:29px;background:#ff5b37;bottom:0;left:0}
.pro-title::after{height:3px;content:"";position:absolute;width:11px;background:#ff5b37;bottom:0;left:32px}
.pro-title.without-border{border:0;padding-bottom:0;margin-bottom:0}
.pro-title.without-border:before,.pro-title.without-border:after{display:none}
.pro-list{list-style:none;padding:0}
.project-widget{background:#fff;box-shadow:0 4px 34px rgba(215,215,215,.25);margin-bottom:30px}
.project-widget .pro-image{border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.project-widget .pro-detail{text-align:center;padding:15px}
.project-widget .pro-name{font-weight:600;font-size:13px;text-transform:uppercase;color:#161c2d;margin-bottom:5px}
.project-widget .pro-designation{font-size:12px;color:#636363;margin-bottom:0}
.more-btn{background-color:#ff5b37;border-radius:150px;color:#fff;padding:9px 16px;font-size:12px;margin-right:8px;font-weight:600;color:#fff}
.more-btn:hover{color:#fff;opacity:.8}
.widget-list ul{list-style:none;margin:0;padding:0}
.widget-list ul li{float:left;margin:6px 0;padding-left:25px;position:relative}
.widget-list ul li::before{color:#ff5b37;content:'\f30b';font-family:"font awesome 5 free";font-weight:900;left:0;position:absolute}
.widget-list ul li h4{font-weight:500;font-size:16px;color:#161c2d}
.widget-list ul li h5{font-weight:400;font-size:14px;color:#f38247;margin-bottom:15px}
.widget-list ul li p{font-size:14px;color:#000}
.share-icon{display:inline-block;background-color:#131135;border-radius:6px;color:#fff;padding:9px 16px;font-size:18px;font-weight:600;color:#fff}
.share-icon:hover{color:#fff;opacity:.8}
.follow-btn{background-color:#8553ee;border-radius:50px;color:#fff;padding:9px 30px;font-size:20px;font-weight:600;color:#fff;margin-bottom:15px}
.follow-btn:hover{color:#fff;background-color:#7a40f3;border-color:#7a40f3}
.follow-posts{margin:30px auto 0;padding:10px 0;list-style:none;width:76%}
.follow-posts li{border-right:1px solid #e9e9e9;display:inline-block;padding:0 20px}
.follow-posts li:last-child{border-right:0}
.follow-posts li p{font-size:16px;color:#161c2d;margin-bottom:2px}
.follow-posts li h6{font-size:20px;color:#161c2d;font-weight:500}
.about-widget ul li p{font-size:16px;color:#5c5c5c;margin-bottom:0}
.about-widget ul li h6{font-size:16px;color:#000;font-weight:500;margin-bottom:3px}
.feedback-form{background:#fefefe}
.proposal-widget{padding:20px}
.proposal-features .proposal-widget{margin-bottom:20px}
.proposal-widget p{margin-bottom:0;padding:10px 0 0 30px}
.proposal-widget .proposal-text{font-weight:600;font-size:16px}
.proposal-success{background:red;border:1px solid #000}
.proposal-success .proposal-text{color:#00be5f}
.proposal-light{background:rgba(255,248,189,.3);border:1px solid rgba(185,166,0,.3)}
.proposal-light .proposal-text{color:#e2bd00}
.proposal-danger{background:rgba(241,92,61,.2);border:1px solid rgba(241,92,61,.3)}
.proposal-danger .proposal-text{color:#ca2500}
.proposal-pink{background:rgba(255,248,189,.3);border:1px solid red}
.proposal-greens{background:#fafffb;border:1px solid #cffad8}
.activity-list{list-style:none;padding:0;margin:0}
.activity-list li{font-weight:600;font-size:16px;color:#4b4b4b}
.activity-list li+li{padding-top:13px}
.activity-list li:last-child{padding-bottom:0}
.activity-list li span{color:#000}
.tags .badge-design,.tags .badge-tech{font-size:14px;padding:10px 30px;margin-bottom:5px}
.payment-detail{padding:30px}
.payment-detail img{margin-bottom:10px}
.payment-detail h2{font-size:32px}
.payment-detail p{font-size:18px;font-weight:500;margin-bottom:0}
.click-btn{font-weight:500;border-radius:3px;padding:11px 35px;color:#fff;text-align:center;display:inline-block}
.click-btn:hover{color:#fff}
.transaction{padding:35px;text-align:center;border-top:1px solid #e7e7e7}
.transaction h5{font-weight:500;font-size:20px;color:#161c2d;padding:15px 0}
.billing{border:0}
.billing .card-header{border-bottom:1px solid #e7e7e7}
.billing .card-header p{font-size:19px;color:#161c2d;margin-bottom:0}
.payment-list h3{font-weight:500;color:#161c2d;margin-bottom:25px}
.payment-list label{font-weight:500;font-size:16px;color:#161c2d}
.btn-pad{margin:25px 0}
.billing-method{padding:20px}
.review-content{border-bottom:1px solid #ececec;padding:30px}
.review-content h4{font-weight:600;font-size:20px;color:#161c2d}
.review-content p{font-size:16px;margin:12px 0}
.review-content.no-padding{padding:0 0 1.5rem}
.review-content.no-padding+.review-content.no-padding{padding-top:1.5rem}
.review-content:last-child{padding-bottom:0;border:0}
.review-btn{background:#ff5b37;border-radius:5px;font-weight:500;font-size:14px;color:#fff}
.grey-btn{background:#d9d9d9}
.widget-profile{background-color:#fff;border-bottom:1px solid #f0f0f0}
.widget-profile .profile-info-widget{display:block;text-align:center}
.pro-widget-profile .profile-info-widget{text-align:left}
.pro-widget-profile .pro-widget-content{padding:0}
.widget-profile .profile-info-widget .booking-pro-img{display:inline-block;margin:0 0 15px;width:auto;padding:8px;background-color:#f7f7f7;border-radius:50%}
.widget-profile .profile-info-widget .booking-pro-img img{border-radius:50%;height:120px;width:120px}
.info-details{list-style:none;margin:0;padding:0}
.info-details li .title{color:#161c2d;font-weight:500}
.info-details li .text{color:#757575;display:block;font-size:16px;overflow:hidden}
.info-details li{margin-bottom:10px}
.info-details li:last-child{margin-bottom:0}
.align-right{text-align:right}
.slider-labels{margin-top:10px}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}
.noUi-target{position:relative;direction:ltr}
.noUi-base{width:100%;height:100%;position:relative;z-index:1}
.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}
.noUi-handle{position:relative;z-index:1}
.noUi-stacking .noUi-handle{z-index:10}
.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;-moz-transition:left .3s,top .3s;transition:left .3s,top .3s}
.noUi-state-drag *{cursor:inherit!important}
.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.noUi-horizontal{height:4px}
.noUi-horizontal .noUi-handle{width:18px;height:18px;border-radius:50%;left:-7px;top:-7px;background-color:#ff5b37;cursor:pointer}
.noUi-background{background:#ededed}
.noUi-connect{background:#ff5b37;-webkit-transition:background 450ms;transition:background 450ms}
.noUi-origin{border-radius:2px}
.noUi-target{border-radius:2px}
.noUi-draggable{cursor:w-resize}
.noUi-vertical .noUi-draggable{cursor:n-resize}
.noUi-handle{cursor:default;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important}
.noUi-handle:active{border:8px solid #345dbb;border:8px solid rgba(53,93,187,.38);-webkit-background-clip:padding-box;background-clip:padding-box;left:-14px;top:-14px}
.slider-labels .caption{background:#ffeeea;border-radius:80px;padding:3px 8px;text-align:center;margin:0 auto;position:relative;top:10px;font-weight:700;font-size:16px;color:#ff5b37}
.slider-labels .caption::before{border:5px solid #ffeeea;border-color:transparent transparent #ffeeea #ffeeea;box-shadow:-2px 2px 2px -1px #000;content:"";left:38px;position:absolute;top:2px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
[disabled].noUi-connect,[disabled] .noUi-connect{background:#b8b8b8}
[disabled].noUi-origin,[disabled] .noUi-handle{cursor:not-allowed}
.add-new-btn{background-color:#ff3115;border-radius:30px;color:#fff;display:inline-block;font-weight:500;margin-bottom:20px;padding:10px 20px}
.add-new-btn:focus,.add-new-btn:hover,.add-new-btn:active{background-color:#ff508b;color:#fff}
.add-more-item{margin-bottom:10px}
.add-more-item a{color:#ff3115;font-weight:500}
.pat-widget-profile .pro-widget-content{padding:0;margin-top:0}
.pat-widget-profile .booking-date li{font-size:.875rem}
.pat-widget-profile .booking-date li span{font-size:.875rem}
.pat-widget-profile .card-body{padding:35px 20px 20px}
.pat-widget-profile .card-footer{padding:15px;background:#fbfbfb}
.widget-profile.pat-widget-profile .profile-info-widget .booking-pro-img{padding:0}
.widget-profile.pat-widget-profile .profile-info-widget .booking-pro-img img{border-radius:50%;height:100px;width:100px}
.blog{border:1px solid #f0f0f0;background-color:#fff;border-radius:4px;margin-bottom:30px;padding:1.5rem;position:relative}
.blog-image{overflow:hidden}
.blog-image,.blog-image>a,.blog-image img{display:block;position:relative;width:100%;height:auto}
.blog-image img{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-moz-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-ms-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-o-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-webkit-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;transition:all 2000ms cubic-bezier(.19,1,.22,1) 0}
.blog-image a:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);transform:scale(1.15)}
.blog-image{margin-bottom:30px}
.blog-content{position:relative}
.blog.grid-blog .blog-content{padding:0}
.blog-title{font-size:22px;margin:0 0 15px}
.blog-title a{color:#161c2d}
.blog-title a:hover{color:#ff3115}
.blog-content p{color:#6e727d;font-size:16px;margin:0 0 30px;line-height:32px}
.read-more{display:inline-block;font-size:16px;padding:0;color:#ff5b37;text-decoration:underline;font-weight:500}
.blog-info{color:#606060;font-size:16px;margin-bottom:15px}
.blog-info a{color:#606060}
.blog-info a:hover{color:#ff3115}
.blog-info i{margin-right:7px}
.entry-meta{color:#606060;font-size:14px;list-style:none;margin-bottom:15px;padding:0}
.entry-meta li{display:inline-block;margin-right:15px}
.entry-meta li:last-child{margin-right:0}
.post-left ul{margin:0;padding-left:0;list-style:none;display:flex;align-items:center;flex-wrap:wrap}
.post-left ul li{margin-bottom:5px;margin-right:20px}
.post-left ul li:last-child{margin-right:0}
.post-author a{display:flex;display:-webkit-box;display:-ms-flexbox;align-items:center}
.language-widget .latest-posts li{border-bottom:0}
.latest-posts{margin:0;padding:0}
.latest-posts li{display:table;width:100%;padding:15px 0}
.latest-posts li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
.category-widget .latest-posts li{padding:15px 30px}
.category-widget .latest-posts li:first-child{padding-top:0}
.category-widget .latest-posts li:last-child{margin-bottom:0;border-bottom:none}
.post-thumb{border-radius:10px;width:77px;float:left;overflow:hidden}
.b-0{border:0!important}
.post-thumb a img{border-radius:10px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-moz-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-ms-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-o-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-webkit-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;transition:all 2000ms cubic-bezier(.19,1,.22,1) 0}
.post-thumb a:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);transform:scale(1.15)}
.post-info{margin-left:95px}
.post-info h4{font-size:17px;font-weight:700;line-height:25px;margin-bottom:0}
.post-info h4 a{color:#161c2d}
.post-info h4 a:hover{color:#ff3115}
.post-info p{color:#757575;font-size:12px;margin:0}
.post-info .posts-date{color:#6e727d;font-size:14px}
.post-info p i{color:#73379a;font-size:14px;margin-right:4px}
.category-widget .category-link{list-style:none;padding:0;margin:0}
.category-widget .category-link li{margin-bottom:17px}
.category-widget .category-link li a{color:#2e3842;font-size:15px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;text-transform:capitalize;display:block;position:relative}
.category-widget .category-link li a:after{display:inline-block;position:absolute;right:0;content:"\f105";font-family:"font awesome 5 free";font-weight:900;color:#2e3842}
.category-widget .category-link li:last-child{margin-bottom:0}
.category-widget .categories{list-style:none;margin:0;padding:0}
.category-widget .categories li{margin-bottom:20px}
.category-widget .categories li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.category-widget .categories li a{color:#2e3842;font-size:15px;font-weight:500}
.category-widget .categories li a span{float:right;color:#757575}
.category-widget .categories li a:hover{color:#ff3115}
.category-widget .categories>li>a>i{color:#73379a;font-size:18px;margin-right:10px}
.tags-widget .card-body{padding-bottom:1rem}
.tags{list-style:none;margin:0;overflow:hidden;padding:0}
.tags li{float:left}
.tag{display:inline-block;padding:3px 20px;background-color:#e7e8ea;border-radius:50px;font-size:16px;color:#6e727d;margin:0 10px 10px 0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.tag:hover{background-color:#ff5b37;border-color:#ff5b37;color:#fff}
.social-links ul{list-style:none;padding:0;margin:0}
.social-links ul li{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;display:inline-block;margin-right:15px}
.social-links li a{display:block;color:#606060;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.social-links li a:hover{color:#ff5b37}
.social-share{float:left;list-style:none;margin:0;padding:0}
.social-share>li{display:inline-block;float:left;margin-left:10px;text-align:center}
.social-share>li:first-child{margin-left:0}
.social-share>li>a{border:1px solid #dfdfdf;color:#666;display:inline-block;font-size:22px;height:40px;line-height:40px;width:40px}
.social-share>li>a:hover{background-color:#73379a;color:#fff;border-color:#73379a}
.blog-reply>a{color:#999;font-size:12px;font-weight:500}
.blog-date{color:#999;font-size:12px}
.blog-author-name{color:#161c2d;font-size:22px;font-weight:700;color:#161c2d;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px;font-weight:700}
.proposal-widget .about-author+.about-author{margin-top:20px}
.proposal-widget .about-author-img{border-radius:0;background-color:transparent}
.about-author{border-bottom:1px solid #eaeaea;padding:30px}
.about-author:last-child{border-bottom:0}
.about-author-img{background-color:#fff;height:86px;overflow:hidden;position:absolute;width:86px;border-radius:50%}
.author-details{margin-left:116px}
.author-details .blog-author-name{display:inline-block;margin-bottom:10px}
.author-details h4{font-weight:500;font-size:18px;color:#161c2d;margin-bottom:6px}
.author-details p{font-size:16px;color:#55545b}
.author-details h3{font-weight:500;font-size:24px;color:#f5365c}
.author-details h5{font-weight:400;font-size:14px;color:#f38247}
.author-details .rating{margin-bottom:6px}
.widget-box{padding:30px}
.widget-title-box{padding:30px 30px 0}
.r-0{right:0!important}
.post-author img{border-radius:100%;width:28px;margin-right:7px}
.follow-widget{padding:30px;text-align:center;position:relative}
.profile-group .input-group{background:#fff;border:1px solid #e7e8ea;border-radius:5px;padding:2px}
.profile-group .input-group .form-control{border:transparent}
.profile-group .input-group .input-group-append{margin:5px;align-items:center}
.profile-group .input-group .sub-btn{background:#ff5b37;border-radius:10px}
.sub-title{font-weight:500;font-size:14px;color:#ff5b37}
.budget-info{margin-bottom:20px}
.list-details{display:flex;display:-ms-flexbox;justify-content:space-between;flex-wrap:wrap;list-style:none;padding:0}
.white-circle{background:#fff;border-radius:110px;width:25px;display:inline-block;height:25px;line-height:25px;color:#ff5b37}
.w-80{max-width:80%}
.bg-none{background:0 0;border:0}
.square-box{width:34px;height:34px;line-height:34px;border:1px solid;background:#f8f8f8;border:1px solid #ffe6e0;text-align:center;border-radius:5px}
.reply-group .input-group input{background:#f8f8f8;border:0}
.reply-group .sub-btn{padding:8px 40px;border:0;border-radius:0}
.profile-widget{background-color:#fff;border:1px solid #f0f0f0;border-radius:4px;margin-bottom:30px;position:relative;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;padding:15px}
.profile-widget .rating{color:#757575;font-size:14px;margin-bottom:15px}
.pro-img{position:relative;overflow:hidden;z-index:1;border-radius:4px}
.pro-img img{border-radius:4px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-moz-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-ms-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-o-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;-webkit-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;transition:all 2000ms cubic-bezier(.19,1,.22,1) 0;width:100%}
.pro-img:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);transform:scale(1.15)}
.profile-widget .fav-btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:5px;right:5px;background-color:#fff;width:30px;height:30px;display:-ms-inline-flexbox;display:inline-flex;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;border-radius:3px;color:#2e3842;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0;visibility:hidden;z-index:99}
.profile-widget:hover .fav-btn{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.profile-widget .fav-btn:hover{background-color:#fb1612;color:#fff}
.pro-content{padding:15px 0 0}
.pro-content p:last-child{margin-bottom:0}
.pro-content .title{font-size:17px;font-weight:500;margin-bottom:5px}
.profile-widget .pro-content .title a{display:inline-block}
.profile-widget .verified{color:#28a745;margin-left:3px}
.profile-widget p.speciality{font-size:13px;color:#757575;margin-bottom:5px;min-height:40px}
.available-info{font-size:13px;color:#757575;font-weight:400;list-style:none;padding:0;margin-bottom:15px}
.available-info li+li{margin-top:5px}
.available-info li i{width:22px}
.row.row-sm{margin-left:-3px;margin-right:-3px}
.row.row-sm>div{padding-left:3px;padding-right:3px}
.pro-content .book-btn{background-color:#115241;border:2px solid #115241;color:#fff;font-size:13px;text-align:center;display:block;font-weight:500;padding:6px;border-radius:.25rem}
.book-btn:hover,.book-btn:focus{background-color:#0d5341;border-color:#115241;color:#fff}
.grid-blog .blog-title{font-size:18px;margin:10px 0}
.grid-blog .blog-content p{margin:0 0 15px}
.grid-blog .blog-info{margin-bottom:15px}
.grid-blog .blog-image{margin-bottom:20px}
.blog.grid-blog{padding:20px}
.grid-blog .entry-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:0}
.grid-blog .entry-meta li{margin-bottom:10px}
.grid-blog .entry-meta li:last-child{flex:0 0 100px;max-width:100px}
.grid-blog .post-author{width:189px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.grid-blog .post-author a:hover{color:#ff3115}
.terms-text{margin-bottom:20px}
.terms-text h3{font-weight:600;font-size:20px;line-height:30px;text-transform:uppercase;color:#ff5b37;margin-bottom:25px}
.terms-text h4{font-size:24px;font-weight:500;margin-bottom:20px;color:#000}
.terms-text p{color:#000;display:inline-block;font-size:16px;line-height:30px}
.terms-text ul{padding-left:20px;margin-bottom:25px}
.terms-text ul li{padding-left:5px;color:#000}
.terms-text ul li+li{margin-top:10px}
.terms-text ul li::marker{content:"\f105";font-family:"font awesome 5 free";font-weight:900;left:0;margin-right:5px;position:absolute;top:0;color:#ff5b37}
.list-widget{box-shadow:0 2px 4px rgba(189,189,189,.25)}
.list-widget .card-body{padding:0}
.list-group-item{border:1px solid #ffe6e1}
.list-group-item a{font-size:16px;color:#161c2d}
.list-group-item a:hover{color:#ff5b37}
.list-group-item ul li::marker{content:""}
.list-group-item ul li{padding:.75rem 0}
.list-group-item ul li:last-child{padding:0}
.position-title .sort-by{padding-left:15px}
.bg-bluelight{background:#f5f9ff}
.bg-light{background:#fcfcfc}
.text-rbold{font-weight:700;font-size:24px;color:#ff5b37}
.export-item{font-weight:500;font-size:17px;color:#ff5b37}
.card-list{margin:0;padding:0}
.card-list li{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;padding:10px 0;align-items:center}
.column-5{width:calc(100%/5)}
.tab-btn{display:inline-flex}
.tab-btn .in-btn a{color:#fff}
.tab-btn .out-btn a{color:#161c2d}
.change-btn{background:linear-gradient(113.98deg,#ff5b37 19.08%,#ff5b37 68.11%),#ff5b37;border-radius:10px;font-weight:600;font-size:20px;color:#fff}
.prog-card{background-color:#f4f4f4;padding:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.prog-acc{display:flex;align-items:center;justify-content:space-between}
.prog-acc h5{font-weight:500;font-size:14px;color:#a8a8a8}
.icon-circle{background:#ff5b37;width:29px;height:29px;display:inline-block;line-height:29px;text-align:center;border-radius:50%;color:#fff}
.progress{margin-bottom:25px}
.fund-btn{background:#131135;border-radius:5px;color:#fff;font-weight:700}
.pro-head{border-bottom:1px solid #f8f8f8;padding:20px;display:flex;align-items:center;justify-content:space-between}
.pro-head h2{font-weight:500;font-size:20px;margin-bottom:0}
.pro-body{padding:20px}
.pro-new,.pro-new1,.pro-new2,.pro-new3{display:none}
.pro-text,.pro-text1,.pro-text2,.pro-text3{display:block;line-height:30px}
.dropdown.profile-action{position:absolute;right:5px;text-align:right;top:10px}
.profile-action .dropdown-toggle::after{display:none}
.profile-action .dropdown-menu{background:#fff;border:1px solid #ffe6e0;box-sizing:border-box;box-shadow:0 4px 4px rgba(165,165,165,.25);color:#ff5b37}
.profile-action .dropdown-menu .dropdown-item{color:#ff5b37}
.skill-list-group{padding:20px}
.list-group-item.active{z-index:2;color:#fff;background-color:#ff5b37;border-color:#ff5b37}
.f-7{font-size:7px}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{z-index:2;color:#ff5b37;background-color:#fff7f7;border-color:#fff7f7}
.nav-link{color:#444}
.btn-plan{border-radius:10px}
.plan-feature ul{list-style:none;margin:0;padding:0;outline:none}
.plan-feature ul li{margin-bottom:23px;position:relative;font-size:14px;padding-left:25px}
.plan-feature ul li:last-child{margin-bottom:0}
.plan-feature ul li::before{content:"\f00c";font-family:"font awesome 5 free";font-weight:600;color:#4b9f18;left:0;margin-right:5px;position:absolute;top:0}
.plan-feature a{font-weight:600;font-size:14px;color:#ff5b37}
.on-project{border-bottom:1px solid #f7f7f7;padding:20px}
.on-project h5{font-weight:500;font-size:16px;color:#ff5b37;margin-bottom:5px}
.on-project p{font-weight:500;font-size:12px;color:#948e8e;margin-bottom:10px}
.pro-info .list-details{margin-bottom:0}
.pro-info .slot p{font-weight:500;font-size:12px;color:#161c2d;margin-bottom:5px}
.pro-info .slot h5{font-weight:600;font-size:13px;color:#838383}
.pro-pic{margin-bottom:0}
.pro-pic p{font-weight:500;margin-top:15px;margin-bottom:0}
.btn-list{background:rgba(255,91,55,.1);padding:20px;border-radius:5px}
.small-text{font-size:12px;color:#ff5b37;margin-bottom:0}
.del-modal i{color:#dfdfdf;margin-bottom:35px}
.black-btn{background:#131135;border:1px solid #131135}
.portfolio-img{position:relative;overflow:hidden;z-index:1;border-radius:0}
.portfolio-img .portfolio-live{transition:.5s ease;position:absolute;opacity:0;width:100%;height:100%;top:0;visibility:hidden;z-index:99;color:#fff}
.portfolio-img .portfolio-content{top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;position:absolute}
.portfolio-img:hover .portfolio-live{opacity:1;visibility:visible;background:rgba(255,91,55,.7);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.port-icon{width:34px;height:34px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;background:#fff;border-radius:50%;color:#ff5b37}
.portfolio-detail{text-align:center;padding:30px}
.portfolio-detail .pro-name{font-weight:600;font-size:18px;margin-bottom:0;text-transform:none}
.hire-select .select2-container .select2-selection--single{background:#ff5b37;color:#fff;border-color:#ff5b37}
.hire-select .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff}
.hire-select .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#fff transparent transparent}
.br-0{border-radius:0!important}
.port-title h3{font-size:22px;font-weight:500;margin-bottom:35px}
.prolist-details{display:flex;list-style:none;margin:0;flex-wrap:wrap;display:flex;display:-ms-flexbox;padding:0}
.prolist-details h5{font-weight:400;font-size:16px;margin-bottom:5px;color:#6e727d}
.prolist-details p{font-size:16px;font-weight:500;margin-bottom:0}
.prolist-details li:not(:last-child){margin-right:40px}
.red-text{color:red}
.prolist-details .price{font-size:26px;color:#f5365c;font-weight:500;margin-bottom:0}
.hire-box h6{font-weight:700;font-size:14px;color:#ff5b37}
.hire-box p{font-weight:600;font-size:14px}
@media only screen and (max-width: 500px) {
.profile-box{padding:5px}
}
@media(min-width: 992px) {
.main-nav>li{margin-right:30px}
.main-nav>li:last-child{margin-right:0}
.main-nav li{display:block;position:relative}
.main-nav>li>a{padding:30px 0}
.main-nav>li>a>i{font-size:15px;margin-left:5px}
.main-nav li>ul{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.1);display:block;font-size:14px;left:0;margin:0;min-width:200px;opacity:0;padding:0;position:absolute;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);top:100%;visibility:hidden;z-index:1000}
.main-nav li.has-submenu:hover>.submenu{visibility:visible;opacity:1;margin-top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.main-nav .has-submenu.active .submenu li.active>a{color:#fff;background-color:#ff5b37}
.main-nav>li .submenu li:first-child a{border-top:0}
.main-nav>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu{visibility:visible;opacity:1;margin-top:-1px;margin-right:0}
.main-nav>li .submenu>li .submenu{left:100%;top:0;margin-top:10px}
.main-nav>li .submenu li a:hover{background-color:#ff5b37;color:#fff;border-color:transparent}
.main-nav>.has-submenu>.submenu>.has-submenu>.submenu::before{top:20px;margin-left:-35px;box-shadow:1px 1px 0 0 rgba(0,0,0,.15);border-color:transparent #fff #fff transparent}
.main-nav>li>i{color:#fff;line-height:75px}
.main-nav>li>i:hover{cursor:pointer}
.searchbar{line-height:60px}
.container{max-width:1440px}
}
@media only screen and (max-width: 1399px) {
.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat{max-width:180px}
}
@media only screen and (max-width: 1199.98px) {
.header-nav{padding-left:20px;padding-right:20px}
.header-navbar-rht li.lang-item{display:none}
.main-nav li a{font-size:13px}
.project-content h5{font-size:12px}
.work-content{width:83%}
.work-content h2{font-size:33px}
.footer-title{font-size:19px}
.footer .footer-menu ul li a{font-size:15px}
.agency-content{padding:35px}
.payment-detail{padding:25px}
.payment-detail p{font-size:18px}
.profile-list li{width:calc(100%/3)}
.btn-list{margin-bottom:7px}
.profile-title{font-size:30px}
.follow-posts{width:240px}
.left-content h4{font-size:12px}
.bid-btn,.btn-view-outline{font-size:11px}
.profile-right{display:inline-block}
.profile-right li{margin-right:0}
.job-type h6{font-size:17px}
.amt-hr{font-size:28px}
.bid-btn,.dev-right h6{font-size:13px}
.dev-right p{font-size:15px}
.main-nav>li{margin-right:2px}
.job-category p{font-size:14px}
.stats-detail{padding:18px}
.stats-detail h3,.create-milestone h3{font-size:24px}
.table-borderless.table tbody tr td{font-size:20px}
.dash-widget-info{font-size:17px}
.header-navbar-rht li a{font-size:12px}
.proposals-info{display:block}
.proposals-detail{width:100%}
.project-hire-info{width:100%}
.content-divider-1{display:none}
.projects-details{display:block}
.project-info.project{width:100%}
.project-hire-info.project{width:100%}
.content-divider{display:none}
.proposer-info.project{padding-left:0}
.projects-action.project{padding-left:0}
}
@media only screen and (max-width: 991.98px) {
h1,.h1{font-size:32px}
h2,.h2{font-size:28px}
h3,.h3{font-size:20px}
h4,.h4{font-size:18px}
h5,.h5{font-size:16px}
h6,.h6{font-size:15px}
.banner-content h1{font-size:30px;line-height:39px}
.banner-content p{font-size:19px}
.courses-btn,.get-btn{font-size:15px;padding:14px 28px}
.container{max-width:100%}
.feature-item{padding:30px 10px}
.feature .feature-content h3{font-size:26px}
.feature .feature-content p{font-size:15px}
.myprofile-header h2{font-size:20px}
.bg1,.bg2{background-size:150px}
.setting-tab .nav-link{padding:15px 20px;font-size:16px}
.setting-content .pro-head h2{font-size:22px}
.work-content{width:90%;padding:40px}
.work-content .long-arrow{width:50px;height:50px;line-height:50px;font-size:22px}
.work-content h2{font-size:26px}
.work-content p,.section-header p{font-size:20px}
.all-btn{padding:12px 24px;font-size:16px}
.review-blog{padding:30px}
.review-info h3{font-size:18px}
.review-blog .review-img img{width:100px;height:100px}
.review-blog .review-content p{font-size:15px}
.review-bottom .review-img img{width:50px;height:50px}
.review-bottom .review-info h3{font-size:16px}
.news-content .entry-meta li.name i{font-size:16px}
.news-content .entry-meta li{font-size:14px}
.service-item{padding:25px}
.service-content h5{font-size:17px}
.social-icon ul li a{font-size:13px}
.news-blog{align-items:unset}
.news-blog .d-flex{display:block!important}
.news-content{margin-right:0}
.news-content h2{font-size:16px}
.news-content p{font-size:15px}
.expert,.about,.job-counter{padding:50px 0}
.about .about-img{text-align:center}
.agency-content{width:100%;padding:20px}
.agency-content h2{font-size:20px;margin-bottom:8px;line-height:24px}
.counter h2{font-size:28px}
.counter h4{font-size:18px}
.follow-posts{width:280px}
.payment-detail h2{font-size:32px}
.profile-list li{width:calc(100%/3)}
.profile-title{font-size:28px}
.profile-right,.profile-preword{display:block}
.profile-right li{margin-right:0}
.btn-list{margin-bottom:7px}
.payment-list label{font-size:15px}
.click-btn{font-size:16px;padding:10px 35px}
.left-content h4{font-size:12px}
#accordion .card-header{font-size:17px}
.footer-user{top:92px}
.sidebar-overlay.opened{display:block}
.price-features{margin-top:0}
.column-5{width:calc(100%/3);margin-bottom:20px}
.header.min-header{background-color:#fff4f0}
.main-nav{padding:0;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.main-nav ul{background-color:#ffe7e1;display:none;list-style:none;margin:0;padding-left:0}
.main-nav>li{border-bottom:1px solid #fddbd2;margin-left:0;margin-right:0}
.main-nav li+li{margin-left:0}
.main-nav>li>a{line-height:1.5;padding:15px 20px!important;color:#263238!important;font-size:14px;font-weight:500;background:0 0!important;border-radius:0!important}
.main-nav li a:hover{background:0 0;border-radius:0;line-height:1.5;margin:0}
.main-nav>li>a>i{float:right;margin-top:5px}
.main-nav>li .submenu li a{border-top:0;color:#263238;padding:10px 15px 10px 35px}
.main-nav>li .submenu ul li a{padding:10px 15px 10px 45px}
.main-nav>li .submenu>li.has-submenu>a::after{content:"\f078"}
.main-nav .has-submenu.active>a,.main-nav>li.active>a{color:#ff5b37!important}
.main-nav .has-submenu.active .submenu li.active>a{color:#ff5b37}
.login-left{display:none}
.searchbar{display:none}
.main-menu-wrapper{order:3;width:260px;position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;z-index:1060;transform:translateX(-260px);transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;background-color:#fff4f0}
.menu-header{display:-webkit-box;display:-ms-flexbox;display:flex}
.navbar-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
#mobile_btn{display:inline-block}
.main-nav>li.active>a:before{display:none}
.main-nav .log-select{display:none}
.services,.projects,.subscribe,.developer,.review,.news{padding:40px 0}
.footer-top{padding:60px 0 0}
.footer-widget{margin-bottom:25px}
.transaction-table .head-title{font-size:24px}
.price-features .header-price h3{font-size:28px}
.change-btn,.plan-btn,.pay-btn{font-size:16px}
.table-borderless.table tbody tr td{font-size:18px}
.stone-btn{font-size:15px;padding:15px 25px}
.position-title h3{margin-bottom:10px!important}
.position-title .sort-by{float:left;padding:0 15px 0 0}
.stats-content{display:block}
.stats-detail{width:100%;margin-bottom:10px}
.chat-cont-left,.chat-cont-right{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;transition:left .3s ease-in-out 0s,right .3s ease-in-out 0;width:100%}
.chat-cont-left{border-right:0}
.chat-cont-right{position:absolute;right:-100%;top:0;opacity:0;visibility:hidden}
.chat-cont-right .chat-header{justify-content:start;-webkit-justify-content:start;-ms-flex-pack:start}
.chat-cont-right .chat-header .back-user-list{display:block}
.chat-cont-right .chat-header .chat-options{margin-left:auto}
.chat-window.chat-slide .chat-cont-left{left:-106%}
.chat-window.chat-slide .chat-cont-right{right:0;opacity:1;visibility:visible}
.plan-details h4{font-size:24px}
.pro-head h2{font-size:18px}
.earn-info p{font-size:15px}
.breadcrumb-bar .breadcrumb-title{font-size:28px}
.projects-details{display:block}
.project-info{width:100%}
.content-divider{display:none}
.content-divider-1{display:none}
.projects-amount{width:50%;text-align:left}
.projects-action{width:50%;padding-left:0;text-align:right!important}
.project-hire-info{display:flex;align-items:center;margin-top:20px}
.projects-btn{margin:0 0 10px auto;margin:0 0 10px auto}
.prj-proposal-count.hired{top:0;-ms-transform:translateY(0%);transform:translateY(0%)}
.prj-proposal-count{top:0;-ms-transform:translateY(0);transform:translateY(0)}
.projects-card{margin-bottom:15px}
.projects-btn{width:120px}
.projects-btn.project{margin:0 0 10px auto}
.projects-list h2{font-size:24px}
.banner-content .sub-btn,.banner-content .form-control,.banner-content .select2-container .select2-selection--single .select2-selection__rendered{font-size:15px}
.bookmark{margin-bottom:0}
.chat-page .content{padding-top:80px}
.dashboard-page .content{padding-top:120px}
.dashboard-page .content>.container-fluid,.header-nav{padding-left:15px;padding-right:15px}
.header-title{font-size:26px}
.table-responsive{white-space:nowrap}
}
@media only screen and (max-width: 767.98px) {
body{font-size:14px}
h1,.h1{font-size:28px}
h2,.h2{font-size:26px}
h3,.h3{font-size:20px}
h4,.h4{font-size:18px}
h5,.h5{font-size:15px}
h6,.h6{font-size:16px}
.banner-content{padding:80px 0}
.banner-content h1{font-size:23px;line-height:29px}
.banner-content p{font-size:18px;line-height:20px}
.banner-img{display:none}
.courses-btn,.get-btn{font-size:14px;padding:12px 24px}
.work-content{width:90%}
.bg1,.bg2{background-size:150px}
.work-content .long-arrow{width:50px;height:50px;line-height:50px;font-size:20px}
.work-content h2{font-size:25px}
.work-content p{font-size:22px}
.services{padding:60px 0}
.projects{padding:60px 0}
.all-btn{padding:12px 26px;font-size:14px}
.news-blog{margin-bottom:20px}
.client-img{margin-bottom:20px}
.social-icon ul li a{font-size:12px;margin-right:1px;line-height:18px}
.about-content h2{font-size:24px}
.about{padding:40px 0}
.about .about-img{text-align:center}
.agency-content{width:100%;padding:33px}
.job-counter .counter{margin-bottom:20px}
.counter h2{font-size:26px}
.counter h4{font-size:16px}
.expert{padding:40px 0}
.profile-list .proj-title{font-size:14px}
.provider-widget{-ms-flex-direction:column;flex-direction:column;text-align:center}
.pro-info-right{margin-left:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.pro-info-left{-ms-flex-direction:column;flex-direction:column}
.profile-box .pro-info-right{margin-left:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.camera-bg{bottom:0}
.bottom-text{position:relative}
.profile-title{font-size:18px}
.profile-preword,.profile-right{text-align:center;display:block}
.profile-inf{text-align:center}
.profile-list li{width:calc(100%/3)}
.provider-img{margin:0 auto 20px}
.provider-action{justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center}
.submit-section .submit-btn{padding:12px 22px;font-size:13px}
.management-widget .profile-btn{padding:12px 0;font-size:14px}
.pro-title,.billing .card-header p,.payment-list label,.transaction h5{font-size:16px}
.bookmark-btn,.share-icon,.click-btn{font-size:17px}
.profile-list li{font-size:15px;padding:15px 0}
.payment-detail{padding:20px}
.payment-detail h2{font-size:25px}
.payment-detail p{font-size:15px}
#accordion .card-header{font-size:16px}
.footer{background:#1c193c;overflow:inherit}
.footer-top{padding:50px 0 40px}
.footer-user{top:0}
.job-category p{font-size:15px}
.login-header h3{font-size:21px}
.login-btn{font-size:17px}
.settings-widget{margin-bottom:25px}
.earn-info{margin-bottom:15px}
.column-5{width:calc(100%/2)}
.news-content .entry-meta li.name img{width:30px;height:30px}
.nav-tabs{border-bottom:0;position:relative;background-color:#fff;padding:5px 0;border:1px solid #ddd;border-radius:3px}
.nav-tabs.nav-justified{border-bottom:1px solid #ddd}
.user-tabs .nav-tabs.nav-tabs-bottom>li>a.active,.user-tabs .nav-tabs.nav-tabs-bottom>li>a.active:hover,.user-tabs .nav-tabs.nav-tabs-bottom>li>a.active:focus{border-left-width:2px;color:#ff508b}
.nav-tabs.nav-tabs-bottom>li>a.active,.nav-tabs.nav-tabs-bottom>li>a.active:hover,.nav-tabs.nav-tabs-bottom>li>a.active:focus{background-color:#f5f5f5}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active,.nav-tabs>li>a.active,.nav-tabs>li>a.active:hover,.nav-tabs>li>a.active:focus{border-color:transparent transparent transparent #ff508b !important;border-left-width:2px}
.user-tabs .nav-tabs .nav-item,.provider-tabs .nav-tabs .nav-item{-ms-flex:0 0 100%;flex:0 0 100%}
.nav-tabs .nav-item{margin-bottom:0}
.copyright-text{padding-bottom:5px}
.right-text,.center-text{text-align:left}
.left-content h4{font-size:13px}
.transaction-table .head-title{font-size:22px}
.plan-top i{font-size:30px}
.change-btn,.plan-btn{font-size:18px}
.price-features .header-price h3{font-size:26px}
.price-features li{font-size:15px}
.stone-btn{font-size:14px;padding:12px 14px}
.transaction-table .sort-title,.sort-title{font-size:14px}
.transaction-table .sortby-fliter{width:110px}
.wallet,.payment-process,.wallet-detail{margin-bottom:0}
.profit-title h3{font-size:24px;margin-bottom:15px}
.profit-title{padding:15px 20px}
.stats-detail{width:50%}
.stats-content{display:flex}
.table-borderless.table tbody tr td,.portfolio-detail .pro-name{font-size:16px}
.finance-statement{margin-bottom:25px;height:auto}
.profit-right .sort-by{margin-top:10px}
.user-tabs ul li+li{margin-left:0}
.projects-list h2,.page-title h3,.earn-feature .price,.freelance-title h3{font-size:22px}
.prolist-details p,.prolist-details h5{font-size:15px}
.project-table h3{font-size:20px}
.yr-amt,.freelance-title p{font-size:15px}
.plan-details h3,.member-detail h3{font-size:25px}
.package-feature ul li{font-size:14px}
.package-detail .package-price,.member-detail h4{font-size:24px}
.port-title h3,.modal-title{font-size:18px}
.modal label{font-size:15px}
.header-navbar-rht li{margin-right:20px}
.inner-banner{padding:30px 0}
.transaction-shortby .sort-show{padding:5px}
.projects-action .projects-btn~.projects-btn{margin:10px 0 0}
.header-title{font-size:24px}
.subscribe h3{font-size:28px}
}
@media only screen and (max-width: 575.98px) {
h1,.h1{font-size:26px}
h2,.h2{font-size:22px}
h3,.h3{font-size:18px}
h4,.h4{font-size:16px}
h5,.h5{font-size:15px}
h6,.h6{font-size:12px}
.section-header{margin-bottom:35px}
.section-header p{font-size:16px;line-height:24px}
.section-header h5{font-size:18px}
.developer .section-header,.review .section-header{margin-bottom:55px}
.banner-content{padding:50px 0}
.banner-content .rating .checked,.banner-content h5{font-size:12px}
.banner-content h1{font-size:23px;margin:6px 0}
.banner-content p{font-size:16px;line-height:20px;margin-bottom:20px}
.feature .feature-content h3{font-size:22px}
.feature-item{margin-bottom:25px}
.work-content .long-arrow{width:40px;height:40px;line-height:40px;font-size:19px}
.work-content h2{font-size:22px}
.work-content p{font-size:16px}
.services,.projects,.subscribe,.developer,.review,.news{padding:40px 0}
.all-btn{padding:10px 22px;font-size:12px}
.services-item .content-part h3{font-size:16px}
.services-item .content-part h4{font-size:15px}
.services-item .img-part img{height:auto}
.courses-btn,.get-btn{font-size:13px;padding:10px 20px}
.btn-view{font-size:16px}
.social-icon ul li a{font-size:12px}
.breadcrumb-bar .breadcrumb-title{font-size:25px}
.terms-text h4{font-size:20px}
.review-blog{padding:25px}
.review-content h4{font-size:18px}
.header-nav{padding-left:15px;padding-right:15px}
.header-navbar-rht{display:none}
.main-nav li.login-link{display:block}
.navbar-header{width:100%}
.navbar-brand.logo{width:100%;text-align:center;margin-right:0}
#mobile_btn{margin-right:0}
.profile-detail .clg .icon{margin-right:7px}
.review-blog .review-img img{width:80px;height:80px;margin-right:9px}
.review-bottom .review-img img{width:50px;height:50px;margin-right:5px}
.review-icon img{max-width:42px}
.review-bottom .review-info h3{font-size:16px}
.review-info h3{font-size:18px}
.review-info h5{font-size:14px;margin-bottom:5px}
.review-blog .review-content p{font-size:15px}
.news .d-flex{display:block!important}
.news-content{margin-right:0}
.news-content h2{font-size:16px}
.news-content p{font-size:15px}
.client-img{margin-bottom:30px}
.expert h2{font-size:22px}
.blog-view .blog-title{font-size:18px}
.blog-comments .comments-list li{padding:10px 0 0 50px}
.profile-list li{width:calc(100%/2)}
.profile-list .proj-title{font-size:12px}
.pro-title,.billing .card-header p,.payment-list label,.transaction h5{font-size:15px}
.about-widget ul li p,.about-widget ul li h6,.latest-posts li a{font-size:14px}
.left-content p,.pro-content .left-content p,.dev-right h6{font-size:10px}
.management-widget .profile-btn{padding:10px 0;font-size:12px}
.follow-posts{width:235px}
.client-list{padding:10px 7px}
.pro-content p{font-size:14px}
.client-list h6{font-size:20px}
.attach-detail p{font-size:12px}
.about-author-img{width:50px;height:50px}
.author-details{margin-left:65px}
.btn-list{margin-bottom:7px}
.left .left-img::before{width:15px;height:15px;font-size:9px}
.bookmark-btn,.share-icon,.click-btn{font-size:15px}
.follow-posts li{border-right:0}
.follow-btn{font-size:15px}
.login-header h3{font-size:19px}
.login-btn{font-size:16px}
.title h3{font-size:17px}
.next-btn,.cancel-btn{font-size:13px;padding:11px 50px}
.left-content h4{font-size:12px}
.submit-section .submit-btn{padding:10px 20px;font-size:12px}
.pro-widget-profile .dev-text .left.left-bid{margin-top:-20px}
.bid-btn{font-size:12px}
.column-5{width:100%}
.footer-top{padding:50px 0 7px;margin-top:20px}
.position-title h3,.quick-title h3{margin-bottom:10px!important}
.align-right{text-align:left}
.profit-title h3,.stats-detail h3,.create-milestone h3,.pay-table .head-title{font-size:22px}
.position-title .sort-by,.manage-tab .stone-btn{margin-bottom:10px}
.manage-tab .btn-group{float:left}
.milestone-content .profile-group{width:auto}
.category-box .category-img{padding:7px}
.chat-cont-left .nav-link{font-size:10px;padding:9px}
.plan-details a,.pro-info .list-details .slot{margin-bottom:15px}
.banner-content .select2-container .select2-selection--single .select2-selection__rendered{font-size:16px}
.banner-content .form-inner{border-radius:30px}
.banner-content .input-group-prepend,.drop-detail,.banner-content .input-group-append{width:100%}
.banner-content .form-control{width:100%;font-size:15px}
.banner-content .sub-btn{-ms-flex:0 0 100%;flex:0 0 100%;height:45px;font-size:14px;width:100%}
.banner-content .select2-container{border:0}
.proposals-content{display:block}
.proposal-img{margin-bottom:15px}
.proposal-client{margin-bottom:15px}
.title-info{font-size:14px}
.client-price{font-size:22px}
.project-hire-info{display:block}
.proposer-info.project{width:100%}
.projects-action.project{width:100%;text-align:left!important}
.projects-btn.project{margin:10px 0}
.proposal-client{margin-right:0}
.amnt-type{padding-top:2px;font-size:13px}
.proposer-detail li{padding-left:0;border-right:0}
.project-info h2{font-size:18px}
.client-price{font-size:18px}
.card-body{padding:.85rem}
.projects-btn{margin:10px 0 0}
.completed-badge{margin-top:10px}
.projects-action{text-align:left!important}
.proposal-delete{padding-top:10px}
.page-title h3{font-size:22px;margin-bottom:20px}
.card-top .dev-text{padding:10px}
}
@media only screen and (max-width: 479px) {
.card-top .dev-text{padding:5px}
.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat{max-width:160px}
.section-features,.section-features,.section-specialities{background-color:#fff;padding:30px 0}
.login-header h3 a{color:#0de0fe;float:none;font-size:15px;margin-top:10px;text-align:center;display:block}
.login-header h3{text-align:center}
.user-tabs .nav-tabs .nav-item{-ms-flex:0 0 100%;flex:0 0 100%}
.fc-header-toolbar .fc-left{margin-bottom:10px}
.fc-header-toolbar .fc-right{margin-bottom:10px}
.pro-widget-profile .dev-text .left img{width:40px}
.left-content h4{font-size:11px}
.pro-widget-profile .dev-text .left .left-content{margin-left:45px}
.proposal-widget .custom_check{align-items:baseline}
.prolist-details li:first-child{margin-bottom:10px}
.submit-section .click-btn{margin-bottom:5px}
.bid-btn{font-size:10px}
.star{font-size:10px;width:25px;height:25px;line-height:25px}
.dev-right p{font-size:13px}
.submit-section .submit-btn+.submit-btn{margin-left:8px}
.submit-section .submit-btn{min-width:112px}
.paginations li{padding-right:15px}
.pro-head{display:block}
}

.progress .title {border-bottom: none;padding: 0;}

.paket-detay-card{border-left: 3px solid #0068bf;margin-bottom: 0;height: 100%;}
.paket-detay-card h4{color: #0068bf;font-size: 16px;}
.paket-detay-card p{font-weight: 500;font-size: 13px;}
.paket-detay-card .card-body{padding: 1rem 0.5rem;}
.paket-detay-card .mini-row{display: flex;align-items: center;justify-content: space-between;margin-bottom: 6px;padding: 0 10px;border-radius: 20px;}
.paket-detay-card .mini-row:nth-child(even){background: #e7e7e7;}
.paket-detay-card .mini-row:nth-child(odd){background: #d1d1d1;}

.paket-detay-row {display: flex;align-items: center;justify-content: space-between;margin-bottom: 5px;}
.paket-detay-row div:first-child {flex: 2;}
.paket-detay-row div:last-child  {flex: 1;}
 
.pagination-blok .nav-item a {color:#008cff;border-radius: 3px;}
.pagination-blok .nav-item a.active, .pagination-blok .nav-item a:hover {color:#fff}

.detail-title .collapse-buton {display: flex;width: 100%;}
.detail-title .collapse-buton::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.detail-title .collapse-buton:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(180deg);
}


.cutsom-checkbox-row input[type="checkbox"],.cutsom-checkbox-row input[type="radio"]{margin:0;opacity:0;width:0;height:0}
.cutsom-checkbox-row{position:relative;display:flex}
.cutsom-checkbox-row input[type="checkbox"]+label::after,.cutsom-checkbox-row input[type="radio"]+label::after{transform:scale(2);opacity:0;content:"";transform:scale(0);transition:.3s linear all}
.panel-body .list{overflow-x:hidden;max-height:200px;position:relative}
.cutsom-checkbox-row input[type="checkbox"]+label,.cutsom-checkbox-row input[type="radio"]+label{padding:2px 0 3px 25px;position:relative;color:#334e6f;opacity:1;line-break:auto;font-size:14px;margin-bottom:0;cursor:pointer;font-weight:500;line-height: 25px;}
.cutsom-checkbox-row input[type="checkbox"]+label span,.cutsom-checkbox-row input[type="radio"]+label span{opacity: .7;}
.cutsom-checkbox-row input[type="checkbox"]+label:before,.cutsom-checkbox-row input[type="radio"]+label:before{content:' ';width:16px;height:16px;position:absolute;top:6px;left:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath d='m429.0625 0h-346.125c-45.804688 0-82.9375 37.132812-82.9375 82.9375v346.125c0 45.804688 37.132812 82.9375 82.9375 82.9375h346.125c45.804688 0 82.9375-37.132812 82.9375-82.9375v-346.125c0-45.804688-37.132812-82.9375-82.9375-82.9375zm0 0' fill='%23ddd'/%3E%3C/svg%3E")}
.cutsom-checkbox-row input[type="checkbox"]:checked+label:before,.cutsom-checkbox-row input[type="radio"]:checked+label:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath d='m429.0625 0h-346.125c-45.804688 0-82.9375 37.132812-82.9375 82.9375v346.125c0 45.804688 37.132812 82.9375 82.9375 82.9375h346.125c45.804688 0 82.9375-37.132812 82.9375-82.9375v-346.125c0-45.804688-37.132812-82.9375-82.9375-82.9375zm0 0' fill='%230068bf'/%3E%3Cpath d='m286.507812 0h-203.570312c-45.804688 0-82.9375 37.132812-82.9375 82.9375v346.125c0 45.804688 37.132812 82.9375 82.9375 82.9375h106.796875c-84.058594-100.804688-52.410156-287.089844 11.078125-359.761719 61.308594-70.171875 80.023438-126.339843 85.695312-152.238281zm0 0' fill='%230068bf'/%3E%3Cpath d='m233.472656 382.277344c-10.515625 0-20.660156-4.023438-28.328125-11.285156l-107.894531-102.136719c-16.527344-15.644531-17.242188-41.726563-1.597656-58.253907 15.644531-16.527343 41.722656-17.246093 58.253906-1.597656l77.191406 73.070313 124.679688-138.691407c15.214844-16.925781 41.269531-18.308593 58.195312-3.097656 16.921875 15.214844 18.308594 41.269532 3.09375 58.195313l-152.949218 170.136719c-7.429688 8.261718-17.878907 13.175781-28.984376 13.625-.554687.023437-1.109374.035156-1.660156.035156zm0 0' fill='%23fff'/%3E%3C/svg%3E")}
.cutsom-checkbox-row:hover{background:#ececec;border-radius:2px}
.cutsom-checkbox-row.no-hover:hover{background:transparent;}