@charset "utf-8";

/* ========================================================================================
	@font-face
======================================================================================== */

/* GillSansNova
============================================================================= */
@font-face {
	font-family: "Gill Sans Nova";
	src: local("Gill Sans Nova Light"), local("GillSansNova-Light"),
		url("../fonts/gillsansnova/GillSansNova-Light.woff2") format("woff2"),
		url("../fonts/gillsansnova/GillSansNova-Light.woff") format("woff"),
		url("../fonts/gillsansnova/GillSansNova-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Gill Sans Nova Book";
	src: local("Gill Sans Nova Book"), local("GillSansNova-Book"),
		url("../fonts/gillsansnova/GillSansNova-Book.woff2") format("woff2"),
		url("../fonts/gillsansnova/GillSansNova-Book.woff") format("woff"),
		url("../fonts/gillsansnova/GillSansNova-Book.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Gill Sans Nova";
	src: local("Gill Sans Nova Medium"), local("GillSansNova-Medium"),
		url("../fonts/gillsansnova/GillSansNova-Medium.woff2") format("woff2"),
		url("../fonts/gillsansnova/GillSansNova-Medium.woff") format("woff"),
		url("../fonts/gillsansnova/GillSansNova-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Gill Sans Nova";
	src: local("Gill Sans Nova SemiBold"), local("GillSansNova-SemiBold"),
		url("../fonts/gillsansnova/GillSansNova-SemiBold.woff2") format("woff2"),
		url("../fonts/gillsansnova/GillSansNova-SemiBold.woff") format("woff"),
		url("../fonts/gillsansnova/GillSansNova-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Gill Sans Nova Book";
	src: local("Gill Sans Nova Bold"), local("GillSansNova-Bold"),
		url("../fonts/gillsansnova/GillSansNova-Bold.woff2") format("woff2"),
		url("../fonts/gillsansnova/GillSansNova-Bold.woff") format("woff"),
		url("../fonts/gillsansnova/GillSansNova-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "Gill Sans Nova";
	src: local("Gill Sans Nova ExtraBold"), local("GillSansNova-ExtraBold"),
		url("../fonts/gillsansnova/GillSansNova-ExtraBold.woff2") format("woff2"),
		url("../fonts/gillsansnova/GillSansNova-ExtraBold.woff") format("woff"),
		url("../fonts/gillsansnova/GillSansNova-ExtraBold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
}


/* ========================================================================================
	reset (v2.0-modified) + normalize (v8.0.1) + bootstrap-reboot (v4.3.1)
======================================================================================== */
*,::after,::before{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}html{width:100%;height:100vh;font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}body{width:100%;height:100vh;background:rgba(255,255,255,1);text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font-size:100%;font:inherit;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}a{text-decoration:none;background-color:transparent}a:active,a:focus,a:hover{outline:0}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}address{font-style:normal;line-height:inherit}ol,ul{list-style:none}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1rem}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25rem}sup{top:-.5rem}pre{overflow:auto}table{border-collapse:collapse;border-spacing:0;background-color:transparent}td,th{padding:0}svg{overflow:hidden;vertical-align:middle}svg:not(:root){overflow:hidden}:focus{outline:0}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;line-height:inherit;color:inherit;white-space:normal}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{border:none;-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-.125rem;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}


/* ========================================================================================
	layouts
======================================================================================== */
body {
	min-width: 320px;
	min-height: 480px;
	overflow-x: hidden;
	background: rgba(255, 255, 255, 1);
	color: rgba(27, 27, 28, 1);
	font: normal normal 400 1.125rem/1 "Gill Sans Nova", sans-serif;
}

.wrapper {
	display: flex;
	height: 100vh;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
}

.container {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;

	/* background: #ccc; */
}

.container-center {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0 15px;

	/* background: #9933FF; */
}

.container-center::after {
	content: "";
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

/* container-flex
============================================================================= */
.container-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
}

.element-flex {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

/* middle
============================================================================= */
.middle {
	flex: 1 0 auto;

	/* background: #FFCCFF; */
}

.middle > .container-center {
	padding: 3.125rem 15px 3.750rem;

	/* background: salmon; */
}

/* double-content
============================================================================= */
.double-content {
	margin: 0 0 2.500rem;

	/* background: red; */
}

/* left-double-content
============================================ */
.left-double-content {
	flex-basis: 60%;
	max-width: 60%;
	padding: 0 3.125rem 0 0;

	/* background: paleturquoise; */
}

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

	/* background: palevioletred; */
}

.right-double-content img {
	margin: 1.250rem 0 0;
}


/* ========================================================================================
	common elements and effects
======================================================================================== */
/* up down
============================================================================= */
.up {
	display: none;
	position: fixed !important;
	right: 1.875rem;
	bottom: 6.250rem;
	width: 3.125rem;
	height: 3.125rem;
	border: 1px solid rgba(255, 255, 255, 1);
	background: rgba(20, 30, 63, 1);
	transition: background 0.3s 0.02s ease;
	cursor: pointer;
}

.up::before {
	content: "\f2fc";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: rgba(255, 255, 255, 1);
	font-size: 2.500rem;
	font-family: "Material-Design-Iconic-Font";
}

.up:hover,
.up:active,
.up:focus {
	background: rgba(209, 3, 100, 1);
}

/* waves effect
============================================================================= */
.waves-effect {
	display: inline-block;
	position: relative;
	overflow: hidden;
	z-index: 1;
	vertical-align: middle;
	cursor: pointer;
		-webkit-user-select: none;
	user-select: none;
}

.waves-effect .waves-ripple {
	position: absolute;
	z-index: -1;
	width: 6.250rem;
	height: 6.250rem;
	margin-top: -3.125rem;
	margin-left: -3.125rem;
	opacity: 0;
	border-radius: 50%;
/* 	background: rgba(0, 0, 0, .5); */ /* - цвет волны */
	background: rgba(255, 255, 255, .5);
	/* background: radial-gradient(rgba(0, 0, 0, .2) 0,
								rgba(0, 0, 0, .3) 40%,
								rgba(0, 0, 0, .4) 50%,
								rgba(0, 0, 0, .5) 60%,
								rgba(255, 255, 255, 0) 70%); */
	transition: all .5s ease-out;
	transition-property: transform, opacity;
	transform: scale(0) translate(0, 0);
	pointer-events: none;
}

.waves-effect.waves-dark .waves-ripple {
		background: rgba(0, 0, 0, .5);
}

.waves-effect img {
	position: relative;
	z-index: -1;
}

.waves-notransition {
	transition: none !important;
}

.waves-button,
.waves-circle {
	transform: translateZ(0);
		-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
} */

.waves-circle {
	width: 2.500rem;
	height: 2.500rem;
	border-radius: 50%;
	line-height: 2.500rem;
	text-align: center;
}

.waves-float {
	transition: all 300ms;
		-webkit-mask-image: none;
}

.waves-block {
	display: block;
}

/* slick slider
============================================================================= */
.slick-loading .slick-list {
	background: rgba(255, 255, 255, 1) url("../images/ajax-loader.gif") no-repeat center ;
}

.slick-slider {
	display: block;
	position: relative;
		-webkit-user-select: none;
	user-select: none;
		-webkit-touch-callout: none;
	touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
}

.slick-list {
	display: block;
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0, 0, 0);
}

.slick-track {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.slick-track::before,
.slick-track::after {
	content: "";
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* carousel
============================================ */
.carousel {
	position: relative;
	margin: 0 -.938rem;

	/* background: palevioletred; */
}

.carousel .slick-track {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;

	/* background: red; */
}

.carousel .slick-slide {
	height: auto;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
	margin: 0 .938rem;
}

/* arrows carousel
============================================ */
.carousel .slick-prev,
.carousel .slick-next {
	display: block;
	position: absolute;
	top: -5.875rem;
	z-index: 1;
	width: 1.750rem;
	height: 1.750rem;
	border: 1px solid rgba(225, 225, 225, 1);
	transition: border-color .3s .02s linear;
	background: rgba(225, 225, 225, 1);
	color: transparent;
	font-size: 0;
	line-height: 0;

	/* background: red; */
}

.carousel .slick-prev::before,
.carousel .slick-next::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
}

.carousel .slick-prev {
	right: calc(2.375rem + 15px);
}

.carousel .slick-prev::before {
	background: url(../images/left-carusel.svg) no-repeat center;
	background-size: auto .750rem;
}

.carousel .slick-next {
	right: 15px;
}

.carousel .slick-next::before {
	background: url(../images/right-carusel.svg) no-repeat center;
	background-size: auto .750rem;
}

.carousel .slick-prev:hover,
.carousel .slick-next:hover,
.carousel .slick-prev:active,
.carousel .slick-next:active {
	border-color: rgba(209, 3, 100, 1);
}


/* ========================================================================================
	header
======================================================================================== */
/* .header {
	background: #FFCC00;
} */

.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
	display: none;
}

.rd-navbar-fixed,
.rd-navbar-static {
	display: block;
}

.rd-navbar--no-transition,
.rd-navbar--no-transition * {
	transition: none !important;
}

.rd-navbar-static.rd-navbar--is-clone {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 20;
	transform: translateY(-105%);
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
	transform: translateY(0);
}

.rd-navbar-static.rd-navbar--is-stuck {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 20;
}

/* rdn-toggle
============================================ */
.rdn-toggle {
	display: none;
}

/* rdn-mp-tp-toggle
============================================ */
.rdn-mp-tp-toggle {
	display: none;
}

/* rdn-top-panel
============================================================================= */
.rdn-top-panel {
	background: rgba(255, 255, 255, 1);

	/* background: palegreen; */
}

/* rdn-tp-left
============================================ */
.rdn-tp-left {
	flex-basis: calc(50% - 6.875rem);
	max-width: calc(50% - 6.875rem);
	height: 2.500rem;
	margin: 0 1.875rem 0 0;
	background: rgba(209, 3, 100, 1);
}

.content-rdn-tp-left {
	float: right;
	position: relative;
	width: 100%;
	max-width: 490px;
	height: 100%;
	padding: 0 0 0 15px;

	/* background: paleturquoise; */
}

.content-rdn-tp-left::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -1.500rem;
	width: 0;
	height: 0;
	border-bottom: 2.500rem solid rgba(209, 3, 100, 1);
	border-right: 1.500rem solid transparent;
}

/* ======= rdn-rdn-phone-top ======= */
.rd-navbar-static .rdn-phone-top {
	display: inline-block;
	margin: 0 1.250rem 0 0;
}

.rd-navbar-static .rdn-phone-top a {
	display: block;
	position: relative;
	padding: .688rem 0 0;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
}

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

.rd-navbar-static .rdn-phone-top a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -1.250rem;
	transition: all .3s .02s linear;
	width: calc(100% - .625rem - .875rem);
	height: 1px;
	background: rgba(255, 255, 255, 1);
}

.rd-navbar-static .rdn-phone-top a:hover::after,
.rd-navbar-static .rdn-phone-top a:active::after,
.rd-navbar-static .rdn-phone-top a:focus::after {
	bottom: -.313rem;
}

/* ======= rdn-rdn-mail-top ======= */
.rd-navbar-static .rdn-mail-top {
	display: inline-block;
}

.rd-navbar-static .rdn-mail-top a {
	display: block;
	position: relative;
	color: rgba(255, 255, 255, 1);
	transition: color .3s .02s linear;
	text-decoration: none;
}

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

.rd-navbar-static .rdn-mail-top a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -110%;
	transition: all .3s .02s linear;
	width: calc(100% - .625rem - .750rem);
	height: 1px;
	background: rgba(255, 255, 255, 1);
}

.rd-navbar-static .rdn-mail-top a:hover::after,
.rd-navbar-static .rdn-mail-top a:active::after,
.rd-navbar-static .rdn-mail-top a:focus::after {
	bottom: -.313rem;
}

/* rdn-tp-right
============================================ */
.rdn-tp-right {
	flex-basis: calc(50% + 6.875rem - 1.875rem);
	max-width: calc(50% + 6.875rem - 1.875rem);
	height: 2.500rem;
	background: rgba(20, 30, 63, 1);
}

.content-rdn-tp-right {
	position: relative;
	width: 100%;
	max-width: 678px;
	height: 100%;
	padding: 0 15px 0 0;

	/* background: red; */
}

.content-rdn-tp-right::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -1.500rem;
	width: 0;
	height: 0;
	border-top: 2.500rem solid rgba(20, 30, 63, 1);
	border-left: 1.500rem solid transparent;
}

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

.rd-navbar-static .rdn-search-toggle {
	display: block;
	position: absolute;
	top: 0;
	right: 15px;
	width: 2.500rem;
	height: 2.500rem;
	padding: 0;
	border: none;
	background: rgba(85, 97, 155, 1);
	transition: background .3s .02s linear;
}

.rdn-search-toggle span {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
	color: rgba(255, 255, 255, 1);
	font-size: 1.438rem;
	line-height: 1.750;
	font-family: "Material-Design-Iconic-Font";
	text-align: center;
}

.rd-navbar-static .rdn-search-toggle:hover,
.rd-navbar-static .rdn-search-toggle:active {
	background: #55619b;
}

/* .rd-navbar-static .rdn-search-toggle:hover span,
.rd-navbar-static .rdn-search-toggle:active span,
.rd-navbar-static .rdn-search-toggle:focus span {
	color: rgba(20, 30, 63, 1);
} */

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

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

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

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

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

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

.rd-navbar-static .rdn-search-form {
	position: absolute;
	top: 0;
	right: 15px;
	width: 0;
	height: 2.500rem;
	overflow: hidden;
	z-index: 100;
	transition: all .3s ease;
	font-size: 0;
	line-height: 0;
	letter-spacing: -.063rem;

	/* background: red; */
}

.rdn-search-input {
	display: inline-block;
	width: calc(100% - 2.500rem);
	height: 2.500rem;
	padding: .313rem .625rem;
	border: 1px solid rgba(225, 225, 225, 1);
	border-right: none;
	vertical-align: top;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: normal;

	/* background: powderblue; */
}

.rdn-search-submit {
	display: inline-block;
	position: relative;
	left: -.063rem;
	width: 2.500rem;
	height: 2.500rem;
	padding: 0;
	border: 1px solid rgba(225, 225, 225, 1);
	border-left: none;
	background: rgba(255, 255, 255, 1);
	cursor: pointer;
	vertical-align: top;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: normal;
	text-align: center;
}

.rdn-search-submit::before {
	content: "\f1c3";
	display: inline-block;
	color:  rgba(35, 48, 101, 1);
	transition: color .3s .02s linear;
	font-size: 1.438rem;
	line-height: 1.750;
	font-family: "Material-Design-Iconic-Font";
	text-align: center;

	/* background: orange; */
}

.rdn-search-submit:hover::before,
.rdn-search-submit:hover::after {
	color: rgba(20, 30, 63, 1) !important;
}

.rd-navbar-static .rdn-search-form.active {
	right: calc(2.500rem + 15px);
	width: calc(90% - 5.625rem + 15px);
}

/* rdn-main-panel
============================================================================= */
/* .rdn-main-panel {
	background: green;
} */

.rdn-main-panel .container-center {
	padding: 1.875rem 15px;

	/* background: peru; */
}

.rdn-main-panel > .container-flex {
	align-items: center;
}

/* rdn-logo
============================================ */
.rdn-logo {
	flex-basis: 13.750rem;
	max-width: 13.750rem;

	/* background: #ccc; */
}

.rdn-logo a {
	display: inline-block;

	/* background: plum; */
}

/* rdn-mp-right
============================================ */
.rd-navbar-static .rdn-mp-right {
	flex-basis: calc(100% - 13.750rem);
	max-width: calc(100% - 13.750rem);
	justify-content: flex-end;
	align-items: center;

	/* background: #777; */
}

.rd-navbar-static.rd-navbar--is-stuck .rdn-mp-right,
.rd-navbar-static.rd-navbar--is-clone .rdn-mp-right,
.rd-navbar-fixed.rd-navbar--is-stuck .rdn-mp-right,
.rd-navbar-fixed.rd-navbar--is-clone .rdn-mp-right {
	display: none;
	transition: none
}

/* ======= rdn-nav-header ======= */
.rd-navbar-static .rdn-nav-header {
	margin: 0 2.500rem 0 0;

	/* background: orange; */
}

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

.rd-navbar-static .nav-header li {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

.rd-navbar-static .nav-header li + li {
	margin: 0 0 0 .938rem;
}

.rd-navbar-static .nav-header li a {
	display: block;
	position: relative;
	color: rgba(0, 0, 0, 1);
	transition: all .3s .02s linear;
}

.rd-navbar-static .nav-header li a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -.750rem;
	width: 100%;
	height: 1px;
	background: transparent;
	transition: all .25s .02s linear;
}

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

.rd-navbar-static .nav-header li a:hover::after,
.rd-navbar-static .nav-header li a:active::after,
.rd-navbar-static .nav-header li a:focus::after {
	bottom: -.313rem;
	background: rgba(209, 3, 100, 1);
}

/* ======= rdn-btn-modal ======= */
/* .rdn-btn-modal {
	background: palegoldenrod;
} */

.rdn-btn-modal a {
	display: block;
	padding: .750rem 1.500rem;
	border: 1px solid rgba(209, 3, 100, 1);
	background: rgba(209, 3, 100, 1);
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	font-size: .750rem;
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

.rdn-btn-modal a:hover,
.rdn-btn-modal a:active,
.rdn-btn-modal a:focus {
	border-color: rgba(209, 3, 100, 1);
	background: rgba(255, 255, 255, 1);
	color: rgba(20, 30, 63, 1);
}

/* rdn-main-nav
============================================================================= */
.rdn-main-nav {
	background: rgba(20, 30, 63, 1);
}

/* .rdn-main-nav .container-center {
	background: peru;
} */

/* rd-navbar-static rdn-nav
============================================ */
/* .rdn-nav {
	background: paleturquoise;
} */

/* .rd-navbar-static .rdn-nav {
	background: pink;
} */

.rd-navbar-static .rdn-nav-ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: stretch;
	align-items: stretch;

	/* background: red; */
}

.rd-navbar-static .rdn-nav-ul > li {
	position: relative;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: none;
	align-self: auto;
	order: 0;
}

.rd-navbar-static .rdn-nav-ul > li > a {
	display: block;
	position: relative;
	padding: 1rem 2.250rem 1rem 1.375rem;
	transform: skewX(-30deg);
	transition: background .3s .02s linear;

	/* background: #ccc; */
}

.rd-navbar-static .rdn-nav-ul > li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: .375rem;
	height: 100%;
	background: rgba(255, 255, 255, 1);
}

.rd-navbar-static .rdn-nav-ul > li:first-child a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: .500rem;
	height: 100%;
	background: rgba(255, 255, 255, 1);
}

.rd-navbar-static .rdn-nav-ul > li > a span {
	display: block;
	transform: skewX(30deg);
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	font-size: .813rem;
	text-transform: uppercase;
	text-align: center;
}

.rd-navbar-static .rdn-nav-ul > li.active > a,
.rd-navbar-static .rdn-nav-ul > li.opened > a,
.rd-navbar-static .rdn-nav-ul > li.focus > a,
.rd-navbar-static .rdn-nav-ul > li > a:hover {
	background: rgba(209, 3, 100, 1);
	cursor: text;
}

.rd-navbar-static .rdn-nav-ul > li:last-child.active > a,
.rd-navbar-static .rdn-nav-ul > li:last-child.opened > a,
.rd-navbar-static .rdn-nav-ul > li:last-child.focus > a,
.rd-navbar-static .rdn-nav-ul > li:last-child > a:hover {
	cursor: pointer;
}


.rd-navbar-static .rd-navbar-dropdown {
	position: absolute;
	width: 17.500rem;
	margin: .625rem 0 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(1.875rem);
	transition: all .3s ease;
	background: rgba(255, 255, 255, 1);

	/* background: pink; */
}

.rd-navbar-static .rdn-nav-ul > li > .rd-navbar-dropdown {
	top: 100%;
	left: -.750rem;
	z-index: 2;
	margin-top: .063rem;

	/* background-color: purple; */
}

.rd-navbar-static .rdn-nav-ul > li:first-child > .rd-navbar-dropdown {
	left: -.313rem !important;
}

.rd-navbar-static .rd-navbar-dropdown li > a {
	display: block;
	position: relative;
	padding: 1rem 1.500rem 1rem 1.125rem;
	border-bottom: 1px solid rgba(225, 225, 225, .7);
	color: rgba(20, 30, 63, 1);
	transition: background .3s .02s ease,
				color .3s .02s ease;
	font-size: 1rem;
	line-height: 1;
}

.rd-navbar-static .rd-navbar-dropdown li:last-child > a {
	border-bottom: transparent;
}

.rd-navbar-static .rd-navbar-dropdown li > a::before,
.rd-navbar-static .rd-navbar-dropdown li > a::after {
	display: none !important;
}

.rd-navbar-static .rd-navbar-dropdown li.focus > a,
.rd-navbar-static .rd-navbar-dropdown li.opened > a,
.rd-navbar-static .rd-navbar-dropdown a:hover {
	background: rgba(209, 3, 100, 1);
	color: rgba(255, 255, 255, 1);
}

.rd-navbar-static .rdn-nav-ul li.rd-navbar--has-dropdown {
	position: relative;
}

.rd-navbar-static .rdn-nav-ul li.focus > .rd-navbar-dropdown,
.rd-navbar-static .rdn-nav-ul li.opened > .rd-navbar-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.rd-navbar-static .rdn-nav-ul > li > .rd-navbar-dropdown .rd-navbar-dropdown {
	top: -.625rem;
	left: 100%;
	z-index: 2;
}

/* ======= arrows inside the menu ======= */
.rd-navbar-static .rd-navbar-submenu-toggle {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 1.375rem;
	transform: translateY(-50%);
	z-index: 1;
	vertical-align: baseline;
	cursor: pointer;
	text-align: center;

	/* background: red; */
}

.rd-navbar-static .rd-navbar-submenu-toggle::before {
	content: "\f2f9";
	display: inline-block;
	position: relative;
	z-index: 1;
	transition: all .3s ease;
	color: rgba(255, 255, 255, 1);
	font: 400 1rem/1 "Material-Design-Iconic-Font";

	/* background: palegreen; */
}

.rd-navbar-static .rdn-nav-ul > li.focus > .rd-navbar-submenu-toggle::before,
.rd-navbar-static .rdn-nav-ul > li.opened > .rd-navbar-submenu-toggle::before,
.rd-navbar-static .rdn-nav-ul > li > a:hover + .rd-navbar-submenu-toggle::before {
	transform: rotate(180deg);
}

.rd-navbar-static .rd-navbar-dropdown .rd-navbar-submenu-toggle {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: .625rem;
	transform: translateY(-50%);
	vertical-align: middle;
}

.rd-navbar-static .rd-navbar-dropdown .rd-navbar-submenu-toggle::before {
	top: 1px;
	color: rgba(27, 27, 28, 1);
}

.rd-navbar-static .rd-navbar-dropdown > li.focus > .rd-navbar-submenu-toggle::before,
.rd-navbar-static .rd-navbar-dropdown > li.opened > .rd-navbar-submenu-toggle::before,
.rd-navbar-static .rd-navbar-dropdown > li > a:hover + .rd-navbar-submenu-toggle::before {
	transform: rotate(-90deg);
	color: rgba(255, 255, 255, 1);
}


/* ========================================================================================
	title-page-bread-crumbs
======================================================================================== */
.title-page-bread-crumbs {
	position: relative;
	z-index: 0;
	margin: .938rem 0 0;
	background: url(../images/title-page-bg.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;

	/* background: #FF99CC; */
}

.title-page-bread-crumbs::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
}

.title-page-bread-crumbs .container-center {
	padding: 5vmax 15px 2.500rem;

	/* background: red; */
}

/* title-page
============================================================================= */
.title-page {
	margin: 0 0 5vmax;
	color: rgba(255, 255, 255, 1);
	font-weight: 400;
	font-size: 2.875rem;
	line-height: 1.2;
}

/* bread-crumbs
============================================================================= */
.bread-crumbs li {
	display: inline-block;
	color: rgba(225, 225, 225, 1);
	font-size: .875rem;
	line-height: 1.2;
}

.bread-crumbs li:after {
	content: "/";
	display: inline-block;
	margin: 0 .938rem;
}

.bread-crumbs li:last-child:after {
	content: none;
	margin: 0 0 0 .938rem;
}

.bread-crumbs a {
	display: inline-block;
	color: rgba(209, 3, 100, 1);
	text-decoration: none;
	transition: color 0.3s 0.02s ease;
}

.bread-crumbs a:hover,
.bread-crumbs a:focus,
.bread-crumbs a:active {
	color: rgba(85, 97, 155, 1);
}


/* ========================================================================================
	common styles
======================================================================================== */
/* typography
============================================================================= */
/* h1 - h6
============================================ */
.middle h1:not([class]) {
	position: relative;
	margin: 0 0 5rem;
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
	font-size: 2.500rem;
	line-height: 1.2;
	text-transform: uppercase;
}

.middle h1:not([class])::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1.250rem;
	left: 0;
	width: 5rem;
	height: 3px;
	background: rgba(209, 3, 100, 1);
}

.middle h1:not([class])::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1.625rem;
	left: 5.625rem;
	width: 15px;
	height: 15px;
	background: rgba(209, 3, 100, 1);
}

.middle h2:not([class]),
.h2 {
	position: relative;
	margin: 2.500rem 0 5rem;
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
	font-size: 2rem;
	line-height: 1.2;
	text-transform: uppercase;
}

/* .middle h2:not([class]):first-of-type,
.h2:first-of-type {
	margin-top: 0;
} */

.middle h2:not([class])::before,
.h2::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1.250rem;
	left: 0;
	width: 5rem;
	height: 3px;
	background: rgba(209, 3, 100, 1);
}

.middle h2:not([class])::after,
.h2::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1.625rem;
	left: 5.625rem;
	width: 15px;
	height: 15px;
	background: rgba(209, 3, 100, 1);
}

.middle h3:not([class]),
.h3 {
	margin: 2.500rem 0 1.250rem;
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	font-size: 1.500rem;
	line-height: 1.2;

	/* background: palegoldenrod; */
}

.h2:first-of-type {
	margin-top: 0;
}

/* .middle h3:not([class])::after {
	content: "";
	display: block;
	width: 4.375rem;
	height: 3px;
	margin: .938rem 0 0;
	background: green;
} */

/* .middle h4:not([class]) {
	margin: 2.500rem 0 1.250rem;
	color: #000;
	font-weight: 600;
	font-size: 1.500rem;
	line-height: 1.2;
}

.middle h5:not([class]) {
	margin: 2.500rem 0 1.250rem;
	font-weight: 600;
	font-size: 1.250rem;
	line-height: 1.2;
}

.middle h6:not([class]) {
	margin: 2.500rem 0 1.250rem;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
} */

/* p + text elements
============================================ */
.middle p {
	margin: .938rem 0;
	line-height: 1.5;
}

.middle p a {
	color: rgba(209, 3, 100, 1);
	text-decoration: underline;
}

.middle p a:hover,
.middle p a:focus,
.middle p a:active {
	text-decoration: none;
}

strong,
.bold {
	font-weight: 600;
}

/* btn
============================================================================= */
.btn {
	margin: 1.250rem 0;
}

/* btn a
============================================ */
.btn a {
	display: inline-block;
	padding: .875rem 2.500rem;
	border: .063rem solid rgba(209, 3, 100, 1);
	background: rgba(209, 3, 100, 1);
	color: rgba(255, 255, 255, 1) !important;
	font-weight: 600;
	font-size: .875rem;
	text-transform: uppercase;
	transition: border-color .3s .02s ease,
				background .3s .02s ease,
				color .3s .02s ease;
}

.btn a:hover,
.btn a:focus,
.btn a:active {
	border-color: rgba(20, 30, 63, 1);
	background: rgba(255, 255, 255, 1);
	color: rgba(20, 30, 63, 1) !important;
}

/* link
============================================ */
/* .link {
} */

.link a {
	display: inline-block;
	position: relative;
	color: rgba(209, 3, 100, 1);
	font-weight: 600;
	font-size: .875rem;
	text-transform: uppercase;
	transition: all .3s .02s linear;
}

.link a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -.750rem;
	width: 100%;
	height: 1px;
	background: transparent;
	transition: all .25s .02s linear;
}

.link a:hover,
.link a:active,
.link a:focus {
	color: rgba(20, 30, 63, 1);
}

.link a:hover::after,
.link a:active::after,
.link a:focus::after {
	bottom: -.313rem;
	background: rgba(20, 30, 63, 1);
}

/* ul
============================================================================= */
.middle ul:not([class]) {
	margin: 0 0 1.250rem;
}

.middle ul:not([class]) li {
	margin: 0 0 .313rem;
	padding: 0 0 0 .938rem;
	background: url(../images/li.svg) no-repeat 0 .688rem;
	line-height: 1.3;
}

.middle ul:not([class]) li a {
	display: inline-block;
	color: rgba(209, 3, 100, 1);
	text-decoration: underline;
}

.middle ul:not([class]) li a:hover,
.middle ul:not([class]) li a:active {
	text-decoration: none;
}


.middle ul:not([class]) ul {
	margin: .625rem 0 .625rem 1.250rem;
}

/* img
============================================================================= */
img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
		-ms-interpolation-mode: bicubic;
}

/* double-img
============================================ */
.double-content {
	margin: 0 0 2.500rem;

	/* background: red; */
}

.left-double-img {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 2.500rem 0 0;

	/* background: paleturquoise; */
}

.right-double-img {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 2.500rem;

	/* background: palevioletred; */
}



/* .middle figure {
	margin: 0 auto 2.500rem;

	padding: .938rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 .063rem .625rem .063rem rgba(0, 0, 0, .1);
}

.content-66 figure {
	width: 100%;
}

.middle figure figcaption {
	display: block;
	margin: .625rem 0 0;
	color: #999;
	font-style: italic;
	text-align: right;
} */

/* img-center
============================================ */
/* .img-center {
	max-width: 34.063rem;
} */

/* table
============================================================================= */
.table-not-responsive {
	width: 100%;
	overflow: auto;
}

.middle table:not([class]) {
	width: 100%;
	margin: 0 0 1.250rem;
	background: rgba(255, 255, 255, 1);
}

.middle table:not([class]) thead th {
	padding: 1.250rem .313rem;
	border: 1px solid rgba(225, 225, 225, .3);
	background: rgba(20, 30, 63, 1);
	vertical-align: top;
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	text-align: center;
}

.middle table:not([class]) tbody td {
	padding: 1.250rem .625rem;
	border: 1px solid rgba(225, 225, 225, 1);
	vertical-align: top;
	text-align: center;
}

.middle table:not([class]) tbody tr:nth-child(even) {
	background-color: rgba(246, 246, 246, 1);
}


.middle table:not([class]) tbody td.td-vert {
	padding: 1.250rem .313rem;
	border: 1px solid rgba(225, 225, 225, .3);
	vertical-align: middle;

	/* background: pink; */
}

.middle table:not([class]) tbody td.td-vert span {
	display: block;
	width: 5rem;
	margin: 0 auto;
	transform: rotate(-90deg);
	font-weight: 600;
	font-size: 1.250rem;
	white-space: nowrap;

	/* background: #ccc; */
}

/* tabs
============================================================================= */
.tab-accordion {
	display: none;
}

/* form
============================================================================= */
.field-form {
	margin: 0 0 1.250rem;

	/* background: paleturquoise; */
}

/* label
============================================ */
.text-input {
	display: block;
	position: relative;

	/* background: #eee; */
}

.text-input span {
	display: inline-block;
	position: absolute;
	top: 48%;
	left: .938rem;
	transform: translateY(-50%);
	cursor: text;
	transition: top .2s ease,
				transform .2s ease;
	color: rgba(104, 104, 104, 1);
	font-weight: 400;
}

.text-input textarea + span {
	top: .938rem;
	transform: none;
}

.text-input span::before {
	content: attr(data-first);
	display: inline-block;
	color: rgba(104, 104, 104, 1);
	font-weight: 600;
	font-size: .875rem;
	white-space: nowrap;
	transition: color .2s ease;
}

.text-input span::after {
	content: attr(data-second);
	display: inline-block;
	margin: 0 0 0 .313rem;
	color: rgba(104, 104, 104, 0);
	font-weight: 400;
	font-size: .875rem;
	white-space: nowrap;
	transition: color .2s ease;
}

.text-input.ico-label span {
	left: 2.813rem;
}

.text-input.ico-label::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: .875rem;
	left: .938rem;
	color: rgba(209, 3, 100, 1);
	font-weight: 400;
	font-size: 1.250rem;
	line-height: 1;
	font-family: "Material-Design-Iconic-Font";
	text-align: center;
}

.text-input.ico-label input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]),
.text-input.ico-label textarea {
	padding-left: 2.813rem;
}

.text-input.ico-label-name::before {
	content: "\f205";
}

.text-input.ico-label-phone::before {
	content: "\f2be";
	transform: rotate(43deg);
}

.text-input.ico-label-firm::before {
	content: "\f12d";
}

.text-input.ico-label-mail::before {
	content: "\f15a";
}

.text-input.ico-label-mes::before {
	content: "\f22e";
	top: .938rem;
	font-size: 1rem;
}

/* input text
============================================ */
.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]),
.text-input textarea {
	display: block;
	width: 100%;
	height: 2.875rem;
	margin: 0;
	padding: 0 .938rem;
	border: 1px solid rgba(225, 225, 225, 1);
	box-shadow: none;
	background: rgba(255, 255, 255, 1);
	outline: none;
	color: rgba(20, 30, 63, 1);
	font-size: .875rem;
	line-height: 1;
	font-family: inherit;
	transition: border-color .3s .02s linear;
}

.text-input textarea {
	height: 11.250rem;
	padding: .938rem;
	line-height: 1.3;

	/* background: #eee; */
}

.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus,
.text-input textarea:focus {
	border-color: rgba(209, 3, 100, 1);
}

.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus + span,
.text-input textarea:focus + span,
.text-input .filled-input + span {
	top: -.625rem;
	transform: none;
	margin: 0 0 0 -.250rem;
	padding: 0 .313rem;
	background: rgba(255, 255, 255, 1);
}

.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus + span::before,
.text-input textarea:focus + span::before {
	color: rgba(104, 104, 104, 1);
}

.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus + span::after,
.text-input textarea:focus + span::after {
	color: rgba(104, 104, 104, 1);
}

.text-input .filled-input:not(:focus) + span::after {
	display: none;

	/* background: blue; */
}

/* ======= классическое исчезновение placeholder-а ======= */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: rgba(104, 104, 104, 1);
	transition: color .3s .02s linear;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):-moz-placeholder,
textarea:-moz-placeholder {
	color: rgba(104, 104, 104, 1);
	transition: color .3s .02s linear;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::-moz-placeholder,
textarea::-moz-placeholder {
	color: rgba(104, 104, 104, 1);
	transition: color .3s .02s linear;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: rgba(104, 104, 104, 1);
	transition: color .3s .02s linear;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: rgba(104, 104, 104, 1);
	transition: color .3s .02s linear;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::placeholder,
textarea::placeholder {
	color: rgba(104, 104, 104, 1);
	transition: color .3s .02s linear;
}


input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	color: transparent;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: transparent;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color: transparent;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
	color: transparent;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus::placeholder,
textarea:focus::placeholder {
	color: transparent;
}
/* ======= /классическое исчезновение placeholder-а ======= */

/* btn-form
============================================ */
.btn-form [type="submit"] {
	display: inline-block;
	padding: .938rem 2.500rem;
	border: .063rem solid rgba(209, 3, 100, 1);
	background: rgba(209, 3, 100, 1) !important;
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	font-size: .875rem;
	text-transform: uppercase;
	transition: border-color .3s .02s ease,
				background .3s .02s ease,
				color .3s .02s ease;
}

.btn-form [type="submit"]:hover,
.btn-form [type="submit"]:focus,
.btn-form [type="submit"]:active {
	border-color: rgba(20, 30, 63, 1);
	background: rgba(255, 255, 255, 1) !important;
	color: rgba(20, 30, 63, 1);
}


/* about
============================================================================= */
/* requisites-about
============================================ */
/* .requisites-about {
	background: peachpuff;
} */

.table-requisites {
	width: 100%;
	background: rgba(255, 255, 255, 1);
	line-height: 1.2;
}

.table-requisites tr {
	border-bottom: 1px solid rgba(225, 225, 225, .5);
}

.table-requisites th {
	padding: .625rem .625rem .625rem 0;
	vertical-align: top;
	font-weight: 600;
	text-align: left;
}

.table-requisites td {
	padding: .625rem 0 .625rem .625rem;
	vertical-align: top;
}


.btn-requisites-about {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: calc(100% - 6.875rem);
	margin: 6.875rem 0 0;
	background: rgba(246, 246, 246, 1);
}

.btn-requisites-about > * {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

.btn-requisites-about::before {
	content: "\f1c1";
	margin: 0 0 1.250rem;
	color: rgba(85, 97, 155, 1);
	font-weight: 400;
	font-size: 5rem;
	font-family: "FontAwesome";
}

.btn-requisites-about .btn {
	margin: 0 !important;
}

/* advantages
============================================ */
.double-content + .advantages {
	margin: 3.125rem auto;
}

.double-content + .advantages {
	position: relative;
	padding: 3.125rem 0;
	background: linear-gradient(to right bottom, rgba(20, 30, 63, 1) 35%, rgba(209, 3, 100, 1));
}

.double-content + .advantages::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border: 1.250rem solid transparent;
	border-left-color: rgba(255, 255, 255, 1);
	border-top-color: rgba(255, 255, 255, 1);
}

.double-content + .advantages::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border: 1.250rem solid transparent;
	border-right-color: rgba(255, 255, 255, 1);
	border-bottom-color: rgba(255, 255, 255, 1);
}

/* partners-about
============================================ */
.partners-about .img-pi {
	background:rgba(246, 246, 246, 1);
}

/* prices
============================================================================= */
.prices .tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	border-bottom: 1px solid rgba(225, 225, 225, 1);

	/* background: yellow; */
}

.prices .tabs::after {
	content: "";
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.prices .tabs li {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
	position: relative;
	top: 1px;
	z-index: 1;
	padding: 1.250rem 2.500rem;
	border: 1px solid rgba(225, 225, 225, 1);
	border-bottom: none;
	background: rgba(246, 246, 246, 1);
	transition: background .3s .02s linear;
	cursor: pointer;
	color: rgba(104, 104, 104, 1);
	font-weight: 600;
	font-size: 1rem;
	text-transform: uppercase;
	text-align: center;
}

.prices .tabs li + li {
	border-left: none;
}

.prices .tabs li:hover,
.prices .tabs li:focus,
.prices .tabs li:active {
	background: rgba(209, 3, 100, 1);
	color: rgba(255, 255, 255, 1);
}

.prices .tabs li.active {
	display: block;
	padding-top: 1.063rem;
	padding-bottom: 1.438rem;
	border-top: 3px solid rgba(209, 3, 100, 1);
	background: rgba(255, 255, 255, 1);
	cursor: default;
	color: rgba(0, 0, 0, 1);
}


.prices .content-tab {
	margin: 0;
	padding: 2.500rem 0 0;
}

/* left-prices
============================================ */
.left-prices {
	flex-basis: calc(75% - 5rem);
	max-width: calc(75% - 5rem);
	margin: 0 5rem 0 0;

	/* background: palegreen; */
}


.left-prices table {
	margin: 0 !important;
}

.left-prices table tr {
	border-bottom: 1px solid rgba(225, 225, 225, 1);
}

.left-prices table tr:nth-child(even) {
	background: none !important;
}

.left-prices table th {
	text-align: left !important;
}

.left-prices table td {
	padding: .938rem;
	vertical-align: top;
	text-align: left !important;
}

.left-prices table td:first-child {
	color: rgba(104, 104, 104, 1);
}

.left-prices table td:last-child {
	font-weight: 600;
	white-space: nowrap;
}

.left-prices table td:last-child span {
	font-weight: 400;
}

.left-prices table td[colspan="2"] {
	background: rgba(246, 246, 246, 1);
	color: rgba(27, 27, 28, 1);
	font-weight: 600;
	text-transform: uppercase;
}

/* pdf-price
============================================ */
.title-pdf-price {
	margin: 0 0 2.500rem;
	font-weight: 600;
	font-size: 1.250rem;
	text-transform: uppercase;
}

.grid-pdf-price {
	margin: 0 -1.250rem 1.875rem;

	/* background-color: coral; */
}

.cell-pdf-price {
	flex-basis: calc(33.3333% - 2.500rem);
	max-width: calc(33.3333% - 2.500rem);
	margin: 0 1.250rem 2.500rem;

	/* background-color: cornflowerblue; */
}

.cell-pdf-price a {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
}

.cell-pdf-price a span {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

.img-price {
	flex-basis: 6.250rem;
	max-width: 6.250rem;
}

.img-price .fa {
	display: inline-block;
	color: rgba(225, 225, 225, 1);
	font-size: 5rem;
}

.name-price {
	flex-basis: calc(100% - 6.250rem);
	max-width: calc(100% - 6.250rem);
	padding: 0 0 0 1.250rem;
	color: rgba(209, 3, 100, 1);
	transition: all .3s .02s linear;
	font-weight: 600;
	font-size: 1.250rem;
	line-height: 1.2;
}

.name-price span {
	display: block;
	color: rgba(27, 27, 28, 1);
	font-weight: 500;
	font-size: 1rem;
}

.cell-pdf-price a:hover .name-price,
.cell-pdf-price a:active .name-price,
.cell-pdf-price a:focus .name-price {
	color: rgba(20, 30, 63, 1);
}

/* img-prices
============================================ */
.img-prices {
	flex-basis: 25%;
	max-width: 25%;
}

#tab-1 .img-prices {
	background: url(../images/survey.jpg) no-repeat right top;
	background-size: cover;
}

#tab-2 .img-prices {
	background: url(../images/design.jpg) no-repeat right top;
	background-size: cover;
}

#tab-3 .img-prices {
	background: url(../images/products.jpg) no-repeat right top;
	background-size: cover;
}

#tab-4 .img-prices {
	background: url(../images/building.jpg) no-repeat right top;
	background-size: cover;
}


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

.cell-docs {
	flex-basis: calc(33.3333% - 2.500rem);
	max-width: calc(33.3333% - 2.500rem);
	margin: 0 1.250rem 2.500rem;
}

.cell-docs a {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
}

.cell-docs a span {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

.img-docs {
	flex-basis: 6.250rem;
	max-width: 6.250rem;
}

.name-docs {
	flex-basis: calc(100% - 6.250rem);
	max-width: calc(100% - 6.250rem);
	padding: 0 0 0 1.250rem;
	color: rgba(209, 3, 100, 1);
	transition: all .3s .02s linear;
	font-weight: 500;
	line-height: 1.2;
}

.cell-docs a:hover .name-docs,
.cell-docs a:active .name-docs,
.cell-docs a:focus .name-docs {
	color: rgba(20, 30, 63, 1);
}


/* contacts
============================================================================= */
.contacts {
	margin: 0 0 2.500rem;
}

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

.left-contacts > div {
	margin: 0 0 2.875rem;
}

.left-contacts > div span:first-child {
	display: block;
	margin: 0 0 1.875rem;
	padding: 0 0 .938rem;
	border-bottom: 1px solid rgba(225, 225, 225, .5);
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
	font-size: 1.125rem;
	text-transform: uppercase;
}

.left-contacts > div span:last-child {
	display: block;
	position: relative;
	padding: 0 0 0 2.500rem;
	line-height: 1.5;
}

.left-contacts > div span:last-child::before {
	content: "";
	display: block;
	position: absolute;
	top: -.250rem;
	left: 0;
	/* color: rgba(104, 104, 104, .5); */
	color: rgba(209, 3, 100, 1);
	font-size: 1.500rem;
	font-family: "Material-Design-Iconic-Font";
}

.addr-cont span:last-child::before {
	content: "\f1ab" !important;
}

.tel-cont a {
	color: rgba(20, 30, 63, 1);
	font-weight: 600;
	font-size: 1.125rem;
}

.tel-cont span:last-child::before {
	content: "\f2be" !important;
}

.email-cont a {
	color: rgba(209, 3, 100, 1);
	text-decoration: underline;
}

.email-cont a:hover,
.email-cont a:focus,
.email-cont a:active {
	text-decoration: none;
}

.email-cont span:last-child::before {
	content: "\f15a" !important;
}

.time-cont span:last-child::before {
	content: "\f337" !important;
}

/* right-contacts
============================================ */
.right-contacts {
	flex-basis: 50%;
	max-width: 50%;
	padding: 1.250rem;
	background: rgba(246, 246, 246, 1);
}

.form-contacts {
	height: 100%;
	padding: 1.250rem;
	background: rgba(255, 255, 255, 1);
}


.contacts + #map-yandex {
	width: 100%;
	height: 25rem;
}

/* card
============================================================================= */
.card {
	margin: 5rem 0 2.500rem;

	/* background: palegoldenrod; */
}

.img-card {
	flex-basis: 30%;
	max-width: 30%;
	padding: .500rem 5rem 0 0;

	/* background: palegreen; */
}

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

	/* background: paleturquoise; */
}

.description-card p {
	margin-top: 0 !important;
}

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

.title-inset-card {
	margin: 1.250rem 0 2.500rem;
	font-weight: 600;
	font-size: 1.250rem;
	text-transform: uppercase;
}

.left-inset-card {
	position: relative;
	flex-basis: 60%;
	max-width: 60%;
	padding: 1.250rem 2.500rem 3.750rem;
	background: rgba(246, 246, 246, 1);
	line-height: 1.3;
}

.docs-inset-card {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	margin: 0 -.625rem 2.500rem;

	/* background-color: crimson; */
}

.docs-inset-card li {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: calc(33.3333% - 1.250rem);
	max-width: calc(33.3333% - 1.250rem);
	align-self: auto;
	order: 0;
	margin: 0 .625rem 1.250rem;

	/* background-color: cyan; */
}

.docs-inset-card li a {
	display: block;
	padding: 1.250rem .938rem 1.250rem 3.750rem;
	border: 1px solid rgba(225, 225, 225, .5);
	transition: border-color .3s .02s linear;
	color:  rgba(209, 3, 100, 1);
}

.docs-inset-card li:first-child a {
	background: rgba(255, 255, 255, 1) url(../images/pdf.svg) no-repeat .938rem center;
	background-size: auto 1.875rem;
}

.docs-inset-card li:nth-child(2) a {
	background: rgba(255, 255, 255, 1) url(../images/rst.svg) no-repeat .938rem center;
	background-size: auto 1.750rem;
}

.docs-inset-card li:last-child a {
	background: rgba(255, 255, 255, 1) url(../images/pdf.svg) no-repeat .938rem center;
	background-size: auto 1.875rem;
}

.docs-inset-card li a:hover,
.docs-inset-card li a:active,
.docs-inset-card li a:focus {
	border-color: rgba(209, 3, 100, 1);
}

.left-inset-card .link {
	position: absolute;
	bottom: 1.250rem;
	left: 2.500rem;
	width: calc(100% - 5rem);
	padding: .625rem 0 0;
	border-top: 1px solid rgba(225, 225, 225, 1);
}


.right-inset-card {
	position: relative;
	flex-basis: 40%;
	max-width: 40%;
	padding: 1.250rem 2.500rem 3.750rem;
	background: rgba(35, 48, 101, 1);
	color: rgba(255, 255, 255, 1);
	line-height: 1.3;
}

p.ric-1 {
	position: relative;
	margin: 0 0 1.250rem;
	padding: 0 0 0 1.500rem;
}

p.ric-1::before {
	content: "\f2be";
	display: inline-block;
	position: absolute;
	top: .313rem;
	left: 0;
	transform: rotate(43deg);
	color: rgba(255, 255, 255, 1);
	font-weight: 400;
	font-size: 1.250rem;
	line-height: 1;
	font-family: "Material-Design-Iconic-Font";
	text-align: center;
}

p.ric-1 a {
	display: inline-block;
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	font-size: 1.250rem;
	text-decoration: none;
}


p.ric-2 {
	position: relative;
	padding: 0 0 0 1.750rem;
}

p.ric-2::before {
	content: "\f15a";
	display: inline-block;
	position: absolute;
	top: .375rem;
	left: 0;
	color: rgba(255, 255, 255, 1);
	font-weight: 400;
	font-size: 1.250rem;
	line-height: 1;
	font-family: "Material-Design-Iconic-Font";
	text-align: center;
}

p.ric-2 a {
	display: inline-block;
	padding: 0 0 .250rem;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	transition: border-bottom-color .2s .02s linear;
	color: rgba(255, 255, 255, 1);
	font-weight: 500;
	font-size: 1.125rem;
	text-decoration: none;
}

p.ric-2 a:hover,
p.ric-2 a:active,
p.ric-2 a:focus {
	border-bottom-color: transparent;
}


.right-inset-card .link {
	position: absolute;
	bottom: 1.250rem;
	left: 2.500rem;
	width: calc(100% - 5rem);
	padding: .625rem 0 0;
	border-top: 1px solid rgba(225, 225, 225, 1);
}

.right-inset-card .link a {
	color: rgba(255, 255, 255, 1);
}

.right-inset-card .link a:hover::after,
.right-inset-card .link a:active::after,
.right-inset-card .link a:focus::after {
	background: rgba(255, 255, 255, 1);
}

/* img-text-pe
============================================ */
.img-text-pe {
	margin: 0 0 3.125rem;
}

.text-pe {
	margin-top: 1.875rem;
	font-weight: 600;
	line-height: 1.5;
}


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

.mod-card > .element-flex:first-child {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 2.500rem 0 0;
}

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

.img-mod-card {
	flex-basis: 30%;
	max-width: 30%;
	padding: 0 2.500rem 0 0;
}

.text-mod-card {
	flex-basis: 70%;
	max-width: 70%;
	line-height: 1.3;
}

.text-mod-card span:first-child {
	display: block;
	font-weight: 500;
	font-size: 1.250rem;
}

.text-mod-card span:nth-child(2) {
	display: block;
	margin: 0 0 .250rem;
	font-weight: 600;
	font-size: 1.750rem;
}

.text-mod-card span:last-child {
	display: block;
	color: rgba(104, 104, 104, 1);
}

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

	/* background: paleturquoise; */
}

.property-card > .element-flex {
	flex-basis: calc(33.3333% - 2.500rem);
	max-width: calc(33.3333% - 2.500rem);
	margin: 0 1.250rem 3.125rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;

	/* background-color: darkcyan; */
}

.property-card > .element-flex > * {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

.img-property-card {
	flex-basis: 3.750rem;
	width: 3.750rem;
	max-width: 3.750rem;
	text-align: center;

	/* background: pink; */
}

.img-property-card img {
	display: inline-block;
	width: auto;
	max-width: none;
	height: 3.125rem;
}

.text-property-card {
	flex-basis: calc(100% - 3.750rem);
	max-width: calc(100% - 3.750rem);
	padding: 0 0 0 1.875rem;

	/* background: palevioletred; */
}

.name-property-card {
	display: block;
	margin: 0 0 .625rem;
	color: rgba(104, 104, 104, 1);

	/* background: peru; */
}

.value-property-card {
	display: block;
	font-weight: 600;
	font-size: 1.250rem;

	/* background: peachpuff; */
}

/* advantage-card
============================================ */
.advantage-card {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: center;
	align-items: stretch;
	margin: 0 -1.250rem 2.500rem;
	padding: 2.500rem 0 0;
	background: rgba(246, 246, 246, 1);
}

.advantage-card li {
	position: relative;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: calc(25% - 2.500rem);
	max-width: calc(25% - 2.500rem);
	align-self: auto;
	order: 0;
	margin: 0 1.250rem 2.500rem;
	padding: 1.875rem 1.875rem 1.875rem 6.250rem;
	background: rgba(255, 255, 255, 1);
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.1;
}

.advantage-card li::before {
	content: "";
	display: block;
	position: absolute;
	top: .250rem;
	bottom: 0;
	left: 1.250rem;
	z-index: 2;
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	font-size: 1.875rem;
	line-height: 3.125rem;
	text-align: center;

	/* background: red; */
}

.advantage-card li:first-child::before {
	content: "1";
}

.advantage-card li:nth-child(2)::before {
	content: "2";
}

.advantage-card li:nth-child(3)::before {
	content: "3";
}

.advantage-card li:nth-child(4)::before {
	content: "4";
}

.advantage-card li:nth-child(5)::before {
	content: "5";
}

.advantage-card li:nth-child(6)::before {
	content: "6";
}

.advantage-card li:nth-child(7)::before {
	content: "7";
}

.advantage-card li:nth-child(8)::before {
	content: "8";
}

.advantage-card li:nth-child(9)::before {
	content: "9";
}

.advantage-card li:nth-child(10)::before {
	content: "10";
}

.advantage-card li:nth-child(11)::before {
	content: "11";
}

.advantage-card li:nth-child(12)::before {
	content: "12";
}

.advantage-card li:nth-child(13)::before {
	content: "13";
}

.advantage-card li:nth-child(14)::before {
	content: "14";
}

.advantage-card li:nth-child(15)::before {
	content: "15";
}

.advantage-card li::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 0;
	height: 0;
	border: 3.125rem solid transparent;
	border-left-color: rgba(35, 48, 101, 1);
	border-top-color: rgba(35, 48, 101, 1);
}


/* ========================================================================================
	footer
======================================================================================== */
.footer {
	flex: 0 0 auto;
	background: rgba(20, 30, 63, 1);
}

/* feedback-footer
============================================================================= */
.feedback-footer {
	position: relative;
	z-index: 1;
	overflow: hidden;

	/* background: burlywood; */
}

.feedback-footer::after {
	content: "";
	display: block;
	position: absolute;
	top: 3.500rem;
	right: 0;
	bottom: 3.500rem;
	left: calc(50% + 3.750rem);
	z-index: -1;
	width: 50%;
	transform: skewX(-20deg);
	background: rgba(209, 3, 100, 1);
}

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

	/* background: #FF9933; */
}

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

	/* background: #ccc; */
}

.right-feedback-footer {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 2.500rem;
}

/* feedback-footer typography
============================================ */
.title-feedback-footer {
	position: relative;
	margin: 0 0 3.125rem;
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	font-size: 2rem;
	text-transform: uppercase;
}

.title-feedback-footer::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1.250rem;
	left: 0;
	width: 5rem;
	height: 3px;
	background: rgba(209, 3, 100, 1);
}

.title-feedback-footer::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1.625rem;
	left: 5.625rem;
	width: 15px;
	height: 15px;
	background: rgba(209, 3, 100, 1);
}


.feedback-footer p:first-of-type {
	margin: 0 0 1.250rem;
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	font-size: 1.500rem;
}

.feedback-footer p:last-of-type {
	margin: 0;
	color: rgba(255, 255, 255, 1);
	font-size: 1rem;
	line-height: 1.3;
}

/* feedback-footer form
============================================ */
.feedback-footer form {
	position: relative;
	padding: 1.875rem 0 1.875rem 4.500rem;

	/* background: plum; */
}

.feedback-footer .text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]) {
	border-color: rgba(255, 255, 255, 1);
}

.feedback-footer .text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus + span,
.feedback-footer .text-input .filled-input + span {
	top: -1.375rem;
	background: transparent;
}

.feedback-footer .text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus + span::before,
.feedback-footer .text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus + span::after {
	color: rgba(255, 255, 255, 1);
}


.feedback-footer .btn-form [type="submit"] {
	border: .063rem solid rgba(20, 30, 63, 1);
	background: rgba(20, 30, 63, 1) !important;
}

.feedback-footer .btn-form [type="submit"]:hover,
.feedback-footer .btn-form [type="submit"]:focus,
.feedback-footer .btn-form [type="submit"]:active {
	border-color: rgba(20, 30, 63, 1);
	background: rgba(255, 255, 255, 1) !important;
	color: rgba(20, 30, 63, 1);
}

/* main-footer
============================================================================= */
/* .main-footer {
	background: paleturquoise;
} */

.main-footer .container-center {
	padding: 1.875rem 15px 3.125rem;
	line-height: 1.3;

	/* background: #5e35b1; */
}

.main-footer .zmdi {
	margin: 0 1.250rem 0 0;
	color: rgba(209, 3, 100, 1);
	font-size: 2rem;
}

/* mf-1
============================================ */
.mf-1 {
	flex-basis: 15%;
	max-width: 15%;

	/* background: #303f9f; */
}

/* ======= logo-f ======= */
.logo-f {
	width: 6.250rem;
	margin: 0 0 2.500rem;

	/*background: #33CCFF;*/
}

.logo-f a {
	display: block;
}

/* mf-2
============================================ */
.mf-2 {
	flex-basis: 28.3333%;
	max-width: 28.3333%;
	display: flex;
	color: rgba(255, 255, 255, 1);
	font-size: 1rem;

	/* background: #00bfa5; */
}

/* mf-3
============================================ */
.mf-3 {
	flex-basis: 28.3333%;
	max-width: 28.3333%;
	padding: 0 0 0 7.5%;
	display: flex;

	/* background: #FF6600; */
}

.mf-3 a {
	display: inline-block;
	color: rgba(255, 255, 255, 1);
}

/* mf-4
============================================ */
.mf-4 {
	flex-basis: 28.3333%;
	max-width: 28.3333%;
	padding: 0 0 0 5%;
	display: flex;

	/* background: #FF33FF; */
}

.mf-4 a {
	display: inline-block;
	color: rgba(255, 255, 255, 1);
}

/* footer-bottom
============================================================================= */
.footer-bottom {
	border-top: .063rem solid rgba(35, 48, 101, 1);
}

.footer-bottom .container-center {
	padding: .938rem 15px;

	/* background: #CCFFFF; */
}

.copyright {
	flex-basis: 25%;
	max-width: 25%;
	color: rgba(255, 255, 255, .8);

	/* background: #ccc; */
}

.made-f {
	display: block;
	margin: .375rem 0 0;
	font-size: .875rem;
}

.made-f a {
	display: inline-block;
	color: rgba(209, 3, 100, 1);
	font-weight: 600;
	text-decoration: underline;
}

.made-f a:hover,
.made-f a:active,
.made-f a:focus {
	text-decoration: none;
}


.fz-152 {
	flex-basis: 75%;
	max-width: 75%;
	color: rgba(255, 255, 255, .8);
	line-height: 1.2;
	text-align: right;

	/* background: red; */
}

.fz-152 a {
	display: inline-block;
	color: rgba(209, 3, 100, 1);
	text-decoration: underline;
}

.fz-152 a:hover,
.fz-152 a:active,
.fz-152 a:focus {
	text-decoration: none;
}


/* ========================================================================================
	index
======================================================================================== */
.block-index h2 {
	margin-top: 0 !important;

	/* background: #ccc; */
}

/* slider-index
============================================================================= */
.slider-index .slick-list {
	margin: .938rem 0 0;

	/* background: paleturquoise; */
}

.slider-index .slick-slide {
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.slider-index .slick-slide::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 50%;
	height: 100%;
	background: rgba(20, 30, 63, .9);
}

.content-slider-index {
	height: 28.125rem;
	align-content: center;

	/* background: palegoldenrod; */
}

.slick-slide-1 {
	background-image: url(../slider-index/slide-1.jpg);
}

.slick-slide-2 {
	background-image: url(../slider-index/slide-2.jpg);
}

.slick-slide-3 {
	background-image: url(../slider-index/slide-3.jpg);
}

.slick-slide-4 {
	background-image: url(../slider-index/slide-4.jpg);
}

.slick-slide-5 {
	background-image: url(../slider-index/slide-5.jpg);
}

.slick-slide-6 {
	background-image: url(../slider-index/slide-6.jpg);
}

.content-csi {
	position: relative;
	width: 60%;
	height: auto;
	margin: 0 0 2.500rem;
	padding-right: 2.500rem;
	padding-left: 2.500rem;

	/* background: palegreen; */
}

.content-csi::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: .250rem;
	height: 100%;
	background: rgba(209, 3, 100, 1);
}

.title-csi {
	display: inline-block;
	flex-basis: auto;
	max-width: auto;
	color: rgba(255, 255, 255, 1);
	font-size: 500;
	font-size: 2.500rem;
	line-height: 1;
}

.text-csi {
	flex-basis: 100%;
	max-width: 100%;
	color: rgba(255, 255, 255, 1);
	line-height: 1.3;
}

.btn-csi {
	flex-basis: 100%;
	max-width: 100%;
	margin: 1.250rem 0 .625rem 2.500rem;
}

.btn-csi a {
	border-color: rgba(209, 3, 100, 1);
	background: transparent;
	/* color: rgba(20, 30, 63, 1) !important; */
}

/* dots slider-index
============================================ */
.slider-index .slick-dots {
	display: block;
	position: absolute;
	bottom: .938rem;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1200px;
	height: auto;
	padding: 0 15px 0 calc(15px + 2.500rem);

	/* background: red; */
}

.slider-index .slick-dots li {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
}

.slider-index .slick-dots li + li {
	margin: 0 0 0 .625rem;
}

.slider-index .slick-dots li button {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 4px;
	border: 0;
	outline: none;
	background: rgba(255, 255, 255, 1);
	transition: background .3s .02s ease;
	cursor: pointer;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

.slider-index .slick-dots li:hover button,
.slider-index .slick-dots li:focus button {
	background: rgba(209, 3, 100, 1);
}

.slider-index .slick-dots li.slick-active button {
	background: rgba(209, 3, 100, 1);
}

/* about-index
============================================================================= */
/* .about-index {
	background: #99CCFF;
} */

.about-index .container-center {
	padding: 5rem 15px;

	/* background: #CCFFFF; */
}

/* .catalog-index .tabs
============================================ */
.catalog-index .tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: stretch;
	align-items: stretch;
	margin: 0 0 2.500rem;

	/* background: yellow; */
}

.catalog-index .tabs::after {
	content: "";
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.catalog-index .tabs li {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: calc(25% - 1.250rem);
	max-width: calc(25% - 1.250rem);
	align-self: auto;
	order: 0;
	position: relative;
	padding: 1.500rem 1.250rem;
	border: none;
	background: rgba(20, 30, 63, 1);
	transition: background .3s .02s linear;
	cursor: pointer;
	color: rgba(255, 255, 255, 1);
	font-weight: 500;
	font-size: 1.125rem;
	text-transform: uppercase;
	text-align: center;
}

.catalog-index .tabs li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border: .625rem solid transparent;
	border-left-color: rgba(255, 255, 255, 1);
	border-top-color: rgba(255, 255, 255, 1);
}

.catalog-index .tabs li::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border: .625rem solid transparent;
	border-right-color: rgba(255, 255, 255, 1);
	border-bottom-color: rgba(255, 255, 255, 1);
}

.catalog-index .tabs li:hover,
.catalog-index .tabs li:focus,
.catalog-index .tabs li:active {
	background: rgba(209, 3, 100, 1);
	color: rgba(255, 255, 255, 1);
}

.catalog-index .tabs li.active {
	display: block;
	background: rgba(209, 3, 100, 1);
	cursor: default;
	color: rgba(255, 255, 255, 1);
}


.catalog-index .content-tab {
	margin: 0;
	padding: 2.500rem;
	border: 1px solid rgba(225, 225, 225, 1);
	border-top: 1px solid rgba(225, 225, 225, 1);
}

/* list-catalog-index
============================================ */
.list-catalog-index {
	flex-basis: calc(75% - 5rem);
	max-width: auto;
	margin: 0 5rem 0 0;

	/* background: palegreen; */
}

.list-catalog-index > li {
	display: block;
	margin: 0 0 1.250rem;
}

.list-catalog-index > li:last-child {
	margin: 0;
}

.list-catalog-index > li > a {
	display: inline-block;
	color: rgba(209, 3, 100, 1);
	transition: color .3s .02s linear;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	text-transform: uppercase;
	transition: all .3s .02s linear;
}

.list-catalog-index > li > a:hover,
.list-catalog-index > li > a:active,
.list-catalog-index > li > a:focus {
	color: rgba(20, 30, 63, 1);
}

.sub-list-catalog-index {
	margin: .625rem 0 0;
}

.sub-list-catalog-index li {
	display: block;
	margin: 0 0 .313rem;
	line-height: 1.2;
}

.sub-list-catalog-index li a {
	display: inline-block;
	color: rgba(104, 104, 104, 1);
}

.sub-list-catalog-index li a span {
	display: inline-block;
	color: rgba(20, 30, 63, 1);
	font-weight: 600;
}

.sub-list-catalog-index li a:hover,
.sub-list-catalog-index li a:active,
.sub-list-catalog-index li a:focus {
	color: rgba(20, 30, 63, 1);
}


.sub-list-catalog-index .parent {
	margin-top: .625rem;
	color: rgba(209, 3, 100, 1);
	font-weight: 600;
}

/* img-catalog-index
============================================ */
.img-catalog-index {
	flex-basis: 25%;
	max-width: 25%;
}

#tab-1 .img-catalog-index {
	background: url(../images/survey.jpg) no-repeat right top;
	background-size: cover;
}

#tab-2 .img-catalog-index {
	background: url(../images/design.jpg) no-repeat right top;
	background-size: cover;
}

#tab-3 .img-catalog-index {
	background: url(../images/products.jpg) no-repeat right top;
	background-size: cover;
}

#tab-4 .img-catalog-index {
	background: url(../images/building.jpg) no-repeat right top;
	background-size: cover;
}

/* advantages-index
============================================================================= */
.advantages-index {
	background: linear-gradient(to right bottom, rgba(20, 30, 63, 1) 35%, rgba(209, 3, 100, 1));
}

.advantages {
	padding: 3.750rem 15px;

	/* background: #CCFFFF; */
}

.advantages .container-flex {
	position: relative;
	width: 80%;
	margin: 0 auto;
	align-items: center;
}

.advantages .container-flex::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, 1);
}

.advantages .container-flex::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 1);
}

.advantages .element-flex {
	position: relative;
	flex-basis: 50%;
	max-width: 50%;
	padding: 2.500rem 5rem 2.500rem 5rem;
	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 3.750rem center;
	background-size: auto 3.750rem;
}

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

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

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

.advantages .element-flex::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 1.250rem;
	transform: translateY(-50%);
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	font-size: 4rem;
}

.advantages .element-flex:first-child::before {
	content: "1";
}

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

.advantages .element-flex:nth-child(3)::before {
	content: "3";
}

.advantages .element-flex:last-child::before{
	content: "4";
	left: 3.125rem;
}

/* partners-index
============================================================================= */
.partners-index {
	background: rgba(246, 246, 246, 1);
}

.partners-index .container-center {
	padding: 3.750rem 15px;

	/* background: #CCFFFF; */
}

.carousel-pi .slick-track {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: center;
	align-items: center;

	/* background: red; */
}

.img-pi {
	position: relative;
	height: 7.500rem;
	padding: 1.875rem;
	background:rgba(255, 255, 255, 1);
	text-align: center;
}

.img-pi::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border: .625rem solid transparent;
	border-left-color: rgba(246, 246, 246, 1);
	border-top-color: rgba(246, 246, 246, 1);
}

.img-pi::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border: .625rem solid transparent;
	border-right-color: rgba(246, 246, 246, 1);
	border-bottom-color: rgba(246, 246, 246, 1);
}

.img-pi img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	max-height: 100%;
}

/* contacts-index
============================================================================= */
.contacts-index .container-center {
	padding: 3.750rem 15px;

	/* background: yellow; */
}

.contacts-index .element-flex {
	flex-basis: 33.3333%;
	max-width: 33.3333%;
	padding: 0 2.500rem;
	border-left: 1px solid rgba(225, 225, 225, 1);
	text-align: center;
}

.contacts-index .element-flex:last-of-type {
	border-right: 1px solid rgba(225, 225, 225, 1);
}

.contacts-index .element-flex .zmdi {
	display: block;
	margin: 0 0 .938rem;
	color: rgba(209, 3, 100, 1);
	font-size: 2.500rem;
}

.contacts-index .element-flex span:last-child {
	display: block;
	line-height: 1.3;
}

.contacts-index .element-flex:first-child a {
	color: rgba(20, 30, 63, 1);
	transition: all .3s .02s linear;
}

.contacts-index .element-flex:first-child a:hover,
.contacts-index .element-flex:first-child a:active,
.contacts-index .element-flex:first-child a:focus {
	color: rgba(209, 3, 100, 1);
}

.contacts-index .element-flex:nth-child(2) a {
	display: inline-block;
	border-bottom: .063rem dotted rgba(76, 131, 196, 1);
	color: rgba(209, 3, 100, 1);
	font-weight: 400;
	line-height: 1.3;
	text-decoration: none;
	transition: all 0.3s 0.02s ease;
}

.contacts-index .element-flex:nth-child(2) a:hover,
.contacts-index .element-flex:nth-child(2) a:active,
.contacts-index .element-flex:nth-child(2) a:focus {
	border-bottom-color: transparent;
}


.contacts-index #map-yandex {
	width: 100%;
	height: 100%;
	min-height: 25rem;
}


/* ========================================================================================
	modal
======================================================================================== */
.reveal-modal-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 7;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .8);
}

.reveal-modal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 8;
	width: 100%;
	max-width: 25rem;
	visibility: hidden;
	background: rgba(255, 255, 255, 1);
}

.reveal-modal a.close-reveal-modal {
	position: absolute;
	top: .500rem;
	right: .688rem;
	font-size: 1.375rem;
	line-height: .5;
	color: rgba(255, 255, 255, 1);
	transition: color .2s .02s linear;
	font-weight: 600;
	cursor: pointer;
}

.reveal-modal a.close-reveal-modal:hover,
.reveal-modal a.close-reveal-modal:active,
.reveal-modal a.close-reveal-modal:focus {
	color: rgba(209, 3, 100, 1);
}

.title-modal {
	padding: 1.875rem 1.250rem;
	/* background-image: linear-gradient(135deg, rgba(20, 30, 63, 1) 0%, rgba(85, 97, 155, 1) 100%); */
	background: rgba(209, 3, 100, 1);
	background-image: linear-gradient(135deg, rgba(20, 30, 63, 1) 0%, rgba(209, 3, 100, 1) 100%);
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
}

.title-modal span {
	display: block;
	margin: .313rem 0 0;
	font-weight: 600;
	font-size: .875rem;
	line-height: 1.2;
	text-transform: none;
}

.content-modal {
	padding: 1.875rem;
	overflow: hidden;
	background: url(../images/content-modal-bg.svg) no-repeat right -5rem bottom -5rem;
	background-size: auto 120%;
}

.content-modal .text-input {
	margin: 0 0 .938rem;
}

.content-modal .text-input input {
	background: rgba(255, 255, 255, .4) !important;
}

.content-modal p {
	margin: 0 0 1.250rem;
	font-size: .875rem;
}

.content-modal .btn-form {
	text-align: center;
}