/* new css
*/
@charset "UTF-8";
/*@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
*/
@import "toastr.css";
/*****************/
@keyframes pulse {0% {opacity: 0;}50% {transform: scale(1.4);opacity: 0.4;}}
@keyframes fade-up{0% {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}75% {-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;}}
@-webkit-keyframes fade-left{0% {-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}75% {-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0;}}
@keyframes fade-left{0% {-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}75% {-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0;}}
@-webkit-keyframes fade-right{0% {-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}75% {-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0;}}
@keyframes fade-right{0% {-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}75% {-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0;}}
@-webkit-keyframes fade-up{0% {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}75% {-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;}}
@keyframes fade-up{0% {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}75% {-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;}}
@-webkit-keyframes fade-down{0% {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}75% {-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;}}
@keyframes fade-down{0% {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}75% {-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;}}
/*****************/
.header .users--btn {cursor: pointer;}
.top22 {padding-bottom: 5rem;}
.header {
  width: 100%;
  padding: 25px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
}
.header .header-logo {
  margin-right: 3rem;
}
.header .users--btn {
  margin-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.top {
  position: relative;
  z-index: 1;
  background: url("../img/head-f.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-origin: border-box;
  min-height: 250px;
  padding-bottom: 3rem;
}
.top::before, .top.top--tariffs::before {
  content: "";
  position: absolute;
  top: 5%;
  right: 2%;
  z-index: -10;
  width: 370px;
  height: 220px;
  background-image: url("../img/head.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.top.top--tariffs::before {
  top: 5%;
  right: 2%;
  width: 486px;
  height: 290px;
  background-image: url("../img/head-350.png");
}
.top.top-purchase {
  background: url("../img/head-purchase.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: border-box;
}
.top.top-purchase::before {
  background-image: none;
}

.top .top__title {
  font-size: 2.8rem;
  max-width: 78%;
}

.tariffs .tariffs-list {
  padding-left: 5px;
  padding-right: 5px;
}
.tariffs .tariffs-list__title {
  text-align: center;
  font-size: 1.6rem !important;
}
.tariffs .tariffs-list .currency-tarif>span {
  font-size: 1.9rem;
}
.user_tarif .user_tarif-price>span {
  font-size: 1.8rem;
}

.page-title-area.top--tariffs .top__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 140%;
  border-radius: 6px;
  max-width: 340px;
}
.top.top--tariffs .top__btn, .page-title-area.top--tariffs .top__btn {
  height: auto;
  min-height: 2rem;
  color: #366AF3;
  font-size: 1.1rem;
  border: 1px solid #366AF3;
  background: #fff;
  margin-top: 3.5rem;
  padding: 0.7rem 1.6rem;
  transition: 0.3s;
}
.page-title-area.top--tariffs .top__btn {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.top.top--tariffs .top__btn:hover, .top.top--tariffs .top__btn:focus, 
.page-title-area.top--tariffs .top__btn:hover, .page-title-area.top--tariffs .top__btn:focus {
  color: #fff;
  background: #315cce;
  border: 1px solid #315cce;
}
.top .search-form, .top .filter-form {
  width: 72%;
  margin-top: 0.7rem;
  margin-bottom: 1.3rem;
}
.top .search-form .search-form__top-btn:hover, .top .search-form .search-form__top-btn:focus {
  color: #fff;
  background: #315cce;
  border: 1px solid #315cce;
}
.top .search-form .search-form__show-btn {
  text-decoration: none;
}
.top .search-form .search-form__show-btn:hover {
  color: #315cce;
}

.subscribe, .banner {
  background: #366AF3;
  overflow: hidden;
}
.banner .container {
  padding-right: 15px;
  padding-left: 15px;
}
.banner .container::after {
  background: #189fca;
}
/*****************/
.blok-document {
  background-color: #fff;
  padding: 100px 0;
}
.blok-document.blok-favorite {padding-top: 2rem;}
.s-docum, .blok-article {
  font-family: "Open Sans", sans-serif;
  position: relative;
}
.s-docum .h1, .s-docum .h2, .s-docum .h3, .s-docum .h4, .s-docum .h5, 
.s-docum .h6, .s-docum h1, .s-docum h2, .s-docum h3, .s-docum h4, .s-docum h5, .s-docum h6,
.blok-article h1, .blok-article h2, .blok-article h3, .blok-article h4, .blok-article h5, .blok-article h6, 
.sm-text h1, .sm-text h2, .sm-text h3, .sm-text h4, .sm-text h5, .sm-text h6 {
  color: #4b4b4b;
  margin-bottom: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
}
.s-docum .h1, .s-docum h1, 
.blok-article h1 {
  font-size: 2rem;
}
.s-docum .h2-b, .s-docum .h3-b {
  font-weight: 600;
}
.s-docum .h2, .s-docum h2, .blok-article h2 {
  font-size: 1.8rem;
  margin-top: 1.6rem;
}
.s-docum .h3, .s-docum h3, .blok-article h3 {
  margin-bottom: 17px;
  margin-top: 25px;
  font-size: 1.5rem;
}

.s-docum p, .blok-article p {
  margin-bottom: 15px;
  line-height: 1.8;
  color: #606060;
  font-size: 1rem;
  text-indent: 0.5rem;
}

.blok-article h1, .sm-text h2 {
  text-align: center;
  font-weight: bolder;
  color: #130947;
}
.blok-article h2 {
  font-weight: 600;
}

.sm-text h2 {
  font-size: 2rem;
}
.sm-text h3 {
  font-size: 1.8rem;
  margin-top: 1.6rem;
  font-weight: 600;
}
.sm-text h4 {
  margin-bottom: 17px;
  margin-top: 25px;
  font-size: 1.5rem;
}

.s-docum ul, .blok-article ul {
  list-style: disc;
}
.s-docum ul, .s-docum ol, .blok-article ul, .blok-article ol {
  padding: 0;
  margin: 0 0 2rem 2.7rem;
}
.s-docum ul li, .s-docum ol li, .blok-article ul li, .blok-article ol li {
  line-height: 1.4em;
  padding: 0.2rem 0;
  font-size: 1rem;
}
/*****************/
.s-docum>ul:not([style]), .blok-article>ul:not([style]) {
  margin: 0 0 1.8rem 2.2rem;
}
.s-docum>ul:not([style]) li, .blok-article>ul:not([style]) li {
  list-style-type: '-' !important;
  padding-left: 5px;
  line-height: 1.4em;
}
.s-docum>ul:not([style]) li::marker, .blok-article>ul:not([style]) li::marker {
  font-size: 1.2rem;
  font-weight: 500;
}
.s-docum ul.list-style-dash, .blok-article ul.list-style-dash {
  margin: 0 0 1.8rem 2.2rem;
}
.s-docum ul.list-style-dash li, .blok-article ul.list-style-dash li {
  list-style-type: '-' !important;
  padding-left: 5px;
  line-height: 1.4em;
}
.s-docum ul.list-style-dash li::marker, .blok-article ul.list-style-dash li::marker {
  font-size: 1.2rem;
  font-weight: 500;
}
/*****************/
.s-docum ul.faq-list {
  margin: 0;
  padding: 0;
}
.s-docum>ul.faq-list li {
  list-style-type: none !important;
}
.s-docum .faq-list {
  margin-top: 45px;
}
/*****************/
.blok-article blockquote {
  overflow: hidden;
  background-color: #fafafa;
  padding: 1.2rem 2rem !important;
  position: relative;
  text-align: left;
  z-index: 1;
  margin-bottom: 20px;
  margin-top: 20px;
}
.blok-article blockquote::before {
  color: #dddddd;
  position: absolute;
  -webkit-animation: fade-up 1.6s infinite linear;
  animation: fade-up 1.6s infinite linear;
  left: 0.3rem;
  top: 0.5rem;
  z-index: -1;
  content: "\F27E";
  font-family: 'Material Design Icons';
  font-style: normal;
  font-size: 2rem;
}
.blok-article blockquote::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #4f87fb;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
/******************/
.blok-article blockquote h1, .blok-article blockquote h2, 
.blok-article blockquote h3, .blok-article blockquote p {
  margin: 0;
  line-height: 1.4;
  text-indent: 0;
  font-size: 1.1rem;
}
.blok-article blockquote h1, .sm-text blockquote h2 {
  font-size: 1.45rem;
}
.blok-article blockquote h2, .sm-text blockquote h3 {
  font-size: 1.35rem;
}
.blok-article blockquote h3, .sm-text blockquote h4 {
  font-size: 1.2rem;
}
.sm-text blockquote h3 {font-weight: 500;}
/*****************/
.blok-article.s-interview blockquote {
  margin-top: 0;
}
.blok-article.s-interview blockquote::before {
  -webkit-animation: fade-left 2s infinite linear;
  animation: fade-left 2s infinite;
  left: 0.3rem;
  top: 0.5rem;
  content: "\F35F";
  font-size: 2rem;
}
.blok-article.s-interview blockquote.bq-expert::before {
  content: "\F142";
}
.s-trg, .s-expert {
  font-weight: 600 !important;
  margin-bottom: 0 !important;
}
.s-trg {
  color: #3270f2 !important;
}
.s-expert {
  color: #15409a !important;
  margin-top: 1.7rem;
}
.blok-expert p {
  line-height: 1.6;
  margin-bottom: 2.4rem
}
/************************/
/****** User blok *******/
.section-user {
  background: #fff;
  padding: 100px 0;
}
.section-user .container {
  position: relative;
}
.section-user .users_menu>a {
  color: #130947;
  font-weight: 600;
}
.section-user .users_menu .nav-link span {
  margin-right: 0.5rem;
  font-size: 1.2rem;
  line-height: 1;
}
.user-main label {
  color: #918e8e;
  font-size: 1rem;
}
.user-main .user-filed_value {
  color: #000;
  font-size: 1.2rem;
}
.user-count {
  background-color: #366AF3;
  border-radius: 50%;
  color: #fff;
  font-size: 0.8rem;
  min-width: 1.4rem;
  height: 1.4rem;
  text-align: center;
  line-height: 1.8;
  padding: 0;
}
.user_tarif-view {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.user_tarif .user_tarif-name {
  font-size: 1.3rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.user_tarif .user_tarif-date {
  font-size: 1.1rem;
  padding-top: 10px;
  margin-bottom: 1rem;
}
.user_tarif .bk-tarif-price {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1rem;
  _padding-top: 10px;
  margin-bottom: 1rem;
}
.user_tarif .bk-tarif-price .price-tarif {
  font-size: 1.3rem;
  font-weight: 700;
  color: #366AF3;
  margin-left: 0.5rem;
}
.user_tarif .bk-tarif-price .month-tarif {
  font-size: 1rem;
  font-weight: 400;
  color: #AFAFAF;
  margin-left: 0.2rem;
}
/****** End User blok *******/
.s-docum a:hover, .s-docum a:focus, 
.faq-list__answer ul>li>a:hover, .faq-list__answer ul>li>a:focus {
  text-decoration: none;
}
/****** footer *******/
.sletter-title {
  margin-top: 1.5rem;
}
.footer .footer-top .paymetod-list {
  display: flex;
  flex-direction: row;
  margin-top: 0.5rem;
}
.footer .footer-top .paymetod-list>li {
  margin-right: 0.5rem;
  box-shadow: 0 1px 5px 0.5px rgb(198 197 197 / 72%);
}
/******************/
.clr-1 {
  color: #130947 !important;
}
.clr-2 {color: #777 !important;}
.txt-0-8 {font-size: 0.8rem !important;}
.txt-0-85 {font-size: 0.85rem !important;}
.txt-0-9 {font-size: 0.9rem !important;}
.txt-1-05 {font-size: 1.05rem !important;}
.txt-1-15 {font-size: 1.15rem !important;}
.txt-1-4 {font-size: 1.4rem !important;}
.txt-1-5 {font-size: 1.5rem !important;}
.fw-500 {font-weight: 500 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700 !important;}
.s-mb-0 {margin-bottom: 0 !important;}
.s-mb-05 {margin-bottom: 0.5rem !important;}
.ds-none {display: none !important;}
/*****************/
.user_top_menu {
  min-width: 200px;
  position: absolute;
  top: 2.2rem;
  left: -2rem;
  z-index: 9999;
  background: #fff;
  _box-shadow: 0 0 25px 0 rgb(0 0 0 / 12%);
  padding: 15px;
  box-shadow: 0 1px 5px 0.5px rgb(198 197 197 / 90%);
  border-radius: 2px;
}
.user_top_menu .users_menu a {
  padding: 0.4rem 1rem 0.6rem;
  font-size: 1rem;
  display: flex;
  color: #4D698B;
}
.user_top_menu .users_menu a:hover, 
.user_top_menu .users_menu a.active {
  color: #366AF2;
}
/*****************/
.form-control {
  border-radius: 5px;
  border: 1px solid #e4e4e4;
}

.btn-pay-info .btn-pay {
  font-size: 1.25rem;
  font-weight: 600;
  border-radius: 4px;
  color: #fff !important;
  background: #1170e4;
  border-color: #3988e8;
}
.btn-pay-info .btn-pay:hover, .btn-pay-info .btn-pay:focus {
  opacity: 0.7;
}
/*****************/
.vn-filter {
  margin-bottom: 4rem;
}
.vn-filter .form-control, 
.vn-filter .choices__inner, 
.vn-filter .choices__inner .choices__input {
  background-color: #f5f5f5;
}
.vn-filter .form-control:focus, 
.vn-filter .is-focused .choices__inner, 
.vn-filter .is-focused .choices__inner .choices__input {
  background-color: #fff;
}
.vn-filter .form-group-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}
.vn-filter .inner-wrapper {
  display: flex;
}
.vn-filter .btn-filter-search {
  background-color: #366AF3;
  border: 1px solid #366AF3;
  color: #fff !important;
}
.vn-filter .form-group {
  padding-bottom: 0.5rem;
}
.vn-filter .btn-blok {
  padding-top: 1.5rem;
}
.vn-filter .purchases-list__item .list-right .date-list {
  margin-top: 2.2rem;
}
.vn-filter .form-group .clear-btn, .vn-filter .form-group .clear-btn-text {
  color: rgba(54,106,243,0.3);
  cursor: pointer;
  float: right;
}
.vn-filter .btn-primary {
  border-radius: 6px;
  color: #161D38;
  font-size: 20px;
  padding: 1rem 2rem;
  text-decoration: none;
  line-height: 1;
  transition: 0.3s;
}
.vn-filter .btn-filter-search {
  background-color: #366AF3;
  border: 1px solid #366AF3;
  color: #fff !important;
  margin-right: 0.7rem;
}
.vn-filter .btn-filter-reset {
  background-color: #366AF3;
  border: 1px solid #366AF3;
  color: #fff !important;
}
.vn-filter .btn-filter-save {
  background-color: #fff;
  border: 1px solid #366AF3;
  color: #366AF3 !important;
  margin-right: 0.7rem;
}
.vn-filter .btn-filter-search i, .vn-filter .btn-filter-reset i {
  position: relative;
  font-size: 1.5rem;
  margin-right: 0.3rem;
}
.btn-filter-search .spinner-border-sm, 
.btn-filter-save .spinner-border-sm, 
.btn-filter-reset .spinner-border-sm {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5rem;
}
.btn-filter-search:hover, .btn-filter-reset:hover {
  background-color: #fff;
  color: #366AF3 !important;
}
.btn-filter-save:hover {
  background-color: #366AF3;
  color: #fff !important;
}
.tab-content .search-form__btn.btn--blue {
  background-color: #366AF3;
  border: 1px solid #366AF3;
  color: #fff;
  padding: 16px 60px;
}

.wrapper-lots .purchases__title {
  font-size: 2.4rem;
}
.purchases-list .btns-right-blok {
  display: none;
}
.purchases-list__item .list-right .price-list .price-list-text {
  font-size: 2.4rem;
}
.wrapper-lots .purchases-list__item {
  border-radius: 4px;
}
.wrapper-lots .purchases-list__item:hover {
  box-shadow: 0 1px 5px 0.5px rgb(198 197 197 / 52%);
}
.wrapper-lots .name-link {
  cursor: pointer;
}
.wrapper-lots .page-item.active .page-link {
  color: #fff !important;
}
/*****************/
@media (max-width: 991px) {
  .user_top_menu {
    left: auto;
  }
}
@media (max-width: 992px) {
  .mean-container a.meanmenu-reveal span {
    background: none;
  }
  .mean-container .mean-nav ul li a {
    font-size: 1rem;
  }
  a.meanmenu-reveal, a.meanmenu-reveal .mdi-menu {
    color: #4f87fb !important;
	font-size: 2.5rem !important;
  }
  .navbar-area .smmnav-responsive-nav .mean-container a.meanmenu-reveal {
    color: #4f87fb !important;
	text-indent: 0px;
  }
}
@media (max-width: 768px) {
  .header .header-logo {
    margin-right: auto;
  }
  .header .users--btn {
    margin-left: auto;
  }
  
  .page-title-area {
    background-image: url("../img/head-760.jpg");
  }
  .page-title-area.is-purchase {margin-bottom: 2rem;}
  .page-title-content h1 {
    font-size: 2.1rem;
    max-width: 100%;
    min-height: 90px;
    margin-bottom: 1rem;
  }
  .is-purchase .page-title-content h1 {
    margin-bottom: 1rem;
  }
  .page-title-content p.area_subtitle {
    font-size: 1.2rem;
    max-width: 100%;
    margin-bottom: 0.2rem;
    line-height: 1.4;
  }
  .page-title-content .search-form {
    margin-top: 0.7rem;
    margin-bottom: 1rem;
  }
  .page-title-content .search-form, .page-title-content .filter-form {
    width: 100%;
    margin-top: 0.7rem;
    margin-bottom: 1rem;
  }
  .page-title-content .search-form .search-form__fieldset {
    height: 48px;
  }
  
  .subscribe .subscribe-form {
    display: flex;
    flex-direction: column;
	padding: 0 1.7rem;
  }
  .subscribe .subscribe-form .subscribe-form__txt {
    max-width: 100%;
  }
  /*****************/
  .purchases-list .btns-left-blok {
    display: none;
  }
  .purchases-list .btns-right-blok {
    display: flex;
  }
  /*****************/
  .section-user {
    padding-top: 40px;
  }
  .blok-account .b-account-menu {display:none!important}
  .blok-account {
	padding: 0 28px;
  }
  .blok-account .col-sm-9 {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 760px) {
  .vn-filter {
    padding: 0 1rem;
  }
  .vn-filter .form-group-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 640px) {
  .users_block-wrap .user-main label {
	display: block;
  }
}
@media (max-width: 524px) {
  .page-title-content .search-form .search-form__fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .page-title-content .search-form .search-form__show-btn {display: none;}
  
  .subscribe .container {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .subscribe .subscribe__title {
    font-size: 1.7rem;
  }
  .subscribe .subscribe-form {
	padding: 0 1.2rem;
	margin-top: 1.2rem;
  }
  
  .footer .footer-top .footer-block {
    text-align: center;
  }
  .footer .footer-top .socials-list, .footer .footer-top .paymetod-list {
    flex-direction: row;
    justify-content: center;
  }
  /*****************/
  .vn-filter {
    margin-bottom: 2rem;
    border-bottom: 2px solid #e4e1e1;
  }
  .vn-filter .inner-wrapper {
    flex-direction: column;
	margin-bottom: 1.5rem;
  }
  .vn-filter .btn-filter-search, .vn-filter .btn-filter-save {
    margin-bottom: 1rem;
	margin-right: 0;
  }
  .wrapper-lots .purchases-list {
    margin-top: 1.6rem;
  }
  .wrapper-lots .purchases-list__item {
    border-radius: 4px;
	margin-bottom: 1rem;
	box-shadow: 0 1px 5px 0.5px rgb(198 197 197 / 52%);
  }
  /*****************/
  .blok-account {
	padding: 0 20px;
  }
  /*****************/
  .btn-pay-info .btn-pay {
	font-size: 1.2rem;
	height: auto;
	padding: 0.5rem .65rem;
  }
}
@media (max-width: 444px) {
  .header {
    margin-bottom: 1.6rem;
  }
  .top {
    padding-bottom: 3rem;
  }
  .top .top__title {
    font-size: 2rem;
    max-width: 100%;
  }
  /*****************/
  .vn-filter {
    padding: 0 0.5rem;
  }
  .purchases-list__item .btns .link {
    padding: 0.8rem 2.6rem;
  }
  /*****************/
  .section-user {
    padding-top: 20px;
  }
  .blok-account {
	padding: 0 10px;
  }
}
@media (max-width: 420px) {
  
  .img-fluid.img-header-logo {
    max-width: 80%;
  }
  .blok-document {
    padding-top: 4.1rem;
  }
  .s-docum {
    padding: 0 15px;
  }
  .s-docum .h1, .s-docum h1, .blok-article h1, .sm-text h2 {
    font-size: 1.6rem;
  }
  .s-docum .h2, .s-docum h2, .blok-article h2, .sm-text h3 {
    font-size: 1.45rem;
  }
  .s-docum .h3, .s-docum h3, .blok-article h3, .sm-text h4 {
    font-size: 1.2rem;
  }
  
  .s-docum ul, .s-docum ol, 
  .blok-article ul, .blok-article ol {
    margin-left: 2.2rem;
  }
  
  .blok-article blockquote h1, .blok-article blockquote h2, 
  .blok-article blockquote h3, .blok-article blockquote p {
    font-size: 1rem;
  }
  
  .blok-expert p {
	line-height: 1.4;
  }
  
  .tariffs .tariffs-list .img-wrapper {
    width: 35%;
    height: auto;
  }
}
@media (max-width: 376px) {
  .btn-pay-info .btn-pay {
	font-size: 1.02rem;
  }
}