/* Import Font GothamPro */
@import url('../fonts/GothamPro/stylesheet.css');
/* Import Font SanFranciscoPro */
@import url('../fonts/SanFranciscoPro/stylesheet.css');

* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

body.blocked {
    overflow-y: hidden;
}

.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.content {
    flex: 1 0 auto;
}

.main-footer {
    flex: 0 0 auto;
}

span.select2.select2-container.select2-container--classic{
    width: 100% !important;
}

/* Cookie */
.cookies-agreement {
    width: 100%;
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0;
    text-align: center;
}

.secure-policy {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 900;
    overflow: hidden;
}

.secure-policy > .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: #000;
    opacity: .7;
    z-index: 100;
}

.secure-policy .form-check > label {
    cursor: pointer;
}

.secure-policy .content-holder {
    position: absolute;
    left: 35%;
    top: 35%;
    min-width: 300px;
    padding: 3rem;
    background-color: #fff;
    border-radius: 10px;
    z-index: 200;
}

.secure-policy .action-btns {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 2.5rem;
}

body {
	background: linear-gradient(90deg, #F0E9F3 0.45%, #FFF 99.81%);
}

h2 {
	color: rgba(0, 0, 0, 0.85);
	font-family: "Gotham Pro";
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.875rem;
	text-transform: uppercase;
	margin-bottom: 2.63rem;
	letter-spacing: 0;
}

h2 > span.alt {
	color: #7B68EE;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.375rem;
	display: flex;
	padding-top: 0.5rem;
}

h3 {
	font-family: "Gotham Pro";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.88);
	margin-bottom: 1.5rem;
	letter-spacing: 0;
}

h4 {
	font-family: "Gotham Pro";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.375rem;
	text-transform: uppercase;
	margin-bottom: 1.08rem;
	letter-spacing: 0;
}

p {
	margin-bottom: .5rem;
}

h1 > span,
h2 > span,
h3 > span {
	color: #7B68EE;
}

a {
	color: #4096FF;
	text-decoration: none;
}

a:hover {
	color: #E29C10;
	text-decoration: none;
}

.content {
	font-family: 'SF Pro Display';
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	color: rgba(0, 0, 0, 0.88);
	letter-spacing: -1px;
}

.content .main-page-title {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1.7rem;
}

.content .main-page-title h2 {
	margin-bottom: 0;
}

.main-page-title h2 > span {
	color: #7B68EE;
}

/* Sidebar post menu */
.content.alt .sidebar.menu {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: 0.9;
    width: 220px;
    height: 100%;
    padding: 2.7rem .3rem .3rem;
    -webkit-transition: width 0.7s ease-in-out;
    -moz-transition: width 0.7s ease-in-out;
    -o-transition: width 0.7s ease-in-out;
    transition: width 0.7s ease-in-out;
	z-index: 1000;
}

.content.alt .sidebar.menu.hidden {
    width: 60px;
}

.content.alt .sidebar.menu .btn {
	background-color: #f4f5f7;
}

.content.alt .sidebar.menu .nav.flex-column {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.3s, opacity 0.3s linear;
}

.content.alt .sidebar.menu.hidden .nav.flex-column {
    visibility: hidden;
    opacity: 0;
}

.content.alt .sidebar.menu .btn-fade {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    width: 2.5rem;
  	height: 1.7rem;
	border-radius: 5px;
	background-color: #FAAD14;
}

.sidebar.menu > ul > li > a {
	color: #212529;
	padding: .5rem;
	display: block;
}

.sidebar.menu > ul > li > a:hover {
	background-color: #eeebfe;
}

.content.alt .sidebar.menu.hidden .btn-fade {
    right: 5px;
    color: #fff;
    background-color: #7B68EE;
	border-color: #4e555b;
}

.content.alt .sidebar.menu .btn.btn-fade::after {
    transform: rotate(90deg);
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.content.alt .sidebar.menu.hidden .btn.btn-fade::after {
    transform: rotate(-90deg);
    background: url("../img/icons/btn-fade-arrow.svg") 50% 50% no-repeat;
}

.btn {
	border-radius: 2rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0.5rem 1.5rem;
	height: 3.5rem;
	border: none;
	font-family: "Gotham Pro";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 0;
}

.post-position-nav .btn {
    width: 2rem;
    height: 2rem;
}

.btn.btn-primary {
	background-color: #7B68EE;
}

.main.landing .btn.btn-primary {
	box-shadow: 4px 10px 25px 0px rgba(123, 104, 238, 0.50);
}

.btn.btn-primary:hover {
	background-color: #722ED1;
}

.main.landing .btn.btn-primary:hover {
	box-shadow: 4px 10px 25px 0px rgba(123, 104, 238, 0.50);
}

.btn.btn-secondary {
	background-color: #FFC53D;
	color: #000000;
}

.main.landing .btn.btn-secondary {
	box-shadow: 4px 12px 20px 0px rgba(255, 197, 61, 0.50);
}

.btn.btn-secondary:hover {
	background-color: #FAAD14;
}

.main.landing .btn.btn-secondary:hover {
	box-shadow: 4px 12px 20px 0px rgba(255, 197, 61, 0.50);
}

.custom-control-label {
	cursor: pointer;
}

.custom-control-label::before {
	background-color: #7B68EE !important;
	border-color:  #7B68EE !important;
}

/* Header */
header {
	display: flex;
  	align-items: center;
	font-family: 'Gotham Pro';
	width: 100%;
	height: 3.75rem;
	background: linear-gradient(90deg, rgba(255, 120, 116, 0.88) 0%, rgba(108, 92, 209, 0.88) 19.48%, rgba(0, 0, 0, 0.88) 86.45%);
}

header a {
	color: #FFF;
}

/* Header menu */
header nav.navbar {
	flex-shrink: 0;
	padding: 0;
	justify-content: center;
}

header ul.header-menu {
	gap: 2.31rem;
}

header ul.header-menu > li {
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.375rem;
}

header ul.header-menu > li > a.nav-link {
	padding: 0 !important;
	display: inline-flex;
}

header ul.header-menu > li > a.nav-link:hover {
	color: #FFC53D;
}

header ul.header-menu > li > a.dropdown-toggle::after {
	width: 24px;
	height: 24px;
	align-items: center;
	margin-left: .25rem;
	padding-right: 25px;
	background: url("../img/menu-arrow-bottom.svg") 100% 0 no-repeat;
	background-size: 24px 24px;
	border: none;
}

header ul.header-menu > li.show > a.dropdown-toggle::after {
	transform: rotate(180deg);
}

header ul.header-menu > li > .dropdown-menu {
	top: 40px;
	background-color: #60559F;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.375rem;
	border-radius: 0;
	margin: 0;
}

header ul.header-menu > li > .dropdown-menu a {
	background-color: transparent;
	border: none;
	color: #fff;
}

header ul.header-menu > li > .dropdown-menu a:hover {
	color: #FFC53D;
}

.logo {
	background: url("../img/logo.png") 0 0 no-repeat;
	width: 220px;
    height: 60px;
    display: flex;
	margin-left: -1rem;
    background-position: 50% 50%;
    background-size: 220px 60px;
}

.info-holder {
	padding: 0 1rem;
}

/* Main Banner */
.main-banner {
	font-family: 'Gotham Pro';
	background: url("../img/main-banner-bg.png") 100% 0 no-repeat;
	width: 100%;
	color: #000C17;
	margin-bottom: 6.44rem;
	letter-spacing: 0;
}

.main-banner .main-banner-holder {
	min-height: 34.4375rem;
	position: relative;
}

.main-banner .container {
	padding-top: 6.69rem;
}

.main-banner .info-block {
	display: flex;
	width:  41.9rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 3.63rem;
}

.main-banner .info-block h4 {
	font-size: 1.43rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.02rem;
	letter-spacing: -0.02156rem;
	margin: 0;
	text-transform: none;
}

.main-banner .info-block h4 span {
	color: #7B68EE;
}

.main-banner .info-block h1 {
	font-size: 2.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 120% */
	text-transform: uppercase;
	margin: 0;
}

.main-banner .info-block h1 > span {
	display: flex;
}

.main-banner .banner-holder {
	position: relative;
}

.main-banner .banner-holder .logo-alt {
	position: absolute;
	bottom: -5rem;
  	right: 1rem;
	width: 201px;
	height: 179px;
	background: url('../img/icons/logo-rect.svg') 0 0 no-repeat;
	flex-shrink: 0;
}

.main-banner .auth-block {
	display: flex;
	align-items: flex-start;
}

.main-banner .auth-btns {
	display: inline-flex;
	align-items: flex-start;
    background: url('../img/v-line-1.png') 100% 50% no-repeat;
    margin-right: 1rem;
}

.main-banner .auth-block .btn-signup {
	margin-right: 1.5rem;
}

.main-banner .auth-block .btn-signin {
	margin-right: 1rem
}

.main-banner .auth-block .auth-info {
	width: 16rem;
	color: rgba(0, 0, 0, 0.65);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.375rem;
	text-transform: uppercase;
	display: flex;
	margin-top: -0.3rem;
}

.main-banner .auth-block .auth-info p {
	margin-bottom: 0;
}

.rect-icon {
	width: 5rem;
	height: 5rem;
	padding: 1.15rem;
	border-radius: 12px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.about .rect-icon {
	background-color: #FF7875;
	box-shadow: 4px 10px 25px rgba(255, 120, 117, 0.50);
}

.services .rect-icon {
	background-color: #7B68EE;
	box-shadow: 4px 10px 25px rgba(123, 104, 238, 0.50);
}

.tariffs .rect-icon {
	background-color: #FFC53D;
	box-shadow: 4px 12px 20px rgba(255, 197, 61, 0.50);
}

/* About */
.about {
	margin-bottom: 12.56rem;
}

.about h2,
.services h2 {
	width: 48.75rem;
}

.about .main-page-title {
	margin-bottom: 4.62rem;
}

.about .about-list {
}

.about .about-list .row {
	display: inline-flex;
	align-items: center;
	margin: 0 -1.15rem;
}

.about .about-list .row > div {
	padding: 0 1.15rem;
}

.about .about-list .about-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 1.5rem;
	border-radius: 0.75rem;
	background: #FFF;
	color: rgba(0, 0, 0, 0.88);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem;
	gap: 1rem;
}

.about .about-list .about-card .about-card-tit {
	display: flex;
	gap: 0.5rem;
}

.about .about-list .about-card .about-card-tit h3 {
	margin: 0;
}

.about .about-list .about-card.first {
	border: 1px solid #FF7875;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
}

.about .about-list .about-card.second {
	border: 1px solid #FFC53D;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
}

.about .about-list .about-card.third {
	border: 1px solid #4096FF;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
}

.about .about-list .about-card p {
	margin: 0;
}

/* Services */
.services {
	background: url("../img/services-bg.png") 100% 0 no-repeat;
	background-size: 100%;
	padding-bottom: 12.5rem;
}

.services .services-info {
	display: inline-flex;
	position: relative;
}

.services .main-page-title {
	margin-bottom: 2.56rem;
}

.services ul.services-list  {
	margin: 0 6.5rem 0 5.5rem;
	width: 60%; /* 37.6rem; */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2rem;
	border-radius: 0;
}

.services .list-group .list-group-item {
	background-color: transparent;
	padding: 0;
	border: none;
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem;
}

.services .list-group .services-icon {
	width: 2.5rem;
	height: 2.5rem;
	fill: #FF7875;
	background-color: #FF7875;
	display: flex;
	border-radius: 10px;
	padding: 0.5rem;
}

.services h3.services-prod-title {
	position: absolute;
	top: 50%;
 	right: 18%;
	transform: rotate(-90deg);
	white-space: nowrap;
	color: #7B68EE;
	text-transform: uppercase;
	margin: 0;
	font-size: 1.5rem;
	line-height: 2.375rem;
}

.services .services-client {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	width: 36%;
}

.services .services-client .service-card {
	display: flex;
	padding: 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	border-radius: 0.75rem;
	background: #FFF;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
}

.services .services-client .service-card p {
	margin: 0;
}

.services .service-card .client-card-tit {
	display: flex;
	gap: 0.5rem;
}

.services .service-card .client-card-tit h3 {
	margin: 0;
	padding-top: 0.2rem;
}

/* Advantages */
.advantages {
	background: url("../img/advantage-bg.png") 100% 170px no-repeat;
}

.advantages-holder {
	padding-bottom: 12.5rem;
}

.advantages .main-page-title {
	margin-bottom: 3.62rem;
}

.advantages .main-page-title h2 {
	text-shadow: 4px 4px 4px #ccc;
}

.advantages .advantages-info {
	position: relative;
}

.advantages .advantages-info .advantages-description {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40%;
}

.advantages .advantages-info .advantages-description h3 {
	color: rgba(0, 0, 0, 0.65);
	font-family: "Gotham Pro";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	text-transform: uppercase;
	text-shadow: 3px 3px 3px #ccc;
	margin: 0;
	letter-spacing: 0;
}

.advantages .advantages-info .advantages-description h3 span {
	color: #7B68EE;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem;
	text-transform: uppercase;
}

.advantages .advantages-list {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	margin-left: 5.5rem;
}

.advantages .advantages-list .advantage-card {
	display: flex;
	width: 60%; /*30.3rem;*/
	padding: 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	border-radius: 0.75rem;
	background: #FFF;
	line-height: 1.5rem;
	box-shadow: 1px 3px 1px #ccc;
}

.advantages .advantages-list .advantage-card .advantage-card-tit {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.advantages .advantages-list .advantage-card .advantage-card-tit h3 {
	font-size: 1rem;
	line-height: 1.75rem;
	margin: 0;
}

.advantages .advantages-list .advantage-card p {
	margin: 0;
}

.advantages .rect-icon {
	background-color: #FF7875;
    box-shadow: 4px 10px 25px rgba(255, 120, 117, 0.50);
}

/* Tariffs */
.tariffs {
	margin-bottom: 6.25rem;
}

.tariffs .main-page-title {
	margin-bottom: 3.06rem;
}

.tariffs  .tariff-list {
	display: flex;
  	align-items: center;
  	justify-content: center;
}

.tariffs .tariff-list.info-holder {
	padding: 0 3.06rem;
}

.tariffs  .tariff-list .row {
	display: inline-flex;
	align-items: flex-start;
	margin: 0 -1.5rem;
	flex-shrink: 0;
}

.tariffs .tariff-list .row  > div {
	padding: 0 0.75rem;
}

.tariffs .tariff-list .tariff-card {
	position: relative;
	width: 21.875rem;
	height: 20.75rem;
	border-radius: 0.75rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	background: #FFF;
	color: #000;
	text-align: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
}

.tariffs .tariff-list .tariff-card .heat-label {
	visibility: hidden;
	position: absolute;
	right: 0;
	top: -1rem;
	width: 67px;
	height: 120px;
	flex-shrink: 0;
	background: url("../img/heat-label.svg") 0 0 no-repeat;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.heat-label > span {
	padding-right: 5rem;
	padding-top: 0.3rem;
	color: rgba(0, 0, 0, 0.65);
	font-family: "Gotham Pro";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.375rem;
	text-transform: uppercase;
	transform: rotate(-90deg);
	letter-spacing: 0;
}

.tariffs .tariff-list .tariff-card.heat .heat-label {
	visibility: visible;
}

.tariffs .tariff-list .tariff-card.first {
	border: 1px solid  #FF7875;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
}

.tariffs .tariff-list .tariff-card.second {
	border: 1px solid #FFC53D;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
}

.tariffs .tariff-list .tariff-card.third {
	border: 1px solid #4096FF;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
}

.tariffs .tariff-list .tariff-card .tariff-name {
	font-family: 'SF Pro Display';
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.75rem;
	text-transform: unset;
	margin-bottom: 2rem;
	text-align: center;
}

.tariffs .tariff-list .tariff-card .price {
	text-align: center;
	font-family: "Gotham Pro";
	font-size: 2.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
	margin-bottom: 1rem;
	letter-spacing: 0;
}

.tariffs .tariff-list .tariff-card.first .price,
.tariffs .tariff-list .tariff-card.first .tariff-name {
	color: #FF7875;
}

.tariffs .tariff-list .tariff-card.second .price,
.tariffs .tariff-list .tariff-card.second .tariff-name {
	color: #FFC53D;
}

.tariffs .tariff-list .tariff-card.third .price,
.tariffs .tariff-list .tariff-card.third .tariff-name {
	color: #4096FF;
}

.tariffs .tariff-list .tariff-card .tariff-info {
	color: #000;
	text-align: center;
	font-family: "SF Pro Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	margin-bottom: 0.56rem;
}

.tariffs .tariff-list .tariff-card .tariff-info.days {
	margin-bottom: 1.31rem;
}

.tariffs .tariff-list .tariff-card .btn {
	padding: 0.5rem 2rem;
}

/* Bottom block */
.bottom-block {
	background: url("../img/bottom-block-bg.png") 100% 100% no-repeat;
	background-size: 100% 100%;
	padding: 6.25rem 0 4.37rem 0;
}

.bottom-block .bottom-block-holder {
	position: relative;
}

.bottom-block .bottom-block-holder .img-structure-logo {
	position: absolute;
	left: -1.5rem;
	top: 2.45rem;
	background: url("../img/bottom_block_bg.png") 0 0 no-repeat;
	width: 666px;
 	height: 335px;
 	z-index: 1;
}

.bottom-block .reg-info {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.bottom-block .main-page-title {
	display: inline-flex;
	gap: 0.5rem;
	text-align: right;
	margin-bottom: 8.25rem;
}

.bottom-block .auth-block {
	display: inline-flex;
	align-items: flex-start;
	gap: 1.5rem;
	margin: 0 2.69rem 2.31rem 0;
}

.bottom-block h1.bottom-tit{
	color: #FFF;
	text-align: right;
	font-family: "Gotham Pro";
	font-size: 3.24rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.54rem;
	text-transform: uppercase;
	opacity: 0.2;
	margin: 0;
	z-index: 10;
	letter-spacing: 0;
}

/* Footer */
footer {
	display: flex;
	align-items: center;
	height: 3.75rem;
	background: linear-gradient(90deg, rgba(29, 29, 29, 0.88) 8.61%, rgba(133, 63, 225, 0.88) 80.13%, rgba(255, 188, 1, 0.88) 100%);
}

footer a {
	color: #fff;
}

footer nav.navbar {
	flex-shrink: 0;
	padding: 0;
	justify-content: space-between;
}

footer ul.footer-menu {
	gap: 2.06rem;
}

footer ul.footer-menu > li {
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.375rem;
}

footer ul.footer-menu > li > a.nav-link {
	padding: 0 !important;
}

footer ul.footer-menu > li > a.nav-link:hover {
	text-decoration: underline;
	color: #fff;
}

ul.network-list {
	gap: 1rem;
	justify-content: center;
	align-items: center;
	display: inline-flex;
	padding-top: .5rem;
	flex-direction: row;
}

.post ul.network-list {
	padding-top: 0;
}

ul.network-list > li.vk{
	margin-left: -0.4rem;
}

ul.network-list > li > a.nav-link {
	display: flex;
	align-items: center;
	padding: 0 !important;
}

ul.network-list > li > a.nav-link img {
	vertical-align: top;
}

.copyright {
	display: flex;
	height: 3.75rem;
	align-items: center;
	flex-shrink: 0;
	background-color: #000;
}

.copyright .copyright-info {
	display: flex;
	justify-content: space-between;
	color: #FFF;
	font-family: "Gotham Pro";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.375rem;
	letter-spacing: 0;
}

/* Modal */
.modal-body {
	padding: 0;
}

.modal-body label {
    cursor: pointer;
}

.modal-body .option-info {
	display: block;
	padding: 1rem;
}

.modal-body .option-info .error-text
{
    background-color: transparent;
    border: none;
    color: red;
}

.modal.sub-rule h5
{
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.375rem;
    font-family: "Gotham Pro";
}

.modal.sub-rule label.check
{
    text-transform: none;
}

.modal.sub-rule label.check > input[type="checkbox"]
{
    margin-right: 5px;
}

.option-txt {
	color: var(--colorTextHeading, rgba(0, 0, 0, 0.88));
	font-family: "Gotham Pro";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.375rem;
	text-transform: uppercase;
	letter-spacing: 0;
}

.option-txt span {
	display: flex;
}

.option-txt span.special {
	font-family: "SF Pro Display";
	font-weight: 400;
	letter-spacing: -1px;
	color: #1890FF;
}

blockquote {
	margin: 0 0 1rem;
	border-left: 5px solid #ccc;
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 10px 8px 5px 20px;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
	border-left-width: 5px;
}

/* Media */
@media (min-width: 1440px) {
	.container {
		max-width: 1200px;
	}

	.content.alt {
		min-height: 750px;
	}
}

@media (min-width: 992px) and (max-width: 1440px) {
	h2 {
		font-size: 1.5rem;
		line-height: 2.375rem;
		margin-bottom: 2rem;
	}

	h3 {
		font-size: 1rem;
		line-height: 1.75rem;
	}

	header {
		background: linear-gradient(90deg, rgba(123, 104, 238, 0.88) 0%, rgba(0, 0, 0, 0.88) 58.3%);
	}

	.content.alt {
		min-height: 750px;
	}

	.info-holder {
		padding: 0;
	}

	/* Main banner */
	.main-banner {
		background: url("../img/main-banner-middle-bg.png") 100% 0 no-repeat;
		margin-bottom: 5rem;
	}

	.main-banner .main-banner-holder {
		min-height: 34.4rem;
	}

	.main-banner .container {
		padding-top: 8.19rem;
	}

	.main-banner .info-block {
		width: 29rem;
		gap: 0.75rem;
		margin-bottom: 4.31rem;
	}

	.main-banner .info-block h4 {
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.5rem;
		text-transform: uppercase;
	}

	.main-banner .info-block h1 {
		font-size: 2rem;
		font-style: normal;
		font-weight: 700;
		line-height: 175%;
	}

	.main-banner .auth-block .auth-info {
		color: rgba(0, 0, 0, 0.65);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.5rem;
		text-transform: uppercase;
	}

	.main-banner .banner-holder .logo-alt {
		background: url("../img/icons/logo-rect-middle.svg");
		width: 151px;
		height: 129px;
	}

	/* About */
	.about {
		margin-bottom: 10rem;
	}

	.about .main-page-title {
		margin-bottom: 3.38rem;
	}

	.about .about-list .row {
		margin: 0 -0.75rem;
	}

	.about .about-list .row > div {
		padding: 0 .75rem;
	}

	.about .about-list .about-card {
		font-size: 1rem;
	}

	/* Services */
	.services {
		background-position: 100% 50%;
		padding-bottom: 10rem;
	}

	.services ul.services-list {
		margin-left: 0;
	}

	.services .list-group .list-group-item {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.services .services-client {
		gap: 1rem;
	}

	.services .services-client .service-card {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	/* Advantages */
	.advantages-holder {
		background: url("../img/advantage-middle-gradient.png") 100% 0 no-repeat;
		background-size: cover;
		padding-bottom: 10rem;
	}

	.advantages .main-page-title {
		margin-bottom: 2.5rem;
	}

	.advantages .advantages-list {
		margin-left: 0;
	}

	.advantages .advantages-list .advantage-card {
		box-shadow: none;
	}

	/* Tariffs */
	.tariffs {
		margin-bottom: 5rem;
	}

	.tariffs .tariff-list.info-holder {
		padding: 0;
	}

	.tariffs .tariff-list .tariff-card {
		width: 18rem;
	}

	/* Bottom block */
	.bottom-block {
		padding-top: 5rem;
	}

	.bottom-block .main-page-title {
		margin-bottom: 8.94rem;
	}

	.bottom-block .bottom-block-holder .img-structure-logo {
		background: url("../img/bottom_block_middle_bg.png") 0 0 no-repeat;
		width: 539px;
		height: 271px;
		top: 6rem;
	}

	.bottom-block .auth-block {
		margin-right: 0;
	}

	/* Footer */
	footer ul.footer-menu {
		gap: 1.06rem;
	}
}

@media (min-width: 320px) and (max-width: 992px) {
	h2 {
		font-size: 1.25rem;
		line-height: 2rem;
	}

	h3 {
		font-size: 1rem;
		line-height: 1.75rem;
	}

	.content {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.content .main-page-title {
		margin-bottom: 1.75rem;
	}

	.about h2, .services h2 {
		width: 100%;
	}

    /* Sidebar menu */
    .content.alt .sidebar.menu {
        width: 110px;
        padding: 0.3rem;
        font-size: 13px;
    }

    .content.alt .sidebar.menu.hidden {
    }

    .content.alt .sidebar.menu .btn-fade {
        padding: 0;
    }

    .content.alt .sidebar.menu.hidden .btn-fade {
        right: 5px;
    }

    /* Header */
	header {
		height: 2.5rem;
		background: linear-gradient(90deg, rgba(123, 104, 238, 0.88) 0%, rgba(0, 0, 0, 0.88) 58.3%);
	}

	.logo {
		width: 10.3125rem;
		height: 2.33556rem;
		background: url("../img/logo-mini.png");
	}

	/* Header menu */
	header .navbar {
		justify-content: space-between;
	}

	header .navbar-expand-sm .navbar-toggler {
		display: flex;
		position: absolute;
		right: 0;
	}

	header .navbar-expand-sm .navbar-toggler .navbar-toggler-icon{
		display: flex;
		width: 1.5rem;
		height: 1rem;
		background: url("../img/icons/navbar_mobile_menu.svg") 0 0 no-repeat;
	}

	header .collapse:not(.show) {
		display: none !important;
	}

	header .navbar-collapse {
		position: absolute;
	    left: 0;
	    top: 37px;
	    background-color: #60559F;
	    width: 100% !important;
	    height: auto;
	    z-index: 100;
	    padding: .69rem;
	}

	header ul.header-menu {
		gap: 0.1rem;
		display: flex;
		flex-direction: column !important;
		margin: 0 !important;
	}

	header ul.header-menu > li > a.nav-link {
		padding: 0.5rem !important;
	}

	ul.header-menu > li > a:hover,
	ul.header-menu > li > .dropdown-menu > a:hover {
		background-color: transparent;
		color: #FFC53D;
	}

	ul.header-menu > li > .dropdown-menu {
		position: relative !important;
		top: 0 !important;
		background-color: transparent;
		border: none;
		padding: 0;
	}

	ul.header-menu > li > .dropdown-menu > a {
		color: #fff;
		padding: .5rem 1.5rem !important;
	}

	/* Main banner */
	.main-banner {
		margin-bottom: 2.12rem;
		background: url("../img/main-banner-mini-bg.png") 100% 0 no-repeat;
	}

	.main-banner .main-banner-holder {
		min-height: 32rem;
		background: url("../img/main-banner-white-bg.png") 0 0 no-repeat;
		background-size: 100% 100%;
	}

	.main-banner .container {
		padding-top: 3.19rem;
	}

	.main-banner .info-block {
		width: 100%;
		gap: 0;
		margin-bottom: 3.20rem;
	}

	.main-banner .info-block h4 {
		font-size: 0.75rem;
		font-weight: 700;
		line-height: 1.5rem;
		text-transform: uppercase;
		color: rgba(0, 0, 0, 0.85);
		margin-bottom: 1rem;
	}

	.main-banner .info-block h1 {
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 2.375rem; /* 158.333% */
	}

	.main-banner .auth-block .btn-signin {
		margin-right: 0;
	}

	.main-banner .auth-block {
		flex-direction: column;
	}

	.main-banner .auth-btns {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-bottom: 1.5rem;
		padding: 0 0 1.5rem 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.65);
	}

	.main-banner .auth-btns .btn {
		margin: 0;
	}

	.main-banner .auth-block .auth-info {
		padding: 0;
		margin: 0;
		background: none;
		font-size: 0.75rem;
		font-weight: 700;
		line-height: 1.5rem;
		text-transform: uppercase;
	}

	.main-banner .banner-holder .logo-alt {
		width: 142px;
    	height: 134px;
		background: url("../img/logo-mini-rect.png") 0 0 no-repeat;
		right: -1rem;
	}

	/* About */
	.about {
		margin-bottom: 5rem;
	}

	.info-holder {
		padding: 0;
	}

	.about .about-list .about-card {
		font-size: 1rem;
		line-height: 1.5rem; /* 150% */
	}

	.about .about-list .row {
		margin: 0;
	}

	.about .about-list .row > div {
		padding:  0 0 1rem 0;
	}

	/* Services */
	.services {
		background: url("../img/services-mini-bg.png") 100% 0 no-repeat;
		background-size: 100%;
		padding-bottom: 5rem;
	}

	.services .services-info {
		display: block;
	}

	.services ul.services-list {
		width: 100%;
		margin: 0;
		gap: 1rem;
		margin-bottom: 2.62rem;
	}

	.services .list-group .list-group-item {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.services h3.services-prod-title {
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.75rem;
		margin-bottom: 1rem;
		text-align: center;
	}

	.services .services-client {
		width: 100%;
		gap: 1rem;
	}

	.services .services-client .service-card {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	/* Advantages */
	.advantages {
  		background: url("../img/advantage-mini-bg.png") 50% 7.12rem no-repeat;
	}

	.advantages .advantages-holder {
		background: url("../img/advantage-mini-gradient.png") 50% 0 no-repeat;
		background-size: 100% 1285px;
	}

	.advantages-holder {
		padding-bottom: 5rem;
	}

	.advantages .main-page-title {
		margin-bottom: 15.56rem;
	}

	.advantages .advantages-list {
		margin-left: 0;
		gap: 1rem;
	}

	.advantages .advantages-list .advantage-card {
		width: 100%;
		font-size: 0.875rem;
		line-height: 1.375rem;
	}

	.advantages .advantages-info .advantages-description {
		visibility: hidden;
	}

	.advantages .advantages-list .advantage-card {
		box-shadow: none;
	}

	/* Tariffs */
	.tariffs {
		margin-bottom: 2.5rem;
	}

	.tariffs .main-page-title {
		margin-bottom: 3.06rem;
	}

	.tariffs .tariff-list {
		display: inherit;
	}

	.tariffs .tariff-list.info-holder {
		padding: 0;
	}

	.tariffs .tariff-list .row {
		margin: 0;
		gap: 1.5rem;
	}

	.tariffs .tariff-list .row > div {
		padding: 0;
	}

	.tariffs .tariff-list .tariff-card {
		display: block;
		width: 100%;
		height: auto;
		padding: 1.25rem 1.5rem 1.5rem;
		font-size: 0.875rem;
	}

	.tariffs .tariff-list .tariff-card .heat-label {
		background: url("../img/heat-label-mini.svg") 0 0 no-repeat;
  		width: 77px;
  		height: 96px;
  	}

  	.heat-label > span {
  		padding-right: 2rem;
  		padding-bottom: 0.8rem;
  	}

	.tariffs .tariff-list .tariff-card .price {
  		font-size: 2rem;
  		line-height: 2.875rem;
  		margin-bottom: 0;
  	}

	.tariffs .tariff-list .tariff-card .tariff-info {
		font-size: 0.875rem;
		line-height: 1.375rem;
		font-family: "Gotham Pro";
		letter-spacing: 0;
		margin-bottom: 0;
		letter-spacing: 0;
	}

	.tariffs .tariff-list .tariff-card .tariff-info.days {
		font-size: 1rem;
		line-height: 1.5rem;
		margin-bottom: 0;
	}

	.tariffs .tariff-list .tariff-card.first .tariff-name {
		display: flex;
	}

	.tariffs .tariff-list .tariff-card .lft-mgr,
	.tariffs .tariff-list .tariff-card .rgt-mgr  {
		display: inline-flex;
	    width: 100%;
	    justify-content: space-between;
	    align-items: center;
  	}

  	.tariffs .tariff-list .tariff-card .tariff-name {
  		margin-bottom: 0.8rem;
  		display: flex;
  	}

  	/* Bottom block */
  	.bottom-block {
  		padding: 2.5rem 0 4rem 0;
  		background: url("../img/bottom-block-mini-bg.png") 100% 100% no-repeat;
  		background-size: cover;
  	}

  	.bottom-block .reg-info {
  		justify-content: center;
  		align-items: center;
  	}

  	.bottom-block .main-page-title {
  		margin-bottom: 3rem;
  		text-align: center;
  		gap: 0.25rem;
  	}

	.bottom-block h1.bottom-tit {
		display: none;
	}

  	.bottom-block .bottom-block-holder .img-structure-logo {
  		position: relative;
  		left: auto;
  		top: auto;
  		background: url("../img/bottom_block_mini_bg.png") 0 0 no-repeat;
  		width: 405px;
		height: 207px;
		margin-bottom: 2.5rem;
  	}

  	.bottom-block .auth-block {
  		width: 100%;
  		justify-content: space-between;
  		display: flex;
  		align-items: center;
  		margin: 0;
  		gap: 0;
  	}

  	/* Footer */
  	footer {
  		background: linear-gradient(90deg, rgba(0, 0, 0, 0.88) 0.01%, rgba(12, 10, 24, 0.88) 10.49%, rgba(103, 87, 199, 0.88) 87.48%, rgba(255, 188, 1, 0.88) 99.94%);
  		height: 3.75rem;
  	}

  	footer .footer-menu {
  		display: none;
  	}

  	.copyright .copyright-info {
  		font-size: 0.75rem;
  		line-height: 1.375rem;
  		text-align: center;
  		justify-content: center;
  		flex-direction: column-reverse;
  	}
}

@media (min-width: 320px) and (max-width: 520px) {
    .content {
        overflow-x: hidden;
    }

    .main-banner .main-banner-holder {
        overflow-x: hidden;
    }

    .bottom-block .bottom-block-holder .img-structure-logo {
        background-size: 300px auto;
        width: 100%;
        background-position: 50% 0;
    }

    .advantages {
        overflow-x: hidden;
    }

    .posting.blog img {
        max-width: 100% !important;
        height: auto !important;
    }
}