html {
  -moz-osx-font-smoothing: grayscale;
}
/*Правило только для Firefox*/
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}
@font-face {
  font-family: "Flat-UI-Icons";
  src: url("../fonts/Flat-UI-Icons.eot");
  src: url("../fonts/Flat-UI-Icons.eot?#iefix") format("embedded-opentype"), url("../fonts/Flat-UI-Icons.woff") format("woff"), url("../fonts/Flat-UI-Icons.ttf") format("truetype"), url("../fonts/Flat-UI-Icons.svg#Flat-UI-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'Flat-UI-Icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="fui-"] {
*/


.fui-triangle-up,
.fui-triangle-up-small,
.fui-triangle-right-large,
.fui-triangle-left-large,
.fui-triangle-down,
.fui-info,
.fui-alert,
.fui-question,
.fui-window,
.fui-windows,
.fui-arrow-right,
.fui-arrow-left,
.fui-loop,
.fui-cmd,
.fui-mic,
.fui-triangle-down-small,
.fui-check-inverted,
.fui-heart,
.fui-location,
.fui-plus,
.fui-check,
.fui-cross,
.fui-list,
.fui-new,
.fui-video,
.fui-photo,
.fui-volume,
.fui-time,
.fui-eye,
.fui-chat,
.fui-home,
.fui-upload,
.fui-search,
.fui-user,
.fui-mail,
.fui-lock,
.fui-power,
.fui-star,
.fui-calendar,
.fui-gear,
.fui-book,
.fui-exit,
.fui-trash,
.fui-folder,
.fui-bubble,
.fui-cross-inverted,
.fui-plus-inverted,
.fui-export,
.fui-radio-unchecked,
.fui-radio-checked,
.fui-checkbox-unchecked,
.fui-checkbox-checked,
.fui-flat,
.fui-calendar-solid,
.fui-star-2,
.fui-credit-card,
.fui-clip,
.fui-link,
.fui-pause,
.fui-play,
.fui-tag,
.fui-document,
.fui-image,
.fui-facebook,
.fui-youtube,
.fui-vimeo,
.fui-twitter,
.fui-stumbleupon,
.fui-spotify,
.fui-skype,
.fui-pinterest,
.fui-path,
.fui-myspace,
.fui-linkedin,
.fui-googleplus,
.fui-dribbble,
.fui-blogger,
.fui-behance,
.fui-viber,
.fui-list-thumbnailed,
.fui-list-small-thumbnails,
.fui-list-numbered,
.fui-list-large-thumbnails,
.fui-list-columned,
.fui-list-bulleted {
	display: inline-block;
	font-family: 'Flat-UI-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
[class*="fui-"]:hover {text-decoration: none;}
.fui-triangle-up:before {content: "\e000";}
.fui-triangle-up-small:before {content: "\e001";}
.fui-triangle-right-large:before {content: "\e002";}
.fui-triangle-left-large:before {content: "\e003";}
.fui-triangle-down:before {content: "\e004";}
.fui-info:before {  content: "\e016";}
.fui-alert:before {  content: "\e017";}
.fui-question:before {  content: "\e018";}
.fui-window:before {  content: "\e019";}
.fui-windows:before {  content: "\e01a";}
.fui-arrow-right:before {  content: "\e02c";}
.fui-arrow-left:before {  content: "\e02d";}
.fui-loop:before {  content: "\e02e";}
.fui-cmd:before {  content: "\e02f";}
.fui-mic:before {  content: "\e030";}
.fui-triangle-down-small:before {  content: "\e005";}
.fui-check-inverted:before {  content: "\e006";}
.fui-heart:before {  content: "\e007";}
.fui-location:before {  content: "\e008";}
.fui-plus:before {  content: "\e009";}
.fui-check:before {  content: "\e00a";}
.fui-cross:before {  content: "\e00b";}
.fui-list:before {  content: "\e00c";}
.fui-new:before {  content: "\e00d";}
.fui-video:before {  content: "\e00e";}
.fui-photo:before {  content: "\e00f";}
.fui-volume:before {  content: "\e010";}
.fui-time:before {  content: "\e011";}
.fui-eye:before {  content: "\e012";}
.fui-chat:before {  content: "\e013";}
.fui-home:before {  content: "\e015";}
.fui-upload:before {  content: "\e01b";}
.fui-search:before {  content: "\e01c";}
.fui-user:before {  content: "\e01d";}
.fui-mail:before {  content: "\e01e";}
.fui-lock:before {  content: "\e01f";}
.fui-power:before {  content: "\e020";}
.fui-star:before {  content: "\e021";}
.fui-calendar:before {  content: "\e023";}
.fui-gear:before {  content: "\e024";}
.fui-book:before {  content: "\e025";}
.fui-exit:before {  content: "\e026";}
.fui-trash:before {  content: "\e027";}
.fui-folder:before {  content: "\e028";}
.fui-bubble:before {  content: "\e029";}
.fui-cross-inverted:before {  content: "\e02a";}
.fui-plus-inverted:before {  content: "\e031";}
.fui-export:before {  content: "\e014";}
.fui-radio-unchecked:before {  content: "\e02b";}
.fui-radio-checked:before {  content: "\e032";}
.fui-checkbox-unchecked:before {  content: "\e033";}
.fui-checkbox-checked:before {  content: "\e034";}
.fui-flat:before {  content: "\e035";}
.fui-calendar-solid:before {  content: "\e022";}
.fui-star-2:before {  content: "\e036";}
.fui-credit-card:before {  content: "\e037";}
.fui-clip:before {  content: "\e038";}
.fui-link:before { content: "\e039";}
.fui-pause:before {  content: "\e03b";}
.fui-play:before {  content: "\e03c";}
.fui-tag:before {  content: "\e03d";}
.fui-document:before {  content: "\e03e";}
.fui-image:before {  content: "\e03a";}
.fui-facebook:before {  content: "\e03f";}
.fui-youtube:before {  content: "\e040";}
.fui-vimeo:before {  content: "\e041";}
.fui-twitter:before {  content: "\e042";}
.fui-stumbleupon:before {  content: "\e043";}
.fui-spotify:before {  content: "\e044";}
.fui-skype:before {  content: "\e045";}
.fui-pinterest:before {  content: "\e046";}
.fui-path:before {  content: "\e047";}
.fui-myspace:before {  content: "\e048";}
.fui-linkedin:before {  content: "\e049";}
.fui-googleplus:before {  content: "\e04a";}
.fui-dribbble:before {  content: "\e04c";}
.fui-blogger:before {  content: "\e04d";}
.fui-behance:before {  content: "\e04e";}
.fui-list-thumbnailed:before {  content: "\e04b";}
.fui-list-small-thumbnails:before {  content: "\e04f";}
.fui-list-numbered:before {  content: "\e050";}
.fui-list-large-thumbnails:before {  content: "\e051";}
.fui-list-columned:before {  content: "\e052";}
.fui-list-bulleted:before {  content: "\e053";}
.fui-viber:before {  content: "\e053";}

/* --- ГЛОБАЛЬНЫЙ ФОН СТРАНИЦЫ (Mesh Gradient) --- */
/* --- ГЛОБАЛЬНЫЙ ФОН СТРАНИЦЫ (Mesh Gradient - ЯРКИЙ) --- */
body {
	font: 16px/1.55 Roboto, Arial, Helvetica, sans-serif;
	color: #2c3e50;
	margin: 0;
	padding: 0;
	
	/* Основной цвет фона (чуть светлее, чтобы пятна сияли) */
	background-color: #f7f9fa;
	
	/* Магия градиентов: УВЕЛИЧИЛИ ЯРКОСТЬ */
	background-image: 
		/* Пятно 1: Бирюзовое (сверху слева) - было 0.15, стало 0.35 */
		radial-gradient(at 0% 0%, rgba(26, 188, 156, 0.65) 0px, transparent 55%),
		
		/* Пятно 2: Синее (справа) - было 0.15, стало 0.30 */
		radial-gradient(at 100% 40%, rgba(52, 152, 219, 0.50) 0px, transparent 50%),
		
		/* Пятно 3: Бирюзовое (снизу) - было 0.10, стало 0.25 */
		radial-gradient(at 20% 100%, rgba(26, 188, 156, 0.45) 0px, transparent 50%);
		
	/* Фиксируем фон */
	background-attachment: fixed;
	background-size: 100% 100%;
	min-height: 100vh;
}

a {
	color: #1abc9c;
	text-decoration: underline;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	-webkit-backface-visibility: hidden;
}
a:hover {
	color: #3499db;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	text-decoration: none;
}
p {margin: 0 0 10px;}
mark {
	background: none;
	color: #16a085;
	padding: 0;
}
input[type="reset"],
input[type="submit"],
input[type="button"],
.btn {
	display: inline-block;
	border: none;
	cursor: pointer;
	font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	background: #bdc3c7;
	text-decoration: none;
	text-shadow: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	-webkit-backface-visibility: hidden;
}
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
.btn:hover,
.btn:focus,
.btn-group:focus .btn.dropdown-toggle {
	outline: none;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	-webkit-backface-visibility: hidden;
}
.btn:active,
.btn-group.open .btn.dropdown-toggle,
.btn.active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn.disabled,
.btn[disabled] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.form-control {
	border: 2px solid #bdc3c7;
	color: #34495e;
	height: auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	padding: 8px 5px;
	text-indent: 6px;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border .25s linear, color .25s linear;
	-moz-transition: border .25s linear, color .25s linear;
	-o-transition: border .25s linear, color .25s linear;
	transition: border .25s linear, color .25s linear;
	-webkit-backface-visibility: hidden;
}
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
.form-control:-moz-placeholder {
	color: #b2bcc5;
}
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
	color: #b2bcc5;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus {
	border-color: #1abc9c;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
textarea.huge,
input[type="text"].huge,
input[type="password"].huge,
input[type="datetime"].huge,
input[type="datetime-local"].huge,
input[type="date"].huge,
input[type="month"].huge,
input[type="time"].huge,
input[type="week"].huge,
input[type="number"].huge,
input[type="email"].huge,
input[type="url"].huge,
input[type="search"].huge,
input[type="tel"].huge,
input[type="color"].huge,
.form-control.huge {
	font-size: 21.994px;
	/* 22px */
	line-height: 28px;
	height: 29px;
	padding: 10px 5px;
	text-indent: 9px;
}
.form-control.error textarea,
.form-control.error input[type="text"],
.form-control.error input[type="password"],
.form-control.error input[type="datetime"],
.form-control.error input[type="datetime-local"],
.form-control.error input[type="date"],
.form-control.error input[type="month"],
.form-control.error input[type="time"],
.form-control.error input[type="week"], 
.form-control.error input[type="number"],
.form-control.error input[type="email"],
.form-control.error input[type="url"],
.form-control.error input[type="search"],
.form-control.error input[type="tel"],
.form-control.error input[type="color"],
.form-control.error .uneditable-input {
    border-color: #e74c3c;
    box-shadow: none;
    color: #e74c3c;
}
input[disabled],
input[readonly],
textarea[disabled],
textarea[readonly] {
	background-color: #f4f6f6;
	border-color: #d5dbdb;
	color: #d5dbdb;
	cursor: default;
}
.navbar-toggle {display: none;}
.holder {overflow: hidden;}
.header {margin-bottom: 23px;
	position: relative;  /* Обязательно, чтобы сработал z-index */
	z-index: 100;        /* Ставим число больше, чем у Hero (там 1) */
}
.header .container {
	/* Убираем старый серый фон и картинку */
	background: rgba(255, 255, 255, 0.8); /* Полупрозрачный белый */
	backdrop-filter: blur(10px);          /* Размытие */
	border-radius: 0 0 15px 15px;         /* Скругляем только низ */
	margin: 0 auto;
	padding-bottom: 19px;
	padding-top: 25px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.03); /* Легкая тень */
}
.header:after {
	content:"";
	display: block;
	clear: both;
}
.header .col {
    float: right;
    line-height: 1.3;
    margin: 3px 0 0;
}
.header .col > a {
    color: #34495e;
    margin: 0 12px 0 0;
}
.header a:hover {
	text-decoration: none;
	color: #1abc9c;
}
.header .row-contact {
    float: right;
    padding: 0 0 0 13px;
}

.header .row-contact a {
    text-decoration: none;
}

.header .row-contact .phone {
    color: #1abc9c;
    font: 16px "Roboto Condensed",Arial,Helvetica,sans-serif;
}
.header-fix {
    background: #ecf0f1 none repeat scroll 0 0;
    left: 0;
    /*padding-top: 20px;*/
    position: fixed;
    right: 0;
    top: 0;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
    z-index: 99;
}
.wrapper {
    overflow: hidden;
    padding-top: 20px;
}
.wrapper-fix {
    padding-top: 122px;
}
.btn-info {
	background-color: #3498db;
	border: none;
	border-bottom: 2px solid #1682ca;
}
.btn-info:hover {background: #1682ca;}
input[type="submit"],
input[type="button"],
.btn-success {
	background-color: #1abc9c;
	border: none;
	color: #fff;
	border-bottom: 2px solid #16a085;
}
input[type="submit"]:hover,
input[type="button"]:hover,
.btn-success:hover {background: #08a888;}
.logo {
    background: transparent url("../images/logo.png") no-repeat;
    float: left;
    height: 31px;
    margin: -6px 54px 7px 0;
    overflow: hidden;
    text-indent: -999px;
    width: 144px;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}
.logo a {
	display: block;
	height: 100%;
}
.collapse .btn-navbar {
	background: none;
	border: none;
	color: #34495e;
	margin: 21px 15px 17px;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.collapse .btn-navbar:hover,
.collapse .btn-navbar:focus {
	background: none;
	color: #1abc9c;
}
.collapse .btn-navbar:before {
	font-size: 21.994px;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}
.collapse .btn-navbar .icon-bar {display: none;}
.header .navbar {
    border: medium none;
    float: left;
    margin: 0;
    min-height: 25px;
    padding: 0;
}
.navbar .nav {
    font-size: 16px;
    margin: -25px 0 -33px;
    text-transform: uppercase;
}
.navbar .nav > li {
    margin: 0 13px 0 0;
    position: relative;
}
.navbar .nav > li:hover > ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
	z-index: 100;
	-webkit-transform: scale(1, 1);
	display: block\9;
}
.navbar .nav > li.active > a,
.navbar .nav > li.active > a:hover,
.navbar .nav > li.active > a:focus {
	background: none;
	color: #1abc9c;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.navbar .nav > li > a,
.navbar .nav > li > span {
	color: #34495e;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	line-height: 20px;
	display: block;
	padding: 28px 20px;
	text-shadow: none;
	-webkit-transition: background-color .25s, color .25s, border-bottom-color .25s;
	-moz-transition: background-color .25s, color .25s, border-bottom-color .25s;
	-o-transition: background-color .25s, color .25s, border-bottom-color .25s;
	transition: background-color .25s, color .25s, border-bottom-color .25s;
	-webkit-backface-visibility: hidden;
}
.navbar .nav > li > .root-item-selected,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > span:hover,
.navbar .nav > li > span:focus,
.navbar .nav > li:hover > a,
.navbar .nav > li:focus > a,
.navbar .nav > li:hover > span,
.navbar .nav > li:focus > span {
	color: #1abc9c;
	background: none;
}
.navbar > .nav > li > span:after,
.navbar > .nav > li > .has-drop-down-a:after {
	width: 0;
	height: 0;
	position: absolute;
	content: "";
	top: 50%;
	right: 3px;
	width: 0;
	height: 0;
	margin: -2px 0 0 0;
	vertical-align: middle;
	border-top: 5px dashed;
	border-top: 5px solid \9;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.navbar > .nav > li li.has-drop-down > a::after {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -5px;
    margin-top: 5px;
    width: 0;
}
.navbar .nav > li > ul {
	padding-top: 13px;
	top: 80%;
}
.navbar .nav > li > ul:before {
	content: "";
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #34495e transparent;
	height: 0;
	position: absolute;
	left: 15px;
	top: 5px;
	width: 0;
	-webkit-transform: rotate(360deg);
}
.navbar .nav > li > ul li:hover ul {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	visibility: visible;
	display: block\9;
}
.navbar .nav > li > ul li ul {left: 100%;}
.navbar .nav > li > a[class*="fui-"] {
	font-size: 24px;
	font-weight: normal;
}
.navbar .nav > li > a > [class*="fui-"] {
	font-size: 24px;
	margin: -4px 0 0;
	position: relative;
	top: 4px;
}
.navbar .nav > li > a > [class*="fui-"] + * {margin-left: 12px;}
.navbar .nav ul {
	border-radius: 4px;
	left: 0;
	list-style-type: none;
	margin-left: 0;
	opacity: 0;
	text-transform: none;
	position: absolute;
	top: 0;
	padding: 0;
	width: 234px;
	-webkit-transform: scale(1, 0.99);
	-webkit-transform-origin: 0 0;
	visibility: hidden;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	-webkit-backface-visibility: hidden;
}
.navbar .nav ul ul {
	left: 95%;
	padding-left: 5px;
}
.navbar .nav ul li {
	background-color: #34495e;
	padding: 0 3px 3px;
	position: relative;
}
.navbar .nav ul li:first-child {
	border-radius: 6px 6px 0 0;
	padding-top: 3px;
}
.navbar .nav ul li:last-child {border-radius: 0 0 6px 6px;}
.navbar .nav ul li.active > a,
.navbar .nav ul li.active > a:hover,
.navbar .nav ul li.active > a:focus {
	background-color: #1abc9c;
	color: #ffffff;
	padding-left: 9px;
	padding-right: 9px;
}
.navbar .nav ul li.active + li > a {
	padding-left: 9px;
	padding-right: 9px;
}
.navbar .nav ul a {
	border-radius: 2px;
	color: #ffffff;
	display: block;
	font-size: 14px;
	padding: 6px 9px;
	text-decoration: none;
}
.navbar .nav ul a:hover,
.navbar .nav ul .item-selected,
.navbar .nav ul .item-selected:hover {background-color: #1abc9c;}
.navbar .nav li.dropdown.open > .dropdown-toggle {
	background: none;
	color: #1abc9c;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret {
	border-bottom-color: #1abc9c !important;
	border-top-color: #1abc9c !important;
}
.navbar .nav li.dropdown.open .dropdown-menu {
	opacity: 1;
	top: 100%;
	visibility: visible;
	z-index: 1000;
	-webkit-transform: none;
}
.navbar .nav li.dropdown > .dropdown-toggle {outline: none;}
.navbar .nav li.dropdown > .dropdown-toggle:hover .caret,
.navbar .nav li.dropdown > .dropdown-toggle:focus .caret {
	border-bottom-color: #1abc9c;
	border-top-color: #1abc9c;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-left-width: 6px;
	border-right-width: 6px;
	border-top-width: 8px;
	border-bottom-color: #4c6a89;
	border-top-color: #4c6a89;
	margin-left: 10px;
	margin-top: 7px;
}
.navbar .nav li.dropdown .dropdown-menu {
	background-color: #34495e;
	opacity: 0;
	padding: 0;
	visibility: hidden;
}
.navbar .nav li.dropdown .dropdown-menu:before {display: none;}
.navbar .nav li.dropdown .dropdown-menu:after {border-bottom-color: #34495e;}
.navbar .nav li.dropdown .dropdown-menu > li > a {
	border-radius: 3px;
	color: #ffffff;
	padding: 6px 8px 8px;
}
.navbar .nav li.dropdown .dropdown-menu .divider {
	background-color: #2c3e50;
	border-bottom: none;
	margin: 2px 0 5px;
	padding: 0;
	height: 2px;
}
.promo-text {
    line-height: 1.4;
    margin-bottom: 15px;
}
.promo-text:after {
	clear: both;
	content: "";
	display: block;
}
.carousel-big {margin: 0 0 31px;}
.carousel-big .row-text {
    background: rgba(18, 29, 41, 0.7) none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    bottom: 0;
    color: #fff;
    font: 24px/0.9 "Roboto Condensed",Arial,Helvetica,sans-serif;
    left: 0;
    padding-bottom: 17px;
    padding-top: 21px;
    position: absolute;
    right: 0;
    z-index: 2;
}
.carousel-big .row-text strong {display: block;}
.carousel-big .row-text a {
	color: #fff;
	font-size: 15px;
}
.carousel-big .row-text span {
	padding-top: 10px;
	font-size: 15px;
	display: block;
	}
.carousel-indicators {
    bottom: auto;
    left: auto;
    line-height: 10px;
    margin: 0;
    right: 14px;
    top: 14px;
    width: auto;
}
.carousel-indicators li {
    background-color: #237d76;
    border: medium none !important;
    height: 8px;
    margin: 0;
    width: 8px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	border-radius: 5px;
	line-height: 1;
	
}
.carousel-indicators li.active {
	background: #fff;
	height: 8px;
	width: 8px;
	border: none;
}
.carousel-control {
	background: #222222 none repeat scroll 0 0;
	border: 3px solid #ffffff;
	border-radius: 23px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 100;
	height: 40px;
	left: 15px;
	line-height: 30px;
	margin-top: -20px;
	opacity: 0.5;
	position: absolute;
	text-align: center;
	top: 50%;
	line-height: 33px;
	width: 40px;
	text-decoration: none;
}
.carousel-control.right {
	left: auto;
	right: 15px;
}
.promo {
    line-height: 1.5;
    margin: 0 0 26px;
    overflow: hidden;
}
.promo .col-text {
	width: 100%;
	float: left;
}
.promo .col-text-content {padding: 0 240px 0 0;}

.promo .col-text-content h1 {
	    font: 24px "Roboto Condensed",Arial,Helvetica,sans-serif;
	    margin: 0 0 13px;
	    text-transform:uppercase;
}
.promo .col-btn {
    float: left;
    margin: 26px 0 0 -200px;
    width: 200px;
}
.promo .btn {
    float: right;
    font-size: 20px;
    padding: 9px 10px 9px 1px;
    width: 168px;
}
.promo .btn span {
    font-size: 21px;
    margin: 2px 13px 0 0;
    vertical-align: text-top;
}


.box-partners {margin: 0 0 54px;}
.box-partners [class*="col-"] a {float: left;}
.box-partners img {display: block;}
.box-partners .tooltip-inner {
	text-align: left;
	color: #ffffff;
	padding: 13px;
	color: #fff;
	background: #bdc3c7;
	font: 16px "Roboto Condensed", Arial, Helvetica, sans-serif;
}
.tooltip.bottom {
	padding: 12px 0;	
}
.tooltip.bottom .tooltip-arrow {
	margin-top: 4px;
}
.box-partners .tooltip.bottom .tooltip-arrow {
	margin-left: -10px;
	border-width: 0 10px 10px;
	border-bottom-color: #bdc3c7;
}
.general-services.nav {
    background: #ecf0f1  ;
    border-radius: 5px;
    font: 16px/31px "Roboto Condensed",Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 7px 0 13px;
}
.general-services.nav > li > a {
    color: #2c3e50;
    display: block;
	padding: 0 13px;
	text-decoration: none;
}
.general-services.nav > li > a:focus,
.general-services.nav > li > a:hover,
.general-services.nav > li.active > a {
	background: #1abc9c;
	color: #fff;
	text-decoration: none;
}
.label-success {background: #3499db;}
.general-services.nav > li .label-success {
    font: 12px/16px 'Roboto Condensed',Arial,Helvetica,sans-serif;
    padding: 2px 5px;
    vertical-align: middle;
}
.general-services.nav > li a:hover .label-success {
	background: #fff;
	color: #1abc9c;
}
.three-columns {margin: 0 0 39px;}
.three-columns:after {
	clear: both;
	content: "";
	display: block;
}
.three-columns h3 {
	margin: 0;
	font: 16px/1.55 Roboto,Arial,Helvetica,sans-serif;
}
.three-columns .btn-row {
    margin: 0 0 20px;
    overflow: hidden;
}
.three-columns .btn-row a {
    float: left;
    font: 16px/20px "Roboto Condensed",Arial,Helvetica,sans-serif;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}
.three-columns h2,
.box-partners h2 {
    color: #34495e;
    font: 26px "Roboto Condensed",Arial,Helvetica,sans-serif;
    margin: 0 0 17px;
    text-transform: uppercase;
}
.box-partners h2 {margin: 0 0 29px;}
/* start effect */
.jksnewseffectscircle-effect5 {
	float: left;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-items {
	font-size: 0;
	padding: 0;
	list-style: none;
	background: none;
	width: 100%;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item {
	display: inline-block;
	overflow: hidden;
	margin: 0 0 48px;
	width: 250px;
	height: 250px;
	text-align: center;
	background: none;
	padding: 0;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: 50% 50%;
	position: relative;
	display: block;
	box-shadow: 0 0 0 15px rgba(46, 230, 213, 0.65) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content
.jksnewseffectscircle-item-content-info,
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content
.jksnewseffectscircle-item-content-info-wrapper {
	position: absolute;
	width: 220px;
	height: 220px;
	border-radius: 50%;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content
.jksnewseffectscircle-item-content-info-wrapper {
	top: 15px;
	left: 15px;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content
.jksnewseffectscircle-item-content-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-backface-visibility: hidden;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content
.jksnewseffectscircle-item-content-info
.jksnewseffectscircle-item-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content
.jksnewseffectscircle-item-content-info
.jksnewseffectscircle-item-content-info-back {
	opacity: 0;
	display: table;
	background: #dfedec;
	background: -moz-linear-gradient(45deg,  #dfedec 0%, #54cbb4 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#dfedec), color-stop(100%,#54cbb4));
	background: -webkit-linear-gradient(45deg,  #dfedec 0%,#54cbb4 100%);
	background: -o-linear-gradient(45deg,  #dfedec 0%,#54cbb4 100%);
	background: -ms-linear-gradient(45deg,  #dfedec 0%,#54cbb4 100%);
	background: linear-gradient(45deg,  #dfedec 0%,#54cbb4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfedec', endColorstr='#54cbb4',GradientType=1 );
	pointer-events: none;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
}
.jksnewseffectscircle-item-content-info-back > div {
    display: table-cell;
    vertical-align: middle;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content
.jksnewseffectscircle-item-content-info
.jksnewseffectscircle-item-title {
    color: #2c3e50;
    font: 18px "Roboto Condensed",Arial,Helvetica,sans-serif;
    margin: 0;
    overflow: hidden;
    text-transform: uppercase;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content
.jksnewseffectscircle-item-content-info p {
    bottom: 25px;
    color: #ffffff;
    font-size: 13px;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content
.jksnewseffectscircle-item-content-info p
.jksnewseffectscircle-item-more-link {
	display: block;
	color: #ffffff;
	text-decoration: underline;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content
.jksnewseffectscircle-item-content-info p
.jksnewseffectscircle-item-more-link:hover,
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content
.jksnewseffectscircle-item-content-info p
.jksnewseffectscircle-item-more-link:active {
	color: #fff;
	text-decoration: none;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content:hover
.jksnewseffectscircle-item-front,
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content:active
.jksnewseffectscircle-item-front {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content:hover
.jksnewseffectscircle-item-content-info-back,
.jksnewseffectscircle-effect5
.jksnewseffectscircle-item
.jksnewseffectscircle-item-content:active
.jksnewseffectscircle-item-content-info-back {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	pointer-events: auto;
}

.sticker{ 
	margin: 10px;
}
.sticker span:last-child{ 
	margin: 0px;
	padding: 4px;
}
.sticker .discount {
	background: #9d06d7;
}
.sticker span {
font-size: 10px;
color: #fff;
text-align: center;
text-transform: uppercase;
line-height: 22px;
}



/* end effect */
.list {
    font: 16px/32px "Roboto Condensed",Arial,Helvetica,sans-serif;
    list-style: outside none none;
    margin: 0;
    max-width: 238px;
    padding: 0;
}
.list li {
    margin: 0 0 1px;
    overflow: hidden;
}
.list a {
	display: block;
	padding: 0 13px;
	border-radius: 5px;
}
.list .active a,
.list a:active,
.list a:hover {
	text-decoration: none;
	background: #ecf0f1;
}
.advantage {
/*     background: #f0faf8 none repeat scroll 0 0; */
	background: #e8e8ea url("../images/support.jpg") no-repeat scroll 0 100%;
    border: 1px solid #e2edeb;
    border-radius: 5px;
    font-size: 14px;
	font-weight: 300;
    margin: 0px 0px 20px;
    padding: 30px 33px 5px;
}

.advantage .style-list1 ul li {
line-height: 1.4
}
.advantage .style-list1 li {padding: 0;}
.advantage .style-list1 li:after {content: none;}
.advantage .style-list1 .fui-check-inverted::before {
    color: #1abc9c;
}
.advantage img {
	margin:25px auto 0px;
    width: 90px;
    height: auto;
    display: block;
    float: right;
}


.advantage-index {
/*     background: #f0faf8 none repeat scroll 0 0; */
	background: #e8e8ea url("../images/support.jpg") no-repeat scroll 0 100%;
    border: 1px solid #e2edeb;
    border-radius: 5px;
    font-size: 16px;
	font-weight: 300;
    margin: 0px 0px 30px;
    padding: 20px 20px 15px;
}

.advantage-index h3 {
    color: #34495e;
    font: 18px "roboto condensed",Arial,Helvetica,sans-serif;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.advantage-index li {
margin: 7px;
}

.advantage-telegram {
	background: #e8e8ea url("../images/telegram.jpg") no-repeat scroll 0 100%;
	border: 1px solid #e2edeb;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 300;
	margin: 0px 0px 20px;
	padding: 30px 33px 5px;
}

.advantage-telegram .style-list1 ul li {
	line-height: 1.4;
}
.advantage-telegram .style-list1 li {
	padding: 0;
}
.advantage-telegram .style-list1 li:after {
	content: none;
}
.advantage-telegram .style-list1 .fui-check-inverted::before {
	color: #1abc9c;
}
.advantage-telegram img {
	margin: 25px auto 0px;
	width: 90px;
	height: auto;
	display: block;
	float: right;
}

.carousel-blockquote {
    background: #ecf0f1 none repeat scroll 0 0;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 0 35px;
    overflow: hidden;
    padding: 31px 23px 29px;
    position: relative;
}
.carousel-blockquote .item img {
    float: left;
    margin: 6px 18px 0 0;
    opacity: 0.70;
}
.carousel-blockquote .text {
    border: medium none;
    color: #2c3e50;
    font: 16px "Roboto Condensed", Arial, Helvetica, sans-serif;
    line-height: 1.7;
    overflow: hidden;
    padding: 0 21px 0 0;
}

.carousel-blockquote .headerblock {
	font-size: 18px;
	}
.carousel-blockquote .item-text {
    border-left: 2px solid #ffffff;
    overflow: hidden;
    padding: 0 0 0 22px;
}
.carousel-blockquote .text q {
    display: block;
    margin: 0 0 17px;
}
.carousel-blockquote .text q {quotes: none;}
.carousel-blockquote .text cite {
	display: block;
	font: 16px "Roboto Condensed", Arial, Helvetica, sans-serif;
}
.carousel-blockquote .carousel-control.left {
    background: transparent url("../images/btn-gallery-blockquote.png") no-repeat scroll 0 100%;
    bottom: 22px;
    height: 15px;
    left: auto;
    margin: 0;
    right: 34px;
    top: auto;
    width: 13px;
}
.carousel-blockquote .carousel-control.right {
    background: transparent url("../images/btn-gallery-blockquote.png") no-repeat scroll 100% 100%;
    bottom: 22px;
    height: 15px;
    left: auto;
    margin: 0;
    right: 11px;
    top: auto;
    width: 13px;
}
.gallery-blockquote-holder {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}
.gallery-blockquote-holder li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}
.gallery-blockquote-holder li.active {z-index: 5;}
.gallery-blockquote-page {
    bottom: 15px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
	line-height: 15px;
    right: 20px;
    z-index: 6;
}
.gallery-blockquote-page li {
    float: left;
    margin: 0 0 0 9px;
}
.gallery-blockquote-page a {
    background: #34495e none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 13px;
    overflow: hidden;
    text-indent: -9999px;
    width: 13px;
}
.gallery-blockquote-page .active a,
.gallery-blockquote-page a:hover {
	background: #1abc9c;
}
.gallery-blockquote .btn-prev, .gallery-blockquote .btn-next {
    bottom: 28px;
    font-size: 16px;
    overflow: hidden;
    position: absolute;
    right: 56px;
    top: auto;
    z-index: 9;
}
.gallery-blockquote .btn-prev:hover,
.gallery-blockquote .btn-next:hover {
	text-decoration: none;
}
.gallery-blockquote .btn-next {right: 31px;}
.gallery-blockquote .glyphicon::before {color: #34495e;}
.gallery-blockquote .glyphicon:hover:before {color: #1abc9c;}


/* ==========================================================================
   ФУТЕР (ПОДВАЛ) - ОБНОВЛЕННЫЙ СТЕКЛЯННЫЙ СТИЛЬ
   ========================================================================== */

.footer {
	/* Делаем фон прозрачным, чтобы видеть основной градиент сайта */
	background: transparent !important; 
	color: #57606f;
	font: 15px/1.6 "Roboto", sans-serif;
	padding: 30px 0px 50px; /* Больше воздуха снизу */
}


/* Превращаем контейнер подвала в "остров" */
.footer .container {
	background: rgba(255, 255, 255, 0.65);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 24px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
	
	/* --- ВАЖНЫЕ ИСПРАВЛЕНИЯ РАЗМЕРОВ --- */
	width: 100% !important;        /* Занимает всю ширину родителя */
	max-width: 1170px !important;  /* Жестко ограничиваем ширину как у всего сайта */
	box-sizing: border-box !important; /* Чтобы отступы не увеличивали ширину */
	margin: 0 auto 20px !important; /* Центрируем блок */
	padding: 40px !important;       /* Внутренний отступ */
}

/* Копирайт (мелкий текст) */
.footer .col-copy {
	font: 13px/1.4 "Roboto", sans-serif;
	color: #95a5a6;
	margin-top: 15px;
}

/* Ссылки в подвале */
.footer a {
	color: #57606f;
	text-decoration: none;
	transition: all 0.2s ease;
	border-bottom: 1px solid transparent;
}

.footer a:hover {
	text-decoration: none;
	color: #1abc9c;       /* Ваш фирменный бирюзовый */
	padding-left: 3px;    /* Легкий сдвиг вправо при наведении */
}

/* Заголовки (КОМПАНИЯ, УСЛУГИ) */
.footer h3 {
	font: 700 17px/1.2 "Roboto Condensed", sans-serif;
	
	/* ИЗМЕНИТЕ ЭТУ СТРОКУ: */
	margin: 10px 0 20px;  /* 45px отступ сверху, 0 по бокам, 20px снизу */
	
	text-transform: uppercase;
	color: #2c3e50;
	letter-spacing: 0.5px;
}

/* Списки ссылок */
.footer ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.footer ul li {
	margin-bottom: 10px;  /* Отступы между пунктами меню */
}

/* Логотип */
.footer .logo {
	background: transparent url("../images/logo-footer.png") no-repeat scroll 0 0;
	display: block;
	float: none;
	height: 30px;         /* Чуть увеличил высоту контейнера */
	margin: 0 0 15px;
	width: 120px;         /* Чуть шире */
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	opacity: 0.9;
}

/* --- КОНТАКТЫ В ПОДВАЛЕ (.row-contact) --- */
.row-contact {
	overflow: hidden;
	color: #34495e;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
.footer .row-contact {
	margin: 0 0 20px -7px; /* Компенсация отступа Bootstrap */
}
.row-contact li {
	float: left;
	margin: 0 15px 10px 7px; /* Больше отступов между телефоном и почтой */
	font-weight: 500;
}
.row-contact a {
	color: #2c3e50; /* Темный цвет для телефона */
	font-size: 16px;
}
.header .row-contact a:hover,
.footer .row-contact a:hover {
	color: #1abc9c;
	padding-left: 0; /* Убираем сдвиг для телефона */
}
.row-contact .glyphicon-envelope {
	color: #1abc9c; /* Иконка конверта бирюзовая */
	font-size: 18px;
	top: 3px;
	margin-right: 5px;
}

/* --- ПАРТНЕРЫ (Иконки внизу) --- */
.footer .partners {
	overflow: hidden;
	padding: 20px 0 0;
	border-top: 1px solid rgba(0,0,0,0.05); /* Легкая линия разделитель */
	margin-top: 20px;
}
.footer .partners li {
	float: left;
	margin: 0 20px 10px 0;
	opacity: 0.8;
	transition: opacity 0.2s;
}
.footer .partners li:hover {
	opacity: 1;
}
.partners img {
	display: block;
	max-height: 35px; /* Ограничение по высоте, чтобы было аккуратно */
	width: auto;
}

/* --- ОСТАЛЬНОЕ (из вашего кода) --- */
.content p { margin: 0 0 30px; }
.alert > p, .alert > ul { margin-bottom: 0; }
.row-contact .glyphicon-envelope:hover {text-decoration: none;}
.partners img {display: block;}
.content p {margin: 0 0 30px;}
.alert > p, .alert > ul {
    margin-bottom: 0;
}


.content ul {
    line-height: 1.45;
    list-style: outside none none;
    margin: 10px 0 26px;
    padding: 0;
}
.content ul li {
    margin: 0 0 6px;
    padding: 0 0 0 20px;
    position: relative;
}
.content ul li::after {
    background: #1abc9c none repeat scroll 0 0;
    border-radius: 50%;
    color: #1abc9c;
    content: "";
    float: left;
    font-size: 30px;
    height: 8px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 8px;
}
.content ul.style-plus li {
	padding: 0 0 0 20px;
	
}
.content ul.style-plus li::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    color: #1abc9c;
	content: "-";
    font-size: 25px;
    left: 0;
    position: absolute;
    top: -7px;
}



/* ==================================================================
   БЛОК ОШИБОК / ПРЕДУПРЕЖДЕНИЙ (GLASS STYLE)
   ================================================================== */
.alert-warning {
	/* 1. СТЕКЛЯННЫЙ ФОН С ЛЕГКИМ КРАСНЫМ ОТТЕНКОМ */
	background: rgba(255, 245, 245, 0.9) !important; 
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	
	/* 2. РАМКА */
	border: 1px solid rgba(231, 76, 60, 0.2) !important;
	border-radius: 12px !important;
	
	/* 3. АКЦЕНТ СЛЕВА (Красная линия) */
	border-left: 5px solid #e74c3c !important; 
	
	/* 4. ТЕНЬ И ОТСТУПЫ */
	box-shadow: 0 10px 30px rgba(231, 76, 60, 0.08) !important;
	padding: 20px 25px 20px 60px !important; /* Большой отступ слева под иконку */
	margin-bottom: 25px !important;
	
	/* 5. ТЕКСТ */
	color: #c0392b !important; /* Темно-красный цвет текста */
	font-size: 15px !important;
	line-height: 1.6 !important;
}

/* ИКОНКА (Восклицательный знак) */
.alert-warning > em {
	display: flex !important;
	align-items: center;
	justify-content: center;
	
	/* Позиционируем слева */
	position: absolute !important;
	left: 20px !important;
	top: 22px !important; /* Подгоняем под первую строку текста */
	right: auto !important;
	margin: 0 !important;
	
	/* Стилизуем */
	font-size: 24px !important;
	color: #e74c3c !important; /* Ярко-красный */
	width: auto !important;
	height: auto !important;
}

/* Списки ошибок внутри (если есть) */
.alert-warning ul, 
.alert-warning li {
	list-style: none !important;
	padding: 0 !important;
	margin: 5px 0 0 0 !important;
}

/* Делаем сам текст ошибки чуть жирнее */
.alert-warning font[color="#FF0000"], 
.alert-warning span.errortext {
	color: #e74c3c !important;
	font-weight: 600 !important;
	border-bottom: 1px dotted rgba(231, 76, 60, 0.4);
}

/* ==================================================================
   ХЛЕБНЫЕ КРОШКИ: ВОЗДУШНЫЙ СТИЛЬ (LIGHT INSET)
   ================================================================== */

.content .breadcrumb {
	/* 1. ФОН: Почти прозрачный (еле уловимый оттенок) */
	background: rgba(0, 0, 0, 0.015) !important; 
	
	/* 2. ТЕНЬ: Очень мягкая, просто чтобы обозначить границы */
	box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.03) !important;
	
	/* 3. БЛИК: Оставляем белую черту снизу — она дает объем без грязи */
	border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;
	
	border-radius: 12px !important;
	padding: 12px 20px !important; /* Чуть меньше отступы по бокам */
	margin: 0 0 30px !important;
	
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	height: auto !important;
}

/* СБРОС СТАРЫХ СТИЛЕЙ */
.content .breadcrumb li {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	font-size: 14px !important;
	font-weight: 400 !important; /* Шрифт потоньше для легкости */
	color: #c6cfcf !important;   /* Светло-серый, не черный */
}

/* Убираем старые треугольники */
.content .breadcrumb > li:after,
.content .breadcrumb > li + li:first-child:before {
	display: none !important;
}

/* ==================================================================
   ХЛЕБНЫЕ КРОШКИ: МОБИЛЬНАЯ ВЕРСИЯ (КОМПАКТНОСТЬ)
   ================================================================== */
@media (max-width: 767px) {
	.content .breadcrumb {
		/* 1. Уменьшаем размеры блока */
		padding: 8px 15px !important;   /* Было 12px 20px */
		margin-bottom: 20px !important; /* Чуть меньше отступ снизу */
		margin-top: 5px !important;     /* Небольшой отступ сверху */
		border-radius: 8px !important;  /* Скругление поменьше */
		
		/* 2. Текст делаем мельче */
		font-size: 12px !important;     /* Оптимально для телефона */
		line-height: 1.4 !important;
	}

	/* Ссылки и текст */
	.content .breadcrumb li,
	.content .breadcrumb a {
		font-size: 12px !important;
	}

	/* 3. Уплотняем разделители (слэши) */
	.content .breadcrumb > li + li::before {
		padding: 0 5px !important;      /* Меньше воздуха между словами */
		font-size: 11px !important;     /* Слэш чуть меньше текста */
	}
}

/* РАЗДЕЛИТЕЛЬ (Слэш) - Делаем заметнее */
.content .breadcrumb > li + li::before {
	content: "/" !important;
	color: #aeb6bf !important;   /* Был #e0e0e0 (слишком светлый), стал серо-голубой */
	padding: 0 10px !important;
	border: none !important;
	font-weight: 400 !important; /* Чуть плотнее */
}

/* ССЫЛКИ */
.content .breadcrumb a {
	color: #57606f !important;   /* Мягкий темный цвет для текста */
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.content .breadcrumb a:hover {
	color: #1abc9c !important;   /* Бирюзовый при наведении */
}

/* ТЕКУЩАЯ СТРАНИЦА (Последний пункт) */
.content .breadcrumb li:last-child {
	color: #b0b0b0 !important;   /* Бледный цвет, чтобы не отвлекал */
	cursor: default;
}

.content h1 {
    color: #34495e;
    font: 32px "roboto condensed",Arial,Helvetica,sans-serif;
    margin: 0 0 9px;
    text-transform: uppercase;
}
.content h2 {
    color: #34495e;
    font: 26px "roboto condensed",Arial,Helvetica,sans-serif;
    margin: 0 0 9px;
    text-transform: uppercase;
}
.content h3 {
    color: #34495e;
    font: 20px "roboto condensed",Arial,Helvetica,sans-serif;
    margin: 0 0 12px;
    text-transform: uppercase;
}
.content h2.mark{
    color: white;
    font: 26px "Roboto condensed",Arial,Helvetica,sans-serif;
    /*font-weight: 300;*/
    font-style: normal;
    margin: 0 0 12px;
    text-transform: uppercase;
    /*background: linear-gradient(45deg, #1abc9c, #1682ca); */
    background-image: -webkit-linear-gradient(bottom left, #1abc9c 22%, #1682ca 61%) !important;
    background-image: -moz-linear-gradient(bottom left, #1abc9c 22%, #1682ca 61%) !important;
    border-radius: 3px;
	padding: 5px 7px 5px 7px;
	display: inline-block;
}

.content h4 {
    color: #34495e;
    font: 18px "roboto condensed",Arial,Helvetica,sans-serif;
    margin: 0 0 10px;
    text-transform: uppercase;
}
label {
    margin-bottom: 9px;
    padding: 0 11px;
}
textarea.form-control {
    font-size: 15px;
    height: 154px;
    margin: 0 0 8px;
    padding: 9px 12px;
}
form {padding: 7px 0 25px;}
form .ttl {
    float: right;
    margin: 0 0 8px;
    padding: 0 26px;
}
form .chapcha img {
	float: left;
	border: 1px solid #000201;
}
form .group-span-filestyle .icon-span-filestyle {display: none;}
form .btn.btn-default,
form .btn.btn-default:active {
    background: #1abc9c  ;
    color: #fff;
	border: none;
}
form .btn.btn-default:hover {background: #0f967b;}
form .row-inputfile {padding: 8px 0 6px;}
form .row-inputfile label {
    line-height: 40px;
    margin: 0;
    padding: 0 0 0 27px;
}
form .row-inputfile .btn {padding: 0 40px;}
form .btn-row {padding-top: 16px;}
form textarea.form-control {
    color: #2c3e50;
    height: 152px;
    resize: vertical;
}
.btn-md {padding: 10px 32px;}
.btn {
    font: 16px "Roboto Condensed",Arial,Helvetica,sans-serif;
	border: none;
	text-transform: uppercase;
}
.btn-primary {background: #3498db;}
.portfolio {
    overflow: hidden;
    padding: 17px 0 5px;
    text-align: center;
}
.portfolio .box {
    margin: 0 0 58px;
    text-align: center;
}
.portfolio .box-inner {
    display: inline-block;
    position: relative;
}
.portfolio .box-inner::after {
	box-shadow: inset 0 0 0 16px rgba(46, 230, 213, 0.65), 0 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.portfolio .box img {
    border-radius: 50%;
    display: block;
    height: auto;
    position: relative;
    width: 100%;
    z-index: 1;
}
.portfolio .text {
	border-radius: 50%;
    bottom: 0;
    color: #2c3e50;
    display: table;
    height: 100%;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 8;
	position: absolute;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden;
}
.portfolio .box-inner:hover .text,
.portfolio .box-inner:active .text {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.portfolio .box-inner:before {
	position: absolute;
	left: 15px;
	top: 15px;
	bottom: 15px;
	right: 15px;
	content: "";
	z-index: 5;
	border-radius: 50%;
	background: #dfedec;
	background: -moz-linear-gradient(45deg,  #dfedec 0%, #54cbb4 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#dfedec), color-stop(100%,#54cbb4));
	background: -webkit-linear-gradient(45deg,  #dfedec 0%,#54cbb4 100%);
	background: -o-linear-gradient(45deg,  #dfedec 0%,#54cbb4 100%);
	background: -ms-linear-gradient(45deg,  #dfedec 0%,#54cbb4 100%);
	background: linear-gradient(45deg,  #dfedec 0%,#54cbb4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfedec', endColorstr='#54cbb4',GradientType=1 );
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden;
}
.portfolio .box-inner:hover:before,
.portfolio .box-inner:active:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.portfolio .text div {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
}
.portfolio .text strong {
	display: block;
	text-transform: uppercase;
	font: 18px "Roboto Condensed", Arial, Helvetica, sans-serif;
}
.portfolio .text a {
	text-decoration: underline;
	color: #fff;
}
.portfolio .text a:hover {text-decoration: none;}
.portfolio .text span {
    bottom: 35px;
    left: 10px;
    position: absolute;
    right: 10px;
    text-align: center;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}
.portfolio .box-inner:hover span,
.portfolio .box-inner:active span {
	opacity: 1;
}
.row-btn {
    margin-bottom: 38px;
    padding: 6px 0 0;
    text-align: center;
}
.content {margin-bottom: 20px;}
.target {
    color: #2c3e50;
    font-size: 18px;
    overflow: hidden;
}
.target dt {
    display: inline;
    font-weight: bold;
}
.target dd {display: inline;}
.img-work-box {
    margin: 0 -999px;
    overflow: hidden;
   padding: 140px 0;
}
.img-work-holder {
/*    background: transparent url("../images/bg-img.jpg") no-repeat fixed 0 50% / cover border-box;*/
    box-sizing: content-box;
    float: left;
    margin: 0 -999px;
    padding: 0 999px;
    width: 100%;
}
.img-work {
    margin-bottom: -140px;
    margin-top: -140px;
   overflow: hidden;
    /*width: 1280px;*/
}
.img-work [class*="col-"] img {margin-bottom: 25px;}
.img-work img {
    display: block;
    height: auto;
    width: 100%;
}
.img-work span {
	width: 175px;
    display:inline-block;
    position:absolute;
    top:38px;   
    right:35px;
     
    /* Оформление текста */
    color:#000;
    font: 28px "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: bold;
     
    /* Фон */
    background-color: white;
    border: 2px solid #1abc9c;
    border-radius: 4px;
    padding:10px 20px;
    text-align: center;
}
.img-work span dd {
	display: inline;
	font-weight: 100px;
	font-size: 12px;
}

.img-work span dt {
	font-weight: 100px;
	font-size: 13px;
	color: #bdc3c7;
	text-decoration:line-through;
}

.img-work-add .img-work {overflow: visible;}
.img-work-add .img-work > .row {
    margin-left: -50px;
    margin-right: -50px;
}
.img-work-box.img-work-add {padding-bottom: 0px;}
.img-work-box.img-work-add .img-work {margin-bottom: 0}

.tab {
    margin: 0 -20px 18px;
    overflow: hidden;
    padding: 0 20px;
}
ul.nav-tabs {
    font: 15px "Roboto Condensed",Arial,Helvetica,sans-serif;
    margin-bottom: 18px;
    margin-left: -20px;
    margin-right: -20px;
}
ul.nav-tabs > li,
.content ul.nav-tabs > li {
    margin-bottom: -1px;
    padding: 0;
}
ul.nav-tabs > li::after {display: none;}
ul.nav-tabs > li > a {
    float: left;
    padding: 7px 29px;
}
.nav-tabs a {outline: medium none;
	text-decoration: none;
}
.content .tab p {margin: 0 0 12px;}
.content ol {
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 0 0 54px;
}
.content ol li {margin: 10px 0 12px;}
.table-holder {
	margin: 15px -15px 23px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #ecf0f1 !important;
    padding: 8px 15px;
}
.table {
    border-bottom: 2px solid #ecf0f1 !important;
    line-height: 1.4;
    margin: 0;
}
.table th {
    font-weight: 600;
    padding: 15px 15px 15px !important;
}
.table td {
    border-top: 3px solid #ecf0f1 !important;
    padding: 20px 15px !important;
    vertical-align: top;
}
.table tbody tr:nth-child(2n) td {background: #f9fafb;}
.table tbody tr:hover > td,
.table tbody tr:hover > th {
    background-color: #f9fafb;
}
.table span{
    font-weight: 600;
    color: #1abc9c;
 }
 
.table .buttonText {
	color: white;
}
.alert {
    /*margin-left: -15px;
    margin-right: -15px;*/
    position: relative;
}
.modal .alert mark {
	color: #ff0000;
	padding: 0 3px 0 0;
}
/* ==================================================================
   БЛОК УВЕДОМЛЕНИЯ (GLASS STYLE)
   ================================================================== */
.alert-info {
	/* 1. СТЕКЛЯННЫЙ ФОН */
	background: rgba(255, 255, 255, 0.2) !important; /* Полупрозрачный белый */
	backdrop-filter: blur(12px);                     /* Размытие фона под блоком */
	-webkit-backdrop-filter: blur(12px);
	
	/* 2. РАМКА И ФОРМА */
	border: 1px solid rgba(255, 255, 255, 0.8) !important; /* Тонкая белая обводка */
	border-radius: 12px !important;                        /* Скругленные углы */
	
	/* 3. АКЦЕНТ СЛЕВА (Бирюзовая полоса) */
	border-left: 5px solid #1abc9c !important; 
	
	/* 4. ТЕНЬ И ОТСТУПЫ */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important; /* Мягкая тень */
	padding: 25px 30px !important;
	margin-bottom: 25px !important;
	
	/* 5. ТЕКСТ */
	color: #57606f !important;       /* Спокойный серый цвет */
	font-size: 15px !important;
	line-height: 1.6 !important;
	font-weight: 400 !important;
}

/* СТИЛИЗАЦИЯ ССЫЛКИ (<mark>) */
.alert-info mark {
	background: transparent !important;
	color: #1abc9c !important;        /* Фирменный бирюзовый */
	font-weight: 700 !important;
	padding: 0 !important;
	
	/* Красивое подчеркивание */
	border-bottom: 1px dashed rgba(26, 188, 156, 0.5);
	text-decoration: none !important;
	cursor: pointer;
	transition: all 0.2s ease;
}

.alert-info mark:hover {
	color: #16a085 !important;        /* Чуть темнее при наведении */
	border-bottom-style: solid;       /* Сплошная линия */
}

/* Скрываем старую иконку, если она там была (em), так как полосы слева достаточно */
.alert-info > em {
	display: none !important;
}
.alert > em {
    margin: -10px 0 0;
    position: absolute;
    right: 20px;
    top: 45%;
    z-index: 2;
	content: "\e086";
	color: #1682ca;
	font-size: 21px;
}
.row-nav-content:after {
	clear: both;
	content: "";
	display: block;
}
.label-holder {
    float: left;
    margin-bottom: 5px;
}
.label-holder .label {
    background: #ecf0f1;
    color: #8d989f;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 7px;
}
.link {
    float: right;
    /*font: 20px "roboto condensed",Arial,Helvetica,sans-serif;*/
    margin: -10px 0 -1px;
    padding: 5px 7px 5px 5px;
	/*border: 2px solid;*/
	border-color: #1abc9c;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #9d06d7;
	color: white;
	text-decoration: none;
	
}
.link span {
	padding: 0 3px 0 0;
	color: white;
}
a.link:hover,
a.link:hover span {
	color: white;
	 background-color: #6e0f93;
}
.return {float: left;}
.return:after {
	content: "←";
	float: left;
	margin: 0 3px 0 0;
}
.box-share {float: right;}
.steps-holder {
    margin: 0 0 33px;
    overflow: hidden;
    padding: 29px 0 0;
}
.add-steps-holder {
    margin: 0;
    padding: 0;
}
.steps-holder .box {
	overflow: hidden;
	margin-bottom: 14px;
}
.steps-holder .step {
	overflow: hidden;
	display: block;
	color: #bfc5ca;
	font: 13px "Roboto Condensed", Arial, Helvetica, sans-serif;
}
.steps-holder .target {
	color: #2c3e50;
	font: 15px "Roboto Condensed", Arial, Helvetica, sans-serif;
}
.steps-holder img {
	display: block;
	margin: 0 0 11px;
}
.tooltip-inner {
	padding: 12px 26px;
	background: #34495e;
}
.tooltip.bottom .tooltip-arrow {
	margin-left: -10px;
	border-width: 0 10px 10px;
	border-bottom-color: #34495e;
}
.modal-header {
    margin: 0 0 16px;
    padding: 15px 20px;
}
.modal-title {
	color: #34495e;
	text-transform: uppercase;
	font: 26px "Roboto Condensed", Arial, Helvetica, sans-serif;
}
.modal form {padding: 7px 23px 0;}
.modal [class*="col-"] {
	padding-left: 23px;
    padding-right: 23px;
}
.modal .form-group {margin-bottom: 27px;}
.modal .row-checkbox {margin-bottom: 11px;}
.modal .row-checkbox [class*="col-"] {
    display: table;
    padding-left: 5px;
    padding-right: 5px;
}
.modal .row {
    margin-left: -23px;
    margin-right: -23px;
}
.modal form label {padding: 0 0 0 9px;}
.modal form label mark {
	color: #ff0000;
	padding: 0 2px;
}
.modal .row-checkbox {
    font-size: 14px;
    padding: 0 17px;
}
.modal form .row-inputfile {
    padding: 0;
    position: relative;
    top: -3px;
}
.modal form textarea.form-control {height: 145px;}
.modal-content {
    background-color: #f9fafb;
    border-radius: 8px;
	border: 2px solid #ecf0f1;
}
.modal-footer {
    background: #ecf0f1  ;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #ecf0f1;
    padding: 15px 21px;
}
.modal button.close {
    font-size: 29px;
    line-height: 35px;
}
.modal .tab {
	margin: 0;
	padding: 0;
}
.modal ul.nav-tabs {
    letter-spacing: -1px;
    margin: 0;
}
.modal .nav-tabs {
	border: none;
	text-transform: uppercase;
	font: 26px "Roboto Condensed", Arial, Helvetica, sans-serif;
}
.modal .nav-tabs li:first-child:before {display: none;}
.modal .nav-tabs li::before {
    content: "/";
    display: block;
    float: left;
    padding: 0 4px;
}
.modal .nav-tabs > li > a,
.modal .nav-tabs > li.active > a,
.modal .nav-tabs > li > a:hover {
	background: rgba(0, 0, 0, 0)  ;
	border: medium none;
	padding: 0;
	color: #34495e;
	line-height: 32px;
}
.modal .nav-tabs > li > a,
.modal .nav-tabs > li > a:hover {
    border-bottom: 1px dashed #16a092;
    color: #16a092;
}
.modal .nav-tabs > li a:hover,
.modal .nav-tabs .active a:hover {
	color: #34495e;
	padding-bottom: 1px;
	border: none;
}
.modal .add-row {
    font-size: 14px;
    margin-bottom: 8px;
    position: relative;
    top: -9px;
}
.modal .add-row label {
    display: table;
    line-height: 14px !important;
    margin: 0 -25px 0 0;
    max-width: 110%;
}
.modal .add-row label span {
	display: table-cell;
	height: 26px;
	vertical-align: middle;
}
.modal .add-row .forgot-your-password span {
    color: #34495e;
    float: left;
    font-size: 21px;
    margin: 2px 4px 0 0;
}
.tab-authorization .modal-footer {padding: 22px 21px;}
.tab-authorization .modal-footer .btn {padding: 9px 54px;}
.modal .tab-content form {
	padding-bottom: 7px;
	padding-top: 3px;
}
.modal .tab-content .tab-register form {padding-bottom: 12px;}
.modal .alert {
    line-height: 1.2;
    margin: 0 0 14px;
    padding: 23px 40px 23px 10px;
}
.modal .alert > em {right: 19px;}
.social-list {
    float: left;
    list-style: outside none none;
    margin: 11px 0 0;
    padding: 0;
}
.social-list li {
	float: left;
	margin: 0 6px 0 0;
}
.social-list a {
    background: transparent url("../images/icon-social-list.png") no-repeat scroll 0 0;
    display: block;
    height: 24px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 24px;
}
.social-list .livejournal {background-position: -30px 0;}
.social-list .ya {background-position: -60px 0;}
.social-list .mailru {background-position: -91px 0;}
.modal .tab-register .form-group {margin-bottom: 15px;}
.modal .tab-register .row-capcha {
	margin-bottom: 32px;
	padding-top: 10px;
}
.modal .tab-register .row-capcha label {padding-left: 0;}
.checkbox-custom input[type="checkbox"] + label {
    overflow: hidden;
    -webkit-transition: color linear 0.2;
	 -moz-transition: color linear 0.2s;
	   -o-transition: color linear 0.2s;
		  transition: color linear 0.2s;
	position: relative;
	z-index: 1;
	line-height: 16px;
	padding-left: 26px;
	font-weight: normal;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	height: 35px;
}
.row-checkbox .checkbox-custom input[type="checkbox"] + label::after {
    margin: -10px 0 0;
    top: 50%;
}
.checkbox-custom input[type="checkbox"] {
    height: 16px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 2px;
    width: 16px;
}
.checkbox-custom input[type="checkbox"] + label::after {
    background: #d7dcde  ;
    border-radius: 4px;
    content: " ";
    display: none;
    height: 20px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 20px;
    z-index: 1;	
}
.checkbox-custom input[type="checkbox"]:checked + label:before {
	content: "\e013";
	font-family: "Glyphicons Halflings";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	left: 4px;
	position: absolute;
	top: 1px;
	line-height: 24px;
	z-index: 2;
}
.row-checkbox .checkbox-custom label:hover:before,
.row-checkbox .checkbox-custom input[type="checkbox"]:checked + label::before {
    margin: -12px 0 0;
    top: 50%;
}
html:root .checkbox-custom input[type="checkbox"] + label:after { display: block;}
html:root .checkbox-custom input[type="checkbox"] {left: -999px;}
html:root .box-holder .checkbox-custom input[type="checkbox"] + label:after { display: block;}
html:root .box-holder .checkbox-custom input[type="checkbox"] {left: 0;}
.checkbox-custom input[type="checkbox"] {
	width: 100%;
	height: 100%;
}
.checkbox-custom label:hover:before {
	content: "\e013";
	font-family: "Glyphicons Halflings";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	left: 4px;
	position: absolute;
	top: 1px;
	line-height: 24px;
	z-index: 2;
}
.checkbox-custom input[type="checkbox"]:checked + label:after {background: #16a085;}
.checkbox-custom input[type="checkbox"]:checked + label:before {color: #fff;}
.content table.support-ticket-edit-form td.field-name {
    text-align: right;
    vertical-align: middle;
}
/*
table.bx-interface-filter {
	margin: 0 !important;
}
table.bx-interface-filter table {
	margin: 0;
}
table.bx-interface-filter table.bx-filter-rows td {
    border: 0 none;
    padding: 5px;
    vertical-align: middle;
}
table.bx-interface-filter tr:hover td {
	background: none
}
table.bx-interface-filter tr.bx-filter-header td {
	padding: 0;
}
table.bx-interface-filter tr.bx-filter-header:hover td {
	background-color: #a1a1a1;
	background-image: url("/bitrix/components/bitrix/main.interface.grid/templates/.default/images/filter/bg.png");
	background-position: left 1px;
	background-repeat: repeat-x;
}
table.bx-interface-grid tbody  tr.bx-grid-head td,
table.bx-interface-grid tbody  tr:nth-child(2n) td {
	background-image: url("/bitrix/components/bitrix/main.interface.grid/templates/.default/images/listhead.png");
    background-position: center top;
    background-repeat: repeat-x;
}
.content table.bx-interface-grid,
.content table.bx-interface-grid table {
	margin: 0;
}
table.bx-interface-grid td {
    border-top: medium none;
    padding: 5px;
    vertical-align: middle;
}
tr.bx-grid-footer table.bx-grid-footer {
    border-bottom: 0 none;
    margin: 0;
    width: 100%;
}
table.bx-interface-grid tr.bx-grid-footer td {
	padding: 4px 0;
}
table.support-ticket-hint {
    border: medium none;
    margin: 0;
}

table.support-ticket-hint table {
	margin: 0;
}
table.support-ticket-hint tbody tr:hover td {
	background: none
}
table.support-ticket-hint tbody tr:nth-child(2n) td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
table.bx-interface-grid table.bx-grid-sorting {
    border: medium none;
    color: black;
    width: 100%;
}*/
table.support-ticket-hint td {
    border: medium none;
    padding: 2px 3px;
    vertical-align: middle;
}
@media screen and (min-width:769px) {
	.navbar > .nav > li li.has-drop-down > a::after {
		border-color: transparent transparent transparent #fff;
	}
}
@media screen and (max-width: 991px) {
	.box-partners {margin: 0 0 30px;}
	.box-partners .col-md-4 {margin: 0 0 20px;}
	.logo {
		-moz-background-size: contain;
		-webkit-background-size: contain;
		background-size: contain;
    	margin: 0 10px 0 0;
	}
	.navbar-collapse {padding: 0;}
	.header {margin: 0 0 20px;}
	.header .row-contact {
	    float: right;
	    padding: 0;
	}
	.header .container {padding-bottom: 6px;}
	.header .nav {margin: 0;}
	.navbar .nav > li > a,
	.navbar .nav > li > span {padding: 8px 20px;}
	form .col-xs-8 {width: 100%;}
	.steps-holder {padding: 0;}
	.steps-holder .step,
	.steps-holder .col-xs-8 {
		width: 100%;
		float: none;
		overflow: hidden;
		margin: 0 0 5px;
	}
	.steps-holder img {
		display: block;
		width: 100%;
		height: auto;
	}
	.portfolio .text strong {font: 18px "Roboto Condensed",Arial,Helvetica,sans-serif;}
	.portfolio .text span {bottom: 30px;}
	.img-work-box {padding: 80px 0;}
	.img-work {
	    margin-bottom: -80px;
	    margin-top: -80px;
	}
	.jksnewseffectscircle-effect5 .jksnewseffectscircle-item {
	    height: 210px;
	    margin: 0 0 40px;
	    width: 210px;
	}
	.jksnewseffectscircle-effect5
	.jksnewseffectscircle-item
	.jksnewseffectscircle-item-content
	.jksnewseffectscircle-item-content-info,
	.jksnewseffectscircle-effect5
	.jksnewseffectscircle-item
	.jksnewseffectscircle-item-content
	.jksnewseffectscircle-item-content-info-wrapper {
		height: 180px;
		width: 180px;
	}
	.jksnewseffectscircle-effect5
	.jksnewseffectscircle-item
	.jksnewseffectscircle-item-content
	.jksnewseffectscircle-item-content-info
	.jksnewseffectscircle-item-title {
		font: 16px "Roboto Condensed", Arial, Helvetica, sans-serif;
	}
	.three-columns .col-md-4 {margin-bottom: 10px;}
	.jksnewseffectscircle-effect5
	.jksnewseffectscircle-item
	.jksnewseffectscircle-item-content
	.jksnewseffectscircle-item-content-info 
	.jksnewseffectscircle-item-content-info-back {
	    opacity: 1;
	    transform: scale(1);
	}
	.footer ul {margin: 0 0 25px;}
	.footer h3 {margin: 0 0 7px;}
	
	.info-card {
		margin-bottom: 40px !important; /* Увеличили разрыв (было 0 или 10px) */
	}
	
	/* (Опционально) Убираем отступ у самой последней карточки в сетке, 
	   чтобы не было лишней пустоты перед подвалом */
	.original-grid > div:last-child .info-card {
		margin-bottom: 0 !important;
	}
}
@media screen and (max-width: 940px) {
	.row-header {margin: 0 0 5px;}
	.row-header:after {
		clear: both;
		content: "";
		display: block;
	}
	.nav > li > a,
	.nav > li > span {padding: 10px 9px 0;}
	.header .nav {padding: 0;}
	.header .navbar {float: none;}
}
@media screen and (max-width: 767px) {
	.wrapper {
	    padding-top: 98px;
	}
	.header {margin: 0 0 15px;}
	.header .container {padding: 13px 23px;}
	.header-fix {padding: 0;}
	.header {
	    background: #ecf0f1 none repeat scroll 0 0;
	    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
	    left: 0;
	    padding-top: 0;
	    position: fixed;
	    right: 0;
	    top: 0;
	    z-index: 99;
	}
	.header .container {padding: 13px 23px 0;}
	.logo {margin: 11px 10px 0 0;}
	.navbar-toggle {display: block;}
	.header .row-header:after {
		clear: both;
		content: "";
		display: block;
	}
	.header .nav {float: none;}
	.navbar-nav {margin: 0;}
	.header .col {
	    clear: both;
	    float: none;
	    font-size: 16px;
	    margin: 0;
	    overflow: hidden;
	    padding: 8px 0 0;
	}
	.collapse .nav {
	    margin: 0;
	    overflow: hidden;
	}
	.navbar > .nav > li > span::after, .navbar > .nav > li > .has-drop-down-a::after {
	    margin: 0;
	    top: 16px;
	}
	.navbar > .nav > li li.has-drop-down > a::after {
	    margin-right: 0;
	    margin-top: 9px;
	}
	.navbar .nav > li:hover > ul,
	.navbar .nav > li.dropdown:hover > ul,
	.navbar .nav > li:hover .dropdown-menu,
	.navbar .nav > li.dropdown:hover .dropdown-menu {
		height: auto;
		margin-left: 30px;
	}
	.navbar .nav > li:hover > ul li:hover a,
	.navbar .nav > li.dropdown:hover > ul li:hover a,
	.navbar .nav > li:hover .dropdown-menu li:hover a,
	.navbar .nav > li.dropdown:hover .dropdown-menu li:hover a {
		/*background-color: transparent;*/
		/*color: #1abc9c;*/
	}
	.navbar .nav > li:hover > ul li:hover ul,
	.navbar .nav > li.dropdown:hover > ul li:hover ul,
	.navbar .nav > li:hover .dropdown-menu li:hover ul,
	.navbar .nav > li.dropdown:hover .dropdown-menu li:hover ul {
		height: auto;
		margin-left: 20px;
	}
	.navbar .nav > li > a,
	.navbar .nav > li.dropdown > a,
	.navbar .nav > li > a:hover,
	.navbar .nav > li.dropdown > a:hover,
	.navbar .nav > li > span,
	.navbar .nav > li.dropdown > span,
	.navbar .nav > li > span:hover,
	.navbar .nav > li.dropdown > span:hover {
		background: none;
		padding: 7px 20px;
	}
	.navbar .nav > li ul,
	.navbar .nav > li.dropdown ul {
		background: none;
		height: 0;
		padding: 0;
		position: static;
		width: auto;
	}
	.navbar .nav > li ul:before,
	.navbar .nav > li.dropdown ul:before,
	.navbar .nav > li ul:after,
	.navbar .nav > li.dropdown ul:after {
		display: none;
	}
	.navbar .nav > li ul li,
	.navbar .nav > li.dropdown ul li {
		background: none;
	}
	.navbar .nav > li ul li a,
	.navbar .nav > li.dropdown ul li a {
		color: #34495e;
	}
	.navbar .nav > li ul li a:hover,
	.navbar .nav > li.dropdown ul li a:hover,
	.navbar .nav > li ul li a:focus,
	.navbar .nav > li.dropdown ul li a:focus {
		/*color: #1abc9c;*/
	}
	.navbar .nav li.dropdown .dropdown-menu {
		background: none;
		margin-top: 0;
	}
	.navbar .nav li.dropdown .dropdown-menu li a {color: #34495e;}
	.navbar .nav li.dropdown .dropdown-menu li a:hover,
	.navbar .nav li.dropdown .dropdown-menu li a:focus {
		color: #1abc9c;
	}
	.navbar .nav .dropdown-toggle:focus {background-color: transparent !important;}
	.navbar .nav li a .hidden-desktop {display: inline!important;}
	.navbar-toggle {
	    font-size: 22px;
	    line-height: 26px;
	    margin: -1px -11px 1px 0;
	}
	.navbar > .nav > li li.has-drop-down > a::after {
		border-top: 5px dashed;
		border-top: 5px solid \9;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
	}
	ul.nav-tabs > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}
	.content .breadcrumb {padding: 0 6px;}
	.header .container {padding: 0 11px;background: #ecf0f1}
	.content h1 {font-size: 27px;}
	.content h2,.modal-title {font-size: 24px;}
	.content h3 {font-size: 19px;}
	.content h4 {font-size: 17px;}
	.content table th,
	.content table td {
		padding: 5px 7px;
	}
	.portfolio .box-inner::after {box-shadow: 0 0 0 8px rgba(46, 230, 213, 0.65) inset, 0 1px 2px rgba(0, 0, 0, 0.1);}
	.portfolio .box-inner::before {
		left: 8px;
		bottom: 8px;
		right: 8px;
		top: 8px;
	}
	.portfolio .text strong {font: 12px "Roboto Condensed",Arial,Helvetica,sans-serif;}
	.img-work-box {margin: 0 -35px;}
	.img-work-holder {
		width: auto;
		padding: 0 1020px;
	}
	.link {font-size: 16px;
		float: left;
		margin: 5px 0px 5px 0px;
	}
	.modal button.close {line-height: 30px;}
	.modal .nav-tabs {font: 15px "Roboto Condensed",Arial,Helvetica,sans-serif;}
	.modal .nav-tabs > li {float: left;}
	.modal .nav-tabs > li > a,
	.modal .nav-tabs > li.active > a,
	.modal .nav-tabs > li > a:hover {
	    line-height: 20px;
	}
	.modal ul.nav-tabs > li > a {float: left;}
	.jksnewseffectscircle-effect5
	.jksnewseffectscircle-item {
		width: 185px;
		height: 185px;
	}
	.jksnewseffectscircle-effect5
	.jksnewseffectscircle-item
	.jksnewseffectscircle-item-content
	.jksnewseffectscircle-item-content-info,
	.jksnewseffectscircle-effect5
	.jksnewseffectscircle-item
	.jksnewseffectscircle-item-content
	.jksnewseffectscircle-item-content-info-wrapper {
		height: 155px;
		width: 155px;
	}
	.steps-holder {
		margin: 0;
	}
	.steps-holder .target {
	    margin: 0;
	}
}
@media screen and (max-width: 640px) {
	body {font: 16px/1.8 Roboto,Arial,Helvetica,sans-serif;}
	.btn-lg,
	.btn-group-lg > .btn {
	    border-radius: 3px;
	    font-size: 16px;
	    padding: 7px 16px;
	}
	.promo .btn span {font-size: 18px;}
	.carousel-big .row-text {padding: 10px 15px;}
	.promo .col-text-content {padding: 0;}
	.promo .col-text {
	    float: none;
	    overflow: hidden;
	}
	.promo .col-btn {
	    float: none;
	    margin: 0;
	    width: auto;
	}
	.three-columns h2, .box-partners h2 {
	    font: 24px "Roboto Condensed",Arial,Helvetica,sans-serif;
	    margin: 0 0 13px;
	}
	.carousel-indicators {
	    right: 10px;
	    top: 10px;
	}
	.carousel-indicators li.active,
	.carousel-indicators li {
		width: 13px;
		height: 13px;
	}
	.carousel-blockquote .text {padding: 0;}
	.carousel-blockquote {padding: 20px;}
	.carousel-blockquote .item img {
	    margin: 6px 14px 0 0;
	    width: 125px;
	}
	.carousel-blockquote .item-text {padding: 0 0 0 15px;}
	.carousel-big .row-text {font: 21px/0.9 "Roboto Condensed",Arial,Helvetica,sans-serif;}
	.list {max-width: 100%;}
	.content h1 {font-size: 25px;}
	.content h2,.modal-title {font-size: 22px;}
	.content h3 {font-size: 17px;}
	.content h4 {font-size: 15px;}
	
	ul.nav-tabs {font-size: 14px;}
	.content ul li::after {font-size: 28px;}
	.content ul li {padding: 0 0 0 25px;}
	ul.nav-tabs > li > a {
	    padding-left: 5px;
	    padding-right: 5px;
	}
	.portfolio .col-xs-4 {width: 50%;}
	.modal form {padding: 7px 12px 0;}
	.modal-header {
	    margin: 0 0 12px;
	    padding: 10px 12px 8px;
	}
	.modal .form-group {margin-bottom: 15px;}
	.modal .row-checkbox [class*="col-"] {
		width: auto;
		float: none;
		clear: both;
	}
	.modal form .row-inputfile > label {
	    line-height: 17px;
	    padding-top: 5px;
	}
}
@media screen and (max-width: 639px) {
	.box-partners .col-xs-4 {
		float: none;
		width: auto;
		margin: 0 0 10px;
	}
	.box-partners .col-xs-4:after {
		clear: both;
		content: "";
		display: block;
	}
	.content .table {
		margin-bottom: 25px;
		font-size: 12px;
	}
	.content .table p {
	    margin: 0 0 15px;
	}
}
@media screen and (max-width: 480px) {
	.carousel-blockquote .item img {
		display: block;
	    float: none;
	    margin: 0 auto;
	    width: auto;
	}
	.carousel-blockquote .item-text {
	    border: medium none;
	    padding: 0;
	}
	.promo-text {
	    margin: 0 0 15px;
	    padding: 0 10px;
	}
	.carousel-big .row-text {font: 18px/0.9 "Roboto Condensed",Arial,Helvetica,sans-serif;}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {border-radius: 0;}
	.carousel-big .row-text {position: static;}
	form .form-group {margin-bottom: 0;}
	form .col-xs-6 {
	    padding-bottom: 15px;
	    width: 100%;
	}
	label {margin-bottom: 4px;}
	.content ol {padding: 0 0 0 30px;}
	.content .breadcrumb li {padding: 0 5px;}

	ul.nav-tabs {
		margin-left: -5px;
		margin-right: -5px;
	}
	.nav-tabs > li {
		float: none;
		overflow: hidden;
		margin: 0;
	}
	ul.nav-tabs > li > a {
	    border: 1px solid #ddd;
	    border-radius: 0;
	    margin: 0;
		display: block;
		float: none;
	}
	ul.nav-tabs > li > a {border: 1px solid #ddd;}
	.footer .container {padding: 0 20px;}
	.img-work .col-xs-6 {width: 100%;}
	.content .breadcrumb a {padding: 0 12px 0 5px;}
	.content .breadcrumb > li + li::before {left: -17px;}
	.content h1 {font-size: 22px;}
	.content h2,.modal-title {font-size: 19px;}
	.content h3 {font-size: 16px;}
	.content h4 {font-size: 14px;}
	.modal form .row-inputfile > label {
	    line-height: 33px;
	    margin-top: -15px;
	    padding-top: 0;
	}
	.modal form .row-inputfile {margin-bottom: 0;}
	.modal .modal-footer .btn {
	    display: block;
	    float: none;
	    margin: 0 auto;
	}
	.social-list {
	    float: none;
	    margin: 0 0 6px;
	    text-align: center;
	}
	.social-list li {
		display: inline-block;
		float: none;;
	}
	.modal .tab-register .form-group {margin-bottom: 0;}
	.search-page input[type="text"] {
		width: 100%;
	}
	.search-page input[type="submit"] {
		width: 100%;
		clear: both;
	}
}
@media screen and (max-width: 413px) {
	.portfolio .col-xs-4 {width: 100%;}
	.portfolio .text strong {font: 17px "Roboto Condensed",Arial,Helvetica,sans-serif;}
		.jksnewseffectscircle-effect5 .jksnewseffectscircle-item {
	    height: 240px;
	    margin: 0 0 40px;
	    width: 240px;
	}
	.jksnewseffectscircle-effect5
	.jksnewseffectscircle-item
	.jksnewseffectscircle-item-content
	.jksnewseffectscircle-item-content-info,
	.jksnewseffectscircle-effect5
	.jksnewseffectscircle-item
	.jksnewseffectscircle-item-content
	.jksnewseffectscircle-item-content-info-wrapper {
		height: 210px;
		width: 210px;
	}
	.jksnewseffectscircle-effect5
	.jksnewseffectscircle-item
	.jksnewseffectscircle-item-content
	.jksnewseffectscircle-item-content-info
	.jksnewseffectscircle-item-title {
		font: 16px "Roboto Condensed", Arial, Helvetica, sans-serif;
	}
	.table-holder {
	    margin: 0 auto;
	    overflow: auto;
	    width: 320px;
	}
	.table-holder .table {
		width: 500px;
		max-width: 500px;
	}
}

#bx-composite-banner {
	display: none;
}
a.fui-exit {text-decoration: none;}

.label-large {
  font-size: 14.006px;
  padding: 4px 10px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ebedef;
  color: #7b8996;
}
.text-box-info {
	
	background: #e8e8ea url("../images/back-basket.jpg") no-repeat scroll 0 100%;
	overflow: hidden;
	line-height: 22px;
	padding: 20px 33px 15px;
	margin: 15px 0 22px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e2edeb;
}
.text-box-info ul.style-plus {
	margin: 10px 0 10px;
	
}
.video-responsive { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow:hidden; 
} 
.video-responsive iframe, 
.video-responsive object, 
.video-responsive embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%; 
}

table.inside {
  max-width: 70%;
  width: 70%;
  text-align: left;
  margin: 15px 0px 23px;
}
th.inside {
  font-weight: normal;
  color: #039;
  border-bottom: 2px solid #6678b1;
  padding: 10px 8px;
}
td.inside {
  color: #669;
  padding: 9px 8px;
  transition: .3s linear;
}
tr.inside:hover td {color: #6699ff;}

#toTop {
width:100px;
border:1px solid #ccc;
background:#f7f7f7;
text-align:center;
padding:5px;
position:fixed;
bottom:15px; /* отступ кнопки от нижнего края страницы*/
left:15px;
cursor:pointer;
display:none;
color:#333;
font-family:verdana;
font-size:11px;
z-index: 10;
}

.b24-widget-button-inner-container {
	transform: scale(.65) !important;
	}
	
.b24-widget-button-position-bottom-right {
	right: 15px !important;
bottom: 15px !important;
}
	.b24-widget-button-inner-mask {
opacity: 0;
}
.b24-widget-button-pulse-animate {
-webkit-animation: widgetPulse infinite 30s; 
animation: 30s;
}
.bx-livechat-copyright{
	display: none !important;
}
.bx-crm-widget-form-config-sidebar-logo {
	display: none !important;
}
.crm-webform-bottom-logo-bx {
	display: none !important;
}


/* ==========================================================================
   ФИНАЛ: ПАРЯЩЕЕ СТЕКЛЯННОЕ МЕНЮ (КОМПАКТНЫЙ ОСТРОВ)
   ========================================================================== */

/* 1. Внешняя обертка (Только позиционирование, без фона) */
.header {
	position: absolute; 
	z-index: 100;
	
	/* Отступ сверху */
	top: 25px !important;       
	left: 0;                 
	right: 0;                
	width: 100%; /* Занимает всю ширину, чтобы центрировать контейнер внутри */
	
	/* УБИРАЕМ ФОН У ОБЕРТКИ, чтобы она была прозрачной */
	background: transparent !important; 
	border: none !important;
	box-shadow: none !important;
	
	margin-bottom: 0 !important;
	padding: 0 !important;
}


/* 2. ВНУТРЕННИЙ КОНТЕЙНЕР = НАШ КРАСИВЫЙ ОСТРОВ */
.header .container,
.header-fix .container {


	/* СТЕКЛО и ФОРМА */
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 16px;
	
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
	
	/* ВЫСОТА (ТОЛЩИНА) */
	padding-top: 25px !important;
	padding-bottom: 0px !important;
	
	/* Центрирование */
	margin: 0 auto;
}

/* 3. Отключаем скрипт прилипания (блокируем стили) */
.header-fix {
	position: absolute !important; 
	top: 25px !important;
	padding-top: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
.header-fix .container {
	/* Копируем стиль острова для зафиксированного состояния */
	background: rgba(255, 255, 255, 0.75) !important;
	backdrop-filter: blur(20px);
	border-radius: 20px !important;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;
}

/* 3. Hero-секция (УМЕНЬШИЛИ ОТСТУП СНИЗУ) */
.hero-section-fullwidth {
	width: 100%;
	position: relative;
	
	/* Отступ сверху 200px (под меню), СНИЗУ 40px (было 100px) */
	padding: 200px 0 40px !important; 
	
	/* Отступ до следующего блока: 10px (было 50px) */
	margin-bottom: 10px !important;
	
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	background: transparent; 
	z-index: 1;
	margin-top: 0;
}

.main-content-container { padding-top: 20px; }

/* 5. Стеклянная панель (Текст) - БОЛЕЕ ПРОЗРАЧНАЯ */
.glass-panel {
	/* БЫЛО: 0.5 -> СТАЛО: 0.25 (это 25% белого, гораздо прозрачнее) */
	background: rgba(255, 255, 255, 0.5) !important;
	
	/* Размытие оставляем или чуть усиливаем, чтобы текст читался */
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	
	/* Рамку тоже можно сделать чуть нежнее (было 0.8, ставим 0.5) */
	border: 1px solid rgba(255, 255, 255, 0.5);
	
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
	border-radius: 16px;
	padding: 45px;
	max-width: 100%;
	position: relative;
	z-index: 10;
}

/* 6. Типографика и Элементы */
.hero-badge {
	display: inline-flex;
	align-items: center;
	background: #ffffff;
	color: #7f8c8d;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 24px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.hero-badge img { height: 18px; width: auto; margin-right: 8px; }

.hero-h1 {
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 48px;
	line-height: 1.15;
	font-weight: 700;
	color: #2c3e50;
	margin: 0 0 25px 0;
	text-transform: none;
	letter-spacing: -1px;
}
.hero-h1 span { color: #1abc9c; }

.hero-lead {
	font-size: 18px;
	line-height: 1.6;
	color: #57606f;
	margin-bottom: 40px;
	max-width: 95%;
	font-weight: 400;
}

.hero-buttons { display: flex; gap: 15px; flex-wrap: wrap; }
.btn-hero {
	padding: 16px 36px;
	font-size: 16px;
	border-radius: 12px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 0.3s ease;
	display: inline-block;
	text-decoration: none !important;
	outline: none !important;
}
.btn-hero-primary {
	background: linear-gradient(135deg, #1abc9c 0%, #16a085 100%);
	color: #fff;
	border: none;
	box-shadow: 0 10px 20px rgba(26, 188, 156, 0.3);
}
.btn-hero-primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 30px rgba(26, 188, 156, 0.4);
	color: #fff;
}
.btn-hero-outline {
	background: #fff;
	color: #2c3e50;
	border: 1px solid #ecf0f1;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.btn-hero-outline:hover {
	background: #fdfdfd;
	color: #1abc9c;
	border-color: #1abc9c;
	transform: translateY(-2px);
}

/* 7. Карточки преимуществ (ОБНОВЛЕННЫЕ) */
.benefit-card {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
	padding: 25px 25px; /* Чуть больше воздуха внутри */
	background: rgba(255, 255, 255, 0.6); 
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 16px;
	transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
}

.benefit-card:hover {
	transform: translateY(-5px);
	background: #fff;
	box-shadow: 0 15px 35px rgba(0,0,0,0.08);
	border-color: #fff;
}

/* Иконка (стала крупнее) */
.benefit-icon {
	font-size: 34px; /* Было ~28px */
	color: #1abc9c;
	margin-right: 20px;
	margin-top: 3px;
	min-width: 40px;
	text-align: center;
	transition: transform 0.3s;
}

.benefit-card:hover .benefit-icon { transform: scale(1.1); }

/* Заголовок (СТАЛ КРУПНЕЕ) */
.benefit-text strong {
	display: block;
	font-size: 20px; /* Было 16px. Теперь крупно и заметно */
	line-height: 1.2;
	color: #2c3e50;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
}

/* Текст описания */
.benefit-text p {
	font-size: 15px; /* Чуть увеличили для удобства (было 14px) */
	color: #7f8c8d;
	margin: 0;
	line-height: 1.5;
}

/* 8. Картинка с пазлами */
.display-flex-center {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
/* 8. Картинка с пазлами (СДВИГАЕМ ПОД ТЕКСТ) */
.hero-3d-wrapper {
	position: relative;
	text-align: center;
	z-index: 5; /* Меньше чем у стекла (там 10), значит будет ПОД ним */
	
	/* --- ГЛАВНОЕ ИЗМЕНЕНИЕ --- */
	margin-left: 30px; /* Тянем сильно влево, чтобы заехало под текст */
	/* ------------------------- */
	
	margin-top: -80px;
	pointer-events: none;
}

/* 8. Картинка с пазлами (ИСПРАВЛЕНО: только для главной картинки) */
.hero-3d-wrapper > img, 
.hero-3d-wrapper > video {  /* <-- Добавили селектор для видео */
	max-width: 80%; 
	/* Остальное оставляем как есть */
	filter: drop-shadow(0 30px 50px rgba(26, 188, 156, 0.3));
	position: relative; 
	top: 40px;  
	transition: transform 0.4s ease, filter 0.4s ease;
}

/* Эффект при наведении (тоже только для главной) */
.hero-3d-wrapper:hover > img {
	transform: scale(1.02) translateY(-5px);
	/* ...ваши фильтры... */
}

@keyframes float {
	0% { transform: translateY(0px); }
	50% { transform: translateY(35px); }
	100% { transform: translateY(0px); }
}
.floating-element { animation: float 6s ease-in-out infinite; }

/* 9. Блокировка скачков */
.wrapper-fix { padding-top: 0 !important; }
.wrapper { padding-top: 0 !important; }

/* ==========================================================================
   АДАПТИВ (МОБИЛЬНАЯ ВЕРСИЯ)
   ========================================================================== */
@media screen and (max-width: 991px) {
	/* На мобильном возвращаем меню на всю ширину для удобства */
	.header { 
		position: relative; 
		top: 0 !important; 
	}
	.header .container {
		/* 1. Возвращаем скругление */
		border-radius: 20px !important;
		
		/* 2. Делаем отступы от краев экрана, чтобы был эффект "острова" */
		margin: 10px 15px !important;
		width: auto !important; /* Отменяем 100% ширину */
		
		/* 3. Возвращаем тень и фон */
		background: #ffffff !important;
		box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
		border: 1px solid rgba(0,0,0,0.05) !important;
	}
	
	.hero-h1 { font-size: 36px; }
	.glass-panel { padding: 30px; }
	.btn-hero { width: 100%; display: block; text-align: center; }
	.hero-buttons { gap: 10px; }
	.hero-section-fullwidth { padding-top: 40px; }
	.display-flex-center { display: block; }
	.hero-3d-wrapper { margin-left: 0; margin-top: 30px; }
	.hero-3d-wrapper img { max-width: 80%; margin: 0 auto; display: block; }
	.container.content { padding-top: 20px !important; }
}

/* ==========================================================================
   ИСПРАВЛЕНИЕ ДЛЯ ВНУТРЕННИХ СТРАНИЦ
   ========================================================================== */
.container.content {
	padding-top: 140px; 
	position: relative;
	z-index: 10;
}

/* ==========================================================================
   ПЛАШКА "ПАРТНЕР" ПОД ПАЗЛОМ (СТЕКЛЯННАЯ И ШИРОКАЯ)
   ========================================================================== */

.partner-badge-bottom {
	/* Делаем блок широким и центрируем */
	display: flex;
	width: 90%;           /* Ширина 90% от правой колонки */
	max-width: 400px;     /* Ограничитель, чтобы не был слишком огромным */
	margin: 100px auto 0;  /* Отступ сверху 40px, по бокам авто (центр) */
	
	/* --- СТИЛЬ СТЕКЛА (как у основного блока) --- */
	background: rgba(255, 255, 255, 0.2); /* Полупрозрачный белый */
	backdrop-filter: blur(15px);           /* Размытие фона */
	-webkit-backdrop-filter: blur(15px);
	border: 1px solid rgba(255, 255, 255, 0.6); /* Тонкая рамка */
	
	/* Форма и Тень */
	padding: 18px 30px;   /* Побольше воздуха внутри */
	border-radius: 16px;  /* Скругленные углы (не овал, а прямоугольник) */
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06); /* Мягкая глубокая тень */
	
	/* Выравнивание содержимого */
	align-items: center;
	justify-content: center;
	
	/* Типографика */
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 14px;      /* Чуть крупнее шрифт */
	color: #57606f;       /* Цвет потемнее для контраста на стекле */
	text-transform: uppercase;
	letter-spacing: 0.8px;
	
	position: relative;
	z-index: 10;
	transition: all 0.3s ease;
	pointer-events: auto !important;
}

/* Эффект при наведении */
.partner-badge-bottom:hover {
	background: rgba(255, 255, 255, 0.85); /* Становится белее */
	transform: translateY(-3px);
	box-shadow: 0 20px 50px rgba(26, 188, 156, 0.15); /* Легкое бирюзовое свечение */
	color: #2c3e50;
}

/* --- ВАЖНО: СБРОС СТИЛЕЙ ДЛЯ ИКОНКИ ВНУТРИ --- */
/* (Чтобы на неё не действовали эффекты главного пазла) */
.hero-3d-wrapper .partner-badge-bottom img {
	width: auto !important;
	height: 24px !important; /* Иконка чуть крупнее */
	margin-right: 15px !important;
	
	/* Отключаем фильтры */
	filter: none !important; 
	box-shadow: none !important;
	transform: none !important;
	max-width: none !important;
}

.section-title-glass {
	display: inline-block;       /* Чтобы фон был только под текстом */
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 24px;             /* Аккуратный размер */
	text-transform: uppercase;
	color: #2c3e50;
	margin: 0 0 30px 0;
	
	/* СТЕКЛЯННЫЙ СТИЛЬ */
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.8);
	padding: 10px 25px;          /* Воздух вокруг текста */
	border-radius: 16px;         /* Закругленные края */
	backdrop-filter: blur(5px);  /* Легкое размытие фона */
}

/* ИСПРАВЛЕНИЕ: Чтобы иконки партнеров в подвале НЕ прыгали */
.footer .partners a:hover {
	padding-left: 0 !important; /* Отменяем сдвиг */
	background: none !important;
}

@media (max-width: 768px) {
	.section-title-glass {
		margin-top: 40px !important; /* Было 0, ставим 40px */
		
		display: inline-block !important;
		position: relative; 
		z-index: 5; /* Поднимаем слой, чтобы текст был поверх всего */
	}
}

/* (Опционально) Если хотите, чтобы они чуть всплывали вверх, как кнопки */
.footer .partners li img {
	transition: transform 0.3s ease;
}
.footer .partners li:hover img {
	transform: translateY(-3px); /* Легкое всплытие вместо сдвига вбок */
}
/* ==========================================================================
   СТИЛИ ДЛЯ РЕЙТИНГА ЯНДЕКС (ВНУТРИ СТЕКЛА)
   ========================================================================== */

/* Настройка сетки внутри плашки */
.partner-badge-bottom.yandex-badge {
	justify-content: flex-start; /* Выравнивание по левому краю */
	padding: 15px 30px;          /* Чуть больше отступов по бокам */
	gap: 20px;                   /* Расстояние между иконкой и текстом */
}

/* 1. Иконка (Пин/Метка) */
.ya-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	background: #ff3333;         /* Фирменный красный цвет Яндекса */
	color: #fff;
	border-radius: 50%;          /* Круглая форма */
	box-shadow: 0 5px 15px rgba(255, 51, 51, 0.4); /* Красное свечение */
	font-size: 20px;
	flex-shrink: 0;              /* Чтобы не сжималась */
	transition: transform 0.3s ease;
}

.partner-badge-bottom:hover .ya-icon {
	transform: scale(1.1) rotate(-10deg); /* Анимация при наведении */
}

/* 2. Верхняя строка (Цифра 5.0 и Звезды) */
.ya-row-top {
	display: flex;
	align-items: center;
	margin-bottom: 2px;
}

/* Цифра рейтинга */
.ya-score {
	font-size: 26px;
	font-weight: 800;
	color: #2c3e50;
	margin-right: 12px;
	line-height: 1;
}

/* Звезды */
.ya-stars {
	color: #f1c40f;   /* Золотой цвет */
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 1;
	position: relative;
	top: -1px;
}

/* 3. Нижняя подпись */
.ya-label {
	font-size: 13px;
	color: #7f8c8d;
	font-weight: 500;
	text-transform: none; /* Обычный текст, не капсом */
	letter-spacing: normal;
}
/* УБИРАЕМ СТАНДАРТНЫЕ СТИЛИ ССЫЛКИ ДЛЯ ПЛАШКИ */
a.partner-badge-bottom {
	text-decoration: none !important; /* Без подчеркивания */
	color: #57606f !important;        /* Серый цвет текста (как и задумывали) */
	cursor: pointer;
}

/* При наведении цвет будет темнеть (эффект уже есть в коде выше, но закрепим для ссылки) */
a.partner-badge-bottom:hover {
	color: #2c3e50 !important;
	text-decoration: none !important;
}

/* ==========================================================================
   ОРИГИНАЛЬНЫЙ БЛОК: СВЕТЛЫЙ - ТЕМНЫЙ - СВЕТЛЫЙ
   ========================================================================== */

.original-grid {
	margin-top: 20px;
	margin-bottom: 50px;
}

/* 1. Основа карточки */
.info-card {
	position: relative; /* Важно для фоновой иконки */
	overflow: hidden;   /* Обрезаем иконку, если торчит */
	border-radius: 20px;
	padding: 35px 30px;
	height: 100%;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.info-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* 2. ОГРОМНАЯ ФОНОВАЯ ИКОНКА (Декор) */
.card-bg-icon {
	position: absolute;
	right: -20px;
	bottom: -30px;
	font-size: 140px; /* Очень большая */
	line-height: 1;
	opacity: 0.05;    /* Еле заметная */
	color: #2c3e50;
	pointer-events: none; /* Чтобы не мешала кликать */
	transform: rotate(-15deg);
	transition: all 0.5s ease;
}

.info-card:hover .card-bg-icon {
	transform: rotate(0deg) scale(1.1); /* Оживает при наведении */
	opacity: 0.1;
}

/* 3. СТИЛЬ СВЕТЛОЙ КАРТОЧКИ (Поддержка, Услуги) */
.card-light {
	background: #fff;
	border: 1px solid #ecf0f1;
	box-shadow: 0 10px 25px rgba(0,0,0,0.03);
}
.card-light h3 {
	color: #2c3e50;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	border-bottom: 2px solid #1abc9c;
	display: inline-block;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/* 4. СТИЛЬ ТЕМНОЙ КАРТОЧКИ (КЕЙСЫ - ЦЕНТР) */
.card-dark {
	background: #2c3e50; /* Темно-синий фон */
	color: #fff;
	box-shadow: 0 15px 35px rgba(44, 62, 80, 0.3);
}
.card-dark .card-bg-icon {
	color: #fff;
	opacity: 0.05;
}
.card-dark:hover .card-bg-icon {
	opacity: 0.1;
}
.card-dark h3 {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 15px;
}
.card-dark .opacity-text {
	color: rgba(255,255,255, 0.7);
	font-size: 14px;
	margin-bottom: 20px;
}
.card-dark a {
	color: #fff; /* Ссылки внутри новостей белые */
	text-decoration: none;
}
.card-dark a:hover {
	color: #1abc9c;
}

/* Ссылка "Читать все" в темной карте */
.link-white {
	display: inline-block;
	margin-top: 20px;
	color: #1abc9c !important;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: 1px dashed rgba(26, 188, 156, 0.5);
}

/* 5. Элементы интерфейса */
.card-content {
	position: relative;
	z-index: 2; /* Поверх иконки */
}

/* Кнопка "Задать вопрос" */
.btn-glass-primary {
	background: #1abc9c;
	color: #fff !important;
	border-radius: 12px;
	padding: 10px 25px;
	font-weight: 700;
	text-transform: uppercase;
	box-shadow: 0 5px 15px rgba(26, 188, 156, 0.4);
	margin-bottom: 20px;
	display: inline-block;
}
.btn-glass-primary:hover {
	background: #16a085;
	transform: translateY(-2px);
}

/* Список услуг (стрелочки) */
.services-list { list-style: none; padding: 0; margin: 0; }
.services-list li {
	border-bottom: 1px solid #f0f0f0;
	padding: 10px 0;
}
.services-list li:last-child { border: none; }
.services-list a {
	color: #57606f;
	font-weight: 500;
	display: block;
	transition: padding 0.2s;
}
.services-list a:hover {
	color: #1abc9c;
	padding-left: 10px;
	text-decoration: none;
}

/* Ссылки поддержки */
.support-links { list-style: none; padding: 0; }
.support-links li { margin-bottom: 8px; }
.support-links a {
	color: #7f8c8d;
	border-bottom: 1px dotted #bdc3c7;
}
.support-links a:hover { color: #1abc9c; border-color: #1abc9c; text-decoration: none;}

/* Бейдж New */
.badge-new {
	background: #e74c3c;
	color: #fff;
	font-size: 9px;
	padding: 2px 5px;
	border-radius: 3px;
	vertical-align: top;
	margin-left: 5px;
}
/* --- ДОПОЛНЕНИЕ ДЛЯ СМЕНЫ ЦВЕТОВ --- */

/* Ссылки в ТЕМНОЙ карточке поддержки */
.card-dark .support-links a {
	color: rgba(255, 255, 255, 0.8) !important; /* Делаем белыми */
	border-bottom-color: rgba(255, 255, 255, 0.3);
}
.card-dark .support-links a:hover {
	color: #fff !important;
	border-bottom-color: #fff;
}
.card-dark .support-links li:before {
	color: rgba(255,255,255, 0.5); /* Точки списка тоже осветляем */
}

/* Ссылка "Читать кейсы" на СВЕТЛОМ фоне */
.link-accent {
	display: inline-block;
	margin-top: 15px;
	color: #1abc9c;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px dashed rgba(26, 188, 156, 0.4);
}
.link-accent:hover {
	color: #16a085;
	border-bottom-style: solid;
	text-decoration: none;
}
/* Уменьшаем высоту блока с иконками партнеров на десктопе */
@media (min-width: 992px) {
	/* 1. Уменьшаем паддинги самого стеклянного контейнера */
	.footer .container {
		padding-top: 15px !important;
		padding-bottom: 5px !important;
	}

	/* 2. Убираем лишние верхние отступы у списка */
	.footer .partners {
		margin-top: 0 !important;
		padding-top: 0 !important;
		border-top: none !important; /* Убираем линию, если она не нужна */
		
		/* Выравниваем иконки и iframe Яндекса по одной линии (по центру) */
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	/* 3. Корректируем отступы элементов списка */
	.footer .partners li {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		display: flex;
		align-items: center;
	}
	
	/* 4. Убираем отступ у заголовка, если он там есть */
	.footer h3 {
		margin-bottom: 10px;
	}
}
/* Настройки для мобильной версии (экраны до 768px) */
@media (max-width: 768px) {
	/* 1. Уменьшаем общие отступы контейнера */
	.footer .container {
		padding: 20px 15px !important; /* Уменьшили верх/низ с 40px до 20px */
		border-radius: 16px; /* Делаем скругление чуть меньше для мобильных */
	}

	/* 2. Центрируем иконки и выравниваем их */
	.footer .partners {
		display: flex;
		flex-wrap: wrap;       /* Разрешаем перенос на новую строку */
		justify-content: center; /* Центрируем иконки по горизонтали */
		align-items: center;     /* Выравниваем по вертикали (важно для iframe) */
		gap: 15px;              /* Расстояние между иконками */
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
	}

	/* 3. Убираем лишние отступы у элементов списка */
	.footer .partners li {
		float: none !important; /* Отменяем float для корректного flex-выравнивания */
		margin: 0 !important;   /* Все отступы теперь контролируются через gap */
		display: flex;
		justify-content: center;
	}

	/* 4. Настройка для iframe Яндекса (чтобы он не обрезался) */
	.footer .partners li iframe {
		max-width: 100%;
		height: 50px;
	}

	/* 5. Если есть заголовок "Партнеры", уменьшаем его отступ */
	.footer h3 {
		margin-bottom: 15px;
	}
}

#toTop {
	/* Позиционирование */
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 54px;
	height: 54px;
	
	/* Эффект стекла (Glassmorphism) */
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	
	/* Выравнивание иконки */
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1abc9c; /* Ваш фирменный бирюзовый цвет */
	
	/* Состояние и переходы */
	cursor: pointer;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	
	/* Тень */
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

/* Показываем кнопку при скролле */
#toTop.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Эффект при наведении */
#toTop:hover {
	background: #1abc9c;
	color: #ffffff;
	transform: translateY(-5px);
	box-shadow: 0 12px 24px rgba(26, 188, 156, 0.3);
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
	#toTop {
		bottom: 20px;
		right: 20px;
		width: 48px;
		height: 48px;
	}
}
/* ==========================================================================
   ДЕКОРАТИВНЫЕ ПАРЯЩИЕ КУБИКИ (3D CUBES)
   ========================================================================== */

/* Общие стили для кубиков */
.cube-decor {
	position: absolute;      /* Свободное позиционирование */
	z-index: 0;              /* Уровень 0 (на самом дне) */
	pointer-events: none;    /* Чтобы сквозь них можно было кликать */
	opacity: 1;              
}

/* 1. ЛЕВЫЙ КУБИК (За темной карточкой) */
.cube-left {
	top: -50px;              /* Вылезает сверху */
	left: -70px;             /* Вылезает слева */
	width: 220px;            /* Большой размер */
	height: auto;
	/* Анимация: имя | длительность | плавность | бесконечно */
	animation: float-cube-left 7s ease-in-out infinite;
}

/* 2. ПРАВЫЙ КУБИК (Возле услуг) */
.cube-right {
	bottom: -60px;           /* Внизу */
	right: -50px;            /* Справа */
	width: 140px;            /* Поменьше */
	height: auto;
	animation: float-cube-right 8s ease-in-out infinite;
}

/* 3. ВАЖНО: Поднимаем карточки НАД кубиками */
.info-card {
	position: relative;
	z-index: 5;              /* Уровень 5 (выше кубиков) */
	/* Убедитесь, что у карточек есть фон (цвет), иначе кубик будет просвечивать */
}


/* --- АНИМАЦИИ (Покачивание + Поворот) --- */

@keyframes float-cube-left {
	0%   { transform: translateY(0px) rotate(-10deg); }
	50%  { transform: translateY(-25px) rotate(-5deg); }
	100% { transform: translateY(0px) rotate(-10deg); }
}

@keyframes float-cube-right {
	0%   { transform: translateY(0px) rotate(15deg); }
	50%  { transform: translateY(-20px) rotate(25deg); }
	100% { transform: translateY(0px) rotate(15deg); }
}

/* Адаптив: на мобильных скрываем кубики, чтобы не мешали */
@media (max-width: 768px) {
	.cube-decor { display: none; }
}

/* ==========================================================================
   ДЕКОР: ПАРЯЩАЯ ПИРАМИДА (В БЛОКЕ ПРЕИМУЩЕСТВ)
   ========================================================================== */

.pyramid-decor {
	position: absolute;
	z-index: 0;              /* На самый задний план */
	pointer-events: none;    /* Чтобы не мешала кликать */
	
	/* Позиция и размер (настроено под ваш скриншот) */
	right: -20px;           /* Сдвигаем вправо за край контента */
	top: -20px;             /* Поднимаем вверх, чтобы нависала */
	width: 150px;            /* Крупный размер */
	height: auto;
	
	opacity: 0.9;            /* Чуть прозрачности, если нужно */
	
	/* Анимация */
	animation: float-pyramid 10s ease-in-out infinite;
}

/* ВАЖНО: Поднимаем карточки преимуществ НАД пирамидой */
.benefit-card {
	position: relative;
	z-index: 2;              /* Карточки выше декора */
}

/* Анимация покачивания (медленная и плавная) */
@keyframes float-pyramid {
	0%   { transform: translateY(0px) rotate(0deg); }
	50%  { transform: translateY(-30px) rotate(3deg); } /* Плывет вверх и чуть наклоняется */
	100% { transform: translateY(0px) rotate(0deg); }
}

/* На мобильных скрываем, чтобы не перекрывала текст */
@media (max-width: 991px) {
	.pyramid-decor { display: none; }
	
	
	
}
/* ==========================================================================
   ДЕКОР: ПАРЯЩИЙ БУДДА (ОБНОВЛЕННЫЙ)
   ========================================================================== */

.budda-decor {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	
	/* 1. УМЕНЬШИЛИ РАЗМЕР В 2 РАЗА */
	width: 90px;             /* Было 180px */
	height: auto;
	
	/* ПОЗИЦИОНИРОВАНИЕ */
	top: 0px;
	left: 50%;
	margin-left: -650px;     /* Можете поправить это число, если он теперь слишком далеко */
	
	/* Анимация */
	animation: float-budda 8s ease-in-out infinite;
}

/* 2. ДОБАВИЛИ ПОВОРОТ В АНИМАЦИЮ */
@keyframes float-budda {
	/* В каждом кадре добавляем rotate(-45deg) */
	0%   { transform: translateY(0px) rotate(-30deg); }
	50%  { transform: translateY(-15px) rotate(-30deg); } 
	100% { transform: translateY(0px) rotate(-30deg); }
}

/* Скрываем на экранах уже 1400px 
@media (max-width: 1450px) {
	.budda-decor { display: none; }
}*/

@media (max-width: 767px) {

	/* ==================================================================
	   1. ШАПКА (Слой 1000 - ПОВЕРХ ЗАТЕМНЕНИЯ)
	   ================================================================== */
	/* Сбрасываем стеклянные эффекты, чтобы z-index работал честно */
	.header, 
	.header .container, 
	.header .row-header {
		transform: none !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		filter: none !important;
		perspective: none !important;
		position: static !important;
		margin: 0 !important;
		border: none !important;
		box-shadow: none !important;
		background: none !important;
		overflow: visible !important;
	}

	/* Сама белая полоса */
	.header {
		position: fixed !important;
		top: 0 !important; 
		left: 0 !important; 
		width: 100% !important; /* ФИКС СМЕЩЕНИЯ: Жестко задаем ширину */
		height: 60px !important;
		
		background: #ffffff !important;
		z-index: 1000 !important; 
		
		box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
		padding: 0 !important;
		box-sizing: border-box !important; /* ФИКС СМЕЩЕНИЯ: Учитываем рамки */
	}

	.header .container {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		height: 60px !important;
		width: 100% !important;
		padding: 0 15px !important;
		box-sizing: border-box !important;
	}
	
	.header .row-header {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		padding: 0 !important;
	}

	/* ==================================================================
	   2. ЗАТЕМНЕНИЕ (Слой 990 - ПОД ШАПКОЙ)
	   ================================================================== */
	body::after {
		content: '';
		position: fixed;
		top: 0; left: 0; right: 0; bottom: 0;
		background: rgba(0, 0, 0, 0.7);
		z-index: 990 !important; 
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease;
		pointer-events: none; 
	}

	body.menu-open::after {
		opacity: 1;
		visibility: visible;
		/* pointer-events: auto; <--- Убрали, чтобы можно было закрыть кликом мимо */
	}
	
	/* УБРАЛИ СТРОКУ overflow: hidden, ЧТОБЫ СТРАНИЦА НЕ ПРЫГАЛА ВПРАВО */
	/* body.menu-open { overflow: hidden !important; } */

	/* ==================================================================
	   3. МЕНЮ-САЙДБАР (Слой 1001 - ВЫШЕ ВСЕГО)
	   ================================================================== */
	.navbar-collapse {
		display: block !important;
		position: fixed !important;
		top: 0 !important;
		right: -320px !important;
		
		width: 280px !important;
		height: 100vh !important;
		
		background: #2c3e50 !important;
		z-index: 1001 !important; 
		
		padding-top: 70px !important;
		padding-bottom: 20px !important;
		transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1);
		box-shadow: -5px 0 20px rgba(0,0,0,0.3);
		border: none !important;
		overflow-y: auto !important;
		margin: 0 !important;
	}

	/* Открытие меню */
	body.menu-open .navbar-collapse {
		right: 0 !important;
	}

	/* ==================================================================
	   4. КНОПКА (Слой 1002 - САМЫЙ ВЕРХ)
	   ================================================================== */
	.navbar-toggle {
		display: block !important;
		float: none !important;
		margin-left: auto !important;
		padding: 10px !important;
		background: transparent !important;
		border: none !important;
		font-size: 26px !important;
		color: #333 !important;
		cursor: pointer;
		z-index: 1002 !important; 
		position: relative;
	}

	.navbar-toggle:before {
		font-family: 'Flat-UI-Icons' !important;
		content: "\e00c" !important;
		transition: transform 0.3s ease;
		display: inline-block;
	}

	body.menu-open .navbar-toggle:before {
		content: "\e00b" !important;
		color: #1abc9c !important;
		transform: rotate(90deg);
	}

	/* ==================================================================
	   5. ПУНКТЫ МЕНЮ
	   ================================================================== */
	.navbar-nav { margin: 0 !important; padding: 0 !important; }
	
	.navbar-nav > li {
		float: none !important;
		display: block !important;
		border-bottom: 1px solid rgba(255,255,255,0.05) !important;
		width: 100% !important;
	}

	.navbar-nav > li > a,
	.navbar-nav > li > span {
		display: block !important;
		padding: 15px 25px !important;
		color: #ffffff !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		text-transform: uppercase;
		background: transparent !important;
		width: 100% !important;
	}

/* ==================================================================
	   6. ПОДМЕНЮ (СТИЛЬ КАК НА ДЕСКТОПЕ)
	   ================================================================== */
	
	/* Контейнер подменю */
	.navbar-collapse ul ul,
	.navbar .nav > li > ul {
		display: none !important;
		/* 1. ФОН КАК НА ДЕСКТОПЕ (Темно-синий) */
		background-color: #34495e !important; 
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		box-shadow: none !important;
		border-top: 2px solid #1abc9c !important; /* Акцентная полоска сверху */
	}
	
	/* Показываем при классе .open (JS) */
	.navbar-collapse li.open > ul,
	.navbar .nav > li.open > ul { display: block !important; }
	
	/* --- ССЫЛКИ ВНУТРИ ПОДМЕНЮ --- */
	/* Объединяем все селекторы для надежности */
	.navbar-nav .dropdown-menu > li > a,
	.dropdown-menu > li > a,
	.navbar .nav > li ul li a,
	.navbar .nav > li.dropdown ul li a {
		
		/* ТЕКСТ */
		color: #ffffff !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		text-transform: none !important;
		text-decoration: none !important;
		
		/* ФОН ПУНКТА (Темно-синий) */
		background-color: #34495e !important;
		opacity: 1 !important;
		
		/* ОТСТУПЫ */
		padding: 12px 20px 12px 30px !important;
		display: block !important;
		
		/* РАЗДЕЛИТЕЛЬ (Тонкая линия) */
		border-bottom: 1px solid rgba(255,255,255,0.1) !important;
	}
	
	/* --- АКТИВНОЕ СОСТОЯНИЕ И НАВЕДЕНИЕ --- */
	/* Красим фон в бирюзовый, как на скриншоте ПК */
	.navbar-nav .dropdown-menu > li > a:hover,
	.navbar-nav .dropdown-menu > li > a:active,
	.navbar-nav .dropdown-menu > li > a:focus,
	.navbar .nav > li ul li a:hover,
	.navbar .nav > li ul li a:active,
	.navbar .nav > li ul li a:focus {
		
		/* ФОН БИРЮЗОВЫЙ */
		background-color: #1abc9c !important;
		color: #ffffff !important;
		
		/* Убираем лишние границы при наведении */
		border-bottom-color: transparent !important;
	}
	
	/* Стрелочки (Разлеты) */
	.navbar .nav > li > span::after, 
	.navbar .nav > li > .has-drop-down-a::after {
		border-top-color: #ffffff !important;
		right: 20px !important;
		top: 24px !important;
		opacity: 1 !important;
		transform: rotate(0deg);
		transition: transform 0.3s;
	}
	/* Поворот стрелки */
	.navbar .nav > li.open > span::after, 
	.navbar .nav > li.open > .has-drop-down-a::after {
		transform: rotate(180deg);
	}
	/* ==================================================================
	   7. ВОЗВРАТ ДЕКОРА
	   ================================================================== */
	.logo {
		display: block !important;
		width: 120px !important;
		height: 30px !important;
		z-index: 10000;
		margin: 0 !important;
	}

	.cube-decor.cube-left {
		display: block !important;       /* Отменяем скрытие */
		position: absolute !important;
		
		width: 240px !important;         /* Уменьшаем размер (на ПК он огромный) */
		height: auto !important;
		
		top: -100px !important;           /* Поднимаем его над карточкой */
		left: -10px !important;          /* Сдвигаем влево к краю экрана */
		
		z-index: 0 !important;           /* Кладем ПОД карточку */
		opacity: 1 !important;
		
		/* Если хотите, чтобы он двигался, оставляем анимацию */
		animation: float-cube-left 7s ease-in-out infinite !important;
	}

	
	.pyramid-decor {
		display: block !important;
		position: absolute !important;
		
		width: 170px !important;
		height: auto !important;
		
		top: -15px !important;
		right: 0px !important;
		
		opacity: 1 !important;
		
		/* ВАЖНО: Ставим 0. Это самый низкий уровень, прямо над фоном */
		z-index: 0 !important; 
	}
	
	.budda-decor {
		/* 1. ВКЛЮЧАЕМ (перебиваем display: none) */
		display: block !important; 
		
		/* 2. ПОЗИЦИОНИРОВАНИЕ */
		position: absolute !important;
		
		/* Сбрасываем десктопное центрирование */
		left: auto !important;
		margin-left: 0 !important;
		
		/* Ставим в правый верхний угол */
		top: -45px !important;   /* Поднимаем, чтобы он сидел НА краю белого блока */
		right: 15px !important;  /* Отступ от правого края */
		
		/* 3. РАЗМЕР */
		width: 75px !important;  /* Компактный размер для телефона */
		height: auto !important;
		
		/* 4. СЛОИ И АНИМАЦИЯ */
		z-index: 1 !important;   /* Поверх фона, но под текстом (если наедет) */
		opacity: 1 !important;
		
		/* Оставляем покачивание */
		animation: float-budda 8s ease-in-out infinite !important;
		z-index: 0 !important; 
	}
	
	
	/* 2. ТЕКСТ ЗАГОЛОВКА (ПОДНИМАЕМ НАВЕРХ) */
	/* Ищем все возможные заголовки в этом блоке и поднимаем их */
	.three-columns h2,
	.content h2,
	.col-md-12 h2 {
		position: relative !important; /* Обязательно для работы z-index */
		z-index: 5 !important;         /* Ставим 5, чтобы было выше пирамидки (0) */
		
		/* (Опционально) Тень для текста, чтобы лучше читался на фоне грани пирамиды */
		text-shadow: 0 1px 2px rgba(255,255,255, 0.8); 
	}
	.wrapper { padding-top: 60px !important; }
	.hero-section-fullwidth { padding-top: 40px !important; margin-top: 0 !important; border: none !important; }
	.container.content { padding-top: 20px !important; }
	.header .col, .header .row-contact { display: none !important; }
	
	
}

@media screen and (max-width: 991px) {
	/* 1. Настройка контейнера с картинкой */
	.hero-3d-wrapper {
		/* Тянем картинку вверх на 140px (подбираем по вкусу) */
		margin-top: -700px !important; 
		
		/* Убираем отступ слева, центрируем */
		margin-left: -150px !important;
		text-align: left;
		
		/* Важно: кладем слой ниже, чем стеклянная панель */
		position: relative;
		z-index: 1; 
		
		/* Чтобы картинка не перекрывала клики по кнопкам выше */
		pointer-events: none; 
	}

	/* 2. Настройка самой картинки */
	.hero-3d-wrapper > img {
		display: block;
		margin: 0 auto;
		max-width: 240%; /* Можно сделать чуть больше, если нужно */
		height: auto;
		
		/* Немного прозрачности, чтобы текст читался лучше, если картинка попадет под буквы */
		opacity: 1; 
	}

	/* 3. Гарантируем, что стеклянная панель (с текстом) будет ВЫШЕ картинки */
	.glass-panel {
		position: relative;
		z-index: 10; /* Слой выше, чем у картинки (там 1) */
		
		/* Добавим отступ снизу внутри панели, чтобы контент не прилипал к краю */
		margin-bottom: 0 !important;
	}

	/* 4. Корректировка плашки Яндекс (если она есть) */
	.partner-badge-bottom {
		display: none !important;
	}
}

/* ==================================================================
   ИСПРАВЛЕНИЕ СЕТКИ "ПОЧЕМУ ВЫБИРАЮТ НАС" (УБИРАЕМ ДЫРКИ)
   ================================================================== */
@media (min-width: 768px) {
	/* 1. Включаем Flexbox для контейнера */
	/* Используем оба селектора (сам блок и ряд внутри), чтобы точно сработало */
	.three-columns, 
	.three-columns .row {
		display: flex !important;
		flex-wrap: wrap !important;
	}

	/* 2. Если заголовок лежит внутри, заставляем его занимать 100% ширины,
		  чтобы он остался сверху и не встал в один ряд с карточками */
	.three-columns h2 {
		width: 100% !important;
		flex-basis: 100% !important;
	}

	/* 3. Исправляем сами колонки */
	.three-columns [class*="col-"] {
		float: none !important;      /* Отключаем старое обтекание */
		display: flex !important;    /* Чтобы растянуть содержимое */
		flex-direction: column !important;
	}

	/* 4. Растягиваем карточки на одинаковую высоту */
	.benefit-card {
		flex-grow: 1 !important;
		height: auto !important;     /* Сбрасываем фикс. высоту, если была */
		margin-bottom: 30px !important; /* Одинаковый отступ снизу */
		width: 100% !important;
	}
}

/* ==================================================================
   ФИКС МОДАЛЬНЫХ ОКОН НА ВНУТРЕННИХ СТРАНИЦАХ
   Решает проблему, когда окно открывается ПОД затемнением
   ================================================================== */

/* Когда модальное окно открыто (класс вешает Bootstrap) */
body.modal-open .wrapper, 
body.modal-open .content, 
body.modal-open .reviews-wrapper {
	
	/* 1. Сбрасываем "ловушку" слоев */
	z-index: auto !important;
	position: static !important;
	
	/* 2. Убираем трансформации (они тоже создают новый контекст слоев) */
	transform: none !important; 
	
	/* 3. Разрешаем контенту выходить за рамки (чтобы окно не обрезалось) */
	overflow: visible !important; 
}

/* ==================================================================
   СОВРЕМЕННАЯ ФОРМА (КОМПАКТНАЯ ВЕРСИЯ)
   Target: form[name="SIMPLE_FORM_2"]
   ================================================================== */

/* 1. СТЕКЛЯННЫЙ КОНТЕЙНЕР ФОРМЫ */
form[name="SIMPLE_FORM_2"] {
	background: rgba(255, 255, 255, 0.65) !important;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	
	border: 1px solid rgba(255, 255, 255, 0.8) !important;
	border-radius: 20px !important; /* Чуть меньше радиус */
	
	/* КОМПАКТНЫЕ ОТСТУПЫ */
	padding: 30px 40px !important; 
	max-width: 100% !important;    /* Ограничиваем ширину */
	margin: 0 auto 40px !important; /* Центрируем */
	
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05) !important;
	display: block;
	overflow: hidden;
}

/* 2. ЗАГОЛОВОК И ТЕКСТ */
form[name="SIMPLE_FORM_2"] h3 {
	font-family: "Roboto Condensed", sans-serif !important;
	font-weight: 700 !important;
	font-size: 26px !important; /* Чуть меньше (было 30) */
	color: #2c3e50 !important;
	margin-top: 0 !important;
	margin-bottom: 5px !important;
	text-transform: uppercase;
	text-align: center;
}

form[name="SIMPLE_FORM_2"] p {
	text-align: center;
	color: #7f8c8d !important;
	margin-bottom: 25px !important; /* Меньше отступ (было 30) */
	font-size: 15px !important;
}

/* 3. ИСПРАВЛЕНИЕ СЕТКИ */
form[name="SIMPLE_FORM_2"] .col-xs-8 {
	width: 100% !important;
	float: none !important;
	padding: 0 !important;
}
/* Ряды стали плотнее */
form[name="SIMPLE_FORM_2"] .form-group {
	margin-bottom: 15px !important; /* Было 20 */
	margin-left: 0 !important;
	margin-right: 0 !important;
}
form[name="SIMPLE_FORM_2"] .row {
	margin-left: -10px !important;
	margin-right: -10px !important;
}
form[name="SIMPLE_FORM_2"] .col-xs-6 {
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-bottom: 0 !important; /* Убрали лишний отступ снизу */
}

/* 4. ПОЛЯ ВВОДА (INPUTS) */
form[name="SIMPLE_FORM_2"] label {
	font-family: "Roboto Condensed", sans-serif !important;
	font-size: 16px !important; /* Чуть аккуратнее */
	font-weight: 700 !important;
	color: #34495e !important;
	text-transform: uppercase !important;
	margin-bottom: 6px !important;
	padding-left: 5px !important;
}

form[name="SIMPLE_FORM_2"] font[color="red"] {
	display: none !important;
}
form[name="SIMPLE_FORM_2"] label:after {
	color: #e74c3c;
	margin-left: 3px;
}

form[name="SIMPLE_FORM_2"] .form-control {
	background: #ffffff !important;
	border: 1px solid #ecf0f1 !important;
	border-radius: 10px !important;
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.02) !important;
	
	/* УМЕНЬШЕННАЯ ВЫСОТА */
	height: 42px !important;       /* Было 50 */
	padding: 8px 15px !important;  /* Чуть меньше паддинги */
	font-size: 14px !important;    /* Шрифт 14px */
	
	color: #2c3e50 !important;
	transition: all 0.3s ease !important;
}

form[name="SIMPLE_FORM_2"] textarea.form-control {
	height: 100px !important;      /* Было 120 */
	resize: vertical !important;
	padding-top: 10px !important;
}

form[name="SIMPLE_FORM_2"] .form-control:focus {
	border-color: #1abc9c !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(26, 188, 156, 0.15) !important;
}

/* 5. ЗАГРУЗКА ФАЙЛА */
form[name="SIMPLE_FORM_2"] .bootstrap-filestyle .input-group {
	display: flex !important;
}
form[name="SIMPLE_FORM_2"] .bootstrap-filestyle input.form-control {
	border-radius: 10px 0 0 10px !important;
	border-right: none !important;
	background: rgba(255,255,255,0.8) !important;
}
form[name="SIMPLE_FORM_2"] .bootstrap-filestyle .btn-default {
	background: #ecf0f1 !important;
	color: #34495e !important;
	border: 1px solid #ecf0f1 !important;
	border-left: none !important;
	border-radius: 0 10px 10px 0 !important;
	
	/* Синхронизируем высоту с инпутами */
	height: 42px !important;
	line-height: 40px !important; 
	
	padding: 0 15px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	font-size: 11px !important;
}
form[name="SIMPLE_FORM_2"] .bootstrap-filestyle .btn-default:hover {
	background: #1abc9c !important;
	color: #fff !important;
	border-color: #1abc9c !important;
}
form[name="SIMPLE_FORM_2"] .icon-span-filestyle {
	margin-right: 5px !important;
}

/* 6. КАПЧА */
form[name="SIMPLE_FORM_2"] .chapcha {
	margin-top: 5px !important;
}
form[name="SIMPLE_FORM_2"] label[for="exampleInputCapcha"] {
	display: block;
	text-align: center;
	margin-bottom: 10px !important;
	color: #95a5a6 !important;
	font-size: 12px !important;
}

/* 7. КНОПКА ОТПРАВКИ */
form[name="SIMPLE_FORM_2"] .btn-row {
	text-align: center !important; /* Центрируем кнопку */
	margin-top: 15px !important;
	padding-top: 15px !important;
	border-top: 1px solid rgba(0,0,0,0.05) !important;
}

form[name="SIMPLE_FORM_2"] input[type="submit"] {
	/* 1. Добавляем это, чтобы кнопка НЕ растягивалась */
	width: auto !important; 
	display: inline-block !important;
	min-width: 200px !important; /* Оптимальная ширина, чтобы не была слишком мелкой */

	background: linear-gradient(135deg, #1abc9c 0%, #16a085 100%) !important;
	color: white !important;
	border: none !important;
	border-radius: 12px !important;
	
	/* Отступы внутри кнопки */
	padding: 12px 30px !important; 
	font-size: 15px !important;
	
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	box-shadow: 0 10px 20px rgba(26, 188, 156, 0.3) !important;
	transition: all 0.3s ease !important;
}

form[name="SIMPLE_FORM_2"] input[type="submit"]:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 15px 30px rgba(26, 188, 156, 0.4) !important;
	background: linear-gradient(135deg, #1dd1ad 0%, #1abc9c 100%) !important;
}

/* ==================================================================
   ПРИНУДИТЕЛЬНЫЙ ВЫВОД ЗВЕЗДОЧКИ (*)
   ================================================================== */

/* 1. Включаем тег FONT (родитель) */
form[name="SIMPLE_FORM_2"] font,
form[name="SIMPLE_FORM_2"] font[color="red"] {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
	margin-left: 5px !important;
	vertical-align: middle !important;
	line-height: 1 !important;
}

/* 2. Стилизуем саму звездочку (SPAN) */
form[name="SIMPLE_FORM_2"] .starrequired,
form[name="SIMPLE_FORM_2"] .form-required {
	display: inline-block !important;
	visibility: visible !important;
	color: #e74c3c !important;   /* Красный цвет */
	font-size: 16px !important;  /* Размер */
	font-weight: 700 !important; /* Жирность */
	position: relative !important;
	top: 0 !important;
	text-decoration: none !important;
}

/* 3. Убираем псевдоэлемент, если мы добавляли его через CSS ранее, 
	  чтобы не было двух звездочек сразу */
form[name="SIMPLE_FORM_2"] label:after {
	content: none !important;
	display: none !important;
}

/* 1. Скрываем старый внешний заголовок-надпись */
form[name="SIMPLE_FORM_2"] .row-inputfile label[for="exampleInputFile"] {
	display: none !important;
}

/* 2. Растягиваем блок на всю ширину (исправляем сетку) */
form[name="SIMPLE_FORM_2"] .row-inputfile .col-xs-6 {
	width: 100% !important;
	float: none !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
form[name="SIMPLE_FORM_2"] .row-inputfile .row {
	display: block !important; /* Убираем лишние флексы ряда */
}

/* 3. Делаем обертку поля relative, чтобы позиционировать текст внутри */
form[name="SIMPLE_FORM_2"] .bootstrap-filestyle {
	position: relative !important;
	margin-bottom: 0 !important;
}

/* 4. Рисуем текст "Прикрепить файл" ВНУТРИ поля */
form[name="SIMPLE_FORM_2"] .bootstrap-filestyle::after {
	content: "Прикрепить файл" !important; /* Текст подсказки */
	
	position: absolute !important;
	left: 15px !important;
	top: 11px !important;           /* Центрируем по высоте (под высоту поля 42px) */
	
	color: #95a5a6 !important;      /* Серый цвет, как у других плейсхолдеров */
	font-size: 14px !important;
	font-family: "Roboto", sans-serif !important;
	pointer-events: none !important; /* Чтобы сквозь текст можно было кликнуть */
	z-index: 10 !important;
}

/* 5. Убираем лишние отступы у ряда */
form[name="SIMPLE_FORM_2"] .row-inputfile {
	margin-top: 0 !important;
	margin-bottom: 15px !important;
}

/* ==================================================================
   АДАПТИВНОСТЬ (МОБИЛЬНЫЙ)
   ================================================================== */
@media (max-width: 767px) {
	form[name="SIMPLE_FORM_2"] {
		padding: 25px 20px !important;
		margin-bottom: 30px !important;
	}
	form[name="SIMPLE_FORM_2"] .col-xs-6 {
		margin-bottom: 12px !important;
		padding-left: 0 !important; /* Убираем боковые отступы на мобилке */
		padding-right: 0 !important;
	}
	/* Возвращаем рядам нормальные отступы для одной колонки */
	form[name="SIMPLE_FORM_2"] .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	form[name="SIMPLE_FORM_2"] label {
		margin-bottom: 4px !important;
	}
	form[name="SIMPLE_FORM_2"] input[type="submit"] {
		width: 100% !important; /* Кнопка на всю ширину */
	}
}

/* ==================================================================
   КОМПАКТНЫЕ БЕЙДЖИ В ОДНУ СТРОКУ (МОБИЛЬНАЯ ВЕРСИЯ)
   ================================================================== */
   
.yandex-mini-badge {
	   display: none !important;
   }
   
@media (max-width: 767px) {

	/* 1. КОНТЕЙНЕР: Выстраиваем в жесткую строку */
	.hero-badges-row {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important; /* По центру */
		flex-wrap: nowrap !important;       /* ЗАПРЕЩАЕМ ПЕРЕНОС */
		gap: 8px !important;                /* Маленький зазор между ними */
		margin-bottom: 20px !important;
		width: 100% !important;
	}

	/* 2. БЕЙДЖ "ПАРТНЕР" (Уменьшаем шрифт и высоту) */
	.hero-badge {
		font-size: 10px !important;    /* Шрифт меньше (было 13px) */
		height: 28px !important;       /* Фиксированная высота */
		padding: 0 10px !important;    /* Компактные отступы */
		
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		
		border-radius: 50px !important;
		margin-bottom: 0 !important;
		white-space: nowrap !important; /* Текст в одну строку */
		flex-shrink: 1 !important;      /* Разрешаем чуть сжаться, если экран совсем узкий */
	}

	.hero-badge img {
		height: 12px !important;       /* Иконка 1С тоже меньше */
		width: auto !important;
		margin-right: 5px !important;
	}

	/* 3. ИКОНКА ЯНДЕКСА (Подгоняем высоту под партнера) */
	.yandex-mini-badge {
		display: inline-flex !important;
		align-items: center !important;
		height: 28px !important;       /* ТАКАЯ ЖЕ ВЫСОТА (28px) */
		padding: 0 10px !important;
		
		background: #ffffff !important;
		border-radius: 50px !important;
		text-decoration: none !important;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		
		margin-left: 0 !important;     /* Отступ задает gap родителя */
		flex-shrink: 0 !important;     /* Яндекс не сжимаем */
	}

	/* Внутренности Яндекса чуть меньше */
	.yandex-mini-badge .ya-letter {
		color: #ff3333 !important; 
		font-family: Arial, sans-serif !important;
		font-weight: 700 !important;
		font-size: 14px !important;    /* Чуть меньше */
	}
	.yandex-mini-badge .ya-star {
		color: #f1c40f !important;
		font-size: 10px !important;
		margin: 0 3px !important;
		position: relative;
		top: -1px;
	}
	.yandex-mini-badge .ya-num {
		color: #000 !important;
		font-weight: 700 !important;
		font-size: 12px !important;    /* Чуть меньше */
	}
}

/* ==================================================================
   АВТОРИЗАЦИЯ (СТИЛИЗАЦИЯ БЕЗ ПРАВКИ ШАБЛОНА)
   ================================================================== */

/* 1. Контейнер формы — делаем "Стеклянную карточку" */
.bx-auth {
	max-width: 480px;           /* Ограничиваем ширину */
	margin: 40px auto;          /* Центрируем по горизонтали */
	
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(220, 220, 220, 0.5);
	border-radius: 12px;
	padding: 40px 50px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	
	font-family: 'Roboto', 'Helvetica', sans-serif;
	color: #34495e;
}

/* 2. Заголовок / Примечание */
.bx-auth-note {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 30px;
	color: #2c3e50;
	text-align: center;
	border-bottom: 2px solid #1abc9c; /* Зеленая черта снизу */
	padding-bottom: 15px;
	display: block;
}

/* 3. "Ломаем" таблицу, чтобы сделать адаптивную верстку */
.bx-auth-table, 
.bx-auth-table tbody, 
.bx-auth-table tr, 
.bx-auth-table td {
	display: block;
	width: 100%;
	border: none !important;
}

/* 4. Отступы для строк */
.bx-auth-table tr {
	margin-bottom: 20px;
}

/* 5. Лейблы (Логин, Пароль) */
.bx-auth-table td.bx-auth-label {
	text-align: left !important; /* Убираем выравнивание вправо */
	font-weight: 600;
	font-size: 14px;
	color: #2c3e50;
	margin-bottom: 8px;
	padding: 0 !important;
}

/* 6. Поля ввода (Инпуты) */
.bx-auth-input, 
input[type="text"].form-control, 
input[type="password"].form-control {
	width: 100%;
	padding: 12px 15px;
	border: 2px solid #bdc3c7;
	border-radius: 6px;
	font-size: 15px;
	transition: border-color 0.3s;
	box-sizing: border-box; /* Чтобы паддинги не ломали ширину */
	background: #fff;
	color: #333;
	outline: none;
	height: auto;
}

.bx-auth-input:focus, 
input[type="text"].form-control:focus, 
input[type="password"].form-control:focus {
	border-color: #1abc9c;
}

/* 7. Чекбокс "Запомнить меня" */
/* Скрываем пустую ячейку слева от чекбокса */
.bx-auth-table tr td:first-child:empty {
	display: none;
}

/* Стилизуем строку с чекбоксом */
.bx-auth-table tr:nth-child(3) td {
	text-align: left;
}
.bx-auth-table tr:nth-child(3) label {
	cursor: pointer;
	color: #7f8c8d;
	font-size: 14px;
}
.bx-auth-table input[type="checkbox"] {
	vertical-align: middle;
	margin-right: 5px;
	transform: scale(1.1);
}

/* 8. Кнопка "Войти" */
.authorize-submit-cell {
	text-align: center;
	padding-top: 10px !important;
}

input[type="submit"].btn.btn-primary,
input[name="Login"] {
	background: #1abc9c;
	color: white;
	border: none;
	padding: 14px 30px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	transition: background 0.3s;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	-webkit-appearance: none;
}

input[type="submit"].btn.btn-primary:hover,
input[name="Login"]:hover {
	background: #16a085;
}

/* 9. Ссылка "Забыли пароль?" */
.bx-auth form > noindex > p {
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
}

.bx-auth a {
	color: #1abc9c;
	text-decoration: none;
	border-bottom: 1px dashed rgba(26, 188, 156, 0.4);
	transition: border-color 0.3s;
}

.bx-auth a:hover {
	border-bottom-color: #1abc9c;
	color: #16a085;
}

/* Адаптивность для мобильных */
@media (max-width: 500px) {
	.bx-auth {
		padding: 30px 20px;
		margin: 20px;
	}
}
/* ==================================================================
   FIX: ВЫРАВНИВАНИЕ ЧЕКБОКСА "ЗАПОМНИТЬ МЕНЯ"
   ================================================================== */

/* 1. Скрываем пустую ячейку слева в строке чекбокса (она занимает лишнее место сверху) */
.bx-auth-table tr:nth-child(3) td:first-child {
	display: none !important;
}

/* 2. Контейнер чекбокса: включаем Flexbox для выравнивания в ряд */
.bx-auth-table tr:nth-child(3) td:last-child {
	display: flex !important;       /* Элементы встанут в ряд */
	align-items: center !important; /* Центрирование по вертикали */
	justify-content: flex-start !important; /* Прижать влево */
	width: 100% !important;
	padding-top: 5px !important;    /* Чуть отлепить от пароля */
	padding-bottom: 25px !important;/* Отступ до кнопки "Войти" */
}

/* 3. Сам чекбокс (input) */
#USER_REMEMBER {
	width: 20px !important;         /* Фиксированный аккуратный размер */
	height: 20px !important;
	margin: 0 10px 0 0 !important;  /* Отступ справа от галочки до текста */
	padding: 0 !important;
	cursor: pointer;
	accent-color: #1abc9c;          /* Окрашиваем галочку в цвет сайта (для современных браузеров) */
	display: block !important;      /* Чтобы слушался flex-родителя */
}

/* 4. Текст (label) */
label[for="USER_REMEMBER"] {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	color: #7f8c8d !important;      /* Серый цвет текста */
	cursor: pointer;
	line-height: 1.2 !important;
	display: block !important;
	float: none !important;         /* Убираем возможные обтекания */
}