/* BOF MAIN INFO */

section.main-info {
	padding: 0 0 0px 0;
}

.main-info .inner, 
.more-info .short-info, /* new */
.more-info .related-provs /* new */ {
	background-color: #fff;
	border-radius: 50px;
	box-shadow: 0px 0px 14px 3px #efefef;
}

.main-info .inner {
	padding: 60px;
	width: 870px;
}

.main-info-cols {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 60px 30px;
	justify-content: space-around;
}

.main-info-cols>div {
	flex-basis: 20%;
}

.main-info .logo {
	width: 200px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.main-info .logo svg,
.main-info .logo img {
	fill: #c4c4c4;
	max-width: 200px;
	max-height: 200px;
	width: auto;
	height: auto;
}

.main-info .laws,
.more-info .laws {
	display: grid;
	grid-gap: 50px;
}

.main-info-cols i,
.more-info i {
	color: var(--theme-color);
	font-size: 16px;
}

.main-info h6,
.more-info h6 {
	font-size: 13px;
	text-transform: uppercase;
}

.main-info a.site {
	margin: 10px 0;
	display: block;
	font-weight: 800;
	font-size: 22px;
}


/* Promo Code */

.promo-area {
	display: grid;
	padding: 15px;
	grid-gap: 10px;
	background: #e7e6e6;
	position: relative;
}

.promo-area:before {
	content: '';
	position: absolute;
	top: calc(0px + var(--hint-arrow-top));
	transition: var(--hint-transition);
	left: var(--hint-arrow-left);
	margin-left: var(--hint-arrow-margin);
	border: var(--hint-arrow-border);
	border-color: transparent transparent #e7e6e6 transparent;
}



.promo-area .description {
	font-size: 14px;
}

.promo-area .promo-code {
	display: grid;
	grid-template-columns: auto 19px;
	background: #fff;
	padding-left: 5px;
	border: 2px dashed #dbdbdb;
	align-items: center;
	overflow: hidden;
	position: relative;
}

.promo-area i {
	cursor: pointer;
	transition: var(--hint-transition);
	position: absolute;
	right: 0px;
	background: #fff;
	padding: 2px 3px;
}

.promo-area i:hover {
	opacity: .7;
}



.notelink {
	font-size: 13px;
	margin-top: 20px;
	background: #f5f5f5;
	border-radius: 9px;
	padding: 10px;
	box-shadow: 2px 3px 2px 1px #ededed;
}

.notelink i {
	color: #a3a3a3;
	margin-bottom: 5px;
}

.notelink p {
	margin-top: 0;
	margin-bottom: 0;
}

.main-info .from-country {
	font-weight: 800;
	font-size: 16px;
}

span.countryname {
	font-weight: normal;
}

.laws>div {
/*	margin-bottom: 50px;*/
}

/* EOF MAIN INFO */




/* BOF MORE INFO (ABOUT, RELATED, CLOSED, LIMITS) */

section.more-info {
	text-align: center;
	margin-top: -40px;
}

.more-info .inner {
	display: inline-flex;
	grid-gap: 30px;
	text-align: left;
}

.more-info .short-info, /* new */
.more-info .related-provs /* new */ {
	flex-grow: 1;
	padding: 40px;
}

.related-provs {
	max-width: 515px;
}

.related-inner {
	max-width: 360px;
}

/*.related-provs .related ul {
	flex-wrap: nowrap;
	width: max-content;
}*/


/*NEW small:*/
.linked-elements ul {
	display: inline-flex;
	flex-wrap: nowrap;
	width: max-content;
	gap: 15px;
}

.linked-elements ul li {
	width: 105px;
	display: inline-grid;
	grid-template-rows: 55px 20px auto;
	justify-items: center;
	text-align: center;
}

.linked-elements .linked-img-container {
	margin-top: 5px;
	width: 60px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	box-shadow: 0 0 4px 3px #f7f3f3;
	transition: var(--hint-transition);
}

.linked-elements .linked-img-container:hover {
	opacity: .6;
	box-shadow: 0 0 4px 3px #e7e7e7;
}

.linked-elements li img {
	max-width: 30px;
	max-height: 20px;
	width: auto;
	height: auto;
}

.linked-element-name {
	font-size: 13px;
	font-weight: 700;
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.linked-elements ul li span {
	font-size: 13px;
	color: var(--muted-text);
}


/* EOF MORE INFO */




/* BOF SHORT INFO - under the main info, gray BG */

.short-info {

}

.short-info .inner {
	width: 50%;
	text-align: center;
}

i.pre-icon {
	font-size: 48px;
	margin-bottom: 10px;
}

i.info {
	color: #ccc;
}

i.closed {
	font-size: 48px;
	color: var(--theme-color);
	margin-bottom: 10px;
}

p.closed {
	font-size: 17px;
	font-weight: 700;
	color: #686868;
}

/* EOF SHORT INFO - under the main info, gray BG */



/* BOF FEATURES2 CAROUSEL */

section.prov-features2 {
	background: var(--theme-color);
	color: #fff;
	margin: 70px 0;
}

section.prov-features2 h2 {
	color: #fff;
}

.features2-container {
	text-align: center;
	gap: 50px;
}

.slide-arrow {
	position: absolute;
	top: 55px;
	z-index: 2;
	cursor: pointer;
}

.slide-arrow-left {
}

.slide-arrow-right {
	right: 0;
	transform: rotate(180deg);
}

.prov-features2 .feature-name {
	font-weight: 700;
	position: relative;
	padding: 0 30px;
}

.prov-features2 .feature-name:after {
	display: grid;
	font-size: 14px;
	font-weight: 300;
	margin-top: 20px;
}

.prov-features2 .feature-name p:first-letter {
	text-transform: uppercase;
}

.prov-features2 .feature-name p:after {
	content: '';
	width: 50px;
	height: 1px;
	background: #cdcdcd;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: auto;
}

.prov-features2 td.feature-icon {
	padding: 40px 20px 25px 20px;
	border-bottom: 3px solid var(--theme-color);
	border-radius: 4px;
}

.prov-features2 .feature-icon-bg {
	/* width: 50px; */
	/* height: 50px; */
	margin: auto auto 20px auto;
	/* display: flex; */
	/* border-radius: 50px; */
	/* background: var(--body-bg); */
}

.prov-features2 .feature-icon-bg img {
	/* max-width: 48px; */
	max-height: 48px;
	width: auto;
	height: auto;
	margin: auto;
	transition: .4s;
}

.prov-features2 .feature-icon:after {
	font-weight: normal;
	display: block;
	font-size: 14px;
	padding-top: 75px;
}

.prov-features2 .slick-dots {
	margin-top: 30px;
	margin-bottom: -40px;
}

.prov-features2 .slick-dots li button:before,
.prov-features2 .slick-dots li.slick-active button:before {
	color: #fff;
}

/* EOF FEATURES2 CAROUSEL */



/* BOF FEATURES CAROUSEL */

.prov-features .blur-lr {
	position: relative;
}

.prov-features .blur-lr:before, 
.prov-features .blur-lr:after {
	content: '';
	position: absolute;
	top: 0;
	width: 30px;
	height: 90%;
	z-index: 3;
}

.prov-features .blur-lr:before {
	left: 0;
	background: linear-gradient(90deg, var(--body-bg), transparent);
}

.prov-features .blur-lr:after {
	right: 0;
	background: linear-gradient(270deg, var(--body-bg), transparent);
}


.prov-features table.features {
	margin: auto;
	border-spacing: 25px;
	width: max-content;
}

.prov-features table.features td {
	width: 150px;
	text-align: center;
	position: relative;
}

.prov-features .feature-name {
	font-weight: 700;
	position: absolute;
	top: 65px;
	width: 100%;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.prov-features .feature-name p {
	padding: 0 10px;
	margin: 0;
}

.prov-features .feature-name p:first-letter {
	text-transform: uppercase;
}

.prov-features .feature-name p:after {
	content: '';
	width: 50px;
	height: 1px;
	background: #cdcdcd;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: auto;
}

.prov-features td.feature-icon {
	padding: 40px 20px 25px 20px;
	border-bottom: 3px solid var(--theme-color);
	border-radius: 4px;
}

.prov-features .feature-icon-bg {
	width: 50px;
	height: 50px;
	margin: 0 auto -50px auto;
	position: absolute;
	top: -32px;
	left: 0;
	right: 0;
	/*background: #fafafa;*/
	background: var(--theme-color);
	border-radius: 50%;
	padding: 8px;
	box-shadow: 0px 2px 2px 0px #e7e7e7;
	display: flex;
	justify-content: center;
	align-items: center;
}

.prov-features .feature-icon-bg img {
	max-width: 28px;
	max-height: 28px;
	width: auto;
	height: auto;
	transition: .4s;
}

.prov-features .feature-icon:after, 
.prov-features .feature-icon p {
	font-weight: normal;
	display: block;
	font-size: 14px;
	padding-top: 75px;
	line-height: 1.38em;
}

.feature_110:after { /* only for this site */
	content: 'Распространённое решение, подходящее для работы большинства сайтов';
}

.feature_120:after { /* only for this site */
	content: 'Идеально для высоконагруженных сайтов — но и не только: размещайте и запускайте всё, что угодно';
}

.feature_130:after { /* only for this site */
	content: 'Отдельный мощный компьютер, работающий в дата-центре. Его ресурсы используете только вы';
}

.feature_140:after { /* only for this site */
	content: 'Размещение вашего сервера в дата-центре';
}

.feature_150:after { /* only for this site */
	content: 'Хранилище данных — например, для резервных копий вашего сервера';
}

.feature_160:after { /* only for this site */
	content: 'Удалённые рабочие столы';
}

.feature_180:after { /* only for this site */
	content: 'Лёгкая покупка и продление доменного имени для вашего сайта';
}

/* EOF FEATURES CAROUSEL */



/* BOF RELATED PROVIDERS */

/*
section.related {
	padding: 0 0 70px 0;
}
*/

.related-h {
	text-align: center;
	font-size: 17px;
	font-weight: 800;
	margin-bottom: 40px;
}

.related ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	grid-gap: 25px 25px;
}

.related li {
	position: relative;
	width: 160px;
	background-image: url(//pro-vpn.biz/icons/options/option_id_other.svg);
	background-position: 30px 20px;
	background-repeat: no-repeat;
	background-size: 9%;
/*	background-color: #fff;*/
	background-color: #e7e6e6;
	padding: 80px 30px 30px 30px;
	border-radius: 20px;
/*	box-shadow: 0px 0px 14px 3px #efefef;*/
}

.related li:before {
	content: '';
	position: absolute;
	top: 63px;
	width: 20px;
	height: 1px;
	background: var(--theme-color);
}

.related li a {
	font-weight: 800;
}

.related li span {
	font-size: 14px;
}

/* EOF RELATED PROVIDERS */


/* BOF LINKED LIST */

.linked-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.linked-ico,
.linked-href-ico {
	width: 45px;
	height: 45px;
	margin: 20px 30px 70px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--theme-color);
	box-shadow: 0 0 3px 4px #f5f5f5;
	border-radius: 50%;
	position: relative;
	flex-wrap: wrap;
	text-align: center;
}

.linked-href-ico {
	width: 85px;
	height: 85px;
	align-content: center;
	background: #ffffff;
}

.linked-href-ico a.linked-img {
	line-height: 0;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.linked-href-ico a.linked-img:hover {
	opacity: .7;
}

.linked-ico img,
.linked-href-ico img {
	height: 19px;
	width: auto;
}

.linked-href-ico img {
	max-width: 50px;
	max-height: 50px;
	height: auto;
	width: auto;
}

.linked-ico:after,
a.linked-name {
	content: 'Название';
	position: absolute;
	top: 55px;
	font-size: 13px;
	color: #838383;
}

a.linked-name {
	top: 100px;
}

a.linked-name:hover {
	color: var(--theme-color);
}

.linked-437:after {content: 'Android, ChromeOS';}
.linked-12:after {content: 'iOS, iPadOS';}
.linked-13:after {content: 'Linux';}
.linked-10:after {content: 'MacOS';}
.linked-9:after {content: 'Windows';}
.linked-14:after {content: 'Расширение для браузера';}
.linked-16:after {content: 'Роутеры';}
.linked-96:after {content: 'Телевизоры';}

/* EOF LINKED LIST */



#featurebtns { /* popup block with features buttons */
	width: 400px;
	height: 60px;
	padding: 10px;
	background-color: #fff;
	border-top: 3px solid #E28409;
	position: fixed;
	top: -170px;
	z-index: 5;
	margin: auto;
	left: 0;
	right: 0;
	-moz-box-shadow: -2px 0px 5px #aaa;
	-webkit-box-shadow: -2px 0px 5px #aaa;
	box-shadow: -2px 0px 5px #aaa;
}




/*  */

.services {

}

.service-card {
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	border-radius: 20px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
}

.srv-item {
	width: 40%;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 30px;
}

.srv-item i {
	font-size: 30px;
	color: #000;
	margin-bottom: 15px;
}

.srv-item h6 {
	font-size: 20px;
	margin: 10px 0 30px 0;
	font-weight: 900;
}

.srv-item .srv-item-text {
	margin-top: 35px;
	border-top: 1px solid #e3e3e3;
}


.proto, 
.proto-hint {
	position: relative;
	background: #e4e4e4;
	border-radius: 5px;
	padding: 4px 11px;
	font-size: 12px;
	margin: 5px;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	font-weight: normal;
	justify-content: space-between;
}

.proto img {
/*	max-height: 16px;*/
	height: 16px;
	max-width: 20px;
	margin-right: 8px;
	opacity: .8;
}

.proto:before {
	content: '';
}

.proto-lgreen {
	background: #e3f5e4;
}

.proto-pink {
	background: #ffe6e6;
}

.prov-params td:nth-child(2) .proto-hint i {
	font-size: 9px;
	margin-left: 6px;
	color: var(--muted-text);
	transition: .4s;
}

.prov-params td:nth-child(2) .proto-hint:hover i { 
	color: #555;
}


.proto-hint {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}

.prov-params td:nth-child(2) .proto-hint::before { /* arrow-up - hidden */
	content: '';
	position: absolute;
	top: 30px;
	transition: var(--hint-transition);
	left: var(--hint-arrow-left);
	margin-left: var(--hint-arrow-margin);
	border: var(--hint-arrow-border);
}

.prov-params td:nth-child(2) .proto-hint:hover::before { /* arrow-up - visible */
	border-color: transparent transparent var(--hint-bgcolor) transparent;
	z-index: var(--hint-visible-z);
}

.prov-params td:nth-child(2) .proto-hint::after { /* hint - hidden */
	padding: var(--hint-padding);
	position: absolute;
	top: var(--hint-top);
	right: 50%;
	text-align: center;
	margin-right: calc((var(--hint-width) + 18px) / 2 * -1); /* ширина hint-width + оба отступа 9px по краям > делим на 2 > умножаем -1 чтобы получить отрицательное значение  */
	width: var(--hint-width);
	border-radius: var(--hint-radius);
	font-size: var(--hint-fontsize);
	transition: var(--hint-transition);
	z-index: var(--hint-hidden-z);
	color: var(--hint-hidden-color);
	display: flex;
	justify-content: center;
	white-space: normal;
}

.prov-params td:nth-child(2) .proto-hint:hover::after { /* hint - visible */
	color: var(--hint-visible-color);
	background: var(--hint-bgcolor);
	height: auto;
	z-index: var(--hint-visible-z);
/*	content: 'Test';*/
}



.srv-item .default-hlist {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 10px 30px;
}

.srv-item .default-hlist li {
	position: relative;
	padding-left: 22px;
}

.srv-item .default-hlist i {
	color: #d3d3d3;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 6px;
}


.srv-param-bigboard {
	display: grid;
	justify-items: center;
	text-align: center;
	width: 80%;
	margin: auto;
	grid-gap: 10px;
}

.srv-param-bigboard i {
	font-size: 50px;
	margin-bottom: 0;
}

.srv-param-bigboard img {
	max-height: 75px;
	width: auto;
	height: auto;
}

.srv-param-bigboard div {
	font-size: 15px;
	color: #777;
}

.srv-param-bigboard .bigboard-header {
	font-weight: 800;
	font-size: 17px;
	color: #000;
}


.srv-params-xs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(25px, 1fr));
	grid-gap: 35px 35px;
}

.srv-params-xs .param {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px 0;
	position: relative;
}

.srv-params-xs .param .param-img {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--hint-transition);
}

.srv-params-xs .param:hover .param-img {
	opacity: .6;
}

.srv-params-xs .param img, 
.srv-params-xs .param svg {
	max-width: 25px;
	max-height: 25px;
	width: auto;
	height: auto;
}


.srv-params-xs .param .param-value {
	padding: var(--hint-padding);
	border-radius: var(--hint-radius);
	position: absolute;
	top: calc(-5px + var(--hint-top));
	text-align: center;
	width: var(--hint-width);
	font-size: var(--hint-fontsize);
	transition: var(--hint-transition);
	z-index: var(--hint-hidden-z);
	color: var(--hint-hidden-color);
}

.srv-params-xs .param:hover .param-value {
	color: var(--hint-visible-color);
	background: var(--hint-bgcolor);
	height: auto;
	z-index: var(--hint-visible-z);
	display: flex;
	justify-content: center;
}

.srv-params-xs .param .param-value:before {
	content: '';
	position: absolute;
	top: var(--hint-arrow-top);
	transition: var(--hint-transition);
	left: var(--hint-arrow-left);
	margin-left: var(--hint-arrow-margin);
	border: var(--hint-arrow-border);
}

.srv-params-xs .param:hover .param-value:before {
	border-color: transparent transparent var(--hint-bgcolor) transparent;
}


.srv-params-s {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px 30px;
}

.srv-params-s .param {
	display: flex;
	align-items: center;
	gap: 10px 0;
}

.srv-params-s .param .param-img {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.srv-params-s .param img, 
.srv-params-s .param svg {
	max-width: 28px;
	max-height: 18px;
	width: auto;
	height: 18px;
	fill: #a3a3a3;
}

.srv-params-s .param .param-value {
	font-size: 13px;
	height: auto;
	display: flex;
	padding: 3px 9px;
}


/*.srv-params-m {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
	grid-gap: 30px 30px;
}*/

.srv-params-m {
	display: grid;
	grid-template-columns: repeat(5, 55px);
	grid-gap: 30px 30px;
	justify-content: center;
}

.srv-params-m .param {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px 0;
	position: relative;
}

.srv-params-m .param .param-img {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f6f6f6;
	border-radius: 5px;
	transition: var(--hint-transition);
}

.srv-params-m .param .param-img:hover {
	background: #ededed;
}

.srv-params-m .param img, 
.srv-params-m .param svg {
	max-width: 28px;
	max-height: 18px;
	width: auto;
	height: auto;
}


.srv-params-m .param .param-value {
	padding: var(--hint-padding);
	border-radius: var(--hint-radius);
	position: absolute;
	top: calc(8px + var(--hint-top));
	text-align: center;
	width: var(--hint-width);
	font-size: var(--hint-fontsize);
	transition: var(--hint-transition);
	z-index: var(--hint-hidden-z);
	color: var(--hint-hidden-color);
}

.srv-params-m .param:hover .param-value {
	color: var(--hint-visible-color);
	background: var(--hint-bgcolor);
	height: auto;
	z-index: var(--hint-visible-z);
	display: flex;
	justify-content: center;
}

.srv-params-m .param .param-value:before {
	content: '';
	position: absolute;
	top: var(--hint-arrow-top);
	transition: var(--hint-transition);
	left: var(--hint-arrow-left);
	margin-left: var(--hint-arrow-margin);
	border: var(--hint-arrow-border);
}

.srv-params-m .param:hover .param-value:before {
	border-color: transparent transparent var(--hint-bgcolor) transparent;
}


.srv-params-ml {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 25px 1px;
}

.srv-params-ml .param {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px 0;
}

.srv-params-ml .param .param-img {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background-color: #eee;
}

.srv-params-ml .param img, 
.srv-params-ml .param svg {
	max-width: 18px;
	max-height: 18px;
	width: auto;
	height: auto;
}

.srv-params-ml .param .param-value {
	padding: var(--hint-padding);
	text-align: center;
	width: 80px;
	font-size: var(--hint-fontsize);
}


.srv-params-l {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px 1px;
	grid-gap: 1px; /* test grid */
}

.srv-params-l .param {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px 0;
	position: relative;
	border: 1px solid #e1e1e1; /* test grid */
	margin-right: -2px; /* test grid */
	margin-top: -2px; /* test grid */
	padding: 14px 0; /* test grid */
}

.srv-params-l .param .param-img {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.srv-params-l .param .param-img:hover {
	
}

.srv-params-l .param img, 
.srv-params-l .param svg {
	max-width: 50px;
	max-height: 50px;
	width: auto;
	height: auto;
}


.srv-params-l .param .param-value {
	padding: var(--hint-padding);
	text-align: center;
/*	width: 60px;*/
	max-width: 90px;
	font-size: var(--hint-fontsize);
}


/* BOF Countries with flags and phone codes */

.srv-params-tel {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 15px 0px;
	max-height: 250px;
	overflow-y: auto;
}

.srv-params-tel .param {
	display: grid;
	grid-template-columns: 50px auto 48px;
	width: 99%;
}

.srv-params-tel .param .param-img {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.srv-params-tel .param img, 
.srv-params-tel .param svg {
	max-width: 25px;
	max-height: 25px;
	width: auto;
	height: auto;
	border-radius: 5px;
}

.srv-params-tel .param .param-value {

}

.srv-params-tel .param:after,
.srv-params-tel div.param span.param-lastfield {
/*	content: '+{code}';*/
	content: '';
	color: var(--muted-text);
	font-size: 14px;
}

/* EOF Countries with flags and phone codes */


.srv-tariffing {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.srv-tariffing .tariff-variant {
	display: flex;
	gap: 10px;
	align-items: baseline;
}

.srv-tariffing .tariff-variant i {
	font-size: 15px;
	color: #a3a3a3;
	width: 30px;
}

.srv-tariffing .tariff-variant img.before {
	height: 13px;
	opacity: .4;
	margin-right: 12px;
}

.tariff-variant span {
	flex: 0 1 100%;
}

span.text {
	display: block;
	margin-top: 30px;
}

span.minitips {
	display: block;
	background-color: #f3f3f3;
	font-size: 15px;
	padding: 10px 20px;
	margin-top: 30px;
	border-radius: 8px;
}

.minitips i {
	font-size: 15px;
	color: #a3a3a3;
	width: 30px;
	margin-bottom: 5px;
}




.param-note {
	margin-top: 25px;
	font-size: 13px;
	display: inline-grid;
	grid-template-columns: 30px auto;
	color: var(--light-text);
}

.param-note i {
	display: grid;
	font-size: 15px;
	color: var(--theme-color);
}

.param-bg {
	border: 1px solid #ccc;
	border-left: 4px solid var(--theme-color);
	border-radius: 3px;
	padding: 2px 5px;
	margin-right: 5px;
	margin-bottom: 7px;
	font-size: 12px;
	white-space: nowrap;
	display: inline-block;
}



section.service-area {
	position: relative;
	overflow: hidden;
	padding-top: 120px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

section.service-area:before {
	content: '';
	position: absolute;
	top: -45px;
	left: 50%;
	width: 120%;
	height: 380px;
/*	z-index: -1;*/
	z-index: 0;
	transform: translateX(-50%) rotate(357deg);
	background-color: var(--theme-color);
}

section.service-area:after {
	content: '';
	position: absolute;
	top: 104px;
	left: 20px;
	font-size: 150px;
	color: #fff;
	z-index: -1;
	font-weight: 100;
	width: 200px;
	height: 200px;
/*from brekotru below*/
	background-image: url(/local/templates/bas/img/line.header.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 119px;
	width: 100%;
	left: 0;
}

.service-area h2 {
	color: #fff;
	font-size: 30px;
	position: relative;
}

.service-area h2:before {
	content: '';
	position: absolute;
	top: -45px;
	width: 100%;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	display: flex;
}

.webhosting h2:before {
	background-image: url(/icons/services/110-whiteblue.svg);
}

.vds h2:before {
	background-image: url(/icons/services/120-whiteblue.svg);
}

.dedic h2:before {
	background-image: url(/icons/services/130-whiteblue.svg);
}

.colocation h2:before {
	background-image: url(/icons/services/140-whiteblue.svg);
}

.data-storage h2:before {
	background-image: url(/icons/services/150-whiteblue.svg);
}

.vdi h2:before {
	background-image: url(/icons/services/160-whiteblue.svg);
}

.domains h2:before {
	background-image: url(/icons/services/180-whiteblue.svg);
}

/* BOF SECTION FOR TEXT SUBINFO & PARAMS TABLE & FREEOPTIONS */

section.params {
	background: #fff;
	box-shadow: 0px 0px 50px 50px #ffffff;
}

.prov-params-container {
	width: 70%;
	margin: 0 auto;
	display: block;
	padding: 50px 100px 50px 100px;
	border-radius: 20px;
}

.prov-params { /* BOF TABLE WITH PARAMS */
	font-size: 17px;
	border-collapse: collapse;
	/* border: 1px solid #eee; */
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 80px;
	box-shadow: 0 0 0px 1px #eee;
	width: 100%;
}

.prov-params td {
	text-align: center;
	background: #fff;
	padding: 30px;
	border: 1px solid #eee;
	min-width: 100px;
	font-weight: 700;
	position: relative;
}

.prov-params td:first-child {
	text-align: left;
	font-weight: normal;
	padding-left: 60px;
}

.prov-params td:nth-child(2) {
	max-width: 150px;
}

.prov-params td:first-child i {
	position: absolute;
	left: 20px;
	top: 50%;
	bottom: 50%;
	line-height: 0;
	color: var(--theme-color);
}

.prov-params td .copyfield {
	width: 130px;
	margin: 2px auto;
	cursor: pointer;
	font-weight: normal;
	background-color: #f4f9ff;
}

.prov-params .param-icon {
/*	max-width: 24px;*/
	max-height: 24px;
	width: auto;
	height: auto;
	opacity: .7;
	margin: 2px;
}

.prov-params td:nth-child(2) i {
	font-size: 23px;
}

.prov-params td:nth-child(2) i.fa-circle-check { /* галка fa-circle-check зеленым */
	color: #4CAF50;
}

.prov-params td:nth-child(2) i.fa-circle-xmark {/* крест fa-circle-xmark красным */
	color: #cd1818;
}

.prov-params td:nth-child(2) i:after {
	color: #e4e4e4;
}

.prov-params td:nth-child(2) i.fa-copy, 
.prov-params td:nth-child(2) i.fa-check {
	position: initial;
	font-size: 14px;
	margin-top: 2px;
	color: #ababab;
	float: right;
}

.prov-params td:nth-child(2) .copyfield:hover i.fa-copy {
	color: #333;
}/* EOF TABLE WITH PARAMS */


.prov-moreinfo-container {
	width: 70%;
	margin: 0 auto;
	display: block;
	padding: 50px 100px 50px 100px;
}




ul.freeoptions {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
	justify-content: center;
}

ul.freeoptions li {
	flex: 0 1 35%;
	margin: 10px;
	box-shadow: 0 0 6px 2px #f5f5f5;
	border-radius: 9px;
	padding: 10px 15px 10px 51px;
	display: flex;
	background: url(/service/vpn/icons/prov_freeoption_bg3.svg) 15px center no-repeat;
	background-size: 6%;
	align-items: center;
	font-size: 14px;
	min-height: 38px;
}

ul.freeoptions li:before {
}

ul.advoptions {
	display: grid;
	list-style: none;
	padding-left: 0;
	justify-content: center;
	grid-gap: 30px 1px;
	padding: 0 100px;
}

.prov-moreinfo-container .advoptions li {
	padding: 0 0 0 50px;
	background: url(//pro-vpn.biz/icons/typical/circle-check-regular.svg) left 1px no-repeat;
	background-size: 18px;
	margin: 0 0 0 0;
	min-height: 38px;
}

.prov-moreinfo-container .advoptions li:before {
	content: '';
}

.prov-moreinfo-container .advoptions li.toll-option {
	background-image: url(//pro-vpn.biz/icons/typical/circle-dollar-regular-red.svg);
}



/* EOF SECTION FOR TEXT SUBINFO & PARAMS TABLE & FREEOPTIONS */



/* flags outside list */

.clients-container .flocation_container {
	justify-content: center;
	margin-top: 30px;
}


/* BOF TIMELINE */

section.timeline table {
	margin: 0 auto;
}

section.timeline table td {
	vertical-align: top;
	padding-bottom: 60px;
	position: relative;
}

span.timeline_header {
	display: flex;
	width: 60px;
	height: 60px;
	background: var(--theme-color);
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #fff;
}

section.timeline table td:first-child:before {
	content: '';
	position: absolute;
	top: 65px;
	left: 30px;
	width: 2px;
	height: calc(100% - 66px);
	background: #e1e1e1;
}

section.timeline table tr:last-child td:first-child:before {
	display: none;
}

span.timeline_story {
	display: flex;
	background: #fff;
	padding: 15px 30px;
	margin: 10px 0 10px 20px;
	box-shadow: 0 0 8px 3px #f0f0f0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

/* EOF TIMELINE */


/* BOF linked news */

.linked-news {background: #edebeb;}

.linked-news .lastnews-container {
	font-size: 15px;
	display: inline-grid;
	grid-template-columns: 46% 46%;
	grid-gap: 25px 35px;
	color: var(--muted-text);
	justify-content: center;
}

.linked-news .lastnews-element {
	display: inline-flex;
	flex-direction: column;
}

.linked-news a {
	font-weight: 700;
}

@media screen and (max-width: 1017px) {

	.linked-news .lastnews-container {
		grid-gap: 25px 25px;
	}

}


@media screen and (max-width: 480px) {

	.linked-news .lastnews-container {
		grid-template-columns: 100%;
	}

}


/* EOF linked news */

/* old below */


ul.params {
	margin: 0;
	padding: 0;
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
}

ul.params>li {
	text-indent: 0;
	margin: 0 auto 45px auto;
	padding: 0;
	text-align: center;
}

ul.params>li:before {
	content: '';
}

.param-list {
	margin: 10px 30px;
}

/* old before */




/* payment ways */

.topup .inner {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
}


.topups-header {
	text-align: center;
	font-size: 19px;
	font-weight: 800;
	color: #414141;
}

ul.topups {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px 10px;
	margin-bottom: 50px;
	flex-wrap: wrap;
}

li.topup-item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 15px;
	position: relative;
}

li.topup-item:before { /* arrow up - hidden */
	content: '';
	position: absolute;
	top: calc(38px + var(--hint-arrow-top));
	transition: var(--hint-transition);
	left: var(--hint-arrow-left);
	margin-left: var(--hint-arrow-margin);
	border: var(--hint-arrow-border);
}

li.topup-item:hover:before { /* arrow up - visible */
	border-color: transparent transparent var(--hint-bgcolor) transparent;
}

li.topup-item:after,
li.topup-item b { /* hint - hidden */
	padding: var(--hint-padding);
	position: absolute;
	top: var(--hint-top);
	text-align: center;
	width: var(--hint-width);
	border-radius: var(--hint-radius);
	font-size: var(--hint-fontsize);
	transition: var(--hint-transition);
	z-index: var(--hint-hidden-z);
	color: var(--hint-hidden-color);
	display: flex;
	justify-content: center;
	font-weight: 200;
}

li.topup-item:hover:after,
li.topup-item:hover b { /* hint - visible */
	color: var(--hint-visible-color);
	background: var(--hint-bgcolor);
	height: auto;
	z-index: var(--hint-visible-z);
}

.topups img {
	height: 25px;
}

li.topup-item-100:after {content: 'Банковские карты';}
li.topup-item-200:after {content: 'Банковские карты (Россия)';}
li.topup-item-300:after {content: 'PayPal';}
li.topup-item-400:after {content: 'QIWI';}
li.topup-item-500:after {content: 'Webmoney';}
li.topup-item-600:after {content: 'Yoomoney';}
li.topup-item-700:after {content: 'Другие электронные кошельки';}
li.topup-item-800:after {content: 'Криптовалюты';}
li.topup-item-900:after {content: 'Наличные';}
li.topup-item-999:after {content: 'По банковским реквизитам';}

li.topup-item-100_en:after {content: 'Bank Cards';}
li.topup-item-200_en:after {content: 'Bank Cards (Russia)';}
li.topup-item-300_en:after {content: 'PayPal';}
li.topup-item-400_en:after {content: 'QIWI';}
li.topup-item-500_en:after {content: 'Webmoney';}
li.topup-item-600_en:after {content: 'Yoomoney';}
li.topup-item-700_en:after {content: 'e-Wallets & Systems (Payeer, Volet, etc.)';}
li.topup-item-800_en:after {content: 'Cryptocurrencies';}
li.topup-item-900_en:after {content: 'Cash';}
li.topup-item-999_en:after {content: 'Bank Transfer';}


/* BOF SPECIALS */

.special {
	background: #fff;
	margin-top: 70px;
}

.special_bf .inner {
	border: 3px dashed #000;
	border-radius: 20px;
	padding: 40px 0;
}

.discount-params {
	margin: 50px auto auto auto;
	display: grid;
	grid-template-columns: auto auto;
	width: 90%;
	justify-items: center;
}


/* BOF LINKED LIST */

.linked-list-h {
	display: flex;
	gap: 30px;
}

.linked-list-h .linked-item {
	display: inline-grid;
	grid-template-columns: 60px 100px;
	font-weight: 600;
}

.linked-list-h .linked-ico {
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--theme-color);
	box-shadow: 0 0 3px 4px #f5f5f5;
	border-radius: 50%;
	position: relative;
	flex-wrap: wrap;
	text-align: center;
	margin: 0;
}

.linked-list-h .linked-ico:after {
	content: '';
}

.linked-list-h .linked-ico img {
	height: 19px;
	width: auto;
}

.fromto {
	display: grid;
	grid-template-columns: 50px auto;
	font-weight: 300;
}

.fromto i {
	font-size: 40px;
	color: #cbcbcb;
}

/* EOF LINKED LIST */


.discount-description {
	width: 90%;
	margin: 50px auto auto auto;
/*	font-size: 18px;*/
	font-weight: 400;
/*	background: #f9f9f9;*/
	background: #dde9f3;
	padding: 15px 30px;
	border-radius: 20px;
}


/* EOF SPECIALS */




@media screen and (max-width: 1016px) { /*landscapes*/

	.main-info .inner {
		width: calc(100% - 70px);
		border-radius: 20px;
		padding: 40px 20px;
	}

	.main-info-cols {
		text-align: center;
	}

	.main-info .logo {
		flex: 1 1 100%;
		margin: 0 auto;
	}

	.main-info .sites,
	.main-info .laws {
		flex-basis: 45%;
	}

	.promo-area {
		max-width: 80%;
		margin: auto;
	}

	.linked-list-h { /* specials */
		flex-direction: column;
	}

	.discount-description,
	.discount-params { /* specials */
		width: auto;
	}

	section.more-info { /* 2025 */
		margin-top: -55px;
	}

	.more-info .inner {
		grid-gap: 15px;
	}

	.more-info .short-info, 
	.more-info .related-provs { /* 2025 */
		border-radius: 20px;
		padding: 20px 20px;
	}

	.more-info .related-provs .related-inner { /* 2025 */
		max-width: 222px;
	}

	.main-info-descripion {
		width: 100%;
	}

	.prov-params-container, 
	.prov-moreinfo-container {
		width: calc(100% - 30px);
		padding: 50px 15px 5px 15px;
	}

	.service-area h2 {
		font-size: 140%;
	}

	.srv-item {
/*		width: 35%;*/
		width: calc(50% - 95px);
	}

	.srv-item h6 {
		font-size: 18px;
	}

	.srv-params-m {
		grid-template-columns: repeat(3, 31px);
	}

	.srv-params-ml,
	.srv-params-l {
		grid-template-columns: repeat(2, 1fr);
		justify-content: center;
	}

}


@media screen and (max-width: 480px) {

	.main-info .inner {
		width: calc(100% - 70px);
		border-radius: 20px;
		padding: 40px 20px;
	}

	.main-info-cols {
		display: grid;
	}

	.promo-area {
		max-width: 50%;
	}

	.discount-params { /* specials */
		grid-template-columns: 100%;
		grid-gap: 40px;
	}

	.short-info .inner {
		width: 85%;
	}

	.more-info .inner {
		flex-wrap: wrap;
	}

	.service-area h2 {
		font-size: 140%;
	}

	.srv-item {
		width: calc(100% - 60px);
		margin: 10px 0px;
	}

	.srv-params-m {
		grid-template-columns: repeat(4, 35px);
	}

	.prov-params-container,
	.main-info-descripion {
/*		width: 100%;*/
	}

	.prov-params-container {
/*		padding: 50px 0 0 0;*/
}

	.prov-params {
		border-bottom: 1px solid #eee;
	}

	.prov-params td {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 0;
		border-top: 0;
		padding: 10px 10px 20px 10px;
		justify-content: center;
	}

	.prov-params td {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 0;
		border-top: 0;
		padding: 10px 10px 20px 10px;
		justify-content: center;
	}

	.prov-params td:first-child {
		text-align: center;
		border-top: 1px solid #eee;
		padding-bottom: 0;
		padding-left: 10px;
		padding-top: 60px;
	}

	.prov-params td:nth-child(2) {
		max-width: 100%;
	}

	.prov-params td:first-child i {
		top: 35px;
		left: 47%;
		right: 47%;
	}

	.prov-params td:nth-child(2) i {
		font-size: 23px;
	}

	ul.freeoptions li {
		flex: 1 1 100%;
		margin: 10px 0;
	}

	td.client-ico {
		padding: 0 15px;
	}

	span.timeline_header {
		width: 35px;
		height: 35px;
		font-size: 11px;
	}

	section.timeline table td:first-child:before {
		top: 45px;
		left: 18px;
		height: calc(100% - 50px);
	}

	span.timeline_story {
		margin: 35px 0 0 5px;
		padding: 15px 15px;
	}

	.topup .inner {
		justify-content: center;
		flex-direction: column;
	}

	ul.topups {
		column-gap: normal;
		max-width: 90%;
		margin: auto;
	}

}