@charset "UTF-8";
* {
  -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;
}

body {

  position: relative;
  font-family: "Montserrat";
  padding: 0px;
  margin: 0px auto;
  line-height: 1;
  color: #f4fbff;
  background-color: #111;
}

body.menuIsOpened {
  overflow: hidden;
}

body .bodyWrap {
  overflow: hidden;
}

.container {
  width: 1435px;
  padding: 0px 15px;
  margin: 0px auto;
}

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;
  opacity: 1;
  -webkit-outline: none;
  -moz-outline: none;
  outline: none;
}

select, input, 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: "Montserrat";
   -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
	    font-weight: 500;
	
}

input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus{
	background:#c6efff !important;
}
button {
  padding: 0px;
  font-family: "Montserrat";
  background-color: transparent;
  border: none;
  -webkit-outline: none;
  -moz-outline: none;
  outline: none;
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

.siteLogo {
  width: 128px;
  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;
}

.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;
}

.siteLogo img {
  width: 100%;
}

.siteLogo img+span {
  margin-top: 10px;
  color:#fff;
}

.siteLogo span {
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}

.siteLogo span+span {
  margin-top: 5px;
  font-size: 11px;
  line-height: 11px;
  color: #00cb92;
  font-weight: 300;
  letter-spacing: 1.2em;
}

.siteLogo.sm {
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
}

.siteLogo.sm img+span {
  margin-top: 6px;
}

.siteLogo:hover {
  opacity: 0.7;
}

[class*="siteLink"].sm {
  font-size: 13px;
  line-height: 20px;
}

[class*="siteLink"].md {
  font-size: 15px;
  line-height: 27px;
}

[class*="siteLink"].lg {
  font-size: 17px;
  line-height: 20px;
}

.siteLink1 {
  display: inline-block;
  font-size: 15px;
  line-height: 27px;
  color: #ffffff;
  letter-spacing: 0.025em;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.siteLink1:hover {
  opacity: 0.7;
}

.siteLink2 {
  display: inline-block;
  color: #00bdfb;
  letter-spacing: 0.025em;
  text-decoration: underline;
  text-decoration-color: #00bdfb;
  -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;
}

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

.siteLink3 {
  display: inline-block;
  color: #00cb92;
  letter-spacing: 0.025em;
  text-decoration: underline;
  text-decoration-color: #00cb92;
  -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;
}

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

.captcha {
min-width: 173px;
  height: 41px;
  background-color: none;

  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
}

.socList2 {
  display: flex;
}

.socList2 li {
  width: 33px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: #53B3E3;
  background-color: #111;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  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;
}


.socList2 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;
}

.socList2 li:hover {
  opacity: 0.7;
}

.socList2 li+li {
  margin-left: 12px;
}

.pagination {
  display: flex;
}

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

.pagination .controls,
.pagination .page-item {
  width: 41px;
  height: 42px;
  background-color: #01e2a3;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.pagination .controls a,
.pagination .page-item a {
  display: block;
  font-size: 20px;
  line-height: 42px;
  color: white;
  text-align: center;
  cursor: pointer;
}

.pagination .controls:hover {
  background-color: #00bdfb;
}

.pagination .nums ul {
  display: flex;
}

.pagination .nums ul li {
  width: 41px;
  height: 42px;
  background-color: white;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.pagination .nums ul li a {
  display: block;
  font-size: 15px;
  line-height: 42px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.pagination .nums ul li:hover, .pagination .nums ul li.active,
.pagination .page-item a:hover, .pagination .page-item.active a {
  background-color: #00bdfb;
}

.pagination .nums ul li:hover a, .pagination .nums ul li.active a {
  color: white;
}

.moreLink {
  display: inline-block;
}

.moreLink .text {
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #00bdfb;
  letter-spacing: 0.025em;
  text-decoration: underline;
  text-decoration-color: #00bdfb;
  vertical-align: middle;
  -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 .text+[class*="icon"] {
  margin-left: -3px;
}

.moreLink [class*="icon"] {
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  color: #00bdfb;
  vertical-align: middle;
}

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

[class*="btnGrad"] {
  display: block;
  padding: 0px 15px;
  text-align: center;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

[class*="btnGrad"][class*="Type1"] {
  width: 237px;
  height: 57px;
  font-size: 19px;
  line-height: 57px;
  color: white;
  letter-spacing: 0.025em;
  -webkit-border-radius: 57px;
  -moz-border-radius: 57px;
  -ms-border-radius: 57px;
  border-radius: 57px;
  background: #00bdfb;
  background: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
}

[class*="btnGrad"][class*="Type1"].md {
  height: 40px;
  font-size: 15px;
  line-height: 40px;
}

[class*="btnGrad"][class*="Type2"] {
  font-size: 15px;
  line-height: 40px;
  color: white;
  letter-spacing: 0.025em;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
  background: #008eca;
  background: -moz-linear-gradient(left, #008eca 0%, #00bdfb 100%);
  background: -webkit-linear-gradient(left, #008eca 0%, #00bdfb 100%);
  background: linear-gradient(to right, #008eca 0%, #00bdfb 100%);
}

[class*="btnGrad"][class*="Type3"] {
  font-size: 15px;
  line-height: 40px;
  color: white;
  letter-spacing: 0.025em;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
  background: #01ac7c;
  background: -moz-linear-gradient(left, #01ac7c 0%, #00cb92 100%);
  background: -webkit-linear-gradient(left, #01ac7c 0%, #00cb92 100%);
  background: linear-gradient(to right, #01ac7c 0%, #00cb92 100%);
}

[class*="btnGrad"].sm {
  width: 118px;
}

[class*="btnGrad"].md {
  width: 148px;
}

[class*="btnGrad"].lg {
  width: 188px;
}

[class*="btnGrad"].center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

[class*="btnGrad"]:hover {
  opacity: 0.7;
}

[class*="inBlock"] input::placeholder, [class*="inBlock"] textarea::placeholder {
  color: #777;
  opacity: 1;
}

[class*="inBlock"] input:-ms-input-placeholder, [class*="inBlock"] textarea:-ms-input-placeholder {
  color: #777;
  opacity: 1;
}

[class*="inBlock"] input::-ms-input-placeholder, [class*="inBlock"] textarea::-ms-input-placeholder {
  color: #777;
  opacity: 1;
}

[class*="inBlock"] input:-webkit-input-placeholder, [class*="inBlock"] textarea:-webkit-input-placeholder {
  color: #777;
  opacity: 1;
}

[class*="inBlock"] input:-moz-placeholder, [class*="inBlock"] textarea:-moz-placeholder {
  color: #777;
  opacity: 1;
}

[class*="inBlock"] input::-moz-placeholder, [class*="inBlock"] textarea::-moz-placeholder {
  color: #a8a8a8;
  opacity: 1;
}

[class*="inBlock"][class*="Type1"] label {
  display: block;
  font-size: 15px;
  line-height: 15px;
  color: #20c2f3;
}

[class*="inBlock"][class*="Type1"] label span {
  color: #00cb92;
}

[class*="inBlock"][class*="Type1"] label+.inWrap {
  margin-top: 10px;
}

[class*="inBlock"][class*="Type1"] .inWrap {
  position: relative;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
}

[class*="inBlock"][class*="Type1"] .inWrap.icon input {
  padding-right: 30px;
}

[class*="inBlock"][class*="Type1"] .inWrap.icon .cur {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 15px;
  line-height: 41px;
  color: #222;
  font-weight: bold;
}

[class*="inBlock"][class*="Type1"] .inWrap.pay {
  display: flex;
}

[class*="inBlock"][class*="Type1"] .inWrap.pay .img {
  width: 164px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: #333;
}

[class*="inBlock"][class*="Type1"] .inWrap.pay input {
  padding-left: 25px;
  padding-right: 25px;
  width: calc(100% - 164px);
  color: #20c2f3;
}

@media (max-width: 639px) {
  [class*="inBlock"][class*="Type1"] .inWrap.pay .img {
    width: 100px;
    padding: 0px 10px;
  }
  [class*="inBlock"][class*="Type1"] .inWrap.pay .img img {
    width: 100%;
  }
  [class*="inBlock"][class*="Type1"] .inWrap.pay input {
    width: calc(100% - 100px);
  }
}

[class*="inBlock"][class*="Type1"] input {
  height: 41px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 13px;
  line-height: 41px;
  color: #111;
  background-color: white;
}

[class*="inBlock"][class*="Type1"] textarea {
  height: 107px;
  padding-top: 10px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
  font-size: 13px;
  line-height: 18px;
  color: #111;
  background-color: white;
  resize: none;
  overflow: hidden;
}

[class*="inBlock"][class*="Type1"] .selectric {
  height: 41px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: white;
  border: none;
}

[class*="inBlock"][class*="Type1"] .selectric .label {
  margin: 0px;
  height: 41px;
  font-size: 13px;
  line-height: 41px;
  color: #111;
}

[class*="inBlock"][class*="Type1"] .selectric .label span {
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  line-height: 41px;
  color: #111;
}

[class*="inBlock"][class*="Type1"] .selectric .label span span {
  color: #00cb92;
}

[class*="inBlock"][class*="Type1"] .selectric .button {
  background-color: transparent;
}

[class*="inBlock"][class*="Type1"] .selectric .button::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
  width: 9px;
  height: 9px;
  border-right:2px solid #111;
  border-bottom:2px solid #111;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

[class*="inBlock"][class*="Type1"] .selectric .button::after {
  display: none;
}

[class*="inBlock"][class*="Type1"] .selectric-items {
  max-width: 100%;
  background-color: white;
  border: none;
}

[class*="inBlock"][class*="Type1"] .selectric-items li {
  padding: 10px 16px;
  font-size: 13px;
  line-height: 21px;
  color: #111;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

[class*="inBlock"][class*="Type1"] .selectric-items li span {
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  line-height: 21px;
  color: #20c2f3;
}

[class*="inBlock"][class*="Type1"] .selectric-items li span span {
  color: #00cb92;
}

[class*="inBlock"][class*="Type1"] .selectric-items li:hover {
  background-color: rgba(0,203,146, 0.5);
}

[class*="inBlock"][class*="Type1"].light label {
  color: #ffffff;
}

[class*="inBlock"][class*="Type1"].light label+.inWrap {
  margin-top: 12px;
}

[class*="inBlock"][class*="Type1"].light .selectric .label {
 
}

[class*="inBlock"][class*="Type1"].light .selectric .button {
  right: 8px;
}

[class*="inBlock"][class*="Type2"] .inWrap {
  position: relative;
  -webkit-box-shadow: 0px 0px 21px #ffffff07;
  -moz-box-shadow: 0px 0px 21px #ffffff07;
  box-shadow: 0px 0px 21px #ffffff07;
}

[class*="inBlock"][class*="Type2"] .inWrap.leftButton input {
  padding-right: 175px;
}

[class*="inBlock"][class*="Type2"] .inWrap.leftButton button {
  position: absolute;
  top: 0px;
  right: 0px;
}

[class*="inBlock"][class*="Type2"] input {
  height: 40px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 15px;
  line-height: 40px;
  color: #111;
  background-color: white;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

[class*="inBlock"][class*="Type3"] {
  display: flex;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
}

[class*="inBlock"][class*="Type3"] label {
  display: block;
  padding-left: 18px;
  padding-right: 18px;
  width: 168px;
  flex-shrink: 0;
  font-size: 15px;
  line-height: 41px;
  color: #ffffff;
  background-color: #333;
}

[class*="inBlock"][class*="Type3"] .inWrap {
  width: calc(100% - 168px);
  flex-grow: 1;
}

[class*="inBlock"][class*="Type3"] input {
  height: 41px;
  padding-left: 22px;
  padding-right: 22px;
  font-size: 15px;
  line-height: 41px;
  color: #20c2f3;
  background-color: white;
}

@media (max-width: 479px) {
  [class*="inBlock"][class*="Type3"] {
    display: block;
  }
  [class*="inBlock"][class*="Type3"] label {
    width: 100% !important;
  }
  [class*="inBlock"][class*="Type3"] .inWrap {
    width: 100%;
  }
}

[class*="inBlock"][class*="Type4"] .inWrap {
  width: 100%;
  height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
}

[class*="inBlock"][class*="Type4"] .inWrap label {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
}

[class*="inBlock"][class*="Type4"] .inWrap input {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  flex-grow: 1;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  font-weight: 600;
  text-align: right;
}

[class*="inBlock"][class*="Type4"] .inWrap input::placeholder {
  color: #ffffff;
  opacity: 1;
}

[class*="inBlock"][class*="Type4"] .inWrap input:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

[class*="inBlock"][class*="Type4"] .inWrap input::-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

[class*="inBlock"][class*="Type4"] .inWrap input:-webkit-input-placeholder {
  color: #20c2f3;
  opacity: 1;
}

[class*="inBlock"][class*="Type4"] .inWrap input:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

[class*="inBlock"][class*="Type4"] .inWrap input::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

@media (max-width: 479px) {
  [class*="inBlock"][class*="Type4"] .inWrap {
    display: block;
    height: auto;
    padding: 10px 0;
  }
  [class*="inBlock"][class*="Type4"] .inWrap label {
    width: 100%;
    padding: 0px 10px;
  }
  [class*="inBlock"][class*="Type4"] .inWrap input {
    width: 100%;
    margin-top: 10px;
    padding: 0px 10px;
    text-align: left;
  }
}

.radioBtn {
  position: relative;
}

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

.radioBtn input:checked+label::before {
  background-color: #01e2a3;
}

.radioBtn label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.radioBtn label::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.radioBtn label:hover::before {
  background-color: #01e2a3;
}

.radioBtn.lg label {
  padding-left: 30px;
  font-size: 25px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 200;
}

@media (max-width: 1535px) {
  .radioBtn.lg label {
    font-size: 20px;
  }
}

.radioBtn.lg label::before {
  top: 5px;
  width: 17px;
  height: 17px;
}

.radioBtn.md label {
  padding-left: 27px;
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
}

.radioBtn.md label::before {
  top: 4px;
  width: 13px;
  height: 13px;
}

.radioBtn.sm label {
  padding-left: 23px;
  font-size: 13px;
  line-height: 20px;
  color: #ffffff;
}

.radioBtn.sm label::before {
  top: 4px;
  width: 13px;
  height: 13px;
}

.checkBtn {
  position: relative;
}

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

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

.checkBtn label {
  position: relative;
  padding-left: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #d5f0fb;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}

.checkBtn label a {
  font-size: inherit;
}

.checkBtn label::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 34px;
  height: 34px;
  background-color: white;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
}

.checkBtn label::after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 34px;
  height: 34px;
  background-image: url(../../img/check.png);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.checkBtn label:hover {
  opacity: 0.7;
}

.calendarBlock {
  position: relative;
  font-family: "Montserrat";
}

.calendarBlock .ui-datepicker {
  width: 100%;
  padding: 0px;
}

.calendarBlock .ui-datepicker .ui-datepicker-header {
  height: 42px;
  padding: 0px;
  background-color: #d5ebf7;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
}

.calendarBlock .ui-datepicker .ui-datepicker-header select {
  position: relative;
  width: 116px;
  height: 42px;
  padding-left: 14px;
  margin: 0px;
  font-size: 15px;
  line-height: 42px;
  color: #20c2f3;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../../img/select.png);
  background-position: right 14px center;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media (max-width: 479px) {
  .calendarBlock .ui-datepicker .ui-datepicker-header select {
    width: 85px;
  }
}

.calendarBlock .ui-datepicker .ui-datepicker-header select+select {
  margin-left: 1px;
}

.calendarBlock .ui-datepicker .ui-datepicker-prev, .calendarBlock .ui-datepicker .ui-datepicker-next {
  top: 0px;
  width: 41px;
  height: 42px;
  background-color: #01e2a3;
  opacity: 1 !important;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}

.calendarBlock .ui-datepicker .ui-datepicker-prev:hover, .calendarBlock .ui-datepicker .ui-datepicker-next:hover {
  background-color: #00bdfb;
}

.calendarBlock .ui-datepicker .ui-datepicker-prev.ui-state-disabled, .calendarBlock .ui-datepicker .ui-datepicker-next.ui-state-disabled {
  cursor: default;
  pointer-events: none;
}

.calendarBlock .ui-datepicker .ui-datepicker-prev::before, .calendarBlock .ui-datepicker .ui-datepicker-next::before {
  display: flex;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  justify-content: center;
  align-items: center;
  font-family: "icomoon";
  font-size: 20px;
  color: white;
}

.calendarBlock .ui-datepicker .ui-datepicker-prev {
  left: 0px;
}

.calendarBlock .ui-datepicker .ui-datepicker-prev::before {
  content: "";
}

.calendarBlock .ui-datepicker .ui-datepicker-next {
  right: 0px;
}

.calendarBlock .ui-datepicker .ui-datepicker-next::before {
  content: "";
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar {
  display: block;
  margin-top: 9px;
  margin-bottom: 0px;
  font-family: "Montserrat";
  border-collapse: separate;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tHead {
  font-size: 13px;
  color: white;
  display: block;
  border-top: 1px solid #d3e7f2;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tHead tr {
  width: 100%;
  display: flex;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tHead tr th {
  padding: 5px;
  width: calc(100% / 6);
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  background-color: #00bdfb;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tHead tr th+th {
  border-left: 1px solid #d3e7f2;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tBody {
  display: block;
  border-top: 1px solid #d3e7f2;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tBody tr {
  width: 100%;
  display: flex;
  background-color: white;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tBody tr td {
  padding: 0px;
  width: calc(100% / 6);
  font-weight: normal;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tBody tr td a {
  display: block;
  padding: 5px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  background-color: #f4fbff;
  opacity: 1;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tBody tr td a.ui-state-highlight, .calendarBlock .ui-datepicker .ui-datepicker-calendar tBody tr td a.ui-state-active, .calendarBlock .ui-datepicker .ui-datepicker-calendar tBody tr td a:hover {
  color: white;
  background-color: #00cb92;
  border: none;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tBody tr td span {
  display: block;
  padding: 5px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  background: #dff2fc;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tBody tr td.ui-state-disabled {
  opacity: 1;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tBody tr td+td {
  border-left: 1px solid #d3e7f2;
}

.calendarBlock .ui-datepicker .ui-datepicker-calendar tBody tr+tr {
  border-top: 1px solid #d3e7f2;
}

header {
  position: relative;
  z-index: 1;
}

header .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

header .left {
  padding-top: 30px;
  display: flex;
  align-items: flex-end;
}

header .logoWrapper+.headWrapper {
  margin-left: 83px;
}

header .contactsList+.menuList {
  margin-top: 45px;
}

header .socList {
  display: none;
}

.openMenu {
  display: none;
  width: 40px;
  left: 0px;
  opacity: 1;
  -webkit-transition: left 0.3s, opacity 0.3s;
  -moz-transition: left 0.3s, opacity 0.3s;
  -o-transition: left 0.3s, opacity 0.3s;
  transition: left 0.3s, opacity 0.3s;
  cursor: pointer;
}

.openMenu span {
  position: relative;
  display: block;
  top: 0px;
  height: 3px;
  background-color: #ffffff;
  opacity: 1;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: top 0.3s, opacity 0.3s, transform 0.3s;
  -moz-transition: top 0.3s, opacity 0.3s, transform 0.3s;
  -o-transition: top 0.3s, opacity 0.3s, transform 0.3s;
  transition: top 0.3s, opacity 0.3s, transform 0.3s;
  -moz-transform-origin: 6px;
  -ms-transform-origin: 6px;
  -webkit-transform-origin: 6px;
  -o-transform-origin: 6px;
  transform-origin: 6px;
}

.openMenu span+span {
  margin-top: 7px;
}

.openMenu.active {
  left: 5px;
}

.openMenu.active span:nth-child(1) {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.openMenu.active span:nth-child(2) {
  opacity: 0;
}

.openMenu.active span:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.openMenu:hover {
  opacity: 0.7;
}

.openLoginBtn {
  display: none;
  font-size: 38px;
  color: #ffffff;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}

.openLoginBtn:hover {
  opacity: 0.7;
}

.contactsList {
  display: flex;
}

.contactsList li {
  display: flex;
  align-items: flex-start;
}

.contactsList li+li {
  margin-left: 43px;
}

.contactsList img+.data {
  margin-left: 15px;
}

.contactsList .title {
  display: block;
  font-size: 11px;
  line-height: 15px;
  color: #ffffff;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.contactsList .title+.txt {
  margin-top: 4px;
}

.contactsList .title+a {
  margin-top: 5px;
}

.contactsList .txt {
  display: block;
  font-size: 23px;
  line-height: 23px;
  color: #ffffff;
  font-weight: 300;
  letter-spacing: 0.025em;
}

.timeStr {
  width: 135px;
}

.menuList {
  display: flex;
}

.menuList li a {
  font-size: 15px;
  line-height: 15px;
  color: #fff;
  font-weight: 600;
  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;
}

.menuList li a:hover {
  color: #00bdfb;
}

.menuList li.active a {
  color: #00bdfb;
}

.menuList li+li {
  margin-left: 30px;
}

.loginBlock {
  position: relative;
  width: 420px;
  padding-top: 19px;
  padding-left: 19px;
  padding-right: 19px;
  padding-bottom: 19px;
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  border-top: none;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #ffffff11;
  -moz-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #ffffff11;
  box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #ffffff11;
}

.loginBlock .closeLoginBtn {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: #ffffff;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}

.loginBlock .closeLoginBtn:hover {
  opacity: 0.7;
}

.loginBlock .formTitle {
  display: none;
}

.loginBlock .fieldWrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: -9px;
  margin-left: -14px;
}

.loginBlock .fieldWrap .fieldItem {
  flex-shrink: 0;
}

.loginBlock .fieldWrap+.buttonsWrap {
  margin-top: 18px;
}

.loginBlock .fieldItem {
  width: 173px;
  margin-top: 9px;
  margin-left: 14px;
}

.loginBlock .buttonsWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.loginBlock .loginLinks {
  display: flex;
}

.loginBlock .loginLinks li+li {
  margin-left: 18px;
}
#my-login-page.loginBlock{
-moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
-webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
    border-image-slice: 100%;
border-image-slice: 1;
-webkit-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
-moz-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;

border-top:10px solid;
margin:0px auto 100px;
background-color: rgba(34,34,34, 0.57);
	
}
.mainHeadWrapper {
  position: relative;
  z-index: 1;
}

.mainHeadWrapper>.backImg {
  position: absolute;
  width: 1920px;
  height: 938px;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.mainHeadWrapper>.backCircles {
  position: absolute;
  top: 195px;
  left: 50%;
  margin-left: -600px;
}

.mainHeadWrapper .socList, .pageHeadWrapper .socList {
  position: fixed;
  right: 0px;
  top: 277px;
  z-index:2;
}

.socList li {
  width: 50px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: #222;
  background-color: #00bdfb;
  -webkit-border-radius: 22px 0px 0px 22px;
  -moz-border-radius: 22px 0px 0px 22px;
  -ms-border-radius: 22px 0px 0px 22px;
  border-radius: 22px 0px 0px 22px;
  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 span {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.socList li+li {
  margin-top: 6px;
}

.socList li:hover span {
  opacity: 0.7;
}

.backCircles {
  width: 1626px;
  height: 1626px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.backCircles .animCircle {
  position: absolute;
  top: 410px;
  left: 410px;
  width: 403px;
  height: 806px;
  -webkit-mask-image: -webkit-linear-gradient(top, black, rgba(0, 0, 0, 0));
  -moz-transform-origin: 403px 403px;
  -ms-transform-origin: 403px 403px;
  -webkit-transform-origin: 403px 403px;
  -o-transform-origin: 403px 403px;
  transform-origin: 403px 403px;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.backCircles .animCircle .inner {
  width: 806px;
  height: 806px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px #00bdfb30;
}

@keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.startBlock {
  position: relative;
  padding-top: 105px;
  padding-bottom: 105px;
}

.startBlock .wrapper {
  max-width: 510px;
}

.startBlock .slogan p {
  font-size: 36px;
  line-height: 54px;
  color: #ffffff;
  font-weight: 200;
}

.startBlock .slogan p .acc {
  color: #00cb92;
}

.startBlock .slogan p .upp {
  font-size: 55px;
  font-weight: 100;
}

.startBlock .slogan p .upp span {
  font-size: 103px;
}

.startBlock .slogan+[class*="btn"] {
  margin-top: 60px;
}

.startBlock .startImg {
  position: absolute;
  bottom: -45px;
  right: 50%;
  margin-right: -535px;
}

.startImg {
  width: 645px;
  height: 538px;
  background-position: center;
  background-repeat: no-repeat;
}

.startImg .bubblesWrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.startImg .bubblesWrap.visible {
  opacity: 1;
}

.startImg .bubbles {
  position: absolute;
  -moz-transform: translateY(60px) rotate(180deg);
  -ms-transform: translateY(60px) rotate(180deg);
  -webkit-transform: translateY(60px) rotate(180deg);
  -o-transform: translateY(60px) rotate(180deg);
  transform: translateY(60px) rotate(180deg);
}

.startImg .bubbles:nth-child(1) {
  top: -150px;
  left: 45px;
}

.startImg .bubbles:nth-child(2) {
  top: -150px;
  right: 45px;
}

.startImg .bubbles:nth-child(3) {
  bottom: 210px;
  right: 45px;
}

.startImg .bubbles:nth-child(4) {
  left: 45px;
  bottom: 210px;
}

.startImg circle {
  opacity: 0;
  -webkit-animation-name: bubblesOpacity;
  -moz-animation-name: bubblesOpacity;
  -o-animation-name: bubblesOpacity;
  animation-name: bubblesOpacity;
  -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;
}

.startImg circle:nth-child(1) {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.startImg circle:nth-child(2) {
  -webkit-animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
  -o-animation-delay: 2.1s;
  animation-delay: 2.1s;
}

.startImg circle:nth-child(3) {
  -webkit-animation-delay: 3.4s;
  -moz-animation-delay: 3.4s;
  -o-animation-delay: 3.4s;
  animation-delay: 3.4s;
}

.startImg circle:nth-child(4) {
  -webkit-animation-delay: 3.7s;
  -moz-animation-delay: 3.7s;
  -o-animation-delay: 3.7s;
  animation-delay: 3.7s;
}

.startImg circle:nth-child(5) {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  -o-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.startImg circle:nth-child(6) {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;
}

.startImg .millsWrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 40%;
  -moz-perspective-origin: 40%;
  perspective-origin: 40%;
}

.startImg .mill {
  position: absolute;
  width: 150px;
  height: 178px;
  background-position: center;
  background-repeat: no-repeat;
  -moz-transform-origin: 100px;
  -ms-transform-origin: 100px;
  -webkit-transform-origin: 100px;
  -o-transform-origin: 100px;
  transform-origin: 100px;
  -webkit-animation-name: windmillSpin;
  -moz-animation-name: windmillSpin;
  -o-animation-name: windmillSpin;
  animation-name: windmillSpin;
  -webkit-animation-duration: 6s;
  -moz-animation-duration: 6s;
  -o-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.startImg .mill:nth-child(1) {
  top: -70px;
  right: 282px;
}

.startImg .mill:nth-child(2) {
  top: -25px;
  right: 235px;
}

.startImg .mill:nth-child(3) {
  top: -13px;
  right: 329px;
}

.startImg .mill:nth-child(4) {
  top: 30px;
  right: 280px;
}

@keyframes bubblesOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes windmillSpin {
  0% {
    -moz-transform: rotateY(45deg) rotate(0deg);
    -ms-transform: rotateY(45deg) rotate(0deg);
    -webkit-transform: rotateY(45deg) rotate(0deg);
    -o-transform: rotateY(45deg) rotate(0deg);
    transform: rotateY(45deg) rotate(0deg);
  }
  100% {
    -moz-transform: rotateY(45deg) rotate(360deg);
    -ms-transform: rotateY(45deg) rotate(360deg);
    -webkit-transform: rotateY(45deg) rotate(360deg);
    -o-transform: rotateY(45deg) rotate(360deg);
    transform: rotateY(45deg) rotate(360deg);
  }
}

.mainPlans {
  position: relative;
  z-index: 2;
}

.mainPlans .wrapper {
  display: flex;
}

.mainPlans .wrapper>.left {
  width: 423px;
}

.mainPlans .wrapper .right {
  flex-grow: 1;
}

.mainPlans .titleBlock+.contentBlock {
  margin-top: 45px;
}

.mainPlans .info+.calculator {
  margin-top: 68px;
}

.mainPlans .planList {
  margin-left: auto;
  margin-right: 188px;
}

.mainPlans .planList+.descrList {
  margin-top: 114px;
}

.mainPlans .descrList {
  margin-left: auto;
}

.mainPlans+.mainAbout {
  margin-top: 80px;
}

.calculator {
  position: relative;
  padding-top: 45px;
  padding-bottom: 37px;
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  z-index: 1;
}

.calculator .formTitle+.fieldWrap {
  margin-top: 35px;
}

.calculator .fieldWrap {
  padding-left: 40px;
  padding-right: 40px;
}

.calculator .fieldWrap+.result {
  margin-top: 65px;
}

.calculator .formItem+.formItem {
  margin-top: 35px;
}

.calculator .result {
  display: flex;
  margin-left: -1px;
  margin-right: -1px;
  background: #00bdfb;
  background: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
}

.calculator .result li {
  width: 50%;
  height: 58px;
  padding: 11px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 13px;
  line-height: 13px;
  color: #ffffff;
  text-align: center;
}

.calculator .result li span {
  margin-top: 6px;
  display: block;
  font-size: 23px;
  font-weight: 300;
}

.calculator .result li:first-child {
  background-color: #00bdfb;
}

.calculator .result li:last-child {
  background-color: #00cb92;
}

.calculator .result+[class*="btn"] {
  margin-top: 40px;
}

.planList {
  width: 605px;
  padding-top: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.planList .planItem {
  margin-top: -32px;
  margin-left: 13px;
  margin-right: 13px;
}

.planList .planItem:first-child {
  margin-left: 16px;
}

.planItem {
  position: relative;
  width: 175px;
  height: 202px;
  -webkit-filter: drop-shadow(-21px 21px 21px #ffffff11);
  -moz-filter: drop-shadow(-21px 21px 21px #ffffff11);
  -ms-filter: drop-shadow(-21px 21px 21px #ffffff11);
  -o-filter: drop-shadow(-21px 21px 21px #ffffff11);
  filter: drop-shadow(-21px 21px 21px #ffffff11);
}

.planItem .flipCard {
  height: 202px;
  cursor: pointer;
}

.planItem .flipCard:hover .badge {
  opacity: 0;
}

.planItem .flipCard:hover .moreInfo {
  opacity: 1;
}

.planItem .frontSide {
  height: 202px;
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
}

.planItem .frontSide span {
  color: #ffffff;
}

.planItem .frontSide .pct {
  display: block;
  font-size: 33px;
  line-height: 33px;
  font-weight: 400;
}
.planItem .frontSide .tire {
  font-size: 33px;
line-height: 33px;
font-weight: 200;

padding: 3px;
}

.planItem .frontSide .pct+.info {
  margin-top: 6px;
}

.planItem .frontSide .info {
  display: block;
  font-size: 14px;
  line-height: 33px;
}
.planItem .frontSide .name {
  display: block;
  font-size: 16px;
  line-height: 23px;
  color:#000;
  font-weight:600;
}

.planItem .backSide {
  height: 202px;
  padding-left: 7px;
  padding-right: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../../img/plan_back.png);
  background-position: center;
  background-repeat: no-repeat;
}

.planItem .badge {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 11px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.planItem .badge .in {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 84px;
  font-size: 10px;
  line-height: 19px;
  color: white;
  font-weight: 600;
  text-align: center;
  background-color: #000;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  border-radius: 19px;
}

.planItem .moreInfo {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.planItem .moreInfo li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.planItem .moreInfo li span {
  font-size: 12px;
  line-height: 12px;
  color: #00cb92;
}

.planItem .moreInfo li span+span {
  font-size: 12px;
  line-height: 12px;
  color: #20c2f3;
  font-weight: bold;
}

.planItem .moreInfo li+li {
  margin-top: 15px;
}

.planItem .infoList {
  position: absolute;
  height: 100%;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.planItem .infoList li {
  font-size: 13px;
  line-height: 18px;
  color: #ffffff;
  white-space: nowrap;
}

.planItem .infoList li.sum {
  color: #00cb92;
}

.planItem .infoList.left {
  right: calc(100% + 18px);
  text-align: right;
  align-items: flex-end;
}

.planItem .infoList.right {
  left: calc(100% + 18px);
}

.planItem.plan1 .frontSide {
  background-image: url(../../img/plan_1.png);
}

.planItem.plan2 .frontSide {
  background-image: url(../../img/plan_2.png);
}

.planItem.plan3 .frontSide {
  background-image: url(../../img/plan_3.png);
}

.planItem.plan4 .frontSide {
  background-image: url(../../img/plan_4.png);
}

.planItem.plan5 .frontSide {
  background-image: url(../../img/plan_5.png);
}

.planItem.plan6 .frontSide {
  background-image: url(../../img/plan_6.png);
}

.planItem.plan7 .frontSide {
  background-image: url(../../img/plan_7.png);
}

.planItem.vip .frontSide {
  padding-top: 5px;
}

.planItem.vip .frontSide span {
  color: white;
}

.planItem.vip .frontSide .pct+.info {
  margin-top: 14px;
}

.planItem.vip .frontSide .info {
  font-size: 13px;
  line-height: 19px;
}

.descrList {
  width: 885px;
  height: 170px;
  display: flex;
  justify-content: space-between;
}

.descrList li {
  position: relative;
}

.descrList li:nth-child(odd) {
  align-self: flex-start;
}

.descrList li:nth-child(even) {
  align-self: flex-end;
}

.descrList li:nth-child(1) {
  top: 8px;
  left: 22px;
}

.descrList li:nth-child(2) {
  left: -12px;
}

.descrList li:nth-child(3) {
  right: 82px;
}

.descrList li:nth-child(4) {
  bottom: 70px;
  right: 107px;
}

.descrList li {
  display: flex;
  align-items: center;
}

.descrList li .img {
  flex-shrink: 0;
}

.descrList li .img+.data {
  margin-left: 15px;
}

.descrList .img {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00bdfb;
  background: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.descrList .data {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #d5f0fb;
}

.descrList.lg {
  width: 950px;
  height: 240px;
}

.descrList.lg li:nth-child(2) {
  left: -35px;
}

.descrList.lg li:nth-child(3) {
  right: 125px;
}

.descrList.lg li:nth-child(4) {
  bottom: 90px;
  right: 110px;
}

.mainAbout {
  position: relative;
  padding-bottom: 108px;
}

.mainAbout>.backImg {
  position: absolute;
  width: 1920px;
  height: 1452px;
  bottom: -57px;
  left: 50%;
  margin-left: -960px;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;
}

.mainAbout .wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 7;
}

.mainAbout .infoWrapper {
  width: 800px;
}

.mainAbout+.mainInfo {
  margin-top: 90px;
}

.videoBlock {
  position: relative;
  width: 423px;
  height: 334px;
border: 10px solid transparent;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
-moz-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  background-image:url(../../img/video_img.png);
  background-size: cover;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
-webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
    border-image-slice: 100%;
border-image-slice: 1;
  
}

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

.aboutBlock .titleBlock+.contentBlock {
  margin-top: 45px;
}

.aboutBlock .contentBlock+[class*="btn"] {
  margin-top: 30px;
}

.licenseBlock {
  width: 523px;
  height: 400px;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 16px;
  display: flex;
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  margin-bottom:60px;
}

.licenseBlock .img {
  width: 209px;
  height: 300px;
  flex-shrink: 0;
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
  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;
}

.licenseBlock .img>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 .img:hover {
  opacity: 0.7;
}

.licenseBlock .img+.data {
  margin-left: 30px;
}

.licenseBlock .data {
  padding-top: 82px;
}

.licenseBlock .title {
  display: block;
  font-size: 21px;
  line-height: 24px;
  color: #ffffff;
}

.licenseBlock .title span {
  color: #00cb92;
}

.licenseBlock .title+.info {
  margin-top: 18px;
}

.licenseBlock .info p {
  font-size: 13px;
  line-height: 18px;
  color: #d5f0fb;
}

.licenseBlock .info p span {
  display: block;
  font-size: 21px;
  line-height: 24px;
  color: #ffffff;
}

.licenseBlock .info p+p {
  margin-top: 37px;
}

.mainInfo {
  position: relative;
}

.mainInfo>.backCircles {
  position: absolute;
  top: -608px;
  left: 50%;
  margin-left: -1380px;
  -moz-transform: scale(0.92);
  -ms-transform: scale(0.92);
  -webkit-transform: scale(0.92);
  -o-transform: scale(0.92);
  transform: scale(0.92);
  z-index: -2;
}

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

.mainInfo .wrapper .left {
  width: 600px;
}

.mainInfo .wrapper .right {
  width: 700px;
}

.mainInfo+.statSection {
  margin-top: 75px;
}

.programBlock {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.programBlock .infoBlock {
  max-width: 320px;
  padding-top: 15px;
}

.programBlock .titleBlock+.contentBlock {
  margin-top: 37px;
}

.programBlock .contentBlock+[class*="btn"] {
  margin-top: 37px;
}

.levelList {
  padding-top: 5px;
}

.levelList li {
  position: relative;
  width: 82px;
}

.levelList li:nth-child(odd) {
  left: -60px;
}

.levelList li+li {
  margin-top: 51px;
}

.levelList .pct {
  width: 82px;
  height: 82px;
  text-align: center;
  font-size: 40px;
  line-height: 82px;
  color: white;
  font-weight: 200;
  background: #00bdfb;
  background: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.levelList .pct+.title {
  margin-top: 6px;
}

.levelList .title {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: #00cb92;
  text-transform: uppercase;
  text-align: center;
}

.advantagesBlock .titleBlock+.contentBlock {
  margin-top: 64px;
}

.advantagesList {
  margin-top: -92px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.advantagesList .item {
  width: 50%;
  margin-top: 92px;
}

.advantagesList.full .item {
  width: 33.3333%;
}

.advantageItem {
  padding-right: 30px;
  display: flex;
  align-items: flex-start;
}

.advantageItem .content {
  padding-bottom: 5px;
}

.advantageItem .content+.img {
  margin-left: 48px;
}

.advantageItem .title {
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
}

.advantageItem .title+p {
  margin-top: 23px;
}

.advantageItem p {
  font-size: 13px;
  line-height: 20px;
  color: #d5f0fb;
}

.advantageItem .img {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #111;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.statSection .wrapper {
  display: flex;
  justify-content: space-between;
      padding: 5px;
}

.statSection {
  width: 100%;
  
}
.statSection .left {
  width: 422px;
}

.statSection .right {
  width: 925px;
  display: flex;
  justify-content: space-between;
}

.statSection+.mainNews {
  margin-top: 75px;
}

.statInfo {
  padding-top: 45px;
  padding-left: 45px;
  padding-right: 50px;
  padding-bottom: 35px;
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  width:100%;
  margin-bottom:60px;
  height:400px;
  
}

.statInfo .titleBlock+.contentBlock {
  margin-top: 40px;
}

.tableTempl1 {
  display: table;
  width: 100%;
}

.tableTempl1 li {
  display: table-row;
}

.tableTempl1 li span {
  display: table-cell;
}

.tableTempl1 li .param {
  font-size: 20px;
  line-height: 33px;
  color: #d5f0fb;
  font-weight:200;
}

.tableTempl1 li .data {
  font-size: 20px;
  line-height: 33px;
  color: #00cb92;
  text-align: right;
}

.tableTempl1 li .data.sum {
  color: #00bdfb;
}

.statBlock {
  width: 423px;
}

.statBlock .inner {
  position: relative;
  padding-top: 54px;
  padding-left: 46px;
  padding-bottom: 52px;
  background-color: rgba(34,34,34, 0.57);
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.statBlock .titleBlock+.contentBlock {
  margin-top: 45px;
}

.statBlock .buttons {
  display: flex;
  justify-content: space-between;
  padding: 18px 16px 22px;
  background-color: #f6f7f8;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.tableTempl2 li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tableTempl2 li+li {
  margin-top: 6px;
}

.tableTempl2 .param {
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 300;
}

.tableTempl2 .data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 130px;
  height: 24px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  line-height: 13px;
  background-color: #111;
  -webkit-border-radius: 24px 0px 0px 24px;
  -moz-border-radius: 24px 0px 0px 24px;
  -ms-border-radius: 24px 0px 0px 24px;
  border-radius: 24px 0px 0px 24px;
}
.statBlock .buttons {
    background-color: #222;
}
.tableTempl2 .data.in {
  color: #00cb92;
}

.tableTempl2 .data.out {
  color: #00bdfb;
}

.mainNews {
  padding-bottom: 90px;
}

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

.mainNews .sectionTitle+[class*="btn"] {
  margin-top: 35px;
}

.mainNews .right {
  width: 925px;
  padding-top: 5px;
}

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

.newsList .item {
  width: 420px;
}

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

.newsItem .date {
  font-size: 11px;
  line-height: 11px;
  color: #00cb92;
  text-transform: uppercase;
  text-align: center;
}

.newsItem .date span {
  display: block;
}

.newsItem .date .num {
  font-size: 50px;
  line-height: 50px;
  font-weight: 200;
}

.newsItem .date .num+span {
  margin-top: 5px;
}

.newsItem .content {
  width: calc(100% - 88px);
}

.newsItem .title+p {
  margin-top: 14px;
}

.newsItem p {
  font-size: 13px;
  line-height: 20px;
  color: #d5f0fb;
}

.pageHeadWrapper {
  position: relative;
}

.pageHeadWrapper>.backImg {
  position: absolute;
  top: -780px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1910px;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}

.pageHeadWrapper>.backCircles {
  position: absolute;
  top: -248px;
  left: -55px;
  right: 0px;
  margin: 0px auto;
  z-index: -2;
}

.pageHead {
  padding-top: 35px;
  padding-bottom: 142px;
}

.aboutInfo {
  position: relative;
  z-index: 1;
}

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

.aboutInfo .left {
  flex-grow: 1;
}

.aboutInfo .left+.right {
  margin-left: 60px;
}

.aboutInfo .titleBlock+.contentBlock {
  margin-top: 40px;
}

.aboutInfo+.aboutLicense {
  margin-top: 50px;
}

.aboutLicense {
  position: relative;
  z-index: 1;
}

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

.aboutLicense .right {
  padding-top: 40px;
}

.aboutLicense+.aboutDescr {
  margin-top: 74px;
}

.aboutDescr {
  position: relative;
  z-index: 1;
}

.aboutDescr .wrapper {
  display: flex;
}

.aboutDescr .left {
  flex-shrink: 0;
  width: 420px;
}

.aboutDescr .left+.right {
  margin-left: 60px;
}

.aboutDescr .right {
  /* padding-top: 13px; */
  flex-grow: 1;
}

.aboutDescr+.aboutAdvantages {
  margin-top: 77px;
}

.aboutList .title {
  display: block;
  font-size: 20px;
  line-height: 33px;
  color: #ffffff;
  font-weight: 300;
}

.aboutList .title+ul {
  margin-top: 22px;
}

.aboutAdvantages {
  position: relative;
}

.aboutAdvantages>.backCircles {
  position: absolute;
  top: -75px;
  left: 50%;
  margin-left: -1380px;
  -moz-transform: scale(0.92);
  -ms-transform: scale(0.92);
  -webkit-transform: scale(0.92);
  -o-transform: scale(0.92);
  transform: scale(0.92);
  z-index: -2;
}

.aboutCompany {
  position: relative;
  padding-top: 130px;
  padding-bottom: 102px;
}

.aboutCompany>.backImg {
  position: absolute;
  width: 1920px;
  height: 1110px;
  bottom: 0px;
  left: 50%;
  margin-left: -960px;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;
}

.aboutCompany .wrapper {
  display: flex;
}

.aboutCompany .left {
  width: 420px;
  flex-shrink: 0;
}

.aboutCompany .left+.right {
  margin-left: 60px;
}

.aboutCompany .right {
  padding-top: 5px;
  flex-grow: 1;
}

.faqSection {
  position: relative;
  padding-top: 32px;
  padding-bottom: 80px;
  z-index: 1;
}

.faqSection>.backImg {
  position: absolute;
  width: 1920px;
  height: 1110px;
  bottom: 0px;
  left: 50%;
  margin-left: -960px;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;
}

.faqSection .titleBlock+.contentBlock {
  margin-top: 40px;
}

.faqSection .faqTabs+.feedbackBlock {
  margin-top: 70px;
}

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

.tabsTemplate1 .tabList {
  padding-top: 11px;
  width: 290px;
}

.tabsTemplate1 .tabList li {
  padding: 8px;
  min-height: 40px;
  display: flex;
  align-items: center;
  background: #008eca;
  background: -moz-linear-gradient(left, #008eca 0%, #00bdfb 100%);
  background: -webkit-linear-gradient(left, #008eca 0%, #00bdfb 100%);
  background: linear-gradient(to right, #008eca 0%, #00bdfb 100%);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}

.tabsTemplate1 .tabList 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;
}

.tabsTemplate1 .tabList li [class*="icon"] {
  font-size: 24px;
  color: white;
}

.tabsTemplate1 .tabList li [class*="icon"]+.data {
  margin-left: 11px;
}

.tabsTemplate1 .tabList li .data {
  font-size: 15px;
  line-height: 19px;
  color: white;
  letter-spacing: 0.025em;
}

.tabsTemplate1 .tabList li::before {
  content: '';
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #01ac7c;
  background: -moz-linear-gradient(left, #01ac7c 0%, #00cb92 100%);
  background: -webkit-linear-gradient(left, #01ac7c 0%, #00cb92 100%);
  background: linear-gradient(to right, #01ac7c 0%, #00cb92 100%);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
}

.tabsTemplate1 .tabList li.ui-state-active::before, .tabsTemplate1 .tabList li:hover::before {
  opacity: 1;
}

.tabsTemplate1 .tabList li+li {
  margin-top: 20px;
}

.tabsTemplate1 .tabContent {
  width: 1037px;
}

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

.dropItem .head {
  cursor: pointer;
}

.dropItem .head .icon {
  position: relative;
  width: 30px;
  height: 30px;
  align-self: flex-start;
  background: #00bdfb;
  background: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.dropItem .head .icon span {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  background-color: white;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.dropItem .head .icon .vert {
  width: 3px;
  height: 12px;
}

.dropItem .head .icon .hor {
  width: 12px;
  height: 3px;
}

.dropItem .head.active .icon .vert {
  opacity: 0;
}

.dropItem .head.active+.content {
  display: block;
}

.dropItem .content {
  display: none;
}

.faqItem .head {
  padding-left: 24px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 8px;
  display: flex;
  justify-content: space-between;
  background-color: #111;
  -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: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 21px #ffffff07;
  -moz-box-shadow: 0px 0px 21px #ffffff07;
  box-shadow: 0px 0px 21px #ffffff07;
}

.faqItem .head .title {
  align-self: center;
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #00bdfb;
  font-weight: 500;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.faqItem .head .icon {
  margin-left: 15px;
  flex-shrink: 0;
}

.faqItem .head.active {
  background-color: #f3fbff;
}

.faqItem .head.active .title {
  color: #00bdfb;
}

.faqItem .head:hover {
  background-color: #f3fbff;
}

.faqItem .head:hover .title {
  color: #00bdfb;
}

.faqItem .content .in {
  padding-bottom: 25px;
  padding-top: 37px;
  padding-left: 26px;
}

.feedbackBlock {
  max-width: 1037px;
      margin-left: 20px;
	  margin-right:20px;
  padding-top: 33px;
  padding-right: 33px;
  padding-bottom: 33px;
  padding-left: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  margin-top: 40px;
}

.feedbackBlock [class*="btn"] {
  flex-shrink: 0;
}

.feedbackBlock.full {
  max-width: 100%;
}

.bannersSection {
  position: relative;
  padding-top: 32px;
  padding-bottom: 80px;
  /*z-index: 1;*/
}

.bannersSection>.backImg {
  position: absolute;
  width: 1920px;
  height: 1110px;
  bottom: 0px;
  left: 50%;
  margin-left: -960px;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;
}

.bannersSection .bannersTabs+.feedbackBlock {
  margin-top: 74px;
}

.bannersSection .titleBlock+.contentBlock {
  margin-top: 50px;
}

.bannersSection .info+.bannerBlock {
  margin-top: 20px;
}

.bannersTabs .tabList {
  width: 288px;
  margin-right:20px;
}

.bannersTabs .tabList li {
  padding-left: 32px;
}

.bannerBlock {
  padding-top: 104px;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 104px;
  min-height: 200px;
  background-color: rgba(34,34,34, 0.57);
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.bannerBlock .field+.bannerImg {
  margin-top: 50px;
}

.bannerBlock .bannerImg {
  margin-left: auto;
  margin-right: auto;
  /*background-color: #f4fbff;
  border: 1px solid #52BEFA;*/
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.supportSection {
  position: relative;
  padding-top: 35px;
  padding-bottom: 114px;
  z-index: 1;
}
.supportInfo{
	margin-top: 50px;
    margin-bottom: 50px;
}

.supportSection>.backImg {
  position: absolute;
  width: 1920px;
  height: 1110px;
  bottom: 0px;
  left: 50%;
  margin-left: -960px;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;
}

.supportSection .supportInfo+.supportList {
  margin-top: 62px;
}

.supportSection .supportList+.supportBlock {
  margin-top: 113px;
}

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

.supportList .item {
  width: 320px;
}

.supportItem .img {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #111;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.supportItem .img+.title {
  margin-top: 50px;
}

.supportItem .title {
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 300;
}

.supportItem .title+.content {
  margin-top: 24px;
}

.supportItem .content {
  font-size: 15px;
  line-height: 24px;
  color: #d5f0fb;
}

.supportItem .content a {
  line-height: inherit;
}

.supportItem .content p a {
  color: inherit;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.supportItem .content p a:hover {
  opacity: 0.7;
}

.supportBlock {
  margin-left: -19px;
  margin-right: -19px;
  display: flex;
}

.supportBlock .item {
  padding-left: 19px;
  padding-right: 19px;
  width: 50%;
  margin: 0 auto;
}

.supportForm {
  padding-top: 45px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 36px;
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  background-color: rgba(34,34,34, 0.57);
}

.supportForm .formTitle+.formWrap {
  margin-top: 37px;
}

.supportForm .formWrap+[class*="btn"] {
  margin-top: 52px;
}

.supportForm .fieldWrap {
  margin-left: -21px;
  margin-right: -21px;
  display: flex;
  align-items: flex-end;
}

.supportForm .fieldWrap .formItem {
  padding-left: 21px;
  padding-right: 21px;
  width: 50%;
  flex-grow: 1;
}

.supportForm .fieldWrap+.fieldWrap {
  margin-top: 32px;
}

.supportMap {
  position: relative;
  height: 611px;
  border: 10px solid white;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

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

.termsSection {
  position: relative;
  padding-top: 27px;
  padding-bottom: 125px;
  z-index: 1;
}

.termsSection>.backImg {
  position: absolute;
  width: 1920px;
  height: 1110px;
  bottom: 0px;
  left: 50%;
  margin-left: -960px;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;
}

.termsSection .termsList+.feedbackBlock {
  margin-top: 97px;
}

.termsList .termsItem+.termsItem {
  margin-top: 60px;
}

.termsItem {
  position: relative;
  padding-left: 78px;
}

.termsItem .number {
  position: absolute;
  display: block;
  top: -10px;
  left: -2px;
  width: 56px;
  height: 56px;
  font-size: 30px;
  line-height: 56px;
  color: white;
  font-weight: 300;
  text-align: center;
  background: #00bdfb;
  background: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.termsItem .titleBlock+.contentBlock {
  margin-top: 35px;
}

.termsItem p {
  font-size: 15px;
  line-height: 24px;
  color: #d5f0fb;
}

.termsItem p .num {
  font-weight: bold;
  color: #00bdfb;
}

.cabinetWrapper {
  position: relative;
  display: flex;
}

.cabinetWrapper .backImg {
  position: absolute;
  width: 1051px;
  height: 832px;
  top: 0px;
  left: 0px;
  background-position: left center;
  background-repeat: no-repeat;
  z-index: -1;
}

.cabinetWrapper .backCircles {
  position: absolute;
  width: 1626px;
  height: 1626px;
  top: 162px;
  right: 50%;
  margin-right: -1192px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.cabinetWrapper .leftSide {
  position: relative;
  width: 260px;
  z-index: 2;
  min-height: 976px;
}

.cabinetWrapper .leftSide .contactsList {
  display: none;
}

.cabinetWrapper .rightSide {
  position: relative;
  width: calc(100% - 260px);
}

.cabinetWrapper .logoWrapper {
  position: relative;
  padding-left: 40px;
  padding-top: 15px;
  z-index: 1;
}

.cabinetWrapper .logoWrapper::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 456px;
  height: 203px;
  background-image: url(../../img/logo_back_lg.png);
  background-position: left top;
  background-repeat: no-repeat;
  z-index: -1;
}

.cabinetWrapper .logoWrapper~.navWrapper {
  margin-top: 120px;
}

.cabinetWrapper .openMenu {
  position: relative;
  display: none;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  
}

.cabinetMenu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cabinetMenu li {
  position: relative;
  padding-left: 46px;
}

.cabinetMenu li a {
  font-size: 14px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 600;
  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;
}

.cabinetMenu li::before {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  left: 0px;
  top: -1px;
  left: 0px;
  border-left: 26px solid #00cb92;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  -webkit-transition: border-left 0.3s;
  -moz-transition: border-left 0.3s;
  -o-transition: border-left 0.3s;
  transition: border-left 0.3s;
}

.cabinetMenu li:hover a, .cabinetMenu li.active a {
  color: #00bdfb;
}

.cabinetMenu li:hover::before, .cabinetMenu li.active::before {
  border-left: 26px solid #00bdfb;
}

.cabinetMenu li+li {
  margin-top: 28px;
}

.cabHeader .wrapper {
  padding-right: 28px;
  min-height: 136px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cabHeader .left {
  display: flex;
  align-items: center;
  padding-left: 175px;
}

.cabHeader .right {
  padding-top: 9px;
}

.cabHeader .accInfo {
  flex-shrink: 0;
}

.cabHeader .accInfo+.accBalance {
  margin-left: 27px;
}

.cabHeader::before {
  content: '';
  display: block;
  position: absolute;
  width: 1065px;
  height: 137px;
  top: 0px;
  left: -65px;
  background-image: url(../../img/cab_head_back.png);
  background-position: left top;
  background-repeat: no-repeat;
  z-index: -1;
}

.accInfo {
  width: 390px;
  display: flex;
  flex-wrap: wrap;
}

.accInfo li {
  padding-top: 9px;
  padding-bottom: 9px;
  width: 50%;
  display: flex;
  align-items: center;
}

.accInfo [class*="icon"] {
  font-size: 28px;
  color: white;
}

.accInfo [class*="icon"]+.data {
  margin-left: 11px;
}

.accInfo .data {
  font-size: 13px;
  line-height: 18px;
  color: #111;
  letter-spacing: 0.025em;
}

.accInfo .data .title {
  display: block;
  font-weight: 300;
  color: #111;
}

.accBalance .title {
  display: block;
  font-size: 25px;
  line-height: 25px;
  color: #111;
  font-weight: 200;
  white-space: nowrap;
}

.accBalance .title+.num {
  margin-top: 22px;
}

.accBalance .num {
  display: block;
  font-size: 35px;
  line-height: 35px;
  color: white;
  font-weight: 400;
}

.cabContent {
  padding-top: 90px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 130px;
}

.cabContent .cabContentWrapper {
  max-width: 1430px;
  margin-left: auto;
  margin-right: auto;
}

.cabContent .titleBlock+.contentBlock {
  margin-top: 65px;
}

.cabFooter {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 508px;
  height: 58px;
  margin-left: auto;
  display: flex;
  align-items: center;
  z-index: 1;
}

.cabFooter .copyright {
  font-size: 13px;
  line-height: 13px;
  color: white;
}

.cabFooter .copyright+.socList2 {
  margin-left: 20px;
}

.cabFooter::before {
  content: '';
  display: block;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 607px;
  height: 59px;
  background-image: url(../../img/cab_foot_back.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  z-index: -1;
}

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

.accountSection .left {
  width: 423px;
}

.accountSection .left+.right {
  margin-left: 15px;
}

.accountSection .right {
  width: 926px;
}

.accountBlock {
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.accountBlock .item {
  height: 300px;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
  -webkit-box-shadow: inset -21px 21px 33px #b5d4e121;
  -moz-box-shadow: inset -21px 21px 33px #b5d4e121;
  box-shadow: inset -21px 21px 33px #b5d4e121;
}

.accountBlock .item+.item {
  height: 310px;
  padding-top: 57px;
  border-top: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
}

.accountBlock .item+.item img+.title {
  margin-top: 28px;
}

.accountBlock img {
  width: auto;
}

.accountBlock img+.title {
  margin-top: 43px;
}

.accountBlock .title+.content {
  margin-top: 30px;
}

.accountBlock .content {
  font-size: 15px;
  line-height: 30px;
  color: #ffffff;
}

.accountBlock .content a {
  width: 100%;
  line-height: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.accStatBlock .item+.item {
  margin-left: 15px;
}

.accStatItem {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  width: 423px;
  height: 627px;
 background-color: rgba(17, 17, 17, 0.6);
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.accStatItem img {
  margin-left: 5px;
}

.accStatItem img+ul {
  margin-top: 60px;
}

.accStatItem ul li+li {
  margin-top: 55px;
}

.accStatItem .param {
  display: block;
  font-size: 25px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 200;
}

.accStatItem .data {
  display: block;
  font-size: 35px;
  line-height: 45px;
  font-weight: 200;
}

.accStatItem.up .data {
  color: #00cb92;
}

.accStatItem.down .data {
  color: #00bdfb;
}

.referralsSection .referralBlock+.referralTable {
  margin-top: 95px;
}

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

.referralBlock .left, .referralBlock .right {
  width: 682px;
}

.referralBlock .left>*, .referralBlock .right>* {
  height: 100%;
}

.referralBlock .left+.right {
  margin-left: 15px;
}

.referralInfo {
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.referralInfo .item {
  height: 240px;
  padding-top: 63px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-box-shadow: inset -21px 21px 33px #b5d4e121;
  -moz-box-shadow: inset -21px 21px 33px #b5d4e121;
  box-shadow: inset -21px 21px 33px #b5d4e121;
}

.referralInfo .item+.item {
  border-top: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
}

.referralInfo img {
  width: auto;
}

.referralInfo img+.title {
  margin-top: 43px;
}

.referralInfo .title+.content {
  margin-top: 30px;
}

.referralInfo .content {
  font-size: 15px;
  line-height: 30px;
  color: #ffffff;
}

.referralInfo .content a {
  line-height: inherit;
}

.referralInfo .sum {
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: #ffffff;
}

.referralInfo .sum+* {
  margin-top: 7px;
}

.referralInfo .stat {
  display: flex;
}

.referralInfo .stat li span {
  color: #00bdfb;
}

.referralInfo .stat li:nth-child(even) span {
  color: #00cb92;
}

.referralInfo .stat li+li {
  margin-left: 29px;
}

.referralData {
  padding-top: 25px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
}

.referralData .filter .formWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.referralData .filter .fieldWrap+[class*="btn"] {
  margin-top: 25px;
}

.referralData .filter .line {
  display: flex;
}

.referralData .filter .line+.line {
  margin-top: 28px;
}

.referralData .filter .formItem {
  width: 116px;
}

.referralData .filter .formItem+.formItem {
  margin-left: 18px;
}

.referralData .filter+.table {
  margin-top: 35px;
}

.referralData .table .tBody .date {
  font-size: 13px;
  line-height: 13px;
  color: #fff;
}

.referralData .table .tBody .ins {
  font-size: 15px;
  line-height: 15px;
  color: #00cb92;
  font-weight: 600;
}

.referralData .table .tBody .sign {
  font-size: 15px;
  line-height: 15px;
  color: #00bdfb;
  font-weight: 600;
}

.referralData .table .date {
  width: 178px;
}

.referralData .table .sign {
  width: 156px;
}

.tableTempl2 .tHead {
  height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #000;
}

.tableTempl2 .tHead .tCell {
  font-size: 15px;
  line-height: 15px;
  color: #ffffff;
}

.tableTempl2 .tHead+.tBody {
  margin-top: 18px;
}

.tableTempl2 .tRow {
  padding: 5px 0px;
  min-height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
 background-color: rgba(142, 142, 142, 0.57);
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
}

.tableTempl2 .tRow+.tRow {
  margin-top: 18px;
}

.tableTempl2 .tCell {
  padding: 0px 5px;
  text-align: center;
}

.tableTempl2 .tLabel {
  display: none;
}

.tableTempl3 .tHead {
  height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(142, 142, 142, 0.57);
}

.tableTempl3 .tHead .tCell {
  font-size: 15px;
  line-height: 15px;
  color: #ffffff;
}

.tableTempl3 .tHead+.tBody {
  margin-top: 18px;
}

.tableTempl3 .tBody .name {
  padding-left: 50px;
  font-size: 14px;
  line-height: 14px;
  color: #00cb92;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-align: left;
}

.tableTempl3 .tBody .mail {
  font-size: 14px;
}

.tableTempl3 .tBody .mail a {
  font-size: inherit;
}

.tableTempl3 .tBody .date {
  font-size: 13px;
  line-height: 13px;
  color: #829298;
}

.tableTempl3 .tBody .status {
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.025em;
}

.tableTempl3 .tRow .head {
  position: relative;
  padding: 5px 0px;
  min-height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
 background-color: rgba(34,34,34, 0.57);
  border: 1px solid transparent;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}

.tableTempl3 .tRow .head .icon {
  position: absolute;
  left: 8px;
  top: 6px;
}

.tableTempl3 .tRow .head.active, .tableTempl3 .tRow .head:hover {
  border: 1px solid #00cb92;
}

.tableTempl3 .tRow .content .in {
  padding-top: 18px;
}

.tableTempl3 .tRow .content .in p {
  padding-left: 50px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
  background-color: #222;
}

.tableTempl3 .tRow .content .in p span {
  font-weight: 600;
  color: #00bdfb;
}

.tableTempl3 .tRow+.tRow {
  margin-top: 18px;
}

.tableTempl3 .tCell {
  flex-grow: 1;
  padding: 0px 5px;
  text-align: center;
}

.tableTempl3 .tLabel {
  display: none;
}

.tableTempl3 .name {
  width: 205px;
}

.tableTempl3 .mail {
  padding-left: 50px;
}

.tableTempl3 .date {
  padding-right: 125px;
}

.tableTempl3 .status {
  width: 158px;
}

.tableTempl3 .mail, .tableTempl3 .date {
  width: calc((100% - 205px - 158px) / 2);
}

.depositsSection .depList+.pagination {
  margin-top: 85px;
}

.depList .depItem+.depItem {
  margin-top: 48px;
}

.depItem {
  position: relative;
}

.depItem .inner {
  display: flex;
  width: calc(100% - 80px);
  height: 140px;
  padding-left: 108px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(34,34,34, 0.57);
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.depItem .name {
  position: absolute;
  top: 0px;
  left: -10px;
  width: 160px;
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.depItem .name .back {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #008eca;
  background: -moz-linear-gradient(left, #008eca 0%, #25beff 100%);
  background: -webkit-linear-gradient(left, #008eca 0%, #25beff 100%);
  background: linear-gradient(to right, #008eca 0%, #25beff 100%);
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 49%, 75% 100%, 25% 100%, 0% 50%);
  clip-path: polygon(25% 0%, 75% 0%, 100% 49%, 75% 100%, 25% 100%, 0% 50%);
  z-index: -1;
}

.depItem .name span {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: white;
  text-align: center;
}

.depItem .name .pct {
  font-size: 33px;
  line-height: 33px;
  font-weight: 300;
}

.depItem .name .pct+span {
  margin-top: 12px;
}

.depItem .info {
  width: 208px;
  height: 100%;
}

.depItem .info li {
  padding-left: 14px;
  padding-top: 11px;
  padding-bottom: 17px;
  font-size: 13px;
  line-height: 20px;
  color: #d5f0fb;
}

.depItem .info li span {
  display: block;
  font-size: 15px;
  color: #ffffff;
  font-weight: 600;
}

.depItem .info li+li {
  border-top: 1px solid #dee9f0;
}

.depItem .sum, .depItem .out {
  position: relative;
  height: 100%;
  padding-bottom: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.depItem .sum .title, .depItem .out .title {
  display: block;
  font-size: 20px;
  line-height: 55px;
  color: #111;
  font-weight: 500;
}

.depItem .sum .title+.num, .depItem .out .title+.num {
  margin-top: 5px;
}

.depItem .sum .num, .depItem .out .num {
  display: block;
  font-size: 33px;
}

.depItem .sum {
  width: 240px;
  background-color: #f2faff;
  z-index: 1;
}

.depItem .sum .num {
  color: #00cb92;
}

.depItem .sum::before, .depItem .sum::after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  width: 0px;
  height: 0px;
  border-top: 70px solid transparent;
  border-bottom: 70px solid transparent;
}

.depItem .sum::before {
  right: 100%;
  border-right: 40px solid #f2faff;
}

.depItem .sum::after {
  left: 100%;
  border-left: 40px solid #f2faff;
}

.depItem .out {
  width: 303px;
  padding-left: 40px;
  background-color: #4196D0;
}

.depItem .out .num {
  color: #fff;
}

.depItem .out::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  width: 0px;
  height: 0px;
  border-top: 70px solid transparent;
  border-bottom: 70px solid transparent;
}

.depItem .out::before {
  left: 100%;
  border-left: 40px solid #4196D0;
}

.depItem .data {
  width: 363px;
  height: 100%;
  padding-left: 63px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.depItem .data li {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  line-height: 20px;
  color: #d5f0fb;
}

.depItem .remain {
  position: absolute;
  top: 0px;
  right: -15px;
  width: 160px;
  height: 140px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 1;
}

.depItem .remain .back {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #01ac7c;
  background: -moz-linear-gradient(left, #01ac7c 0%, #00f6b1 100%);
  background: -webkit-linear-gradient(left, #01ac7c 0%, #00f6b1 100%);
  background: linear-gradient(to right, #01ac7c 0%, #00f6b1 100%);
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 49%, 75% 100%, 25% 100%, 0% 50%);
  clip-path: polygon(25% 0%, 75% 0%, 100% 49%, 75% 100%, 25% 100%, 0% 50%);
  z-index: -1;
}

.depItem .remain .back .progress {
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% - 20px);
  height: calc(100% + 20px);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
  -moz-transform-origin: 93px 93px;
  -ms-transform-origin: 93px 93px;
  -webkit-transform-origin: 93px 93px;
  -o-transform-origin: 93px 93px;
  transform-origin: 93px 93px;
}

.depItem .remain .back .progress .in {
  position: absolute;
  height: 100%;
  top: 0px;
  right: 0px;
  background-position: right top;
  background-repeat: repeat;
}

.depItem .remain .title {
  display: block;
  font-size: 13px;
  line-height: 18px;
  color: white;
}

.depItem .remain .title+.num {
  margin-top: 15px;
}

.depItem .remain .num {
  display: block;
  font-size: 33px;
  line-height: 33px;
  color: white;
  font-weight: 300;
}

.makeDepSection .depPlansBlock+.paymentBlock {
  margin-top: 50px;
}

.depPlansBlock {
  padding-top: 45px;
  padding-right: 45px;
  padding-bottom: 55px;
  padding-left: 50px;
  background-color: rgba(34,34,34, 0.57);
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.depPlansBlock .title+.depPlansList {
  margin-top: 62px;
}

.depPlansList .depPlansItem+.depPlansItem {
  margin-top: 47px;
}

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

.depPlansItem .head+.content {
  margin-top: 28px;
}

.planTable .tHead+.tBody {
  margin-top: 8px;
}

.planTable .tBody .plan {
  font-size: 15px;
  line-height: 15px;
  color: #ffffff;
  font-weight: 600;
}

.planTable .tBody .sum {
  font-size: 15px;
  line-height: 15px;
  color: #00bdfb;
  font-weight: 600;
}

.planTable .tBody .pct {
  font-size: 15px;
  line-height: 15px;
  color: #00cb92;
  font-weight: 600;
}

.planTable .tRow+.tRow {
  margin-top: 8px;
}

.planTable .tCell {
  white-space: nowrap;
}

.planTable .plan {
  width: 125px;
}

.planTable .sum {
  padding-left: 275px;
  flex-grow: 1;
}

.planTable .pct {
  width: 260px;
}

.paymentBlock {
  position: relative;
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00e2a3 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00e2a3 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00e2a3 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
  z-index: 1;
}

.paymentBlock .wrapper {
  display: flex;
}

.paymentBlock .wrapper .item {
  width: 50%;
  height: 300px;
  padding-left: 38px;
  padding-top: 45px;
  padding-right: 50px;
  padding-bottom: 25px;
  -webkit-box-shadow: inset -21px 21px 33px #b5d4e121;
  -moz-box-shadow: inset -21px 21px 33px #b5d4e121;
  box-shadow: inset -21px 21px 33px #b5d4e121;
}

.paymentBlock .wrapper .item+.item {
  padding-left: 50px;
  border-left: 10px solid #25d4d0;
}

.paymentBlock .title+.fieldItem {
  margin-top: 23px;
}

.paymentBlock .fieldItem {
  min-height: 66px;
}
html body div.bodyWrap div.cabinetWrapper div.rightSide div.cabContent div.cabContentWrapper div.contentBlock div.makeDepSection form.makeBl div.paymentBlock div.wrapper div.item div.fieldItem div.inBlockType1 div.inWrap{
	box-shadow:none;
}
#calc_amount.enterNum,
.paymentBlock .fieldItem+.fieldItem {
  /*margin-top: 30px;*/
  margin-bottom:20px;
}

.paymentBlock .note {
  font-size: 13px;
  line-height: 18px;
  color: #ffffff;
}

.paymentBlock .note span {
  color: #00cb92;
}

.paymentBlock .tabPanel.hidden {
  display: none;
}

.depResultBlock {
  padding-top: 66px;
  padding-bottom: 53px;
  /*background-color:rgba(142, 142, 142, 0.57);*/
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.depResultBlock ul {
  display: flex;
}

.depResultBlock ul li {
  width: 50%;
  height: 58px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 13px;
  line-height: 15px;
  color: #ffffff;
}

.depResultBlock ul li:nth-child(odd) {
  background-color: #00bdfb;
}

.depResultBlock ul li:nth-child(even) {
  background-color: #00e2a3;
}

.depResultBlock ul li span {
  display: block;
  font-size: 23px;
  font-weight: 300;
  line-height: 23px;
}

.depResultBlock ul+[class*="btn"] {
  margin-top: 48px;
}

.historySection .filterBlock+.historyTable {
  margin-top: 33px;
}

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

.filterBlock {
  padding-left: 34px;
  padding-top: 28px;
  padding-right: 45px;
  padding-bottom: 32px;
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00e2a3 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00e2a3 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00e2a3 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121, inset -21px 0px 33px #b5d4e121;
}

.filterBlock .formWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.filterBlock .fieldsWrap {
  display: flex;
}

.filterBlock .fieldsWrap .col {
  display: flex;
}

.filterBlock .fieldsWrap .col+.col {
  margin-left: 40px;
}

.filterBlock .date .formItem {
  width: 116px;
}

.filterBlock .type .formItem {
  width: 276px;
}

.filterBlock .formItem+.formItem {
  margin-left: 20px;
}

.historyTable .tBody .type {
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.historyTable .tBody .date {
  font-size: 13px;
  line-height: 13px;
  color: #d5f0fb;
}

.historyTable .tBody .pay {
  font-size: 13px;
  line-height: 13px;
  color: #ffffff;
}

.historyTable .tBody .deb {
  font-size: 15px;
  line-height: 15px;
  color: #00bdfb;
  font-weight: 600;
}

.historyTable .tBody .cred {
  font-size: 15px;
  line-height: 15px;
  color: #00cb92;
  font-weight: 600;
}

.historyTable .tBody .bal {
  font-size: 15px;
  line-height: 15px;
  color: #ffffff;
  font-weight: 600;
}

.historyTable .tBody .comm {
  font-size: 13px;
  line-height: 13px;
  color: #d5f0fb;
}

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

.historyTable .type {
  width: 150px;
}

.historyTable .date {
  width: 210px;
}

.historyTable .pay {
  width: 230px;
}

.historyTable .deb, .historyTable .cred, .historyTable .bal {
  width: calc((100% - 150px - 210px - 230px - 280px) / 3);
}

.historyTable .comm {
  width: 280px;
}

.withSection .paymentBlock {
  position: relative;
  z-index: 1;
}

.withSection .paymentBlock .item {
  padding-left: 50px;
}

.withSection .paymentBlock .title+.fieldItem {
  margin-top: 63px;
}

.withResulBlock {
  padding: 55px 0px;
  text-align: center;
  background-color: rgba(34, 34, 34, 0.57);
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.withResulBlock .result {
  display: block;
  font-size: 17px;
  line-height: 37px;
  color: #ffffff;
  text-align: center;
}

.withResulBlock .result span {
  display: block;
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
}

.withResulBlock .result+[class*="btn"] {
  margin-top: 30px;
}

.refLinkSection .refLinkBlock+.linkTabs {
  margin-top: 80px;
}

.refLinkSection .bannerBlock {
  padding-top: 88px;
  padding-right: 55px;
  padding-bottom: 80px;
  min-height: auto;
  background-color: transparent;
}

.refLinkSection .bannerBlock .field+.bannerImg {
  margin-top: 75px;
}

.refLinkBlock {
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 200;
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.refLinkBlock .wrapper {
  padding-top: 34px;
  padding-right: 30px;
  padding-bottom: 38px;
  padding-left: 43px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-shadow: inset -21px 21px 33px #b5d4e121;
  -moz-box-shadow: inset -21px 21px 33px #b5d4e121;
  box-shadow: inset -21px 21px 33px #b5d4e121;
}

.refLinkBlock a {
  font-size: inherit;
  font-weight: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tabsTemplate2 .tabList {
  display: flex;
  overflow: hidden;
}

.tabsTemplate2 .tabList li {
  width: calc(100% / 6);
  background-color: #666666;
  -webkit-box-shadow: -21px 21px 33px transparent;
  -moz-box-shadow: -21px 21px 33px transparent;
  box-shadow: -21px 21px 33px transparent;
  -webkit-transition: background-color 0.3s, box-shadow 0.3s;
  -moz-transition: background-color 0.3s, box-shadow 0.3s;
  -o-transition: background-color 0.3s, box-shadow 0.3s;
  transition: background-color 0.3s, box-shadow 0.3s;
}

.tabsTemplate2 .tabList li a {
  display: block;
  font-size: 20px;
  line-height: 56px;
  color: #ffffff;
  font-weight: 200;
  text-align: center;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.tabsTemplate2 .tabList li.ui-state-active {
  background-color: #343434;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.tabsTemplate2 .tabList li:hover a {
  opacity: 0.7;
}

.tabsTemplate2 .tabContent {
  background-color: rgba(34,34,34, 0.57);
}

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

.editSection .wrapper .item {
  width: 692px;
}

.editSection .wrapper .item+.item {
  margin-left: 15px;
}

.editBlock {
  height: 100%;
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.editBlock .editItem {
  -webkit-box-shadow: inset -21px 21px 33px #b5d4e121;
  -moz-box-shadow: inset -21px 21px 33px #b5d4e121;
  box-shadow: inset -21px 21px 33px #b5d4e121;
}

.editBlock .editItem+.editItem {
  border-top: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
}

.editItem {
  position: relative;
  padding-top: 45px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 148px;
}

.editItem .title+.formWrap {
  margin-top: 38px;
}

.editItem .formItem+.formItem {
  margin-top: 29px;
}

.editItem [class*="btn"] {
  position: absolute;
  bottom: 50px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
}

.editItem.lg {
  height: 100%;
  padding-left: 70px;
  padding-right: 50px;
}

.editItem.lg .title+.formWrap {
  margin-top: 50px;
}

.editItem.lg .formItem+.formItem {
  margin-top: 34px;
}

.securSection {
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00e2a3 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00e2a3 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00e2a3 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.securSection .wrapper {
  display: flex;
}

.securSection .wrapper .item {
  width: 50%;
  -webkit-box-shadow: inset -21px 21px 33px #b5d4e121;
  -moz-box-shadow: inset -21px 21px 33px #b5d4e121;
  box-shadow: inset -21px 21px 33px #b5d4e121;
}

.securSection .wrapper .item+.item {
  border-left: 10px solid #25d4d0;
}

.securItem {
  position: relative;
  height: 100%;
  padding-left: 50px;
  padding-top: 46px;
  padding-right: 50px;
  padding-bottom: 180px;
}

.securItem .title+.formWrap {
  margin-top: 68px;
}

.securItem .formItem+.formItem {
  margin-top: 50px;
}

.securItem [class*="btn"] {
  position: absolute;
  bottom: 65px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
}

.sectionTitle {
  display: block;
  font-size: 35px;
  line-height: 35px;
  color: #ffffff;
  font-weight: 200;
}

@media (max-width: 1439px) {
  .sectionTitle {
    line-height: 40px;
  }
}

.sectionTitle span {
  color: #00cb92;
}

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

.sectionTitle.lg {
  font-size: 40px;
  line-height: 40px;
}

.pageTitle {
  display: block;
  font-size: 77px;
  line-height: 77px;
  color: #ffffff;
  font-weight: 100;
  text-align: center;
}

@media (max-width: 1439px) {
  .pageTitle {
    font-size: 70px;
  }
}

@media (max-width: 1023px) {
  .pageTitle {
    font-size: 55px;
    line-height: 55px;
  }
}

@media (max-width: 639px) {
  .pageTitle {
    font-size: 45px;
    line-height: 45px;
  }
}

.pageTitle span {
  color: #00cb92;
}

.cabTitle {
  display: block;
  font-size: 50px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 200;
}

@media (max-width: 1535px) {
  .cabTitle {
    font-size: 40px;
    line-height: 40px;
  }
}

.textBlock p {
  font-size: 15px;
  line-height: 24px;
  color: #d5f0fb;
}

.textBlock p.strong {
  font-size: 20px;
  line-height: 33px;
}

@media (max-width: 639px) {
  .textBlock p.strong {
    font-size: 18px;
    line-height: 28px;
  }
}

.textBlock p+p {
  margin-top: 23px;
}

.textBlock a {
  font-size: inherit;
}

.listTempl1 {
  padding-right: 10px;
}

@media (max-width: 1439px) {
  .listTempl1 {
    padding-right: 0px;
  }
}

.listTempl1 li {
  display: flex;
}

.listTempl1 li+li {
  margin-top: 25px;
}

.listTempl1 [class*="icon"] {
  position: relative;
  top: 3px;
  font-size: 40px;
  background: #00bdfb;
  background: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.listTempl1 [class*="icon"]+.data {
  margin-left: 10px;
}

footer {
  position: relative;
}

footer>.backImg {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1524px;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -2;
}

footer .wrapper {
  padding-top: 41px;
  padding-bottom: 43px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #52C5C6;
  margin-top: 60px;
}

footer .right {
  width: 925px;
}

footer .logoWrapper {
  position: relative;
  left: -10px;
}

footer .logoWrapper+.copyright {
  margin-top: 60px;
}

footer .copyright {
  font-size: 13px;
  line-height: 20px;
  color: #B1C2CF;
}

footer .footInfo {
  padding-top: 10px;
}

footer .footInfo+.payments {
  margin-top: 90px;
}

footer.page {
  background-color: #f4fbff;
}

footer.page .wrapper {
  border-top: none;
}

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

.footInfo .title {
  display: block;
  font-size: 17px;
  line-height: 20px;
  color: #ffffff;
}

.footInfo .title+.content {
  margin-top: 22px;
}

.footInfo .content {
  font-size: 13px;
  line-height: 20px;
  color: #d5f0fb;
}

.footInfo .content p span {
  font-size: 17px;
}

.footInfo .content p a {
  color: inherit;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.footInfo .content p a:hover {
  opacity: 0.7;
}

.payments {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.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: 40px 15px 15px;
  overflow: auto;
  display: table-cell;
  vertical-align: middle;
}

.overlayModal {
  z-index: 1;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color:rgba(17,17,17,.9);
  
  cursor: pointer;
  display: none;
}

.blockMod {
  background-color: rgba(17,17,17,.9);
}

.blockMod .in {
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.blockMod .close {
  position: absolute;
  top: 18px;
  right: 15px;
  padding: 5px;
  font-size: 20px;
  color: #ffffff;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
   -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.blockMod .close:hover,
.blockMod .close:focus{
  opacity: 0.7;
  animation-name: unset;
}

.profitMod {
  max-width: 582px;
}

.profitMod .in {
  padding-top: 35px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 35px;
}

.profitMod .title+.formWrap {
  margin-top: 43px;
}

.profitMod .calendarBlock+.fieldsWrap {
  margin-top: 45px;
}

.profitMod .fieldsWrap+[class*="btn"] {
  margin-top: 35px;
}

.profitMod .formItem+.formItem {
  margin-top: 18px;
}

.profitMod [class*="btn"] {
  width: 128px;
}

.calcBlock {
  display: flex;
  align-items: center;
}

.calcBlock [class*="inBlock"] label {
  width: 105px;
  padding-left: 20px;
  padding-right: 5px;
}

.calcBlock [class*="inBlock"] input {
  padding-left: 17px;
  color: #ffffff;
}

.calcBlock [class*="btn"] {
  margin-left: 20px;
  width: 128px;
}

.registerMod {
  max-width: 682px;
}

.registerMod .in {
  padding-left: 40px;
  padding-top: 45px;
  padding-right: 40px;
  padding-bottom: 37px;
}

.registerMod .title+.formWrap {
  margin-top: 38px;
}

.registerMod .fieldsWrap {
  display: flex;
  align-items: flex-end;
  margin-left: -21px;
  margin-right: -21px;
}

.registerMod .fieldsWrap .item {
  width: 50%;
  padding-left: 21px;
  padding-right: 21px;
}

.registerMod .fieldsWrap+.fieldsWrap {
  margin-top: 34px;
}

.registerMod .fieldsWrap+.agreeBlock {
  margin-top: 40px;
}

.registerMod .formItem+.formItem {
  margin-top: 34px;
}

.registerMod .agreeBlock+[class*="btn"] {
  margin-top: 30px;
}

.passwordMod {
  max-width: 682px;
}

.passwordMod .in {
  padding-left: 40px;
  padding-top: 45px;
  padding-right: 40px;
  padding-bottom: 67px;
}

.passwordMod .title+.formWrap {
  margin-top: 38px;
}

.passwordMod .fieldsWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-left: -21px;
  margin-right: -21px;
  margin-top: -34px;
}

.passwordMod .fieldsWrap .item {
  width: 50%;
  margin-top: 34px;
  padding-left: 21px;
  padding-right: 21px;
}

.passwordMod .fieldsWrap+[class*="btn"] {
  margin-top: 63px;
}

.depMod {
  max-width: 582px;
}

.depMod .in {
  padding-left: 50px;
  padding-top: 45px;
  padding-right: 50px;
  padding-bottom: 49px;
}

.depMod .title+.depositInfo {
  margin-top: 66px;
}

.depMod .depositInfo+.buttonsWrap {
  margin-top: 44px;
}

.depMod .buttonsWrap {
  display: flex;
  justify-content: center;
}

.depMod [class*="btn"] {
  width: 128px;
}

.depMod [class*="btn"]+[class*="btn"] {
  margin-left: 36px;
}

.depositInfo li {
  height: 42px;
  padding: 5px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  -webkit-box-shadow: -21px 21px 21px #b5d4e121;
  -moz-box-shadow: -21px 21px 21px #b5d4e121;
  box-shadow: -21px 21px 21px #b5d4e121;
}

.depositInfo li .param {
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  letter-spacing: 0.025em;
}

.depositInfo li .data {
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.025em;
}

.depositInfo li .data.plan {
  color: #00cb92;
}

.depositInfo li .data.sum {
  color: #00bdfb;
}

.depositInfo li+li {
  margin-top: 18px;
}

@media (max-width: 639px) {
  .profitMod .in {
    padding: 30px;
  }
  .registerMod .in {
    padding: 30px;
  }
  .registerMod .title+.formWrap {
    margin-top: 30px;
  }
  .registerMod .fieldsWrap {
    display: block;
  }
  .registerMod .fieldsWrap .item {
    width: 100%;
  }
  .registerMod .fieldsWrap .item+.item {
    margin-top: 15px;
  }
  .registerMod .fieldsWrap+.fieldsWrap {
    margin-top: 15px;
  }
  .registerMod .fieldsWrap+.agreeBlock {
    margin-top: 30px;
  }
  .registerMod .formItem+.formItem {
    margin-top: 15px;
  }
  .passwordMod .in {
    padding: 30px;
  }
  .passwordMod .title+.formWrap {
    margin-top: 30px;
  }
  .passwordMod .fieldsWrap {
    margin-top: 0px;
  }
  .passwordMod .fieldsWrap .item {
    width: 100%;
    margin-top: 0px;
  }
  .passwordMod .fieldsWrap .item+.item {
    margin-top: 15px;
  }
  .passwordMod .fieldsWrap+[class*="btn"] {
    margin-top: 30px;
  }
  .depMod .in {
    padding: 30px;
  }
  .depMod .title+.depositInfo {
    margin-top: 30px;
  }
  .depMod .depositInfo+.buttonsWrap {
    margin-top: 30px;
  }
}

@media (max-width: 479px) {
  .profitMod .in {
    padding: 30px 10px;
  }
  .profitMod .title+.formWrap {
    margin-top: 30px;
  }
  .profitMod .calendarBlock+.fieldsWrap {
    margin-top: 30px;
  }
  .profitMod .fieldsWrap+[class*="btn"] {
    margin-top: 30px;
  }
  .profitMod .formItem+.formItem {
    margin-top: 10px;
  }
  .registerMod .in {
    padding: 30px 10px;
  }
  .passwordMod .in {
    padding: 30px 10px;
  }
  .depMod .in {
    padding: 30px 10px;
  }
  .depMod .buttonsWrap {
    flex-direction: column;
    align-items: center;
  }
  .depMod .buttonsWrap [class*="btn"]+[class*="btn"] {
    margin-top: 15px;
    margin-left: 0px;
  }
  .depositInfo li {
    display: block;
    height: auto;
    padding: 10px;
  }
  .depositInfo li .param {
    display: block;
  }
  .depositInfo li .data {
    display: block;
    margin-top: 10px;
    text-align: left;
  }
}

@media (max-width: 1900px) {
  .cabHeader .contactsList li+li {
    margin-left: 20px;
  }
  .cabHeader::before {
    left: -105px;
  }
}

@media (max-width: 1800px) {
  .cabinetWrapper .logoWrapper {
    padding-top: 11px;
  }
  .cabinetWrapper .logoWrapper::before {
    top: -5px;
  }
  .cabHeader .wrapper {
    display: block;
    padding-left: 15px;
    padding-right: 5px;
  }
  .cabHeader .left {
    min-height: 130px;
    padding-left: 160px;
  }
  .cabHeader .right {
    max-width: 1430px;
    margin-top: 39px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
  }
  .cabHeader .contactsList {
    max-width: 780px;
    margin-left: 0px;
    padding-right: 20px;
    justify-content: space-between;
  }
  .cabHeader .contactsList li {
    padding: 0px;
    margin-left: 0px;
  }
  .cabHeader .contactsList li+li {
    margin-left: 15px;
  }
  .cabHeader::before {
    top: -5px;
    left: -65px;
  }
  .cabContent {
    padding-top: 60px;
  }
  .accountSection .left {
    width: calc((100% - 30px) / 3);
    flex-shrink: 0;
  }
  .accountSection .right {
    flex-grow: 1;
  }
  .accStatBlock .item {
    width: calc((100% - 15px) / 2);
    flex-shrink: 0;
  }
  .accStatItem {
    width: 100%;
  }
  .filterBlock {
    padding-left: 20px;
    padding-right: 20px;
  }
  .depItem .inner {
    padding-right: 115px;
  }
  .depItem .info {
    width: auto;
    flex-grow: 1;
  }
  .depItem .info li {
    padding-left: 15px;
    padding-right: 40px;
  }
  .depItem .sum {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    flex-grow: 1;
  }
  .depItem .out {
    width: auto;
    padding-left: 50px;
    padding-right: 15px;
    flex-grow: 1;
  }
  .depItem .data {
    padding-left: 50px;
    width: auto;
    flex-grow: 1;
  }
  .referralBlock .left, .referralBlock .right {
    width: calc((100% - 15px) / 2);
  }
  .referralData {
    padding: 30px;
  }
  .referralData .filter .fieldWrap+[class*="btn"] {
    margin-left: 15px;
  }
  .planTable .sum {
    padding-left: 120px;
  }
  .refLinkBlock .wrapper {
    padding: 30px;
  }
}

@media (max-width: 1650px) {
  .filterBlock .fieldsWrap .col+.col {
    margin-left: 20px;
  }
  .filterBlock .formItem+.formItem {
    margin-left: 10px;
  }
  .filterBlock [class*="btn"] {
    margin-left: 15px;
  }
}

@media (max-width: 1535px) {
  .cabinetWrapper .backCircles {
    margin-right: -1640px;
  }
  .cabHeader .right {
    padding-left: 37px;
  }
  .cabContent {
    padding-left: 55px;
    padding-top: 35px;
    padding-right: 8px;
    padding-bottom: 125px;
  }
 .accountBlock{
 	margin-top:15px;
 }
  .cabContent .cabContentWrapper {
    max-width: 800px;
  }
  .cabContent .titleBlock+.contentBlock {
    margin-top: 45px;
  }
  .accountSection .wrapper {
    display: block;
  }
  .accountSection .left {
    width: 100%;
  }
  .accountSection .left+.right {
    margin-left: 0px;
    margin-top: 30px;
  }
  .accountSection .right {
    width: 100%;
  }
  .accountBlock .title+.content {
    margin-top: 23px;
  }
  .accStatItem {
    padding-left: 45px;
    padding-right: 40px;
  }
  .cabFooter {
    width: 600px;
    padding-right: 20px;
    justify-content: space-between;
  }
  .cabFooter::before {
    width: 697px;
    background-image: url(../../img/foot_back_md.png);
  }
  .filterBlock .fieldsWrap {
    display: block;
  }
  .filterBlock .fieldsWrap .col+.col {
    margin-left: 0px !important;
    margin-top: 15px;
  }
  .filterBlock .type .formItem {
    width: 100%;
  }
  .historyTable .tHead {
    display: none;
  }
  .historyTable .tHead+.tBody {
    margin-top: 0px;
  }
  .historyTable .tBody .tRow {
    display: block;
    min-height: auto;
    padding: 0px;
    background-color: transparent;
    -webkit-box-shadow: -21px 21px 21px transparent;
    -moz-box-shadow: -21px 21px 21px transparent;
    box-shadow: -21px 21px 21px transparent;
  }
  .historyTable .tBody .tRow .tCell {
    width: 100% !important;
    min-height: 36px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(142, 142, 142, 0.57);
    -webkit-box-shadow: -21px 21px 21px #b5d4e121;
    -moz-box-shadow: -21px 21px 21px #b5d4e121;
    box-shadow: -21px 21px 21px #b5d4e121;
  }
  .historyTable .tBody .tRow .tCell span {
    padding: 5px 10px 5px 5px;
  }
  .historyTable .tBody .tRow .tCell span:not(.tLabel) {
    text-align: right !important;
  }
  .historyTable .tBody .tRow .tCell .tLabel {
    padding: 5px 5px 5px 10px;
    font-size: 15px;
    line-height: 26px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    text-transform: none;
  }
  .historyTable .tBody .tRow .tCell+.tCell {
    margin-top: 3px;
  }
  .historyTable .tLabel {
    display: block;
    width: 160px;
    flex-shrink: 0;
    align-self: stretch;
    background-color: #333;
  }
  .editSection .wrapper {
    display: block;
  }
  .editSection .wrapper .item {
    width: 100%;
  }
  .editSection .wrapper .item+.item {
    margin-left: 0px;
    margin-top: 15px;
  }
  .depItem {
    padding-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background-color: rgba(34,34,34, 0.57);
    -webkit-box-shadow: -21px 21px 33px #b5d4e121;
    -moz-box-shadow: -21px 21px 33px #b5d4e121;
    box-shadow: -21px 21px 33px #b5d4e121;
  }
  .depItem .inner {
    width: 100%;
    height: auto;
    padding: 0px;
    margin-top: 25px;
    flex-wrap: wrap;
    border-top: 1px solid #dee9f0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .depItem .name {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 5px 10px;
  }
  .depItem .remain {
    position: relative;
    top: 0px;
    right: 0px;
    margin: 5px 10px;
  }
  .depItem .info {
    order: 1;
    width: 50%;
    height: auto;
    border-bottom: 1px solid #dee9f0;
  }
  .depItem .info li {
    padding-right: 15px;
  }
  .depItem .data {
    order: 2;
    width: 50%;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #dee9f0;
    border-bottom: 1px solid #dee9f0;
  }
  .depItem .sum {
    order: 3;
    width: 50%;
    height: auto;
    padding: 15px 15px 30px;
  }
  .depItem .sum::before, .depItem .sum::after {
    display: none;
  }
  .depItem .out {
    order: 4;
    width: 50%;
    height: auto;
    padding: 15px 15px 30px;
  }
  .depItem .out::before {
    display: none;
  }
  .referralsSection .referralBlock+.referralTable {
    margin-top: 50px;
  }
  .referralBlock .wrapper {
    display: block;
  }
  .referralBlock .left {
    width: 100%;
  }
  .referralBlock .left+.right {
    margin-left: 0px;
  }
  .referralBlock .right {
    width: 100%;
    margin-top: 30px;
    margin-left: 0px;
  }
  .referralInfo .item {
    padding-top: 50px;
  }
  .tableTempl3 .tHead {
    display: none;
  }
  .tableTempl3 .tHead+.tBody {
    margin-top: 0px;
  }
  .tableTempl3 .tBody .head {
    display: block;
    min-height: auto;
    padding: 0px;
    background-color: transparent;
  }
  .tableTempl3 .tBody .head .icon {
    top: -15px;
    left: -15px;
  }
  .tableTempl3 .tBody .head .tCell {
    width: 100% !important;
    min-height: 36px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(142, 142, 142, 0.57);
  }
  .tableTempl3 .tBody .head .tCell span {
    padding: 5px 10px 5px 5px;
  }
  .tableTempl3 .tBody .head .tCell span:not(.tLabel) {
    text-align: right !important;
  }
  .tableTempl3 .tBody .head .tCell .tLabel {
    padding: 5px 5px 5px 10px;
    font-size: 15px;
    line-height: 26px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    text-transform: none;
  }
  .tableTempl3 .tBody .content .in {
    padding-top: 5px;
  }
  .tableTempl3 .tLabel {
    display: block;
    width: 160px;
    flex-shrink: 0;
    align-self: stretch;
    background-color: #333;
  }
  .depPlansBlock {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
  }
  .depPlansBlock .title+.depPlansList {
    margin-top: 30px;
  }
  .planTable .sum {
    padding-left: 50px;
  }
  .planTable .pct {
    width: 200px;
  }
  .paymentBlock .wrapper {
    display: block;
  }
  .paymentBlock .wrapper .item {
    width: 100%;
    height: auto;
    padding: 30px 30px 10px;
  }
  .paymentBlock .wrapper .item+.item {
    padding: 30px 30px 10px;
    border-left: none;
    border-top: 10px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00e2a3 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00e2a3 100%);
    border-image: linear-gradient(to right, #00bdfb 0%, #00e2a3 100%);
    border-image-slice: 1;
  }
  .depResultBlock {
    padding: 50px 0px;
  }
  .refLinkSection .refLinkBlock+.linkTabs {
    margin-top: 50px;
  }
  .refLinkSection .bannerBlock {
    padding: 50px;
  }
  .refLinkBlock .wrapper {
    display: block;
  }
  .refLinkBlock a {
    width: 100%;
  }
  .refLinkBlock .left+.right {
    margin-top: 30px;
  }
  .tabsTemplate2 .tabList {
    flex-wrap: wrap;
  }
  .tabsTemplate2 .tabList li {
    width: 25%;
    flex-grow: 1;
  }
  .tabsTemplate2 .tabList li.ui-state-active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .securSection .wrapper {
    display: block;
  }
  .securSection .wrapper .item {
    width: 100%;
  }
  .securSection .wrapper .item+.item {
    border-left: none;
    border-top: 10px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00e2a3 100%);
    border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00e2a3 100%);
    -webkit-border-image: linear-gradient(to right, #00bdfb 0%, #00e2a3 100%);
    border-image-slice: 1;
  }
  .withSection .paymentBlock .item {
    padding: 30px !important;
  }
}

@media (max-width: 1439px) {
  .container {
    width: 1200px;
  }
  .mainHeadWrapper>.backCircles {
    top: 150px;
    margin-left: -620px;
  }
  .mainHeadWrapper>.backImg {
    top: -45px;
    left: 50%;
    margin-left: -975px;
  }
  header .wrapper {
    position: relative;
  }
  header .left {
    padding-top: 25px;
    align-items: flex-start;
  }
  header .logoWrapper+.headWrapper {
    margin-left: 43px;
  }
  header .contactsList+.menuList {
    margin-top: 0px;
  }
  header .menuList {
    position: absolute;
    top: calc(100% + 27px);
    left: 0px;
    width: 100%;
	z-index:3;
  }
  .contactsList {
    flex-wrap: wrap;
    margin-left: -13px;
  }
  .contactsList li {
    margin-left: 13px;
    padding-top: 13px;
    padding-bottom: 18px;
  }
  .contactsList li+li {
    margin-left: 13px;
  }
  .loginBlock {
    padding-top: 15px;
    padding-bottom: 18px;
  }
  .startBlock {
    padding-top: 120px;
    padding-bottom: 52px;
  }
  .startBlock .slogan p {
    /*font-size: 30px;
    line-height: 66px;
    letter-spacing: -0.025em;*/
  }
  .startBlock .slogan p .upp {
    display: block;
    font-size: 63px;
    line-height: 45px;
    letter-spacing: -0.05em;
  }
  .startBlock .slogan p .upp span {
    font-size: 84px;
    line-height: 1;
    letter-spacing: -0.05em;
  }
  .startBlock .slogan+[class*="btn"] {
    margin-top: 17px;
  }
  .startBlock .startImg {
    bottom: -160px;
    margin-right: -527px;
    -moz-transform: scale(0.87);
    -ms-transform: scale(0.87);
    -webkit-transform: scale(0.87);
    -o-transform: scale(0.87);
    transform: scale(0.87);
  }
  .mainPlans .wrapper>.left {
    width: 340px;
    flex-shrink: 0;
  }
  .mainPlans .wrapper>.right {
    width: calc(100% - 340px);
  }
  .mainPlans .titleBlock+.contentBlock {
    margin-top: 41px;
  }
  .mainPlans .info+.calculator {
    margin-top: 47px;
  }
  .mainPlans .planList {
    margin-right: 75px;
  }
  .mainPlans .planList+.descrList {
    margin-top: 69px;
  }
  .mainPlans+.mainAbout {
    margin-top: 30px;
  }
  .calculator {
    padding-top: 43px;
  }
  .calculator .formTitle {
    padding-left: 10px;
    padding-right: 10px;
  }
  .calculator .formTitle span {
    text-align: left;
  }
  .calculator .formTitle+.fieldWrap {
    margin-top: 35px;
  }
  .calculator .fieldWrap {
    padding-left: 10px;
    padding-right: 10px;
  }
  .planList {
    padding-top: 123px;
  }
  .planItem .infoList {
    display: none;
  }
  .descrList {
    width: 100%;
    height: 175px;
    padding-left: 25px;
  }
  .descrList li:nth-child(1) {
    top: -20px;
    left: 0px;
    align-self: center;
  }
  .descrList li:nth-child(2) {
    left: 35px;
  }
  .descrList li:nth-child(3) {
    right: 60px;
  }
  .descrList li:nth-child(4) {
    bottom: 30px;
    right: 10px;
  }
  .mainAbout {
    padding-bottom: 80px;
    background-color: #222222;
  }
  .mainAbout>.backImg {
    bottom: 160px;
    margin-left: -975px;
  }
  .mainAbout .wrapper {
    position: relative;
    padding-left: 370px;
    flex-wrap: wrap;
  }
  .mainAbout .videoWrapper {
    position: absolute;
    top: -10px;
    left: -5px;
  }
  .mainAbout .infoWrapper {
    width: 100%;
  }
  .mainAbout .infoWrapper+.licenseWrapper {
    margin-top: 42px;
  }
  .mainAbout .licenseWrapper {
    position: relative;
    left: -5px;
    width: 100%;
    padding-right: 5px;
  }
  .mainAbout+.mainInfo {
    margin-top: 57px;
  }
  .videoBlock {
    width: 345px;
    height: 273px;
  }
  .aboutBlock .titleBlock+.contentBlock {
    margin-top: 40px;
  }
  .aboutBlock .contentBlock+[class*="btn"] {
    margin-top: 26px;
  }
  .licenseBlock {
    width: 100%;
  }
  .licenseBlock .data {
    padding-top: 52px;
  }
  .licenseBlock .title span {
    display: block;
  }
  .mainInfo>.backCircles {
    top: -752px;
    margin-left: -1178px;
  }
  .mainInfo .wrapper .left {
    width: 305px;
    flex-shrink: 0;
  }
  .mainInfo .wrapper .right {
    width: auto;
    margin-left: 55px;
    flex-grow: 1;
  }
  #licen_wrapper.wrapper{
  	display:block;
  }
  div.mainInfo div.statSection div.container div.wrapper div#licen_right.right{
  	    width: 100%;
    margin-left: 0px;
    margin-top: 26px;
}
div.mainInfo div.statSection div.container div.wrapper div#licen.left{
	width: 100%;
	padding-right:30px;
}
  .mainInfo+.statSection {
    margin-top: 82px;
  }
  .levelList {
    padding-top: 25px;
  }
  .levelList li:nth-child(odd) {
    left: 0px;
  }
  .levelList li+li {
    margin-top: 52px;
  }
  .programBlock .infoBlock {
    padding-top: 8px;
    padding-left: 5px;
    max-width: 210px;
  }
  .programBlock .titleBlock+.contentBlock {
    margin-top: 24px;
  }
  .programBlock .contentBlock+[class*="btn"] {
    margin-top: 25px;
  }
  .advantagesBlock .titleBlock+.contentBlock {
    margin-top: 60px;
  }
  .advantagesList {
    margin-top: -52px;
  }
  .advantagesList .item {
    margin-top: 52px;
  }
  .advantageItem {
    padding-right: 17px;
    /*align-items: center;*/
  }
  .advantageItem .content+.img {
    margin-left: 10px;
  }
  .statSection .left {
    position: relative;
    left: -3px;
    width: 332px;
    flex-shrink: 0;
  }
  .statSection .right {
    width: calc(100% - 352px);
    padding-right: 30px;
  }
  .statSection .statBlock {
    flex-grow: 1;
  }
  .statSection .statBlock+.statBlock {
    margin-left: 15px;
  }
  .statSection+.mainNews {
    margin-top: 52px;
  }
  .statInfo {
    padding-top: 42px;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
  }
  .statInfo .titleBlock+.contentBlock {
    margin-top: 36px;
  }
  .tableTempl1 {
    padding: 0px 4px;
  }
  .statBlock {
    width: 303px;
  }
  .statBlock .inner {
    padding-top: 24px;
    padding-left: 19px;
  }
  .statBlock .titleBlock+.contentBlock {
    margin-top: 29px;
  }
  .statBlock .buttons {
    padding-top: 21px;
    flex-direction: column;
    align-items: center;
  }
  .statBlock .buttons [class*="btn"]+[class*="btn"] {
    margin-left: 0px;
    margin-top: 19px;
  }
  .mainNews {
    padding-bottom: 62px;
  }
  .mainNews .left {
    width: 332px;
    flex-shrink: 0;
  }
  .mainNews .right {
    margin-left: 15px;
    width: auto;
    flex-grow: 1;
  }
  .newsList .item {
    width: 50%;
  }
  .newsItem {
    padding-right: 20px;
  }
  footer .left {
    width: 180px;
  }
  footer .right {
    width: auto;
    flex-grow: 1;
  }
  footer .logoWrapper+.copyright {
    margin-top: 20px;
  }
  footer .copyright p {
    max-width: 150px;
  }
  footer .footInfo {
    padding-top: 12px;
  }
  footer .footInfo+.payments {
    margin-top: 85px;
  }
  .payments li img {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  .pageHeadWrapper>.backCircles {
    right: auto;
    left: 50%;
    margin-left: -813px;
    margin-right: 0px;
  }
  .pageHeadWrapper>.backImg {
    top: -700px;
  }
  .pageHead {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .aboutInfo .left+.right {
    margin-left: 30px;
  }
  .aboutInfo .titleBlock+.contentBlock {
    margin-top: 20px;
  }
  .aboutLicense .right {
    flex-grow: 1;
  }
  .aboutLicense .licenseBlock {
    width: 423px;
  }
  .descrList.lg {
    width: 100%;
  }
  .descrList.lg li:nth-child(1) {
    top: 30px;
    align-self: flex-start;
  }
  .descrList.lg li:nth-child(2) {
    left: 0px;
    top: -40px;
  }
  .descrList.lg li:nth-child(3) {
    right: 20px;
    top: -30px;
  }
  .descrList.lg li:nth-child(4) {
    bottom: 30px;
    right: 20px;
  }
  .aboutDescr .left {
    width: 350px;
  }
  .aboutDescr .left+.right {
    margin-left: 30px;
  }
  .aboutDescr+.aboutAdvantages {
    margin-top: 50px;
  }
  .aboutCompany {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .aboutCompany .left {
    width: auto;
    flex-shrink: 1;
  }
  .aboutCompany .left+.right {
    margin-left: 30px;
  }
  .faqSection {
    padding-top: 0px;
  }
  .tabsTemplate1 .tabList {
    padding-top: 0px;
  }
  .tabsTemplate1 .tabContent {
    margin-left: 30px;
    width: auto;
    flex-grow: 1;
  }
  .feedbackBlock {
    max-width: 100%;
    padding-left: 33px;
  }
  .bannersSection {
    padding-top: 0px;
  }
  .bannersTabs .tabList {
    width: 250px;
    flex-shrink: 0;
  }
  .supportSection {
    padding-top: 0px;
  }
  .termsSection {
    padding-top: 0px;
  }
}

@media (max-width: 1199px) {
  .container {
    width: 1024px;
    padding: 0px 10px;
  }
  
  .mainHeadWrapper .socList, .pageHeadWrapper .socList {
    /*display: none;*/
  }
  .mainPlans .planList {
    margin-right: 0px;
  }
  .statBlock .titleBlock {
    height: 80px;
    display: flex;
    align-items: center;
  }
  .bannerBlock {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    min-height: auto;
  }
  .bannerBlock .field+.bannerImg {
    margin-top: 75px;
  }
  .supportSection {
    padding-bottom: 60px;
  }
  .supportSection .supportInfo+.supportList {
    margin-top: 30px;
  }
  .supportSection .supportList+.supportBlock {
    margin-top: 50px;
  }
  .supportForm {
    padding-left: 30px;
    padding-right: 30px;
  }
  .termsSection {
    padding-bottom: 60px;
  }
  .termsSection .termsList+.feedbackBlock {
    margin-top: 60px;
  }
}

@media (min-width: 1024px) {

  .headWrapper {
    display: block !important;
  }
  .loginBlockWrapper {
    display: block !important;
  }
  .cabinetWrapper .navWrapper {
    display: block !important;
  }
}

@media (max-width: 1023px) {
div.mainInfo div.statSection div.container div.wrapper div#licen.left{
	padding-right:0px;
}
  .container {
    width: 640px;
  }
  .mainHeadWrapper {
    z-index: unset;
  }
  .mainHeadWrapper>.backImg {
    width: 1030px;
    height: 1022px;
    top: -20px;
    left: 50%;
    margin-left: -515px;
    background-image: url(../../img/start_back_sm.png) !important;
  }
  .mainHeadWrapper>.backCircles {
    display: none;
  }
  header {
    z-index: 2;
  }
  header .wrapper {
    padding-top: 25px;
    align-items: flex-end;
  }
  header .wrapper::before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    height: 140px;
    /*background-color: white;*/
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 1;
  }
  header .left {
    padding-top: 0px;
    padding-bottom: 3px;
  }
  header .logoWrapper {
    position: absolute;
    top: 8px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    width: 128px;
  }
  header .logoWrapper+.headWrapper {
    margin-left: 0px;
  }
  header .headWrapper .socList {
    position: static;
    margin: 35px 0px;
    display: flex;
    justify-content: center;
  }
  header .headWrapper .socList li {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
  }
  header .headWrapper .socList li+li {
    margin-top: 0px;
    margin-left: 13px;
  }
  header.active .wrapper::before {
    opacity: 1;
  }
  .openMenuBtn {
    position: relative;
    display: block;
    z-index: 1;

  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay:1s;
  animation-delay: 1s;
  }
  @keyframes pulse {
  from { transform: scale(1); }
  
  50% { transform: scale(0.85);}

  to { transform: scale(1);
   }
}


.openMenuBtn:hover,
.openMenuBtn:focus {
  animation-name: unset;
}
  .headWrapper {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
   background-color: rgba(17,17,17,.9);
    overflow: auto;
  }
  .headWrapper .inner {
    max-width: 640px;
    margin: 0px auto;
    padding-top: 163px;
    display: flex;
    flex-direction: column-reverse;
  }
  .headWrapper .menuList {
    position: static;
    display: block;
    padding-bottom: 35px;
    border-bottom: 1px solid #52C5C6;
  }
  .headWrapper .menuList li {
    position: relative;
    padding-left: 41px;
  }
 /* .inner ul.menuList li:hover, .inner ul.menuList li.active{
  	  background: rgb(1,172,124,.3);
  }*/

  .headWrapper .menuList li a {
    line-height: 32px;
  }
  .headWrapper .menuList li::before {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    left: 0px;
    top: -1px;
    left: 0px;
    border-left: 26px solid #00cb92;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    -webkit-transition: border-left 0.3s;
    -moz-transition: border-left 0.3s;
    -o-transition: border-left 0.3s;
    transition: border-left 0.3s;
  }
  .headWrapper .menuList li.active a, .headWrapper .menuList li:hover a {
    color: #00bdfb;
  }
  .headWrapper .menuList li.active::before, .headWrapper .menuList li:hover::before {
    border-left: 26px solid #00bdfb;
  }
  .headWrapper .menuList li+li {
    margin-left: 0px;
    margin-top: 28px;
  }
  .headWrapper .contactsList {
    display: block;
    margin-top: 20px;
    margin-left: 0px;
    padding-left: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #52C5C6;
  }
  .headWrapper .contactsList li {
    margin-left: 0px;
  }
  .headWrapper .contactsList li+li {
    margin-top: 6px;
  }
  .loginBlockWrapper {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgba(17,17,17,.9);
    overflow: auto;
  }
.loginBlockWrapper.loginpage{
	display:block;
	    position: relative;
    top: 0px;
    left: 0px;
    width: auto;
    height: auto;
    background: none;
    overflow: hidden;
}
.loginBlockWrapper.loginpage div.loginBlockInner{
	 padding-top: 56px;
}
div.loginBlockWrapper.loginpage div.loginBlockInner{
	max-width:500px;
}

  .loginBlockWrapper .loginBlockInner {
    max-width: 400px;
    margin: 0px auto;
    padding-left: 10px;
    padding-top: 166px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
  .loginBlock {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 37px;
    border-top-width: 10px;
    border-top-style: solid;
    -webkit-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 21px 33px #b5d4e121;
    -moz-box-shadow: -21px 21px 33px #b5d4e121, inset -21px 21px 33px #b5d4e121;
    box-shadow: -21px 21px 33px #b5d4e121, inset -21px 21px 33px #b5d4e121;
  }
  .loginBlock .closeLoginBtn {
    display: block;
	 -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  }
  .loginBlock .closeLoginBtn:hover,
.loginBlock .closeLoginBtn:focus {
  animation-name: unset;
}
  .loginBlock .formTitle {
    display: block;
  }
  .loginBlock .formTitle+.formWrap {
    margin-top: 39px;
  }
  .loginBlock .fieldWrap {
    margin-left: 0px;
    margin-top: 0px;
  }
  .loginBlock .fieldWrap+.buttonsWrap {
    margin-top: 26px;
  }
  .loginBlock .fieldItem {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
  }
  .loginBlock .fieldItem+.fieldItem {
    margin-top: 9px;
  }
  .loginBlock .buttonsWrap {
    padding-right: 10px;
    flex-direction: column;
  }
  .loginBlock .loginLinks+[class*="btn"] {
    margin-top: 33px;
  }
  .openLoginBtn {
    display: block;
    position: relative;
    right: -8px;
    z-index: 1;
	 -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  }
  .openLoginBtn:hover,
.openLoginBtn:focus {
  animation-name: unset;
}
  .startBlock {
    padding-top: 90px;
    padding-bottom: 490px;
  }
  .startBlock .slogan p {
   /* font-size: 35px;
    line-height: 53px;
    letter-spacing: 0em;*/
	margin-bottom: 20px;
  }
  .startBlock .slogan p .upp {
    font-size: 75px;
    line-height: 55px;
    letter-spacing: -0.04em;
  }
  .startBlock .slogan p .upp span {
    font-size: 99px;
  }
  .startBlock .slogan+[class*="btn"] {
    margin-top: 4px;
  }
  .startBlock .startImg {
    bottom: 0px;
    margin-right: -325px;
    -moz-transform: scale(0.81);
    -ms-transform: scale(0.81);
    -webkit-transform: scale(0.81);
    -o-transform: scale(0.81);
    transform: scale(0.81);
  }
  .mainPlans {
    margin-top: 90px;
    z-index: 1;
  }
  .mainPlans .wrapper {
    position: relative;
    display: block;
  }
  .mainPlans .wrapper>.left {
    width: 100%;
  }
  .mainPlans .wrapper>.right {
    width: 100%;
  }
  .mainPlans .info+.calculator {
    margin-top: 673px;
  }
  .mainPlans .planList {
    position: absolute;
    bottom: 725px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
  }
  .mainPlans .planList+.descrList {
    margin-top: 40px;
  }
  .mainPlans+.mainAbout {
    margin-top: 75px;
  }
  .calculator .formTitle span {
    text-align: center;
  }
  .descrList {
    padding-left: 0px;
    height: auto;
  }
  .descrList li {
    position: static;
    align-self: flex-start !important;
  }
  .mainAbout>.backImg {
    bottom: 388px;
    margin-left: -1172px;
  }
  .mainAbout .wrapper {
    padding-left: 0px;
  }
  .mainAbout .videoWrapper {
    position: static;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .mainAbout .videoWrapper+.infoWrapper {
    margin-top: 55px;
  }
  .mainAbout .infoWrapper {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .mainAbout .infoWrapper+.licenseWrapper {
    margin-top: 72px;
  }
  .mainAbout .licenseWrapper {
    position: static;
    padding-right: 0px;
    width: 100%;
    max-width: 610px;
    margin-left: auto;
  }
  .mainAbout+.mainInfo {
    margin-top: 50px;
  }
  .videoBlock {
   width: 100%;
height: 350px;
background-position: center;
  }
  .mainInfo>.backCircles {
    display: none;
  }
  .mainInfo .wrapper {
    display: block;
  }
  .mainInfo .wrapper .left {
    width: 100%;
  }
  .mainInfo .wrapper .right {
    width: 100%;
    margin-left: 0px;
    margin-top: 26px;
  }
  .mainInfo+.statSection {
    margin-top: 96px;
  }
  .programBlock {
    padding-right: 20px;
  }
  .programBlock .infoBlock {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 40px;
    max-width: 450px;
  }
  .programBlock .contentBlock+[class*="btn"] {
    margin-top: 35px;
  }
  .levelList {
    padding-top: 0px;
  }
  .levelList li:nth-child(odd) {
    left: -60px;
  }
  .advantagesList {
    margin-left: -3px;
    margin-right: -3px;
  }
  .advantageItem {
    padding-right: 10px;
  }
  .advantageItem .img {
    margin-bottom: 10px;
  }
  .statSection .wrapper {
    display: block;
  }
  .statSection .left {
    position: static;
    width: 100%;
  }
  .statSection .right {
    margin-top: 40px;
    width: 100%;
    padding-right: 0px;
  }
  .statSection+.mainNews {
    margin-top: 84px;
  }
  .statInfo {
    padding-top: 43px;
    padding-left: 35px;
    padding-right: 35px;
  }
  .mainNews .wrapper {
    display: block;
  }
  .mainNews .left {
    width: 100%;
  }
  .mainNews .right {
    margin-left: 0px;
    margin-top: 35px;
    padding-top: 0px;
    width: 100%;
  }
  .newsList .item {
    width: 292px;
  }
  .newsList .item+.item {
    margin-left: 15px;
  }
  .newsItem {
    padding-right: 0px;
  }
  .newsItem .content {
    padding-top: 3px;
  }
  footer>.backImg {
    margin-left: -1230px;
  }
  footer .wrapper {
    display: block;
    padding-top: 32px;
    padding-bottom: 40px;
  }
  footer .left {
    width: 100%;
  }
  footer .right {
    margin-top: 42px;
    width: 100%;
  }
  footer .logoWrapper {
    position: static;
  }
  footer .logoWrapper+.copyright {
    margin-top: 40px;
  }
  footer .siteLogo {
    margin: 0px auto;
  }
  footer .copyright {
    text-align: center;
  }
  footer .copyright p {
    max-width: 100%;
  }
  footer .footInfo+.payments {
    margin-top: 0px;
  }
  .footInfo {
    display: none;
  }
  .payments li img {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
  }
  .pageHeadWrapper>.backImg {
    top: -900px;
  }
  .pageHeadWrapper>.backCircles {
    display: none;
  }
  .pageHead {
    padding-top: 110px;
    padding-bottom: 70px;
  }
  .aboutInfo .wrapper {
    display: block;
  }
  .aboutInfo .left {
    width: 100%;
  }
  .aboutInfo .left+.right {
    margin-left: 0px;
    margin-top: 15px;
  }
  .aboutInfo .right {
    width: 100%;
  }
  .aboutInfo+.aboutLicense {
    margin-top: 30px;
  }
  .aboutLicense .wrapper {
    display: block;
  }
  .aboutLicense .left+.right {
    margin-top: 15px;
  }
  .aboutLicense .licenseBlock {
    width: 100%;
  }
  .aboutLicense+.aboutDescr {
    margin-top: 40px;
  }
  .descrList.lg {
    height: auto;
  }
  .aboutDescr .wrapper {
    display: block;
  }
  .aboutDescr .left {
    width: 100%;
  }
  .aboutDescr .left+.right {
    margin-left: 0px;
    margin-top: 15px;
  }
  .aboutDescr .right {
    width: 100%;
  }
  .aboutAdvantages>.backCircles {
    display: none;
  }
  .advantagesList.full .item {
    width: 50%;
  }
  .aboutCompany .wrapper {
    display: block;
  }
  .aboutCompany .left {
    width: 100%;
  }
  .aboutCompany .left+.right {
    margin-left: 0px;
    margin-top: 20px;
  }
  .aboutCompany .right {
    width: 100%;
  }
  .faqSection {
    padding-bottom: 50px;
  }
  .faqSection .titleBlock+.contentBlock {
    margin-top: 30px;
  }
  .faqSection .faqTabs+.feedbackBlock {
    margin-top: 50px;
  }
  .tabsTemplate1 {
    display: block;
  }
  .tabsTemplate1 .tabList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
  }
  .tabsTemplate1 .tabList li {
    margin: 5px;
    width: calc(50% - 10px);
  }
  .tabsTemplate1 .tabList li+li {
    margin-top: 5px;
  }
  .tabsTemplate1 .tabContent {
    margin-left: 0px;
    margin-top: 30px;
    width: 100%;
  }
  .faqList .faqItem+.faqItem {
    margin-top: 15px;
  }
  .faqItem .content .in {
    padding: 15px 0px;
  }
  .feedbackBlock {
    padding: 20px;
  }
  .bannersSection {
    padding-bottom: 50px;
  }
  .bannersSection .bannersTabs+.feedbackBlock {
    margin-top: 50px;
  }
  .bannersSection .titleBlock+.contentBlock {
    margin-top: 30px;
  }
  .bannersSection .info+.bannerBlock {
    margin-top: 30px;
  }
  .bannerBlock {
    padding: 30px;
  }
  .bannerBlock .field+.bannerImg {
    margin-top: 45px;
  }
  .supportSection {
    padding-bottom: 50px;
  }
  .supportSection .supportList+.supportBlock {
    margin-top: 0px;
  }
  .supportList {
    flex-wrap: wrap;
  }
  .supportList .item {
    width: 50%;
    padding-bottom: 30px;
  }
  .supportItem .img+.title {
    margin-top: 30px;
  }
  .supportBlock {
    display: block;
  }
  .supportBlock .item {
    width: 100%;
  }
  .supportBlock .item+.item {
    margin-top: 30px;
  }
  .supportForm {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .supportMap {
    height: 300px;
  }
  .termsSection {
    padding-bottom: 50px;
  }
  .termsSection .termsList+.feedbackBlock {
    margin-top: 40px;
  }
  .termsList .termsItem+.termsItem {
    margin-top: 35px;
  }
  .termsItem {
    padding-left: 0px;
  }
  .termsItem .titleBlock {
    padding-left: 78px;
  }
  .termsItem .titleBlock+.contentBlock {
    margin-top: 25px;
  }
  .cabinetWrapper {
    display: block;
  }
  .cabinetWrapper .backImg, .cabinetWrapper .backCircles {
    display: none;
  }
  .cabinetWrapper .leftSide {
    position: relative;
    width: 100%;
    background: #111;
    /*background: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
    background: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
    background: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
    background-color: white;*/
    min-height: 0;
  }
  .cabinetWrapper .leftSide .contactsList {
    display: block;
    margin-left: 0px;
    padding-top: 32px;
    padding-left: 32px;
    padding-bottom: 32px;
    padding-right: 32px;
    border-top: 1px solid #52C5C6;
  }
  .cabinetWrapper .leftSide .contactsList li {
    padding: 0px;
    margin-left: 0px;
  }
  .cabinetWrapper .leftSide .contactsList li+li {
    margin-top: 36px;
  }
  .cabinetWrapper .rightSide {
    width: 100%;
  }
  .cabinetWrapper .logoWrapper {
    padding-left: 0px;
    padding-top: 3px;
  }
  .cabinetWrapper .logoWrapper::before {
    top: 0px;
    left: 50%;
    margin-left: -320px;
    width: 640px;
    height: 194px;
    background-image: url(../../img/logo_back_sm.png);
  }
  
  .cabinetWrapper .logoWrapper~.navWrapper {
    margin-top: 0px;
  }
  .cabinetWrapper .siteLogo {
    margin-left: auto;
    margin-right: auto;
  }
  .cabinetWrapper .navWrapper {
    display: none;
    width: 100%;
    height: 100vh;
   /* position: fixed;*/
    top: 0px;
    left: 0px;
    padding-top: 30px;
    background-color: rgba(17,17,17,.9);
    overflow: auto;
  }
  .cabinetWrapper .openMenu {
    display: block;
    margin-top: 18px;
  }
  .cabinetWrapper .openMenu.active {
    left: 0px;
  }
  .cabinetMenu {
    padding-bottom: 47px;
  }
  .cabinetMenu li {
    padding-left: 42px;
  }
  .cabHeader {
    background: #00bdfb;
    background: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
    background: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
    background: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  }
  .cabHeader .wrapper {
    padding-left: 12px;
    padding-top: 26px;
    padding-right: 12px;
    padding-bottom: 35px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    min-height: auto;
  }
  .cabHeader .left {
    min-height: auto;
    padding-left: 0px;
    display: block;
  }
  .cabHeader .accInfo+.accBalance {
    margin-left: 0px;
    margin-top: -3px;
  }
  .cabHeader .right {
    display: none;
  }
  .cabHeader::before {
    display: none;
  }
  .accInfo {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
  }
  .accInfo li {
    width: 130px;
    align-items: flex-start;
  }
  .accInfo li:nth-child(1) {
    order: 1;
  }
  .accInfo li:nth-child(3) {
    order: 2;
  }
  .accInfo li:nth-child(2) {
    order: 3;
  }
  .accInfo li:nth-child(4) {
    order: 4;
  }
  .accInfo .data .title {
    white-space: nowrap;
  }
  .accBalance {
    text-align: center;
  }
  .cabContent {
    margin: 0px auto;
    padding-left: 10px;
    padding-top: 43px;
    padding-right: 10px;
    padding-bottom: 87px;
    -webkit-box-shadow: 0px -3px 51px #ffffff21;
    -moz-box-shadow: 0px -3px 51px #ffffff21;
    box-shadow: 0px -3px 51px #ffffff21;
  }
  .cabContent .cabContentWrapper {
    max-width: 640px;
  }
  .accStatItem {
    padding-left: 30px;
    padding-top: 47px;
    padding-right: 10px;
  }
  .cabFooter {
    width: 100%;
    padding-left: 15px;
    padding-right: 12px;
    background: #00cb92;
    background: -moz-linear-gradient(left, #00cb92 0%, #00bdfb 100%);
    background: -webkit-linear-gradient(left, #00cb92 0%, #00bdfb 100%);
    background: linear-gradient(to right, #00cb92 0%, #00bdfb 100%);
  }
  .cabFooter .copyright span {
    display: none;
  }
  .cabFooter::before {
    display: none;
  }
  .historySection .filterBlock+.historyTable {
    margin-top: 30px;
  }
  .historySection .historyTable+.pagination {
    margin-top: 30px;
  }
  .depositsSection .depList+.pagination {
    margin-top: 30px;
  }
  .depList .depItem+.depItem {
    margin-top: 20px;
  }
  .depItem {
    padding-top: 10px;
  }
  .depItem .inner {
    margin-top: 10px;
  }
  .referralsSection .referralBlock+.referralTable {
    margin-top: 30px;
  }
  .referralBlock .left+.right {
    margin-top: 15px;
  }
  .referralTable {
    padding: 0px 5px;
  }
  .makeDepSection .depPlansBlock+.paymentBlock {
    margin-top: 30px;
  }
  .depPlansBlock {
    padding: 15px;
  }
  .depPlansList .depPlansItem+.depPlansItem {
    margin-top: 30px;
  }
  .depPlansItem .head+.content {
    margin-top: 15px;
  }
  .paymentBlock .wrapper .item {
    padding: 20px 20px 5px;
  }
  .paymentBlock .wrapper .item+.item {
    padding: 20px 20px 5px;
  }
  .depResultBlock {
    padding: 30px 0px;
  }
  .depResultBlock ul+[class*="btn"] {
    margin-top: 30px;
  }
  .refLinkSection .refLinkBlock+.linkTabs {
    margin-top: 30px;
  }
  .refLinkSection .bannerBlock {
    padding: 30px;
  }
  .refLinkSection .bannerBlock .field+.bannerImg {
    margin-top: 30px;
  }
  .securItem {
    padding: 30px;
  }
  .securItem .title+.formWrap {
    margin-top: 30px;
  }
  .securItem .formItem+.formItem {
    margin-top: 25px;
  }
  .securItem [class*="btn"] {
    position: static;
    margin-top: 30px;
  }
  .withSection .paymentBlock .title+.fieldItem {
    margin-top: 43px;
  }
  .withResulBlock {
    padding: 30px 0px;
  }
}

@media (max-width: 639px) {
  .container {
    width: 100%;
    max-width: 500px;
  }
  .mainHeadWrapper>.backImg {
    width: 640px;
    margin-left: -320px;
    background-image: url(../../img/start_back_xs.png) !important;
  }
  .mainHeadWrapper+.mainPlans {
    margin-top: -100px;
  }
  .openLoginBtn {
    right: -4px;
  }
  .startBlock {
    padding-top: 100px;
    padding-bottom: 468px;
  }
  .startBlock .slogan {
    margin-left: -3px;
    margin-right: -3px;
  }
  .startBlock .slogan p {
    /*font-size: 22px;
    line-height: 43px;*/
  }
  .startBlock .slogan p .upp {
    font-size: 47px;
    line-height: 42px;
    margin-bottom: 5px;
  }
  .startBlock .slogan p .upp span {
    font-size: 63px;
    line-height: 33px;
  }
  .startBlock .slogan+[class*="btn"] {
    margin-top: 28px;
  }
  .startBlock .startImg {
    bottom: 0px;
    margin-right: -321px;
    -moz-transform: scale(0.66);
    -ms-transform: scale(0.66);
    -webkit-transform: scale(0.66);
    -o-transform: scale(0.66);
    transform: scale(0.66);
  }
  .mainPlans .info+.calculator {
    margin-top: 440px;
  }
  .mainPlans .planList {
    margin-left: -303px;
    left: 50%;
    right: auto;
    margin-right: 0px;
	margin-bottom:20px;
	
  }
  .mainPlans .planList+.descrList {
    margin-top: 80px;
  }
  .mainPlans+.mainAbout {
    margin-top: 25px;
  }
  .calculator .formTitle {
    padding-left: 0px;
    padding-right: 0px;
  }
  .planList {
    -moz-transform: scale(0.72);
    -ms-transform: scale(0.72);
    -webkit-transform: scale(0.72);
    -o-transform: scale(0.72);
    transform: scale(0.72);
  }
  .descrList {
    flex-wrap: wrap;
  }
  .descrList li {
    padding: 15px 0px;
    width: 45%;
  }
  .mainAbout {
    padding-bottom: 45px;
  }
  .mainAbout>.backImg {
    bottom: 270px;
  }
  .mainAbout .videoWrapper+.infoWrapper {
    margin-top: 35px;
  }
  .mainAbout .infoWrapper+.licenseWrapper {
    margin-top: 37px;
  }
  .mainAbout+.mainInfo {
    margin-top: 44px;
  }
  .videoBlock {
    max-width: 100%;
    /*height: 238px;*/
    margin-left: auto;
    margin-right: auto;
	margin-top:30px;
  }
  .aboutBlock .contentBlock+[class*="btn"] {
    margin-top: 22px;
  }
  .licenseBlock {
    padding-bottom: 20px;
    height: auto;
  }
  .licenseBlock .img {
    margin-top: 10px;
    width: 122px;
    height: 182px;
  }
  .licenseBlock .img+.data {
    margin-left: 20px;
  }
  .licenseBlock .data {
    padding-top: 8px;
  }
  .mainInfo .wrapper .right {
    margin-top: 55px;
  }
  .mainInfo+.statSection {
    margin-top: 62px;
  }
  .programBlock {
    padding-right: 0px;
  }
  .programBlock .infoBlock {
    padding-top: 20px;
    padding-right: 20px;
    max-width: auto;
  }
  .programBlock .contentBlock+[class*="btn"] {
    margin-top: 25px;
  }
  .levelList li:nth-child(2n+1) {
    left: 0px;
  }
  .advantagesList {
    margin-top: -55px;
  }
  .advantagesList .item {
    margin-top: 55px;
    width: 100%;
  }
  .advantageItem {
    padding-right: 0px;
  }
  .statSection .right {
    display: block;
  }
  .statSection .statBlock+.statBlock {
    margin-left: 0px;
    margin-top: 30px;
  }
  .statSection+.mainNews {
    margin-top: 55px;
  }
  .statInfo {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 32px;
  }
  .statInfo .titleBlock {
    text-align: center;
  }
  .statBlock {
    width: 100%;
  }
  .mainNews {
    padding-bottom: 50px;
  }
  .newsList {
    flex-wrap: wrap;
  }
  .newsList .item {
    width: 100%;
  }
  .newsList .item+.item {
    margin-left: 0px;
    margin-top: 43px;
  }
  footer>.backImg {
    margin-left: -1270px;
  }
  footer .wrapper {
    padding-bottom: 15px;
    margin-left: -10px;
    margin-right: -10px;
  }
  footer .right {
    margin-top: 33px;
  }
  .payments {
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
  }
  .payments li {
    width: 33.3333%;
    padding: 8px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pageHeadWrapper>.backImg {
    top: -920px;
  }
  .aboutLicense .right {
    padding-top: 0px;
  }
  .aboutLicense+.aboutDescr {
    margin-top: 20px;
  }
  .aboutDescr+.aboutAdvantages {
    margin-top: 30px;
  }
  .advantagesList.full .item {
    width: 100%;
  }
  .aboutCompany {
    padding-top: 30px;
  }
  .tabsTemplate1 .tabList li {
    width: 100%;
  }
  .faqSection .faqTabs+.feedbackBlock {
    margin-top: 30px;
  }
  .faqItem .head {
    padding-left: 10px;
  }
  .feedbackBlock {
    flex-direction: column;
    padding: 15px;
    text-align: center;
  }
  .feedbackBlock [class*="btn"] {
    margin-top: 15px;
  }
  .bannersSection .bannersTabs+.feedbackBlock {
    margin-top: 30px;
  }
  .bannerBlock {
    padding: 15px;
  }
  [class*="inBlock"][class*="Type2"] .inWrap.leftButton input {
    padding-right: 25px;
  }
  [class*="inBlock"][class*="Type2"] .inWrap.leftButton button {
    position: static;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  .supportList .item {
    width: 100%;
  }
  .supportItem {
    text-align: center;
  }
  .supportItem .img {
    margin-left: auto;
    margin-right: auto;
  }
  .supportItem .img+.title {
    margin-top: 15px;
  }
  .supportItem .title+.content {
    margin-top: 15px;
  }
  .supportForm {
    padding-left: 10px;
    padding-right: 10px;
  }
  .supportForm .formWrap+[class*="btn"] {
    margin-top: 30px;
  }
  .supportForm .fieldWrap {
    display: block;
  }
  .supportForm .fieldWrap .formItem {
    width: 100%;
  }
  .supportForm .fieldWrap .formItem+.formItem {
    margin-top: 15px;
  }
  .supportForm .fieldWrap+.fieldWrap {
    margin-top: 15px;
  }
  .termsSection .termsList+.feedbackBlock {
    margin-top: 30px;
  }
  .termsList .termsItem+.termsItem {
    margin-top: 30px;
  }
  .termsItem .number {
    position: static;
    margin-bottom: 10px;
  }
  .termsItem .titleBlock {
    padding-left: 0px;
  }
  .termsItem .titleBlock+.contentBlock {
    margin-top: 15px;
  }
  .cabinetWrapper .logoWrapper::before {
    top: 10px;
  }
  .cabinetWrapper .logoWrapper::after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 10px;
    background-color: #222;
    z-index: -1;
  }
  .cabinetWrapper .openMenu {
    margin-top: 23px;
	margin-bottom:30px;
  }
  .cabHeader .wrapper {
    max-width: 400px;
    padding-top: 30px;
    padding-bottom: 27px;
  }
  .cabHeader .accInfo+.accBalance {
    margin-top: 25px;
  }
  .accInfo {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .accInfo li {
    padding: 0px;
  }
  .accInfo li:nth-child(2) {
    order: 2;
  }
  .accInfo li:nth-child(3) {
    order: 3;
  }
  .cabContent {
    padding-top: 38px;
  }
  .cabContent .cabContentWrapper {
    max-width: 400px;
  }
  .accountBlock .item {
    padding-right: 15px;
  }
  .accountBlock .item:nth-child(2) img+.title {
    margin-top: 23px;
  }
  .accountBlock .item:nth-child(2) .title+.content {
    margin-top: 8px;
  }
  .accStatBlock {
    display: block;
  }
  .accStatBlock .item {
    width: 100%;
  }
  .accStatBlock .item+.item {
    margin-left: 0px;
    margin-top: 26px;
  }
  .accStatItem {
    padding-left: 45px;
    padding-top: 48px;
    padding-right: 10px;
  }
  .accStatItem .param {
    white-space: nowrap;
  }
  .cabFooter {
    height: 55px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .filterBlock {
    padding: 10px;
  }
  .filterBlock .formWrap {
    display: block;
  }
  .filterBlock .fieldsWrap .col {
    display: block;
  }
  .filterBlock .date .formItem {
    width: 100%;
  }
  .filterBlock .formItem+.formItem {
    margin-left: 0px;
    margin-top: 15px;
  }
  .filterBlock [class*="btn"] {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }
  .historyTable .tLabel {
    width: 145px;
  }
  .editItem {
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }
  .editItem .title+.formWrap {
    margin-top: 30px;
  }
  .editItem .formItem+.formItem {
    margin-top: 15px;
  }
  .editItem [class*="btn"] {
    position: static;
    margin-top: 30px;
  }
  .editItem.lg {
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }
  .editItem.lg .title+.formWrap {
    margin-top: 30px;
  }
  .editItem.lg .formItem+.formItem {
    margin-top: 15px;
  }
  .depItem .info {
    width: 100%;
  }
  .depItem .info li {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .depItem .data {
    padding: 15px;
    width: 100%;
  }
  .depItem .sum {
    width: 100%;
    padding: 5px 15px 25px;
  }
  .depItem .out {
    width: 100%;
    padding: 5px 15px 25px;
  }
  .referralInfo .item {
    height: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
  .referralInfo img {
    flex-shrink: 0;
  }
  .referralInfo .stat {
    display: block;
  }
  .referralInfo .stat li+li {
    margin-left: 0px;
  }
  .referralData {
    padding: 20px 10px;
  }
  .referralData .filter .formWrap {
    display: block;
  }
  .referralData .filter .fieldWrap+[class*="btn"] {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  .referralData .filter .line {
    display: block;
  }
  .referralData .filter .line+.line {
    margin-top: 15px;
  }
  .referralData .filter .formItem {
    width: 100%;
  }
  .referralData .filter .formItem+.formItem {
    margin-left: 0px;
    margin-top: 15px;
  }
  .referralData .filter+.table {
    margin-top: 15px;
  }
  .referralData .table .tHead {
    display: none;
  }
  .referralData .table .tHead+.tBody {
    margin-top: 0px;
  }
  .referralData .table .tBody .tRow {
    display: block;
    min-height: auto;
    padding: 0px;
    background-color: transparent;
    -webkit-box-shadow: -21px 21px 21px transparent;
    -moz-box-shadow: -21px 21px 21px transparent;
    box-shadow: -21px 21px 21px transparent;
  }
  .referralData .table .tBody .tRow .tCell {
    width: 100% !important;
    min-height: 36px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    -webkit-box-shadow: -21px 21px 21px #b5d4e121;
    -moz-box-shadow: -21px 21px 21px #b5d4e121;
    box-shadow: -21px 21px 21px #b5d4e121;
  }
  .referralData .table .tBody .tRow .tCell span {
    padding: 5px 10px 5px 5px;
  }
  .referralData .table .tBody .tRow .tCell span:not(.tLabel) {
    text-align: right !important;
  }
  .referralData .table .tBody .tRow .tCell .tLabel {
    padding: 5px 5px 5px 10px;
    font-size: 15px;
    line-height: 26px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    text-transform: none;
  }
  .referralData .table .tBody .tRow .tCell+.tCell {
    margin-top: 3px;
  }
  .referralData .table .tLabel {
    display: block;
    width: 160px;
    flex-shrink: 0;
    align-self: stretch;
    background-color: #333;
  }
  .referralData .table .tLabel {
    width: 115px;
  }
  .tableTempl3 .tRow .content .in p {
    padding-left: 9px;
  }
  .tableTempl3 .tLabel {
    width: 145px;
  }
  .tableTempl3 .mail .tLabel+span {
    word-break: break-all;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tableTempl3 .mail .tLabel+span a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .depPlansBlock {
    padding: 10px;
  }
  .depPlansItem .head {
    display: block;
  }
  .depPlansItem .head .left+.right {
    margin-top: 10px;
  }
  .planTable .tHead {
    display: none;
  }
  .planTable .tHead+.tBody {
    margin-top: 0px;
  }
  .planTable .tBody .tRow {
    display: block;
    min-height: auto;
    padding: 0px;
    background-color: transparent;
    -webkit-box-shadow: -21px 21px 21px transparent;
    -moz-box-shadow: -21px 21px 21px transparent;
    box-shadow: -21px 21px 21px transparent;
  }
  .planTable .tBody .tRow .tCell {
    width: 100% !important;
    min-height: 36px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
   background-color: rgba(142, 142, 142, 0.57);
    /*-webkit-box-shadow: -21px 21px 21px #b5d4e121;
    -moz-box-shadow: -21px 21px 21px #b5d4e121;
    box-shadow: -21px 21px 21px #b5d4e121;*/
  }
  .planTable .tBody .tRow .tCell span {
    padding: 5px 10px 5px 5px;
  }
  .planTable .tBody .tRow .tCell span:not(.tLabel) {
    text-align: right !important;
  }
  .planTable .tBody .tRow .tCell .tLabel {
    padding: 5px 5px 5px 10px;
    font-size: 15px;
    line-height: 26px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    text-transform: none;
  }
  .planTable .tBody .tRow .tCell+.tCell {
    margin-top: 3px;
  }
  .planTable .tLabel {
    display: block;
    width: 160px;
    flex-shrink: 0;
    align-self: stretch;
    background-color: #000;
  }
  .planTable .tCell {
    white-space: unset;
  }
  .refLinkSection .bannerBlock {
    padding: 15px;
  }
  .refLinkBlock .wrapper {
    padding: 15px 10px;
  }
  .tabsTemplate2 .tabList li {
    width: 50%;
  }
  .securItem {
    padding: 20px 15px;
  }
  .withSection .paymentBlock .item {
    padding: 20px !important;
  }
}

/*# sourceMappingURL=style.css.map */

.default_table {
  text-align: center;
  padding: 50px;
}
.default_table p.info {
margin: 0 0 40px 0;
}
.default_table form, {
display: block;
}
.default_table table,
.default_table table tbody {
width: 100%;
}
.default_table table tr th {
padding: 0 10px 20px 0;
text-align: right;
width: 50%;
}
.default_table table tr td {
padding: 0 0 20px 10px;
text-align: left;
width: 50%;
}
.default_table table tr td[colspan=2] {
  text-align: center;
}
.default_table form input[type=submit] {
cursor: pointer;
}

.sbmt {
  display: inline-block;
  width: auto;
  padding: 0 30px;
  font-size: 19px;
  line-height: 57px;
  color: white;
  cursor: pointer;
  letter-spacing: 0.025em;
  -webkit-border-radius: 57px;
  -moz-border-radius: 57px;
  -ms-border-radius: 57px;
  border-radius: 57px;
  background: #00bdfb;
  background: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  background: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
}

.sbmt:hover {
  opacity: 0.7;
}

ul.errors {
color: white;
background: rgba(255,0,0,0.3);
font-size: 14px;
}
ul.errors li {
padding: 8px 20px;
margin: 10px 0 20px;
}

li.processed, .processed{
	color: white;
background: rgba(1,107,78,0.8);
padding: 8px 20px;
font-weight: 400 !important;
font-size: 15px;
}
/*-My style-*/
.siteLogo span + span {    
    font-weight: 900;
letter-spacing: 10px;
padding-left: 7px;
}
@media (max-width: 1024px) {
.ac-home-menu{
  	 display: none;
  }
  }
.ac-home-menu{
  	margin: 20px auto 20px 60px;
	position: relative;
    z-index: 2;
	
  }
 
 .blockMod_myregister {
  background-color: #dff2fc60;
}

div.blockMod_myregister.registerMod_myregister {
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #00bdfb 0%, #00cb92 100%);
  border-image: linear-gradient(to right, #00bdfb 0%, #00cb92 100%);
  border-image-slice: 1;
  -webkit-box-shadow: -21px 21px 33px #b5d4e121;
  -moz-box-shadow: -21px 21px 33px #b5d4e121;
  box-shadow: -21px 21px 33px #b5d4e121;
}

.blockMod_myregister .close_myregister {
  
  top: 18px;
  right: 15px;
  padding: 5px;
  font-size: 20px;
  color: #ffffff;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}

.blockMod_myregister .close_myregister:hover {
  opacity: 0.7;
}

.registerMod_myregister {
  max-width: 682px;
}

.registerMod_myregister .in_myregister {
  padding-left: 40px;
  padding-top: 45px;
  padding-right: 40px;
  padding-bottom: 37px;
}

.registerMod_myregister .title+.formWrap {
  margin-top: 38px;
}

.registerMod_myregister .fieldsWrap {
  display: flex;
  align-items: flex-end;
  margin-left: -21px;
  margin-right: -21px;
}

.registerMod_myregister .fieldsWrap .item {
  width: 50%;
  padding-left: 21px;
  padding-right: 21px;
}

.registerMod_myregister .fieldsWrap+.fieldsWrap {
  margin-top: 34px;
}

.registerMod_myregister .fieldsWrap+.agreeBlock {
  margin-top: 40px;
}

.registerMod_myregister .formItem+.formItem {
  margin-top: 34px;
}

.registerMod_myregister .agreeBlock+[class*="btn"] {
  margin-top: 30px;
}
@media (max-width: 400px) {
.startBlock .startImg{
	-moz-transform: scale(0.46);
    -ms-transform: scale(0.46);
    -webkit-transform: scale(0.46);
    -o-transform: scale(0.46);
    transform: scale(0.46);
}
.planList{
	-moz-transform: scale(0.52);
    -ms-transform: scale(0.52);
    -webkit-transform: scale(0.52);
    -o-transform: scale(0.52);
    transform: scale(0.52);
}
.mainPlans .info+.calculator{
	    margin-top: 340px;
}
}
.faqItem.dropItem div#faq-home.head{
	
	padding-left: 24px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 8px;
  display: flex;
  justify-content: space-between;
  background-color: rgba(34,34,34,.8);
  -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: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 21px #ffffff07;
  -moz-box-shadow: 0px 0px 21px #ffffff07;
  box-shadow: 0px 0px 21px #ffffff07;
}
.faqItem.dropItem div#faq-home.head.active,
.faqItem.dropItem div#faq-home.head:hover{
	background-color:#3C5054;
}
div.content div.in div.textBlock div.backImg{min-height:600px; background-repeat:no-repeat;background-position:top center; background-size: auto 100%;}
@media (max-width: 1023px){
div.content div.in div.textBlock div.backImg{min-height:400px;}

}
.planList div.planItem.plan9{
	margin-bottom:-30px;
}
.planItem.plan9 .frontSide {
  background-image: url(../../img/plan_6.png);
}

.planItem.plan6 .frontSide, .planItem.plan7 .frontSide, .planItem.plan10 .frontSide  {
  background-image: url(../../img/plan_7.png);
}
.planList div#extra10.planList{
	margin-right:0px;
	padding-top:0px;
}

.mainAbout>.backImg {
  position: absolute;
  width: 1920px;
  height: 1452px;
  bottom: -0px;
  left: 50%;
  margin-left: -960px;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;
}
 div.planList div#extra10.planList div.planItem.plan10{
 	
 }
 @media (max-width: 1439px) {
 	 div.mainPlans div.container div.wrapper div.right div#extra9.planList{
		/*padding-top: 100px;*/
margin-top: -30px;
	}
	.planList {
    padding-top: 30px;
}
 }
  @media (max-width: 1023px) {
   div.mainPlans div.container div.wrapper div.right div#extra9.planList{
   	top: 545px;
height: 250px;
   }
  div.planList div#extra10.planList{
bottom: -175px;
  }
  .mainPlans .planList{
  	bottom: 870px;
  }
  .mainPlans .info + .calculator{
  	margin-top: 950px;
  }
   div.mainPlans div.container div.wrapper div.right div#extra9.planList{
		padding-top:100px;
		margin-top: 40px;
	}
 }
  
 @media (max-width: 639px) {
   div.mainPlans div.container div.wrapper div.right div#extra9.planList{
   	top: 475px;
height: 250px;
padding-top: 130px;
margin-top: -20px;
padding-top:80px;
		margin-top: 40px;
   }
  div.planList div#extra10.planList{
bottom: -175px;
  }
  .mainPlans .planList{
  	bottom: 870px;
  }
  .mainPlans .info + .calculator{
  	margin-top: 670px;
  }

	html body div.bodyWrap div.mainPlans div.container div.wrapper div.right div.planList div#extra10.planList{
		-moz-transform: scale(0.99);
-ms-transform:scale(0.99);
-webkit-transform:scale(0.99);
-o-transform:scale(0.99);
transform: scale(0.99);
margin-bottom: 5px;
	}
 }
 @media (max-width: 500px) {
   div.mainPlans div.container div.wrapper div.right div#extra9.planList{
   	top: 475px;
height: 250px;
padding-top: 130px;
margin-top: -20px;
padding-top:80px;
		margin-top: 40px;
   }
   }
 @media (max-width: 400px) {

  div.planList div#extra10.planList{
bottom: -175px;
  }
  .mainPlans .planList{
  	bottom: 790px;
  }
  .mainPlans .info + .calculator{
  	margin-top: 480px;
  }
  	 div.bodyWrap div.mainPlans div.container div.wrapper div.right div#extra9.planList{
padding-top:0px;
margin-top: 70px;
top: 465px;
height: 250px;
	}
	div.bodyWrap div.mainPlans div.container div.wrapper div.right div.planList div#extra10.planList{
		-moz-transform: scale(0.99);
-ms-transform:scale(0.99);
-webkit-transform:scale(0.99);
-o-transform:scale(0.99);
transform: scale(0.99);
margin-bottom: 5px;
	}
 }
  @media (max-width: 370px) {

  div.planList div#extra10.planList{
bottom: -175px;
  }
  .mainPlans .planList{
  	bottom: 790px;
  }
  .mainPlans .info + .calculator{
  	margin-top: 480px;
  }
  	 div.bodyWrap div.mainPlans div.container div.wrapper div.right div#extra9.planList{
padding-top: 50px;
margin-top: 70px;
top: 465px;
height: 250px;
	}
	div.bodyWrap div.mainPlans div.container div.wrapper div.right div.planList div#extra10.planList{
		-moz-transform: scale(0.99);
-ms-transform:scale(0.99);
-webkit-transform:scale(0.99);
-o-transform:scale(0.99);
transform: scale(0.99);
margin-bottom: 5px;
	}
 }
 body{
 	min-width:350px;
 }
   ul.errors li#with-req.processed{
       margin-top:-20px !important;
       font-size:22px;
        line-height:30px; 
        border-top: 10px solid #111;
       magrin: -20px 0 20px !important; 
   }
   /*-----------WEEK----------*/
 
ul#weekendtime.contactsList li div.data span.title.dateStr, ul#weekendtime.contactsList li div.data span.txt.timeStr{
	    display: inline;
    font-size: 11px;
    line-height: 15px;
    color: #ffffff;
    letter-spacing: 0.2em;
    text-transform: uppercase;

}
.planList div.planItem.plan11{
	margin-bottom:-30px;
}
.planItem.plan11 .frontSide {
  background-image: url(../../img/plan_11.png);
}

 div#wewk2.planItem.plan1 .frontSide{
 	background-image: url(../../img/plan_11.png);
 }
.planItem.plan6 .frontSide, .planItem.plan7 .frontSide, .planItem.plan10 .frontSide  {
  background-image: url(../../img/plan_7.png);
}
.planList div#extra10.planList{
	margin-right:0px;
	padding-top:0px;
}

.mainAbout>.backImg {
  position: absolute;
  width: 1920px;
  height: 1452px;
  bottom: -0px;
  left: 50%;
  margin-left: -960px;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;
}
 div.planList div#extra10.planList div.planItem.plan10{
 	
 }
 @media (max-width: 1439px) {
 	 div.mainPlans div.container div.wrapper div.right div#extra11.planList{
		padding-top: 130px;
margin-top: -10px;
	}
	.planList {
    padding-top: 30px;
}
 }
  @media (max-width: 1023px) {
   div.mainPlans div.container div.wrapper div.right div#extra11.planList{
   	top: 120px;
height: 250px;
   }
  div.planList div#extra10.planList{
bottom: -175px;
  }
  .mainPlans .planList{
  	bottom: 870px;
  }
  .mainPlans .info + .calculator{
  	margin-top: 1150px;
  }
   div.mainPlans div.container div.wrapper div.right div#extra11.planList{
		padding-top:360px;
		margin-top: 40px;
	}
 }
  
 @media (max-width: 639px) {
   div.mainPlans div.container div.wrapper div.right div#extra11.planList{
   top: 355px;
height: 250px;
padding-top: 130px;
margin-top: -20px;
padding-top:80px;
		margin-top: 40px;
   }
  div.planList div#extra10.planList{
bottom: -175px;
  }
  .mainPlans .planList{
  	bottom: 870px;
  }
  .mainPlans .info + .calculator{
  	margin-top: 780px;
  }

	html body div.bodyWrap div.mainPlans div.container div.wrapper div.right div.planList div#extra10.planList{
		-moz-transform: scale(0.99);
-ms-transform:scale(0.99);
-webkit-transform:scale(0.99);
-o-transform:scale(0.99);
transform: scale(0.99);
margin-bottom: 5px;
	}
 }
@media (max-width: 500px) {
   div.mainPlans div.container div.wrapper div.right div#extra11.planList{
    top: 355px;;
height: 250px;
padding-top: 130px;
margin-top: -20px;
padding-top:80px;
		margin-top: 40px;
   }
   
     .mainPlans .info + .calculator{
  	margin-top: 780px;
  }
}
 @media (max-width: 400px) {

  div.planList div#extra10.planList{
bottom: -175px;
  }
  .mainPlans .planList{
  	bottom: 770px;
  }
  .mainPlans .info + .calculator{
  	margin-top: 540px;
  }
  	 div.bodyWrap div.mainPlans div.container div.wrapper div.right div#extra11.planList{
padding-top: 80px;
margin-top: 70px;
top: 335px;
height: 250px;
	}
	div.bodyWrap div.mainPlans div.container div.wrapper div.right div.planList div#extra10.planList{
		-moz-transform: scale(0.99);
-ms-transform:scale(0.99);
-webkit-transform:scale(0.99);
-o-transform:scale(0.99);
transform: scale(0.99);
margin-bottom: 5px;
	}
 }
  @media (max-width: 370px) {

  div.planList div#extra10.planList{
bottom: -175px;
  }
  .mainPlans .planList{
  	bottom: 790px;
  }
  .mainPlans .info + .calculator{
  	margin-top: 585px;
  }
  	 div.bodyWrap div.mainPlans div.container div.wrapper div.right div#extra11.planList{
padding-top: 50px;
margin-top: 70px;
top: 377px;
height: 250px;
	}
	div.bodyWrap div.mainPlans div.container div.wrapper div.right div.planList div#extra10.planList{
		-moz-transform: scale(0.99);
-ms-transform:scale(0.99);
-webkit-transform:scale(0.99);
-o-transform:scale(0.99);
transform: scale(0.99);
margin-bottom: 5px;
	}
 }
 .mainPlans {
    
    margin-top: 20px;
}
 div#extra11.planList{
 	margin-bottom: -30px;
 }
 div#weekendtext.textBlock{
 	margin-top: 40px;
height: 200px;
margin-bottom: 20px;
 }
  ul#weekendtime.contactsList li div.data span.title.dateStr, div#weekendtext.textBlock ul#weekendtime.contactsList li div.data span.txt.timeStr{
  padding:20px;
  	font-size:20px;
font-weight: 400;
color: #00cb92;
  }

 #weekendtime{
 	padding:20px 0;
 }
span.sectionwewk{
	font-size:20px;
	color: #00cb92;
}
div#weekendtext.textBlock div.titleBlock span.sectionTitle{
	padding: 0 0 20px;
}