body {
	font-family: 'Roboto', sans-serif;
}

.row {
	width: 100%;
}

.container-fluid.no-gutters {
	margin-right: 0;
	margin-left: 0;
	padding-right: 11vw;
	padding-left: 11vw;
}

.container-fluid.no-gutters>[class^="col-"],
.container-fluid.no-gutters>[class*=" col-"] {
	padding-right: 11vw;
	padding-left: 11vw;
}

.bckgrnd-gray {
	background-color: #efeae4;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #ff5a39;
	border: 0px solid #aaa;
	border-radius: 0px;
	color: white;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	margin-top: 0px;
	margin-bottom: 1rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: white;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	min-height: 2.3rem;
	padding-bottom: 0.5rem;
	padding-top: 1.5rem;
}

h1 {
	text-transform: uppercase;
	font-size: 5em;
	line-height: 5rem;
	color: #004f79;
}

.text-center {
	text-align: center;
}

h2 {
	font-size: 1.6em;
	color: #004f79!important;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 10px;
}

p {
	color: #004f79;
}

.skill-orange p {
	color: white;
}

.p3 {
	font-size: 1em;
	color: #5f9500;
	text-transform: uppercase;
	font-weight: 700;
}

.btn-round {
	border-radius: 20px;
}

.blue-transp-btn {
	background-color: transparent;
	color: #004f79;
	border: 2px solid #004f79!important;
}

.orange-btn {
	background-color: #ff5a39;
	color: #fff;
	border: 2px solid #ff5a39!important;
}

.navbar-brand {
	padding-bottom: 0px;
	padding-top: 0px;
	min-height: 4rem;
}

.nav-b-border {
	border-bottom: 2px solid #004f79;
	margin: 0;
}

.dash-nav-row {
	padding-left: 11vw;
	padding-right: 11vw;
	padding-top: 12px;
	max-height: 65px;
}

.dash-logo {
	height: 35px;
	width: auto;
}

label {
	margin-bottom: 0px;
}

.custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: 2.25rem;
	padding: .375rem .75rem;
	line-height: 1.5;
	color: #495057;
	content: "Upload";
	background-color: transparent;
	border: 2px solid #004f79;
	border-radius: 20px;
}

.custom-file-label-2::after {
	border: 2px solid #004f79;
	background-color: transparent;
	color: #004f79;
	font-size: 0.8rem;
	content: var(--content-var);
	padding: 0rem 1rem 0rem 1rem;
	border-radius: 20px;
	cursor: pointer;
	right: initial;
	top: auto;
	left: auto;
	bottom: auto;
	height: auto;
	position: relative;
	display: inline-flex;
	float: left;
}

.custom-file-label-avatar::after {
	content: "Upload picture";
	border: 0px solid #004f79;
	background-color: #004f79;
	color: white;
	font-size: 1rem;
	padding: 0.3rem 1rem 0.3rem 1rem;
	border-radius: 20px;
	cursor: pointer;
	right: initial;
	top: auto;
	left: auto;
	bottom: auto;
	height: auto;
	position: relative;
}

textarea {
	resize: none
}

.price {
	font-size: 3.5rem;
	line-height: 2rem;
}

h5 {
	font-weight: 700;
	padding: 1rem 0;
	color: #004f79;
}

h {
	color: #004f79;
}

.h6 {
	font-weight: 700;
	background-color: #004f79;
	color: white;
	text-transform: uppercase;
	font-size: 4rem;
	padding: 0px 30px 0px 30px;
	margin-left: -30px;
	line-height: 7rem;
}

p {
	color: #004f79;
	margin-bottom: 0px;
}

.font-1 {
	font-size: 1rem;
}

.font-2 {
	font-size: 2rem;
}

.color-blue {
	color: #004f79;
}

.card {
	border-radius: 20px;
	border: 0px;
	margin-left: 5vw;
	margin-right: 5vw;
	background-color: #efeae4;
}

.skill-orange {
	color: #fff;
	background: #ff5a39;
	border: 0px;
	border-radius: 20px;
	display: inline;
	padding: 5 10 5 10;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	margin-bottom: 0.2rem;
	font-size: 0.8rem;
}

.skill-orange>i {
	font-size: 1rem;
}

.price-label {
	height: 11rem;
}

.price-tag-lift {
	display: block;
	top: -4rem;
	position: relative;
}

.open {
	background-color: #408951; /* greem */
}

.done {
	background-color: #efeae4;
}

.bg-primary {
	background-color: #004f79!important;
}

.bg-secondary {
	background-color: #efeae4!important;
}

.bg-orange {
	background-color: #ff5a39;
}

.bg-green {
	background-color: #5f9500;
}

.round-corner {
	border-radius: 20px;
	border: 0px;
}

.list-group-item {
	position: relative;
	display: block;
	padding: .5rem 0rem;
	margin-bottom: -1px;
	background-color: transparent;
	border: none;
	list-style-type: circle;
}

ul {
	padding-left: 0.75rem!important;
}

.nav-link {
	color: #004f79;
}

.h-0 {
	height: 0vw;
}

.h-8 {
	min-height: 80vh;
}

.sub-menu {
	position: fixed;
	background-color: #0d5880;
	min-height: 90vh;
	opacity: 0;
	z-index: 999;
	min-width: 0vw;
	overflow: hidden;
}

.h3 {
	color: #ff5a39;
	font-size: 1.7rem!important;
}

.orange-text>h3 {
	font-size: 3.5rem;
}

.card-selector {
	-webkit-box-shadow: 0px 0px 2px 30px rgba(255, 90, 57, 1);
	-moz-box-shadow: 0px 0px 2px 30px rgba(255, 90, 57, 1);
	box-shadow: 0px 0px 2px 30px rgba(255, 90, 57, 1);
}

.sticky-top {
	z-index: 990!important;
	padding: 0;
}

.LogInToggler {
	background: rgba(255, 255, 255, 0.2);
	position: fixed;
	top: 0px;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	display: none;
	z-index: 500;
	padding-top: 7vh;
	z-index: 1000;
}

.SignUpToggler {
	background: rgba(255, 255, 255, 0.2);
	position: fixed;
	top: 0px;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	display: none;
	z-index: 500;
	padding-top: 7vh;
	z-index: 1000;
}

.ForgotPwToggler {
	background: rgba(255, 255, 255, 0.2);
	position: fixed;
	top: 0px;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	display: none;
	z-index: 500;
	padding-top: 7vh;
	z-index: 1000;
}

.Myform-control {
	display: block;
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color 2s ease-in-out, box-shadow 2s ease-in-out;
	min-height: 2.6rem;
}

.ForgotPW {
	cursor: pointer;
}

.green-text {
	color: #5f9500!important;
}

.signUpWhite {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: white;
	opacity: 0;
	z-index: 990;
}

.signUpCanvas {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 995;
	opacity: 0;
}

.status>p {
	font-size: 1.5rem;
}

a,
i,
.cancel:hover {
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	color:#ff5a39;
}

hr {
	border-color: #004f79;
}

.closer {
	background-color: #fff;
	display: block;
	position: relative;
}

.submit {
	background-color: transparent!important;
	border-color: white!important;
	color: #004f79!important;
}

.btn {
	border: 1.5px solid transparent;	
}

.btn.btn-round{
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.53);
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.53);
}

.btn.btn-round:focus, .btn.btn-round:hover {
    -webkit-box-shadow: 0px 0px 22px 1px rgb(0 0 0 / 41%);
    -moz-box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.41);
    box-shadow: 0px 0px 22px 1px rgb(0 0 0 / 41%);
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #004f79!important;
}

.dash-btn {
	margin-top: 2.5rem;
}

.main-logo {
	height: 3rem;
	width: auto;
	margin-top: 0.5vw;
}

.form-control {
	border-radius: 0px;
	border: 0px;
	/* border-bottom: 2px solid #EFEAE4; */
	height: 2rem;
	background-color: #efeae3;
	color: #004f79;
}

.acc-form label{
	line-height: 40px;
	padding:0;
}

.custom-control-label {
    margin-left: 22px;
}

.logInWindow {
	min-height: 60vh;
	min-width: 33.3vw;
	border-radius: 30px;
}

.signUpWindow {
	min-width: 33.3vw;
	border-radius: 15px;
}

.rot45 {
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Safari */
	transform: rotate(45deg);
}

.myShadow {
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
}

.overflow {
	overflow: hidden;
}

a {
	display: inline;
}

.alert {
	border: 1px solid #ff5a39;
}

.alert::placeholder {
	color: #ff5a39;
	font-size: 0.8rem;
}

.form::placeholder {
	color: #004F79;
	font-size: 1.2rem;
}

.active>p {
	font-weight: 700;
	letter-spacing: 0.05rem;
	padding-bottom: 20px;
	border-bottom: 5px solid #ff5a39;
	display: inline;
}

.notification {
	background-color: #ff5a39;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-image: url('../dash-img/noti-env.png');
	background-repeat: no-repeat;
	background-position: center;
}

.account-notification {
	background-color: #ff5a39;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	position: absolute;
	top: -6px;
	left: -3px;
}

.avatar {
	background-repeat: no-repeat;
	background-position: center;
	height: 74px;
	width: 74px;
	position: relative;
	z-index: 3;
}


/*.avatar img{
    border-radius: 50%;
    border: 3px solid #004f79;
}*/

.avatar-lg {
	background-image: url('../dash-img/avatar.png');
	background-repeat: no-repeat;
	background-position: center!important;
	height: 120px;
	width: 120px;
	border: 2px solid #004f79;
	border-radius: 50%;
	z-index: 1;
	background-size: 120px 120px;
}

.avatar .avatar-lg {
	width: 70px;
	height: 70px;
}

.category-title {
	border-left: 2px solid #0d5880;
	margin-left: -15px;
	color: #0d5880;
	font-weight: 700;
}

.category-description {
	color: #0d5880;
	font-weight: 400;
	line-height: 1.5;
	padding-left: 0px;
	padding-top: 1rem;
}

.featured {
	color: #ff5a39;
	padding-left: 30px;
	font-weight: 700;
}

.blue-bckgrnd {
	background-color: #0d5880;
}

.action-cancel-job.blue-bckgrnd {
	background-color: red;
}

.blue-p {
	color: #0d5880;
}

.work-box {
	border: 1px solid #0d5880;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-left: 3px solid #0d5880;
	background: #fff;
}

.bt-blue-2 {
	border-top: 2px solid #0d5880;
}

.bl-blue-1 {
	border-left: 1px solid #0d5880;
}

.orange-p {
	color: #ff5a39!important;
	padding-top: 1rem;
}

.orange-text {
	color: #ff5a39;
}

.dot {
	background-color: #ff5a39;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	margin-right: 10px;
}

.imac {
	width: 110%;
	height: auto;
	left: -10vw;
	margin-top: -9vw;
	v
}

.acco-bg {
	background-image: url('../dash-img/profile_people.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 70% auto;
}

.arrows {
	background-image: url('../img/ico_arrows.png');
	background-repeat: no-repeat;
	background-position: 45% 80%;
	background-size: 65% auto;
}

.arrow-SM {
	background-image: url('../img/ico_arrows_rot.png');
	background-repeat: no-repeat;
	background-position: 50% 40%;
	background-size: 45% auto;
}

.pr-6 {
	padding-right: 5.5rem;
}

.pt-2_3 {
	padding-top: 2.3rem!important;
}

.pt-6 {
	margin-top: 4rem;
}

.table td,
.table {
	padding: 0rem;
	color: #9CD1ED;
}

.table th {
	padding-left: 0rem;
}

.lh-half {
	line-height: 0.5rem;
}

.acc-sub {
	color: #004f79;
	cursor: pointer;
	font-weight: 700;
}

.acc-sub-bottom-border {
	border-bottom: 2px solid #004f79;
}

.acc-sub h4 {
	font-weight: 700;
}

.acc-active {
	border-left: 0.5rem solid #ff5a39;
	padding-left: 0.5rem!important;
}

.add-more {
	cursor: pointer;
}

.delete-more {
	cursor: pointer;
}

.text-primary {
	color: #004f79!important;
}

.acc-sub-arrow {
	border-right: 1px solid #004f79;
	border-top: 1px solid #004f79;
	transform: rotate(45deg);
	height: 1vh;
	width: 1vh;
	float: right;
}

.membership {
	font-size: 0.8rem;
	line-height: 1rem;
}

.round-bottom {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.acc-form h4 {
	font-weight: 700;
	color: #004f79;
	font-size: 1.6rem;
	margin-bottom: 0px;
}

.bio {
	width: 100%;
	border:0;
	color:#004f79;
}

.custom-checkbox .custom-control-label::before {
	border-radius: 50%;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background-image: none;
	background-color: #ff5a39;
	border-radius: 50%;
	width: 0.5rem;
	height: 0.5rem;
	top: 0.5rem;
	left: -1.25rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: transparent;
	border: 1px solid #004f79;
	border-radius: 50%;
}

.custom-checkbox .custom-control-label::before {
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid #004f79;
}

.form-control {
	padding: 0px 0px 0px 0px;
	/* padding-bottom: 1rem; */
	min-height: 2.6rem;
}

//*HWZ input*//
.hwz-form-file-block {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
}

.hwz-form-input-block {
	display: flex;
	flex-grow: 1;
	height: 37px;
}

.hwz-form-file-block input[type=file] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	margin: 0;
	padding: 0;
}

.avatar .hwz-form-file-block input[type=file] {
	width: 70px;
	height: 70px;
	z-index: 2;
	cursor: pointer;
}

.hwz-form-input-block input,
.hwz-form-input-block textarea,
.hwz-form-input-block select {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 0;
	font-size: 14px;
	line-height: 1.5em;
	padding: 0.5em;
	transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
	box-sizing: border-box;
	flex: 1;
}

.hwz-form-file-block .hwz-form-file-select {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 1rem;
	color: #004f79;
	cursor: pointer;
	background-color: transparent;
	border: 2px solid #004f79;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 0em 1.5em;
	line-height: 1em;
}

.hwz-form-file-block .hwz-form-file-selected {
	display: flex;
	align-items: center;
	padding: 0 10px;
	font-size: 14px;
	font-style: italic;
}

label h4 {
	margin-bottom: 1rem!important;
}

.rounded-right-corner {
	border-radius: 0px 20px 20px 0px;
	-moz-border-radius: 0px 20px 20px 0px;
	-webkit-border-radius: 0px 20px 20px 0px;
	border: 0px solid #000000;
}

.work-section-short-details {
	border-top: 2px solid #004f79;
}

.block {
	display: block;
}

.how-it-works h5 {
	font-size: 1rem;
}

.index-prices table {
	border-spacing: 2px;
	border-collapse: separate;
}

.index-prices table td {
	border: 0;
}

.index-prices td p {
	line-height: 1.5
}

#staticPages h1 {
	font-size: 3em;
}

#footerlinks a {
	color: #9cd1ed;
}

#footerlinks a:hover {
	color: #fff;
}

.tooltip.show {
	opacity: 1;
}

.tooltip-inner {
	width: auto;
	max-width: 400px;
	background: #efeae4;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	color: #004f79;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
	border-top-color: #004f79;
}

.message-list>div {
	cursor: pointer;
}

.mail-notification,
.haveNewNotification{
	right: 20px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background: #ff5a39;
    position: absolute;
	font-size:10px;
	text-align:center;
	color:#fff;
}


.mails-notification{
	background:url('../img-src/message-icon-nobg.png') 0 0 no-repeat;
	display:inline-block;
	height:27px;
	width:25px;
	border-radius:0;
	float:left;
	margin-top: 5px;
}

.mails-notification a{
	width:100%;
	height:20px;
	display:inline-block;
}

.feedback-notification{
	background:url('../img-src/bell-icon.png') 0 0 no-repeat;
	display:inline-block;
	height:27px;
	width:25px;
	float:left;
}

.notification-separator{
	display:inline-block;
	height:27px;
	width:1px;
	border-radius:0;
	float:left;
	margin:0 10px;
}

.haveNewNotification{
	right: -3px;
}

.mail-notification{
    right: -7px;
    top: -6px;
}

.account-notification{
	
}

i.down {
	border: solid #004f79;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: -3px;
	position: relative;
}

.smallUnderline {
	position: relative;
}

.smallUnderline:before {
	content: "";
	position: absolute;
	width: 56px;
	height: 2px;
	bottom: -20px;
	left: 0;
	border-bottom: 2px solid #ff5a39;
}

.messagesButtonGroup a {
	color: #004f79;
}

.messagesButtonGroup a.blue-transp-btn:hover{
	color: #fff;
	background: #004f79;
}

.messagesButtonGroup a.orange-transp-btn{
	background-color: transparent;
    color: #ff5a39;
    border: 2px solid #ff5a39!important;
}

.messagesButtonGroup a.orange-transp-btn:hover{
	color: #fff;
	background: #ff5a39;
}

.messagesSystem.panel-group .panel-body {
	padding:15px;
}

.navbar.d-block {
	text-align: right;
}

.navbar.navbar-light .navbar-nav .nav-link {
	text-align: left;
}

.mobile.account {
	line-height: 65px;
	text-align: right;
}

.t-a-r {
	text-align: right;
}

.projectlist {
	position: relative;
	background: #004f79;
	color: #fff!important;
	padding: 15px 20px!important;
}

.projectlist p {
	color: #fff!important;
	;
}

.projectlist p.projectStatus {
	position: absolute;
	bottom: 15px;
}

.projectlist.status-closed {
	background: #ff5a39;
}

.projectlist.status-closed-feedback {
	background: #ffa998;
}

.projectlist.status-closed-feedback p {
	color: #efeae4!important;
}

.projectlist.status-closed-feedback p.projectStatus,
.projectlist.status-closed-feedback h3 {
	color: #004f79!important;
}

.job-back-btn {
	background: none;
	color: #004f79;
}

.job-next-btn {
	background: none;
	color: #ff5a39;
}

#iMaxApplicants,
#iShowUntil,
#iPaymentDeadline {
	display: inline-block;
	width: 50px;
	text-align: center;
}

.inlineBlock {
	display: inline-block;
}

.iBudgetFixed,
.iBudgetRange {
	line-height: 50px;
	padding-left:16px;
}

.iBudgetFixed label,
.iBudgetRange label {
	width: 130px;
}

.form-control:focus {
	box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25);
}

.iCategoriesdiv .select2-container--default .select2-selection--single {
	border: 0;
}

.iCategoriesdiv .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #004f79;
}

[type="date"]::-webkit-inner-spin-button {
	display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	display: inline-block;
	color: #666;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 15px;
	width: 18px;
	height: 18px;
	border: 1px solid #004f79;
	border-radius: 100%;
	background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
	content: '';
	width: 12px;
	height: 12px;
	background: #ff5a39;
	position: absolute;
	top: 18px;
	left: 3px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#job-apply-price,
#job-apply-workPeriod {
	position: relative;
	top: 15px;
	padding: 0;
}

#job-apply-price .select2-container--default .select2-selection--single,
#job-apply-workPeriod .select2-container--default .select2-selection--single {
	border: none;
}

#job-apply-price .select2-container,
#job-apply-workPeriod .select2-container {
	min-width: 100px!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: 004f79!important;
}

.account-menu {
	border: 2px solid #004f79;
	border-top: none;
	-webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.15);
}

#register input[type="email"],
#register input[type="password"] {
	background: #efeae4;
	border: none;
	height: 30px;
	line-height: 30px;
	color: #ff5a39;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border: 0px solid #000000;
}

#register ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #ff5a39;
	opacity: 1;
	/* Firefox */
}

#register :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ff5a39;
}

#register ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #ff5a39;
}

#register .account-types {
	display: flex;
	border-bottom: 2px solid #ff5a39;
	padding-left: 10px;
	height: 257px;
}

#pricing .account-types .account-block.mod{
	animation-timing-function: linear;
	animation-duration: 1s;
}

#pricing .account-types .account-block.mod:hover{
	transform: scale(1.04);
}


#register .account-types label {
	display: block;
	background: #efeae4;
	margin-right: 1em;
	width: 220px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: normal;
	padding-top: 20px;
	overflow: hidden;
	position: relative;
	height: 255px;
	cursor: pointer;
	border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	border: 0px solid #000000;
	align-self: flex-end;
	margin-bottom: 0;
}

#register .account-types label.selected {
	height: 275px;
	position: relative;
	transition: 0.3s;
}

#register .account-types label p {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

#register .was-validated .invalid-feedback {
	display: block !important;
}

#change-password .was-validated .invalid-feedback {
	display: block !important;
}

#register .description {
	padding: 50px 10px 0 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	position: absolute;
	right: 0;
	top: 0;
}

.labelcontainer {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.labelcontainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 4px;
	left: 0;
	height: 15px;
	width: 15px;
	border: 1px solid #fff;
	border-radius: 50%;
}

.labelcontainer:hover input~.checkmark {
	background-color: #fff;
}

.labelcontainer input:checked~.checkmark {
	border-color: #fff;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.labelcontainer input:checked~.checkmark:after {
	display: block;
}

.labelcontainer .checkmark:after {
	top: 2px;
	left: 2px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: white;
}

form[name="register"] {
	margin-bottom: 0;
}

.account-types .labelcontainer {
	padding-left: 0;
}

.account-types .checkmark {
	position: relative;
	left: -5px;
	display: inline-block;
	border: 4px solid #004f79;
	border-radius: 50%;
	width: 20px;
	height: 20px;
}

.account-types .labelcontainer:hover input~.checkmark {
	background-color: #ff5a39;
}

.account-types .labelcontainer input:checked~.checkmark {
	border-color: #004f79;
}

.account-types .labelcontainer .checkmark:after {
	top: 1px;
	left: 1px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ff5a39;
}

p2.text-white a {
	color: #fff;
}

#pricing .account-block img {
	max-height: 114px;
}

#pricing .account-block>div {
	position: relative;
	background: #efeae4;
	overflow: hidden;
	min-height: 400px;
	border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	border: 0px solid #000000;
}

#pricing .account-block>div p {
	padding: 0 10px;
}

#pricing .account-block>div h3 {
	background: #004f79;
	padding: 0 15px;
	text-align: center;
	min-height: 90px;
	line-height: 90px;
}

#pricing .account-block>div>div {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

#pricing .account-block>div>div button,
.customPricingButton {
	Font-size: 17px;
	width: 190px;
	height: 65px;
	border-radius: 40px;
}

.customPricingButton{
	width:auto;
	height:auto;
}

#pricing .account-block-footer>div {
	background: #004f79;
	color: #fff;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	border: 0px solid #000000;
}

#pricing .account-block-footer>div p,
#pricing .account-block-footer>div p2 {
	color: #fff;
	text-align: center;
	display: block;
}

#pricing .account-block-footer>div {
	font-size: 1.5rem
}

#pricing .account-block-footer>div p2 {
	font-size: 1.2rem
}

#pricing .account-features {
	flex: none;
}

#pricing .account-features>div {
	padding: 10px 10px 20px 20px;
	border-left: 3px solid #004f79;
	position: relative;
	font-weight: bold;
	color: #004f79;
	line-height: 2rem;
}

#pricing .account-features>div:before {
	content: '';
	position: absolute;
	width: 35px;
	height: 35px;
	top: -20px;
	left: -19px;
	background: url('../img/pricing-features-before.png') #fff;
	background-repeat: no-repeat;
	background-position: center;
}

#pricing .account-features>div:after {
	content: '';
	position: absolute;
	width: 26px;
	height: 3px;
	bottom: 0px;
	left: -14px;
	background: url('../img/pricing-features-after.png') #fff;
	background-repeat: no-repeat;
	background-position: center;
}

#navbarAvatar {
	display: inline-block;
	float: left;
	position: relative;
	top: -8px;
	margin-right: 10px;
}

#navbarAvatar .avatar-lg {
	width: 40px;
	height: 40px;
}

#navigation a {
	color: #004f79;
}

#navigation a:hover {
	color: #ff5a39;
}

#staticPages {
	color: #004f79;
}

#staticPages p {
	width: 100%;
	margin-bottom: 15px;
}

#staticPages a {
	color: #004f79;
}

#staticPages a:hover {
	color: #ff5a39;
}

.id {
	font-size: 0.9rem;
}

.orange-bg-r {
	display: inline-block;
	color: #fff;
	background: #ff5a39;
	/* border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px; */

	border-radius: 0px;
	border: 0px solid #000000;
}

.hide {
	display: none;
}

.twoColum>.row {
	width: 50%;
	display: inline-block;
	float: left;
	clear: both;
}

.twoColum>.row:nth-child(2n+0) {
    clear: none;
}

.project-status-list .timeline-start,
.project-status-list .timeline-end {
	position: absolute;
	background: #004f79;
	border-radius: 100px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
}

.project-status-list .timeline-end {
	right: 0px;
}

.project-status-list .conference-center-line {
	position: absolute;
	width: 100%;
	height: 5px;
	top: 50%;
	transform: translateY(-50%);
	background: #004f79;
}

.timeline-article {
	width: 10%;
	position: relative;
	min-height: 100px;
	float: left;
}

/*.timeline-article:nth-last-child(-n+2) {
	min-height: 40px;
}*/

.timeline-article .content-date {
	position: absolute;
	top: -9%;
	left: -30px;
	font-size: 18px;
	display: table;
	height: 40px;
}

.timeline-article .content-date span {
	display: table-cell;
	vertical-align: bottom;
}

.timeline-article.timeline-article-bottom .content-date span {
	vertical-align: top;
}

.timeline-article:first-child .content-date {
	left: 0px;
}

.timeline-article .content-date a,
a.timeline-article .content-date {
	color: #004f79;
	font-weight: bold;
	font-size: 0.8rem
}

.timeline-article .content-date a:hover,
a.timeline-article:hover .content-date {
	color: #ff5a39;
}

.timeline-article .meta-date {
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #efeae4;
	border: 3px solid #004f79;
}

.timeline-article.active .meta-date {
	background: #ff5a39;	
}

.timeline-article .meta-border {
	position: absolute;
	top: 65%;
	left: 9px;
	transform: translateY(-50%);
	width: 3px;
	height: 10px;
	background: #004f79;
	border: 1px solid #004f79;
}

.timeline-article-top.timeline-article .meta-border {
	top: 35%;
}

.timeline-article .content-box {
	box-shadow: 2px 2px 4px 0px #c1c1c1;
	border: 1px solid #F2635F;
	border-radius: 5px;
	background-color: #fff;
	width: 180px;
	position: absolute;
	top: 60%;
	left: -80px;
	padding: 10px;
}

.timeline-article-top .content-box:before {
	content: " ";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
	border: 10px solid transparent;
	border-bottom-color: #F2635F;
}

.timeline-article-bottom .content-date {
	top: 70%;
/*	text-align: right;*/
}

.timeline-article-bottom .content-box {
	top: 0%;
}

.timeline-article-bottom .content-box:before {
	content: " ";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
	border: 10px solid transparent;
	border-top-color: #F2635F;
}

/*.timeline-article:last-child {
	position: absolute;
	right: 0;
	top: 66px;
}

.timeline-article:last-child .meta-date {
	right: 0;
	left: inherit;
	top: 19%;
}

.timeline-article:last-child .meta-border {
	left: inherit;
	right: 9px;
	top: 54%;
}*/

/*.timeline-article:nth-last-child(2) .content-date {
	top: -23%;
}

.timeline-article:nth-last-child(2) .meta-date {
	bottom: -29px;
	top: inherit;
}

.timeline-article:nth-last-child(2) .meta-border {
	bottom: -5px;
	top: inherit;
}*/

#sortBy {
	float: right;
	color: #004f79;
	font-weight: 700;
}

#sortBy select {
	border: none;
	color: #004f79;
	font-weight: 700;
}

.mobile {
	display: none;
}

.projectStatus{
	text-align: center; 
	font-size: 20px; 
	font-weight: bold; 
	display: flex;
	align-items: center;
	justify-content: center; 
	border-radius: 20px;
}

.projectStatus p {
	color: inherit;
}

#applicant p.orange-p,
.feedback p.orange-p{
	padding-top:0;
}

#applicant .applicantUser{
	border-top:3px solid #004f79;
	padding-top:20px;
	margin-top:20px;
}

#applicant .applicantSeparate:last-child{
	margin-bottom:20px;
}


#applicant .applicantSeparate > div.col-2{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

#applicant .applicantSeparate a{
	text-transform:uppercase;
	margin-top: 8px;
}

#applicantSortBy #sortBy{
	border:none;
	float:none;
}

input, textarea{
	outline:none;
}

#accordion.messagesSystem .card{
	margin:0;
}



/****Rating color****/

.feedback .rating-10 [type=radio]+label {
	top: 30px;
}

.feedback .rating-10 [type=radio]+label:before {
	bottom: 30px;
	top: unset;
	right: 0;
	margin: 0 auto;
}

.feedback .rating-10 [type=radio]+label:after {
	bottom: 33px;
	top: unset;
	right: 3px;
	margin: 0 auto;
}

.feedback [type="radio"]:not(:checked)+label:before{
	border:none;
}

.feedback .willToWorkAgain [type="radio"]:not(:checked)+label:before{
	border: 1px solid #004f79;
}

.rating-keepingDeadline-1,.rating-keepingDeadline-2,.rating-keepingDeadline-3,.rating-keepingDeadline-4,
.rating-keepingPaymentDeadline-1, .rating-keepingPaymentDeadline-2, .rating-keepingPaymentDeadline-3, .rating-keepingPaymentDeadline-4{
	padding:0 10px!important;
	color:#fff!important;
}

.rating-keepingDeadline-1[type="radio"]:not(:checked)+label:before,
.rating-keepingDeadline-1[type="radio"]:checked+label:after,
.rating-keepingPaymentDeadline-1[type="radio"]:not(:checked)+label:before,
.rating-keepingPaymentDeadline-1[type="radio"]:checked+label:after{
	background:#a50202;
	opacity:1;
}

.rating-keepingDeadline-2[type="radio"]:not(:checked)+label:before,
.rating-keepingDeadline-2[type="radio"]:checked+label:after,
.rating-keepingPaymentDeadline-2[type="radio"]:not(:checked)+label:before,
.rating-keepingPaymentDeadline-2[type="radio"]:checked+label:after{
	background:#ff5a39;
	opacity:1;
}

.rating-keepingDeadline-3[type="radio"]:not(:checked)+label:before,
.rating-keepingDeadline-3[type="radio"]:checked+label:after,
.rating-keepingPaymentDeadline-3[type="radio"]:not(:checked)+label:before,
.rating-keepingPaymentDeadline-3[type="radio"]:checked+label:after{
	background:#e6e65a;
	opacity:1;
}

.rating-keepingDeadline-4[type="radio"]:not(:checked)+label:before,
.rating-keepingDeadline-4[type="radio"]:checked+label:after,
.rating-keepingPaymentDeadline-4[type="radio"]:not(:checked)+label:before,
.rating-keepingPaymentDeadline-4[type="radio"]:checked+label:after{
	background:#61ab01; /* green */
	opacity:1;
}

.rating-quality-1, .rating-quality-2, .rating-quality-3, .rating-quality-4, .rating-quality-5, 
.rating-quality-6, .rating-quality-7, .rating-quality-8, .rating-quality-9, .rating-quality-10,
.rating-communication-1, .rating-communication-2, .rating-communication-3, .rating-communication-4, .rating-communication-5,
.rating-communication-6, .rating-communication-7, .rating-communication-8, .rating-communication-9, .rating-communication-10{
	padding:0 10px!important;
	margin-top:20px;
	color:#004f79!important;
	font-weight:bold;
}

.addNumber [type="radio"]:checked+label:before,
.addNumber [type="radio"]:not(:checked)+label:before{
	left: 5px;
    top: -18px;
	opacity:1;
}

.addNumber [type="radio"]:checked+label:after,
.addNumber [type="radio"]+label:after{
	left: 8px;
    top: -15px;
	opacity:1;
}

.rating-quality-1[type="radio"]:not(:checked)+label:before,
.rating-quality-1[type="radio"]:checked+label:after,
.rating-quality-2[type="radio"]:not(:checked)+label:before,
.rating-quality-2[type="radio"]:checked+label:after,
.rating-communication-1[type="radio"]:not(:checked)+label:before,
.rating-communication-1[type="radio"]:checked+label:after,
.rating-communication-2[type="radio"]:not(:checked)+label:before,
.rating-communication-2[type="radio"]:checked+label:after{
	background:#a50202;	
}

.rating-quality-3[type="radio"]:not(:checked)+label:before,
.rating-quality-3[type="radio"]:checked+label:after,
.rating-quality-4[type="radio"]:not(:checked)+label:before,
.rating-quality-4[type="radio"]:checked+label:after,
.rating-quality-5[type="radio"]:not(:checked)+label:before,
.rating-quality-5[type="radio"]:checked+label:after,
.rating-communication-3[type="radio"]:not(:checked)+label:before,
.rating-communication-3[type="radio"]:checked+label:after,
.rating-communication-4[type="radio"]:not(:checked)+label:before,
.rating-communication-4[type="radio"]:checked+label:after,
.rating-communication-5[type="radio"]:not(:checked)+label:before,
.rating-communication-5[type="radio"]:checked+label:after{
	background:#ff5a39;	
}

.rating-quality-6[type="radio"]:not(:checked)+label:before,
.rating-quality-6[type="radio"]:checked+label:after,
.rating-quality-7[type="radio"]:not(:checked)+label:before,
.rating-quality-7[type="radio"]:checked+label:after,
.rating-quality-8[type="radio"]:not(:checked)+label:before,
.rating-quality-8[type="radio"]:checked+label:after,
.rating-communication-6[type="radio"]:not(:checked)+label:before,
.rating-communication-6[type="radio"]:checked+label:after,
.rating-communication-7[type="radio"]:not(:checked)+label:before,
.rating-communication-7[type="radio"]:checked+label:after,
.rating-communication-8[type="radio"]:not(:checked)+label:before,
.rating-communication-8[type="radio"]:checked+label:after{
	background:#e6e65a;	
}

.rating-quality-9[type="radio"]:not(:checked)+label:before,
.rating-quality-9[type="radio"]:checked+label:after,
.rating-quality-10[type="radio"]:not(:checked)+label:before,
.rating-quality-10[type="radio"]:checked+label:after,
.rating-communication-9[type="radio"]:not(:checked)+label:before,
.rating-communication-9[type="radio"]:checked+label:after,
.rating-communication-10[type="radio"]:not(:checked)+label:before,
.rating-communication-10[type="radio"]:checked+label:after{
	background:#61ab01;	/* green */
}

.willToWorkAgain span{
	color:#004f79!important;
	position:relative;
	top:10px;
}

.feedback textarea{
	width:100%;
	background:#efeae4;
	padding:20px 10px;
	border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	border: 0px solid #000000;
	min-height:200px;
}

.link .avatar-lg{
	cursor:pointer;
}

.profileIcon{
	display:inline-block;
	height:40px;
	width:40px;
	background:red;
	margin-right:10px;
}

.profileIcon.facebook{
	background:url("../img-src/icon-facebook.png") no-repeat;
}

.profileIcon.skype{
	background:url("../img-src/icon-skype.png") no-repeat;
}

.profileIcon.whatsapp{
	background:url("../img-src/icon-phone.png") no-repeat;
}

.profileIcon.viber{
	background:url("../img-src/icon-viber.png") no-repeat;
}

.separateRow{
	border-top:1px solid #004f79;
	border-bottom:1px solid #004f79;
	padding:5px 0;
	text-align:center;
}

#workCategoriesList,
#workSubcategoriesList,
.extraFeedbackList
{
	list-style:none;
}

#workCategoriesList li,
#workSubcategoriesList li,
.extraFeedbackList li{
	display:inline-block;
	background:#ff5a39;
	color:#fff;
	padding:3px 10px;
	/*border-radius: 20px;*/
	margin:5px 5px 5px 0;
}

.extraFeedbackList{
	background:#efeae4;
	border-radius:20px;
	padding:20px;
}

.inputStyle{
	border-bottom: 2px solid #EFEAE4;
    /*color: #004f79;*/
	color: #ff5a39;
	font-size: 120%;
    display: block;
    padding-bottom: 10px;
    margin-top: 10px;
	min-height: 36px;
}

.writtenFeedbacksBlock{
	border-top:2px solid #004f79;
}

.writtenFeedbacksBlock .avatar-lg{
	width:80px;
	height:80px;
	cursor:pointer;
}

.writtenFeedbacksBlock .writtenFeedbackMessage{
	background:#efeae4;
	padding:20px;
	border-radius:20px;
	color:#707070;
}

.card-header .avatar-lg{
	cursor:pointer;
}


.notification-submenu >div:last-child {
	border-bottom:1px solid #ff5a39;
}

.notification-submenu:last-child > div:last-child {
	border-bottom:0px;
}

.notification-submenu {
	color: #fff;
}

.notification-submenu .category-description {
	color: unset;
}

.notification-submenu .category-description.message-project {
	color: #9cd1ed;
}

.notification-submenu a {
	color: unset;
}

.notification-submenu.with-action {
	color: #ff5a39;
}

.notification-submenu.with-action.is-read {
	color: #e6e65a;
}

.notifications h1{
	font-size:2rem;
	text-transform:none;
	text-align:center;
}

.changePassword .error{
	color:#dc3545;
}

.action-decline.btn{
	background:red;
}

.action-confirm.btn{
	background: #5f9500;
}

.color-red{
	color:red;
}

.projectStatus.bg-blue {
	color: #ffffff;
}

#staticPages div{
	width:100%;
}

#staticPages.account h1{
	display:none;
}

#staticPages.account > .container-fluid.no-gutters{
	padding-left:0;
	padding-right:0;
	margin-bottom:0!important;
}
#staticPages.account #accountHeader{
	display:inline-block;
	text-align:center;
	width: auto;
    z-index: 1;
    position: relative;
	
}

#staticPages.account #accountHeader span,
#staticPages.account #accountHeader div{
	position:relative;
	top:-4px;
	font-weight:bold;
	font-size:1.2rem;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.53);
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.53);
	border: 1.5px solid transparent;
	background-color: #004f79 !important;
	border-radius: 20px;
	color: #fff !important;
	padding: 1rem 1.4rem !important;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 1.5;
}

#staticPages.account .bckgrnd-gray{
	position:relative;
	padding-top:40px;
}

#staticPages.account .createAccountLink{
	border-radius: 35px;
    line-height: normal;
    padding: 10px 25px;
	z-index: 1;
    position: relative;
}

#staticPages.account .createAccountInfo{
	display: inline-block;
    line-height: normal;
    padding: 10px 25px;
	z-index: 1;
    position: relative;
	vertical-align: middle;
}

.collapseButton {
	position:relative;
	padding-top:0;
}

.collapseButton span{
	position: absolute;
	content: '';
	top:6px;
	right:-25px;
	width: 0;
	height: 0;
	border: .5em solid transparent;
	border-top-color: #ff5a39;
	transform-origin: 50% 25%;
	transition: transform .25s;
}
.collapseButton.collapsed span{
	transform: rotate(180deg);
}

.bg-red {
	background: red;
}

.alert-viewApplications {
	position: absolute;
	display: none;
	bottom: 64px;
	width: 300px;
	background: #0d5880;
	color: white;
	font-size: 12px;
	padding: 10px 20px;
	border-radius: 20px;
	text-align: left;
}

.alert-viewApplications * {
	color: white!important;
}

.alert-viewApplications .title {
	font-size: 14px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #efeae3;
    opacity: 1;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 0px;
}

.action-needed span {
	font-size: 90%;
	border: 2px solid;
	padding: 3px;
}

#iBudgetValue + .invalid-feedback {
	position: absolute;
	bottom: 85px;
	left: 150px;
}

#iBudgetFrom + .invalid-feedback {
	position: absolute;
	top: 105px;
	left: 150px;
}

#iBudgetTo + .invalid-feedback {
	position: absolute;
	top: 105px;
	left: 330px;
}

.iBudgetRange + .invalid-feedback {
	display: block;
}

.personal .row,
.billing .row,
.contact .row,
.education .row,
.experience .row,
.work-categories .row,
.skills .row {
	align-items: flex-end;
}

.personal .form-group,
.billing .form-group,
.contact .form-group,
.education .form-group,
.experience .form-group,
.work-categories .form-group,
.skills .form-group {
	margin-bottom: 0;
}

.workSection .orange-p {
	padding-top: 0;
}

.smaller-with-border {
	font-size: 90%;
	border: 2px solid;
	padding: 3px;
	width: 80%;
}

.selectWinnerView{
	width:80%;
}


body{
    background:#f5f5f6;
    margin-top:20px;
}



/*Faq*/

.FAQ .faq-search-wrap {
    padding: 50px 0 60px;
}

.FAQ .faq-search-wrap .form-group .form-control,
.FAQ .faq-search-wrap .form-group .dd-handle {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.FAQ .faq-search-wrap .form-group .input-group-append {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    pointer-events: none;
}

.FAQ .faq-search-wrap .form-group .input-group-append .input-group-text {
    background: transparent;
    border: none;
}

.FAQ .faq-search-wrap .form-group .input-group-append .input-group-text .feather-icon > svg {
    height: 18px;
    width: 18px;
}
.FAQ .bg-teal-light-3 {
    background-color: #7fcdc1 !important;
}

.FAQ .hk-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 576px){
    .mt-sm-60 {
        margin-top: 60px !important;
    }
}

.FAQ .list-group-item.active {
    background-color: #00acf0;
    border-color: #00acf0;
}
.FAQ .accordion .card .card-header.activestate {
    border-width: 1px;
}
.FAQ .accordion .card .card-header {
    padding: 0;
    border-width: 0;
}
.FAQ .card.card-lg .card-header, .FAQ .card.card-lg .card-footer {
    padding: .9rem 1.5rem;
}
.FAQ .accordion>.card .card-header {
    margin-bottom: -1px;
}
.FAQ .card .card-header {
    background: transparent;
    border: none;
}
.FAQ .accordion.accordion-type-2 .card .card-header > a.collapsed {
    color: #324148;
}
.FAQ .accordion .card:first-of-type .card-header:first-child > a {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}
.FAQ .accordion.accordion-type-2 .card .card-header > a {
    background: transparent;
    color: #00acf0;
    padding-left: 50px;
}
.FAQ .accordion .card .card-header > a.collapsed {
    color: #324148;
    background: transparent;
}
.FAQ .accordion .card .card-header > a {
    background: #00acf0;
    color: #fff;
    font-weight: 500;
    padding: .75rem 1.25rem;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.FAQ a {
    text-decoration: none;
    color: #00acf0;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}


.FAQ .badge.badge-pill {
    border-radius: 50px;
}
.FAQ .badge.badge-light {
    background: #eaecec;
    color: #324148;
}
.FAQ .badge {
    font-weight: 500;
    border-radius: 4px;
    padding: 5px 7px;
    font-size: 72%;
    letter-spacing: 0.3px;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
}

.FAQ .accordion.accordion-type-2 .card .card-header > a.collapsed:after {
    content: "\f158";
}

.FAQ .accordion.accordion-type-2 .card .card-header > a::after {
    display: inline-block;
    font: normal normal normal 14px/1 'Ionicons';
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    position: absolute;
    content: "\f176";
    font-size: 21px;
    top: 15px;
    left: 20px;
}

.FAQ .card{
	margin: 0!important;
}

.FAQ ul{
	padding-left: 0!important;
}

.FAQ .list-group-item {
    padding: 0.75rem 1.25rem;
}

.mr-15 {
    margin-right: 15px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mt-30 {
    margin-top: 30px !important;
}



















