@charset "utf-8";

/*---------------------------------
max 1199px
max 991px
max 767px
max 575px
max 359px
-----------------------------------*/



/* ========================================================================================
	max 1199px
======================================================================================== */
@media (max-width: 1199px) {

html {
	font-size: 85% !important;
}

/* ========================================================================================
	header
======================================================================================== */
/* rdn-main-nav
============================================================================= */
.rd-navbar-static .rdn-nav-ul > li > a {
	padding: 1rem 2rem 1rem 1.125rem;
}




/* ========================================================================================
	layouts
======================================================================================== */
.container-center {
	max-width: 71.250rem; /* 1140px */
}







}



/* ========================================================================================
	max 991px
======================================================================================== */
@media (max-width: 991px) {

/* ========================================================================================
	layouts
======================================================================================== */
.wrapper {
	padding: 56px 0 0;
}

.container-center {
	max-width: 60rem; /* 960px */
}

/* double-content
============================================================================= */
/* left-double-content
============================================ */
.left-double-content {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0;
}

/* right-double-content
============================================ */
.right-double-content {
	flex-basis: 100%;
	max-width: 100%;
}


/* ========================================================================================
	common elements and effects
======================================================================================== */
/* up
============================================================================= */
.up {
	width: 0;
	height: 0;
	right: -99999rem;
}

.up::before {
	display: none;
}


/* ========================================================================================
	header
======================================================================================== */
/* rdn-fixed-panel
============================================================================= */
.rd-navbar-fixed .rdn-fixed-panel {
	position: fixed;
	height: 48px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 16;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
	background: rgba(255, 255, 255, 1);
}

/* rdn-toggle
============================================ */
.rd-navbar-fixed .rdn-toggle {
	display: block;
	position: fixed;
	top: 4px;
	left: 4px;
	width: 40px;
	height: 40px;
	padding: 0;
	z-index: 17;
	background: rgba(35, 48, 101, 1);
	cursor: pointer;
}

.rd-navbar-fixed .rdn-toggle span {
	display: block;
	position: relative;
	margin: auto;
	transition: all .3s ease;
	transform: rotate(180deg);
}

.rd-navbar-fixed .rdn-toggle span::before,
.rd-navbar-fixed .rdn-toggle span::after {
	content: "";
	position: absolute;
	left: 0;
	top: -7px;
	transform-origin: 1.71429px center;
	transition: all .3s ease;
}

.rd-navbar-fixed .rdn-toggle span::after {
	top: 7px;
}

.rd-navbar-fixed .rdn-toggle span::before,
.rd-navbar-fixed .rdn-toggle span::after,
.rd-navbar-fixed .rdn-toggle span {
	width: 20px;
	height: 2px;
	background-color: rgba(255, 255, 255, 1);
	backface-visibility: hidden;
}

.rd-navbar-fixed .rdn-toggle span::before {
	width: 15px;
	left: 5px;
	background-color: rgba(209, 3, 100, 1);
}

.rd-navbar-fixed .rdn-toggle.active span {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.rd-navbar-fixed .rdn-toggle.active span::before,
.rd-navbar-fixed .rdn-toggle.active span::after {
	top: 0;
	width: 15px !important;
}

.rd-navbar-fixed .rdn-toggle.active span::before {
	left: 0;
	background-color: rgba(255, 255, 255, 1);
	-webkit-transform: rotate3d(0, 0, 1, -40deg);
	transform: rotate3d(0, 0, 1, -40deg);
}

.rd-navbar-fixed .rdn-toggle.active span::after {
	-webkit-transform: rotate3d(0, 0, 1, 40deg);
	transform: rotate3d(0, 0, 1, 40deg);
}

/* rdn-search-toggle
============================================ */
.rd-navbar-fixed .rdn-search-toggle {
	display: none;
}

.rd-navbar-fixed .rdn-search-toggle-fixed {
	display: block;
	position: fixed;
	top: 4px;
	right: 48px;
	transform: none;
	width: 40px;
	height: 40px;
	z-index: 17;
	background: transparent;

	/* background: brown; */
}

.rd-navbar-fixed .rdn-search-toggle-fixed span {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
	color: rgba(35, 48, 101, 1) ;
	font-size: 2.206rem;
	line-height: 40px;
	font-family: "Material-Design-Iconic-Font";
	text-align: center;
}

.rd-navbar-fixed .rdn-search-toggle-fixed span,
.rd-navbar-fixed .rdn-search-toggle-fixed span::before,
.rd-navbar-fixed .rdn-search-toggle-fixed span::after {
	transition: all .3s ease;
}

.rd-navbar-fixed .rdn-search-toggle-fixed span::before,
.rd-navbar-fixed .rdn-search-toggle-fixed span::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.rd-navbar-fixed .rdn-search-toggle-fixed span::before {
	content: "\f1c3";
	transform: rotate(0deg) scale(1);
	opacity: 1;
	visibility: visible;
}

.rd-navbar-fixed .rdn-search-toggle-fixed span::after {
	content: "\f136";
	transform: rotate(-90deg) scale(0);
	opacity: 0;
	visibility: hidden;
}

.rd-navbar-fixed .rdn-search-toggle-fixed.active span::before {
	opacity: 0;
	visibility: hidden;
	transform: rotate(90deg) scale(0);
}

.rd-navbar-fixed .rdn-search-toggle-fixed.active span::after {
	transform: rotate(0deg) scale(1);
	opacity: 1;
	visibility: visible;
}

/* rdn-mp-tp-toggle
============================================ */
.rd-navbar-fixed .rdn-mp-tp-toggle {
	display: block;
	position: fixed;
	top: 4px;
	right: 4px;
	width: 40px;
	height: 40px;
	padding: 0;
	z-index: 17;
	background: transparent;
	cursor: pointer;
}

.rd-navbar-fixed .rdn-mp-tp-toggle span {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
	font-size: 2.206rem;
	line-height: 40px;
	cursor: pointer;
	color: rgba(35, 48, 101, 1) ;
	font-family: "Material-Design-Iconic-Font";

	/* background: salmon; */
}

.rd-navbar-fixed .rdn-mp-tp-toggle span,
.rd-navbar-fixed .rdn-mp-tp-toggle span:before,
.rd-navbar-fixed .rdn-mp-tp-toggle span:after {
	transition: all .3s ease;
}

.rd-navbar-fixed .rdn-mp-tp-toggle span:before,
.rd-navbar-fixed .rdn-mp-tp-toggle span:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.rd-navbar-fixed .rdn-mp-tp-toggle span:before {
	content: "\f19b";
	transform: rotate(0deg) scale(1);
	opacity: 1;
	visibility: visible;
}

.rd-navbar-fixed .rdn-mp-tp-toggle span:after {
	content: "\f136";
	-webkit-transform: rotate(-90deg) scale(0);
	transform: rotate(-90deg) scale(0);
	opacity: 0;
	visibility: hidden;
}

.rd-navbar-fixed .rdn-mp-tp-toggle.active span:before {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: rotate(90deg) scale(0);
	transform: rotate(90deg) scale(0);
}

.rd-navbar-fixed .rdn-mp-tp-toggle.active span:after {
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	opacity: 1;
	visibility: visible;
}

/* rdn-top-panel
============================================================================= */
/* rdn-tp-left
============================================ */
.rd-navbar-fixed .rdn-tp-left {
	position: fixed;
	top: calc(48px + 24rem);
	right: 0;
	left: auto;
	z-index: 17;
	flex-basis: auto;
	width: 17.500rem;
	max-width: none;
	height: auto;
	margin: 0;
	padding: 0 .938rem;
	border-top: 1px solid rgba(225, 225, 225, 1);
	border-bottom: 1px solid rgba(225, 225, 225, 1);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
	opacity: 0;
	visibility: hidden;
	overflow-y: scroll;
	transition: opacity .3s ease-in-out,
				visibility .3s ease-in-out;
	background: rgba(255, 255, 255, 1);

	/* background: red; */
}

.rd-navbar-fixed .rdn-tp-left.active {
	opacity: 1;
	visibility: visible;
}

.rd-navbar-fixed .content-rdn-tp-left {
	float: none;
	width: 100%;
	max-width: none;
	padding: 0;

	/* background: palegoldenrod; */
}

.rd-navbar-fixed .content-rdn-tp-left::after {
	display: none;
}

/* ======= rdn-rdn-phone-top ======= */
.rd-navbar-fixed .rdn-phone-top {
	display: block;
	margin: 0 0 .625rem;
}

.rd-navbar-fixed .rdn-phone-top a {
	display: inline-block;
	padding: 1.875rem 0 .313rem;
	color: rgba(20, 30, 63, 1);
	font-weight: 600;
	font-size: 1.250rem;
}

.rd-navbar-fixed .rdn-phone-top a::before {
	content: "\f2be";
	display: inline-block;
	margin: 0 .625rem 0 0;
	color: rgba(209, 3, 100, 1);
	font-family: "Material-Design-Iconic-Font";
}

.rd-navbar-fixed .rdn-phone-top a:active {
	color: rgba(209, 3, 100, 1);
}

/* ======= rdn-rdn-mail-top ======= */
.rdn-mail-top {
	display: block;
}

.rdn-mail-top a {
	display: inline-block;
	padding: .313rem 0 .938rem;
	color: rgba(20, 30, 63, 1);
	font-size: 1.250rem;
}

.rdn-mail-top a::before {
	content: "\f15a";
	display: inline-block;
	position: relative;
	top: .125rem;
	margin: 0 .625rem 0 0;
	color: rgba(209, 3, 100, 1);
	font-family: "Material-Design-Iconic-Font";
}

.rdn-mail-top a:active {
	color: rgba(209, 3, 100, 1);
}

/* rdn-tp-right
============================================ */
.rd-navbar-fixed .rdn-tp-right {
	position: fixed;
	top: 48px;
	right: 0;
	left: 0;
	z-index: 17;
	transform: none;
	flex-basis: 100%;
	max-width: 100%;
	height: auto;
	padding: 1.250rem;
	border-top: 1px solid rgba(225, 225, 225, 1);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease-in-out,
				visibility .3s ease-in-out;
	background: rgba(255, 255, 255, 1);
}

.rd-navbar-fixed .rdn-tp-right.active {
	opacity: 1;
	visibility: visible;
}

.rd-navbar-fixed .content-rdn-tp-right {
	max-width: none;
	padding: 0;

	/* background: blue; */
}

.rd-navbar-fixed .content-rdn-tp-right::before {
	display: none;
}

/* ======= rdn-search-panel ======= */
.rd-navbar-fixed .rdn-search-input {
	width: calc(100% - 3.188rem);
	height: 2.875rem;
}

.rd-navbar-fixed .rdn-search-submit {
	width: 2.875rem;
	height: 2.875rem;
}

.rd-navbar-fixed .rdn-search-submit::before {
	color: rgba(35, 48, 101, 1);
}


/* rdn-main-panel
============================================================================= */
.rd-navbar-fixed .rdn-main-panel .container-center {
	padding: 0 15px;
}

/* rdn-logo
============================================ */
.rd-navbar-fixed .rdn-logo { /* если - rdn-fixed-panel */
	display: block;
	position: fixed;
	top: 4px;
	left: 56px;
	right: 108px;
	flex-basis: auto;
	max-width: none;
	height: 40px;
	overflow: hidden;
	z-index: 17;

	/* background: cadetblue; */
}

.rd-navbar-fixed .rdn-logo a img {
	width: auto;
	max-width: none;
	height: 40px;
}

/* rdn-mp-right
============================================ */
.rd-navbar-fixed .rdn-mp-right {
	position: fixed;
	top: 48px;
	right: 0;
	left: auto;
	z-index: 17;
	flex-direction: column;
	flex-basis: auto;
	width: 17.500rem;
	height: auto;
	margin: 0;
	border-top: 1px solid rgba(225, 225, 225, 1);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
	opacity: 0;
	visibility: hidden;
	overflow-y: scroll;
	transition: opacity .3s ease-in-out,
				visibility .3s ease-in-out;
	background: rgba(255, 255, 255, 1);

	/* background: yellowgreen; */
}

.rd-navbar-fixed .rdn-mp-right.active {
	opacity: 1;
	visibility: visible;
}

/* ======= rdn-nav-header ======= */
/* .rd-navbar-fixed .rdn-nav-header {
	background: orange;
} */

.rd-navbar-fixed .nav-header {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
}

.rd-navbar-fixed .nav-header li {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
	border-bottom: 1px solid rgba(225, 225, 225, 1);
}

.rd-navbar-fixed .nav-header li a {
	display: block;
	padding: 1.125rem .938rem;
	color: rgba(0, 0, 0, 1);
	font-size: 1.250rem;
	transition: all .3s .02s linear;
}

.rd-navbar-fixed .nav-header li a:hover,
.rd-navbar-fixed .nav-header li a:active,
.rd-navbar-fixed .nav-header li a:focus {
	color: rgba(209, 3, 100, 1);
}

/* ======= rdn-btn-modal ======= */
.rd-navbar-fixed .rdn-btn-modal a {
	padding: 1.125rem .938rem;
	font-size: .875rem;
}

/* rdn-main-nav
============================================================================= */
/* rd-navbar-fixed rdn-nav
============================================ */
.rd-navbar-fixed .rdn-nav {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0rem;
	width: 17.500rem;
	padding: 48px 0 40px;
	z-index: 15;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
	background: rgba(255, 255, 255, 1);
	transform: translateX(-105%);
	transition: all .3s ease;
}

.rd-navbar-fixed .rdn-nav.active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.rd-navbar-fixed .rdn-nav-ul {
	display: block;
	height: 100%;
	overflow: auto;
}

.rd-navbar-fixed .rdn-nav-ul::before,
.rd-navbar-fixed .rdn-nav-ul::after {
	content: "";
	display: block;
	height: .500rem;
}

.rd-navbar-fixed .rdn-nav-ul li {
	border-bottom: 1px solid rgba(225, 225, 225, .7);
}

.rd-navbar-fixed .rdn-nav-ul li > a {
	display: block;
	padding: .938rem 3.500rem .938rem 1rem;
	color: rgba(0, 0, 0, 1);
	font-size: 1.250rem;
	line-height: 1.2;
	transition: all .3s .02s ease;
}

.rd-navbar-fixed .rdn-nav-ul li.opened > a {
	background: rgba(209, 3, 100, 1);
	color: rgba(255, 255, 255, 1);
}

.rd-navbar-fixed .rdn-nav-ul li a:hover {
	background: rgba(209, 3, 100, 1);
	color: rgba(255, 255, 255, 1);
}

/* .rd-navbar-fixed .rdn-nav-ul li.active > a {
	background: #f44336;
	color: #fff;
} */

.rd-navbar-fixed .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-megamenu {
	display: none;
}

.rd-navbar-fixed .rd-navbar-submenu {
	position: relative;
	margin: 1px 0 0;
}

.rd-navbar-fixed .rd-navbar-submenu li > a {
	padding-left: 2rem;
	padding-right: 3.500rem;
	font-size: 1.125rem;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a,
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
	padding-left: 3rem;
}

.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu {
	display: block;
}

/* ======= arrows inside the menu ======= */
.rd-navbar-fixed .rd-navbar-submenu-toggle {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 2.875rem;
	height: 3.375rem;
	z-index: 100;
	cursor: pointer;

	/* background-color: pink; */
}

.rd-navbar-fixed .rd-navbar-submenu-toggle::before {
	content: "\f2f9";
	display: block;
	width: 100%;
	height: 100%;
	color: rgba(20, 30, 63, 1);
	font: 400 1.375rem/3.375rem "Material-Design-Iconic-Font";
	text-align: center;
	transition: all .3s ease;

	/* background: brown; */
}

.rd-navbar-fixed .rd-navbar-submenu-toggle:hover::before {
	color: rgba(255, 255, 255, 1);
}

.rd-navbar-fixed .rdn-nav-ul li.active > .rd-navbar-submenu-toggle::before {
	color: rgba(255, 255, 255, 1);
}

.rd-navbar-fixed .rdn-nav-ul li.opened > .rd-navbar-submenu-toggle::before {
	transform: rotate(180deg);
	color: rgba(255, 255, 255, 1);
}


/* ========================================================================================
	title-page-bread-crumbs
======================================================================================== */
.title-page-bread-crumbs {
	margin: 0 !important;
}


/* ========================================================================================
	common styles
======================================================================================== */
/* about
============================================================================= */
.btn-requisites-about {
	height: auto;
	margin: 1.250rem 0 0;
	padding: 2.500rem 1.250rem;
}

/* prices
============================================================================= */
/* pdf-price
============================================ */
.grid-pdf-price {
	margin: 0 0 1.875rem;
}

.cell-pdf-price {
	flex-basis: 33.3333%;
	max-width: 33.3333%;
	margin: 0 0 2.500rem;
	padding: 0 2.500rem 0 0;
}

/* docs
============================================================================= */
.grid-docs {
	margin: 0 0 1.875rem;
}

.cell-docs {
	flex-basis: 33.3333%;
	max-width: 33.3333%;
	margin: 0 0 2.500rem;
	padding: 0 2.500rem 0 0;
}

/* card
============================================================================= */
/* inset-card
============================================ */
.docs-inset-card {
	margin: 0 -.625rem 1.250rem;
}

.docs-inset-card li {
	flex-basis: calc(50% - 1.250rem);
	max-width: calc(50% - 1.250rem);
}

/* advantage-card
============================================ */
.advantage-card li {
	flex-basis: calc(33.3333% - 2.500rem);
	max-width: calc(33.3333% - 2.500rem);
}







/* ========================================================================================
	footer
======================================================================================== */
/* feedback-footer
============================================================================= */
.feedback-footer::after {
	display: none;
}

.feedback-footer .container-center {
	padding: 3.125rem 15px 1.250rem;
}

.left-feedback-footer {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 2.500rem;
	padding: 0;
}

.right-feedback-footer {
	flex-basis: 100%;
	max-width: 100%;
	padding: 1.500rem;
	background: rgba(85, 97, 155, 1);
}

/* feedback-footer form
============================================ */
.feedback-footer form {
	padding: 0;
}

/* main-footer
============================================================================= */
.main-footer {
	display: none;
}

/* mf-1
============================================ */
.mf-1 {
	display: none;
}

/* mf-2
============================================ */
.mf-2 {
	flex-basis: 100%;
	max-width: 100%;
}

/* mf-3
============================================ */
.mf-3 {
	flex-basis: 100%;
	max-width: 100%;
}

/* mf-4
============================================ */
.mf-4 {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0;
}

/* ======= phone-f ======= */
.phone-f {
	padding: .625rem 0 .625rem 1.688rem;
}

.phone-f::before {
	left: 0;
}

/* ======= modal-f ======= */
.modal-f {
	padding: .625rem 0 .625rem 1.688rem;
}

.modal-f::before {
	left: 0;
}

/* ======= email-f ======= */
.email-f {
	padding: .625rem 0 .625rem 1.688rem;
}

.email-f::before {
	left: 0;
}

/* footer-bottom
============================================================================= */
.copyright {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 .625rem;
}

.made-f {
	margin: 0;
}


.fz-152 {
	flex-basis: 100%;
	max-width: 100%;
	text-align: left;
}


/* ========================================================================================
	index
======================================================================================== */
/* slider-index
============================================================================= */
/* dots slider-index
============================================ */
.slider-index .slick-dots {
	max-width: 60rem; /* 960px */
}




/* advantages-index
============================================================================= */
.advantages {
	padding: 1.875rem 15px;
}

.advantages .container-flex {
	width: 100%;
}

.advantages .container-flex::before {
	display: none;
}

.advantages .container-flex::after {
	display: none;
}

.advantages .element-flex {
	position: relative;
	flex-basis: 100%;
	max-width: 100%;
	padding: 2.500rem 5rem 2.500rem 5rem;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1);
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.2;
	text-transform: uppercase;
}

.advantages .element-flex:first-child {
	background: url(../images/advantages-index-1.svg) no-repeat right 1.250rem center;
	background-size: auto 3.125rem;
}

.advantages .element-flex:nth-child(2) {
	padding-left: 5rem;
	background: url(../images/advantages-index-2.svg) no-repeat right 1.250rem center;
	background-size: auto 3.125rem;
}

.advantages .element-flex:nth-child(3) {
	background: url(../images/advantages-index-3.svg) no-repeat right 1.250rem center;
	background-size: auto 3.125rem;
}

.advantages .element-flex:last-child {
	padding-left: 5rem;
	border-bottom: none;
	background: url(../images/advantages-index-4.svg) no-repeat right 1.250rem center;
	background-size: auto 3.125rem;
}

.advantages .element-flex:nth-child(2)::before {
	left: 1.250rem;
}

.advantages .element-flex:last-child::before{
	left: 1.250rem;
}




}



/* ========================================================================================
	max 767px
======================================================================================== */
@media (max-width: 767px) {

/* ========================================================================================
	layouts
======================================================================================== */
.container-center {
	max-width: 45rem; /* 720px */
}


/* ========================================================================================
	common styles
======================================================================================== */
/* tabs
============================================================================= */
.tabs {
	display: none !important;
}

.tab-accordion {
	position: relative;
	display: block;
	padding: 1.250rem;
	border-top: 1px solid rgba(225, 225, 225, 1);
	background: rgba(246, 246, 246, 1);
	transition: background .3s .02s linear,
				color .3s .02s linear;
	cursor: pointer;
	font-weight: 600;
	font-size: 1rem;
	color: rgba(20, 32, 59, 1);
	text-transform: uppercase;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
	user-select: none;
}

.tab-accordion:hover,
.tab-accordion:focus {
	background: rgba(62, 101, 185, 1);
	color: rgba(255, 255, 255, 1);
}

.tab-accordion::before {
	content: "";
	display: block;
	position: absolute;
	top: 1.375rem;
	right: 1.250rem;
	width: .500rem;
	height: .500rem;
	border: 2px solid rgba(62, 101, 185, 1);
	transition: border-color .3s .02s linear;
	border-top: none;
	border-right: none;
		-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: rotate .3s .02s linear;
}

.tab-accordion:hover::before,
.tab-accordion:focus::before{
	border-color: rgba(255, 255, 255, 1);
}

.acc_active {
	background: rgba(20, 32, 59, 1);
	color: rgba(255, 255, 255, 1);
}

.acc_active.tab-accordion::before {
	top: 1.375rem;
	border: 2px solid rgba(255, 255, 255, 1);
	border-bottom: none;
	border-left: none;
}

.content-tab {
	margin: 0 !important;
	padding: .938rem 0 !important;

	/* background: red; */
}

.content-tab:last-of-type + * {
	margin: 1.250rem 0 0 !important;
}

/* prices
============================================================================= */
/* left-prices
============================================ */
.left-prices {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0;
}

.img-price {
	margin: 0 0 .625rem;
}

.name-price {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0;
}

/* img-prices
============================================ */
.img-prices {
	display: none;
}

/* docs
============================================================================= */
.img-docs {
	margin: 0 0 .625rem;
}

.name-docs {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0;
}

/* contacts
============================================================================= */
/* left-contacts
============================================ */
.left-contacts {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0;
}

/* right-contacts
============================================ */
.right-contacts {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0;
	background: none;
}

.form-contacts {
	height: auto;
	padding: 0;
}

/* card
============================================================================= */
.img-card {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 1.250rem;
	padding: 0;
}

.description-card {
	flex-basis: 100%;
	max-width: 100%;
}

/* inset-card
============================================ */
.left-inset-card {
	flex-basis: 100%;
	max-width: 100%;
	padding: 1.250rem 1.875rem;
}

.left-inset-card .link {
	position: static;
	width: 100%;
}

.docs-inset-card {
	margin: 0 -.625rem 1.250rem;
}

.docs-inset-card li {
	flex-basis: calc(33.3333% - 1.250rem);
	max-width: calc(33.3333% - 1.250rem);
	margin: 0 .625rem 1.250rem;
}


.right-inset-card {
	flex-basis: 100%;
	max-width: 100%;
	padding: 1.250rem 2.500rem;
}

p.ric-2 {
	margin: 0 0 2.500rem;
}

.right-inset-card .link {
	position: static;
	width: 100%;
}

/* mod-card
============================================ */
.mod-card > .element-flex:first-child {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 1.875rem;
	padding: 0;
}

.mod-card > .element-flex:last-child {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0;
}

/* property-card
============================================ */
.property-card > .element-flex {
	flex-basis: calc(50% - 2.500rem);
	max-width: calc(50% - 2.500rem);
}

/* advantage-card
============================================ */
.advantage-card li {
	flex-basis: calc(50% - 2.500rem);
	max-width: calc(50% - 2.500rem);
}


/* ========================================================================================
	index
======================================================================================== */
/* slider-index
============================================================================= */
.title-csi {
	font-size: 2.250rem;
}

/* dots slider-index
============================================ */
.slider-index .slick-dots {
	max-width: 45rem; /* 720px */
}

/* list-catalog-index
============================================ */
.list-catalog-index {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0;
}

/* img-catalog-index
============================================ */
.img-catalog-index {
	display: none;
}

/* contacts-index
============================================================================= */
.contacts-index .element-flex {
	padding: 0 1.250rem;
}




}



/* ========================================================================================
	max 575px
======================================================================================== */
@media (max-width: 575px) {

/* ========================================================================================
	layouts
======================================================================================== */
.container-center {
	max-width: 33.750rem; /* 540px */
}


/* ========================================================================================
	title-page-bread-crumbs
======================================================================================== */
/* title-page
============================================================================= */
.title-page {
	font-size: 2.500rem;
}

/* ========================================================================================
	common styles
======================================================================================== */
/* typography
============================================================================= */
/* h1 - h6
============================================ */
.middle h1:not([class]) {
	font-size: 2.250rem;
}

.middle h2:not([class]),
.h2 {
	font-size: 1.875rem;
}

/* img
============================================================================= */
/* double-img
============================================ */
.left-double-img {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 1.250rem;
	padding: 0;
}

.right-double-img {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0;
}

/* prices
============================================================================= */
.cell-pdf-price {
	flex-basis: 50%;
	max-width: 50%;
}

/* docs
============================================================================= */
.cell-docs {
	flex-basis: 50%;
	max-width: 50%;
}

/* card
============================================================================= */
/* inset-card
============================================ */
.docs-inset-card {
	margin: 0 0 2.500rem;
}

.docs-inset-card li {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 .625rem;
}

/* property-card
============================================ */
.property-card {
	margin: 3.125rem 0 2.500rem;
}

.property-card > .element-flex {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 1.250rem;
}

/* advantage-card
============================================ */
.advantage-card {
	margin: 0 0 2.500rem;
	padding: 0;
	background: none;
}

.advantage-card li {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 .938rem;
	padding: 1.250rem 1.250rem 1.250rem 4.375rem;
	background: rgba(246, 246, 246, 1);
}

.advantage-card li::before {
	top: 50%;
	bottom: auto;
	left: 1rem;
	transform: translateY(-50%);
	line-height: 1;
}

.advantage-card li::after {
	width: 3.125rem;
	height: 100%;
	border: none;
	background: rgba(62, 101, 185, 1);
}





/* ========================================================================================
	footer
======================================================================================== */
/* feedback-footer
============================================================================= */
/* feedback-footer typography
============================================ */
.title-feedback-footer {
	font-size: 1.750rem;
}

.feedback-footer p:first-of-type {
	font-size: 1.250rem;
}


/* ========================================================================================
	index
======================================================================================== */
/* slider-index
============================================================================= */
.slider-index .slick-slide::before {
	width: 100%;
	background: rgba(20, 30, 63, .8);
}

.content-csi {
	width: 100%;
}

.title-csi {
	font-size: 2rem;
}

/* dots slider-index
============================================ */
.slider-index .slick-dots {
	max-width: 33.750rem; /* 540px */
}

/* contacts-index
============================================================================= */
.contacts-index .container-flex {
	justify-content: center;
}

.contacts-index .element-flex {
	flex-basis: 50%;
	max-width: 50%;
	margin: 0 0 1.250rem;
	padding: 0 1.250rem;
	border-left: none;
}

.contacts-index .element-flex:last-of-type {
	border-right: none;
}





}



/* ========================================================================================
	max 359px
======================================================================================== */
@media (max-width: 359px) {

/* contacts-index
============================================================================= */
.contacts-index .container-flex {
	justify-content: center;
}

.contacts-index .element-flex {
	flex-basis: 100%;
	max-width: 100%;
}


}