﻿body.rds .tarifs_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin: 40px 0px 40px;
  overflow: hidden;
  /*
  height: 1336px;
  */
}
@media (max-width: 576px) {
  body.rds .tarifs_list {
    grid-template-columns: 1fr;
    gap: 0;
    row-gap: 20px;
    margin: 20px 0px 20px;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  body.rds .tarifs_list {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    row-gap: 20px;
  }
}
body.rds .tarifs_list .tarif_card {
  position:relative;
  display:flex;
  flex-direction:column;
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 20px;
  overflow:hidden;
}
body.rds .tarifs_list .tarif_card.hidden {
  display: none;
}
body.rds .tarifs_list .tarif_card .act_label{
  	top:32px;
  	right:40px;
  	color: var(--fill-color-10-white, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  	display: inline-flex;
	padding: 10px 20px;
	position:absolute;
  	border-radius: 30px;
	background: var(--gradient-1, linear-gradient(90deg, #FF9314 0%, #F11F52 100%));
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase{
	flex:1 1 auto;
  	justify-content:flex-end;
}
body.rds .tarifs_list .tarif_card .tarif_id img{
	height:35px;
	cursor: pointer;
}
@media (max-width: 767px) {
  body.rds .tarifs_list .tarif_card {
    padding: 20px 15px;
  }
}
body.rds .tarifs_list .tarif_card .card_item {
  padding: 10px 0px;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase, body.rds .tarifs_list .tarif_card .card_item.tarif_title {
  border-bottom: none;
}
body.rds .tarifs_list .tarif_card .card_item .txt_bolder {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #242424;
}
body.rds .tarifs_list .tarif_card .card_item .txt_bolder.clickable {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.rds .tarifs_list .tarif_card .card_item .tarif_txt {
  display:flex;
  gap:5px;
  position:relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #A1A1A1;
}
body.rds .tarifs_list .tarif_card .card_item .tarif_txt .inf_sign_label{
  	display:none;
	position:absolute;
  	bottom:25px;
  	right:0px;
  	left:0px;
  	border-radius:5px;
  	background:#f1f1f1;
  	color:black;
  	font-size:14px;
  	padding:10px 20px;
}
.inf_sign:hover + .inf_sign_label{
	display:block!important;
}
body.rds .tarifs_list .tarif_card .card_item .tarif_txt .inf_sign {
  cursor:pointer;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_title a {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #242424;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_soc img {
  margin-top: 6px;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_home .equip_inf {
  margin-top: 5px;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase {
  padding-top: 18px;
  padding-bottom: 0px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase .tarif_lbl {
  width: -moz-fit-content;
  width: fit-content;
  border: 2px solid forestgreen;
  border-radius: 25px;
  border: double 0px transparent;
  background-image: linear-gradient(90deg, #ff9314, #f11f52);
  background-origin: border-box;
  background-clip: content-box, content-box;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase .tarif_lbl span.e {
  padding: 2px 10px;
  border-radius: 100px;
  display: inline-block;
  background: white;
  margin: 1px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase .tarif_lbl span.e .r {
  background: linear-gradient(90deg, #ff9314 0%, #f11f52 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase .tarif_connect {
  margin-top: 5px;
  display: flex;
  gap: 10px;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase .tarif_connect .btnr.prm {
  flex: 1 1 auto;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase .tarif_price_inf {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #676767;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase .tarif_price {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase .tarif_price .current {
  font-weight: 700;
  font-size: 22px;
  line-height: 28.60px;
  word-wrap: break-word;
  color: #242424;
}
body.rds .tarifs_list .tarif_card .card_item.tarif_purchase .tarif_price .old {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-decoration-line: line-through;
  color: #A1A1A1;
}
body.rds .tarifs_list .tarif_card .card_item .inf_grid {
  display: flex;
  gap: 20px;
}
body.rds .tarif_lbl {
  width: -moz-fit-content;
  width: fit-content;
  border: 2px solid forestgreen;
  border-radius: 25px;
  border: double 0px transparent;
  background-image: linear-gradient(90deg, #ff9314, #f11f52);
  background-origin: border-box;
  background-clip: content-box, content-box;
}
body.rds .tarif_lbl span.e {
  padding: 2px 10px;
  border-radius: 100px;
  display: inline-block;
  background: white;
  margin: 1px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
body.rds .tarif_lbl span.e .r {
  background: linear-gradient(90deg, #ff9314 0%, #f11f52 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
body.rds .tarif_price {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
body.rds .tarif_price .current {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #242424;
}
body.rds .tarif_price .old {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-decoration-line: line-through;
  color: #676767;
}
body.rds .tarif_price_inf {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #676767;
}/*# sourceMappingURL=tarifs_style.css.map */
.providers_cards.hsb a:hover{
	text-decoration:none;
}
.action_item h3{
	margin-top:0px;
}
.all_trf_view + .tarif_table{
	margin-top:100px;
}
h2 + .tarif_table{
	margin-top:40px;
}

.last_news_grid.fr3.act_page h3{
	min-height:52px;
}
.last_news_grid.fr3 h3 a{
	color:#242424;
  	text-decoration:none;
}
.last_news_grid.fr3 h3 a:hover{
	color:#0971E8;
}

.tarif_txt + .inf_grid{
	margin-top:5px;
}

.card_item + .card_item:not(:last-child):after{
  	margin-top:10px;
  	background:#EBEBEB;
	content: "";
  	height:1px;
  	position:absolute;
  	left:0px;
  	right:0px;
}


.service_tabs_wp{
	position:relative;
  	width:100%;
}

.service_tabs_tr{
  	cursor:pointer;
	position:relative;
	display:flex;
  	overflow-x:scroll;
  	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none; 
  	transition:0.3s ease all;
}
.service_tabs_tr::-webkit-scrollbar {
  display: none;
}
.service_tabs_tr.active{
	cursor: grabbing;
    cursor: -webkit-grabbing;
}
.service_tabs_el{
  	padding:5px 12px;
  	color: #A1A1A1;
  	border:1px solid #EBEBEB;
  	border-radius:15px;
	flex:0 0 auto;
  	font-size: 14px;
    font-weight: 400;
    line-height: 16.80px;
}
.service_tabs_el.active{
	color: #676767;
  	background:#EBEBEB;
}
.service_content{
	margin-top:39px;
}
.service_content_el[abs].active{
  	opacity:1;
}
.service_content_el[abs]{
  	opacity:0;
}
.service_content_el.active:not([abs]){
  	display:flex;
}
.service_content_el:not([abs]){
  	display:none;
}
.tarif_promo_labels{
	display:flex;
  	gap:5px;
  	flex-direction:row;
}

.tarif_promo_label{
  	flex:0 0 auto;
	padding:0px 10px;
  	font-weight: 400;
	line-height: 20px;
  	color: #242424;
	font-size: 12px;
  	border-radius:15px;
}
.tarif_promo_label.pr{
	background:#F8D4C8;
}
.tarif_promo_label.dis{
	background:#E8D1FF;
}
.tarif_promo_text{
	color: #676767;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.40px;
    word-wrap: break-word
}

.tarif_speed_options .range_slider.single{
  	padding:10px 0px 15px;
	z-index:0;
  	position:relative;
  	background:none;
}
.tarif_speed_options .range_slider.single .basic_line{
	right:auto;
}
.tarif_comparison_anchor{
	position:fixed;
  	bottom:50px;
  	right:50px;
    border-radius: 10px;
    background: var(--Fill-Color-10-white, #FFF);
    box-shadow: 0px 2px 30px 0px rgba(10, 23, 69, 0.10);
  	padding:23px 10px;
    display:flex;
    align-items:center;
  	gap:5px;
  	z-index:10;
}
.tarif_comparison_anchor .icon svg path{
	fill:black;
}
.tarif_comparison_anchor .q-ty{
  	background:#FF7A00;
	display:flex;
  	justify-content:center;
  	align-items:center;
  	width:24px;
  	height:24px;
  	border-radius:50%;
	color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
}
.tarif_comparison_anchor:hover{
	cursor:pointer;
}
.tarif_comparison_anchor:hover .icon svg path{
	fill:#0971E8;
}


.modal_win._compare{
	
  	justify-content:center;
  	align-items:center;
}
.tarifs_compare{
	border-radius: 20px;
    background: var(--Fill-Color-10-white, #FFF);
    box-shadow: 0px 2px 30px 0px rgba(10, 23, 69, 0.10);
  	padding:60px 0 80px;
  	position:relative;
  	border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.tarifs_compare h1{
	margin:0 0 40px;
}
.tarifs_compare_wrapper{
	display:flex;
}
.tarifs_compare_table{
	display:flex;
  	flex-direction:column;
  	color: var(--Fill-Color-7-dark-gray, #676767);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
  	width:fit-content;
}
.add_tarif_btn{
	padding:15px 20px;
  	border:1px solid #EBEBEB;
  	border-radius:10px;
  	margin-left:-1px;
}
.tarifs_compare_table .tr{
	display:flex;
  	flex-direction:row;
}
.tarifs_compare_table .tr[data-row="connect"] button{
	width:100%;
}
.tarifs_compare_table .tr[data-row="title"] .td:not(.tt){
	font-weight:500;
  	padding-top:15px;
  	justify-content:flex-start;
}

.tarifs_compare_table .tr .td:not(.tt){
  	padding:20px;
	border-left:1px solid #EBEBEB;
  	border-right:1px solid #EBEBEB;
  	border-top:1px solid #EBEBEB;
  	color:#242424;
}
.tarifs_compare_table .tr .td[data-title="promo"]:not([data-empty='true']){
  background: var(--Gradient-1, linear-gradient(90deg, #FF9314 0%, #F11F52 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.tarifs_compare_table .tr .td:not(.tt):last-child{
	border-right:1px solid #EBEBEB;
}
.tarifs_compare_table .tr .td{
  	display:flex;
  	flex-direction:column;
  	gap:10px;
  	align-items:flex-start;
  	justify-content:center;
	width:233px;
  	position:relative;
}
.tarifs_compare_table .tr .td div[data-remove]{
	position:absolute;
  	top:15px;
  	right:20px;
}
.tarifs_compare_table .tr .td div[data-remove]::after{
	content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.13373 4.13636C4.42663 3.84346 4.9015 3.84346 5.19439 4.13636L7.9974 6.93936L10.8004 4.13636C11.0933 3.84346 11.5682 3.84346 11.8611 4.13636C12.154 4.42925 12.154 4.90412 11.8611 5.19702L9.05806 8.00002L11.8611 10.803C12.154 11.0959 12.154 11.5708 11.8611 11.8637C11.5682 12.1566 11.0933 12.1566 10.8004 11.8637L7.9974 9.06068L5.19439 11.8637C4.9015 12.1566 4.42663 12.1566 4.13373 11.8637C3.84084 11.5708 3.84084 11.0959 4.13373 10.803L6.93674 8.00002L4.13373 5.19702C3.84084 4.90412 3.84084 4.42925 4.13373 4.13636Z" fill="%23242424"/></svg>');
  display:block;
}
.tarifs_compare_table .tr .td div[data-remove]:hover::after{
  cursor:pointer;
  opacity:0.6;
}

.tarifs_compare_table .tr .td img{
	height:35px;
}
.tarifs_compare_table .tr .td.tt{
	width:192px;
}

.tarifs_compare_table .tr:first-child .td:not(.tt){
	border-top-left-radius:10px;
  	border-top-right-radius:10px;
}
.tarifs_compare_table .tr:last-child .td:not(.tt){
	border-bottom-left-radius:10px;
  	border-bottom-right-radius:10px;
  	border-bottom:1px solid #EBEBEB;
}
.tarifs_compare_table .tr .td:not(.tt, :nth-child(2)){
	margin-left:-1px;
}
button[add-to-compare] div{
	width: 22px;
    height: 22px;
    justify-content: center;
    align-items: center;
}
button[add-to-compare] div, button[add-to-compare].checked div[added]{
	display:flex;
}
button[add-to-compare] div[added], button[add-to-compare].checked div:first-child{
	display:none;
}
.filter_item[sort-item]{
	position:relative;
}
.filter_item.selected[sort-item]::after{
  
	    content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.99997 13C6.19888 13 6.38965 12.921 6.5303 12.7803C6.67095 12.6397 6.74997 12.4489 6.74997 12.25V3.5605L9.96897 6.781C10.0387 6.85073 10.1215 6.90604 10.2126 6.94378C10.3037 6.98152 10.4014 7.00095 10.5 7.00095C10.5986 7.00095 10.6962 6.98152 10.7873 6.94378C10.8785 6.90604 10.9612 6.85073 11.031 6.781C11.1007 6.71127 11.156 6.62848 11.1938 6.53737C11.2315 6.44626 11.2509 6.34861 11.2509 6.25C11.2509 6.15138 11.2315 6.05373 11.1938 5.96262C11.156 5.87151 11.1007 5.78873 11.031 5.719L6.53097 1.219C6.4613 1.14915 6.37854 1.09374 6.28742 1.05593C6.1963 1.01812 6.09862 0.998657 5.99997 0.998657C5.90132 0.998657 5.80364 1.01812 5.71252 1.05593C5.6214 1.09374 5.53864 1.14915 5.46897 1.219L0.968971 5.719C0.828141 5.85983 0.749023 6.05083 0.749023 6.25C0.749023 6.44916 0.828141 6.64017 0.968971 6.781C1.1098 6.92183 1.30081 7.00095 1.49997 7.00095C1.69913 7.00095 1.89014 6.92183 2.03097 6.781L5.24997 3.5605V12.25C5.24997 12.4489 5.32899 12.6397 5.46964 12.7803C5.61029 12.921 5.80106 13 5.99997 13Z" fill="%230971E8"/></svg>');
    position: absolute;
    display: block;
  	top:0px;
  	right:-17px;
}
.filter_item.selected[sort-item][sort-order="desc"]::after{
	transform: rotate(180deg);
}
.filter_item.selected[sort-item][sort-order="asc"]::after{
	transform: 0;
}

.tarifs_compare_table div[data-title="equip"] ul{
	padding-left:20px;
  	margin:0px;
}

.modal_win._compare::before{
  	display:none;
	content:'';
  	position: fixed;
  	top:0px;
  	left:0px;
  	bottom:0px;
  	right:0px;
  	background: black;
  	opacity:.5;
}






@media(max-width:576px){
.tarifs_compare_wrapper{
	padding-right:15px;
}
.tarifs_compare .container{
	padding-left:0;
  	padding-right:0;
}
.tarifs_compare_table .tr{
  	font-size:12px!important;
  	line-height: 120%!important;
	position:relative;
}
.tarifs_compare_wrapper{
	overflow:scroll;
}
.tarifs_compare_table .tr .td.tt{
	position:absolute;
  	width:117px;
  	top:0;
  	bottom:0;
  	left:15px;
}
.tarifs_compare_table .tr .td{
	width:174px;
}
.tarifs_compare_table .tr .td:nth-child(2){
	margin-left:152px;
}
.tarifs_compare_table .tr .td:not(.tt), .add_tarif_btn{
	padding:20px 10px;
}
.tarifs_compare h1{
	margin-left:15px;
  	margin-bottom:20px;
  	font-size:22px;
  	line-height:130%;
}
.add_tarif_btn button{
	font-size:14px!important;
  	width:142px;
  	padding:10px!important;
  	
}
.tarifs_compare .close{
	margin-right:15px;
}
.tarif_comparison_anchor{
	bottom:10px;
  	right:10px;
  	padding:20px 10px;
}

}




