#gdpr-cookie-message {
	opacity: 0.8;
	z-index:1000;
}
#gdpr-cookie-message p:last-child {
	color: #fff;
}
#gdpr-cookie-message button {color: #fff !important;}
#gdpr-cookie-message button:hover {
	color: #4681c1 !important;
	transition: all .3s ease-in;
}
.contact-input {
	margin-bottom:20px;
	padding-left:15px;
	padding-right:15px;
}
.subscrinput input{
	background-color: #fff !important;
	border: 4px #edf2f8 solid !important;
}
.subscrinput textarea {
	background-color: #fff !important;
	border: 4px #edf2f8 solid !important;
}
/*CUSTOM TOOGLE BUTTON*/
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #ef7f30;
  margin: 6px 0;
  transition: 0.4s;
}
.sbar1, .sbar2{
  width: 35px;
  height: 5px;
  background-color: #ef7f30;
  margin: -3px 0;
  transition: 0.4s;
  display:none;
}
.change .sbar1 {
	display:block;
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-8px, 8px);
}
.change .sbar2 {
	display:block;
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
}
.change .srch-icon {
	opacity:0;
}
.change {
	z-index:1001 !important;
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}
.menu-btn-search{
	align-self: center !important;
}
.srch-icon-hide{
	display:none;
}
.change .bar2 {opacity: 0; }

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
.menu-toggle {
	border: none !important;
}
.topmenu{
	height: 90px;
}
	.withbg {
	z-index:1000;}
	
.bg-points {
	background-repeat: no-repeat;
	height: 500px !important;
	display:flex;
	background-size: cover;
	margin-top: 60px;
}
.point-title {
	font-size:100px;
	color: #ffffff;
	line-height:1;
	position:relative;
}
.point-text {
	font-size: 30px;
	color:#ffffff;
}
.point1::before {
	content:"";
	position:absolute;
	border: 5px #30668e solid;
	width: 50px;
	height:50px;
	border-radius:50%;
	left: 0;
	right:0;
	margin:auto;
	bottom:-175px;
}
.point1::after {
	position:absolute;
	content:"";
	width: 32px;
	height:32px;
	border-radius: 50%;
	padding: 15px;
	background-color:#ef7f30;
	left: 0;
	right:0;
	margin:auto;
	bottom: -166px;
}
.point2 {
	top:-70px;
}
.text2 {
	position:relative;
	top:-70px;
}
.point2::before {
	content:"";
	position:absolute;
	border: 5px #30668e solid;
	width: 50px;
	height:50px;
	border-radius:50%;
	left: 0;
	right:0;
	margin:auto;
	bottom:-137px;
}
.point2::after {
	position:absolute;
	content:"";
	width: 32px;
	height:32px;
	border-radius: 50%;
	padding: 15px;
	background-color:#ef7f30;
	left: 0;
	right:0;
	margin:auto;
	bottom: -128px;
}
.point3 {
	top:-70px;
}
.text3 {
	position:relative;
	top:0px;
}
.point3::before {
	content:"";
	position:absolute;
	border: 5px #30668e solid;
	width: 50px;
	height:50px;
	border-radius:50%;
	left: 0;
	right:0;
	margin:auto;
	bottom:-72px;
}
.point3::after {
	position:absolute;
	content:"";
	width: 32px;
	height:32px;
	border-radius: 50%;
	padding: 15px;
	background-color:#ef7f30;
	left: 0;
	right:0;
	margin:auto;
	bottom: -63px;
}
.point4 {
	top:70px;
}
.text4 {
	position:relative;
	top:70px;
}
.point4::before {
	content:"";
	position:absolute;
	border: 5px #30668e solid;
	width: 50px;
	height:50px;
	border-radius:50%;
	left: 0;
	right:0;
	margin:auto;
	bottom:136px;
}
.point4::after {
	position:absolute;
	content:"";
	width: 32px;
	height:32px;
	border-radius: 50%;
	padding: 15px;
	background-color:#ef7f30;
	left: 0;
	right:0;
	margin:auto;
	bottom: 145px;
}
.news-date-time {
	color:#ffffff !important;
}
.swiper-scrollbar-drag {
	background: #ef7f2f !important;
}
.newstitle {
    flex-wrap: nowrap !important;
}
.formwp {
	margin-right: 0px !important;
}
.f-min-w {
	padding-right: 5px !important;
	margin-right: -5px !important;
}
/*MENU SERCH*/
/*CUSTOM INPUTS IN FORMS*/
form input[type=text],
form input[type=email],
form input[type=tel]{
    width: 100%;
    max-width: 600px;
    height: 60px;
    padding: 15px 20px;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #edf2f8;
}
form textarea {
    width: 100%;
    height: 120px;
    padding: 15px 25px;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #edf2f8;
}
/*END CUSTOM INPUTS IN FORMS*/
/*CUSTOM CHECKBOX*/
.custom-check {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-check+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
	padding-left:25px;
	font-size:18px;
}
.custom-check+label::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    background-color: #edf2f8;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
	position:absolute;
	top:5px;
	left:0px;
}
.custom-check:checked+label::before {
    background-image: url('/images/check.png');
}
/*END CUSTOM CHECKBOX*/
/*custom chechbox2*/
.popup-custom-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.popup-custom-checkbox+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.popup-custom-checkbox+label::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #d7dfe4;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  
}
.popup-custom-checkbox:checked+label::before {
  border-color: #d7dfe4;
  background-color: #f0f5f7;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
/*END custom chechbox2*/
.modal-content {
	width:540px !important;
}
.modal-header {
	position:relative;
	border:none !important;
	padding: 0px 1rem !important;
}
.modal-footer {
	border:none !important;
}
.modal-body {
	padding:0px !important;
}
.taskhave {
	border:none;
}
.hasError {
	border-bottom: 1px red solid;
}

.close {
	position: absolute !important;
    right: -30px !important;
    top: -30px !important;
    font-size: 60px !important;
    color: #ef7f30 !important;
	opacity:1 !important;
	font-weight: 400;
}
.thanks-close {
	position: absolute !important;
    right: 10px !important;
    top: -10px !important;
    font-size: 60px !important;
    color: #ef7f30 !important;
    opacity: 1 !important;
	border:none;
	background: none;
}
.subd-form {
	width:95%;
}

.modal-title {
	
}
.modal-content{
	padding: 60px 65px;
}
.srch-icon {
	cursor: pointer;
}
.subsearch {	
	margin-top: 90px;
    position: absolute;
    width: 100%;
    height: 140px;
    left: 0px;
    background-color: rgb(61, 71, 79);
    opacity: 0.95;
    visibility: hidden;
	opacity:0;
    z-index: 400;
	transition: .55s opacity, .55s visibility;
	overflow:hidden;
}
.showsubsearch{
	visibility:visible;
	margin-top: 90px;
    position: absolute;
    width: 100%;
    height: 140px;
    left: 0px;
    background-color: rgb(17, 29, 38);
    opacity: 0.95;
    z-index: 400;
	transition: .55s opacity, .55s visibility;
}
.search-component {
	margin-right: 140px;
    float: right;
    margin-top: 30px;
}
.thanks-modal-header {
	margin-bottom: 50px;
}
.thanks-modal-title {
	font-size: 36px;
	color: #3d474f;
}
.thanks-modal-body {
	color: #5e6972;
}
/*form phone call*/

.phonebtn {
	border: none;
    padding: 15px;
    border-radius: 5px;
    background-color: #4681c1;
    color: #ffffff;
    filter: drop-shadow(0 0 6px rgba(0,0,0,0.5));
    width: 200px;
    height: 50px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
/*end form phone call*/
/*END MENU SEARCH*/

.block-portfolio {
	margin-bottom: 50px;
	background-color: #edf2f8;
	padding-bottom:50px;
	padding-top:50px;
}
.subd-mar-all {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom:50px;
}
/*MAP ON PAGE ABOUT*/
.main-map {
	background: url(/images/map/map-bg.png) no-repeat;
	background-size:contain;
	position:relative;
	display:block;
	width: 950px;
	height:518px;
	margin-left: auto;
	margin-right: auto;
}
.mobile-map {
	display:none;
	margin-left: auto;
	margin-right: auto;
}
.inno {
	position:absolute;
	width:24px;
	height:24px;
	background: url(/images/map/flag-inno.png) no-repeat;
}
.rus {
	position:absolute;
	width:24px;
	height:24px;
	background: url(/images/map/flag-rus.png) no-repeat;
}
.inno:hover, .rus:hover {
	background: url(/images/map/active-flag.png) no-repeat;
}
.nepal {
	font-size:14px;
  left: 661px;
  top: 239px;
}
.nepal:hover::before {
	content: "НЕПАЛ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.vietnam {
	font-size:14px;
    left: 730px;
	top: 283px;
}
.vietnam:hover::before {
	content: "ВЬЕТНАМ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.india {
	font-size:14px;
  left: 644px;
  top: 263px;
}
.india:hover::before {
	content: "ИНДИЯ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.chehia {
	font-size:14px;
  left: 501px;
  top: 171px;
}
.chehia:hover::before {
	content: "ЧЕХИЯ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.germania {
	font-size:14px;
  left: 472px;
  top: 178px;
}
.germania:hover::before {
	content: "ГЕРМАНИЯ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.dania {
	font-size:14px;
  left: 471px;
  top: 134px;
}
.dania:hover::before {
	content: "ДАНИЯ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.velikobrit {
	font-size:14px;
  left: 434px;
  top: 140px;
}
.velikobrit:hover::before {
	content: "ВЕЛИКОБРИТАНИЯ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.italia {
	font-size:14px;
  left: 486px;
  top: 200px;
}
.italia:hover::before {
	content: "ИТАЛИЯ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.niderlands {
	font-size:14px;
  left: 461px;
  top: 156px;
}
.niderlands:hover::before {
	content: "НИДЕРЛАНДЫ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.izrail {
	font-size:14px;
  left: 540px;
  top: 233px;
}
.izrail:hover::before {
	content: "ИЗРАИЛЬ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.bolgar {
	font-size:14px;
  left: 514px;
  top: 195px;
}
.bolgar:hover::before {
	content: "БОЛГАРИЯ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.belarus {
	font-size:14px;
  left: 517px;
  top: 149px;
}
.belarus:hover::before {
	content: "БЕЛАРУСЬ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.yapon {
	font-size:14px;
  left: 802px;
  top: 219px;
}
.yapon:hover::before {
	content: "ЯПОНИЯ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.canada {
	font-size:14px;
  left: 139px;
  top: 130px;
}
.canada:hover::before {
	content: "КАНАДА";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.avstral {
	font-size:14px;
  left: 790px;
  top: 389px;
}
.avstral:hover::before {
	content: "АВСТРАЛИЯ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.surinam {
	font-size:14px;
  left: 296px;
  top: 308px;
}
.surinam:hover::before {
	content: "СУРИНАМ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.brazil {
	font-size:14px;
  left: 299px;
  top: 351px;
}
.brazil:hover::before {
	content: "БРАЗИЛИЯ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.meksika {
	font-size:14px;
  left: 176px;
  top: 256px;
}
.meksika:hover::before {
	content: "МЕКСИКА";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.usa {
	font-size:14px;
	left: 170px;
	top: 209px;
}
.usa:hover::before {
	content: "США";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.seversk {
	font-size:14px;
  left: 646px;
  top: 170px;
}
.seversk:hover::before {
	content: "СЕВЕРСК";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.pervoural {
	font-size:14px;
	left: 600px;
	top: 168px;
}
.pervoural:hover::before {
	content: "ПЕРВОУРАЛЬСК";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.angarsk {
	font-size:14px;
	left: 714px;
	top: 197px;
}
.angarsk:hover::before {
	content: "АНГАРСК";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.habarov {
	font-size:14px;
	left: 799px;
	top: 173px;
}
.habarov:hover::before {
	content: "ХАБАРОВСК";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.vladivost {
	font-size:14px;
	left: 786px;
	top: 197px;
}
.vladivost:hover::before {
	content: "ВЛАДИВОСТОК";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.surgut {
	font-size:14px;
	left: 644px;
	top: 110px;
}
.surgut:hover::before {
	content: "СУРГУТ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.kazan {
	font-size:14px;
	left: 605px;
	top: 134px;
}
.kazan:hover::before {
	content: "КАЗАНЬ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.vladimir {
	font-size:14px;
	left: 580px;
	top: 123px;
}
.vladimir:hover::before {
	content: "ВЛАДИМИР";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.murmansk {
	font-size:14px;
	left: 526px;
	top: 64px;
}
.murmansk:hover::before {
	content: "МУРМАНСК";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.voronezh {
	font-size:14px;
	left: 567px;
	top: 157px;
}
.voronezh:hover::before {
	content: "ВОРОНЕЖ";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.moskva {
	font-size:14px;
	left: 556px;
	top: 130px;
}
.moskva:hover::before {
	content: "МОСКВА";
	border-style: solid;
	border-width: 1px;
	border-color: rgb(126, 148, 163);
	background-color: rgb(237, 242, 248);
	opacity: 0.749;
	position:absolute;
	top:-24px;
	left:0px;
	z-index:50;padding: 3px 5px;border-radius:20px;
}
.leadbutton {
	padding: 15px;
    border-radius: 5px;
    background-color: #4681c1;
    color: #ffffff;
    filter: drop-shadow(0 0 6px rgba(0,102,179,0.5));
    width: 200px;
    height: 50px;
    text-align: center;
	text-transform:uppercase;
	cursor:pointer;
}
.leadbutton:hover {
	background-color: #ef7f30;
}
a.popup {
	text-decoration:none !important;
}
.bx-livechat-help-title {
	font-size: 18px !important;
}
.vk-icon {
	text-align:right;
}
.bg-managment {
    background-color: #edf2f8;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.main-connect {
	background-image: url("/images/main/collaj-connect.png");
	height: 150px;
}

@media screen and (min-width: 1920px) {
	.thin-ban {width: 100%;}
}
@media screen and (max-width: 1199px) {
	.modal-content {
	width: 100% !important;
	padding: 10px;
	}
	.close {
		right:0px !important;
		top: -20px !important; 
	}
	.main-map {display:none;}
	.mobile-map {display:block;}
	.showsubsearch{
		margin-top: 0px !important;
		position: absolute;
		display:flex;
		justify-content: center;
		width: 100%;
		height: 100%;
		left: 0px;
		background-color: rgb(17, 29, 38);
		opacity: 0.851;
		z-index: 400;
		visibility:visible;
		transition: .55s opacity, .55s visibility;
	}
	.search-component {
		margin-top:100px;
		margin-right:auto;
		margin-left: auto;
		float: none;
	}
	.withbg {
		z-index:1000;
	    background-color: rgb(17, 29, 38);
		opacity: 0.851;
		padding: 15px;
		min-width: 100vw !important;
		height: 100vh;
		
	}
	.root-item { 
		color:#ffffff !important;
	}
	.point-title {
	font-size:50px;
	color: #ffffff;
	line-height:1;
	position:relative;
}
	.point-text {
	font-size: 20px;
	color:#ffffff;
}
	.footer-bg {
	padding-top:20px !important;
	height: 338px !important;
}
.topmenu {
	height: 100px;
}
}
@media screen and (max-width: 1865px) {
	.point2 {top:unset;}
	.text2 {top:unset;}
	.point2::before {
	content:"";
	position:absolute;
	border: 5px #30668e solid;
	width: 50px;
	height:50px;
	border-radius:50%;
	left: 0;
	right:0;
	margin:auto;
	bottom:-175px;
}
	.point2::after {
	position:absolute;
	content:"";
	width: 32px;
	height:32px;
	border-radius: 50%;
	padding: 15px;
	background-color:#ef7f30;
	left: 0;
	right:0;
	margin:auto;
	bottom: -166px;
}
.point3 {top:unset;}
	.text3 {top:unset;}
	.point3::before {
	content:"";
	position:absolute;
	border: 5px #30668e solid;
	width: 50px;
	height:50px;
	border-radius:50%;
	left: 0;
	right:0;
	margin:auto;
	bottom:-175px;
}
	.point3::after {
	position:absolute;
	content:"";
	width: 32px;
	height:32px;
	border-radius: 50%;
	padding: 15px;
	background-color:#ef7f30;
	left: 0;
	right:0;
	margin:auto;
	bottom: -166px;
}
.point4 {top:unset;}
	.text4 {top:unset;}
	.point4::before {
	content:"";
	position:absolute;
	border: 5px #30668e solid;
	width: 50px;
	height:50px;
	border-radius:50%;
	left: 0;
	right:0;
	margin:auto;
	bottom:-175px;
}
	.point4::after {
	position:absolute;
	content:"";
	width: 32px;
	height:32px;
	border-radius: 50%;
	padding: 15px;
	background-color:#ef7f30;
	left: 0;
	right:0;
	margin:auto;
	bottom: -166px;
}
}
@media screen and (max-width: 767px) {
	.point1::before {bottom:0px;right:160px;}
	.point1::after{bottom:9px;right:160px;}
	.point2::before {bottom:0px;right:160px;}
	.point2::after{bottom:9px;right:160px;}
	.point3::before {bottom:0px;right:160px;}
	.point3::after{bottom:9px;right:160px;}
	.point4::before {bottom:0px;right:160px;}
	.point4::after{bottom:9px;right:160px;}
		.point-title {
	font-size:30px;
	color: #ffffff;
	line-height:1;
	position:relative;
}
	.point-text {
	font-size: 14px;
	color:#ffffff;
}
.title-text {
	font-size: 24px;
}
.vk-icon {
	text-align:left;
}
}
@media screen and (max-width: 509px) {
	.point1 {top:unset;}
	.text1 {top:unset;}
	.point1::before {
	content:"";
	position:absolute;
	border: 5px #30668e solid;
	width: 40px;
	height:40px;
	border-radius:50%;
	left: 0;
	right:100px;
	margin:auto;
	bottom:-6px;
}
	.point1::after {
	position:absolute;
	content:"";
	width: 24px;
	height:24px;
	border-radius: 50%;
	padding: 12px;
	background-color:#ef7f30;
	left: 0;
	right:100px;
	margin:auto;
	bottom: 3px;
}
	.point2 {top:unset;}
	.text2 {top:unset;}
	.point2::before {
	content:"";
	position:absolute;
	border: 5px #30668e solid;
	width: 40px;
	height:40px;
	border-radius:50%;
	left: 0;
	right:100px;
	margin:auto;
	bottom:-6px;
}
	.point2::after {
	position:absolute;
	content:"";
	width: 24px;
	height:24px;
	border-radius: 50%;
	padding: 12px;
	background-color:#ef7f30;
	left: 0;
	right:100px;
	margin:auto;
	bottom: 3px;
}
	.point3 {top:unset;}
	.text3 {top:unset;}
	.point3::before {
	content:"";
	position:absolute;
	border: 5px #30668e solid;
	width: 40px;
	height:40px;
	border-radius:50%;
	left: 0;
	right:100px;
	margin:auto;
	bottom:-6px;
}
	.point3::after {
	position:absolute;
	content:"";
	width: 24px;
	height:24px;
	border-radius: 50%;
	padding: 12px;
	background-color:#ef7f30;
	left: 0;
	right:100px;
	margin:auto;
	bottom: 3px;
}
	.point4 {top:unset;}
	.text4 {top:unset;}
	.point4::before {
	content:"";
	position:absolute;
	border: 5px #30668e solid;
	width: 40px;
	height:40px;
	border-radius:50%;
	left: 0;
	right:100px;
	margin:auto;
	bottom:-6px;
}
	.point4::after {
	position:absolute;
	content:"";
	width: 24px;
	height:24px;
	border-radius: 50%;
	padding: 12px;
	background-color:#ef7f30;
	left: 0;
	right:100px;
	margin:auto;
	bottom: 3px;
}
}
@media screen and (max-width: 373px) {
	.point4::before {
	content:"";
	display:none;
}
	.point4::after {
	content:"";
	display:none;
}
	.point3::before {
	content:"";
	display:none;
}
	.point3::after {
	content:"";
	display:none;
}
	.point2::before {
	content:"";
	display:none;
}
	.point2::after {
	content:"";
	display:none;
}
	.point1::before {
	content:"";
	display:none;
}
	.point1::after {
	content:"";
	display:none;
}
}



input.not-valid {
	border: 1px solid red!important;
}
.not-valid-mess {
	color: red;
	display: block;
	margin: 0 0 5px;
	font-size: 10px;
}
button.disabled,
input.disabled {
	opacity: .5;
	pointer-events: none;
}
button.disabled,
input.disabled {
	opacity: .5;
	pointer-events: none;
}
button.loading,
input.loading {
	pointer-events: none;
	position: relative;
}
button.loading:before,
button.loading:after {
	content: '';
	position: absolute;
	display: block;
}
button.loading:before {
	width: 100%;
	height: 100%;
	z-index: 4;
	background: inherit;
	top: 0;
	left: 0;
}
button.loading:after {
	width: 20px;
	height: 20px;
	top: calc(50% - 10px);
	left: calc(50% - 10px);
	border: 2px solid white;
	border-color: #fff transparent #fff transparent;
	border-radius: 50%;
	animation: lds-dual-ring 1.2s linear infinite;
	z-index: 5;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}