@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Exo 2", sans-serif;
	scroll-behavior: smooth
}

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

.header_block {
	position: fixed;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 19px 2px rgba(0, 0, 0, .5);
	z-index: 1000
}

.loc_panel {
	background-color: #3d3d3d
}


.loc_panel div {
	max-width: 1000px;
	width: 100%;
	padding: 3px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between
}

.loc_panel div p {
	color: #fff;
	margin: 0 10px 0 0;
	font-size: .8em
}

.loc_panel span {
	color: #ccc
}

.loc_panel a {
	color: #ffbf00;
	text-decoration: none;
	font-weight: 700
}

.loc_panel a:hover {
	color: yellow
}

.menu-toggle,
.menu-close {
	display: none
}

.menu {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	text-align: center
}

.menu-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.menu a {
	margin: 15px 0;
	text-decoration: none;
	color: #000
}

.menu a img {
	width: 200px;
}

.menu a:hover {
	text-decoration: underline
}

#enter-user, .btn_connect_main {
	padding: 7px 35px;
	border-radius: 5px;
	color: #fff;
    text-decoration: none;
}
#enter-user, .btn_connect_main {
    background-color: #3b3b3bbd;
}
.btn_connect_main  {
    border: none;
    font-family: inherit;
    font-size: 1.1em; 
    cursor: pointer;
}
.btn_connect_main {
    margin-top: 20px;
}
.btn_connect_main:active {
    background-color: #3b3b3be0;
}


@media (max-width:1000px) {
	.menu-toggle {
		display: block;
		position: absolute;
		top: 32px;
		right: 13px;
		background: none;
		border: none;
		cursor: pointer;
		font-size: 24px
	}

	.menu {
		display: none;
		position: fixed;
		top: 0;
		left: -13;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 1001;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		animation: fadeIn 0.3s ease-in-out;
		margin-top: 0
	}

	.menu.active {
		display: flex
	}

	.menu-close {
		display: block;
		position: absolute;
		top: 13px;
		right: 13px;
		background: none;
		border: none;
		cursor: pointer;
		font-size: 32px
	}

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

	.menu-links a {
		margin: 10px 0;
		font-size: 18px
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

main {
	margin-top: 50px;
	flex: 1;
}

.main_page section, .logo-block {
	padding: 5% 0%;
}

.wrapped_block {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}
.wrapped_block a {
    text-decoration: none;
    cursor: pointer;
}

.logo-block img {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
}
@media (max-width: 550px) {
    .logo-block img {
        max-width: 230px;
    }
    h1 {
        font-size: 1.6em;
    }
}
.logo-block div h1 {
	color: #ea0101;
}

.logo-block div p {
	color: #4f4f4f;
	font-size: 1.2em;
}

#intro_block h1 {
	color: #4f4f4f;
}

h2 {
	font-size: 2em;
	font-weight: 0;
}

#intro_block, .main_page section:nth-child(even) {
    background-color: #F5F8FB;
}

.intro_block p,
.intro_block h1 {
	color: #4f4f4f;
	font-size: 1.2em
}

.icon_intro {
  margin: 15px;
}
.icon_intro span {
  font-size: 2.5rem;
  margin: 15px;
    line-height: 1.5;
}
@media (max-width:800px) {
    .icon_intro span {
      font-size: 2rem;
    }
}
@media (max-width:570px) {
    .icon_intro span {
      font-size: 1.8rem;
    }
}

.servers_block_countries {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap
}

.servers_block_countries div {
	width: 100px;
	margin-bottom: 28px
}

.servers_block_countries img {
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
/*	height: 68px;*/
	margin-bottom: -10px
}

.servers_block_countries h3 {
	font-weight: 400;
	color: #2d2d2dc4;
	font-size: .8em
}









/*
.blocks_price {
	display: flex;
	justify-content: center
}

.sel_tarif {
	justify-content: left
}

.blocks_price div {
	background-color: #fff;
      border-radius: 5px;
      padding: 20px 37px 30px;
      width: 100%;
      margin: 15px;
      box-shadow: 0 2px 6px rgba(4, 6, 132, 0.17);
      border: 1px solid #d0d8e8;
}

.blocks_price h3 {
	font-size: 2em;
	color: #0f00777d;
    margin-bottom: -10px;
}

.blocks_price .icon {
  font-size: 2rem;
}

@media (max-width: 700px) {
    .blocks_price .icon {
      margin-top: 10px;
    }
}

.blocks_price p {
	font-size: 1.5em;
	font-weight: 600
}

.blocks_price ul {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 40px
}

.blocks_price ul li {
	margin-bottom: 10px;
	color: #5e5d5d;
	font-weight: 300;
	list-style-position: inside;
	font-size: .9em;
}

.price_btn_buy a {
    background-color: #3b3b3bbd;
    padding: 7px 35px;
    border-radius: 5px;
    color: #fff;
}

.blocks_price button:hover {
	background-color: #f20909d9
}
*/

.blocks_price {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 28px;
    margin: 40px 0;
    font-family: Inter, sans-serif;
}

.blocks_price > div {
    position: relative;
    background: #fff;
    border-radius: 24px;
    padding: 34px 28px;
    overflow: hidden;
    transition: 0.35s ease;
    box-shadow: 0 2px 6px rgba(4, 6, 132, 0.17);
    border: 1px solid #d0d8e8;
}

.blocks_price > div:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow:
        0 18px 40px rgba(0,0,0,0.45),
        0 0 25px rgba(255, 187, 0, 0.2);
}

/* Популярный тариф */
.blocks_price > div:nth-child(2) {
    background: linear-gradient(145deg, #2b1d00, #3b2800);
    border: 1px solid #ffbb00;
    transform: scale(1.09);
}

.blocks_price > div:nth-child(2)::before {
    content: "🔥 Популярно";
    position: absolute;
    top: 16px;
    right: -34px;
    background: #ffbb00;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 40px;
    transform: rotate(43deg);
}

.blocks_price h3 {
    font-size: 48px;
    margin: 0;
    font-weight: 800;
    line-height: 1;
    color: #0f00777d;
}

.blocks_price p {
    font-weight: bold;
    font-size: 1.1rem;
    margin: 12px 0 24px;
}

.blocks_price ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.blocks_price ul li {
    padding-left: 28px;
    margin-bottom: 14px;
    font-size: 16px;
}

.blocks_price ul li::before {
    content: "✔ ";
    font-weight: bold;
    color: blueviolet;
}

.blocks_price a {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px 20px;
    border-radius: 14px;
    background: #3b3b3bbd;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
    font-size: 16px;
}

.blocks_price a:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(255, 166, 0, 0.4);
}

/* Адаптив */
@media (max-width: 768px) {
    .blocks_price {
        gap: 20px;
    }

    .blocks_price h3 {
        font-size: 40px;
    }
}











.blocks_conn {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin: 40px 0;
}

.blocks_conn > div {
    position: relative;
    background: #ffffff;
    border-radius: 20px;
    padding: 32px 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    overflow: hidden;
}

.blocks_conn > div:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 40px rgba(0,0,0,0.12);
}

.blocks_conn h3 {
    width: 54px;
    height: 54px;
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: #fff;
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 700;
/*    margin-bottom: 20px;*/
    margin: 0 auto;
}

.blocks_conn p {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    color: #111827;
    margin-bottom: 18px;
}

.blocks_conn .icon {
    font-size: 42px;
    color: #4f46e5;
    margin-bottom: 20px;
    display: inline-block;
}

.blocks_conn ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.blocks_conn li {
    font-size: 15px;
    line-height: 1.7;
    color: #4b5563;
}

.blocks_conn a {
    color: #4f46e5;
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s ease;
}

.blocks_conn a:hover {
    color: #7c3aed;
    text-decoration: underline;
}

/* Адаптив */
@media (max-width: 768px) {
    .blocks_conn {
        gap: 18px;
    }

    .blocks_conn > div {
        padding: 24px 20px;
    }

    .blocks_conn p {
        font-size: 20px;
    }
}
























.devices_list {
	text-align: justify;
	color: #4f4f4f
}

#comparison-table {
	background-color: #fff;
	margin: 0 auto;
	width: 100%;
	table-layout: fixed
}

#comparison-table thead {
	background-color: antiquewhite
}

.icon-checkmark {
	color: green
}

.icon-cross {
	color: red
}

#comparison-table tbody {
	color: #4f4f4f
}

#comparison-table,
#comparison-table th,
#comparison-table td {
	border: 1px solid #e3e5e6;
	border-collapse: collapse
}

#comparison-table tbody tr:hover {
	background-color: #fffecb
}

#comparison-table th,
#comparison-table td {
	padding: 8px
}







#itrs>div p {
    text-align: justify;
}
#itrs>div>div {
    text-align: left;
    margin-top: 60px;
}





#faq p {
  text-align: left;
}









.ad_dif_wrp h3 {
	text-align: left;
	margin-top: 7%
}

.ad_dif_wrp ul {
	text-align: left;
	color: #4f4f4f
}










.block_reviews {
  display: flex;
  justify-content: space-around;
  margin: 5% 0;
  flex-wrap: wrap;
}
.block_reviews a {
  text-decoration: none;
  color: inherit;
}
.block_reviews_img {
  max-width: 300px;
  width: 100%;
  border: 1px solid #e9f2fb;
  border-radius: 15px;
  background-color: #fff;
  margin: 1%;
    box-shadow: 0 2px 6px rgba(4, 6, 132, 0.17);
}
.block_reviews_img img {
  width: 100%;
  border-radius: 15px 15px 0 0;
}
.block_reviews_img p {
  margin: 5%;
  text-align: center;
}








/*
.block_details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.block_details details {
  border: 1px solid #d0d8e8;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
    margin-top: 15px;
}

.block_details details:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #a0cfff;
}

.block_details details[open] {
  border-color: #1a5fb4;
  background-color: #f9fbff;
}

.block_details summary {
  padding: 16px 20px;
  font-size: 18px;
  font-weight: 400;
  color: #1a5fb4;
  background-color: #f3f7fd;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  list-style: none;
}

.block_details summary::after {
  content: '+';
  font-size: 20px;
  color: #1a5fb4;
}

.block_details details[open] summary::after {
  content: '−';
}

.block_details article {
  padding: 20px;
  color: #444;
  font-family: Courier;
}
*/


.block_details {
    padding: 10px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.faq_details details {
    margin-bottom: 12px;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
    transition: background-color 0.3s ease;
}

.faq_details details summary {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    padding: 5px 10px;
    margin: 0;
    background-color: #f4f4f4;
    border: none;
    border-radius: 4px;
}

.faq_details details summary:hover {
    background-color: #e0e0e0;
}

.faq_details details[open] summary {
    background-color: #e8f4f9;
    color: #0078d4;
}

.faq_details details p {
    font-size: 14px;
    color: #555;
    margin: 10px 0 0;
    line-height: 1.5;
}

.faq_details details p a {
    color: #0078d4;
    text-decoration: none;
}

.faq_details details p a:hover {
    text-decoration: underline;
}



.faq_details p {
    margin: 20px 30px;
    text-align: left;
    font-family: Courier;
    overflow-wrap: break-word;
}








#about_us p {
	text-align: justify
}

footer {
	background: #3b3b3b;
	color: #fff;
	padding: 20px;
	text-align: center
}
footer a {
    text-decoration: none;
    color: #fff;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5)
}

.modal-content {
	background-color: white;
	margin: 10% auto;
	padding: 20px;
	border-radius: 8px;
	width: 300px;
	text-align: center;
	position: relative
}

.close {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 24px;
	cursor: pointer
}

#language-select {
	width: 100%;
	padding: 8px;
	margin-top: 10px;
	font-size: 16px
}

.login_form {
	max-width: 350px;
	width: 100%;
	background-color: #fff;
	padding: 20px;
	margin: 12% auto;
	box-sizing: border-box
}

.login_form h1 {
	text-align: center
}

.login_form img {
	width: 100%;
	margin: 35px auto
}

.login_form label {
	display: block;
	color: #6c6c6c;
	margin-top: 20px
}

.login_form input {
	width: 100%;
	margin: 10px auto;
	padding: 10px;
	box-sizing: border-box
}

.login_form button,
.subs_selection button,
.form_block button,
.order_info button,
#form-pay button {
	border: none;
	padding: 7px 35px;
	border-radius: 5px;
	background-color: #3b3b3bbd;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	font-family: inherit
}

#error_auth {
	color: #ec0000
}

#verif-mess {
	background-color: #f7cc001c;
	padding: 10px;
	border: solid 1px #cccccc2b;
	border-radius: 5px;
	color: #d00;
	font-size: .9em
}

.login_form a {
	text-align: center;
	margin: 0 auto;
	display: block;
	text-decoration: none;
	font-size: .9em
}

.login_form a:hover {
	text-decoration: underline
}

.header_acc {
	box-shadow: 0 -4px 19px 2px rgba(0, 0, 0, .5);
	position: fixed;
	width: 100%;
	background-color: #fff
}

.nav_profile {
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto
}

.nav_profile>a>img {
	max-width: 200px;
	width: 100%;
	margin-top: 17px
}

#menu-profile {
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #fff;
	float: right;
	padding: 5px 15px;
	border-radius: 5px;
	background-color: #3e3e3eb2
}

#menu-profile:hover {
	background-color: green
}

.menu_profile {
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
	display: none;
	z-index: 1000;
	padding: 10px 0;
	min-width: 150px
}
.menu_profile hr {
    color: #cccccc57;
}

.menu_profile a {
	display: block;
	padding: 8px 16px;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	transition: background-color 0.3s
}

.menu_profile a:hover {
	background-color: antiquewhite
}

.content_profile {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 50px;
}

.content_profile h1 {
	font-weight: 600;
}

.h1_sub {
	color: #0f00777d;
}




.prof-list {
    list-style-position: outside;
    color: #3f3f3fb2;
    list-style-position: inside;
    color: #3f3f3fb2;
    margin-left: 0;
    padding-left: 0;
}
.prof-list li {
    margin-bottom: 10px;
}



/* Subscribe page */
.btn_subscr_block button {
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 0.9em;
    margin-right: 20px;
    margin-bottom: 20px;
}


.btn-copy {
    background-color: #0000ff82;
}
.btn-update-keys {
    background-color: #00be00;  
}
.btn-subscr {
    background-color: #0053be;
}

.connect_key {
    overflow-wrap: break-word;
    font-size: 0.9em;
    font-family: Courier;
    box-sizing: border-box;
    margin: 10px 0;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fefff4;
}

.welcome_message {
    margin-bottom: 60px;
}
.welcome_message h1{
	color: #3f3f3fde;
	font-size: 1.6em;
	font-weight: 600
}
.welcome_message p {
	color: #3f3f3fb2
}

/*
.conn_services h2 {
    color: #3f3f3fde !important;
    font-size: 1.6em !important;
    font-weight: 600 !important;
}
.conn_services_child div {
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-right: 20px;
    padding: 0 15px 20px;
    width: 215px;
    display: inline-block;
    margin-bottom: 20px;
}
.conn_services_child div p {
    color: #3f3f3fde;
}
.conn_services_child div a {
    float: right;
    background: #787878;
    padding: 5px 15px 7px;
    color: #fff;
    text-decoration: none;
    font-size: 0.95rem;
    cursor: pointer;
    border-radius: 5px;
}
.conn_services_child div a:hover {
  background-color: green;
}
*/

.icon_app img {
	width: 190px;
	height: 60px;
	border-radius: 10px;
	margin-right: 20px
}

.new_serv,
.new_add {
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #fff;
	border: none;
	padding: 5px 15px 6px;
    border-radius: 5px;
    background-color: #3e3e3eb2;
    margin-bottom: 20px;
    font-size: 0.95em;
}
.new_serv:hover, .new_add:hover {
  background-color: green;
}

.new_add_a {
    text-decoration: none;
}

.list_orders {
	width: 100%;
	border-collapse: collapse
}

.list_orders thead tr th {
	border-bottom: 1px solid #ccc;
	font-weight: 600;
	padding: 5px;
	color: #3e3e3e;
	text-align: left
}

.list_orders tbody td {
	padding: 10px 5px;
	border-bottom: 1px solid #cccccc75;
	color: #958080;
	font-size: .9em
}

.list_orders tbody tr td:nth-child(4) {
	text-align: center;
	font-weight: 500;
	color: #c10000;
	cursor: pointer
}

.list_orders tbody tr:hover {
	background-color: #ffff0021
}

.list_orders tbody td img {
	width: 25px;
	vertical-align: sub;
	border: 1px solid #ccc
}

.list_orders tbody td a {
	text-decoration: none
}

.list_orders tbody td a:hover {
	text-decoration: underline
}

.list_serv thead tr th:nth-child(3) {
	text-align: right
}

.list_serv tbody tr td:nth-child(3) {
	text-align: right
}

.title_subs span {
	color: #0f00777d;
	font-weight: 700
}

.subs_info_plan ul {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 20px
}

.subs_info_plan ul li {
	margin-bottom: 10px;
	color: rgb(94, 93, 93);
	font-weight: 300;
	list-style-position: inside;
	font-size: .9em
}

.subs_info_plan button {
	border: medium;
	padding: 6px 70px 8px;
	border-radius: 5px;
	background-color: rgba(59, 59, 59, .74);
	color: rgb(255, 255, 255);
	font-size: 1em;
	cursor: pointer;
	font-family: inherit;
	text-decoration: none;
	margin-top: 20px;
	display: block
}

.subs_info_plan button:hover {
	background-color: green
}

.form_block,
.order_info {
	border: 1px solid #a8000070;
	padding: 20px;
	border-radius: 5px
}

.form_block h2 {
	color: #3f3f3f;
	font-size: 1.2em;
	font-weight: 600
}

.form_block label {
	color: #6c6c6c;
	display: block;
	margin-bottom: 20px;
	cursor: pointer
}

#sum-bal {
	padding: 10px;
	margin-bottom: 50px
}

#bal-us {
	font-size: 1.2em;
	font-weight: 600;
	color: #0000ffa3
}

.order_info p {
	color: #646464
}

.order_info span {
	font-size: 1.2em;
	color: #000068
}

.order_info select,
.subs_info_plan select {
	padding: 10px;
	font-family: inherit;
	font-size: 1em;
	background-color: #8982bc14;
	border: 1px solid #b9b9b9;
	border-radius: 5px;
	cursor: pointer;
	color: #1c1c1c;
	margin-bottom: 15px;
	margin-top: -10px
}

.posts_grid_main, .faq_grid_main {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
    padding: 70px 0;
}





/*
.block_details details {
    margin-bottom: 20px;
}
.block_details details summary {
    background: #eeebdc;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
}
.block_details details article {
    background: #eeebdc;
    border-radius: 5px;
    padding: 10px;
    font-size: 0.98em;
    font-weight: 300;
}
.block_details details[open] > summary {
    border-bottom: 2px solid #fff9f1;
    margin-bottom: 1px;
    font-weight: 600;
    background-color: #eadd9d;
}
.block_details li {
    margin-top: 15px;
}
*/






.block_prod {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.block_prod figure {
    margin: 0 0 30px;
    text-align: center;
    border-radius: 10px;
    flex: 0 0 calc(24% - 4px);
}
.block_prod figure a {
    text-decoration: none;
    color: inherit;
}
.block_prod figure a:hover {
    text-decoration: underline; 
}
.block_prod figure a:active {
    color: blue;
}
.block_prod figure img {
    width: 77%;
  border-radius: 15%;
}
.block_prod figure figcaption {
    font-size: 1.2em;
    font-weight: 500;
}
.list-soft a {
  text-decoration: none;
}
.list-soft a:hover {
  text-decoration: underline;
}


.content_post {
	max-width: 1000px;
	margin: 0 auto
}

.entry_title {
	font-size: 2.4em;
	margin-bottom: 10px
}

.head_line {
	max-width: 800px;
	margin: 0 auto;
	width: 100%;
	padding: 45px 0 20px;
	box-sizing: border-box;
}

.head_line p {
	font-size: 1em;
  color: #4d4d4d;
  margin-bottom: 0;
  font-weight: 300;
    text-align: right;
}

.main_img_post, .img_post {
	margin: 0
}

.main_img_post img, .img_post img {
	width: 100%;
	border-radius: 10px
}

.main_img_post figcaption, .img_post figcaption {
	text-align: center;
	color: #979797;
	margin: 10px 0 35px
}

.btn_get_subscr a {
    width: fit-content;
    text-decoration: none;
}
#get_subscr {
    padding: 7px 35px;
    border-radius: 5px;
    background-color: #3b3b3bbd;
    color: #fff;
    border: none;
    margin: 0 auto;
    cursor: pointer;
    display: flex;
    font-size: 1em;
}
#get_subscr:active {
    background-color: #3b3b3be3;
}

.content {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box
}

.content p {
	line-height: 25px;
	color: #000000db;
	text-align: justify
}

.content h2 {
	margin-top: 100px
}
.content h3 {
	margin-top: 40px
}

.content figure img {
	width: 100%;
	border-radius: 10px
}

/*
.content ul {
	margin-bottom: 50px
}
*/

.content ul li {
	text-align: justify;
	margin-bottom: 5px;
	font-size: 1em
}

.content ul li::marker {
	color: red;
	font-size: 24px
}

.content ol li {
	text-align: justify;
	margin-bottom: 5px;
	line-height: 30px
}

.content dl {
	margin: 0 0 5px 0;
}
.content dt {
	margin: 0 0 5px 0;
}
.content dd {
	margin: 0 0 30px 0;
}

.content>#comparison-table {
	margin-bottom: 35px
}

.content_footer {
	padding-bottom: 150px
}

.ya-share2.ya-share2_inited {
	float: right;
	margin-right: 40px
}





















blockquote {
	background-color: #ebf2ff;
	border-radius: 10px;
	border-left: 3px solid red;
	padding: 10px 20px;
	margin: 0
}
blockquote p {
    line-height: 22px;
    font-family: Courier;
}
blockquote .icon .icon_warning {
    color: #3601f2;
}








/* iTRS-banner */
.itrs-banner {
    background: linear-gradient(90deg, #0F0B8EE0 0%, #2D9CDB 100%);
    border-radius: 12px;
    padding: 20px 25px;
    margin: 25px 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    box-shadow: 0 4px 12px rgba(11, 94, 142, 0.3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}
.itrs-banner-left {
    display: flex;
    align-items: center;
    gap: 15px;
}
.itrs-banner-icon {
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}
.itrs-banner-title {
    color: white;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 4px;
}
.itrs-banner-subtitle {
    color: rgba(255,255,255,0.9);
    font-size: 14px;
}
.itrs-banner-button {
    background: white;
    color: #0B5E8E;
    text-decoration: none;
    padding: 10px 24px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 14px;
    transition: transform 0.2s ease;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    display: inline-block;
}
.itrs-banner-button:hover {
    transform: scale(1.05);
}












.related_posts,
.posts_grid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    margin-bottom: 60px;
}

.related_posts div,
.posts_grid div {
	flex: 1 45%;
	margin: 10px;
	height: 250px
}

.related_posts div a,
.posts_grid div a {
	position: relative;
	text-decoration: none
}

.related_posts div figure,
.posts_grid div figure {
	height: 100%;
  width: 100%;
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 10px;
  position: relative;
}

.related_posts div figcaption,
.posts_grid div figcaption {
	position: absolute;
  bottom: 0;
  color: #130000;
  background: #fffafaeb;
  border-radius: 0 0 10px 10px;
  font-size: 1.1em;
  padding: 10px;
  font-weight: 500;
    width: 100%;
    box-sizing: border-box; 
}





.linked-posts {
    display: flex;
    max-width: 800px;
    margin: 0 auto 50px;
    justify-content: space-between;
}
.linked-posts a {
    text-decoration: none;
}
.linked-posts div {
    border: 1px solid #cccccc6b;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
}
.linked-posts a:nth-of-type(2) div {
    text-align: right;
}
.linked-posts span {
    display: block;
}
.linked-posts div span:nth-child(1) {
    margin-bottom: 10px;
    color: #959595;
}
.linked-posts div span:nth-child(2) {
    color: #1300f0;
}






#prefix-logo {
	font-weight: 700
}

#back_arrow {
	text-decoration: none
}

.section_block section {
	border: 1px solid #ccc9;
	border-radius: 5px;
	padding: 10px;
	background-color: #38ff0014;
	margin-bottom: 20px
}

.section_block a {
	text-decoration: none
}

.section_block h2 {
	color: #3f3f3f;
	font-weight: 600;
	margin: 5px 27px;
	font-size: 1.5em
}

.section_block h2:hover {
	color: blueviolet
}

.section_block ul {
	color: #794d4d
}

.list_data {
	width: 100%;
	border-collapse: collapse
}

.list_data thead {
	text-align: left
}

.list_data th {
	padding: 5px;
	color: #414141
}

.list_data tbody tr:hover {
	background-color: #ffff0021
}

.list_data td {
	border: 1px solid #e3e5e6;
	padding: 10px 5px;
	color: #686868
}

.list_data td a {
	text-decoration: none;
	cursor: pointer
}

.list_data i {
	float: right;
	font-size: .9em
}

.table-wrap {
  width: 100%;
}

@media (max-width: 800px) {
  .table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .list_data {
    min-width: 750px;
    border-collapse: collapse;
  }
}





.panel_status_us {
  background-color: #7cff6926;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  margin-bottom: 30px;
}
.panel_status_us li {
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 0.9rem;
}






.cp_data label {
	color: #6c6c6c;
	display: block;
	margin-bottom: 5px
}

.cp_data input {
	display: block;
	margin: 5px 0 25px 0;
	padding: 10px;
	box-sizing: border-box;
	max-width: 675px;
	width: 100%
}

.cp_data textarea {
	width: 661px;
	height: 371px;
	padding: 5px;
	margin-bottom: 20px
}

.cp_data select {
	padding: 5px 10px;
	font-family: inherit;
	font-size: 1em;
	border: 1px solid #7b7b7b;
	border-radius: 3px;
	cursor: pointer;
	color: #1c1c1c;
	margin-bottom: 40px;
	display: block
}

.cp_data button {
	border: none;
	padding: 7px 35px;
	border-radius: 3px;
	background-color: #3b3b3bbd;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	font-family: inherit
}

.scroll-to-top {
	position: fixed;
	bottom: 20px;
	left: 20px;
	background-color: #3c3c3c96;
	color: white;
	border: none;
	border-radius: 11%;
	padding: 15px 15px 19px 15px;
	font-size: 20px;
	cursor: pointer;
	display: none;
	transition: opacity 0.3s ease;
	transform: rotate(-90deg)
}

.scroll-to-top:hover {
	background-color: #000
}










.pricing-table {
    width: 100%;
    max-width: 1000px;
    margin: 30px auto;
    border-collapse: collapse;
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
}

.pricing-table thead {
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    color: #fff;
}

.pricing-table thead th {
    padding: 18px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.pricing-table tbody tr {
    transition: 0.2s ease;
    box-sizing: border-box;
}

.pricing-table tbody tr td:nth-child(2) {
    text-align: left;
}











.pricing-table tbody tr:hover {
    background: #f8fafc;
}

.pricing-table td {
    padding: 18px;
    border-bottom: 1px solid #e5e7eb;
    color: #334155;
}

.pricing-table tbody tr:last-child td {
    border-bottom: none;
}

.plan {
    font-weight: 600;
    color: #0f172a;
    text-align: left;
}

.price {
    font-size: 18px;
    font-weight: 700;
    color: #2563eb;
}

.best {
    position: relative;
    background: #eff6ff;
}

.best .plan::after {
    content: "Популярный";
    display: inline-block;
    margin-left: 10px;
    padding: 4px 10px 6px;
    font-size: 12px;
    
    color: #2563eb;
    background: #f7f700;
    border-radius: 999px;
}

.buy-btn {
    display: inline-block;
    padding: 8px 18px 10px;
    background: #9d9d9d;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    transition: .2s;
}

.buy-btn:hover {
    background: #1d4ed8;
}

/* ====== Адаптив ====== */
@media (max-width: 700px) {
    .pricing-table thead {
        display: none; /* скрываем заголовки */
    }
    
    .pricing-table {
        background: #f5f8fb;
        box-shadow: none;
    }

    .pricing-table, 
    .pricing-table tbody, 
    .pricing-table tr, 
    .pricing-table td {
        display: block;
        width: 100%;
    }

    .pricing-table tr {
        margin-bottom: 20px;
        border-radius: 14px;
        box-shadow: 0 6px 20px rgba(0,0,0,0.05);
        background: #fff;
        padding: 16px;
        background: #fff;
        border: 2px solid transparent;
        background:
        linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #3b82f6, #22c55e) border-box;
    }
    .pricing-table tbody tr:hover {
        background: #fff;
    }
    
    
    .pricing-table tbody .plan {
        font-size: 1.5em;
    }
    .pricing-table tbody .price {
        font-size: 1.75em;
    }

    .pricing-table td {
        border: none;
        padding: 8px 0;
        position: relative;
    }
    

    .pricing-table td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #64748b;
        display: none;
        margin-bottom: 6px;
        font-size: 14px;
    }

    .price, .buy-btn {
        margin-top: 8px;
    }

    .buy-btn {
        display: inline-block;
        background: #6c6c6d;
    }
}
















@media (max-width:1600px) {

	.main_block section:not(.head_line, .content, .related_posts_recommended),
	.logo-block {
		padding: 5% 0
	}

	h2 {
		font-size: 2.2em
	}
}

@media (max-width:1400px) {
    .logo-block img {
      max-width: 300px;
    }

	.main_block section:not(.head_line, .content, .related_posts_recommended),
	.logo-block {
		padding: 5.5% 0
	}

	h2 {
		font-size: 1.9em
	}
}

@media (max-width:1200px) {

	.main_block section:not(.head_line, .content, .related_posts_recommended),
	.logo-block {
		padding: 10% 0
	}

	h2 {
		font-size: 1.9em
	}
}

@media (max-width:1030px) {

	.nav_profile,
	.content_profile {
		padding: 0 20px 0 20px;
		box-sizing: border-box
	}

	.content_profile {
		padding: 40px 20px 0 20px;
		box-sizing: border-box
	}
}

@media (max-width:1000px) {

	.main_block section:not(.head_line, .content, .related_posts_recommended),
	.logo-block, .faq_grid_main {
		padding: 10% 10%
	}

	.head_line {
		padding-top: 0
	}

	.posts_grid_main {
		padding: 20px
	}

	.content_post {
		padding: 20px
	}

	.entry_title {
		font-size: 2.1em
	}

	h2 {
		font-size: 1.5em
	}

/*
	#servers_block p,
	.text_pricing,
	#about_us p {
		font-size: 1em
	}
*/

	.devices_list ul li {
		margin-left: -10%;
		margin-right: 3%
	}
    .blocks_price {
        display: block;
        justify-content: none;
    }
    .blocks_price div {
        box-sizing: border-box;
    }
	.blocks_price h3 {
		font-size: 1.4em
	}
}

@media (max-width:900px) {
	h2 {
		margin-top: 5%
	}
}

/* 800 */
@media (max-width:800px) {
    .logo-block img {
        max-width: 300px;
    }
    .main_h1 {
        font-size: 1.6rem;
    }
    .servers_block_countries div {
        width: 75px;
    }
    .blocks_price p {
        font-size: 1.2em;
    }
}

@media (max-width:750px) {
	.posts_grid div, .related_posts div {
		flex: 1 50%
	}
}

@media (max-width:700px) {
	.servers_block_countries div {
		margin: 2%
	}

	.blocks_price {
		display: block
	}
    
    .blocks_price p {
		font-size: 1.2em !important;
	}

	.blocks_price div {
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 20px
	}
    .blocks_price p {
        margin: 5px auto;
    }
    
    .blocks_price ul li {
        text-align: center;
    }

	.entry_title {
		font-size: 1.9em
	}

	.head_line p {
		font-size: 1em
	}
    .wrapped_block p, #itrs li, .devices_list ul li {
		font-size: 0.85em
	}
    #comparison-table {
        font-size: 0.9rem;
    }
    footer {
        font-size: 0.8rem;
    }
}

/* 550 */
@media (max-width:550px) {
    .logo-block img {
        max-width: 230px;
    }
    .servers_block_countries div {
        width: 65px;
    }
}