* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  padding: env(safe-area-inset);
}

body {
  position: relative;
  overflow-x: hidden;
  font-family: "Barlow", sans-serif;
  padding: 0px;
  margin: 0px auto;
  line-height: 1;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  background-color: #000000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body.menuIsOpened {
  overflow: hidden;
}

body .bodyWrap {
  position: relative;
  overflow: hidden;
}
.fill-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1200px;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  display: block;

}
#mobile-video.background.fill-container{
	display: none;
}
.vimeo-wrapper {
  position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;

overflow: hidden;
}

 div.vimeo-wrapper iframe.bg-video{

}
div.vimeo-wrapper iframe.bg-video {
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%,-50%);
opacity: .8;
min-height: 1000px;
}

div.vimeo-wrapper video.bg-video{

}
div.vimeo-wrapper video.bg-video {
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%,-50%);
opacity: 0.8;
min-height: 1000px;
}
.vimeo-wrapper::after {
content: "";
display: block;
position: absolute;
top: 0px;
left: 50%;
margin-left: -960px;
width: 1920px;
height: 1547px;
background-image: url(../img/start_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: 0;
opacity: 0.5;}
.main-header--services video {
    left:50%;
    top: 0%;
    transform: translate(-50%,-0%);
    overflow: hidden !important;
}

.main-header--services video {
    position: absolute;
    min-height: 650px;
    min-width: auto;
}
.main-header {
    height: 650px;
    overflow: hidden !important;
    min-height: 400px;
    position: absolute;
    z-index: 0;
   	width: 100%;
    margin: 0;
    
}
.container {
  width: 1200px;
  padding: 0px 15px;
  margin: 0px auto;
}
div.cabinetContentWrapper div#response.container{
	width:100%;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
  opacity: 1;
  -webkit-outline: none;
  -moz-outline: none;
  outline: none;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
  color:#098b1e;
  font-size: 20px;
}
a:hover{
	color:#fff;
	
}

select,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
textarea {
  width: 100%;
  -webkit-outline: none;
  -moz-outline: none;
  outline: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  font-family: "Barlow";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
  padding: 0px;
  font-family: "Barlow";
  background-color: transparent;
  border: none;
  -webkit-outline: none;
  -moz-outline: none;
  outline: none;
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

.siteTabs .tabContent {
  display: none;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.siteTabs .tabContent.active {
  display: block;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.mainAddress {
  /*max-width: 230px;*/
font-size: 20px;
line-height: 27px;
color: #ffffff;
letter-spacing: 0.025em;
position: relative;
padding-left: 30px;
}
#bgbodyWrap.bodyWrap div.aboutSection div.container div.aboutMap.wow.animate__fadeInUp div.licenseList div.item div.licenseBlock div.info div.address p.mainAddress { 
  padding-left: 0px;
}
.mainAddress [class*=icon] {
  position: relative;
  left: -3px;
  display: inline-block;
  color: #098b1e;
}

.mainContacts {
  font-size: 20px;
  line-height: 37px;
  color: #ffffff;
  letter-spacing: 0.025em;
}

/*.mainContacts p [class*=icon] {
  position: relative;
  top: 7px;
  margin-right: 2px;
  display: inline-block;
  color: #098b1e;
  font-weight: 600;
    background-image: url(../img/mail.png);
background-size: 28px 57px;
background-position: top center;
background-repeat: no-repeat;

width: 28px;
height: 28px;

}*/

.mainContacts p a {
display: table;
line-height: 33px;
color: #fff;
-webkit-transition: color 0.03s;
-moz-transition: color 0.03s;
-o-transition: color 0.03s;
transition: color 0.03s;
font-weight: 500;
background-image: url(../img/mail.png);
background-size: 27px 63px;
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 35px;


}

.mainContacts p a:hover, .mainContacts p:hover [class*="icon"] {
background-position: bottom left;
  color: #098b1e;
}

.socList {
  display: flex;
  justify-content: flex-end;
}

.socList li {
  position: relative;
  z-index: 1;
}

.socList li>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.socList li [class*=icon] {
  font-size: 26px;
  color: #098b1e;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.socList li:hover [class*=icon] {
  color: #ffffff;
}

.socList li+li {
  margin-left: 18px;
}

.siteLogo {
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
div#mobile_logo_page.titleContainer{
	text-align: center;
	margin-top: 70px;
		-webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
	position: relative;
	opacity: 1;
	display: none;
}
div#mobile_logo_page.titleContainer div.siteLogopage a img{
	width: 100%;
height: auto;
}
.siteLogo>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}
div#mobile_logo_page.titleContainer:hover,
.siteLogo:hover {
  opacity: 0.7;
}

.siteLogo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
height: auto;
}

.siteLogo .title {
  display: block;
  margin-top: 9px;
  font-size: 29px;
  line-height: 1;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-align: center;
}
.mainStartWrapper header.header div.headerInfo.wow.fadeIn div.container div.wrapper div.leftSide div.mainContacts div.minilogo-head a img{
	display: none;
}
.minilogo-head {
  display: block;
  position: relative;
  z-index: 2;
  height: 10px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.minilogo-head a img{
	position:absolute;
	top:85px;
}
.minilogo-head:hover{
	opacity: 0.7;
}
.mainStartWrapper header.header div.headerInfo.wow.animate__fadeIn div.container div.wrapper div.leftSide div.mainContacts div.minilogo-head{
	display:none;
}
.pagination .pagination {
  display: flex;
  justify-content: center;
}

.pagination .pagination li {
  position: relative;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background-color: #ffffff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /*-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;*/
  position: relative;
  z-index: 1;
}

.pagination .pagination li>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.pagination .pagination li::before {
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  top: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid #16d0fe;
  /*-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;*/
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.pagination .pagination li.active,
.pagination .pagination li:hover {
  background-color: #16d0fe;
}

.pagination .pagination li.active::before,
.pagination .pagination li:hover::before {
  opacity: 1;
}

.pagination .pagination li+li {
  margin-left: 23px;
}

.pagination .navigation {
  margin-top: 36px;
  display: flex;
  justify-content: center;
}

.pagination .navigation [class*=icon] {
  font-size: 19px;
  color: #629fd1;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.pagination .navigation .prev,
.pagination .navigation .next {
  position: relative;
  z-index: 1;
}

.pagination .navigation .prev>a,
.pagination .navigation .next>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.pagination .navigation .prev:hover [class*=icon],
.pagination .navigation .next:hover [class*=icon] {
  color: #000001;
}

.pagination .navigation .next {
  margin-left: 48px;
}

.siteLink {
  display: inline-block;
  font-size: 16px;
  line-height: 21px;
  color: #098b1e;
  text-decoration: underline;
  text-decoration-color: inherit;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.siteLink:hover {
  text-decoration-color: transparent;
}
div.field div.inBlock div.inWrap img{
	height: 20px;
margin-right: 20px;
}
#cap_flex{
	display: flex;
	align-items: center;
}
[class*=btnFill] {
  position: relative;
  display: inline-block;
  min-width: 233px;
  height: 63px;
  padding: 0px 15px;
  font-size: 20px;
  line-height: 60px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: center;
  /*-webkit-border-radius: 63px;
  -moz-border-radius: 63px;
  -ms-border-radius: 63px;
  border-radius: 63px;*/
  -webkit-box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.33);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}

@media (max-width: 767px) {
  [class*=btnFill] {
    min-width: 213px;
  }
}

[class*=btnFill][class*=Type1] {
  background-color: #505050;
  color:#fff;
  }
[class*=btnFill][class*=Type1]:hover {
   color:#000000;
}
[class*=btnFill][class*=Type1]::after {
  background-color: #505050;
}

[class*=btnFill][class*=Type2] {
  background-color: #098b1e;
  color:#000000;
}

[class*=btnFill][class*=Type2]::after {
  background-color: #098b1e;
  color:#000000;
}

[class*=btnFill]::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*-webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;*/
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: -1;
}

[class*=btnFill]:hover {
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  color:#fff;
}


[class*=btnFill]:hover::after {
  -moz-transform: scaleX(1.4) scaleY(1.6);
  -ms-transform: scaleX(1.4) scaleY(1.6);
  -webkit-transform: scaleX(1.4) scaleY(1.6);
  -o-transform: scaleX(1.4) scaleY(1.6);
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}

[class*=btnFill]:active {
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
input.sbmt.deposit-process-wrap,
input.sbmt.deposit-cancel1,
.btnGrad input{
  font-size: 20px;
  line-height: 60px;
  font-family: "Barlow";
  background-color: #098b1e;
  color: #000000;
  border: none;
  text-transform: uppercase;
  font-weight: 600;
    -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
width:100%;
cursor:pointer;
}
.btnGrad input:hover{
	color:#fff;
}
div#CabinetSection.aboutSection div form span.deposit-cancel-wrap{
	margin-left:9px;
}
div#CabinetSection.aboutSection div form span.deposit-process-wrap,
div#CabinetSection.aboutSection div form span.deposit-cancel-wrap{
position: relative;
display: inline-block;
margin-top: 50px;
}
input.sbmt.deposit-process,
input.sbmt.deposit-cancel,
.btnGrad {
  position: relative;
  display: inline-block;
  min-width: 233px;
  height: 63px;
  padding: 0px 15px;
  font-size: 20px;
  line-height: 60px;
  font-family: "Barlow";
  font-weight: bold;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: center;
  background-color: #098b1e;
  color:#000000;
  /*-webkit-border-radius: 63px;
  -moz-border-radius: 63px;
  -ms-border-radius: 63px;
  border-radius: 63px;*/
  -webkit-box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.33);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
  border: 0;
  cursor: pointer;
}

.btnGrad::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background-color: #098b1e;
 
  /*-webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;*/
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: -1;
}
input.sbmt.deposit-process:hover,
input.sbmt.deposit-cancel:hover,
.btnGrad:hover {
color:#fff;
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

input.sbmt.deposit-process:hover::after,
input.sbmt.deposit-cancel:hover::after,
.btnGrad:hover::after {
  -moz-transform: scaleX(1.4) scaleY(1.6);
  -ms-transform: scaleX(1.4) scaleY(1.6);
  -webkit-transform: scaleX(1.4) scaleY(1.6);
  -o-transform: scaleX(1.4) scaleY(1.6);
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}

input.sbmt.deposit-process:active,
input.sbmt.deposit-cancel:active,
.btnGrad:active {
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#pay-form{
	text-align: center;
font-size: 20px;
margin-top: 50px;
line-height: 30px;
}
.btnGrad.center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.btnGrad.full {
  width: 100%;
}

.btnGrad.sm {
  min-width: 147px;
  height: 45px;
  font-size: 17px;
  line-height: 42px;
  /*-webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  -ms-border-radius: 45px;
  border-radius: 45px;*/
}

.inBlock label {
  display: block;
  padding-left: 10px;
  font-size: 17px;
  line-height: 17px;
  color: #ffffff;
}

.inBlock label+.inWrap {
  margin-top: 8px;
}

.inBlock input {
    padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 5px;
  height: 63px;
  font-size: 22px;
  line-height: 50px;
  color: #ffffff;
  background-color: #000000;
border-width: 1px;
border-style: solid;
border-color: rgba(0, 115, 215, 0.8);
  /*-webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  -ms-border-radius: 31px;
  border-radius: 31px;*/
   -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;

}
.inBlock input:active, .inBlock input:focus, .inBlock input:hover,
.inBlock textarea:active, .inBlock textarea:focus, .inBlock textarea:hover{
	background-color: #222;
	border-color: rgba(255, 255, 255, 0.9);
	
}
.inBlock textarea {
  padding-left: 32px;
  padding-top: 16px;
  padding-right: 32px;
  padding-bottom: 8px;
  height: 174px;
  font-size: 22px;
  line-height: 24px;
  color: #ffffff;
 background-color: #000000;
border-width: 1px;
border-style: solid;
border-color: rgba(0, 115, 215, 0.8);
  /*-webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  -ms-border-radius: 31px;
  border-radius: 31px;*/
  resize: none;
  overflow: hidden;
   -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inBlock input::placeholder,
.inBlock textarea::placeholder {
  color: #777;
  opacity: 1;
}

.inBlock input:-ms-input-placeholder,
.inBlock textarea:-ms-input-placeholder {
  color: #777;
  opacity: 1;
}

.inBlock input::-ms-input-placeholder,
.inBlock textarea::-ms-input-placeholder {
  color: #505050;
  opacity: 1;
}

.inBlock input::-webkit-input-placeholder,
.inBlock textarea::-webkit-input-placeholder {
  color: #777;
  opacity: 1;
}

.inBlock input:-moz-placeholder,
.inBlock textarea:-moz-placeholder {
  color: #777;
  opacity: 1;
}

.inBlock input::-moz-placeholder,
.inBlock textarea::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.restorePassword {
  margin-top: 10px;
  font-size: 16px;
}
.selectric-focus .selectric,
.selectric-open .selectric {
  border-color: #5b5858;
}

.selectric {
  height: 63px;
  background-color: #000000;
  border-width: 1px;
  border-style: solid;
  border-color: #098b1e;
-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.selectrics:hover, .selectric:focus, .selectric:active{
	background-color: #222;
	border-color: rgba(255, 255, 255, 0.9);
}
.selectric:hover {
  border-color: #5b5858;
}

.selectric .label {
  height: 61px;
  margin: 0px;
  padding-left: 32px;
  padding-right: 45px;
  font-size: 17px;
  line-height: 57px;
  color: #ffffff;
}

.selectric .label span {
  display: inline-block;
  margin-left: 5px;
  color: #098b1e;
}

.selectric .selectricBtn {
  position: absolute;
  top: 0px;
  right: 26px;
  font-size: 13px;
  line-height: 61px;
  color: #ffffff;
}

.selectric-items {
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #000000;
  border-width: 1px;
  border-style: solid;
  border-color: #098b1e;
  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  
}

.selectric-items li {
  padding: 0px 33px;
  font-size: 17px;
  line-height: 29px;
  color: #ffffff;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.selectric-items li span {
  display: inline-block;
  margin-left: 5px;
  color: #098b1e;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.selectric-items li.selected,
.selectric-items li.highlighted,
.selectric-items li:hover {
  color: #ffffff;
  background-color: #098b1e;
}

.selectric-items li.selected span,
.selectric-items li.highlighted span,
.selectric-items li:hover span {
  color: #ffffff;
}

.checkBtn {
  position: relative;
}

#hiden-text,
.checkBtn input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
}

.checkBtn input:checked+label::after {
  opacity: 1;
}

.checkBtn label {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  font-size: 18px;
  line-height: 25px;
  color: #098b1e;
  letter-spacing: 0.025em;
  text-align: left;
  cursor: pointer;
}

.checkBtn label a {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.checkBtn label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -14px;
  width: 28px;
  height: 28px;
  border: 2px solid #098b1e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.checkBtn:hover label::before{
	-webkit-box-shadow:  0px 0px 2px 2px #098b1e;
-moz-box-shadow:  0px 0px 2px 2px #098b1e;
box-shadow:  0px 0px 2px 2px #098b1e;
}

.checkBtn label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 7px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  background-color: #098b1e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

div#CabinetSection.aboutSection div.cabSecurity form.cabForm div.cabFormRight div.inBlock div.checkBtn label{
	color: #fff;
}
.switcherBtn {
  position: relative;
}

.switcherBtn input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
}

.switcherBtn input:checked+.wrap .checked {
  color: #ffffff;
}

.switcherBtn input:checked+.wrap .unchecked {
  color: #098b1e;
}

.switcherBtn input:checked+.wrap label::before {
  left: 2px;
}

.switcherBtn input:not(:checked)+.wrap .checked {
  color: #098b1e;
}

.switcherBtn input:not(:checked)+.wrap .unchecked {
  color: #ffffff;
}

.switcherBtn .wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.switcherBtn .option {
  font-size: 18px;
  line-height: 23px;
  color: #098b1e;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.switcherBtn .option.checked {
  text-align: right;
}

.switcherBtn label {
  position: relative;
  display: block;
  width: 51px;
  height: 27px;
  margin-left: 6px;
  margin-right: 10px;
  align-self: center;
  background-color: #5b1daa;
  -webkit-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.33);
  box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.33);
  /*-webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;/*
  cursor: pointer;
}

.switcherBtn label::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 26px;
  width: 23px;
  height: 23px;
  background-color: #000001;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 1, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 1, 0, 0.2);
  box-shadow: 1px 1px 3px 1px rgba(0, 1, 0, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
}

.header {
  position: relative;
}

.header::before {
  /*content: "";
  display: block;
  position: absolute;
  top: -300px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 601px;
  height: 601px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 59px 0px #000000;
  -moz-box-shadow: 0px 0px 59px 0px #000000;
  box-shadow: 0px 0px 59px 0px #000000;*/
}

.header::after {
  /*content: "";
  display: block;
  position: absolute;
  top: -240px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 483px;
  height: 483px;
  opacity: 0.212;
  background-image: -moz-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);
  background-image: -webkit-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);
  background-image: -ms-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 59px 0px #000000;
  -moz-box-shadow: 0px 0px 59px 0px #000000;
  box-shadow: 0px 0px 59px 0px #000000;*/
}

@keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse-ring {
  0% {
    transform: scale(0.7);
  }

  80%,
  100% {
    opacity: 0;
  }
}

.topLine {
  padding-top: 10px;
  background-color: #000000;
  /*-webkit-box-shadow: 0px 0px 59px #000000;
  -moz-box-shadow: 0px 0px 59px #000000;
  box-shadow: 0px 0px 59px #000000;*/
}

.siteMenu {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  z-index: 5;
}

.siteMenu li a {
  position: relative;
  display: block;
  padding-bottom: 13px;
  font-size: 16px;
  line-height: 37px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.siteMenu li a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 4px;
  background-color: #098b1e;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.siteMenu li a.active,
.siteMenu li:hover a
{
  color: #098b1e;
  
 
}
.siteMenu li a.active::before,
.siteMenu li:hover a, 
.siteMenu li:hover a::before{
	opacity: 1;
}



.headerInfo .wrapper {
  display: flex;
  justify-content: space-between;
}

.headerInfo .leftSide {
  padding-top: 40px;
  width: 33.3333%;
}

.headerInfo .rightSide {
  margin-top: 32px;
  width: 33.3333%;
  display: flex;
  justify-content: flex-end;
}

.headerInfo .logoWrapper {
  padding-top: 15px;
  width: 33.3333%;
}

.headerInfo .mainContacts {
  margin-left: auto;
}

.headerInfo .socList {
  margin-top: 15px;
}

.openMobileMenu {
  display: none;
  padding: 10px;
  margin: auto;
}
 a.mobileLogo{	
  display: none;
  width: 60px;
  height: 60px;
  background-image: url(../img/mini-logo.png);
  background-size: 50px 48px;
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  top: 9px;
  left: 3px;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a.mobileLogo:hover{
	opacity:0.7;
}

.openMobileMenu span {
  display: block;
  width: 38px;
  height: 4px;
  background-color: #ffffff;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.openMobileMenu:hover span {
  background-color: #098b1e;
 
}

.openMobileMenu span+span {
  margin-top: 6px;
}

.mobileMenu .mainContacts {
  display: none;
}

.firstCap {
  display: block;
  font-size: 70px;
  line-height: 80px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-transform:uppercase;
}



.secCap {
display: block;
font-size: 50px;
line-height: 80px;
color: #ffffff;
font-weight: 500;
letter-spacing: 0.025em;
text-transform: uppercase;
text-align: center;
padding-bottom: 60px;
}
.container div#CabinetSection.aboutSection div.cabSecurity form.cabForm div.cabFormRight div.inBlock div.sectionTitle.center{
	margin-bottom: 50px;
	text-align: left;
}
@media (max-width: 1366px) {
  
}
@media (max-width: 1199px) {
  .secCap {
    line-height: 60px;
  }
}

@media (max-width: 767px) {
  .secCap {
    font-size: 43px;
  }
}

.thirdCap {
  display: block;
font-size: 36px;
line-height: 50px;
color: #ffffff;
font-weight: 500;
text-transform: uppercase;
}

.textBlock {
  font-size: 20px;
line-height: 28px;
color: #ffffff;
}

@media (max-width: 991px) {
  .textBlock {
    /*font-size: 16px;
    line-height: 24px;*/
  }
}

.textBlock figure {
  width: 557px;
  height: 358px;
  margin-top: 62px;
  margin-bottom: 0px;
border-left: 5px solid #098b1e;
  -webkit-box-shadow: 0px 0px 21px 0px #000000;
  -moz-box-shadow: 0px 0px 21px 0px #000000;
  box-shadow: 0px 0px 21px 0px #000000;
}

@media (max-width: 1199px) {
  .textBlock figure {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .textBlock figure {
    width: 100%;
    height: auto;
  }

  .textBlock figure img {
    width: 100%;
    height: auto;
  }
}

.textBlock figure:first-child {
  margin-top: 8px;
}

@media (max-width: 1199px) {
  .textBlock figure:first-child {
    margin-top: 11px;
  }
}

.textBlock figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.textBlock figure.leftSide {
  float: left;
  margin-left: 4px;
  margin-right: 47px;
}

@media (max-width: 1199px) {
  .textBlock figure.leftSide {
    margin-left: 0px;
    margin-right: 30px;
  }
}

@media (max-width: 991px) {
  .textBlock figure.leftSide {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }
}

.textBlock figure.rightSide {
  float: right;
  margin-left: 50px;
  margin-right: 4px;
}

@media (max-width: 1199px) {
  .textBlock figure.rightSide {
    margin-left: 30px;
    margin-right: 0px;
  }
}

@media (max-width: 991px) {
  .textBlock figure.rightSide {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }
}

.mainStartWrapper {
  position: relative;
}
.mywrapper{
	display: none;
}
/*.mainStartWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1547px;
  background-image: url(../img/start_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}*/

.startSection {
  padding-top: 133px;
}

.startSection .wrapper {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.startSection .contentContainer {
  margin-top: 49px;
  font-size: 30px;
  line-height: 45px;
  color: #ffffff;
  font-weight: 300;
  /*letter-spacing: 0.025em;*/
}
.pageTitleSection div.container div.buttons,
.startSection .buttons {
  margin-top: 47px;
  display: flex;
  justify-content: center;
}
.pageTitleSection .buttons [class*=btn]+[class*=btn],
.startSection .buttons [class*=btn]+[class*=btn] {
  margin-left: 40px;
}

.startSection .mainStat {
  /*margin-top: 85px;*/
  margin-top: 145px;
}

.startSection .startAbout {
  margin-top: 108px;
}

.startSection .mainCurrency {
  margin-top: 92px;
}

.mainStat {
  display: flex;
  min-height: 135px;
  background-color:rgba(49, 49, 49, 0.95);
  border-style: solid;
  border-width: 1px;
  border-color:  #000000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
}

.mainStat .item {
  display: flex;
flex-direction: column;
align-items: center;
/*width: 20%;*/
width: 33%;
padding-top: 45px;
padding-bottom: 30px;
text-align: center;
min-height: 190px;
}

.mainStat .item .icon {
  margin-bottom: auto;
  margin-bottom: 10px;
}

.mainStat .item+.item {
  border-left: 1px solid #000000;
}

.mainStat .param {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.mainStat .data {
  display: block;
font-size: 22px;
line-height: 28px;
color: #098b1e;
font-weight: 500;
letter-spacing: 0.025em;
 /* text-transform: uppercase;*/
}
#mainStat2{
	margin-top: 55px;
	display: none;
}
.startAbout {
  display: flex;
  justify-content: space-between;
}

.startAbout .item {
  display: flex;
  align-items: center;
}

.startAbout .img {
  flex-shrink: 0;
}

.startAbout .img img {
  display: block;
  opacity: .6;
}

.startAbout .data {
  margin-left: 33px;
}

.startAbout .title {
  display: block;
  font-size: 28px;
  line-height: 30px;
  color: #ffffff;
  font-weight: bold;
}

.startAbout ul {
  margin-top: 34px;
}

.startAbout ul li {
  position: relative;
  padding-left: 21px;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
}

.startAbout ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  top: 10px;
  width: 0px;
  height: 0px;
  border-left: 7px solid #098b1e;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.mainCurrency {
  background-color: rgba(75, 36, 134, 0.549);
  border: 1px solid #8f3af8;
  /*-webkit-border-radius: 103px;
  -moz-border-radius: 103px;
  -ms-border-radius: 103px;
  border-radius: 103px;*/
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
}

.mainCurrency+.navigation {
  display: none;
}

.mainCurrency .swiper-wrapper {
  display: flex;
}

.mainCurrency .swiper-slide {
  width: 11.1111111111%;
  -webkit-transition: border-left 0.3s;
  -moz-transition: border-left 0.3s;
  -o-transition: border-left 0.3s;
  transition: border-left 0.3s;
}

.mainCurrency .swiper-slide+.swiper-slide {
  border-left: 1px solid #8f3af8;
}

.mainCurrency .swiper-slide+.swiper-slide-active {
  border-left: 1px solid transparent;
}

.mainCurrency .swiper-slide:first-child {
  flex-basis: 140px;
}

.mainCurrency .swiper-slide:first-child .item {
  padding-left: 35px;
}

.mainCurrency .item {
  padding-left: 20px;
  padding-top: 22px;
  padding-right: 10px;
  padding-bottom: 18px;
}

.mainCurrency .item.up .arrow {
  border-bottom: 7px solid #07c8ff;
}

.mainCurrency .item.up .data {
  color: #07c8ff;
}

.mainCurrency .item.down .arrow {
  border-top: 7px solid #cf4cff;
}

.mainCurrency .item.down .data {
  color: #cf4cff;
}

.mainCurrency .arrow {
  display: block;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.mainCurrency .param {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.mainCurrency .data {
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.025em;
}

.sectionTitle.center {
  text-align: center;
}

.sectionTitle .preTitle {
  display: block;
font-size: 20px;
line-height: 16px;
color: #ffffff;
letter-spacing: 0.025em;
text-transform: uppercase;
margin: 20px auto 70px;
line-height: 32px;
font-weight: 500;
}
div.regForm form.formWrap span.preTitle{
	 display: block;
font-size: 20px;
line-height: 16px;
color: #ffffff;
letter-spacing: 0.01em;
text-transform: uppercase;
margin: 0px auto;
width: 100%;
text-align: center;
}
.sectionTitle .preTitle+* {
  margin-top: -16px;
  letter-spacing: 0em;
}

@media (max-width: 1199px) {
  .sectionTitle .preTitle+* {
    margin-top: 0px;
  }
}

.mainAdvantages {
  position: relative;
  margin-top: 114px;
}

.mainAdvantages::before {
  content: "";
display: block;
position: absolute;
top: 235px;
left: 50%;
margin-left: -50%;
width: 100%;
height: 341px;
/*background-image: url(../img/advantages_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;*/
z-index: -1;
opacity:.5;
}

.mainAdvantages .sectionContent {
  position: relative;
  margin-top: 75px;
}

.mainAdvantages .logoImage {
  position: absolute;
  top: 119px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  z-index: -1;
}

.advantagesList {
  display: flex;
  justify-content: space-between;
}

.advantagesList .col {
  width: 458px;
}

.advantagesList .advantageItem+.advantageItem {
  margin-top: 88px;
}

.advantageItem {
  display: flex;
  justify-content: space-between;
}

.advantageItem .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 93px;
  height: 93px;
  margin-top: 7px;
  flex-shrink: 0;
  background-color: rgba(48,48,48,0.7);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
}

.advantageItem .data {
  width: 270px;
}

.advantageItem:nth-child(2) {
  padding-left: 70px;
}

.advantageItem .title {
  display: block;
  font-size: 28px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 500;
}

.advantageItem p {
margin-top: 8px;
height: 60px;
font-size: 18px;
line-height: 24px;
color: #BEBEBE;
}

.advantageItem.reverse {
  flex-direction: row-reverse;
}

.advantageItem.reverse .data {
  text-align: right;
}

.advantageItem.reverse:nth-child(2) {
  padding-left: 0px;
  padding-right: 70px;
}

.logoImage {
  width: 239px;
  height: 239px;
}

.logoImage .logo {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /*background-image: -moz-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);
  background-image: -webkit-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);
  background-image: -ms-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  /*-webkit-box-shadow: 0px 0px 59px 0px #000000;
  -moz-box-shadow: 0px 0px 59px 0px #000000;
  box-shadow: 0px 0px 59px 0px #000000;*/
}

.logoImage::before {
  content: "";
  display: block;
  position: absolute;
  left: -45px;
  top: -45px;
  width: 329px;
  height: 329px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 59px 0px #098b1e;
  -moz-box-shadow: 0px 0px 59px 0px #098b1e;
  box-shadow: 0px 0px 59px 0px #098b1e;
  z-index: -1;
}

.logoImage::after {
  content: "";
  display: block;
  position: absolute;
  left: -129px;
  top: -129px;
  width: 497px;
  height: 497px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  /*-webkit-box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.33);*/
  z-index: -1;
}

.mainAbout {
  position: relative;
  margin-top: 94px;
}

.mainAbout::before {
  content: "";
  display: block;
  position: absolute;
  top: -693px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1798px;
  background-image: url(../img/about_back.jpg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

.mainAbout [class*=btn] {
  margin-top: 52px;
}

.mainAbout .sectionContent {
  margin-top: 145px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.mainAbout .col {
  position: relative;
  padding-left: 50px;
}

.mainAbout .col::before {
  content: attr(data-before);
  display: block;
  position: absolute;
  left: -9px;
  top: -59px;
  font-size: 90px;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.025em;
  opacity: 0.3;
  /*mix-blend-mode: overlay;*/
  z-index: -1;
  padding-left:60px;
  -webkit-transition: color 0s;
  -moz-transition: color 0s;
  -o-transition: color 0s;
  transition: color 0s;
}

.mainAbout .aboutMap {
  margin-top: 275px;
}

#bull-block{
	height:200px;
}
.aboutMap {
  display: flex;
}

.aboutMap .map {
  margin-top: 5px;
  flex-shrink: 0;
}

.aboutMap .inner {
  position: relative;
  right: -40px;
}

.aboutMap .highlight {
  display: block;
  font-size: 30px;
  line-height: 48px;
  color: #16d0fe;
  font-weight: bold;
}

.aboutMap .lastStatItem {
  position: absolute;
}

.aboutMap .lastStatItem:nth-of-type(1) {
  top: 71px;
  left: 142px;
}

.aboutMap .lastStatItem:nth-of-type(2) {
  top: 30px;
  left: 400px;
}

.aboutMap .lastStatItem:nth-of-type(3) {
  bottom: 75px;
  left: 415px;
}

.aboutMap .lastStatItem:nth-of-type(4) {
  top: 66px;
  right: 62px;
}

.lastStatItem {
  text-align: center;
}

.lastStatItem .sum {
  display: block;
  font-size: 35px;
  line-height: 1;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.025em;
}

.lastStatItem .type {
  display: block;
  margin-top: 3px;
  font-size: 18px;
  line-height: 27px;
  color: #16d0fe;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.lastStatItem .name {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  letter-spacing: 0.025em;
}

.lastStatItem .date {
  display: block;
  font-size: 12px;
  line-height: 17px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.02em;
}

.lastStatItem .dot {
  position: relative;
  display: block;
  margin-left: auto;
  margin-top: 11px;
  margin-right: auto;
  width: 22px;
  height: 22px;
  border: 1px solid #16d0fe;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.lastStatItem .dot::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background-color: #16d0fe;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.lastStatItem.out .type {
  color: #098b1e;
}
/*---gen plans*/
div#plans-new.mainPlans::before{
	top: -500px;
}
div#plans-new.mainPlans{
	margin-top: 0px;
}
.investPlan {
    padding: 73px 0 0;
    position: relative;
}
.investPlan:after {
    content: "";
    /*background-image: url(../img/fon_toh.png);*/
    position: absolute;
    left: calc(50% - 1006px);
    top: 47px;
    width: 2139px;
    height: 717px;
    z-index: -1;
}
.investPlan:before {
    content: "";
    width: 2139px;
    height: 765px;
    position: absolute;
    left: 50%;
    top: 77px;
    margin-left: -1080px;
    z-index: -1;
    background-color: #000000;
    -webkit-transform: rotate(-9.5deg);
    -moz-transform: rotate(-9.5deg);
    -o-transform: rotate(-9.5deg);
    transform: rotate(-9.5deg);
    z-index: -1;
}
.investPlan .calcProfit {
    padding: 133px 0 0 32px;
}
.investPlan .investTxt {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    width: 350px;
    text-align: right;
    width: 100%;
}
.investPlan .investTxt .cap {
    font-size: 22px;
    width: 265px;
    text-align: left;
    font-weight: 400;
    position: relative;
    z-index: 2;
}
.investPlan .investTxt .cap::before {
    content: "";
    background-image: url(../img/investplan_border.html);
    width: 219px;
    height: 93px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: -31px;
    z-index: -1;
}
.investPlan .investTxt .txt {
    color: #9a9a9a;
    font-size: 16px;
    
    width: 510px;
    line-height: 24px;
    margin-right: 48px;
    letter-spacing: 0.4px;
}
.investListPlan {
     display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
    margin-top: 117px;
}
.investListPlan .item label:hover::before{
	 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.investListPlan .item input:checked + label::before,
.investListPlan .item label:hover::before {
    /*background-color: rgba(38, 38, 38, 1);*/
    -webkit-box-shadow: 0 0 5px 5px rgba(0,115,215, 0.55);
    -moz-box-shadow: 0 0 5px 5px rgba(0,115,215, 0.55);
    box-shadow: 0 0 5px 5px rgba(0,115,215, 0.55);
}
div.investListPlan div#plan_lock1.item input:checked + label::before,
div.investListPlan div#plan_lock1.item label:hover::before, 
div.investListPlan div#plan_lock2.item input:checked + label::before,
div.investListPlan div#plan_lock2.item label:hover::before,
div.investListPlan div#plan_lock3.item input:checked + label::before,
div.investListPlan div#plan_lock3.item label:hover::before,
div.investListPlan div#plan_lock4.item input:checked + label::before,
div.investListPlan div#plan_lock4.item label:hover::before,
div.investListPlan div#plan_lock5.item input:checked + label::before,
div.investListPlan div#plan_lock5.item label:hover::before,
div.investListPlan div#plan_lock6.item input:checked + label::before,
div.investListPlan div#plan_lock6.item label:hover::before,
div.investListPlan div#plan_lock7.item input:checked + label::before,
div.investListPlan div#plan_lock7.item label:hover::before{
    
	background-color: rgba(38, 38, 38, .1);
    -webkit-box-shadow: 0 0 5px 5px rgba(0,115,215, 0.55);
    -moz-box-shadow: 0 0 5px 5px rgba(0,115,215, 0.55);
    box-shadow: 0 0 5px 5px rgba(0,115,215, 0.55);
}
.investListPlan .item {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    width: calc((100% / 6) - 14px);
    -webkit-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
    box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
}
div.investListPlan div#plan_lock1.item,
div.investListPlan div#plan_lock2.item,
div.investListPlan div#plan_lock3.item,
div.investListPlan div#plan_lock4.item,
div.investListPlan div#plan_lock5.item,
div.investListPlan div#plan_lock6.item,
div.investListPlan div#plan_lock7.item{
	width: calc((100% / 8) - 14px);
	text-align:center;
	background-image: url(../img/lock-plan.png);
    background-position:center center;
	background-repeat:no-repeat;
	
	
}

 div.investListPlan div#plan_lock.item div.iconBl.icon-lock-5{
 	
 }
div#my_vip.investListPlan div.item{
	width: calc((100% / 3) - 14px);
}
.investListPlan .item .top {
    /*height: 98px;*/
    width: 100%;
    padding: 24px 5px;
    position: relative;
    z-index: 2;
   pointer-events: none;
}
.investListPlan .item .name {
    font-size: 24px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.investListPlan .item .desr {
    display: block;
    text-align: center;
    color: #098b1e;
    font-size: 24px;
    margin-top: 8px;
    /*letter-spacing: 2px;*/
	line-height: 30px;
	font-weight:600;
}
.investListPlan .item .center {
    background-color: rgba(0,0,0,.4);
border-left: 2px solid rgb(49, 48, 48);
border-right: 1px solid rgb(49, 48, 48);
    /*font-family: "Montserrat";*/
    padding: 9px 0 16px;
    position: relative;
    pointer-events: none;
    z-index: 2;
}
.investListPlan .item .tit {
    color: #9c9c9c;
    font-size: 15px;
    display: block;
    text-align: center;
}
.investListPlan .item .val {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    display: block;
    text-align: center;
    margin-top: 8px;
    letter-spacing: 1px;
}
.investListPlan .item .bot {
    /*font-family: "Montserrat";*/
    padding: 18px 0;
    position: relative;
    z-index: 2;
    pointer-events: none;
}
.investListPlan .item ul {
    color: #BEBEBE;
    font-size: 15px;
}
.investListPlan .item ul li {
    display: block;
    text-align: center;
    letter-spacing: 0.3px;
}
.investListPlan .item ul li + li {
    margin-top: 8px;
}
.investListPlan .item input {
    display: none;
}
.investListPlan .item label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
	background-color:rgba(49, 49, 49, 0.8);
    /*background-color: rgba(0,112,210,.2);
	border:1px solid rgba(0, 115, 215, 0.8);*/
    width: 100%;
    height: 100%;
    z-index: 0;
	  -webkit-transition: all 0.3s;

}
.investListPlan .item label {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* ---end gen plans*/

.mainPlans {
  position: relative;
  margin-top: 40px;
  padding-bottom: 150px;
}

.mainPlans .sectionContent {
  margin-top: 82px;
}

.mainPlans::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1620px;
  /*background-image: url(../img/plans_back.png);
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;*/
  z-index: -1;
}

.plansSlider {
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}

.plansSlider .pagination {
  margin-top: 77px;
  display: flex;
  justify-content: center;
}

.plansSlider .pagination .swiper-pagination-bullet {
  display: flex;
  width: auto;
  height: auto;
  background-color: transparent;
  opacity: 1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.plansSlider .pagination .swiper-pagination-bullet span {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background-color: #ffffff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.plansSlider .pagination .swiper-pagination-bullet span::before {
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  top: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid #16d0fe;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.plansSlider .pagination .swiper-pagination-bullet span+span {
  margin-left: 23px;
}

.plansSlider .pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 19px;
}

.plansSlider .pagination .swiper-pagination-bullet-active {
  background-color: transparent;
}

.plansSlider .pagination .swiper-pagination-bullet-active span {
  background-color: #16d0fe;
}

.plansSlider .pagination .swiper-pagination-bullet-active span::before {
  opacity: 1;
}

.plansSlider .navigation {
  margin-top: 36px;
  display: flex;
  justify-content: center;
}

.plansSlider .navigation [class*=icon] {
  font-size: 19px;
  color: #629fd1;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.plansSlider .navigation [class*=icon]:hover {
  color: #000001;
}

.plansSlider .navigation .prev,
.plansSlider .navigation .next {
  cursor: pointer;
}

.plansSlider .navigation .next {
  margin-left: 48px;
}

.planCard {
  position: relative;
  width: 360px;
  padding-top: 17px;
  padding-bottom: 22px;
}

.planCard .in {
  position: relative;
  padding-left: 24px;
  padding-top: 290px;
  padding-right: 24px;
  padding-bottom: 52px;
  background-color: #000000;
  background-image: url(../img/plan_bg.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}

.planCard .img {
  position: absolute;
  display: block;
  top: -17px;
  left: -20px;
}

.planCard .title {
  display: block;
  font-size: 30px;
  line-height: 37px;
  color: #d24cff;
  font-weight: bold;
}

.planCard .data {
  margin-top: 24px;
}

.planCard .cap {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  font-weight: bold;
}

.planCard .list li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.planCard .list li span {
  color: #098b1e;
}

.planCard .list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  top: 9px;
  width: 0px;
  height: 0px;
  border-left: 5px solid #cf4cff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.planCard [class*=btn] {
  position: absolute;
  display: table;
  bottom: 5px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
}

.planCard .vip {
  position: absolute;
  top: 217px;
  right: -10px;
  display: block;
  width: 183px;
  height: 54px;
  padding-left: 12px;
  padding-top: 5px;
  font-size: 24px;
  line-height: 37px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background-color: #000001;
  -webkit-border-radius: 27px 0px 0px 27px;
  -moz-border-radius: 27px 0px 0px 27px;
  -ms-border-radius: 27px 0px 0px 27px;
  border-radius: 27px 0px 0px 27px;
}

.planCard .vip span {
  font-size: 30px;
  text-transform: uppercase;
}

.planCard .vip::before {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 100%;
  width: 0px;
  height: 0px;
  border-top: 17px solid #923eff;
  border-right: 10px solid transparent;
}

.mainProgram {
  position: relative;
  padding-top: 150px;
}

.mainProgram::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1789px;
  /*background-image: url(../img/program_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;*/
  z-index: -1;
}

.mainProgram::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 676px;
  /*background-image: url(../img/program_back_2.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;*/
  z-index: -1;
}

.mainProgram .sectionContent {
  position: relative;
}

.mainProgram .logoImage {
  position: absolute;
  top: 70px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
}

.mainProgram .logoImage::before,
.mainProgram .logoImage::after {
  display: none;
}

.mainProgram [class*=btn] {
  margin-top: 70px;
}

.mainProgramBlock {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.mainProgramBlock .item {
  display: flex;
  flex-direction: column;
  height: 379px;
  padding-left: 30px;
  padding-top: 23px;
  padding-right: 136px;
  padding-bottom: 33px;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}

.mainProgramBlock .item:first-child {
  background-image: url(../img/program_1.html);
}

.mainProgramBlock .item:first-child .info {
  max-width: 230px;
}

.mainProgramBlock .item:last-child {
  padding-left: 160px;
  padding-right: 30px;
  background-image: url(../img/program_2.html);
}

.mainProgramBlock .item:last-child .title {
  color: #000001;
}

.mainProgramBlock .item:last-child .info {
  max-width: 260px;
}

.mainProgramBlock .item:last-child .pct span {
  color: #000001;
}

.mainProgramBlock .title {
  display: block;
margin-top: 6px;
font-size: 30px;
line-height: 50px;
color: #fff;
font-weight: 500;
letter-spacing: 0.025em;
text-align: center;
}

.mainProgramBlock .info {
  margin-top: 11px;
  font-size: 13px;
  line-height: 16px;
  color: #ffffff;
  margin-bottom: auto;
}

.mainProgramBlock .pct {
  font-size: 60px;
  line-height: 84px;
  color: #ffffff;
  font-weight: bold;
  text-align: right;
}

.mainProgramBlock .pct span {
  color: #16d0fe;
}

.mainSteps {
  margin-top: 114px;
  padding-bottom:100px;
}

.mainSteps .sectionContent {
  margin-top: 82px;
}

.stepsList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.stepsList .stepItem {
  height: 100%;
}

.stepItem {
  position: relative;
  padding-top: 18px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 45px;
  z-index: 1;
}

.stepItem::before {
  /*content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 112px;
  height: 56px;
  background-color: rgba(35, 14, 74, 0.769);
  -webkit-border-radius: 56px 56px 0px 0px;
  -moz-border-radius: 56px 56px 0px 0px;
  -ms-border-radius: 56px 56px 0px 0px;
  border-radius: 56px 56px 0px 0px;
  z-index: -1;*/
}

.stepItem::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 56px);
  background-color: #303030;
  -webkit-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
-moz-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
  z-index: -1;
}

.stepItem .num {
  display: block;
margin-left: auto;
margin-right: auto;
width: 96px;
height: 96px;
font-size: 36px;
line-height: 88px;
color: #098b1e;
font-weight: 500;
letter-spacing: 0.025em;
text-align: center;
background-color: #000000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}

.stepItem .title {
    display: block;
  margin-top: 6px;
  font-size: 30px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-align: center;
}


.stepItem .img {
  margin-top: 16px;
  height: 200px;
  border-left: 3px solid #098b1e;
}

.stepItem .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.stepItem p {
  margin-top: 22px;
  padding: 0px 10px;
  color: #BEBEBE;
font-size: 18px;
line-height: 23px;

}

.mainCalc {
  position: relative;
margin-top: 10px;
padding-top: 30px;
}

.mainCalc::before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1894px;
  /*background-image: url(../img/calc_back.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;*/
  background: #1D1D1D;
  z-index: -1;
}

.mainCalc .sectionContent {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}

.mainCalc .col {
  width: calc((100% - 40px) / 2);
}

.mainCalc .buttonWrapper {
  position: relative;
  display: table;
  margin-top: -48px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  z-index: 5;
}

.mainCalc .buttonWrapper::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0px;
  top: 0px;
  background-color: #271152;
  -webkit-border-radius: 47px 47px 0px 0px;
  -moz-border-radius: 47px 47px 0px 0px;
  -ms-border-radius: 47px 47px 0px 0px;
  border-radius: 47px 47px 0px 0px;
  z-index: -1;
}

.mainCalc [class*=btn] {
  min-width: 193px;
}

.plansBlockWrapper {
  position: relative;
  min-height: 100%;
  z-index: 1;
}

.plansBlockWrapper::before {
  /*content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 328px;
  height: 328px;
  background-color: #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;*/
}

.plansBlockWrapper::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 56px);
 background-color: rgba(49, 49, 49, 0.8);
 /*border: 1px solid rgb(0,115,215);*/
  z-index: -1;
  -webkit-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
-moz-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
background-image: url(../img/laptop.png);
background-size: auto auto;
background-position: center 120px;
background-repeat: no-repeat;
}

.plansBlockWrapper .sumWrapper {
  padding-top: 31px;
  padding-bottom: 50px;
}

.plansBlockWrapper .field {
  max-width: 363px;
  margin-left: auto;
  margin-right: auto;
}

.plansSmSlider {
  position: relative;
}

.plansSmSlider .navigation [class*=icon] {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.plansSmSlider .navigation [class*=icon]:hover {
  color: #098b1e;
}

.plansSmSlider .navigation .prev,
.plansSmSlider .navigation .next {
  position: absolute;
  cursor: pointer;
  z-index: 5;
}

.plansSmSlider .navigation .prev {
  top: 365px;
  left: 45px;
}

.plansSmSlider .navigation .next {
  top: 365px;
right: 45px;
}

.planSmCard {
  padding-top: 56px;
}

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

.planSmCard .back {
  position: absolute;
  display: block;
  top: -29px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  -webkit-filter: drop-shadow(0px 0px 32px 0px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0px 0px 32px 0px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0px 0px 32px 0px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0px 0px 32px 0px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0px 0px 32px 0px rgba(0, 0, 0, 0.3));
  z-index: -1;
}

.planSmCard .image {
  position: absolute;
  display: block;
  top: 2px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  z-index: -1;
}

.planSmCard .info {
  position: relative;
  height: 200px;
  padding: 0px 30px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  /*border-bottom: 1px solid #210d47;*/
  z-index: 1;
  
}

.planSmCard .info::before {
 /* content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 330px;
  height: 169px;
  background-color: #210d47;
  -webkit-border-radius: 0px 0px 169px 169px;
  -moz-border-radius: 0px 0px 169px 169px;
  -ms-border-radius: 0px 0px 169px 169px;
  border-radius: 0px 0px 169px 169px;
  z-index: -2;*/
}

.planSmCard .info::after {
  /*content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 328px;
  height: 168px;
  background-color: #000000;
  -webkit-border-radius: 0px 0px 168px 168px;
  -moz-border-radius: 0px 0px 168px 168px;
  -ms-border-radius: 0px 0px 168px 168px;
  border-radius: 0px 0px 168px 168px;
  z-index: -2;*/
}

.planSmCard .name {
font-size: 50px;
line-height: 94px;
color: #fff;
font-weight: 100;
display: flex;
width: 300px;
height: 100px;
text-align: center;
padding-top: 0px;
/*background: #999;*/
position: relative;
margin: 0 auto;
justify-content: center;
align-items: flex-start;
}

.planSmCard .data {
  text-align: right;
}

.planSmCard .pct {
  display: block;
  font-size: 24px;
  line-height: 25px;
  color: #098b1e;
  font-weight: bold;
}

.planSmCard .term {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  line-height: 25px;
  color: #098b1e;
}

.planSmCard .title {
  display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 39px;
min-height: 130px;
padding-bottom: 22px;
font-size: 30px;
line-height: 37px;
color: #098b1e;
font-weight: 500;
background-color: #171717;
padding-top: 40px;
border-left: 3px solid #098b1e;
border-right: 3px solid #098b1e;
margin-left: 1px;
margin-right: 0px;

}

.resultBlockWrapper,
.plansInfoWrapper {
  position: relative;
  padding-top: 56px;
  min-height: 100%;
  z-index: 1;
}

.resultBlockWrapper .icon,
.plansInfoWrapper .icon {
  /*position: absolute;
  top: 19px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 76px;
  background-color: #1D1D1D;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;*/
}

.resultBlockWrapper::before,
.plansInfoWrapper::before {
  /*content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 112px;
  height: 112px;
  background-color: #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;*/
}

.resultBlockWrapper::after,
.plansInfoWrapper::after {
  content: "";
display: block;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: calc(100% - 56px);
z-index: -1;
background-color: rgba(49, 49, 49, 0.8);
/*border: 1px solid rgb(0,115,215);*/
z-index: -1;
-webkit-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
-moz-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
}

.profitBlock {
  display: flex;
  height: 145px;
  margin-top: 10px;
}

.profitBlock .item {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.profitBlock .item+.item {
  border-left: 1px solid #424242;
}

.profitBlock .item+.item .title {
  color: #BEBEBE;
}

.profitBlock .item:first-child {
  padding-left: 22px;
}

.profitBlock .item:last-child {
  padding-right: 22px;
}

.profitBlock .title {
  display: block;
  font-size: 18px;
  line-height: 21px;
  color: #BEBEBE;
  letter-spacing: 0.025em;
}

.profitBlock .num {
  display: block;
  font-size: 35px;
  line-height: 59px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.025em;
}

.profitChart {
  height: 198px;
  padding-top: 24px;
  padding-left: 15px;
  padding-right: 15px;
  /*background-color: #291450;
  border-top: 1px solid #210d47;
  border-bottom: 1px solid #210d47;*/
}

.profitChart .chart {
  display: block;
  margin-left: auto;
  margin-right: auto;

}

.profitChart .subtitle {
  display: block;
font-size: 24px;
line-height: 55px;
color: #098b1e;
text-align: center;
padding-top: 0px;
}

.mainTextContent {
  margin-top: 93px;
}

.mainTextContent .sectionContent {
  margin-top: 74px;
}

.mainTextContent .sectionContent:after {
  content: " ";
  display: block;
  clear: both;
}

.mainTextContent p+p {
  margin-top: 60px;
}

.mainTextContent p+p:last-child {
  margin-top: 35px;
}

.mainTextContent figure+p {
  margin-top: 55px;
}

.mainTextContent figure+p:first-of-type {
  margin-top: 0px;
}

.pageStartWrapper {
  position: relative;
}
#bgbodyWrap{
	  /*background: #1D1D1D;
  position: relative;
  z-index: 0;*/
}
div#bgbodyWrap.bodyWrap div#pageAcc.pageStartWrapper::before{
	display: none;
}
.pageStartWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1294px;
  background-image: url(../img/bg-page.jpg);
  background-size: auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
/*height: 580px;*/
}

	#pageAcc {

   background-image: url(../img/bg-page-acc.jpg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}

.pageTitleSection {
 padding-top: 80px;
padding-bottom: 60px;
}

.pageTitleSection .mainCurrency {
  margin-top: 84px;
}

.pageTitle {
  text-align: center;
}

.aboutSection {
  padding-top: 100px;
  background: #1D1D1D;
  padding-bottom: 100px;
}

.aboutSection .licenseList {
  margin-top: 63px;
}
.missionAbout {
    
    position: relative;
   
}
.missionAbout::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -98px;
    
    -webkit-transform: rotate(9.5deg);
    -moz-transform: rotate(9.5deg);
    -o-transform: rotate(9.5deg);
    transform: rotate(9.5deg);
    z-index: 0;
    width: 2045px;
    height: calc(50% + 33px);
    margin-left: -1035px;
}
.missionAbout .missionBl {
    position: relative;
	margin-top: 100px;
}
.missionAbout .list {
    display: flex;
    justify-content: space-between;
    margin-top: 120px;
    position: relative;
    z-index: 2;
}
.missionAbout .item {
    width: calc((100% / 3) - 22px);
    background: #222;
-webkit-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
-moz-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
    padding: 30px;
    
}
.missionAbout .item .iconBl {
    background-image: url(../img/chek_pic1.png);
    width: 52px;
    height: 47px;
    /*display: inline-block;*/
	position: absolute;
}
.missionAbout .item .txt {
    font-size: 18px;
    color: #BEBEBE;
    /*font-family: "Montserrat";*/
    display: block;
    margin-top: 57px;
    letter-spacing: 0.4px;
    line-height: 24px;
}
 div.missionAbout div.missionBl p{
 	line-height:32px;
	font-size:22px;
 }
 
 .missionBl div.list div.item span.title{
 	font-size: 24px;
padding-left: 80px;
display: block;
padding-top: 10px;
 }
.missionBl div.list div.item span.num{
 	font-size: 30px;
display: block;
padding-left: 80px;
line-height: 45px;
 }
.missionAbout .textBl {
    margin-top: 130px;
    position: relative;
    z-index: 2;
}
.missionAbout .textBl .textBlock {
    margin-top: 107px;
    display: flex;
    justify-content: space-between;
}
.missionAbout .textBl .textBlock p {
    width: calc(50% - 49px);
}
.missionAbout .textBl .textBlock p + p {
    margin-top: 0;
}
.missionAbout .fon_toh_gray {
    width: 1064px;
    height: 462px;
    position: absolute;
    right: -58px;
    bottom: -363px;
    z-index: 0;
}
.applyBl {
    padding: 176px 0 99px;
}
.applyBl .list {
    display: flex;
    justify-content: space-between;
}
.applyBl .desrApply {
    display: block;
    text-align: center;
    font-size: 20px;
    margin-top: 129px;
    position: relative;
}
.zvz {
    color: #fdde00;
}


.textContainer:after {
  content: " ";
  display: block;
  clear: both;
}

.textContainer figure {
  margin-top: 74px;
  width: 564px;
  height: 355px;
  border-color: #098b1e;
}

.textContainer figure.rightSide {
  margin-left: 40px;
  margin-right: 0px;
}

.textContainer figure.leftSide {
  margin-left: 0px;
  margin-right: 43px;
}

.textContainer figure:first-child {
  margin-top: 12px;
}

.textContainer p+p {
  margin-top: 50px;
}

.textContainer p+p:last-child {
  margin-top: 35px;
}

.textContainer figure+p {
  margin-top: 60px;
}

.textContainer figure+p:first-of-type {
  margin-top: 0px;
}

.textContainer+.textContainer {
  margin-top: 73px;
}

.licenseList {
  display: grid;
  grid-template-columns: repeat(3, 350px);
  gap: 42px;
    background-image: url(../img/dots_map.png);
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat;
padding: 100px 20px;
}

.licenseList .subtitle {
  display: block;
  margin-top: 16px;
  font-size: 17px;
  line-height: 24px;
  /*color: #ffffff;
  text-align: center;*/
}

.licenseList .title {
  display: block;
font-size: 26px;
line-height: 40px;
color: #098b1e;
font-weight: bold;
letter-spacing: 0.025em;
}

.licenseList .info {
  /*display: flex;
  flex-direction: column;
  justify-content: space-between;*/
  height: 100%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 40px;
  margin-top: 40px;
}

.licenseList .address {
  margin-bottom: auto;
}
 div.licenseBlock div.info span.subtitle a.link{
 	font-size:18px;
 }
.licenseList .mainAddress {
  font-size: 17px;
  line-height: 37px;
  color: #BEBEBE;
}

.licenseList .mainAddress [class*=icon] {
  font-size: 20px;
}

.licenseList .number .title {
  color: #d24cff;
}

.licenseList .number p {
  font-size: 17px;
  line-height: 37px;
  letter-spacing: 0.025em;
  color: #BEBEBE;
}

.licenseList .number p span {
  display: inline-block;
  margin-right: 5px;
  color: #d24cff;
}
 div#myreff.licenseBlock{
	
}
 div#myreff.licenseBlock div.info div.address span.title{
	text-transform: uppercase;
	color: #fff;
}
 div#myreff.licenseBlock div.info div.address p.mainAddress{
  font-size: 17px;
  line-height: 24px;
  color: #BEBEBE;
  padding-top: 20px;
  padding-bottom: 4px;
  padding-left: 0px;
}
 div#myreff.licenseBlock div.info div.address div.pct{
 	 font-size: 65px;
line-height: 84px;
color: #fff;
font-weight: 500;
text-align: left;
 }

.licenseBlock {
  height: 379px;  
  position: relative;
  z-index: 1;

}
#bord.licenseBlock{
	/*border-style: solid;
  border-color: #000000;
  background-color: #000000;
  -webkit-box-shadow: 0px 0px 21px 0px #000000;
  -moz-box-shadow: 0px 0px 21px 0px #000000;
  box-shadow: 0px 0px 21px 0px #000000;
  border-width: 7px;*/
}

.licenseBlock>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.licenseBlock:hover img {
  opacity: 0.7;
}

.licenseBlock img {
  
  display: block;
width: 246px;
height: auto;
  object-fit: cover;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
-webkit-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
-moz-box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
box-shadow: 21px 21px 21px 0 rgba(0, 0, 0, 0.55);
}

.advantagesSection {
  position: relative;
  margin-top: 136px;
}

.advantagesSection::before {
  content: "";
  display: block;
  position: absolute;
  top: -840px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1798px;
  background-image: url(../img/about_back.jpg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -3;
}

.advantagesSection::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -201px;
  left: 50%;
  margin-left: -965px;
  width: 1929px;
  height: 341px;
  background-image: url(../img/advantages_back_2.png);
  mix-blend-mode: overlay;
  opacity: 0.21;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.advantagesSection .sectionContent {
  margin-top: 115px;
}

.advantagesBlock {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 42px;
  row-gap: 78px;
}

.advantageCard {
  display: flex;
}

.advantageCard .img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 93px;
  height: 93px;
  margin-top: 7px;
  flex-shrink: 0px;
  background-color: #1d093f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.33);
}

.advantageCard .data {
  margin-left: 33px;
}

.advantageCard .title {
  display: block;
  font-size: 28px;
  line-height: 30px;
  color: #ffffff;
  font-weight: bold;
}

.advantageCard p {
  margin-top: 19px;
  font-size: 17px;
  line-height: 24px;
  color: #ffffff;
}

.feedbackSection {
  margin-top: 298px;
}

.feedbackSection .subtitle {
  margin-top: 46px;
  font-size: 30px;
  line-height: 37px;
  color: #ffffff;
  letter-spacing: 0.025em;
}

.feedbackSection .sectionContent {
  margin-top: 64px;
}

.feedbackForm {
  max-width: 766px;
  margin-left: auto;
  margin-right: auto;
}

.feedbackForm .fieldwrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 42px;
  row-gap: 52px;
}

.feedbackForm .field.lg {
  grid-column: 1/3;
}

.feedbackForm [class*=btn] {
  margin-top: 59px;
}

.plansSection {
  position: relative;
  margin-top: 176px;
}

.plansSection::before {
  content: "";
  display: block;
  position: absolute;
  top: -310px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1693px;
  /*background-image: url(../img/program_back_3.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;*/
  z-index: -2;
}

.plansSection .sectionContent {
  margin-top: 10px;
}

.plansSection .wrapper {
  display: flex;
  justify-content: space-between;
}

.plansSection .wrapper+.wrapper {
  position: relative;
  margin-top: -15px;
  z-index: 1;
}

.plansSection .wrapper+.wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: -28px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 168px;
  height: 84px;
  background-color: #291254;
  -webkit-border-radius: 84px 84px 0px 0px;
  -moz-border-radius: 84px 84px 0px 0px;
  -ms-border-radius: 84px 84px 0px 0px;
  border-radius: 84px 84px 0px 0px;
  z-index: -1;
}

.plansSection .col {
  width: calc((100% - 40px) / 2);
}

.plansSection .resultBlockWrapper {
  width: 100%;
}

.plansSection .info+.wrapper {
  margin-top: 40px;
}

.plansSection .buttonWrapper {
  position: relative;
  display: table;
  padding: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -36px;
  z-index: 1;
}

.plansSection .buttonWrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 37px;
  background-color: #341a67;
  -webkit-border-radius: 37px 37px 0px 0px;
  -moz-border-radius: 37px 37px 0px 0px;
  -ms-border-radius: 37px 37px 0px 0px;
  border-radius: 37px 37px 0px 0px;
  z-index: -1;
}

.plansSection [class*=btn] {
  min-width: 193px;
}

.planInfoSlider {
  padding-top: 50px;
  padding-bottom: 34px;
}

.planInfoSlider .note {
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 28px;
  font-size: 13px;
  line-height: 16px;
  color: #ffffff;
}

.planInfo li {
  height: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.planInfo li:nth-child(odd) {
  background-color: #291450;
}

.planInfo .param {
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
}

.planInfo .data {
  font-size: 18px;
  line-height: 20px;
  color: #098b1e;
  font-weight: bold;
  text-align: right;
}

.resultBlockWrapper.partners {
  display: flex;
}

.resultBlockWrapper.partners .wrap {
  width: 50%;
}

.resultBlockWrapper.partners .wrap+.wrap {
  border-left: 1px solid #210d47;
}

.resultBlockWrapper.partners .profitChart {
  min-height: 214px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: transparent;
  border-bottom: none;
}

.resultBlockWrapper.partners .profitChart .chart {
  margin-left: 0px;
}

.resultBlockWrapper.partners .profitChart .subtitle {
  max-width: 452px;
}

.resultBlockWrapper.partners .sumWrapper {
  padding-left: 40px;
  padding-top: 48px;
  padding-right: 40px;
  padding-bottom: 24px;
}

.resultBlockWrapper.partners .field {
  max-width: 452px;
}

.resultBlockWrapper.partners .profitBlock {
  min-height: 135px;
  height: auto;
}

.resultBlockWrapper.partners .profitBlock .item {
  height: auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  padding-left: 92px;
  padding-top: 26px;
}

.resultBlockWrapper.partners .profitBlock .item+.item {
  padding-left: 72px;
}

.resultBlockWrapper.partners .profitBlock+.profitBlock {
  min-height: 214px;
  border-top: 1px solid #210d47;
}

.resultBlockWrapper.partners .profitBlock+.profitBlock .item {
  padding-top: 46px;
}

.programSection {
  position: relative;
  margin-top: 123px;
}

.programSection::before {
  content: "";
  display: block;
  position: absolute;
  top: -209px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 735px;
  /*background-image: url(../img/program_back_4.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;*/
  z-index: -1;
}

.programSection .sectionContent {
  position: relative;
}

.programSection .logoImage {
  position: absolute;
  top: 70px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
}

.programSection .logoImage::before,
.programSection .logoImage::after {
  display: none;
}

.programSection [class*=btn] {
  margin-top: 70px;
}

.programSection+.advantagesSection {
  margin-top: 146px;
}

.rulesSection {
  /*margin-top: 176px;*/
}

.rulesSection .sectionContent {
  margin-top: 8px;
}

.rulesSection .info {
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}

.rulesSection .rulesList {
  margin-top: 80px;
}

.rulesSection+.advantagesSection {
  margin-top: 106px;
}

.rulesList .rulesItem {
  width: calc((100% - 40px) / 2);
  margin-bottom: 82px;
}

.rulesItem .titleBlock {
  position: relative;
  padding-left: 37px;
  font-size: 30px;
  line-height: 47px;
  color: #ffffff;
  font-weight: bold;
}

.rulesItem .titleBlock .title span {
  margin-right: 5px;
  color: #098b1e;
}

.rulesItem .dot {
  display: block;
  position: absolute;
  top: 14px;
  left: 0px;
  width: 22px;
  height: 22px;
  border: 1px solid #16d0fe;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.rulesItem .dot::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background-color: #16d0fe;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.rulesItem .contentBlock {
  margin-top: 13px;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}

.rulesItem .contentBlock p {
  position: relative;
}

.rulesItem .contentBlock p+p {
  margin-top: 10px;
}

.rulesItem .contentBlock span {
  display: inline-block;
  font-variant-numeric: tabular-nums;
  font-weight: bold;
  color: #098b1e;
}


.tabs {
  position: relative;
margin:0px 20px;
min-height: 90em;

width: 100%;
text-align: center;
}
.tabs::before,
.tabs::after {
  content: "";
  display: table;
}
.tabs::after {
  clear: both;
}
.tab {
  float: left;
  width:33%;
}
.tab-switch {
  display: none;
}
.tab-label {
 position: relative;
cursor: pointer;
border-bottom: 0;
transition: all 0.35s;
z-index: 1;
top: 0;
color: #098b1e;
letter-spacing: 0.025em;
text-transform: uppercase;
margin: 0px 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-size: 18px;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
display: block;
width: 100%;
text-align: center;
padding: 18px 15px;
}
.tab-label:hover {
  color: #fff;
  
  background:#303030;
}
.tab-content {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 120px;
  left: 0;
  padding: 1.618rem;
  /*background: #fff;
  color: #2c3e50;
  border-bottom: 0.25rem solid #bdc3c7;*/
  opacity: 0;
  transition: all 0.35s;
}
.tab-switch:checked + .tab-label {
  border-bottom: 0;
transition: all 0.35s;
z-index: 1;
top: 0;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.025em;
text-transform: uppercase;
background-color: #098b1e;
color: #fff;
line-height: 30px;
padding: 18px 15px;
}
.tab-switch:checked + label + .tab-content {
  z-index: 2;
  opacity: 1;
  transition: all 0.35s;
}
.faqSection {
  position: relative;
  margin-top: 176px;
}

.faqSection::before {
  content: "";
  display: block;
  position: absolute;
  top: -310px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1693px;
  /*background-image: url(../img/program_back_3.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;*/
  z-index: -2;
}

.faqSection .sectionContent {
  margin-top: 8px;
}

.faqSection .info {
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}

.faqSection .faqList {
  margin-top: 94px;
}

.faqSection .pagination {
  margin-top: 80px;
}

.faqList .faqItem+.faqItem {
  margin-top: 20px;
}

.faqItem .head {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.faqItem .head:hover .title::after {
  opacity: 1;
}

.faqItem .icon {
  width: 60px;
  height: 60px;
  padding: 5px;
  flex-shrink: 0;
  background-color: #303030;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.faqItem .icon .in {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: 303030;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
 /* -webkit-box-shadow: 2px 2px 11px 1px rgba(0, 1, 0, 0.3);
  -moz-box-shadow: 2px 2px 11px 1px rgba(0, 1, 0, 0.3);
  box-shadow: 2px 2px 11px 1px rgba(0, 1, 0, 0.3);*/
}

.faqItem .icon img {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.faqItem .icon .show {
  opacity: 1;
}

.faqItem .icon .hide {
  opacity: 0;
}

.faqItem .title {
  position: relative;
  margin-left: 14px;
  padding-left: 34px;
  padding-top: 5px;
  padding-bottom: 8px;
  min-height: 60px;
  display: flex;
  align-items: center;
  flex-grow: 1;
  font-size: 20px;
  line-height: 25px;
  color: #ffffff;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  z-index: 1;
  font-weight: 500;
}

.faqItem .title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: calc(100% + 60px);
  height: 100%;
  background: radial-gradient(circle at left, rgba(54, 34, 94, 0) 60px, #303030 60px);
  z-index: -1;
}

.faqItem .title::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: calc(100% + 60px);
  height: 100%;
  background: radial-gradient(circle at left, rgba(211, 76, 255, 0) 60px, #098b1e 60px);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
}

.faqItem .content {
  display: none;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  text-align:left;
  padding: 10px 0;
  
  
}

.faqItem .content .in {
  padding-left: 108px;
  padding-top: 5px;
  margin-bottom: -6px;
}

.faqItem.active .icon .show {
  opacity: 0;
}

.faqItem.active .icon .hide {
  opacity: 1;
}

.faqItem.active .title::after {
  opacity: 1;
}

.faqItem.active .content {
  display: block;
}

.newsSection {
  position: relative;
  margin-top: 176px;
}

.newsSection::before {
  content: "";
  display: block;
  position: absolute;
  top: -310px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1693px;
  /*background-image: url(../img/program_back_3.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;*/
  z-index: -2;
}

.newsSection .sectionContent {
  margin-top: 8px;
}

.newsSection .info {
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}

.newsSection .newsList {
  margin-top: 86px;
}

.newsSection .pagination {
  margin-top: 80px;
}

.newsList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
  row-gap: 20px;
}

.newsCard {
  position: relative;
  padding-top: 18px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 77px;
  height: 100%;
  z-index: 1;
}

.newsCard::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 112px;
  height: 56px;
  background-color: #000000;
  -webkit-border-radius: 56px 56px 0px 0px;
  -moz-border-radius: 56px 56px 0px 0px;
  -ms-border-radius: 56px 56px 0px 0px;
  border-radius: 56px 56px 0px 0px;
  z-index: -1;
}

.newsCard::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% );
  background-color: #000000;
  z-index: -1;
}

.newsCard .date {
  margin-left: auto;
  margin-right: auto;
  padding-top: 9px;
  width: 76px;
  height: 76px;
  background-color: #098b1e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.newsCard .date span {
  display: block;
  width: 42px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 29px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-align: center;
}

.newsCard .date span+span {
  line-height: 24px;
  color: #ffffff;
  border-top: 1px solid #098b1e;
}

.newsCard .title {
  display: block;
  margin-top: 9px;
  font-size: 20px;
  line-height: 25px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: center;
}

.newsCard .img {
  margin-top: 20px;
  height: 140px;
  
}

.newsCard .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsCard p {
  margin-top: 16px;
font-size: 18px;
  line-height: 24px;
  color: #ffffff;
}

.newsCard .moreLink {
  margin-top: 10px;
}

.moreLink {
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  color: #098b1e;
  font-weight: 300;
  letter-spacing: 0.025em;
  text-decoration: underline;
  text-decoration-color: inherit;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.moreLink:hover {
  text-decoration-color: transparent;
}

.rateSection {
  position: relative;
  margin-top: 176px;
}

.rateSection::before {
  content: "";
  display: block;
  position: absolute;
  top: -310px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1693px;
  /*background-image: url(../img/program_back_3.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;*/
  z-index: -2;
}

.rateSection .sectionContent {
  margin-top: 8px;
}

.rateSection .info {
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}

.rateSection .rateList {
  margin-top: 95px;
}

.rateSection+.advantagesSection {
  margin-top: 215px;
}

.rateList {
  display: grid;
  grid-template-columns: repeat(auto-fit, 370px);
  gap: 30px;
}

.rateList .item {
  padding: 30px;
  background-color: rgba(54, 34, 94, 0.77);
}

.rateItem {
  position: relative;
  z-index: 1;
  height: 469px;
  border: 7px solid #098b1e;
}

.rateItem>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.rateItem>* {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.rateItem:hover>* {
  opacity: 0.7;
}

.contactsSection {
  position: relative;
  margin-top: 176px;
}

.contactsSection::before {
  content: "";
  display: block;
  position: absolute;
  top: -310px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1693px;
  /*background-image: url(../img/program_back_3.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;*/
  z-index: -2;
}

.contactsSection .sectionContent {
  margin-top: 8px;
}

.contactsSection .info {
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}

.contactsSection .contactsList {
  margin-top: 27px;
}

.contactsSection .mapBlock {
  margin-top: 100px;
}

.contactsSection+.advantagesSection {
  margin-top: 215px;
}

.contactsList {
  display: grid;
  grid-template-columns: repeat(auto-fit, 370px);
  column-gap: 30px;
  row-gap: 20px;
}

.contactsList .item:nth-child(1) .back {
  left: -60px;
  bottom: -35px;
}

.contactsList .item:nth-child(2) .back {
  left: 6px;
  bottom: -12px;
}

.contactsList .item:nth-child(3) .back {
  left: -30px;
  bottom: -10px;
}

.contactsList .item:nth-child(4) .back {
  left: -35px;
  bottom: 20px;
}

.contactsList .item:nth-child(5) .back {
  left: -40px;
  bottom: 10px;
}

.contactsList .item:nth-child(6) .back {
  left: -18px;
  bottom: 26px;
}

.contactCard {
  position: relative;
  padding-top: 18px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 45px;
  height: 100%;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}

.contactCard::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 112px;
  height: 56px;
  background-color: #000000;
  -webkit-border-radius: 56px 56px 0px 0px;
  -moz-border-radius: 56px 56px 0px 0px;
  -ms-border-radius: 56px 56px 0px 0px;
  border-radius: 56px 56px 0px 0px;
  z-index: -2;
}

.contactCard::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 56px);
  background-color: #000000;
  z-index: -2;
}

.contactCard .icon {
  margin-left: auto;
  margin-right: auto;
  width: 76px;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #098b1e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.contactCard .icon img {
  display: block;
}

.contactCard .title {
  display: block;
  margin-top: 33px;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}

.contactCard .back {
  display: block;
  position: absolute;
  opacity: 0.1;
  z-index: -1;
}

.mapBlock {
  position: relative;
  height: 343px;
  border: 7px solid #098b1e;
}

.mapBlock .address {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 425px;
  height: 138px;
  padding-left: 39px;
  padding-top: 36px;
  padding-right: 100px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  overflow: hidden;
  z-index: 1;
}

.mapBlock .address::before {
  content: "";
  display: block;
  position: absolute;
  right: -95px;
  bottom: 0px;
  width: 794px;
  height: 794px;
  background-color: #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
}

.mapBlock iframe {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.authPage {
  min-height: 100vh;
  padding-bottom: 50px;
  background-image: url(../img/auth_back.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.authPage .header {
  z-index: 1;
}

.authPage .header::before {
  top: -360px;
  z-index: -1;
}

.authPage .header::after {
  top: -300px;
  z-index: -1;
}

.authWrapper {
  position: relative;
  max-width: 1270px;
  margin-top: 26px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 49px;
  padding-top: 20px;
  padding-right: 49px;
  padding-bottom: 74px;
  background-image: url(../img/auth_back_2.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}

.authWrapper .regForm {
  margin-top: 193px;
}

.authWrapper .restorePassword {
  margin-top: 25px;
  font-size: 18px;
  line-height: 31px;
  color: #ffffff;
  letter-spacing: 0.025em;
}

.authWrapper .restorePassword a {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.authWrapper .logoImage {
  position: absolute;
  top: 239px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  z-index: 0;
}

.authWrapper .logoImage::before,
.authWrapper .logoImage::after {
  display: none;
}

.forma, .loginForm .formWrap, .regForm .formWrap{
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 30px;
width: 70%;
margin: 0 auto;
}

.loginForm [class*=btn] {
  min-width: 253px;
}

.regForm .formTitle {
  text-align: right;
}

.regForm .formWrap {
  /*margin-top: 21px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;*/
}

.regForm .checkBtn {
  height: 100%;
  display: flex;
  align-items: center;
}

.cabinetWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /*padding-right: 260px;*/
}

.userStatBlock {
  /*position: absolute;
  top: 0px;
  right: 0px;
  width: 260px;
  min-height: 100%;
  padding-top: 44px;
  background-color: #303030;
  z-index: 1;*/
}

.userStatBlock::before {
  /*content: "";
  display: block;
  position: absolute;
  top: -320px;
  right: -245px;
  width: 601px;
  height: 601px;
  -webkit-box-shadow: 0px 0px 59px 0px #000000;
  -moz-box-shadow: 0px 0px 59px 0px #000000;
  box-shadow: 0px 0px 59px 0px #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;*/
}

.userStatBlock::after {
  /*content: "";
  display: block;
  position: absolute;
  top: -260px;
  right: -185px;
  width: 483px;
  height: 483px;
  background-image: -moz-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);
  background-image: -webkit-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);
  background-image: -ms-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);
  -webkit-box-shadow: 0px 0px 59px 0px #000000;
  -moz-box-shadow: 0px 0px 59px 0px #000000;
  box-shadow: 0px 0px 59px 0px #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;*/
}
.userStatBlock div#info_data.userStat{
	
}
.userStatBlock .userStat {
  /*margin-top: 205px;*/
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
padding: 20px 10px;
background: #000000;
}

.userStatBlock [class*=btn] {
  margin-top: 90px;
  min-width: 213px;
}

.cabinetHeader {
  position: relative;
  display: flex;
  height: 79px;
  background-color: rgba(0, 0, 0, 0.77);
  /*-webkit-box-shadow: 0px 0px 59px 0px #000000;
  -moz-box-shadow: 0px 0px 59px 0px #000000;
  box-shadow: 0px 0px 59px 0px #000000;*/
  z-index: 1;
}

.cabinetHeader .logoWrapper {
  position: relative;
  width: 261px;
  padding-top: 24px;
  padding-right: 20px;
  flex-shrink: 0;
  z-index: 1;
}

.cabinetHeader .logoWrapper::before {
  /*content: "";
  display: block;
  position: absolute;
  top: -320px;
  left: -245px;
  width: 601px;
  height: 601px;
  -webkit-box-shadow: 0px 0px 59px 0px #000000;
  -moz-box-shadow: 0px 0px 59px 0px #000000;
  box-shadow: 0px 0px 59px 0px #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;*/
}

.cabinetHeader .logoWrapper::after {
  /*content: "";
  display: block;
  position: absolute;
  top: -260px;
  left: -185px;
  width: 483px;
  height: 483px;
  background-image: -moz-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);
  background-image: -webkit-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);
  background-image: -ms-linear-gradient(-145deg, #c256ff 0%, #1b0094 0%, #df4cff 0%, #7237ff 100%);
  -webkit-box-shadow: 0px 0px 59px 0px #000000;
  -moz-box-shadow: 0px 0px 59px 0px #000000;
  box-shadow: 0px 0px 59px 0px #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;*/
}

.cabinetHeader .infoWrapper {
  width: calc(100% - 261px);
  height: 100%;
  padding-left: 114px;
  padding-right: 114px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cabinetContent {
  display: flex;
  flex-grow: 1;
}

.cabinetContent .leftSide {
  padding-top: 100px;
  width: 261px;
  flex-shrink: 0;
  background-color: #303030;
}

.cabinetContent .rightSide {
  display: flex;
  flex-direction: column;
  width: calc(100% - 261px);
  padding-top: 27px;
  background-color: #1D1D1D;
  /*background-image: url(../img/cab_back.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-box-shadow: inset 0px 3px 68px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 0px 3px 68px 0px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0px 3px 68px 0px rgba(0, 0, 0, 0.35);*/
  
}

.userInfo {
display: flex;
height: 200px;
align-items: center;
justify-content: space-between;
text-align: justify;
/*text-align-last: justify;*/
padding:20px;
  background-color: rgba(0,0,0, 1);
  margin-bottom:30px;
}

.userInfo .item {
  display: flex;
  align-items: flex-start;
}

.userInfo .item+.item {
  margin-left: 60px;
}

.userInfo .icon {
  margin-top: 14px;
flex-shrink: 0;
}

.userInfo .icon+.wrap {
  margin-left: 10px;
}

.userInfo .param {
  display: block;
font-size: 18px;
line-height: 32px;
color: #ffffff;
text-align: right;
}

.userInfo .data {
  font-size: 20px;
  line-height: 20px;
  color: #098b1e;
  font-weight: 500;
  text-align: right;
  /*text-transform: uppercase;*/
}

.userInfo .data a:not(.mail) {
  color: inherit;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.userInfo .data a:not(.mail):hover {
  opacity: 0.7;
}

.userInfo .mail {
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  color: #098b1e;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-transform: lowercase;
  /*text-decoration: underline;*/
  text-decoration-color: #098b1e;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.userInfo .mail:hover {
  text-decoration-color: transparent;
}

 div#referral.userInfo
{
	height: 80px;
background-image: url(../img/referral.png);
background-position: 20px center;
background-repeat: no-repeat;
padding: 5px 20px 5px 100px;
display:block;
}
div#referral.userInfo div.accStat div.item span.data{
	letter-spacing: 0em;
margin-right: 20px;
font-size: 18px;
line-height: 40px;
position: relative;
}
div#referral.userInfo div.accStat div.item span.param{
	font-size: 20px;
	line-height: 40px;
	padding-bottom: 0px;
	font-weight: 400;
}
.cabSocList {
  display: flex;
}

.cabSocList li {
  position: relative;
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.cabSocList li>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.cabSocList li:hover {
  opacity: 0.7;
}

.cabSocList li+li {
  margin-left: 19px;
}

.cabSocList [class*=icon] {
  font-size: 26px;
  color: #ffffff;
}

.cabinetMenu li {
  position: relative;
  padding-left: 46px;
  height: 70px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.cabinetMenu li>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.cabinetMenu li+li {
  /*margin-top: 27px;*/
}

.cabinetMenu li:hover [class*=icon],
.cabinetMenu li:hover .data,
.cabinetMenu li.active [class*=icon],
.cabinetMenu li.active .data {
  color: #098b1e;
}

.cabinetMenu li:hover::before,
.cabinetMenu li.active::before {
  opacity: 1;
}

.cabinetMenu li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 4px;
  height: 100%;
  background-color: #098b1e;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.cabinetMenu [class*=icon] {
  display: block;
  width: 48px;
  font-size: 28px;
  color: #ffffff;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.cabinetMenu .data {
  padding-bottom: 6px;
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.cabClock {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cabClock .time {
  padding-left: 7px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.cabClock .time img {
  margin-right: 10px;
}

.cabClock .timeStr {
  display: block;
  font-size: 35px;
  line-height: 35px;
  color: #ffffff;
  font-weight: bold;
  font-variant-numeric: tabular-nums;
}

.cabClock .date {
  margin-top: 15px;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 300;
  letter-spacing: 0.025em;
  text-align: center;
}

.cabClock .date span {
  display: block;
}

.userStat {
  text-align: center;
}

.userStat .item+.item {
  /*margin-top: 33px;*/
}

.userStat .param {
  display: block;
  font-size: 19px;
  line-height: 30px;
  color: #ffffff;
}

.userStat .num {
  display: block;
  font-size: 35px;
  line-height: 47px;
  color: #ffffff;
  font-weight: 500;
}

.userStat .date {
  display: block;
  font-size: 19px;
  line-height: 25px;
  color: #098b1e;
}

.userStat .note {
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #098b1e;
  letter-spacing: 0.025em;
}

.userStat .switcherBtn {
  margin-top: 7px;
  padding-left: 12px;
}

#CabinetSection{
	padding-top: 40px;
padding-bottom: 10px;
}
.cabinetContentWrapper {
  margin-bottom: 100px;
}
#CabinetSection.aboutSection div.cabPageTitle span.secCap{
 	padding-bottom: 10px !important;
 }

.cabCopyright {
  margin-top: auto;
  background-color: #5b1daa;
}

.cabCopyright .wrapper {
  height: 70px;
  padding-left: 97px;
  padding-right: 117px;
  padding-bottom: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cabCopyright .mainContacts [class*=icon] {
  margin-right: 7px;
}

.cabCopyright .mainContacts a {
  display: inline-block;
}

.cabPageTitle {
  margin-bottom: 30px;
  text-align: center;
}

.accInfo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.accBalance {
  padding-left: 40px;
  padding-top: 42px;
  padding-right: 40px;
  padding-bottom: 40px;
  min-height: 100%;
  /*background-color: rgba(0,115,215, 1);*/
  background-color: rgba(0,0,0, 1);
  background-image: url(../img/bal_back.png);
  background-position: right top;
  background-repeat: no-repeat;
}

.accBalance .title {
  display: block;
font-size: 38px;
line-height: 38px;
color: #098b1e;
font-weight: 500;
text-transform: uppercase;
}

.accBalance .num {
  display: block;
  font-size: 60px;
  line-height: 64px;
  color: #ffffff;
  font-weight: 500;
}

.accBalance .buttons {
  margin-top: 27px;
  display: flex;
  justify-content: space-between;
}

.accStat .item {
  height: 60px;
padding-bottom: 12px;
display: flex;
justify-content: flex-end;
align-items: flex-end;
background-color: rgba(0,0,0, 1);
padding-right: 20px;
}

.accStat .item+.item {
  margin-top: 15px;
}

.accStat .param {
  padding-bottom: 5px;
  font-size: 18px;
  line-height: 18px;
  color: #ffffff;
}

.accStat .data {
  margin-left: 10px;
  font-size: 30px;
  line-height: 35px;
  color: #098b1e;
  font-weight: 500;
  letter-spacing: 0.025em;
}

.balanceBlock {
  margin-top: 80px;
}

.balanceBlock .sectionContent {
  margin-top: 20px;
}

.balanceList {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 30px;
}

.paymentBalance {
  position: relative;
  padding-top: 18px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 25px;
  z-index: 1;
}

.paymentBalance::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 100%;
  height: 56px;
  background-color: #000000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  z-index: -1;
}

.paymentBalance::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 56px);
  background-color: #000000;
  z-index: -1;
}

.paymentBalance .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 76px;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1d1d1d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.paymentBalance ul {
  margin-top: 14px;
  text-align: center;
}

.paymentBalance ul li {
  font-size: 16px;
  line-height: 21px;
  color: #ffffff;
  letter-spacing: 0.025em;
}

.paymentBalance ul li>span {
  display: block;
font-size: 24px;
font-weight: 600;
color: #098b1e;
line-height: 40px;
}

.paymentBalance ul li>span span {
  font-size: 14px;
}

.paymentBalance ul li+li {
  margin-top: 5px;
}

.paymentBalance ul li+li>span {
  color: #000001;
}

.cabNews {
  margin-top: 80px;
}

.cabNews .sectionContent {
  margin-top: 10px;
}

.cabNews .newsCard {
  padding-bottom: 49px;
}
/*.acctabs {
  font-size: 18px;
}*/
.depotab{
	border: 2px solid #303030;
padding: 10px;
width: 100%;
font-size: 18px;
	
}
div#depotab1.checkBtn label{
	font-size: 24px;
font-weight: 500;
line-height: 30px;
padding-bottom: 4px;
display: block;
 color:#fff;
}

td.depotab1{
	  background: #000000;
  padding: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.inheader2 {
  font-size: 16px;
  font-weight: 600;
  color: #666;
  padding-top: 10px;
  padding-bottom: 10px;
}
div#depotab1.checkBtn{
	
}
form.acctabs div.sectionTitle.center.wow.animate__fadeIn span.secCap{
font-size: 30px;
line-height: 50px;
padding-bottom: 20px;
color: #098b1e;
font-weight: 500;
}
#depotab2 td.inheader{
	font-size: 16px;
}

#mytabs.depotab tbody tr:nth-child(2n){
	background:#303030;
}
#mytabs.depotab tbody tr#depotab3 td.item div.description{
	padding-left: 10px;
padding-bottom: 10px;
}
.item b.transtype{
	font-size: 20px;
line-height: 40px;
/*padding-left: 10px;*/
}
 table#mytabs.depotab tbody tr#depotab3 td.item b small{
 	font-weight:500px;
 }
 table#mytabs.depotab tbody tr#depotab3 td.item small{
 	padding-left: 10px;
line-height: 20px;
 }
table#mytabs.depotab tbody tr#depotab3 td.item b{
	
}

 center.paginat a, center.paginat, .paginat spam.pagepag{
 	font-size: 20px;
padding: 5px;
font-weight: 600;
 }
 

 .inheader1{
 	padding: 10px;
border-bottom: 1px solid #303030
 }
.inheader1 div.checkBtn {
	margin-top: -15px;
	line-height: 50px;
}
.availfiat {
  position: relative;
  top: 5px;
}
.makeDeposit {
  padding-top: 35px;
}
.mybalance {
	margin:0 auto;
}
.mybalance1{
	font-size:22px;
	padding:10px;
}
.makeDeposit .wrapper {
  display: flex;
  justify-content: space-between;
}

.makeDeposit .wrapper+.wrapper {
  margin-top: 20px;
}

.makeDeposit .col {
  width: calc((100% - 40px) / 2);
}

.makeDeposit .fieldset {
  position: relative;
  width: 100%;
  padding-top: 18px;
  z-index: 1;
}

.makeDeposit .fieldset::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 112px;
  height: 56px;
  background-color: #000000;
  -webkit-border-radius: 56px 56px 0px 0px;
  -moz-border-radius: 56px 56px 0px 0px;
  -ms-border-radius: 56px 56px 0px 0px;
  border-radius: 56px 56px 0px 0px;
  z-index: -1;
}

.makeDeposit .fieldset::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 56px);
  background-color: #000000;
  z-index: -1;
}

.makeDeposit .fieldset>.num {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 6px;
  width: 76px;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  line-height: 34px;
  color: #8a8a8a;
  font-weight: bold;
  background-color: #1D1D1D;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.makeDeposit .fieldset>.title {
  display: block;
  margin-top: 2px;
  font-size: 30px;
  line-height: 37px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.makeDeposit .fieldset.sum {
  padding-left: 55px;
  padding-right: 55px;
  padding-bottom: 55px;
}

.makeDeposit .fieldset.pay {
  padding-left: 55px;
  padding-right: 55px;
  padding-bottom: 50px;
  z-index: 2;
}

.makeDeposit .fieldset+.fieldset {
  margin-top: 16px;
}

.makeDeposit .sumInfo {
  font-size: 18px;
  line-height: 40px;
  color: #ffffff;
}

.makeDeposit .sumInfo span {
  font-weight: bold;
  color: #098b1e;
}

.makeDeposit .sumWrapper {
  margin-top: 20px;
}

.makeDeposit .sumWrapper .field {
  margin-top: 28px;
}

.makeDeposit .payWrapper {
  margin-top: 37px;
}

.makeDeposit .switcherBtn {
  padding-left: 40px;
}

.makeDeposit .paySysWrapper {
  margin-top: 47px;
}

.makeDeposit .planSmCard {
  padding-top: 41px;
  padding-bottom: 22px;
}

.makeDeposit .planSmCard .info {
  height: 57px;
}

.makeDeposit .planSmCard .info::before {
  top: -56px;
  width: 330px;
  height: 330px;
  background: linear-gradient(#000000 34%, #210d47 34%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.makeDeposit .planSmCard .info::after {
  top: -55px;
  width: 328px;
  height: 328px;
  background-color: #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.makeDeposit .planSmCard .title {
  min-height: 170px;
  padding-bottom: 18px;
  border-bottom: none;
}

.makeDeposit .planInfo li:nth-child(odd) {
  background-color: transparent;
}

.makeDeposit .planInfo li:nth-child(even) {
  background-color: #291450;
}

.makeDeposit .plansSmSlider .navigation .prev,
.makeDeposit .plansSmSlider .navigation .next {
  top: 142px;
}

.makeDeposit .buttonWrapper {
  position: relative;
  display: table;
  margin-top: -38px;
  padding: 30px;
  margin-left: auto;
  margin-right: auto;
  z-index: 5;
}

.makeDeposit .buttonWrapper::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0px;
  top: 0px;
  background-color: #1D1D1D;
  -webkit-border-radius: 47px 47px 0px 0px;
  -moz-border-radius: 47px 47px 0px 0px;
  -ms-border-radius: 47px 47px 0px 0px;
  border-radius: 47px 47px 0px 0px;
  z-index: -1;
}

.makeDeposit [class*=btn] {
  min-width: 193px;
}

.resultBlockWrapper.fieldset {
  padding-top: 56px;
}

.resultBlockWrapper.fieldset .profitBlock {
  min-height: 121px;
}

.resultBlockWrapper.fieldset .profitBlock .item {
  padding-top: 21px;
}

.resultBlockWrapper.fieldset .profitBlock+.profitBlock {
  min-height: 153px;
}

.resultBlockWrapper.fieldset .profitBlock+.profitBlock .item {
  padding-top: 13px;
}

.resultBlockWrapper.fieldset .profitChart {
  padding-top: 57px;
  border-top: none;
}

.paySysWrapper {
  position: relative;
  height: 61px;
}

.paySysWrapper .paySysItem {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 5;
}

.paySysItem.hidden {
  display: none;
}

.depositsSection {
  /*border: 2px solid #303030;
padding: 10px;*/
width: 100%;
font-size: 18px;
}

.depositsSection .head {
  display: flex;
  align-items: center;
  height: 70px;
  padding-bottom: 5px;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
  background:#000000;
  margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 0.025em;
 
}

.depositsSection .head .tCell {
  /*flex-shrink: 0;*/
}

.depositsSection .head .name, .depositsSection .head .date, .depositsSection .head .in, .depositsSection .head .done, .depositsSection .head .out{
  width: 20%;
  padding-left: 33px;
}

 

.depositsSection .pagination {
  margin-top: 49px;
}

.depositItem {
  display: flex;
background: #303030;
/*margin-bottom:40px;*/
padding: 20px 5px;
/*border: 2px solid #000000;*/


}

.depositItem+.depositItem {
  margin-top: 40px;
}

.depositItem .name {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 157px;
  flex-shrink: 0;
 font-size: 20px;
line-height: 26px;
color: #fff;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  padding-bottom: 5px;
}

.depositItem .name img {
  position: absolute;
  display: block;
  top: 5px;
  left: 0;
  z-index: 1;
}

.depositItem .name span {
  position: relative;
  z-index: 2;
}

.depositItem .info {
  flex-grow: 1;
  border-left: 1px solid #1D1D1D;
}

.depositItem .progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 283px;
  padding-left: 18px;
  padding-top: 6px;
  padding-right: 20px;
  padding-bottom: 6px;
  flex-shrink: 0;
  border-left: 1px solid #1D1D1D;
}

.depData {
  height: 67px;
  display: flex;
  text-align: center;
}

.depData li {
  padding-left: 28px;
  display: flex;
  align-items: center;
  width: 33.3333%;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  justify-content: center;
}

.depData li.in, .depData li.out {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}

.depData li.out {
  /*font-size: 16px;
  font-weight: 900;
  color: #098b1e;*/
}

.depData li+li {
  border-left: 1px solid #1D1D1D;
}

.depInfo {
 padding-left: 28px;
padding-top: 20px;
padding-bottom: 20px;
  display: flex;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 300;
  letter-spacing: 0.025em;
  background-color: #1D1D1D;
  border-bottom: 1px solid #303030;
}

.depInfo>li:nth-child(1),
.depInfo>li:nth-child(2) {
  width: 213px;
}

.depInfo span {
  font-size: 14px;
  font-weight: bold;
  color: #098b1e;
}

#myprogressBar{
	
}
.progressBar {
  padding-bottom: 8px;
  width:100%;
}

.progressBar .title {
  display: block;
font-size: 18px;
line-height: 32px;
color: #ffffff;
font-weight: 300;
letter-spacing: 0.025em;
text-align: center;
}

.progressBar .title span {
  font-weight: bold;
  color: #098b1e;
}

.progressBar .line {
  position: relative;
  margin-top: 14px;
  width: 100%;
  height: 27px;
  background-color: #000000;
    overflow: hidden;
}

.progressBar .line .in {
  position: absolute;
  height: 27px;
  top: 0px;
  left: 0px;
  background-color: #098b1e;
  
}

.progressChart {
  width: 92px;
  height: 92px;
  background-color: #923eff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.progressChart .progressInput {
  font-family: "Barlow" !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

.historySection {
  padding-top: 36px;
}
.myhystor1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 5px;
}
#myhystor3 {
  text-align: right;
}
#myhystor2 {
  
  word-break: break-word;
  line-height: 20px;
}
.historySection .historyTable {
  margin-top: 65px;
}

.historySection .pagination {
  margin-top: 50px;
}

.filterBlock {
  position: relative;
  padding-top: 19px;
  padding-left: 1%;
padding-right: 1%;
  z-index: 1;
}

.filterBlock::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 48px);
  background: #303030;
  z-index: -1;
}

.filterBlock::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 48px;
  /*background-image: url(../img/content_back.png);
  background-position: center top;
  background-repeat: no-repeat;*/
  z-index: -1;
}

.filterBlock .formWrap {
  display: flex;
}

.filterBlock .date {
  display: flex;
}

.filterBlock .date .item {
  width: 131px;
}

.filterBlock .date .item+.item {
  margin-left: 10px;
}

.filterBlock .date+.date,
.filterBlock .date+.type {
  margin-left: 30px;
}

.filterBlock .type {
  width: 204px;
}

.filterBlock [class*=btn] {
  position: relative;
  bottom: -35px;
  min-width: 213px;
}

.historyTable .tRow {
  display: flex;
  height: 60px;
  background-color: rgba(54, 34, 94, 0.8);
}

.historyTable .tRow+.tRow {
  margin-top: 10px;
}

.historyTable .tCell {
  padding-top: 10px;
  padding-bottom: 10px;
}

.historyTable .param {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #ffffff;
  letter-spacing: 0.025em;
}

.historyTable .data {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}

.historyTable .type {
  padding-left: 40px;
  width: 317px;
}

.historyTable .type .data {
  font-size: 17px;
}

.historyTable .date {
  width: 220px;
}

.historyTable .pay {
  flex-grow: 1;
}

.historyTable .deb {
  padding-left: 40px;
  width: 150px;
  background-color: rgba(211, 76, 255, 0.5);
}

.historyTable .cred {
  padding-left: 43px;
  width: 150px;
  background-color: rgba(0, 0, 0, 0.5);
}

.historyTable .bal {
  padding-left: 45px;
  width: 150px;
  background-color: #098b1e;
}

.historyTable .bal .param {
  color: #1D1D1D;
}

.outSection {
  padding-top: 36px;
  padding-bottom: 56px;
}

.outSection .wrapper {
  display: flex;
  justify-content: space-between;
}

.outSection .wrapper+.wrapper {
  margin-top: 20px;
}

.outSection .col {
  width: calc((100% - 20px) / 2);
}

.outSection .fieldset {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 18px;
  z-index: 1;
}

.outSection .fieldset::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 100%;
  height: 56px;
  background-color: #303030;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  z-index: -1;
}

.outSection .fieldset::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 56px);
  background-color: #303030;
  z-index: -1;
}

.outSection .fieldset>.num {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 6px;
  width: 76px;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  line-height: 34px;
 color: #098b1e;
font-weight: 500;
  background-color: #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.outSection .fieldset>.title {
  display: block;
  margin-top: 2px;
  font-size: 30px;
  line-height: 37px;
  color: #fff;
  font-weight: 500;
  text-align: center;
}

.outSection .fieldset.withButton::before {
  background-color: #303030;
}

.outSection .fieldset.withButton::after {
  display: none;
}

.outSection .fieldset.withButton .back {
  position: absolute;
  top: 56px;
  left: 0px;
  width: 100%;
  height: calc(100% - 56px - 37px);
  background-color: #303030;
  z-index: -1;
}

.outSection .fieldset.withButton .back::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 137px;
  top: 100%;
  left: 0px;
  background: #303030;
 
}

.outSection .fieldset.sum {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
}

.outSection .fieldset.pay {
  padding-left: 55px;
  padding-right: 55px;
  padding-bottom: 40px;
  z-index: 2;
}

.outSection .sumWrapper {
  margin-top: 11px;
}

.outSection .sumWrapper .field {
  margin-top: 30px;
  max-width: 452px;
}

.outSection .payWrapper {
  margin-top: 41px;
}

.outSection .balanceInfo {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.outSection .balanceInfo .cap {
  font-size: 30px;
  line-height: 35px;
  color: #098b1e;
  font-weight: bold;
  text-transform: uppercase;
}

.outSection .balanceInfo .sum {
  margin-left: 7px;
  font-size: 30px;
  line-height: 35px;
  color: #ffffff;
  font-weight: 500;
}

.outSection .result {
  display: block;
font-size: 36px;
color: #098b1e;
font-weight: 500;
letter-spacing: 0.025em;
text-align: center;
width: 300px;
/*background: #000000;*/
line-height: 63px;
/*border: 1px solid #098b1e;*/
margin: 0 auto;
  margin-top: 0px;
margin-top: 30px;
}
div.outSection form.cont div.wrapper div.fieldset.withButton div.inBlock textarea.inpts{
	height: 150px;
width: 70%;
margin: 40px auto;
}
.outSection [class*=btn] {
  position: relative;
  
  margin-top: 14px;
  min-width: 193px;
}

.editSection {
  padding-top: 36px;
  padding-bottom: 56px;
}

.editSection .wrapper {
  display: flex;
  justify-content: space-between;
}

.editSection .col {
  width: calc((100% - 20px) / 2);
}

.editForm {
  position: relative;
  padding-left: 59px;
  padding-top: 43px;
  padding-right: 59px;
  padding-bottom: 10px;
  z-index: 1;
}

.editForm::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 100%;
  height: calc(100% - 37px);
  background-color: #303030;
  z-index: -1;
}

.editForm::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 37px;
  bottom: 0px;
  left: 0px;
  background-image: none;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}
 div#CabinetSection.aboutSection div.editSection div.wrapper div.col div.editForm form div.formWrap div.field div.inBlock label{
 	font-size: 18px;
line-height: 20px;
/*color: #098b1e;*/
 }
.editForm .title {
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-align: center;
}

.editForm .formWrap {
  margin-top: 32px;
}

.editForm .field+.field {
  margin-top: 24px;
}

.editForm [class*=btn] {
  position: relative;
  bottom: -64px;
  margin-top: 5px;
  min-width: 193px;
}

.editForm+.editForm {
  margin-top: 85px;
}

.editForm.payments [class*=btn] {
  margin-top: 25px;
}

.cabMessage {
  padding-top: 35px;
  padding-bottom: 15px;
}

.cabMessage img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cabMessage p {
  max-width: 600px;
  margin-top: 42px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  letter-spacing: 0.025em;
  text-align: center;
}

.cabMessage [class*=btn] {
  margin-top: 94px;
  min-width: 213px;
}

.depositSection {
  padding-top: 35px;
  padding-bottom: 15px;
}

.depositSection [class*=btn] {
  margin-top: 50px;
  min-width: 213px;
}

.depositTable {
 max-width: 600px;
margin-left: auto;
margin-right: auto;
border: 2px solid #303030;
padding: 10px;
}

.depositTable .tRow {
  position: relative;
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #000000;
padding: 20px 60px;
line-height: 60px;
width: 100%;
}

.depositTable .tRow+.tRow {
  margin-top: 5px;
}

.depositTable .img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 58px;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 11px;
  background-color: rgba(100, 224, 255, 0.1);
  -webkit-border-radius: 0px 45px 45px 0px;
  -moz-border-radius: 0px 45px 45px 0px;
  -ms-border-radius: 0px 45px 45px 0px;
  border-radius: 0px 45px 45px 0px;
}

.depositTable .param {
  color: #ffffff;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
line-height: 30px;
padding-bottom: 4px;
display: block;
}

.depositTable .data {
  font-size: 20px;
  line-height: 1;
  color: #ffffff;
  font-weight: 500;
  
}

.depositTable .datapct {
  font-size: 20px;
  color: #fff;
}

.depositTable .datapct span {
  font-size: 20px;
}

.depositTable .datasum {
  font-size: 20px;
  color: #098b1e;
}

.cabTabLinks {
  padding: 0px 0 47px;
}

.cabTabLinks .cabTabs .listLinks {
  display: flex;
  justify-content: space-between;
}

.cabTabLinks .cabTabs .listLinks li {
  width: calc(25% - 17px);
}

.cabTabLinks .cabTabs .listLinks li a {
font-size: 20px;
line-height: 36px;
  color: 0073D7;
  font-weight: 600;
 
  /*background-color: #000000;*/
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: center;
  padding: 18px 15px;
  letter-spacing: 0.025em;
}
.cabTabLinks .cabTabs .listLinks li:hover a{
	background:#303030;
}
.cabTabLinks .cabTabs .listLinks li.active a {
  background-color: #098b1e;
  color:#fff;
}

.cabTabLinks .cabTabs .tabsBody {
  background:#303030;
  margin-top: 20px;
  padding: 100px 15px 100px;
  position: relative;
}

.cabTabLinks .cabTabs .tabsBody img {
  display: table;
  margin: 0 auto;
  max-width: 100%;
}

.cabTabLinks .cabTabs .inBlock {
  padding: 0 70px;
margin-top: 90px;
}

.cabTabLinks .cabTabs .inBlock input {
  text-align: center;
  color: #ffffff;
}

.cabTabLinks .cabTabs .inBtn {
  position: relative;
  z-index: 5;
  display: table;
  margin: 0 auto;
  top: 40px;
}

.cabTabLinks .cabTabs .inBtn .copyLink {
  min-width: 193px;
}
textarea#banner1.inpts,
textarea#banner2.inpts,
textarea#banner3.inpts,
textarea#banner4.inpts,
textarea#banner5.inpts{
	height: auto;
	font-size: 18px;
	text-align: center;
	padding: 15px;
}

.cabTabLinks .cabTabs .inBtn::before {
  /*content: "";
  position: absolute;
  left: -30px;
  top: -29px;
  width: calc(100% + 60px);
  height: calc(100% + 60px);
  background-color: #1D1D1D;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  z-index: -1;*/
}

.cabSecurity {
  padding: 36px 0 92px;
}

.cabSecurity .cabForm {
  position: relative;
  background-color: #303030;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 34px 174px;
}

.cabSecurity .cabForm::before {
  /*content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 37px;
  top: 100%;
  left: 0px;
  background-image: url(../img/content_back_2.png);
  background-position: center top;
  background-repeat: no-repeat;*/
}

.cabSecurity .cabForm .cabFormLeft {
  width: calc(50% + 42px);
}

.cabSecurity .cabForm .cabFormLeft .inBlock+.checkBtn {
  margin-top: 29px;
}

.cabSecurity .cabForm .cabFormLeft .checkBtn+.checkBtn {
  margin-top: 29px;
}

.cabSecurity .cabForm .cabFormLeft .checkBtn+.inBlock {
  margin-top: 33px;
}

.cabSecurity .cabForm .cabFormRight .checkBtn {
  padding: 0 12px;
}

.cabSecurity .cabForm .cabFormRight .checkBtn+.checkBtn {
  margin-top: 28px;
}

.cabSecurity .cabForm .cabFormRight label+.checkBtn {
  margin-top: 27px;
}

.cabSecurity .cabForm .cabFormRight .inBlock+.inBlock {
  margin-top: 53px;
}

.cabSecurity .cabForm .btnLine {
  position: absolute;
  left: 0;
  bottom: -91px;
  width: 100%;
}

.cabSecurity .cabForm .btnLine .btnGrad {
  min-width: 193px;
}

.cabSecurity .cabForm .checkBtn label {
  padding-bottom: 5px;
}

.cabSecurity .cabForm+.cabForm {
  margin-top: 120px;
}

.cabSecurity .cabForm.cabGoogleForm {
  padding: 38px 38px 71px 173px;
}

.cabSecurity .cabGoggle {
  width: 100%;
}

.cabSecurity .cabGoggle .title {
  width: 100%;
  display: block;
  margin-top: 2px;
  font-size: 30px;
  line-height: 37px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-align: center;
  max-width: 85%;
}

.cabSecurity .cabGoggle .lineGoogle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 45px;
}

.cabSecurity .cabGoggle .lineGoogle .text {
  width: calc(50% - 200px);
  top: -8px;
  position: relative;
}

.cabSecurity .cabGoggle .lineGoogle .text .tit {
  display: block;
  font-size: 17px;
  line-height: 24px;
  color: #ffffff;
  letter-spacing: 0.025em;
}

.cabSecurity .cabGoggle .lineGoogle .text .num {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.025em;
}

.cabSecurity .cabGoggle .lineGoogle .picCode {
  width: 200px;
  height: 206px;
  background-color: #ffffff;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

.cabSecurity .cabGoggle .lineGoogle .inBlock {
  width: calc(50% - 66px);
}

.referralInfo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 36px 0;
}

.referralInfo .bl {
  width: calc(50% - 16px);
  background-color: #303030;
  background-position: right top;
  background-repeat: no-repeat;
}

.referralInfo .refUpline {
  /*background-image: url("../img/pic_back_ref1.png");*/
  padding: 83px 40px 90px;
}

.referralInfo .refTotal {
  /*background-image: url("../img/pic_back_ref2.png");*/
  padding: 83px 40px 90px;
}

.referralInfo .filterBlock {
  margin-top: 30px;
  padding: 2%;
}

.referralInfo .filterBlock .formWrap {
  flex-wrap: wrap;
}

.referralInfo .filterBlock .formWrap .date {
  width: 100%;
  justify-content: space-between;
}

.referralInfo .filterBlock .formWrap .date+.date {
  margin-left: 0;
  margin-top: 24px;
}

.referralInfo .tableInfoReferal {
  background: transparent;
  margin-top: 30px;
}

.referralInfo .tableInfoReferal .tr {
  display: flex;
  justify-content: space-between;
  background-color: #303030;
}

.referralInfo .tableInfoReferal .tr .td {
  padding: 10px 20px ;
}
#mytabsreff{
	border: 0px;
padding: 0px;

}
#mytabsreff.depotab tbody tr td.depotab1{
	font-size: 18px;
}
.referralInfo .tableInfoReferal .tr .td .tit {
  font-size: 15px;
  color: #ffffff;
  display: block;
}

.referralInfo .tableInfoReferal .tr .td .text {
  font-size: 17px;
  color: #ffffff;
  display: block;
  font-weight: 500;
  margin-top: 4px;
}

.referralInfo .tableInfoReferal .tr .td .num {
  font-size: 17px;
  font-weight: 500;
  color: #ffffff;
  display: block;
  margin-top: 4px;
}

.referralInfo .tableInfoReferal .tr .td .num.color1 {
  color: #fff;
}

.referralInfo .tableInfoReferal .tr .td .num.color2 {
  color: #098b1e;
}

.referralInfo .tableInfoReferal .tr+.tr {
  /*margin-top: 15px;*/
}

.referralInfo .title {
  font-size: 24px;
  line-height: 30px;
  color: #098b1e;
  font-weight: bold;
  letter-spacing: 0;
  display: block;
  text-transform: uppercase;
}

.referralInfo .data {
  font-size: 36px;
  line-height: 50px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}

.referralInfo .link {
  font-size: 18px;
  line-height: 20px;
  color: #098b1e;
  font-weight: bold;
  letter-spacing: 0.007em;
  display: table;
  margin-top: 12px;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.referralInfo .link:hover {
  text-decoration-color: transparent;
}

.referralInfo .stateList {
  margin-top: 14px;
  display: flex;
}

.referralInfo .stateList li {
  font-size: 18px;
  color: #098b1e;
  font-weight: bold;
}

.referralInfo .stateList li+li {
  color: #fff;
  margin-left: 25px;
}

.refList {
  padding: 46px 0;
}

.refList .capTitle {
  width: 100%;
  display: block;
  margin-top: 2px;
  font-size: 34px;
  line-height: 37px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-align: center;
}

.refList .faqItem {
  margin-top: 47px;
}

.refList .faqItem:hover .head .title .col .cap,
.refList .faqItem.active .head .title .col .cap {
  color: #ffffff;
}

.refList .faqItem .head {
  display: flex;
  padding-left: 49px;
}

.refList .faqItem .head .title {
  display: flex;
  justify-content: space-between;
  padding-top: 7px;
  padding-bottom: 14px;
}

.refList .faqItem .head .title .col {
  width: 25%;
}

.refList .faqItem .head .title .col:nth-child(4) {
  width: 33%;
}

.refList .faqItem .head .title .col:nth-child(5) {
  width: 20%;
}

.refList .faqItem .head .title .col .cap {
  color: #ffffff;
  font-size: 15px;
  display: block;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.refList .faqItem .head .title .col .link,
.refList .faqItem .head .title .col .data {
  color: #ffffff;
  font-size: 17px;
  /*display: block;*/
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  margin-top: -4px;
}

.refList .faqItem .head .title .col .link {
  font-size: 15px;
}

.refList .faqItem .head .title::after,
.refList .faqItem .head .title::before {
  width: calc(100% + 50px);
}

.refList .faqItem .content .in {
  padding-left: 138px;
}

.refList .faqItem .icon {
  position: absolute;
  left: -63px;
  top: 50%;
  margin-top: -30px;
}

.refList .faqItem+.faqItem {
  margin-top: 20px;
}

.mobileTitle {
  display: none;
  font-weight: bold;
}

.userInfo.mobile {
  padding-top: 191px;
  display: none;
  position: relative;
  width: 260px;
  left: -16px;
}

.userInfo.mobile .item {
  display: block;
}

.userInfo.mobile .item+.item {
  margin-left: 0;
  margin-top: 22px;
}

.footer {

  position: relative;
/*margin-top: 150px;*/
background: #000000;
padding-top: 50px;
}

.footer::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1876px;
  /*background-image: url(../img/footer_back.png);
  background-size: 100% auto;
  background-position: center botton;
  background-repeat: no-repeat;*/
  z-index: -1;
  
}

.footer.page::before {
  bottom: 0px;
  height: 1609px;
  /*background-image: url(../img/page_footer_back.png);*/
}

.payments .list {
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
  justify-content: space-around;
}

.footerInfo {
  position: relative;
  margin-top: 50px;
  padding-bottom: 28px;
  /*background-color: rgba(22, 8, 49, 0.302);
  -webkit-box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.5);*/
  z-index: 1;
}

.footerInfo::before {
 /* content: "";
  display: block;
  position: absolute;
  bottom: -13px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 649px;
  height: 349px;
  background-image: url(../img/logo_back.png);
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;*/
}

.footerInfo .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.footerInfo .leftSide {
  padding-bottom: 28px;
  width: 33.3333%;
}

.footerInfo .rightSide {
  padding-bottom: 50px;
  width: 33.3333%;
  display: flex;
  justify-content: flex-end;
}

.footerInfo .logoWrapper {
  padding-top: 24px;
  width: 33.3333%;
}

.footerInfo .mainContacts {
  margin-left: auto;
}

.footerInfo .socList {
  margin-top: 15px;
}

.footerInfo .copyright {
  margin-top: 28px;
}

.copyright {
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
  letter-spacing: 0.025em;
  text-align: center;
  position: relative;
z-index: 1;
}

.bottomLine {
  position: relative;
  padding-top: 10px;
  background-color: #1D1D1D;;
  -webkit-box-shadow: 0px 0px 59px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 59px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 59px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.bodyModal {
  overflow: hidden;
}

.modalsScroll {
  overflow: auto;
  overflow-x: hidden;
  position: fixed;
  z-index: -1;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  display: none;
}

.modalsScroll.open {
  z-index: 55;
  display: block;
}

.modals {
  height: 100vh;
  width: 100vw;
}

.modals.table {
  display: table;
}

.modals>.tCell {
  padding: 30px;
  overflow: auto;
  display: table-cell;
  vertical-align: middle;
}

.overlayModal {
  z-index: 1;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: none;
}

@media screen and (max-width: 1899px) and (min-width: 1440px) {
  .userInfo .item+.item {
    margin-left: 30px;
  }
}

@media screen and (max-width: 1799px) and (min-width: 1440px) {
  .userStatBlock {
    width: 100%;
    padding-top: 30px;
  }

  .userStatBlock .num {
    font-size: 30px;
    line-height: 32px;
  }

  .userStatBlock .param {
    font-size: 17px;
  }

  .userStatBlock [class*=btn] {
    margin-top: 30px;
    min-width: 193px;
    font-size: 18px;
  }

  .userStatBlock:after {
   /* top: -260px;
    right: -225px;*/
  }

  .userStatBlock::before {
    /*top: -330px;
    right: -305px;*/
  }

  .cabinetWrapper {
    /*padding-right: 220px;*
  }

  .cabinetHeader .logoWrapper {
    width: 220px;
  }

  .cabinetHeader .logoWrapper:before {
    /*top: -330px;
    left: -273px;*/
  }

  .cabinetHeader .logoWrapper:after {
    /*top: -260px;
    left: -200px;*/
  }

  .cabinetHeader .siteLogo .title {
    font-size: 22px;
  }

  .cabinetHeader .infoWrapper {
    width: calc(100% - 220px);
  }

  .cabinetContent .leftSide {
    padding-top: 100px;
    width: 300px;
	padding-bottom:100px;
  }

  .cabinetContent .rightSide {
    width: calc(100% - 220px);
  }

  .cabinetContent .cabinetMenu li {
    position: relative;
    padding-left: 25px;
  }
}

@media screen and (max-width: 1699px) and (min-width: 1440px) {
  .userInfo {
    flex-wrap: wrap;
  }

  .userInfo .mail {
     /*font-size: 16px;
    line-height: 18px;*/
  }

  .userInfo .data {
    /*font-size: 16px;
    line-height: 18px;*/
  }

  .cabinetHeader .infoWrapper {
    flex-wrap: wrap;
    padding-right: 95px;
  }

  .cabinetContent .container {
    width: 100%;
  }

  .cabSocList li+li {
    margin-left: 10px;
  }

  .accBalance .buttons [class*=btnFill] {
    /*min-width: 215px;
    font-size: 18px;*/
  }

  .resultBlockWrapper.partners .profitBlock .item {
    padding-left: 62px;
  }

  .resultBlockWrapper.partners .profitBlock .item+.item {
    padding-left: 62px;
  }

  .resultBlockWrapper.partners .profitChart .chart {
    width: 100%;
  }

  .depInfo span {
    display: block;
  }

  .depInfo>li:nth-child(2),
  .depInfo>li:nth-child(1) {
    width: 230px;
  }

  .depositsSection .head .out {
    padding-left: 2px;
  }

  .depositsSection .head .in {
    padding-left: 15px;
  }
}

@media screen and (max-width: 1559px) and (min-width: 1440px) {
  .accInfo {
    gap: 15px;
  }

  .cabSocList {
    margin: 0 auto;
  }

  .userInfo {
    width: 100%;
    justify-content: space-between;
  }

  .cabinetHeader {
    height: 100px;
  }

  .accBalance .buttons [class*=btnFill] {
    /*min-width: 195px;
    font-size: 16px;*/
  }

  .accBalance .num {
    font-size: 50px;
  }

  .resultBlockWrapper.partners .profitBlock .item+.item {
    padding-left: 32px;
  }

  .planInfo li {
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .depositsSection .head {
    display: none;
  }

  .depositItem {
    flex-wrap: wrap;
  }

  .depositItem .name {
    width: 50%;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    order: 1;
  }

  .depositItem .name span {
    width: 100%;
  }

  .depositItem .name img {
    position: relative;
    display: block;
    top: auto;
    left: auto;
    margin: 0 auto;
    width: 140px;
    margin: -15px 0 -30px;
  }

  .depositItem .progress {
    flex-wrap: wrap;
    width: 50%;
    order: 2;
    padding: 12px 15px;
  }

  .depositItem .info {
    order: 3;
  }

  .progressBar {
    width: calc(100% - 200px);
  }

  .progressBar .line {
    width: 100%;
  }

  .depData li {
    flex-wrap: wrap;
    padding-left: 15px;
    border-top: 1px solid #1D1D1D;
  }

  .depData li .mobileTitle {
    text-align: left;
  }

  .depInfo {
    padding: 0;
  }

  .depInfo>li {
    padding: 15px;
    width: 33.3333333333% !important;
  }

  .mobileTitle {
    display: block;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
  }

  .filterBlock .formWrap {
    flex-wrap: wrap;
  }

 

  .historyTable .tRow {
    flex-wrap: wrap;
    height: auto;
  }

  .historyTable .tRow .tCell {
    width: 33.3333333333%;
    padding: 15px !important;
  }

  .outSection .balanceInfo {
    flex-wrap: wrap;
  }
}

@media (min-width: 1440px) {
  .cabinetContent .leftSide {
    display: block !important;
  }
}
@media (max-width: 1439px) {
	 
.firstCap{font-size: 60px;}
.secCap { font-size: 40px;}
div#referral.userInfo{
	padding: 10px 20px 0px 100px;
}
.mainContacts, .mybalance1, .mainAddress,  .textBlock, .cabTabLinks .cabTabs .listLinks li a,  .inBlock input{  font-size: 18px;}
.depotab, .cabinetMenu .data, .userInfo .param, .userInfo .mail, .userStat .date, .userInfo .data, .userStat .param, div#referral.userInfo div.accStat div.item span.param, div#referral.userInfo div.accStat div.item span.data, .inBlock label {font-size: 16px; }
td.depotab1, .referralInfo .data { font-size: 20px;}
.referralInfo .data {font-size: 26px;}
	
}
.item b.transtype {
  font-size: 16px;
  line-height: 30px;}
  
}
@media (max-width: 1439px) {
	 .filterBlock .date+.type,
  .filterBlock .date+.date {
    margin-left: 64px;
  }

  .filterBlock .type {
    width: 100%;
    margin: 10px 0 0 !important;
  }
  #response{
  	width: 100%;
  	max-width: 100%;
  }
  .cabinetWrapper {
    padding-right: 0;
  }
.userInfo{
	max-width: 1000px;
}
 .accStat .item {
  
    max-width: 900px;}
 .accInfo div.col div.accStat div.item{
 	width: 420px;
 }
  .cabinetContent .rightSide {
    width: 100%;
    padding-top: 60px;
  }

  .userInfo.mobile {
    display: block;
  }

  .userInfo .item {
    /*display: none;*/
  }

  .userInfo .item:first-child {
    display: flex;
  }

  .cabinetHeader {
    height: 0;
    z-index: auto;
  }

  .cabinetHeader.open .logoWrapper::after,
  .cabinetHeader.open .logoWrapper::before,
  .cabinetHeader.open .openMobileMenu::after,
  .cabinetHeader.open .openMobileMenu::before {
    opacity: 0;
  }

  .cabinetHeader .infoWrapper {
    width: calc(100% - 540px);
    padding-left: 60px;
    padding-right: 42px;
  }

  .cabinetHeader .logoWrapper {
    padding-left: 25px;
    padding-top: 13px;
    z-index: 9;
  }

  .cabinetHeader .logoWrapper:before {
    top: -350px;
    left: -320px;
  }

  .cabinetHeader .logoWrapper:after {
    top: -287px;
    left: -263px;
  }

  .cabinetHeader .siteLogo {
    margin-left: 0;
    margin-right: 0;
  }

  .cabinetHeader .siteLogo img {
    margin-left: 0;
    margin-right: 0;
  }

  .cabinetHeader .siteLogo .title {
    margin-top: 9px;
    font-size: 23px;
    width: 86px;
    word-break: break-all;
    text-align: left;
  }

  .cabinetHeader .openMobileMenu {
    display: block;
    text-align: center;
    position: absolute;
    right: 12px;
    top: 0;
    z-index: 9;
  }

  .cabinetHeader .openMobileMenu span {
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
  }

  .cabinetHeader .openMobileMenu .txt {
    background: transparent;
    font-size: 18px;
    color: #d0b1ff;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
  }

  .cabinetHeader .openMobileMenu .menuBurger {
    background-image: url("../img/back_burger.html");
    background-position: center;
    background-repeat: no-repeat;
    width: 93px;
    height: 93px;
    text-align: center;
    z-index: 9;
  }

  .cabinetHeader .openMobileMenu .menuBurger.open span:nth-child(1) {
    top: 10px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .cabinetHeader .openMobileMenu .menuBurger.open span:nth-child(2) {
    opacity: 0;
  }

  .cabinetHeader .openMobileMenu .menuBurger.open span:nth-child(3) {
    top: -10px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .cabinetHeader .openMobileMenu::before {
    content: "";
    display: block;
    position: absolute;
    top: -350px;
    left: -156px;
    width: 601px;
    height: 601px;
    -webkit-box-shadow: 0px 0px 59px 0px #000000;
    -moz-box-shadow: 0px 0px 59px 0px #000000;
    box-shadow: 0px 0px 59px 0px #000000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -1;
  }

  .cabinetHeader .openMobileMenu::after {
    content: "";
    display: block;
    position: absolute;
    top: -290px;
    left: -97px;
    width: 483px;
    height: 483px;
    
    -webkit-box-shadow: 0px 0px 59px 0px #000000;
    -moz-box-shadow: 0px 0px 59px 0px #000000;
    box-shadow: 0px 0px 59px 0px #000000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -1;
  }

  .cabinetContentWrapper {
    margin-bottom: 46px;
  }

  .userStatBlock {
    position: static;
    padding-top: 0;
    background: transparent;
  }

  .userStatBlock [class*=btn] {
    display: none;
  }

  .userStatBlock .userStat {
    margin: 0;
    padding: 53px 10px;
    max-width: 1000px;
  }

  .userStatBlock::after,
  .userStatBlock::before {
    /*display: none;*/
  }

  .cabClock {
    position: absolute;
    left: 4px;
    top: 58px;
  }
}

@media (max-width: 1199px) {
	.investListPlan .item {
  width: calc((100% / 3) - 14px);
  margin-top: 20px;
}
	.editForm {
  	padding-left: 30px;
padding-top: 43px;
padding-right: 30px;
}
	.outSection .payWrapper {
  margin-top: 73px;
}
	.filterBlock .date {
 	 margin: 10px auto;
}
  .filterBlock .date+.type,
  .filterBlock .date+.date {
    margin-left: auto;
  }
	div#bgbodyWrap.bodyWrap div.cabinetWrapper div.cabinetContent div.rightSide div.cabinetContentWrapper div.container{
	width: 100%;
}
	div.vimeo-wrapper video.bg-video { 
  top: 28%;  
}
.accStat .item{
	padding-right: 10px;
	padding-left: 10px;
}
	 
div#myreff.licenseBlock div.info div.address p.mainAddress{
	position: relative;
top: 0;
left: 310px;
width: 300px;
margin-top: -57px;
}
div#myreff.licenseBlock div.info div.address span.title {
 
  width: 280px;
}
div#myreff.licenseBlock div.info div.address div.pct{
	width: 600px;
text-align: center;
margin-top: 30px;
}
div#myreff.licenseBlock{
	padding-top: 100px;
}
.cabinetContent .leftSide {
  padding-top: 70px;}
  .container {
    width: 992px;
    padding: 0px 11px;
  }
  
#CabinetSection {
  
  max-width: 880px;
}
.acctabs {
  width: 97%;
margin: 0 auto;
}
.accInfo {
  display: block;
  max-width: 865px;
}
.accStat {
  display: block;
  text-align: center;
}
.accBalance{
	margin-bottom:20px;
}
.accInfo div.col div.accStat div.item{
	width: 865px;
}
.userInfo, .userStatBlock .userStat, .notices {
  max-width: 865px;
}
  .header::before {
    top: -360px;
  }

  .header::after {
    top: -300px;
  }

  .siteMenu {
    padding-left: 10px;
    padding-right: 10px;
    justify-content: space-between;
  }

  .startSection {
    padding-top: 63px;
  }

  .startSection .mainStat {
   /* margin-top: 70px;*/
  }

  .startSection .startAbout {
    margin-top: 50px;
  }

  .startSection .mainCurrency {
    margin-top: 55px;
  }

  .mainStat {
    /*max-width: 586px;*/
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
  }


  .mainStat .param {
    margin-top: 12px;
  }

  .startAbout {
    padding-left: 69px;
    padding-right: 81px;
  }

  .startAbout .item {
    display: block;
  }

  .startAbout .img {
    height: 133px;
    display: flex;
    align-items: flex-end;
  }

  .startAbout .data {
    margin-left: 0px;
    margin-top: 17px;
  }

  .startAbout ul {
    margin-top: 3px;
  }

  .startAbout ul li::before {
    left: 0px;
  }

  .mainCurrency {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
  }

  .mainCurrency .swiper-slide:first-child {
    flex-basis: auto;
  }

  .mainCurrency .swiper-slide:first-child .item {
    padding-left: 25px;
  }

  .mainAdvantages {
   margin-top: 130px;
  }

  .mainAdvantages::before {
    top: 224px;
  }

  .mainAdvantages .sectionContent {
    margin-top: 85px;
  }

  .advantagesList .col {
    width: auto;
  }

  .advantageItem {
    justify-content: flex-start;
  }

  .advantageItem .data {
    width: 230px;
    margin-left: 20px;
  }

  .advantageItem:nth-child(2) {
    padding-left: 0px;
  }

  .advantageItem.reverse {
    flex-direction: row;
  }

  .advantageItem.reverse:nth-child(2) {
    padding-right: 0px;
  }

  .advantageItem.reverse .data {
    text-align: left;
  }

  .mainAbout {
    margin-top: 74px;
  }

  .mainAbout::before {
    top: -704px;
  }

  .mainAbout [class*=btn] {
    margin-top: 62px;
  }

  .mainAbout .sectionContent {
    margin-top: 115px;
    gap: 78px;
  }

  .mainAbout .aboutMap {
    margin-top: 82px;
  }

  .aboutMap {
    display: block;
    margin-top: -120px;
  }

  .aboutMap .map {
    margin-left: 22px;
    margin-top: 40px;
  }

  .aboutMap .inner {
    display: table;
    right: 0px;
  }

  .mainPlans {
    margin-top: 78px;
  }

  .mainPlans .sectionContent {
    margin-top: 92px;
  }

  .plansSlider {
    max-width: 786px;
    margin-left: auto;
    margin-right: auto;
  }

  .mainProgramBlock .item {
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 28px;
  }

  .mainProgramBlock .item:first-child {
    background-image: url(../img/program_1_md.html);
  }

  .mainProgramBlock .item:last-child {
    padding-top: 23px;
    padding-right: 0px;
    background-image: url(../img/program_2_md.html);
  }

  .mainProgramBlock .pct {
    font-size: 48px;
    text-align: left;
  }

  .mainSteps {
    margin-top: 124px;
   background: #1D1D1D;
  }

  .mainSteps .sectionContent {
    margin-top: 32px;
  }
.investListPlan {
 
  margin-top: 57px;
}
  .stepsList {
    gap: 20px;
  }

  .stepItem .title {
    font-size: 27px;
  }

  .stepItem p {
    padding: 0px;
  }

  .mainCalc {
    margin-top: 124px;
  }

  .mainCalc::before {
    top: -70px;
  }

  .mainCalc .sectionContent {
    display: block;
   margin-top: 0px;
  }

  .mainCalc .col {
    max-width: 565px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .mainCalc .col+.col {
    margin-top: 20px;
  }

  .mainCalc .buttonWrapper::before {
    display: none;
  }

  .profitBlock:last-child .item {
    padding-bottom: 5px;
  }

  .mainTextContent {
    margin-top: 103px;
  }

  .mainTextContent .sectionContent {
    margin-top: 80px;
  }

  .mainTextContent p+p {
    margin-top: 30px;
  }

  .mainTextContent p+p:last-child {
    margin-top: 28px;
  }

  .mainTextContent figure+p {
    margin-top: 30px;
  }

  .footer {
    margin-top: 0px;
  }

  .footer::before {
    bottom: 55px;
    height: 2155px;
    
  }

  .payments .list {
    /*flex-wrap: wrap;*/
  }

  .payments .list li {
    flex-shrink: 0;
  }

 /* .payments .list li img {
    display: block;
  }

  .payments .list li:nth-last-child(1) {
    width: 50%;
    margin-top: 30px;
    margin-left: auto;
  }

  .payments .list li:nth-last-child(1) img {
    margin-left: auto;
  }

  .payments .list li:nth-last-child(2) {
    width: 50%;
    margin-top: 30px;
    margin-right: auto;
  }*/

  .footerInfo {
    margin-top: 57px;
  }

  .pageTitleSection {
    padding-top: 80px;
  }

  .pageTitleSection .mainCurrency {
    margin-top: 80px;
  }

  .aboutSection {
    margin-top: 30px;
    padding-top: 80px;
  }

  .textContainer p+p {
    margin-top: 30px;
  }

  .textContainer p+p:last-child {
    margin-top: 28px;
  }

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

  .textContainer figure.rightSide {
    margin-left: 30px;
    margin-bottom: 100px;
  }

  .textContainer figure.leftSide {
    margin-right: 30px;
    margin-bottom: 130px;
  }

  .textContainer figure+p {
    margin-top: 30px;
  }

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

div#bgbodyWrap.bodyWrap div.aboutSection div.container div.aboutMap.wow.animate__fadeInUp div.licenseList{
	padding-top: 100px;
}
.mainAddress {
  
  /*padding-left: 0px;*/
}
  .licenseList {
    grid-template-columns: repeat(2, 261px);
    justify-content: center;
    padding-top: 150px;
  }

  .advantagesSection {
    margin-top: 120px !important;
  }

  .advantagesSection .sectionContent {
    margin-top: 80px;
  }

  .advantagesSection::after {
    display: none;
  }

  .advantagesBlock {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 42px;
  }

  .feedbackSection {
    margin-top: 200px;
  }

  .plansSection {
    margin-top: 120px;
  }

  .plansSection .wrapper {
    display: block;
    max-width: 565px;
    margin-left: auto;
    margin-right: auto;
  }

  .plansSection .wrapper+.wrapper {
    margin-top: 20px;
  }

  .plansSection .wrapper+.wrapper::before {
    display: none;
  }

  .plansSection .col {
    width: 100%;
  }

  .plansSection .col+.col {
    margin-top: 20px;
  }

  .plansSection .buttonWrapper {
    margin-top: 30px;
    padding: 0px;
  }

  .plansSection .buttonWrapper::before {
    display: none;
  }

  .resultBlockWrapper.partners {
    display: block;
  }

  .resultBlockWrapper.partners .sumWrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .resultBlockWrapper.partners .field {
    margin-left: auto;
    margin-right: auto;
  }

  .resultBlockWrapper.partners .profitChart {
    min-height: auto;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }

  .resultBlockWrapper.partners .profitChart .chart {
    margin-left: auto;
  }

  .resultBlockWrapper.partners .profitChart .subtitle {
    max-width: 100%;
  }

  .resultBlockWrapper.partners .wrap {
    width: 100%;
  }

  .resultBlockWrapper.partners .wrap+.wrap {
    border-left: none;
    border-top: 1px solid #210d47;
  }

  .resultBlockWrapper.partners .profitBlock .item {
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .resultBlockWrapper.partners .profitBlock .item+.item {
    padding-left: 0px;
  }

  .resultBlockWrapper.partners .profitBlock+.profitBlock {
    min-height: 135px;
  }

  .resultBlockWrapper.partners .profitBlock+.profitBlock .item {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .programSection {
    margin-top: 120px;
  }

  .programSection [class*=btn] {
    margin-top: 50px;
  }

  .rulesSection {
    /*margin-top: 120px;*/
  }

  .rulesSection .rulesList {
    margin-top: 60px;
  }

  .rulesList {
    margin-bottom: -40px;
  }

  .rulesList .rulesItem {
    margin-bottom: 40px;
  }

  .faqSection {
    margin-top: 120px;
  }

  .faqSection .faqList {
    margin-top: 60px;
  }

  .faqSection .pagination {
    margin-top: 60px;
  }

  .newsSection {
    margin-top: 120px;
  }

  .newsSection .newsList {
    margin-top: 60px;
  }

  .newsSection .pagination {
    margin-top: 60px;
  }

  .newsList {
    column-gap: 20px;
  }

  .rateSection {
    margin-top: 120px;
  }

  .rateSection .rateList {
    margin-top: 60px;
  }

  .rateList {
    justify-content: center;
  }

  .contactsSection {
    margin-top: 120px;
  }

  .contactsSection .mapBlock {
    margin-top: 80px;
  }

  .contactsList {
    justify-content: center;
  }

  .authWrapper {
    margin-top: 120px;
    padding-bottom: 0px;
    background-image: none;
  }

  .authWrapper .logoImage {
    display: none;
  }

  .authWrapper .regForm {
    margin-top: 60px;
  }

  .loginForm {
    padding: 30px;
    /*background-color: rgba(35, 14, 74, 0.7);*/
  }

  .regForm {
    padding: 30px;
    /*background-color: rgba(35, 14, 74, 0.7);*/
  }

  .regForm .formWrap {
    grid-template-columns: repeat(3, 1fr);
  }

  .regForm [class*=btn] {
    min-width: 253px;
  }

  .cabinetHeader .logoWrapper {
    padding-left: 25px;
    padding-top: 13px;
    left: -14px;
  }

  .cabinetHeader .infoWrapper {
    width: calc(100% - 480px);
    padding-left: 7px;
    padding-right: 48px;
  }

  .cabinetHeader .openMobileMenu {
    right: -2px;
  }

  .cabinetContent .rightSide {
    width: 100%;
    padding-top: 40px;
  }

  .cabPageTitle {
    margin-bottom: 41px;
  }

  .accInfo .col:first-child {
    /*width: 700px;*/
  }

  .accInfo [class*=btnFill] {
    min-width: 233px;
  }

  .balanceList {
    gap: 29px 12px;
  }

  .cabNews .newsList {
    column-gap: 40px;
  }

  .cabNews .newsList .newsCard {
    padding-left: 20px;
    padding-right: 20px;
  }

  .depositsSection .head {
    display: none;
  }

  .depositItem {
    flex-wrap: wrap;
  }

  .depositItem .name {
    width: 50%;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    order: 1;
  }

  .depositItem .name span {
    width: 100%;
  }

  .depositItem .name img {
    position: relative;
    display: block;
    top: auto;
    left: auto;
    margin: 0 auto;
    width: 140px;
    margin: -15px 0 -30px;
  }

  .depositItem .progress {
    flex-wrap: wrap;
    width: 50%;
    order: 2;
    padding: 12px 15px;
  }

  .depositItem .info {
    order: 3;
  }

  .progressBar {
    /*width: calc(100% - 200px);*/
  }

  .progressBar .line {
    width: 100%;
  }

  .depData li {
    flex-wrap: wrap;
    padding-left: 15px;
    border-top: 1px solid #1D1D1D;
  }

  .depData li .mobileTitle {
    /*text-align: left;*/
  }

  .depInfo {
    padding: 0;
    border: 1px solid #303030;
  }

  .depInfo>li {
    padding: 15px;
    width: 33.3333333333% !important;
  }

  .mobileTitle {
    display: block;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
  }

  .depositItem+.depositItem {
    margin-top: 25px;
  }

  .historySection {
    padding-top: 0;
  }

  .filterBlock .formWrap {
    flex-wrap: wrap;
  }



  .filterBlock .type {
    width: 100%;
    margin: 10px 0 0 !important;
  }

  .historyTable .tRow {
    flex-wrap: wrap;
    height: auto;
  }

  .historyTable .tRow .tCell {
    width: 33.3333333333%;
    padding: 15px !important;
  }

  .outSection {
    padding-top: 0;
  }

  .outSection .balanceInfo {
    flex-wrap: wrap;
  }

  .outSection .balanceInfo .sum {
    font-size: 50px;
    line-height: 50px;
  }

  .outSection .fieldset.pay,
  .outSection .fieldset.sum {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
  }

  .editSection {
    padding-top: 0;
  }

  .depositSection {
    padding-top: 0;
    padding-bottom: 0;
  }

  .referralInfo {
    padding: 0;
  }

  .cabSecurity .cabForm {
    padding: 35px;
  }

  .cabSecurity .cabForm.cabGoogleForm {
    padding: 35px;
  }

  .cabSecurity .cabGoggle .lineGoogle .text {
    width: 33%;
  }

  .cabSecurity .cabGoggle .lineGoogle .inBlock {
    width: 33%;
  }

  .cabSecurity .cabGoggle .title {
    max-width: 100%;
  }

  .cabSecurity {
    padding-top: 0;
  }

  .cabClock {
    left: 45px;
  }

  .userStatBlock .userStat {
    /*width: 291px;*/
  }

  .userInfo.mobile {
    width: 213px;
    left: -24px;
  }

  .userStatBlock {
    /*width: 212px;*/
  }
}

@media (max-width: 991px) {
	body{
		/*background-color: #1D1D1D;*/
	}
	
	.userInfo .item + .item {
  margin-left: 20px;
}
.userInfo, .userStatBlock .userStat, .accInfo, .notices{
  max-width: 650px;
}
.userStat .date {  
  font-size: 16px;  
 
}
.accInfo div.col div.accStat div.item {
  max-width: 650px;
}
	.cabTabLinks .cabTabs .listLinks li{
		width: 25%;
	}
	div#myreff.licenseBlock {
  padding-top: 130px;
	}
	.minilogo-head a img {
 
  top: 55px;
  left: 0;
}
.investListPlan .item {
  width: calc((100% / 3) - 14px);
  margin-top: 20px;}
  .container {
    width: 768px;
    padding-left: 9px;
    padding-right: 9px;
  }
  #CabinetSection {
  max-width: 680px;
  padding-right: 10px;
 
padding-left: 10px;
}
.editSection .wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.editSection .col {
  width: calc((100% - 0px) /1);
}
.cabSecurity .cabGoggle {
    text-align: center;
}
.cabSecurity .cabGoggle .lineGoogle .picCode {
  margin: 0 auto;  
}

  .siteMenu {
    padding-left: 0px;
    padding-right: 0px;
  }

  .headerInfo .leftSide {
    padding-top: 20px;
  }

  .headerInfo .rightSide {
    margin-top: 37px;
  }

  .headerInfo .socList {
    margin-top: 14px;
  }

  .mainAddress {
    /*max-width: 140px;
    font-size: 15px;
    line-height: 22px;*/
  }

  .mainAddress br {
    display: none;
  }

  .mainAddress [class*=icon] {
    top: 3px;
    font-size: 20px;
  }

  .mainContacts {
    font-size: 15px;
    line-height: 24px;
    text-align: right;
  }

  .mainContacts p [class*=icon] {
    top: 3px;
    margin-right: 5px;
    font-size: 20px;
  }

  .mainContacts p a {
    margin-left: auto;
    /*line-height: inherit;*/
  }

  .mobileMenu .mainContacts {
   /* text-align: center;
    margin-top: 20px;
    display: block;*/
  }
  .mobileMenu .mainContacts p a {
    margin: 0;
    display: inline-block;
  }
  .mobileMenu .socList {
    justify-content: center;
    margin-top: 5px;
  }

  .socList li+li {
    margin-left: 10px;
  }

  .startSection {
    padding-top: 59px;
  }

  .startSection .contentContainer {
    margin-top: 13px;
    font-size: 25px;
    line-height: 32px;
  }

  .startSection .buttons {
    margin-top: 35px;
  }

  .startSection .mainCurrency {
    margin-top: 42px;
  }

  .startAbout {
    padding-left: 0px;
    padding-right: 24px;
  }

  .startAbout .data {
    margin-top: 14px;
  }

  .startAbout .title {
    font-size: 18px;
  }

  .startAbout ul {
    margin-top: 1px;
  }

  .startAbout ul li {
    font-size: 16px;
  }

  .mainCurrency .swiper-slide:first-child .item {
    padding-left: 27px;
  }

  .mainCurrency .item {
    padding-left: 18px;
  }

  .mainCurrency+.navigation {
    margin-top: 30px;
    display: flex;
    justify-content: center;
  }

  .mainCurrency+.navigation [class*=icon] {
    font-size: 19px;
    color: #629fd1;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
  }

  .mainCurrency+.navigation [class*=icon]:hover {
    color: #000001;
  }

  .mainCurrency+.navigation .prev,
  .mainCurrency+.navigation .next {
    cursor: pointer;
  }

  .mainCurrency+.navigation .next {
    margin-left: 48px;
  }

  .mainAdvantages {
    margin-top: 74px;
  }

  .mainAdvantages::before {
    display: none;
  }

  .mainAdvantages .logoImage {
    top: 57px;
    opacity: 0.2;
  }

  .mainAdvantages .sectionContent {
    margin-top: 35px;
  }

  .advantagesList .col {
    width: 50%;
  }

  .advantagesList .advantageItem+.advantageItem {
    margin-top: 27px;
  }

  .advantageItem {
    align-items: center;
  }

  .advantageItem .title {
    font-size: 24px;
  }

  .advantageItem p {
    margin-top: 0px;
    /*font-size: 16px;
    line-height: 18px;*/
    height: auto;
  }

  .mainAbout {
    margin-top: 59px;
  }

  .mainAbout [class*=btn] {
    margin-top: 42px;
  }

  .mainAbout .sectionContent {
    margin-top: 135px;
    gap: 40px;
  }

  .mainAbout .col::before {
    left: -4px;
    top: -62px;
    padding-left: 20px;
  }
.mainAbout .col {
  
  padding-left: 20px;
}
  .mainAbout .aboutMap {
    margin-top: 78px;
  }

  .aboutMap p {
    /*font-size: 18px;*/
    line-height: 37px;
  }

  .aboutMap .highlight {
    font-size: 24px;
    line-height: 30px;
  }

  .aboutMap .map {
    margin-left: 0px;
    margin-top: 33px;
  }

  .aboutMap .inner {
    right: 127px;
  }

  .mainPlans {
    margin-top: 49px;
    padding-bottom: 100px;
  }

  .mainPlans .sectionContent {
    margin-top: 42px;
  }

  .plansSlider {
    margin-left: -10px;
    margin-right: -10px;
  }

  .plansSlider .pagination {
    margin-top: 45px;
  }

  .plansSlider .pagination .swiper-pagination-bullet span:nth-child(3) {
    display: none;
  }

  .mainProgram {
    padding-top: 100px;
  }

  .mainProgram .logoImage {
    display: none;
  }

  .mainProgram [class*=btn] {
    margin-top: 50px;
  }

  .mainProgram::after {
    top: -50px;
  }

  .mainProgramBlock {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }

  .mainProgramBlock .item {
    width: auto;
    padding-right: 10px;
    padding-bottom: 8px;
  }

  .mainProgramBlock .item:first-child {
    background-image: url(../img/program_1_sm.png);
  }

  .mainProgramBlock .item:last-child {
    padding-left: 20px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 8px;
    background-image: url(../img/program_2_sm.png);
  }

  .mainProgramBlock .pct {
    font-size: 48px;
    text-align: center;
  }

  .mainSteps {
    margin-top: 104px;
  }

  .mainSteps .sectionContent {
    margin-top: 42px;
  }

  .stepsList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .stepsList .item {
    width: 310px;
  }

  .mainCalc {
    margin-top: 74px;
  }

  .mainCalc::before {
    top: -50px;
  }

  .mainCalc .sectionContent {
    margin-top: 0px;
  }

  .profitBlock:last-child {
    height: 173px;
  }

  .profitBlock:last-child .item {
    padding-bottom: 35px;
  }

  .mainTextContent {
    margin-top: 54px;
  }

  .mainTextContent .sectionContent {
    margin-top: 44px;
  }

  .mainTextContent p+p {
    margin-top: 24px !important;
  }

  .mainTextContent figure {
    margin-top: 25px;
  }

  .mainTextContent figure+p {
    margin-top: 39px;
  }

  .mainTextContent figure+p:first-of-type {
    margin-top: 17px;
  }

  .footer {
    margin-top: 40px;
  }

  .footer::before {
    bottom: 0px;
  }

  .payments .list {
    margin: -12px 0px;
    padding-left: 55px;
    padding-right: 55px;
  }

  .payments .list li {
    margin: 12px 10px;
  }

  .payments .list li img {
    margin-left: auto;
    margin-right: auto;
  }

  

  .footerInfo {
    margin-top: 68px;
    padding-bottom: 12px;
  }

  .footerInfo::before {
    width: 459px;
    height: 291px;
    bottom: 0px;
  }

  .footerInfo .leftSide {
    padding-bottom: 20px;
    width: 40%;
  }
.footerInfo .rightSide {
 
  width: 40%;
  
}
  .footerInfo .logoWrapper {
    padding-top: 0px;
    width: 20%;
  }

  .footerInfo .copyright {
    margin-top: 14px;
  }

  .copyright {
    /*font-size: 14px;*/
  }
  .startSection .mainStat {
  /*margin-top: 110px;*/
}

  .pageTitleSection {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pageTitleSection .mainCurrency {
    margin-top: 60px;
  }

  .aboutSection {
   /* margin-top: 100px;*/
  }

  .aboutSection .licenseList {
    margin-top: 40px;
  }

  .textContainer p+p {
    margin-top: 24px !important;
  }

  .textContainer figure {
    margin-top: 25px;
  }

  .textContainer figure.rightSide {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
#bgbodyWrap.bodyWrap div.aboutSection div.container div.aboutMap.wow.animate__fadeInUp div.licenseList div.item div.licenseBlock div.info div.address p.mainAddress { 
  padding-left: 0px;
}
  .textContainer figure.leftSide {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    margin-top: 50px;
  }

  .textContainer figure+p {
    margin-top: 39px;
  }

  .textContainer figure+p:first-of-type {
    margin-top: 17px;
  }

  .textContainer+.textContainer {
    margin-top: 24px;
  }

  .licenseList .subtitle {
    margin-top: 12px;
    font-size: 16px;
    line-height: 21px;
  }

  .advantagesSection {
    margin-top: 100px !important;
  }

  .advantagesSection .sectionContent {
    margin-top: 60px;
  }

  .advantageCard .data {
    margin-left: 24px;
  }

  .advantageCard .title {
    font-size: 24px;
  }

  .advantageCard p {
    margin-top: 0px;
    font-size: 16px;
    line-height: 18px;
  }

  .feedbackSection {
    margin-top: 100px;
  }

  .feedbackSection .subtitle {
    margin-top: 24px;
    font-size: 24px;
    line-height: 30px;
  }

  .feedbackSection .sectionContent {
    margin-top: 42px;
  }

  .feedbackForm .fieldwrap {
    row-gap: 42px;
  }

  .feedbackForm [class*=btn] {
    margin-top: 42px;
  }

  .plansSection {
    margin-top: 100px;
  }

  .programSection {
    margin-top: 100px;
  }

  .programSection .logoImage {
    display: none;
  }

  .rulesSection {
    /*margin-top: 100px;*/
  }

  .rulesSection .info {
    font-size: 16px;
    line-height: 24px;
  }

  .rulesSection .rulesList {
    margin-top: 40px;
  }

  .rulesList {
    margin-bottom: 0px;
  }

  .rulesList .rulesItem {
    width: 100%;
    margin-bottom: 0px;
  }

  .rulesList .rulesItem+.rulesItem {
    margin-top: 30px;
  }

  .rulesItem .titleBlock {
    font-size: 26px;
    line-height: 36px;
  }

  .rulesItem .titleBlock .dot {
    top: 8px;
  }

  .faqSection {
    margin-top: 100px;
  }

  .faqSection .info {
    font-size: 16px;
    line-height: 24px;
  }

  .faqSection .faqList {
    margin-top: 40px;
  }

  .faqSection .pagination {
    margin-top: 40px;
  }

  .faqItem .content .in {
    padding-left: 80px;
  }

  .newsSection {
    margin-top: 100px;
  }

  .newsSection .info {
    font-size: 16px;
    line-height: 24px;
  }

  .newsSection .newsList {
    margin-top: 40px;
  }

  .newsSection .pagination {
    margin-top: 40px;
  }

  .newsCard {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
  }

  .rateSection {
    margin-top: 100px;
  }

  .rateSection .info {
    font-size: 16px;
    line-height: 24px;
  }

  .rateSection .rateList {
    margin-top: 40px;
  }

  .contactsSection {
    margin-top: 100px;
  }

  .contactsSection .info {
    font-size: 16px;
    line-height: 24px;
  }

  .contactsSection .mapBlock {
    margin-top: 60px;
  }

  .contactsList {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
  }

  .loginForm .formWrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .loginForm [class*=btn] {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  .loginForm .restorePassword {
    text-align: center;
  }

  .regForm .formWrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .regForm [class*=btn] {
    width: auto;
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  .cabSocList {
    display: flex;
    position: absolute;
    left: 50%;
    top: calc(100% + 21px);
    margin-left: -103px;
  }

  .cabinetHeader .infoWrapper {
    width: calc(100% - 480px);
    padding-left: 36px;
    padding-right: 36px;
  }

  .cabinetHeader .logoWrapper:before {
    left: -330px;
  }

  .cabinetHeader .logoWrapper:after {
    left: -273px;
  }

  .cabinetHeader .openMobileMenu {
    right: -6px;
  }

  .cabinetHeader .openMobileMenu::before {
    left: -149px;
  }

  .cabinetHeader .openMobileMenu:after {
    left: -88px;
  }

  .cabinetContent .rightSide {
    padding-top: 0px;
    margin-top: 0px;
  }

  .accInfo {
    display: block;
  }

  .accInfo .col:first-child {
    margin: 0 auto;
  }

  .accInfo .col+.col {
    margin-top: 30px;
  }

 .accStat {
   display: block;
  text-align: center;

}
 div#referral.userInfo div.accStat div.item span.param {  
  line-height: 10px;
 
}

#referral.userInfo div.accStat div.item{
	width:100%;
}
 div#referral.userInfo div.accStat div.item span.data {
  margin-right: 0px;
  display: block;
}

 div#referral.userInfo div.accStat div.item:first-child {
    display: block;
    margin-top: 2px;
  }

div#referral.userInfo div.accStat div.item span.param {
  text-align: right;
  margin-left: 10px;
}
#referral.userInfo div.accStat div.item span.data{
	margin-top: 0px;
}

div#referral.userInfo div.accStat div.item{
	width:100%;
}
.accStat .item {
  height: 60px;
  padding-bottom: 12px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-right: 20px;
  margin-top: 10px;
}

  .accStat .item+.item {
    margin-top: 15px;
  }

  .accBalance {
    padding-bottom: 51px;
  }

  .balanceList {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 25px;
  }

  .balanceBlock .sectionContent {
    margin-top: 40px;
  }

  .paymentBalance {
    padding-bottom: 14px;
  }

  .paymentBalance ul {
    margin-top: 2px;
  }

  .paymentBalance ul li+li {
    margin-top: 2px;
  }

  .cabNews .newsList {
    grid-template-columns: repeat(1, 1fr);
    max-width: 467px;
    margin: 0 auto;
  }

  .cabNews .sectionContent {
    margin-top: 40px;
  }

  .cabCopyright .wrapper {
    padding-left: 44px;
    padding-right: 64px;
  }

  .cabCopyright .mainContacts {
    font-size: 20px;
  }

  .cabCopyright .copyright {
    font-size: 16px;
  }

  .makeDeposit .col {
    width: 100%;
  }

  .makeDeposit .col+.col {
    margin-top: 20px;
  }

  .makeDeposit .wrapper {
    flex-wrap: wrap;
  }

  .resultBlockWrapper.partners .wrap+.wrap {
    padding-bottom: 30px;
  }

  .depInfo {
    flex-wrap: wrap;
    text-align: center;
  }

  .depInfo>li {
    width: 50% !important;
  }

  .depData {
    height: auto;
  }

  .depData li {
    padding: 15px;
  }

  .filterBlock {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .filterBlock .date {
    display: flex;
    margin: 0 auto !important;
  }

  .filterBlock .date+.date {
    margin-top: 15px !important;
  }

  .filterBlock .type {
    max-width: 413px;
    margin: 15px auto 0 !important;
  }

  .editForm {
    padding-left: 15px;
    padding-top: 43px;
    padding-right: 15px;
    padding-bottom: 10px;
  }

  .cabMessage img {
    max-width: 150px;
  }

  .cabMessage [class*=btn] {
    margin-top: 50px;
  }

  .referralInfo .bl {
    width: 100%;
    text-align: center;
  }
.referralInfo .link {
  margin: 0 auto;
}
.referralInfo .stateList {
 
  justify-content: space-around;
}
div.outSection form.cont div.wrapper div.fieldset.withButton div.inBlock textarea.inpts {
  
  width: 90%;
 }
  .referralInfo .bl+.bl {
    margin-top: 30px;
  }

  .referralInfo .filterBlock .date .item {
    width: 100%;
  }

  .refList .faqItem .head .title {
    flex-wrap: wrap;
  }

  .refList .faqItem .head .title .col {
    width: 50% !important;
  }

  .cabSecurity .cabForm {
    padding: 35px 15px;
  }

  .cabSecurity .cabForm.cabGoogleForm {
    padding: 35px 15px;
  }

  .cabSecurity .cabGoggle .lineGoogle {
    flex-wrap: wrap;
  }

  .cabSecurity .cabGoggle .lineGoogle .text {
    width: 100%;
  }

  .cabSecurity .cabGoggle .lineGoogle .picCode {
    margin-top: 30px;
  }

  .cabSecurity .cabGoggle .lineGoogle .inBlock {
    width: 100%;
    margin-top: 30px;
  }

  .cabSecurity .cabGoggle .title {
    max-width: 100%;
  }

  .cabTabLinks .cabTabs .inBlock {
    padding: 0 30px;
    margin-top: 30px;
  }

  .cabTabLinks .cabTabs .tabsBody {
    /*padding: 30px 15px;*/
    position: relative;
  }

  .cabTabLinks .cabTabs .tabsBody img {
    width: 100%;
  }

  .userInfo.mobile {
    padding-top: 330px;
  }

  .cabClock {
    left: 19px;
    top: 198px;
  }

  .userStatBlock .userStat {
    /*width: 251px;
    padding: 150px 0 0;*/
  }

  .cabinetContent .leftSide .leftSideWrap {
    max-width: 768px;
  }
  .siteLogo img {  
  width: 90%;  
}
}

@media (min-width: 768px) {
  .firstCap {
    font-size: 50px;}
  .mobileMenu {
    display: block !important;
  }
  
}

@media (max-width: 767px) {
	.mainAbout::before {
  opacity: .6;
}
	.cabinetContent {
  display: block;
  
}

  .container {
    max-width: 480px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
  }

  .header::before {
    left: 50%;
    right: auto;
    margin-left: -300px;
  }

  .header::after {
    left: 50%;
    right: auto;
    margin-left: -240px;
  }

  .topLine {
    position: relative;
    padding-top: 8px;
    height: 60px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }

  .topLine.open {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
a.mobileLogo{
	display:table;
}
  .openMobileMenu {
    position: relative;
    display: table;
    z-index: 7;
    cursor: pointer;
    
  }
div.topLine.open div.container div.openMobileMenu span:nth-child(1) {
    top: 10px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #098b1e;
  }
  div.topLine.open div.container div.openMobileMenu span:nth-child(2) {
    opacity: 0;
  }
  div.topLine.open div.container div.openMobileMenu span:nth-child(3) {
    top: -10px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #098b1e;
  }
  .mainAbout .col::before{
  	opacity: 0.4;
  }
input#menu {
    display: none;
}

  .mobileMenu {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    padding-top: 87px;
    padding-bottom: 43px;
    background-color: rgba(0, 0, 0, 0.90);
    -webkit-box-shadow: 0px 0px 59px 0px #000000;
    -moz-box-shadow: 0px 0px 59px 0px #000000;
    box-shadow: 0px 0px 59px 0px #000000;
    z-index: 5;
  }

  .mobileMenu .siteMenu {
    display: block;
    max-width: 480px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}

@media (max-width: 767px) and (max-width: 479px) {
  .mobileMenu .siteMenu {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
}

@media (max-width: 767px) {
  .mobileMenu .siteMenu li {
    position: relative;
    padding-left: 51px;
  }

  .mobileMenu .siteMenu li a {
    position: static;
    padding-bottom: 0px;
  }

  .mobileMenu .siteMenu li a::before {
    width: 38px;
    height: 4px;
    top: 50%;
    bottom: auto;
    margin-top: -2px;
  }
}

@media (max-width: 767px) {
.headerInfo .rightSide {
  margin-top: 5px;
}
.headerInfo .leftSide {
  padding-top: 0px;
}
.headerInfo .leftSide {
 display: flex;
  width: 100%;
}
.headerInfo .rightSide {  
  width: 100%;
  display: flex;  
}
 .headerInfo .wrapper {
text-align: center;
padding-top: 10px;
display: flex;
flex-wrap: wrap;
place-content: space-between center;
width: 300px;
margin: 0 auto;
}
.minilogo-head{
	display: none;
}
  div#mobile_logo_page.titleContainer{
  	display: block;
  }




}

@media (max-width: 767px) {
	.missionAbout .list {
  display: block;
  margin-top: 60px;
  }
  .missionAbout .item {
  width: calc((100% / 1) - 22px);
  margin-top: 20px;}
  .forma, .loginForm .formWrap, .regForm .formWrap{
  	width:100%;
  }
  .startSection {
    padding-top: 80px;
  }

  .startSection .contentContainer {
    margin-top: 66px;
   
    font-size: 32px;
line-height: 42px;
  }

.pageTitleSection div.container div.buttons,  .startSection .buttons {
    margin-top: 40px;
    /*justify-content: space-between;*/
    margin-bottom: 60px;
  }

  /*.startSection .buttons [class*=btn]+[class*=btn] {
    margin-left: 0px;
  }*/
  .siteLogo img {
  
  width: 80%;
 
}

  .startSection .mainStat {
    margin-top: 160px;
  }
.siteLogo{
	margin-top: 0px;
}
#bgbodyWrap.bodyWrap div.headerInfo.wow.animate__fadeIn div.container div.wow.animate__fadeIn div#mobile_logo_page.titleContainer,
#bgbodyWrap.bodyWrap div.pageStartWrapper header.header div.headerInfo.wow.animate__fadeIn div.container div.wow.animate__fadeIn div#mobile_logo_page.titleContainer{
	display: none;
}

.mywrapper {
display: block;
margin: 40px auto;
}
.headerInfo .logoWrapper {
  padding-top: 0;
 
}

div#mobile_logo_page.titleContainer div.siteLogo {
  display: block;
  cursor: pointer;
margin-top: 70px;
}
div#mobile_logo_page.titleContainer {
  display: none;
}
.footerInfo .copyright {
  margin-top: 30px;
}
  .startSection .mainCurrency {
    margin-top: 49px;
  }
}

@media (max-width: 767px) {
  .mainStat {
    max-width: 392px;
  }

  .mainStat .item {
    /*width: 50%;*/
    width: 100%;
    border-top: 1px solid #000000;
  }
  .mainAdvantages{
  	margin-top: 94px;
  }
#mobstat{
	width: 100%;
}
  .mainStat .item:nth-child(1),
  .mainStat .item:nth-child(2) {
    /*border-top: none;*/
  }

  .mainStat .item:nth-child(even) {
    border-left: 1px solid #000000;
  }

  .mainStat .item:nth-child(odd) {
    border-left: none;
  }
}

@media (max-width: 767px) {
  .startAbout {
    display: block;
    padding-right: 0px;
  }

  .startAbout .item {
    display: flex;
  }

  .startAbout .item+.item {
    margin-top: 30px;
  }

  .startAbout .img {
    width: 161px;
    height: auto;
  }

  .startAbout .data {
    margin-top: 0px;
  }
}

@media (max-width: 767px) {
  .mainCurrency .swiper-slide:first-child .item {
    padding-left: 32px;
  }
}

@media (max-width: 767px) {
  .mainAdvantages .sectionContent {
    margin-top: 37px;
  }

  .mainAdvantages .logoImage {
    top: 197px;
  }
}

@media (max-width: 767px) {
  .advantagesList {
    display: block;
  }

  .advantagesList .col {
    max-width: 350px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .advantagesList .col+.col {
    margin-top: 10px;
  }

  .advantagesList .advantageItem+.advantageItem {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .mainAbout {
    margin-top: 26px;
  }

  .mainAbout .sectionContent {
    margin-top: 0px;
    display: block;
  }

  .mainAbout .col+.col {
    margin-top: 120px;
  }

  .mainAbout .aboutMap {
    margin-top: 35px;
  }
}

@media (max-width: 767px) {
  .aboutMap p {
    /*font-size: 16px;
    line-height: 21px;*/
  }

  .aboutMap .highlight {
    display: block;
    margin-top: 6px;
    font-size: 21px;
    line-height: 36px;
  }

  .aboutMap .map {
    margin-left: calc((100vw - 225px) / -2);
    margin-right: calc((100vw - 450px) / -2);
    overflow-x: scroll;
    margin-top: 37px;
  }
}

@media (max-width: 767px) and (max-width: 479px) {
  .aboutMap .map {
    margin-left: -100px;
    margin-right: -15px;
  }
}

@media (max-width: 767px) {
  .aboutMap .inner {
    right: 0px;
  }
}

@media (max-width: 767px) {
  .mainPlans {
    margin-top: 53px;
  }
}

@media (max-width: 767px) {
  .plansSlider .planCard {
    margin-left: auto;
    margin-right: auto;
  }

  .plansSlider .pagination .swiper-pagination-bullet span:nth-child(2),
  .plansSlider .pagination .swiper-pagination-bullet span:nth-child(3) {
    display: none;
  }
}

@media (max-width: 767px) {
  .mainProgram [class*=btn] {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .mainProgramBlock {
    display: block;
  }

  .mainProgramBlock .item {
    min-height: 258px;
    height: auto;
    /*background-color: rgba(35, 14, 74, 0.77);*/
    background-size: auto;
    background-position: right bottom 10px;
    background-repeat: no-repeat;
  }

  .mainProgramBlock .item:first-child {
    background-image: url(../img/program_1_xs.html);
  }

  .mainProgramBlock .item:first-child .info {
    max-width: 100%;
  }

  .mainProgramBlock .item:last-child {
    background-image: url(../img/program_2_xs.png);
    background-position: right bottom 30px;
  }

  .mainProgramBlock .item:last-child .info {
    max-width: 100%;
  }

  .mainProgramBlock .item+.item {
    margin-top: 20px;
  }

  .mainProgramBlock .pct {
    padding-left: 25px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .stepsList .item {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .mainSteps {
    margin-top: 76px;
  }

  .mainSteps .sectionContent {
    margin-top: 33px;
  }
}

@media (max-width: 767px) {
  .stepItem {
    padding-bottom: 37px;
  }

  .stepItem p {
    margin-top: 12px;
  }
}

@media (max-width: 767px) {
  .mainCalc {
    margin-top: 75px;
  }

  .mainCalc::before {
    top: -80px;
  }

  .mainCalc .buttonWrapper {
    margin-top: -45px;
  }

  .mainCalc .buttonWrapper::before {
    display: none;
  }
}

@media (max-width: 767px) {
  .plansBlockWrapper::after {
    height: calc(100% - 0px);
    background-position: center 85px;
  }
}

@media (max-width: 767px) {
  .plansSmSlider .navigation .prev {
    left: 13px;
    top: 272px;
  }

  .plansSmSlider .navigation .next {
    right: 13px;
    top: 272px;
  }
}

@media (max-width: 767px) {
  .planSmCard {
    padding-top: 36px;
  }

  .planSmCard .back {
    top: -9px;
  }

  .planSmCard .image {
    top: 22px;
  }

  .planSmCard .info {
    height: 125px;
    line-height: 54px;
    padding: 0px 13px 25px;
    align-items: center;
  }

  .planSmCard .name {
    /*font-size: 18px;
    line-height: 22px;*/
    display: block;
    line-height: 0px;
    font-size: 40px;
  }

  .planSmCard .term {
    margin-top: 1px;
    font-size: 15px;
    line-height: 19px;
  }

  .planSmCard .pct {
    font-size: 18px;
    line-height: 19px;
  }
}

@media (max-width: 767px) {
  .profitBlock .item:first-child {
    padding-left: 0px;
  }

  .profitBlock .item:last-child {
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  .profitChart {
    padding-left: 28px;
    padding-right: 28px;
  }

  .profitChart .chart {
    /*width: 100%;*/
  }
}

@media (max-width: 767px) {
  .mainTextContent .sectionContent {
    margin-top: 38px;
  }

  .mainTextContent p+p {
    margin-top: 21px !important;
  }

  .mainTextContent p+p:last-child {
    margin-top: 24px !important;
  }

  .mainTextContent figure {
    margin-top: 25px;
  }

  .mainTextContent figure+p {
    margin-top: 29px;
  }

  .mainTextContent figure+p:first-of-type {
    margin-top: 19px;
  }
}

@media (max-width: 767px) {
  .footer {
    margin-top: 40px;
  }

  .footer .siteMenu {
    display: flex;
  }
}

@media (max-width: 767px) {
  .footerInfo {
    margin-top: 50px;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .footerInfo::before {
    bottom: -2px;
    width: 466px;
    height: 246px;
  }

  .footerInfo .wrapper {
    flex-wrap: wrap;
  }
.footerInfo .leftSide {
  
  width: 100%;
  text-align: center;
}
.footerInfo .rightSide {
  width: 100%;
}
.mobileMenu .mainContacts{
	display: block;
	text-align: center;
	padding-top: 30px;
}
.mainContacts {
   margin: 0 auto;
   line-height: 34px;
}
  .mainContacts p a {
  margin-left: auto;
  line-height: inherit;
}
.socList {
  display: flex;
  justify-content: space-between;
  width: 180px;
  margin: 0 auto;
    margin-top: 0px;
}
.footerInfo .rightSide {
  width: 100%;
  justify-content: space-between;
  position: relative;
z-index: 1;
}
  .footerInfo .logoWrapper {
    margin-top: 0px;
    order: 1;
    width: 100%;
	position: relative;
	z-index: 1;
  }
}

@media (max-width: 767px) {
  .payments .list {
    margin: -5px 0px;
    padding-left: 0px;
    padding-right: 0px;
    flex-wrap: wrap;
  }

  .payments .list li {
    margin: 5px 0px;
	
   
  }

  
  .payments .list li img {
    margin-left: auto;
    margin-right: auto;
  }

  .payments .list li:nth-last-child(1) {
    margin-top: 0px;
    margin-left: 0px;
  }

  .payments .list li:nth-last-child(2) {
    margin-top: 0px;
    margin-right: 0px;
  }
}

@media (max-width: 767px) {
  .footerInfo::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 215px;
    left: 0px;
    bottom: 0px;
    /*background-color: rgba(22, 8, 49, 0.302);*/
    -webkit-box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.5);
  }
}

@media (max-width: 767px) {
  .bottomLine {
    padding-top: 21px;
  }

  .bottomLine .siteMenu {
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -12px;
    margin-right: -12px;
  }

  .bottomLine .siteMenu li {
    margin: 0px 12px 9px;
  }

  .bottomLine .siteMenu li a {
    padding-bottom: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767px) {
  .pageTitleSection .mainCurrency {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .aboutSection {
    margin-top: 0px;
  }
  #response{
  	max-width: 100%;
  }
  #CabinetSection {
  padding-right: 0px;
  padding-left: 0px;
}
.userInfo, .userStatBlock .userStat, .accInfo, .notices {
  max-width: 100%;
}
.accStat {
  max-width: 100%;
  margin: 0 auto;
}

.accStat {

  max-width: 100%;
  margin: 0 auto;
}
  .aboutSection .licenseList {
    margin-top: 30px;
  }
  div#bgbodyWrap.bodyWrap div.aboutSection div.container div.aboutMap.wow.animate__fadeInUp div.licenseList {
  padding-bottom: 0px;
  }
.minilogo-head .mobile{
	
}
}

@media (max-width: 767px) {
  .textContainer p+p {
    margin-top: 21px !important;
  }

  .textContainer p+p:last-child {
    margin-top: 24px !important;
  }

  .textContainer figure {
    margin-top: 25px;
    width: 100%;
    height: auto;
  }

  .textContainer figure img {
    width: 100%;
    height: auto;
  }

  .textContainer figure+p {
    margin-top: 29px;
  }

  .textContainer figure+p:first-of-type {
    margin-top: 19px;
  }

  .textContainer+.textContainer {
    margin-top: 21px;
  }
}

@media (max-width: 767px) {
  
}

@media (max-width: 767px) {
	.licenseList {
    grid-template-columns: repeat(1, 320px);
	gap: 20px;
	text-align: center;
	padding-top: 100px;
  }
  .licenseBlock img{
  	margin:0 auto;
  }
  div#myreff.licenseBlock div.info div.address p.mainAddress {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
}
div#myreff.licenseBlock {
  padding-top: 0px;
  margin-top: -40px;
}
div#myreff.licenseBlock div.info div.address div.pct {
  width: 100%;}
  .licenseList {
    background-position: center 85%;}
    .investListPlan .item {
  width: calc((100% / 2) - 14px);}
  .mainPlans::before {
  height: auto;}
  
  div#my_vip.investListPlan div.item {
  width: calc((100% / 1) - 14px);
}
  .advantagesSection {
    margin-top: 60px !important;
  }

  .advantagesSection .sectionContent {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .advantagesBlock {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .feedbackSection {
    margin-top: 80px;
  }

  .feedbackSection .subtitle {
    margin-top: 16px;
    font-size: 20px;
    line-height: 26px;
  }

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

@media (max-width: 767px) {
  .feedbackForm .fieldwrap {
    display: block;
  }

  .feedbackForm .field+.field {
    margin-top: 20px;
  }

  .feedbackForm [class*=btn] {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .plansSection {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .planInfo li {
    padding-left: 15px;
    padding-right: 15px;
  }

  .planInfo .param {
    font-size: 16px;
  }

  .planInfo .data {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .planInfoSlider {
    padding-bottom: 24px;
  }

  .planInfoSlider .note {
    margin-top: 16px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .programSection {
    margin-top: 80px;
  }

  .programSection [class*=btn] {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .rulesSection {
    margin-top:60px;
  }
}

@media (max-width: 767px) {
  .faqSection {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .faqItem .icon {
    width: 50px;
    height: 50px;
  }

  .faqItem .title {
    padding-left: 14px;
    margin-left: 6px;
    font-size: 16px;
    line-height: 21px;
  }
}

@media (max-width: 767px) {
  .pagination .pagination li+li {
    margin-left: 16px;
  }
}

@media (max-width: 767px) {
  .newsSection {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .newsList {
    display: block;
  }

  .newsList .item+.item {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .rateSection {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .rateList {
    display: block;
  }

  .rateList .item {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
  }

  .rateList .item+.item {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .contactsSection {
    margin-top: 60px;
  }

  .contactsSection .mapBlock {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .contactsList {
    display: block;
  }

  .contactsList .item+.item {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .mapBlock .address {
    width: 100%;
    height: auto;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 30px;
    padding-right: 120px;
    font-size: 16px;
  }

  .mapBlock .address::before {
    right: -110px;
  }
}

@media (max-width: 767px) {
  .authWrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .loginForm {
    padding: 30px 15px;
  }
}

@media (max-width: 767px) {
  .regForm {
    padding: 30px 15px;
  }
}

@media (max-width: 767px) {
  .cabinetHeader .logoWrapper {
    width: 167px;
  }

  .cabinetHeader .logoWrapper:before {
    display: none;
  }

  .cabinetHeader .logoWrapper:after {
    left: -268px;
  }

  .cabinetHeader .openMobileMenu {
    right: -25px;
  }

  .cabinetHeader .openMobileMenu:before {
    display: none;
  }
}

@media (max-width: 767px) {
  .cabSocList {
    top: calc(100% + 33px);
    margin-left: -107px;
  }
}

@media (max-width: 767px) {
  .cabinetContent .rightSide {
    padding-top:0px;
  }
}

@media (max-width: 767px) {
  .cabinetHeader .infoWrapper {
    width: 110px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
    top: 7px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
  }

  .cabinetHeader .openMobileMenu {
    right: 0;
  }
}

@media (max-width: 767px) {
  .userInfo .icon {
    margin-top: 0;
  }

  .userInfo .icon+.wrap {
    margin-left: 0;
    margin-top: 0;
  }



  .userInfo .data {
    margin-top: 2px;
    font-size: 15px;
  }

 
}

@media (max-width: 767px) {
  .accInfo .col:first-child {
    width: 100%;
  }

  .accInfo [class*=btnFill] {
    min-width: 192px;
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  .accBalance {
    padding: 19px 21px 41px;
  }

  .accBalance .title {
    font-size: 30px;
    line-height: 32px;
  }

  .accBalance .num {
    font-size: 48px;
    line-height: 50px;
  }

  .accBalance .buttons {
    margin-top: 40px;
  }
  .accInfo div.col div.accStat div.item {
  max-width: 100%;
}
}

@media (max-width: 767px) {
  .accStat {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px 60px;
    max-width: 100%;
    margin: 0 auto;
  }
  .accStat {
  
  text-align: left;
}
}

@media (max-width: 767px) {
  .balanceList {
    gap: 20px 9px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .balanceBlock .sectionContent {
    margin-top: 37px;
  }
}

@media (max-width: 767px) {
  .cabNews .sectionContent {
    margin-top: 20px;
  }

  .cabNews .newsList .newsCard {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 767px) {
  .cabCopyright .wrapper {
    height: auto;
    padding: 22px 0 22px;
    flex-wrap: wrap;
  }

  .cabCopyright .mainContacts {
    font-size: 20px;
    width: 100%;
    text-align: center;
  }

  .cabCopyright .copyright {
    font-size: 16px;
    width: 100%;
    margin-top: 21px;
  }
}

@media (max-width: 767px) {
  .depositItem .name {
    width: 100%;
  }

  .depositItem .progress {
    border-top: 1px solid #1D1D1D;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .depData {
    flex-wrap: wrap;
  }

  .depData li {
    width: 100% !important;
  }

  .depData li .mobileTitle {
    margin-bottom: 5px;
  }
}

@media (max-width: 767px) {
  .depInfo>li {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .depositsSection {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .historyTable .type .data {
    font-size: 15px;
  }

  .historyTable .tRow .tCell {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .outSection .balanceInfo .sum {
    font-size: 40px;
    line-height: 40px;
    margin: 0;
    width: 100%;
    text-align: center;
  }
.outSection .sumWrapper .field {
    max-width: 100%;
}
.item b.transtype {
  /*font-size: 20px;*/
  line-height: 25px;
  /*padding-left: 5px;*/
}
  .outSection .wrapper {
    flex-wrap: wrap;
  }

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

  .outSection .col {
    width: 100%;
  }

  .outSection .col+.col {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .editSection .wrapper {
    flex-wrap: wrap;
  }

  .editSection .col {
    width: 100%;
  }

  .editSection .col+.col {
    margin-top: 90px;
  }
}

@media (max-width: 767px) {
  .cabMessage {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .refList .faqItem .head .title .col {
    width: 100% !important;
  }

  .refList .faqItem .head .title .col+.col {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .refList .faqItem .content .in {
    padding-left: 20px;
    
    line-height: 20px;
  }
}

@media (max-width: 767px) {
  .cabSecurity .cabForm .cabFormRight {
    margin-top: 30px;
  }

  .cabSecurity .cabForm .cabFormRight,
  .cabSecurity .cabForm .cabFormLeft {
    width: 100%;
  }

  .cabSecurity .cabGoggle .lineGoogle .picCode {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .cabTabLinks .cabTabs .listLinks {
    flex-wrap: wrap;
  }

  .cabTabLinks .cabTabs .listLinks li {
    width: 100%;
  }

  .cabTabLinks .cabTabs .listLinks li+li {
    margin-top: 5px;
  }

  .cabTabLinks .cabTabs .tabsBody img {
    /*width: 100%;*/
  }

  .cabTabLinks .cabTabs .inBlock {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .userInfo.mobile {
    width: 50%;
    left: 0;
    padding: 15px;
    order: 3;
  }
}

@media (max-width: 767px) {
  .cabinetContent .leftSide .leftSideWrap {
    max-width: 100%;
    /*flex-wrap: wrap;
    padding-top: 173px;*/
  }
  .cabinetContent .leftSide{
  	width: 100%;
  	padding-top: 10px;
  }
  

  .cabinetContent .leftSide .leftSideWrap::before {
    /*height: 2334px;*/
  }

  .cabinetContent .leftSide .leftSideWrap:after {
    /*height: 2334px;*/
  }

  .cabinetContent .leftSide .cabinetMenu {
    order: 2;
    width: 100%;
    padding: 17px 14px 0px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }

  .cabinetContent .leftSide .cabinetMenu::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .cabinetContent .leftSide .cabinetMenu .data {
    font-size: 16px;
  }

  .cabinetContent .leftSide .cabinetMenu [class*=icon] {
    font-size: 26px;
    width: 38px;
  }

  .cabinetContent .leftSide .cabinetMenu li {
    width: 50%;
    margin-bottom: 10px;
  }

  .cabinetContent .leftSide .cabinetMenu li>a {
    font-size: 16px;
  }

  .cabinetContent .leftSide .cabinetMenu li+li {
    margin-top: 0;
  }

  .cabinetContent .leftSide .cabinetMenu li::before {
    display: none;
  }
  .cabinetMenu li {
 
  height: 50px;
  
}
}

@media (max-width: 767px) {
  .userStatBlock {
    order: 3;
  }

  .userStatBlock .userStat {
    padding: 25px 0;
  }

  .userStatBlock .userStat .param {
    font-size: 16px;
    line-height: 20px;
  }

  .userStatBlock .userStat .num {
    font-size: 24px;
    line-height: 28px;
   
  }
 

  .userStatBlock .userStat .date {
    font-size: 17px;
    line-height: 17px;
    margin-top: 5px;
  }
  .userInfo {
  
  flex-wrap: wrap;
}
.userInfo .item {
   width: 50%;
text-align: right;
display: block;
}
div#referral.userInfo div.accStat div.item {
  
  padding-right: 0px;
}
div#referral.userInfo div.accStat div.item span.param {
  line-height: 20px;
  
}
.userInfo .item:first-child {
  display: block;
}
.userInfo .icon {
  
  text-align: right;
}
.userInfo .item + .item {
  margin-left: 0px;
}


  .userStatBlock .userStat .item+.item {
    /*margin-top: 19px;*/
  }

  .userStatBlock .userStat .item:last-child {
    /*width: 220px;
    left: 50%;
    margin-left: -110px;
    position: absolute;*/
  }
}

@media (max-width: 767px) {
  .cabClock {
    left: 50%;
    top: 40px;
    margin-left: -100px;
    width: 200px;
  }
}

@media (max-width: 767px) {
  .userInfo.mobile {
    padding: 23px 31px;
  }

  .userInfo.mobile .item:first-child {
    display: flex;
  }

  .userInfo.mobile .item .icon+.wrap {
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .mainStartWrapper:before {
    top: -126px;
  }
  
 .depositItem .name img {
    margin: 0 -30px -30px;
}
	.fill-container {
		display: none;
}
#mobile-video.background.fill-container{
	display: block;
}
}
.btnGrad.mline {
  margin-left: 40px;
}
.editForm {
  position: relative;
  padding-left: 59px;
  padding-top: 43px;
  padding-right: 59px;
  padding-bottom: 40px;
  z-index: 1;
  background-color: #303030;
}

.fa_my.editForm::before,
.fa_my.editForm{
	background-color: #1d1d1d;
	
}
.bottom_line {
  display: block;
  height: 70px;
}
.lineGoogle div.inBlock.myGoogle div.field{
	text-align: left;
	}
#CabinetSection.aboutSection div.cabSecurity form.cabForm.cabGoogleForm div.cabGoggle div.lineGoogle div.inBlock.myGoogle div.field div.checkBtn{
	margin-top: 28px;
	text-align: left;
	padding: 0 12px;
}
.inBlock.myGoogle div.field div.checkBtn label{
	color:#ffffff;
}

@media (max-width: 479px) {
.aboutSectionhome_red, .aboutSectionhome_red a{font-size: 18px;}
.cabinetContent .leftSide .cabinetMenu .data {
  font-size: 15px;
  padding-bottom: 4px;
}
div.field div.inBlock div.inWrap img {
  /*height: 20px;
  margin: 14px 20px 0 20px;*/
}
.outSection .fieldset > .title, .outSection .balanceInfo .cap {
 
  font-size: 24px;}

.firstCap{font-size: 45px;}
.inheader1 div.checkBtn {
  text-align: center;
}
.depData li,
.depData li.in, .depData li.out {
line-height: 16px;
  font-size: 16px;}
  .depInfo > li {
  padding: 5px; }
  .advantageItem .title {
  font-size: 20px;
}
.planSmCard .name {font-size: 30px;}
.profitBlock .title { font-size: 16px;}
.planSmCard .title {font-size: 24px;}
.stepItem p { font-size: 16px;}
  .textContainer figure.rightSide {margin-top: 50px; margin-bottom: 50px; }
  .sectionTitle .preTitle { margin: 20px auto 50px;}
  .missionAbout .item {  margin: 20px auto;}
  .mainContacts p a { font-size: 18px;}
  .rulesSection {  margin-top: 0px;}
.advantageItem p {
  font-size: 16px;}
.secCap {
  font-size: 30px;
  line-height: 50px;
  padding-bottom: 20px;
}
.pageStartWrapper::before {
  background-position: -400px top;}
.myhystor1 {
  display: block;
  /*grid-template-columns: 1fr 1fr;*/
  padding: 5px;
  text-align: center;
  word-wrap:break-word;
  font-size: 14px;
  width:350px;
  line-height: 20px;
}
.depotab{
	/*margin-left: -20px;*/
max-width: 350px;
}
 /*#mytabs {
 margin-left: -20px; 
}*/ 
.accBalance .title {
  font-size: 26px;
  line-height: 32px;
}
#myhystor3 {
  text-align: center;
}
#CabinetSection{
	
}

div.aboutSection div.container div.wrapper div.tabs div.tab{
	float: left;
width: 95%;
margin: 0px 0px;
position: relative;
}
.faqItem .content {
  font-size: 16px;}
.tab-label {
  margin: 0px 5px;}
.faqItem .content .in {
  padding-left: 50px;
}
.faqItem .title {
  padding-right: 10px;
}
div.aboutSection div.container div.wrapper div.tabs div.tab div#tab_height.tab-content{
	top: 220px;
	padding:0px;
}

.animated{
	-webkit-animation-name: fadeInUp !important;
  animation-name: fadeInUp !important;
}
.fadeIn, 
.fadeInLeft, 
.fadeInUp,
.zoomIn,
.fadeInRight
 {
    -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp !important;
  animation-name: fadeInUp !important;
  /*-webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;*/}

.mainCalc .plansBlockWrapper .field {
  	 max-width: 90%; }

.btnGrad.mline {
  margin-left: 0px;
margin-top: 15px;
}
.payments .list li{
	width:50%;
	text-align:center;
}
	.startSection .buttons [class*="btn"] + [class*="btn"] {
  margin-left: 0px;
}
	.siteLogo img {
  width: 70%;}
  .startSection .contentContainer {
  font-size: 24px;
  line-height: 32px;
}
.startSection .mainStat {
  margin-top: 160px;
}
.mainStat .data {
 
  font-size: 24px;}

.mainAbout::before {
opacity: .6;}
.mainAbout .col {
  padding-left: 20px;
  padding-right: 20px;
}
.mainAbout .col::before {
 opacity: 0.4;
font-size: 80px;
top: -52px;
}
.mainAbout .aboutMap {
  margin-top: 0;
}
.licenseBlock {
  height: 300px;}
  .licenseList {
  background-position: center 100%;
  padding-bottom: 0px;
}
.tabs {
  
  margin: 0px;
 
}

	.userInfo {
  flex-wrap: wrap;
  height: 100%;
}
.userInfo .item {
  width: 100%;
  text-align: right;
  display: block;
}
.cabinetMenu li {
    padding-left: 10px;}
    textarea#banner1.inpts, textarea#banner2.inpts, textarea#banner3.inpts, textarea#banner4.inpts, textarea#banner5.inpts {
  height: 140px;}
  .depositSection [class*="btn"] {
  margin-top: 20px;  
}
.cabTabLinks .cabTabs .tabsBody img {
  width: auto;
}

.depositTable .tRow {
  position: relative; 
  display: block;
  padding: 10px 20px;
line-height: 30px;
width: 100%;
text-align: center;
height: 100%;}

.userInfo .icon, .userInfo .param, .userInfo .data {
  text-align: center;
}
	.userStatBlock .userStat {
  grid-template-columns: repeat(1, 1fr);
  }
	.accBalance {
 background-position: right 10px;
  background-image: url(../img/bal_back1.png);
}
	div#referral.userInfo div.accStat div.item span.param {
  text-align: center;
margin-left: 10px;
}
div#referral.userInfo {
  height: 160px; 
  background-position: center 20px;  
  padding: 70px 20px 5px 0px;
  display: block; 
}
div#referral.userInfo div.accStat div.item { 
  background: transparent;
}
  .pageTitleSection div.container div.buttons, .startSection .buttons, .accBalance .buttons {
    flex-direction: column;
    align-items: center;
  }

  .accBalance  .buttons [class*=btn]+[class*=btn],
  
.pageTitleSection .buttons [class*=btn]+[class*=btn],
  .startSection .buttons [class*=btn]+[class*=btn] {
    margin-left: 0px;
    margin-top: 15px;
  }
  .container {
  padding-left: 10px;
  padding-right: 10px;}


  
  .inBlock input {
    height: 50px;
    padding: 0 15px 5px;
  }

  .selectric {
    height: 50px;
  }

  .selectric .selectricBtn {
    line-height: 47px;
	right: 5px;
  }

  .selectric .label {
    line-height: 44px;
    height: 50px;
    padding: 0 15px 5px;
  }
.filterBlock .date .item {
  width: 105px;
}
.historySection div.filterBlock form div.formWrap div.date div.item div.inBlock label,
.referralInfo div.filterBlock.bl form#filters div.formWrap div.date div.item div.inBlock label {
  display: block;
  padding-left: 0px;
  font-size: 16px;}
  .refList .faqItem .head .title .col + .col {
  margin-top: 10px;
}
.filterBlock, .referralInfo .filterBlock {
   padding-left: 5px;
   padding-right: 5px;}
 
 td.depotab1{
 	padding: 5px;
	font-size: 18px;
 }
 div#depotab1.checkBtn label {
  font-size: 20px;
  
  font-weight: 600;
}
  .depositTable .tRow {
    flex-wrap: wrap;
  }

  .depositTable .param,
  .depositTable .data {
    width: 100%;
  }

  
}

/*# sourceMappingURL=style.css.map */

.default_table {
    max-width: 573px;
    margin-left: auto;
    margin-right: auto;
}
.default_table table {
    width: 100%;
}
.default_table table tr th {
    position: relative;
    text-align: left;
    padding: 0 22px;

    height: 45px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-weight: 400;
    
    background-color: #000000;
    -webkit-box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.06);
}
.default_table table tr td {
    position: relative;
    text-align: right;
    padding: 0 22px;
    font-size: 14px;
    line-height: 1;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.025em;
    text-transform: uppercase;

    height: 45px;
    
    background-color: #000000;
    -webkit-box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.06);
}

.default_table table tr td[colspan="2"] {
  padding-top: 40px;
  background: none;
  text-align: center;
}

.notices{
	padding: 20px;
border: ;
text-align: center;
background: #000000;
font-size: 18px;
line-height: 22px;
margin-bottom: 30px;
color: #00A550;
}
ul.notices form div.btnLine{
	margin-top: 30px;
}
ul.notices li{
	
}
.error,
ul.errors li {
    color: #F2003C;
padding: 20px 0;
font-size: 18px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
line-height: 30px;
}
.success{
 color: #00A550;
padding: 20px 0;
font-size: 18px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
line-height: 30px;
}
body {min-width:324px;}
@media (max-width: 380px){
.inheader2 {
  font-size: 12px;}
	.container {
  padding-left: 10px;
padding-right: 10px;}
.filterBlock .date .item {
  width: 75px;}
.historySection div.filterBlock form div.formWrap div.date div.item div.inBlock label, .referralInfo div.filterBlock.bl form#filters div.formWrap div.date div.item div.inBlock label {
  font-size: 14px;}
.selectric-items li {  padding: 0px 13px;}
  #mytabs.depotab tbody tr#depotab3 td.item div.description {
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
 width: 300px;
margin: 0 auto;}
  .depositTable .datasum {
  font-size: 16px;}
td.depotab1 { text-align: center;}


}