.tarif-container{
	margin-top: 60px;
	position: relative;
	height: 780px;
}
.tarif-round {
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.calc-site-num {
	position: relative;
	max-width: 380px;
	width: 100%;
	height: 40px;
}
.horisont-center-line {
	position: absolute;
	width: 100%;
	height: 2px;
	z-index: -1;
}
.tarif-round span {
	margin-bottom: 3px;
}
.tarif-limiter {
	height: 100px;
	width: 100%;
	padding-left: 30px;
}
.tarif-block {
	width: 280px;
	height: max-content;
	border-radius: .5rem;
	cursor: default;
	transition: all .5s ease;
    box-shadow: 0 0 12px 1px #0000003d;
}
/* .tarif-block:hover {
	box-shadow: 0 0 26px 1px #0000003d;
	z-index: 10!important;
} */
.tarif-head {
	width: 100%;
	text-align: center;
	text-decoration: none;
	line-height: 5rem;
	border-radius: .5rem;
	transition: all .5s ease;
}
.tarif-block:hover .tarif-head {
	background-color: #ff8141!important;
}
.tarif-content {
	display: flex;
	padding: 10px 20px;
	flex-direction: column;
}
.tarif-img {
	width: 200px;
	align-self: center;
	margin-top: 50px;
	margin-bottom: 48px;
}
.tarif-img-text img{
	vertical-align: baseline;
	margin-right: 10px;
}
.tarif-buttons-container {
	max-width: 500px;
	width: 100%;
	flex-wrap: wrap;
}
.tarif-button {
	display: inline-block;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: 8px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: .8rem;
}
.tarif-active {
	background-color: #ff8141!important;
}
.active-round {
	background-color: #ff8141!important;
	width: 40px;
	height: 40px;
	color: white;
	font-size: 1.5rem;
	box-shadow: 0 1px 1px 1px #0000003d;
}
.active-bg {
	background-color: #ff8141!important;
	color: white;
}
.mt-23-rem {
	margin-top: 2.3rem;
}
.mb-10-px{
	margin-bottom: 10px;
}
.tarif-nav-bar {
	width: 120px;
	height: 30px;	
	align-items: center;
	justify-content: space-around;
}
.tarif-circle {
	width: 14px;
	height: 14px;
	border: 2px solid #9d9d9d91;
	border-radius: 50%;
}
.active-circle {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #9d9d9d91;
}
.tarif-to-left{
	width: 12px;
	height: 12px;
	border-left: 2px solid #9d9d9d91;
	border-bottom: 2px solid #9d9d9d91;
	transform: rotate(45deg);
}
.tarif-to-right{
	width: 12px;
	height: 12px;
	border-top: 2px solid #9d9d9d91;
	border-right: 2px solid #9d9d9d91;
	transform: rotate(45deg);
}


/* DIVIDER */
.divider {
	font-size: 12px;
	color: rgb(50, 50, 50);
	text-transform: uppercase;
	line-height: 1.5;
	text-align: center;
	position: relative;
}
.divider span {
	background: #fff;
	display: inline-block;
	padding: 0 18px;
	position: relative;
}
.divider:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px; /* ширина линии */
	background: #f3f4f2; /* цвет линии */
}

/*table.css*/
table.support-table tr th {
	font-size: 14px;
	text-align: right;
	vertical-align: middle;
	font-weight: normal;
}
table.support-table tr td {
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}
table.support-table div.classh4 {
	color: #3e6372;
	text-transform: uppercase;
	font-weight: 600;
	height: 36px;
	/*overflow: hidden;*/
	margin-bottom: 6px;
	margin-top: 18px;
	line-height: 1.2em;
	font-size: 16px;
}
.tarif-price {
	display: block;
	width: 145px;
	margin: 0 auto;
	margin-bottom: 20px;
	font-size: 18px;
	border: 1px solid #e1e1e5;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #000;
	font-weight: 600;
	border-radius: 30px;
}
table.support-table .rule-link-orange {
	color: #f60;
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	text-align: center!important;
	outline: none;
	text-decoration: none;
	/*background: url(../images/arrows2.png) 100% -56px no-repeat;*/
	padding-right: 20px;
}
.rule-link-orange span {
	border-bottom: 1px dashed #f60;
}
.open-me {
	display: table-row;
}
/*.close-me {
    display: none;
}*/


.order-col {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	position: relative;
}
.support-table .tarif-order-btn {
	width: 130px;
}
.tarif-order-btn {
	margin: 0 auto;
}
.tarif-order-btn > div {
	background: #fff none repeat scroll 0 0;
	border-radius: 30px;
	margin: 0 auto;
	padding: 5px;
}
:root .tarif-order-btn a {
	text-decoration: none;
}

.support-table .tarif-order-btn a {
	color: #fff;
}
.support-table .tarif-order-btn a {
	font-size: 16px;
	height: 45px;
	line-height: 40px;
	border-radius: 30px;
}
.tarif-order-btn a, .tariffsArchive_btnOrderTarif {
	color: #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid #f94400;
	line-height: 40px;
	display: block;
	border-bottom: 4px solid #b53d26;
	height: 45px;
	font-weight: 600;
	font-size: 16px;
	background: #f94400;
	background: linear-gradient(to bottom,rgba(249,68,0,1) 0%,rgba(209,70,0,1) 100%);
}

.link-orange {
	color: #f60;
	font-weight: 600;
	display: inline-block;
	text-align: center!important;
	outline: none;
	text-decoration: none;
	cursor: pointer;
}
.link-orange span {
	border-bottom: 1px dashed #f60;
}