txt{
	margin-right: 10px;
}

fa {
	font-size: 5px !important;
}

.cookies_container{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1000;
	background-color: #ffffff;
  box-shadow: 0 32px 68px rgba(0, 0, 0, 0.3);/*-10px -10px 50px rgba(0, 0, 50, 0.1);*/
  transition: top 1s ease-out;
}

.cookies_container h3{
	font-size: 1.2rem;
}

.cookies_container .more_link{
	color: #416ed3;
	font-weight: 800;
	align-items: center;
	display: flex;
}

.cookies_container a{
	color: #416ed3;
}

.cookies_container .more_link_2, .cookies_container .more_link_5{
	display: none;
}


.cookies_container .more_link:after {
	border-style: solid;
	border-width: .15em .15em 0 0;
	color: #141414;
	content: "";
	display: block;
	height: .563em;
	margin-left: 1em;
	transform: rotate(45deg);
	width: .563em;
}

.cookies_container .more_link_2:after {
	transform: rotate(-135deg);
}

.cookies_container .row{
 	max-width: 1076px;
 	margin: auto;
 	padding-top: 15px;
}

.cookies_container .button_container{
	background-color: #416ed3;
	text-align: center;
	margin: 15px 0 15px 0;
	border-radius: 10px;
}

.cookies_container .button_container button{
	width: 100%;
}

.cookies_container .button_container:nth-child(1) button{
	color: #ffffff;
}

.cookies_container .button_container:nth-child(2){
	background-color: #ffffff;
	border: 2px solid #416ed3;
}

.cookies_container_detail{
	max-width: 1076px;
	transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  border-radius: 8px;
  height: 90vh;
  overflow: scroll;
}

.cookies_container_detail .more_link_1{
	display: none;
}

.cookies_container_detail .more_link_2{
	display: flex;
}

.cookies_container_detail .more_link_3{
	display: none;
}

.cookies_container_detail .more_link_4{
	-ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.cookies_container_detail .more_link_5{
	display: block;
}

.privice-polycy h1{
	text-transform: lowercase;
}

.privice-polycy h1::first-letter{
	text-transform: uppercase;
}

.privice-polycy p{
	text-align: left;
	color: #d2d6e8;
	margin-bottom: 1rem;
}

.privice-polycy p a{
	color: #ffffff;
	text-decoration: underline;
}

.privice-polycy li a{
	color: #ffffff;
	text-decoration: underline;
}

.privice-polycy h3{
	color: #ffffff;
	margin-top: 30px;
	font-size: 200%;
	text-align: left;
	text-transform: uppercase;
}

.privice-polycy h4{
	text-align: left;
	color: #d2d6e8;
	margin-top: 20px;
	font-weight: 600;
	font-size: 150%;
	text-transform: uppercase;
}

.privice-polycy ol, .privice-polycy ul{
	text-align: left;
	color: #d2d6e8;
	font-size: 18px;
}

.privice-polycy table{
	color: #d2d6e8;
}

button:disabled, button[disabled]{
	background-color: #999999 !important;
}

.text-color{
	color: #416ed3 !important;
}

.col-md-25{
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;

	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.col-md-25{
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;

	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}


@media (min-width: 768px){
	.col-md-012{
		-ms-flex: 0 0 12%;
		flex: 0 0 12%;
		max-width: 12	%;

		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}

	.padding-bottom-20{
		padding-bottom: 20px;
	}
}

@media (max-width: 768px){
	.margin-top-20{
		margin-top: 20px;
	}
	.margin-bottom-20{
		margin-bottom: 20px;
	}
}

.test_boder{
	/*border: solid red;*/
	overflow: hidden;
	overflow-y: scroll;

	-ms-overflow-style: none;
	scrollbar-width: none;
}
.test_boder::-webkit-scrollbar{
	display: none;
}

html,body{
	/*font-family: "Roboto", "Segoe Ui";*/
    font-family: "Inter", Arial, sans-serif;
}

.gray-bg {
  background: #FCFDFF !important;
}

.gap2{
	padding: 0 !important;
}

.hidden, .hidden-post{
	display: none !important;
}

.topbar {
  box-shadow: 0px 0px 50px rgba(0, 0, 50, 0.05);
}

.user-img{
	margin-right: -10px;
}

.profile-section{
	box-shadow: 0px 0px 20px rgba(0, 0, 100, 0.1);
}

.info_profile{
	margin-top: 20px;
}

.info_profile p{
	color: black;
}

.info_profile_data span{
	color: #999999;
	margin-bottom: 0;
}

.info_profile_data p{
	color: black;
}

.left-menu .active {
	border-left: 2px solid #4877eb !important;
	border-image: linear-gradient(to top, #fff 20%, #4877eb 20%, #4877eb 80%, #fff 80%);
	border-image-slice: 1;
}

.left-menu .active a{
	color: #416ed3 !important;	
}

.main-container{
	
	margin: auto;
	padding-right: 0;
	padding-left: 0;
}

.container{
	max-width: 1076px;
}

.top-margin{
	margin-top: 30px;
}

.my-main-menu{
	/*height: 100vh;
	left: 0;
	padding-bottom: 30px;
	padding-top: 30px;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 59px;
	width: 250px;
	z-index: 9;*/
}

@media (max-width: 992px){
	.my-main-menu{
		display: none;
	}
}

.central-meta-main{
	border: none;
	border-radius: 10px;
	box-shadow: 0px 5px 20px rgba(0, 0, 20, 0.1);
	padding-left: 0px !important;
}

.central-meta-slave{
	border: none;
	border-radius: 10px;
	box-shadow: 0px 5px 20px rgba(0, 0, 20, 0.1);
}

.mh-head{
	background-color: #ffffff !important;
	color: #416ed3 !important;
}

.left-menu > li {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 10px !important;
}

.left-menu > li a {
  font-size: 14px;
}

.left-menu > li a i{
  margin: 10px;
}

.short-input{
	display: inline-block;
	width: 95%;
}

@media screen and (max-width: 560px){
	.short-input{
		width: 90%;
	}
}

.c-form > div i {
	float: right;
	margin-top: 20px;
}

.minus-button:hover, .minus-button-1:hover, .minus-button-2:hover, .my-pointer{
	cursor: pointer;
}

.experience p{
	display: inline-block;
}

.experience p:nth-child(1), .experience p:nth-child(2){
	width: 15%;
}

.head-promo{
	display: block;
	width: 100%;
	margin: auto;
	font-size: 44px;
	text-align: center;
	/*font-family: 'Playfair Display', serif;*/
	color: #110705;
	line-height: 1.25;
	font-weight: 400;
}

.head-text{
	display: block;
	width: 50%;
	margin: auto;
	font-size: 16px;
	text-align: center;
	color: #110705;
	line-height: 1.55;
	font-weight: 400;
}

.comming-but{
	display: block;
	margin: auto;
}

.comming-but a{
	display: block;
	margin: auto;
	width: 20%;
	height: 55px;
	color: #ffffff;
	font-size: 16px;
	font-family: 'Noto Sans',Arial,sans-serif;
	line-height: 3;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1.5px;
	border-radius: 8px;
	background-color: #416ed3;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;

}

.newpst-input{
	box-shadow: 0px 4px 10px 1px rgba(34, 60, 80, 0.22);
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100% !important;
}

@media screen and (max-width: 560px){
	.head-promo{
		width: 90%;
		font-size: 24px;
	}

	.head-text{
		width: 90%;
		font-size: 14px;
	}

	.comming-but a{
		width: 60%;
	}
}

.danger-email{
	background-color: #ffcccc !important;
}

.width100{
	width: 100%;
}

.width95{
	width: 95% !important;
}

.width90{
	width: 90% !important;
}

.width80{
	width: 80% !important;
}

.width5{
	width: 5% !important;
}

.width8{
	width: 8% !important;
}


.width16{
	width: 16% !important;
}

.width10{
	width: 10% !important;
}

.width4{
	width: 4% !important;
}

.width66-7{
	width: 66.7% !important;
}

.room-creation-form{
	width: 100%;
}

.red-border{
	border-color: #DC143C;
	border-width: 3px;
}

.blue-border{
	border-color: #416ed3;
	border-width: 3px;
}

.green-border{
	border-color: #228B22;
	border-width: 3px;
}

.top-border{
	border-top: 1px solid #ede9e9;
}

.map, .map-data, .map-main{
	width: 100%;
	height: 60vh;
}

.abalute-post-container > div{
	position: relative;
}

.abalute-post{
	position: absolute;
	top: -8px;
	right: 0px;
	padding: 0px 3px;
	text-transform: lowercase;
}

.recomendations a{
	color: #535165;
}

.profile-menu-right{
	text-align: right;
}

.my-check-box{
	left: auto !important;
	top: -28px !important;
}


.my-fa-minus, ..my-fa-plus{
	font-size: 20px;
	margin-top: 16px !important;
	text-align: right;
}


.my-text-cenetr{
	text-align: center;
}


.my-textarea {
  border: 1px solid #ffffff;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
}


.my-shadow{
	-webkit-box-shadow: 0px 4px 10px 1px rgba(34, 60, 80, 0.22);
  -moz-box-shadow: 0px 4px 10px 1px rgba(34, 60, 80, 0.22);
  box-shadow: 0px 4px 10px 1px rgba(34, 60, 80, 0.22);
}


.add-tag-href{
	color: #416ed3 !important;
	font-weight: bold;
	cursor: pointer;
}

.add-tag-href-disabled, .nav-tabs .disabled{
	color: #aaaaaa !important;
}

.nav-tabs .navv-item{
	cursor: pointer;
}


.col-md-2-4{
	-ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;

	position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


.project-new-img, .project-new-img > img{
	border-radius: 5px;
}

.slider-nav-gold{
	top: 180px !important;
}

.slider-nav-gold .slick-track > li{
	width: 80px !important;
	border-radius: 8px;
}

.slider-nav-gold .slick-track > li img{
	max-height: 74px;
  max-width: 98px;
  min-height: 98px;
  min-width: 74px;
}

.my_project_info ins{
	color: #000000;
	text-decoration: none;
}

.my_project_info p{
	margin-bottom: 0;
}

.my_project_info ol{
	padding-left: 16px;
}


input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}


.more_info_title .info_title {
    position: absolute;
    top: 20px;
    background: rgba(65, 110, 211, 0.9);
    padding: 15px;
    left: 0;
   /* white-space: nowrap;*/
    z-index: 1000;
    color: #ffffff;
    border-radius: 5px;
    max-width: 50vw;
}

.more_info_title .info_title_plus {
		display: block;
    position: absolute;
    top: 32px;
    background: rgba(65, 110, 211, 0.9);
    padding: 15px;
    left: -45px;
   /* white-space: nowrap;*/
    z-index: 1000;
    color: #ffffff;
    border-radius: 5px;
    max-width: 50vw;
}

.more_info_title .info_title_plus_plus{
	top: 115px;
	left: 295px;
}

.button-disabled, .button-spec-disabled{
	background-color: #aaaaaa !important;
}

.button-spec-decline, .button-decline{
	background-color: #e44a3c !important;
}

.button-spec-agree, .button-agree{
	background-color: #55c2ac !important;
}

.tracking-header{
	color: #416ed3 !important;
	text-align: center;
}


.my_hover:hover{
	background-color: #a3bcf9 !important;
}


.docs_container{
	width: 100%;
}


input:disabled,textarea:disabled{
	background-color: #f8f8f8 !important;
  border-color: #f8f8f8 !important;
}


.following{
	background-color: #416ed3;
	border-color: #416ed3;
	color: #ffffff;
}


.change_main_role .success, .change_main_role .success i{
	color: #000000 !important;
}


.change_main_role .active, .change_main_role .active i{
	color: #416ed3 !important;
}


.select-for-gadget{
	width: 100%;
  height: 50px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 10px 1px rgba(34, 60, 80, 0.22);
  -moz-box-shadow: 0px 4px 10px 1px rgba(34, 60, 80, 0.22);
  box-shadow: 0px 4px 10px 1px rgba(34, 60, 80, 0.22);
  padding: 10px 12px;
  color: #535165 !important;
}


.find_input{
	  border: 1px solid rgba(0,0,0,.1) !important;
}

.chosen-single-span{
	color: #111111;
}

.denied{
	color: #9a9fbf;
}
.user-setting-mobile {
	margin-top: 110px;
  background: #fff none repeat scroll 0 0;
  border-radius: 0 0 3px 3px;
  position: absolute;
  left: 70px;
  text-align: left;
  top: 100%;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  line-height: initial;
  box-shadow: 0 10px 20px rgba(0,0,0,.2);
  transform: translate(-50%);
  transition: all 0.2s linear 0s;
}


.user-setting-mobile::before {
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  left: 40%;
  position: absolute;
  top: -9px;
  transform: translate(-50%);
}

.user-setting-mobile > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
}

.user-setting-mobile > ul {
  list-style: none;
}

.user-setting-mobile > ul li a {
  display: inline-block;
  font-size: 13px;
  padding: 10px 15px;
  text-transform: capitalize;
  width: 100%;
  background: #fff;
  position: relative;
}

.user-setting-mobile.active {
  opacity: 1;
  visibility: visible;
}

#change_project .drag-widget li, #new_project .drag-widget li{
 padding-left: 10px;
 padding-right: 5px;
}

#change_project .drag-widget ul , #new_project .drag-widget ul {
	min-height: 50px;
}

#change_project .drag-widget li .fa, #new_project .drag-widget li .fa{
	cursor: pointer;
	font-size: 150%;
}

.opacity0{
	opacity: 0;
}

.opacity0_full{
	opacity: 0;
}

#addSpecialistModal .create-post
 {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ffffff;
  border-radius: 10px;
  font-size: 13px;
  padding: 10px 15px;
  width: 100%;
}

.author-content a:hover{
	color: #4877eb;
}

.more-opotnz-click .fa-check, .more-opotnz-click-dev .fa-check, .more-opotnz-click-dev-change .fa-check{
	cursor: pointer;
}

.landing_button{
	background-color: #f5f5f5;
	margin: 20px;
	border-radius: 5px;
	text-align: center;
	padding: 5px;
	padding-bottom: 20px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.landing_button a{
	color: #fff;
  background-color: #4877eb;
  padding: 10px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.policy_lang{
	float: right;
	color: #ffffff !important;
	margin-left: 20px;
	cursor: pointer;
}

.policy_act{
	text-decoration: underline !important;
	font-weight: 600;
}

.cookie_lang{
	float: right;
	color: #4877eb !important;
	margin-left: 20px;
	cursor: pointer;
}

.cookie_act{
	text-decoration: underline !important;
	font-weight: 600;
}

.my-footer{
	float: right;
	margin-left: 20px;
	margin-bottom: 0px;
}

@media (max-width: 768px){
	.my-footer-responsive{
		float: none;
		text-align: center;
		width: 100%;
		display: block;
		margin-left: 0px;
	}

	.my-footer-responsive i{
		float: none;
	}

	.my-footer-responsive-row{
		float: none !important;
	}

	.my-footer-responsive-row p{
		width: 50%;
		margin: 0!important;
	}
}

@media (min-width: 768px){
	.user-profile-resposive{
		display: none;
	}
}

.form-radio{
	width: auto;
  float: right
}

.form-radio .radio:last-child{
	margin-right: 0px;
}

#new_project .onoff-options{
	border-bottom: 1px solid #e1e8ed;
}

.top-area .user-imgg {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 65px;
}

.user-imgg {
  margin-right: -10px;
}

.user-imgg > h5 {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
    margin-right: 0px;
  vertical-align: middle;
  color: #2a2a2a;
}

.central-meta, .profile-section{
	border-radius: 7px !important;
}

.top-center{
	display: inline-block;
	margin-right: calc((100vw - 12%) / 6.7);
}

.top-right{
	display: inline-block;
}

.danger-img{
	opacity: 0.6;
}

.my_project_info .inner_project{
	margin-bottom: 50px;
}

#project-creation label{
	position: relative;
}

.label-gray{
	color: #aaaaaa !important;
}

.chosen-choices{
	padding: 10px !important;
	border-radius: 10px;
	border: none !important;
	-webkit-box-shadow: 0px 4px 10px 1px rgba(34, 60, 80, 0.22);
  -moz-box-shadow: 0px 4px 10px 1px rgba(34, 60, 80, 0.22);
  box-shadow: 0px 4px 10px 1px rgba(34, 60, 80, 0.22);
  background-image: none !important;
}

.search-choice{
	background-image: none !important;
	border-radius: 3px !important;
	background-color: #fff !important;
}

.chosen-drop{
	margin-top: -10px !important;
	border: none !important;
	border-radius: 0 0 10px 10px !important;
}

.section-data p{
	margin-bottom: 0;
}

.my-modal .my-modal-3{
	background-color: #FFFFFF;
	padding: 25px;
	margin-bottom: 25px;
}

.my-modal .my-modal-3 h2{
	color: rgb(62 62 62 );
	margin-bottom: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}

.my-modal .my-modal-3 p{
	margin-bottom: 5px;
	color: rgb(55 65 81) !important;
	line-height: 25px;
}

.my-modal .my-modal-3 ul li{
	color: rgb(55 65 81) !important;
	line-height: 25px;
}

.my-modal .my-modal-3 ul li span{
	color: #117dda !important;
	font-size: 100%;
	font-weight: bold;
}

.my-modal .my-modal-4{
	background-color: rgb(240 253 244);
	padding: 25px;
	margin-bottom: 25px;
}

.my-modal .my-modal-4 h2{
	color: rgb(39 78 19) !important;
	margin-bottom: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}

.my-modal .my-modal-4 ul li{
	color: rgb(55 65 81) !important;
	line-height: 25px;
}

.my-modal .my-modal-4 p{
	margin-bottom: 5px;
	color: rgb(55 65 81) !important;
	line-height: 25px;
}

.my-modal .my-modal-5{
	background-color: rgb(254 242 242);
	padding: 25px;
	border-radius: 0 0 20px 20px;
}

.my-modal .my-modal-5 h2{
	color: rgb(223 63 64) !important;
	margin-bottom: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}

.my-modal .my-modal-5 ul li{
	color: rgb(55 65 81) !important;
	line-height: 25px;
}

.my-modal .my-modal-5 p{
	margin-bottom: 5px;
	color: rgb(55 65 81) !important;
	line-height: 25px;
}

.change-paiment{
	padding: 10px 20px; 
	background-color: #4877eb; 
	color: #fff; 
	font-weight: bold; 
	border: 1px solid #fff; 
	border-radius: 5px; 
	cursor: pointer;
}

.change-paiment[disabled]{
	background-color: #aaaaaa !important;
}

.switch-label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  float: right;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.2s;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.2s;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

input:checked + .slider {
  background-color: #4877eb;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Анимация текста при переключении */
#paid-account:checked + .slider + .switch-text {
  color: #2196F3;
  font-weight: 600;
}

.content h2{
	font-size: 1.5rem;
	margin-top: 1.5rem;
}

.content h3{
	font-size: 1.2rem;
	margin-top: 1.2rem;
}


.content p{
	margin-top: 0.8rem;
}

.my-modal-4 .content h2{
	color: rgb(55 65 81) !important;
}

.my-modal-5 .content h2{
	color: rgb(55 65 81) !important;
}