html {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

html, body {
	height:100%;

}

.content-loading {
	width:100%;
	height:100%;
	overflow:hidden;
	background-size:cover;
	background-color:#1c1c1c;
	position:fixed;
}

#preloader {
	opacity:0;
	transition:0.6s;
}
.content-loading #preloader {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 999;
	background: #1c1c1c;
	opacity:1!important;
}
#preloader .round-circles {
	width: 600px;
	height: 600px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	margin-top: -300px;
	margin-left: -300px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#circle {
	position: absolute;
	width:100%;
	height:100%;
	top:0;
}
#circle .round-circles {
	height:700px;
	width:700px;
	margin-left: -350px;
	margin-top: -350px;
}
.round-circles {
	left: 50%;
	margin-left: -300px;
	top: 50%;
	position: absolute;
	width: 600px;
	height: 600px;
	z-index: 3;
}
.round-circles .circles-holder {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}
.round-circles .circle {
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.08);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}
.round-circles .circle2 {
	top: 5%;
	right: 5%;
	bottom: 5%;
	left: 5%;
	border-top: 3px solid  #d1bea1;
	border-bottom: 3px solid #d1bea1;
	-webkit-animation: rotate 4s infinite linear;
	animation: rotate 4s infinite linear;
}
.round-circles .circle3 {
	top: 10%;
	right: 10%;
	bottom: 10%;
	left: 10%;
}
.round-circles .circle4 {
	top: 15%;
	right: 15%;
	bottom: 15%;
	left: 15%;
	border-right: 2px solid #d1bea1;
	border-left: 2px solid #d1bea1;
	-webkit-animation: rotate 4s infinite linear reverse;
	animation: rotate 4s infinite linear reverse;
}
.round-circles .circle5 {
	top: 20%;
	right: 20%;
	bottom: 20%;
	left: 20%;
}
.round-circles .circle6 {
	top: 25%;
	right: 25%;
	bottom: 25%;
	left: 25%;
	border-top: 1px solid #d1bea1;
	border-bottom: 1px solid #d1bea1;
	-webkit-animation: rotate 4s infinite linear;
	animation: rotate 4s infinite linear;
}

.preload-logo {
	background: url(../img/logo.png) no-repeat;
	background-size: 100%;
	width: 232px;
	height: 110px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -110px;
	z-index: 10;
	margin-top: -55px;
	text-align: center;
}
.preload-text {
	position: absolute;
	top: 60%;
	margin: 0 auto;
	text-align: center;
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@font-face{font-family:Evolventa;font-display: auto;src:url('../fonts/Evolventa-Regular.otf');src:local('?'), url('../fonts/Evolventa-Regular.woff') format('woff'), url('../fonts/Evolventa-Regular.ttf') format('truetype');unicode-range:U+000-5FF, U+1e00-1fff, U+2000-2300;}
*{margin:0;padding:0;box-sizing:border-box;}
body{overflow-x:hidden!important; color:#fff;font-size:16px;font-family:Evolventa, Fallback, sans-serif!important; background: #1c1c1c; text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.7);}
.seo-bg {
	background-image:url("https://sonpartners.kz/img/seo-bg-new.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
}
main{overflow:hidden;background-repeat:repeat;}
a, a:focus{text-decoration:none;outline:none;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
ul, li{margin:0;padding:0; list-style-type: none;}
.event_none {pointer-events: none;}
.align_top{display:inline-block;vertical-align:top;}
.align_middle{display:inline-block;vertical-align:middle;}
.align_btm{display:inline-block;vertical-align:bottom;}
.flex1{display:flex;justify-content:space-between;}
.flex{display:flex;justify-content:space-between;align-items:center;}
.flex_top{display:flex;justify-content:space-between;align-items:flex-start;}
.flex_btm{display:flex;justify-content:center;align-items:flex-end;}
.flex_start{display:flex;justify-content:flex-start;align-items:center;}
.flex_start2{display:flex;justify-content:flex-start;align-items:flex-start;}
.flex_end{display:flex;justify-content:flex-end;align-items:center;}
.flex_center {display:flex;justify-content:space-around;align-items:center;}
.flex_center2 {display:flex;justify-content:center;align-items:center;}
.flex_wrap{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex_wrap2{display:flex;justify-content:space-between;flex-wrap:wrap;align-items: flex-start}
.flex_wrap3{display:flex;flex-wrap:wrap}
.flex_col_normal{display:flex;justify-content:space-between; flex-direction:column;}
.flex_col{display:flex;justify-content:space-between; align-items: center; flex-direction:column;}
.flex_col2{display:flex;justify-content:space-between; flex-direction:column;height:100%}
.flex_col3{display:flex;justify-content:center; flex-direction:column;height:100%}
.flex_col4{display:flex; align-items: flex-end; flex-direction:column;}
.flex_col5{display:flex; flex-direction:column;}
.inline_flex{display:inline-flex;justify-content:space-between;}
.img-res{width:100%;height:100%;object-fit:cover;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.res{display:inline-block;max-width:100%;height:auto;}
.container {
  position: relative;
  width: min(1600px, 92%);
  margin: 0 auto;
  z-index: 101;
}

.rel{position:relative;}
.rel2{position:relative;display:inline-block}
.mob{display:none!important;}
.row_reverse {
	flex-direction: row-reverse;
}
i{-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;transition:0.6s;cursor:pointer}
input{outline:none;border: 0; border-bottom:1px solid #d1bea1; width:100%;box-sizing:border-box;padding:0.45em 0.6em ; background: transparent; font-size: 1em; color:#ffffff;font-family:Evolventa;}
input::placeholder{ color: #ffffff;}
.transform{-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.transformx{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.transformy{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.ib{display:inline-block}
.hidden{display:none}
.item50 {width: 50%;}
.item48 {width: 48%;}
.border_none {
	border:none!important;
}
.p-t {
	padding-top:2em;
}

.white {
	color:#fff;
}
section {
	position: relative;
	padding: 3em 0;
}

.fixed {
	position: fixed!important;
}
.hv-op:hover {
	opacity:0.7;
}

button {
	position: relative;
	font-family: Evolventa;
	outline: none;
	cursor: pointer;
	color: #000;
	font-size: 1em;
	padding: 0.5em 1em;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	border-radius: 0.1em;
	border: 1px solid #d1bea1;
	background: #d1bea1;
	animation: shadow-pulse 2s infinite;
	font-weight: bold;
}
@keyframes shadow-pulse
{
	0% {
		box-shadow: 0 0 0 0px #d1bea1;
	}
	100% {
		box-shadow: 0 0 0 25px transparent;
	}
}
@keyframes shadow-pulse-2
{
	0% {
		box-shadow: 0 0 0 0px #196a9d;
	}
	100% {
		box-shadow: 0 0 0 25px transparent;
	}
}
@keyframes shadow-pulse-gs-1
{
	0% {
		box-shadow: 0 0 0 0px #e62f17;
	}
	100% {
		box-shadow: 0 0 0 25px transparent;
	}
}
@keyframes shadow-pulse-gs-2
{
	0% {
		box-shadow: 0 0 0 0px #17b6e3;
	}
	100% {
		box-shadow: 0 0 0 25px transparent;
	}
}
@keyframes shadow-pulse-gs-3
{
	0% {
		box-shadow: 0 0 0 0px #81d9b8;
	}
	100% {
		box-shadow: 0 0 0 25px transparent;
	}
}
button:hover {
	border: 1px solid #FFFFFF;
}
.button_active {
	background:#1fabe2;
	text-shadow:none;
	cursor:default;
}
.button_active:hover {
	border: 1px solid #1fabe2;
}

h2, h3 {
	letter-spacing: 0.05em;
}
h2 span, h3 span {
	color: #d1bea1;
}
h3 {
	font-size:1.8em;
	margin-bottom: 1em;
	text-transform: uppercase;
}
.h3-min {
	font-size:1.2em;
}
#team h3, #mobile h3, #price h3, #dog h3 {
	margin-bottom:0!important;
}
.h2-v {
	font-size:0.6em;
	opacity:0.9;
	padding-top:0.75em;
	text-transform: none;
}

.big_title {
	font-size: 3em;
}
.medium_title {
	font-size: 2.5em;
}
.small_title {
	font-size: 1.6em;
}

.gr-title {
	font-weight:bold;
	font-size: 2.2em;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	text-align:center;
	margin-bottom:0.5em;
	line-height:1.5;
	color: #d1bea1;
}
.gr-title span {
	color: #1fabe2;
}
.gr-title-min {
	font-size:0.85em;
}
.universal_title {
	text-transform: uppercase;
	padding-bottom:1em;
}
.universal_title_2 {
	font-size: 1.2em;
	text-transform: uppercase;
	padding:1em 0;
}
.universal_title_2 span {
	color: #1fabe2;
}

.jsLink {
	color: #1fabe2;
	cursor:pointer;
}

/* MARGINS */
.mr-b-1 {
	margin-bottom:1em;
}
.mr-t-1 {
	margin-top:1em;
}
.mr-l-1 {
	margin-left:1em;
}
.mr-r-1 {
	margin-right:1em;
}
.mr-b-2 {
	margin-bottom:2em;
}
.mr-t-2 {
	margin-top:2em;
}
.mr-l-2 {
	margin-left:2em;
}
.mr-r-2 {
	margin-right:2em;
}
.mr-t-3 {
	margin-top:3em;
}
.mr-b-3 {
	margin-bottom:3em;
}
.mr-t-4 {
	margin-top:4em;
}
.mr-b-4 {
	margin-bottom:4em;
}
.w33 {
	width:33.3333%;
}

/*================== header*/
header {
	position: relative;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	transition: 0.6s;
	padding: 2em 0;
	height: 100vh;
}
.htop {
	transition: 0.1s;
	z-index:2;
}
.htop i{
	font-size: 1em;
	transition: 0.6s;
	color: #FFFFFF;
}
.htop i:hover {
	color: #208fb8;
}
.contact_number {
	display:flex;
	align-items: center;
}
.contact_number a {
	font-weight:bold;
	color:#fff;
	margin-right:2.2em;
	text-transform: uppercase;
}
.contact_number a:last-child {
	margin-right:0;
}
.contact_number a:hover {
	color:#d1bea1;
}
.contact_number_geo {
	color:#d1bea1!important;
	font-size: 1.6em;
	font-weight:bold;
}
.contact_number_geo:hover {
	color:#fff!important;
}
.logo {
	width: 14em;
}
.mainLogo {
	text-align:center;
}
.mainLogo a {
	display:inline-block;
}
.hmiddle-fix {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.hmiddle {
	width:100%;
	display: flex;
	position: absolute;
	height: 100%;
	top: 0;
}
.hmiddle a {
	color:#1fabe2;
}
.title {
	visibility: hidden;
	opacity:0;
	font-weight:bold;
	font-size: 2.7em;
	text-transform: uppercase;
	margin-left: 0.9em;
	letter-spacing: 0.09em;
	background: linear-gradient(100deg, #34ace0 15%, #4888c5 25%, #6060a8 40%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
}
.hmiddle .owl-item.active .title {
	visibility: visible;
	opacity:1;
}
.hmiddle .owl-carousel .owl-stage-outer {
	overflow: visible!important;
}
.hmiddle .change_sub_title {
	position: relative;
	list-style: none;
	font-size: 1.2em;
	margin: 3.2em 0 2em 1.56em;
	color: #cfd3da;
	text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.7);
}
.hmiddle .change_sub_title>div {
	margin-bottom: 1em;
	font-size: 1.05em;
	letter-spacing: 0.04em;
	color: #a0a0a0;
}

.hmiddle  .change_sub_title>div.active {
	color: #FFFFFF;
}
.hmiddle  .change_sub_title>div::before {
	content: "\2022";
	color: #3b8cc4;
	font-weight: bold;
	display: inline-block;
	width: 1.6em;
	font-size: 0.90em;
}
.hmiddle  .change_sub_title>div.active::before {
	content: "\2022";
	color: #34ace0;
	transform: scale(1.5);
	position: relative;
	left: 0.55em;
}
.line {
	position: absolute;
	top: 45%;
	left: 2.15em;
	width: 0.095em;
}
.line img {
	width: 100%;
	display: block;
}
.hbtm {
	width:100%;
	z-index:102;
}
.change_language>a {
	color: #FFFFFF;
	display: block;
	margin-right: 1em;
	border-radius: 50%;
	background: transparent;
	padding: 0.5em;
	transition: 0.6s;
}
.change_language>a.active {
	background: #34ace0;
}

.h-cont {
	display:flex;
	align-items: center;
	justify-content: flex-end;
	text-shadow:none;
	margin-top:0.5em;
}
#cont-now .h-cont {
	justify-content: center;
	margin-top:3em;
}
.h-cont .h-cont-i {
	display:flex;
	background:#fff;
	border-radius: 50%;
	height: 2.8em;
	width: 2.8em;
	align-items: center;
	justify-content: center;
	margin-right:0.5em;
	cursor:pointer;
}
#cont-now .h-cont .h-cont-i {
	width:5em;
	height:5em;
	margin-right:0;
}
#cont-now .flex_col {
	margin-right:3em;
}
#cont-now .flex_col:last-child {
	margin-right:0;
}
#cont-now .flex_col .h-cont-a2 {
	margin-top:1em;
	color:#fff;
}
.h-cont .h-cont-i:last-child {
	margin-right:0;
}
.h-cont .h-cont-i:hover {
	background:#d1bea1;
}
.h-cont .h-cont-i:hover i {
	color:#fff!important;
}
.h-cont i {
	color:#d1bea1;
	font-size:1.5em;
	transition: 0ms!important;
	margin-left:0.05em;
}
#cont-now .h-cont i {
	font-size:2.5em;
}

.menu {
	position: relative;
	letter-spacing: 1px;
	text-shadow: none;
	width:100%;
}
.menu:before {
	content: '';
	position: absolute;
	top: 10%;
	left: 0;
	width: 0.2em;
	bottom: 10%;
	background: #1c1c1c;
}
.menu:after {
	content: '';
	position: absolute;
	top: 0;
	width: 0.2em;
	right: 0;
	bottom: 0;
	background: #1c1c1c;
}
.menu>a {
	display: block;
	margin: 0 1em;
	transition: 0.6s;
	color: #1c1c1c;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: bottom;
}
.menu>a:hover {
	color: #d1bea1;
}
.menu>a:first-child {
	margin-left:2em;
}
.menu>a:last-child {
	margin-right:2em;
}

a.scroll {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 2em;
	-webkit-animation: pulsDown 2s infinite;
	-moz-animation: pulsDown 2s infinite;
	-o-animation: pulsDown 2s infinite;
	animation: pulsDown 2s infinite;
}
a.scroll img {
	width: 1.12em;
}

@-webkit-keyframes pulsDown {
	0% {
		-webkit-transform: translateY(0)
	}
	50% {
		-webkit-transform: translateY(10px)
	}
	to {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes pulsDown {
	0% {
		-moz-transform: translateY(0)
	}
	50% {
		-moz-transform: translateY(10px)
	}
	to {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes pulsDown {
	0% {
		-o-transform: translateY(0)
	}
	50% {
		-o-transform: translateY(10px)
	}
	to {
		-o-transform: translateY(0)
	}
}

@keyframes pulsDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

/* =========================== Наши услуги */
section#services {
	position: relative;
	transition: 0.6s;
	padding: 2em 0;
}
.irek_irek {
	width: 0.333em;
	margin-top:2em;
	margin-bottom:3em;
	transform: rotate(90deg)!important;
}
#services h2 {
	margin-bottom: 0.8em;
}
.services_item {
	position: relative;
	text-align: center;
	width: 25%;
	margin-bottom: 1.5em;
	cursor: pointer;
	color:#fff;
}
.services_icon_bg {
	padding: 3em;
	transition: 0.6s;
}
.services_item:hover .services_icon {
	-webkit-filter: brightness(100%) sepia(1) saturate(100)  invert(0.2) hue-rotate(150deg);
	filter: brightness(100%) sepia(1) saturate(100)  invert(0.2) hue-rotate(150deg);
}
.services_item:hover .services_text{
	top: -2em;
}
.services_text {
	position: relative;
	top: -3em;
	transition: 0.6s;
}
.services_icon {
	width: 6em;
}
.list_services {
	position: relative;
}
.top {
	top: 4.5em;
}
.shadow {
	position: absolute;
	top: -4%;
	left: -3.7%;
	width: 108%;
	pointer-events: none;
}

/* =========================== Наши работы */
section#our_work {
	position: relative;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	transition: 0.6s;
	padding: 2em 0;

}
.our_work_item {
	width: 47%;
}

.our_work_text>p {
	font-size: 0.90em;
	line-height: 1.7em;
	margin-bottom: 2em;
}
.all_works {
	padding: 0.9em 2.5em;
}
.work1_img {
	position: relative;
}
.portfolio_left_text {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-54%, -50%) rotate(-90deg);
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	color: #1fabe2;
	letter-spacing: 0.1em;
}
.right {
	position: absolute;
	left: 102%;
	top: 50%;
	transform: translate(-47%, -50%) rotate(90deg);
}
.portfolio_name {
	text-transform: uppercase;
	text-align: center;
	margin-top: 1em;
	text-align: right;
}
.portfolio_image1, .portfolio_image2, .portfolio_image3 {
	position: relative;
	display: inline-block;
	-webkit-background-size: cover;
	background-size: cover;
	width: 93%;
}

.portfolio_image1 img, .portfolio_image2 img, .portfolio_image3 img {
	width: 100%;
}

.portfolio_image2 {
	-webkit-background-size: cover;
	background-size: cover;
	width: 100%;
}
.portfolio_image3 {
	-webkit-background-size: cover;
	background-size: cover;
	width: 100%;
}
.width_port3 {
	display: inline-block;
	width: 72%;
}
.our_work_text {
	margin-bottom: 4em;
}

.work2_img {
	width: 82%;
}

.work_quote {
	opacity:0.8;
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	color:#fff;
	text-shadow: none;
}
.our_work_menu {
	margin-top:1em;
}
.our_work_menu button {
	margin:5px;
}
.p-over:before {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: 0 0 120px rgba(0, 0, 0, 0.5);
	background: #000;
	opacity: 0.5;
}
.p-item {
	cursor:pointer;
	color:#fff;
	display:block;
}
.p-item:hover .p-over:before {
	opacity:0;
}

.our_work_item .circle-wrap {
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	margin-left: -100px;
	margin-top: -100px;
	background: none;
	padding-top: 0;
}
.our_work_item .circle-wrap .folio-circle {
	width: 100%;
	height: 100%;
	padding: 31px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.01);
	transition: all 0.3s ease;
}
.our_work_item .circle-wrap .folio-circle .circle-inner {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-animation: gotop 1.5s ease infinite;
	animation: gotop 1.5s ease infinite;
}
@-webkit-keyframes gotop {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes gotop {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
/* =========================== Наши преимущества Наша стратегия */
section#our_advantages_strategy {
	position: relative;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	transition: 0.6s;
	padding: 2em 0;

}
#our_advantages_strategy .container {
	width: 70%;
}
.our_adv_str_item {
	width: 48%;
}
.adv_item {
	width: 48%;
}
.adv_text {
	width: 85%;
}
.adv_number {
	font-size: 2.4em;
}
.adv_text span {
	font-size: 1.1em;
	font-weight:bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
.adv_text p {
	color: #f2f3f4;
	font-size: 0.90em;
	letter-spacing: 0.05em;
	line-height: 1.7em;
}
.adv_icon {
	width: 4.5em;
}
.adv_icon> img{
	width: 100%;
}

/* =======================НАША КОМАНДА */
#team {
	position:relative;
}
.flex-team {
	position:relative;
	display:flex;
	justify-content:space-around;
	align-items:center;
	margin-bottom:1em;
}
.flex-team-img {
	position:relative;
	display:flex;
	justify-content:space-around;
	align-items:center;
}
.blue-line {
	opacity:0.8;
	height: 1px;
	background-image: linear-gradient(to left, #1a90c200 0, #1a90c2 50%, #1a90c300 100%);
	width: 100%;
}
.team-zag {
	margin:3em 0;
}
.team-title {
	padding-right:2em;
	border-right:1px solid #989ea6;
}
.team-text {
	margin-left:2em;
}
.team-text span {
	font-weight:bold;
	font-size:1.3em;
	color:#1fabe2;
}
.light-team {
	opacity:0.4!important;
	position:absolute;
	top:-10em;
	left:0;
	z-index:-1;
}
.member {
	z-index: 2;
	padding:0 4px;
}
.member-info {
	margin-top:1em;
	text-align:center;
	color:#d3daf5;
}
.member-info-position {
	text-transform:lowercase;
}

.member-line {
	width:100%;
	height:1px;
	background:#295376;
	position:absolute;
	z-index:0;
	top:30px;
}

.team-span {
	display:block;
	width:67px!important;
	margin-top: -2em;
}
.team-avatar {
	border-radius:50%;
}

#team-carousel .owl-item:nth-child(2n) {
	width:auto!important;
}
#team-carousel .owl-stage {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#team-carousel .owl-stage:after {
	content:none!important;
}
#team-carousel .owl-nav {
	display:none;
}
/* =========================== Footer */
footer {
	position: relative;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	transition: 0.6s;
	padding: 2em 0 4em;

}
label {
	position: absolute;
	top: 50%;
	left: 0;
	transition: 0.6s;
	pointer-events: none;
	padding: 0 0.6em;
}
.w50 {
	width: 47%;
}
.input_item.active label, .input_item:focus-within label {
	top: -20%;
}
.input_item_phone label,
.input_item.input_item_phone.active label, .input_item.input_item_phone:focus-within label {
	top: -50%;
}
.input_item_phone input::placeholder {
	color:rgba(255, 255, 255, 0.2);
}
footer h2 {
	margin-bottom: 1.5em;
}
.mrg-b {
	margin-bottom: 3em;
}

.feedback {
	width: 30em;
	margin: 0 auto 10em;
}
#form_feedback button, #form_call button {
	margin-top: 2em;
	padding: 0.8em 1.5em;
}
.footer_logo img {
	cursor: pointer;
}
.footer_logo img {
	width: 11em;
	margin: 0 1em 1em 0;
}
.footer_info {
	text-align: center;
}
.equal_width {
	width: 16em;
	margin-left: auto;
}
.equal_width img {
	width: 1.2em;
	margin-right: 0.75em;
}
footer a {
	color: #FFFFFF;
}
.phone_number a {
	display: block;
	margin-left: 0.25em;
	font-size: 1.4em;
}

.footer_info span {
	display: block;
	margin-top: 2.6em;
}
.share {
	margin-top: 2.6em;
	text-shadow: none;
}
.share> p{
	margin-right: 0.5em;
}
.share>a {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	border-radius:50%;
	margin: 0 0.4em;
	width: 2.1em;
	height: 2.1em;
}
.share  i {
	font-size: 1.3em;
	color: #000000;
}


/* f-header */
.f-header {
	padding:10px;
	background: #fff;
	position:fixed;
	z-index:1000;
	width:100%;
}
.f-header-dynamic {
	transform: translateY(-100px);
	transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;

}
.f-header-active {
	transform: translateY(0);
}
.f-header menu {
	letter-spacing: 1px;
}
.f-soc {
	margin-left:40px;
}
.f-soc a {
	color:#fff;
}
.f-soc a:first-child {
	margin-right:15px;
}

.f-logo {
	width:150px;
	margin-right:40px;
	padding-bottom:1px;
	cursor:pointer;
}

.f-mob-header {
	text-shadow: none;
	display: none;
	background: #fff;
	position:fixed;
	top: 0;
	z-index:1000;
	width:100%;
}
.mob_menu i {
	color:#000;
}
.f-mob-header-p {
	padding:10px 20px;
}
.f-mob-header i {
	font-size: 2em;

}
.f-mob-logo {
	width: 140px;
	padding:10px 0;
}
.new-mob-menu {
	position:absolute;
	top:58px;
	width:100%;
	font-size: 1.5em;
}
.new-mob-menu a {
	text-align:center;
}

.new-soc-mob a {
	color:#fff;
}

.e-1 {
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.city-inner {
	position:relative;
	width:100%;
}
.city {
	width:100%;
	display:inline-block;
	vertical-align:middle;
	z-index:29;
}
.ship {
	position:absolute;
	width:100%;
	bottom: 0%;
	right: 0%;
	z-index:30;
	-webkit-animation: animShip 18s infinite linear;
	-moz-animation: animShip 18s infinite linear;
	animation: animShip 18s infinite linear;
	animation-iteration-count:1;
}
@-webkit-keyframes animShip {
	from {
		bottom: -2%;
		right: -22%;
	}
	to {
		bottom: 0%;
		right: 0%;
	}
}
@-moz-keyframes animShip {
	from {
		bottom: -2%;
		right: -22%;
	}
	to {
		bottom: 0%;
		right: 0%;
	}
}
@keyframes animShip {
	from {
		bottom: -2%;
		right: -22%;
	}
	to {
		bottom: 0%;
		right: 0%;
	}
}

.subaru {
	position:absolute;
	top:0;
	width:100%;
	opacity:0.7;
	z-index:28;
	left:-8%;
	-webkit-animation: animSubaru 12s infinite linear;
	-moz-animation: animSubaru 12s infinite linear;
	animation: animSubaru 12s infinite linear;
}
@-webkit-keyframes animSubaru {
	from {
		left:-900px;
	}
	to {
		left:60%;
		opacity:0;
	}
}
@-moz-keyframes animSubaru {
	from {
		left:-8%;
	}
	to {
		left:60%;
		opacity:0;
	}
}
@keyframes animSubaru {
	from {
		left:-8%;
	}
	to {
		left:60%;
		opacity:0;
	}
}

.vetr {
	position:absolute;
	animation: rotation 4.5s infinite linear;
	-moz-animation: rotation 4.5s infinite linear;
	-webkit-animation: rotation 4.5s infinite linear;
}
#vent1 {
	top:50%;
	left:5.7%;
	width:6%;
}
#vent2 {
	top:42.1%;
	left:9.1%;
	width:8%;
}
#vent3 {
	top:47.7%;
	left:14.8%;
	width:6.7%;
}
@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to   {-webkit-transform: rotate(359deg);}
}

.kach {
	position:absolute;
	animation: kach-rotation 2.5s infinite linear;
	-moz-animation: kach-rotation 2.5s infinite linear;
	-webkit-animation: kach-rotation 2.5s infinite linear;
	animation-direction: alternate;
}
#kach1 {
	top: 54.8%;
	left: 7.7%;
	width: 4.5%;
}
#kach2 {
	top: 57.3%;
	left: 13.7%;
	width: 3.7%;
}
@-webkit-keyframes kach-rotation {
	from {-webkit-transform: rotate(-30deg);}
	to   {-webkit-transform: rotate(20deg);}
}

.clouds-1 {
	position:absolute;
	top:0;
	width:100%;
	z-index:32;
}
.lines {
	position:absolute;
	bottom:-20%;
	left: 0;
	z-index:29;
	width:100%;
	-webkit-animation: animLines 2s infinite linear;
	-moz-animation: animLines 2s infinite linear;
	animation: animLines 2s infinite linear;
	animation-direction: alternate;
}

@-webkit-keyframes animLines {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-moz-keyframes animLines {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@keyframes animLines {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}


.stars {
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}

.shine-light {
	position:absolute;
	top:-5%;
	opacity:1;
	width:100%;
	/*-webkit-animation: animSvetE1 25s linear;*/
	/*-moz-animation: animSvetE1 25s linear;*/
	/*animation: animSvetE1 25s linear;*/
	/*animation-iteration-count:1;*/
}

.shadow-square {
	position:absolute;
	right:0;
	top:5%;
	width:100%;
}
.shadow-square2 {
	position:absolute;
	right:0;
	top:5%;
	width:100%;
}

.cloud-1 {
	position:absolute;
	top:0;
	left:-50%;
	width:100%;
}

.shadow-base {
	position:absolute;
	width:100%;
	top:0;
}
/* svet */
.svet-e-1 {
	position:absolute;
	top:0;
	z-index:31;
	opacity:1;
	width:100%;
	/*-webkit-animation: animSvetE1 25s linear;*/
	/*-moz-animation: animSvetE1 25s linear;*/
	/*animation: animSvetE1 25s linear;*/
	/*animation-iteration-count:1;*/
}
@-webkit-keyframes animSvetE1 {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-moz-keyframes animSvetE1 {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@keyframes animSvetE1 {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}

.city-shine {
	position:absolute;
	top:-5%;
	opacity:0.4;
	width:100%;
	/*-webkit-animation: animCityShine 9s linear;*/
	/*-moz-animation: animCityShine 9s linear;*/
	/*animation: animCityShine 9s linear;*/
	/*animation-iteration-count:1;*/
}
@-webkit-keyframes animCityShine {
	from {
		opacity:0;
	}
	to {
		opacity:0.4;
	}
}
@-moz-keyframes animCityShine {
	from {
		opacity:0;
	}
	to {
		opacity:0.4;
	}
}
@keyframes animCityShine {
	from {
		opacity:0;
	}
	to {
		opacity:0.4;
	}
}

.global-shadow {
	position: fixed;
	width: 100%;
	height:100%;
	z-index:-1;
}

.wave {
	position:absolute;
	top:0;
	opacity:0.7!important;
}

.container-lines {
	position: fixed;
	width: 100%;
	height:100%;
	z-index:1;
}
.container-lines-inner {
	position:relative;
	margin:0 auto;
	width:67%;
	height:100%;
}
.w-line {
	position:absolute;
	width:1px;
	background: rgba(39, 145, 198, 0.13);
	height:100%!important;
}
.line-1 {
	left:0;
}
.line-2 {
	left:10%;
	height:0%;
	bottom:0;
}
.line-3 {
	left:20%;
	height:120px;
}
.line-4 {
	left:30%;
	height:35px;
	bottom:0;
}
.line-5 {
	left:40%;
	height:60px;
}
.line-6 {
	left:50%;
	height:200px;
	bottom:0;
}
.line-7 {
	left:60%;
	height:55px;
}
.line-8 {
	left:70%;
	height:70px;
	bottom:0;
}
.line-9 {
	left:80%;
	height:140px;
}
.line-10 {
	left:90%;
	height:10px;
	bottom:0;
}
.line-11 {
	left:100%;
}

.w-line-block {
	width: 8px;
	height: 23px;
	left: -4px;
	position: absolute;
	background: #228ac5;
	top: 3%;
}

.line-b {
	background:#1fabe2;
	margin-left:-5px;
	width:10px;
	height:30px;
	position:absolute;
}
.lb-1 {
	top:10%;
}
.lb-2 {
	top:40%;
}
.lb-3 {
	top:10%;
}
.lb-4 {
	top:70%;
}
.lb-5 {
	top:50%;
}


.s2 {
	position:absolute;
	top:-25%;
}
.e2 {
	position:absolute;
	top:-17%;
	width:100%;
	z-index:-1;
}

.svet-e-3 {
	position: absolute;
	right: 0;
	top: 0;
}

.oblako-e-3 {
	position: absolute;
	right: 0;
	top: 20%;
	opacity:0.6;
}

.svet-e-4 {
	position: absolute;
	right: 0;
	opacity:0.7;
}
.e-4{
	position:absolute;
	bottom:0;
	width:100%;
	z-index:-2;
}

@-webkit-keyframes animCloud1 {
	from {
		left:-1417px;
	}
	to {
		left:100%;
	}
}
@-moz-keyframes animCloud1 {
	from {
		left:-1417px;
	}
	to {
		left:100%;
	}
}
@keyframes animCloud1 {
	from {
		left:-1417px;
	}
	to {
		left:100%;
	}
}

@-webkit-keyframes animCloud2 {
	from {
		left:-900px;
	}
	to {
		left:100%;
	}
}
@-moz-keyframes animCloud2 {
	from {
		left:-900px;
	}
	to {
		left:100%;
	}
}
@keyframes animCloud2 {
	from {
		left:-900px;
	}
	to {
		left:100%;
	}
}
.cloud1 {
	position:absolute;
	top:11%;
	z-index:101;
	-webkit-animation: animCloud1 60s infinite linear;
	-moz-animation: animCloud1 60s infinite linear;
	animation: animCloud1 60s infinite linear;
	opacity:0.5;
}
.cloud2 {
	position:absolute;
	top:5%;
	-webkit-animation: animCloud2 68s infinite linear;
	-moz-animation: animCloud2 68s infinite linear;
	animation: animCloud2 68s infinite linear
}

.nicescroll-rails-vr {
	z-index:2000!important;
}
.nicescroll-rails-vr .nicescroll-cursors {
	background-color: #d1bea1!important;
	border:none!important;
}

/* Обратный звонок */
#popup__toggle {
	bottom: 0;
	right: -30px;
	position: fixed;
	display: none;
	z-index: 103;
	box-shadow:none;
	opacity: 0.8;
}
#popup__toggle:hover {
	opacity: 1;
}
.circlephone {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	border: 2px solid #d1bea1;
	width: 150px;
	height: 150px;
	bottom: -25px;
	right: 10px;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	opacity: .5;
	-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
	-moz-animation: circle-anim 2.4s infinite ease-in-out !important;
	-ms-animation: circle-anim 2.4s infinite ease-in-out !important;
	-o-animation: circle-anim 2.4s infinite ease-in-out !important;
	animation: circle-anim 2.4s infinite ease-in-out !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
}
.circle-fill {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	background-color:#d1bea1;
	width: 100px;
	height: 100px;
	bottom: 0px;
	right: 35px;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: circle-fill-anim 2.3s infinite ease-in-out;
	animation: circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
}
.img-circle {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	width: 72px;
	height: 72px;
	bottom: 14px;
	right: 49px;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 0.9;
	background-color: #d1bea1;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.put_i {
	position: absolute;
	top: 50%;
	left: 50%;
	text-shadow:none;
}
.img-circleblock {
	box-sizing: content-box;
	font-size: 2.3em!important;
	-webkit-box-sizing: content-box;
	animation-name: tossing;
	-webkit-animation-name: tossing;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	color: #ffffff;
}

#whatsapp-circle {
	bottom: 2.5em;
	left: 180px;
	position: fixed;
	display: none;
	z-index: 103;
	box-shadow:none;
	opacity: 0.8;
}
.circlewhatsapp .circlephone {
	border-color: #32de84;
}
.circlewhatsapp .img-circle,
.circlewhatsapp .circle-fill {
	background-color: #32de84;
}
.circlewhatsapp .fab {
	font-size: 2.2rem!important;
}

@keyframes pulse{0%{transform:scale(0.9);opacity:1;}
	50%{transform:scale(1);opacity:1;}
	100%{transform:scale(0.9);opacity:1;}
}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.95);opacity:1;}
	50%{-webkit-transform:scale(1);opacity:1;}
	100%{-webkit-transform:scale(0.95);opacity:1;}
}
@keyframes tossing{0%{transform:rotate(-8deg);}
	50%{transform:rotate(8deg);}
	100%{transform:rotate(-8deg);}
}
@-webkit-keyframes tossing{0%{-webkit-transform:rotate(-8deg);}
	50%{-webkit-transform:rotate(8deg);}
	100%{-webkit-transform:rotate(-8deg);}
}
@-moz-keyframes circle-anim{0%{-moz-transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1;}
	30%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5;}
	100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1;}
}
@-webkit-keyframes circle-anim{0%{-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity:.1;}
	30%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity:.5;}
	100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1;}}
@-o-keyframes circle-anim{0%{-o-transform:rotate(0deg) scale(0.5) skew(1deg);-o-opacity:.1;}
	30%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);-o-opacity:.5;}
	100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1;}
}
@keyframes circle-anim{0%{transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1;}
	30%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.5;}
	100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1;}
}
@-moz-keyframes circle-fill-anim{0%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2;}
	50%{-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);opacity:.2;}
	100%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2;}}
@-webkit-keyframes circle-fill-anim{0%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2;}
	50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2;}
	100%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2;}
}
@-o-keyframes circle-fill-anim{0%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2;}
	50%{-o-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2;}
	100%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2;}
}
@keyframes circle-fill-anim{0%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2;}
	50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.2;}
	100%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2;}
}

/* SPLIT TEXT */
.main_carousel span {
	cursor:pointer;
}
.split div {
	display:inline-block!important;
}

/* MODAL */
.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display:none;
}
.modal_content {
	position: relative;
	width: 33em;
	margin: 0 auto;
	margin-top: 8em;
	padding: 2em 3.5em;
	background-color:#1c1c1c;
	z-index: 11;
	border: 3px solid #d1bea1;
	text-align: center;
}
.close_modal {
	position: absolute;
	top: .5em;
	right: .5em;
	color: #d1bea1;
	display: flex;
	justify-content: center;
	cursor: pointer;
	font-size: 1.8em;
	opacity: .8;
	z-index: 100;
}

.modal_overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #1c1c1cf2;
	cursor: pointer;
}

/* НАМ ДОВЕРЯЮТ */
#partners {
	padding-top: 2em;
}
#partners .owl-nav {
	display:none!important;
}
.logos-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.logos-box .partner-logo {
	width: 19%;
	text-align: center;
	position: relative;
	z-index: 1;
}
.logos-box .partner-logo img {
	width: 14.8em;
}
.logos-box:last-child {
	margin-bottom:0;
}

/* ХЛЕБНЫЕ КРОШКИ */
.breadcrumb {
	display:flex;
	align-items: center;
	margin-top:2em;
	line-height: 1;
}
.breadcrumb a {
	color:#d1bea1;
}
.breadcrumb i {
	margin:0 10px;
}


/* НОВОСТИ И АКЦИИ */
.new-item {
	background:#0f0e4e;
	font-size: 0.90em;
	text-shadow: none;
	display:block;
	color:#fff;
	width: 49%;
	margin-left: 2%;
}
.new-item:nth-child(3n+1) {
	margin-left:0;
}
.nw-it-50 {
	width:48%;
}

.new-item:last-child {
	margin-right:0;
}
.new-item button {
	text-shadow: none;
}
.new-item img {
	width:100%;
	object-fit: cover;
	height: 200px;
	vertical-align: bottom;
	filter:grayscale(20%);
	box-shadow: 0 4px 10px 5px rgba(0, 0, 0, 0.1);
}
.new-item-title {
	color:#fff;
	margin: 15px;
	height: 2.5em;
	display: flex;
	align-items: center;
}

.new-item a {
	color:#1fabe2;
}

.new-item-footer {
	font-size: 0.90em;
	padding:15px 15px;
}
.new-item-footer i {
	margin-right:5px;
	cursor:default;
}
.new-item-footer-btn {
	padding:0 15px 15px 15px;
}
.new-item-dv {
	opacity:0.7;
}
.new-item-tags {
	margin-top:5px;
}

.flip-image {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
/* БЛОГ */
#blog {
	position: relative;
}
.blog_st {
	display:flex;
	justify-content: space-between;
	text-shadow:none;
	margin-bottom:4em;
}
.blog_ct {
	width:70%;
}
.blog_ct_show {
	background:rgba(67, 71, 127, 0.35);
	padding: 15px;
	height: fit-content;
}
.blog_ct_tags {
	background:rgba(67, 71, 127, 0.35);
	padding: 15px;
	margin-top:1em;
	font-size:0.90em;
}
.blog_ct_tags button {
	text-shadow:none;
}
.blog_ct_show_also {
	margin-top:30px;
	display:block;
}
.blog_ct_show a {
	color:#1fabe2;
}
.blog_ct_show a:hover {
	opacity:0.7;
}

.blog_sd {
	width:30%;
}
.blog_ct .new-item {
	margin-bottom:1.5em;
}
.sd_block {
	margin-left: 1.5em;
	background: #0f0e4e;
	padding: 0 15px 15px 15px;
}
.sd_block:first-child {
	padding: 15px 15px 15px 15px;
}
.sd_block_search {
	position: relative;
}
.sd_block_search i {
	position:absolute;
	top:0;
	right:0;
	padding: 0.45em 0.6em;
	color:#fff;
}
.sd_title {
	font-size:1.2em;
	padding:15px 0;
}
.sd_title span {
	color: #1fabe2;
}
.sd_list ul li {
	margin-bottom:3px;
}
.sd_list ul li:last-child {
	margin-bottom:0;
}
.sd_list ul li a {
	color:#fff;
	transition: 0.6s;
}
.sd_list ul li a i {
	margin-right:10px;
	color: #1fabe2;
	font-size:0.8em;
}
.sd_list a:hover {
	opacity: 0.7;
}
.sd_list .l-active i {
	color:#6060a8;
}

.sd_ct_it {
	color:#fff;
	font-size: 0.90em;
	margin-bottom:1em;
	transition:0.6s;
}
.sd_ct_it:last-child {
	margin-bottom:0;
}
.sd_ct_it_i {
	width:80%;
	padding-left:1em;
}

.sd_ct_it_img {
	width:20%;
}
.sd_ct_it_img img {
	width:100%;
	height:60px;
	object-fit: cover;
}
.sd_ct_it_info {
	opacity:0.7;
	font-size: 0.90em;
}

/* Landing Page */
.energy_quote {
	margin-left:1.56em;
}
.lp-request {
	text-align:center;
	text-shadow:none;
	background: rgba(67, 71, 127, 0.35);
	border: 1px solid #1fabe263;
	padding:2em;
}
.ch_sb_ti_lp {
	margin: 2em 0 2em 1.56em!important;
}

/* АКЦИЯ */
.stock_block .titles {
	padding-bottom: 10px;
	padding-right: 15px;
	text-align: right;
}
.stock_block .titles .counter-subtitle {
	font-size: 9px;
	text-transform: uppercase;
	color: #1fabe2;
	letter-spacing: 1px;
	display: block;
	padding-bottom: 4px;
}
.stock_block .counter-title {
	display: block;
	font-size: 1.2em;
	color: #fff;
	text-transform: lowercase;
}
.countdowns {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.countdowns .countdown-item {
	padding: 8px;
	border: 1px solid rgba(39, 170, 224, 0.2);
	border-radius: 50%;
	margin-left: 15px;
}
.countdown {
	display: block;
	text-align: center;
	position: relative;
	width: 95px;
	height: 95px;
}
.countdowns:after {
	content: "";
	display: block;
	clear: both;
}
.countdown .counter-text {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
}
.countdown .counter-text span {
	display: block;
	width: 100%;
	font-size: 33px;
	color: #fff;
	line-height: 25px;
	padding-bottom: 3px;
}
.countdown .counter-text:before {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	border-radius: 50%;
	top: 12px;
	right: 12px;
	bottom: 12px;
	left: 12px;
	border: 1px solid rgba(39, 170, 224, 0.2);
}
.countdown .counter-text em {
	font-size: 10px;
	display: block;
	width: 100%;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-style: normal;
}
/* акция цена */
.stock_block .price {
	padding:6em;
}
.stock_block .old_price {
	position:relative;
	display:inline-block;
	opacity:0.5;
	font-size:2em;
}
.stock_block .old_price:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	color: red;
	width: 100%;
	height: 0;
	border-bottom: 3px solid #6060a8;
	transform: rotate(7deg);
}
.stock_block .new_price {
	font-size:3em;
	color:#1fabe2;
	margin-left:1em;
}
/* акция, выберите подарок */
.stock_block .gift_var {
	padding:4em;
}

.gift_var ul li i {
	margin-right:5px;
}

/* TIMELINE */
.token-sale-line-box {
	position: relative;
	-webkit-font-smoothing: antialiased;
	margin-top:10em;
	z-index: 3;
}
.token-sale-line-box .start-token-title {
	display: block;
	position: absolute;
	top: -38px;
	margin-left:20px;
	text-transform: lowercase;
	font-size: 1.2em;
	color: #d1bea1;
}
.token-sale-line-box .token-sale-inactive-line {
	background-color: #d1bea17a;
	height: 2px;
	position: absolute;
	left: 0;
	top: 1px;
	width: 100%;
}
.token-sale-line-box .token-sale-inactive-line:before {
	content: "";
	display: block;
	clear: both;
	width: 2px;
	background-color: #d1bea17a;
	position: absolute;
	left: 0;
	height: 78px;
	margin-top: -34px;
}
.token-sale-line-box .token-sale-inactive-line:after {
	content: "";
	display: block;
	clear: both;
	width: 2px;
	background-color: #d1bea17a;
	position: absolute;
	right: 0;
	height: 78px;
	margin-top: -34px;
}
.token-sale-line-box .events-list {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 23px;
	z-index: 3;
}
.token-sale-line-box .event-item {
	position: absolute;
	bottom: 0;
}
.token-sale-line-box .event-item .item-point {
	border-radius: 50%;
	background-color: #fff;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 100%;
	margin-top: 13px;
	left: 50%;
	margin-left: -11px;
}
.token-sale-line-box .event-item .item-point:after {
	content: "";
	display: block;
	clear: both;
	background-color: #d1bea1;
	position: absolute;
	top: 7px;
	right: 7px;
	bottom: 7px;
	left: 7px;
	border-radius: 50%;
}
.token-sale-line-box .event-item span {
	display: block;
	color: #d1bea1;
	font-size: 1.2em;
	padding: 5px 0;
}
.token-sale-line-box .event-item .strong {
	color: #fff;
	font-size: 1.2em;
	text-transform: lowercase;
}
.token-sale-line-box .event-item.actived:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.token-sale-line-box .event-item:after {
	content: "";
	display: block;
	clear: both;
	background: url(../img/bg-timeline-actived.png) no-repeat;
	background-size: 40px auto;
	width: 40px;
	height: 40px;
	top: 100%;
	left: 50%;
	position: absolute;
	margin-left: -20px;
	margin-top: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.event-item i {
	font-size:2em;
	opacity:0.7;
}

.token-sale-line-box .progress-fill {
	position: relative;
}
.token-sale-line-box .progress-fill .progress-line {
	position: absolute;
	left: 1px;
	width: 85%;
	top: 0px;
	background-color: #d1bea1;
	height: 4px;
	-webkit-box-shadow: 0 0 15px rgba(28, 121, 168, 0.5);
	box-shadow: 0 0 15px rgba(28, 121, 168, 0.5);
	border-radius: 0 2px 2px 0;
}
.timeline-quote {
	margin-left:20px;
	padding-top:0.5em;
}

/* ПРЕИМУЩЕСТВА ПРОДУКТА */
#product_advantages {
	position:relative;
}
.pr_advs {
	margin-top:2em;
}
.pr_adv {
	width:33.3333%;
	text-align:center;
	padding:0 0.5em;
}
.pr_adv_icon {
	filter: brightness(100%) sepia(1) saturate(100) invert(0.2) hue-rotate(150deg);
}
.pr_adv_zag {
	font-size: 1.1em;
	font-weight:bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
.pr_adv_text {
	color: #f2f3f4;
	font-size: 0.90em;
	letter-spacing: 0.05em;
	line-height: 1.7em;
}
.pr_adv_quote {
	margin-top:2em;
}

/* МОЛНИИ */
.shake {
	-webkit-animation: shake-hard 2.9s linear;
	-moz-animation: shake-hard 22.9s linear;
	animation: shake-hard 22.9s linear;
	animation-iteration-count: 1;
}
.l1 {
	height:0;
	opacity:0.3;
	overflow:hidden;
	position: absolute;
}
.l1-go {
	-webkit-animation: animLightBolt1 0.5s linear;
	-moz-animation: animLightBolt1 0.5s linear;
	animation: animLightBolt1 0.5s linear;
	animation-iteration-count: 1;/*infinite;*/
}
.l1-inner {
	height:416px;
}

@-webkit-keyframes animLightBolt1 {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-moz-keyframes animLightBolt1 {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@keyframes animLightBolt1 {
	from {
		height:0;
	}
	to {
		height:416px;
	}
}


@keyframes shake-hard {
	2% {
		transform: translate(10px, -5px) rotate(-0.5deg); }
	4% {
		transform: translate(4px, 1px) rotate(0.5deg); }
	6% {
		transform: translate(10px, 9px) rotate(2.5deg); }
	8% {
		transform: translate(7px, 7px) rotate(3.5deg); }
	10% {
		transform: translate(10px, 0px) rotate(0.5deg); }
	12% {
		transform: translate(-3px, -4px) rotate(0.5deg); }
	14% {
		transform: translate(-4px, -2px) rotate(-0.5deg); }
	16% {
		transform: translate(8px, 7px) rotate(3.5deg); }
	18% {
		transform: translate(-8px, -3px) rotate(0.5deg); }
	20% {
		transform: translate(2px, -7px) rotate(-2.5deg); }
	22% {
		transform: translate(6px, 1px) rotate(-1.5deg); }
	24% {
		transform: translate(1px, 1px) rotate(-2.5deg); }
	26% {
		transform: translate(-1px, 10px) rotate(2.5deg); }
	28% {
		transform: translate(10px, -1px) rotate(3.5deg); }
	30% {
		transform: translate(-8px, -2px) rotate(2.5deg); }
	32% {
		transform: translate(7px, 0px) rotate(3.5deg); }
	34% {
		transform: translate(-1px, -3px) rotate(-1.5deg); }
	36% {
		transform: translate(-5px, 8px) rotate(1.5deg); }
	38% {
		transform: translate(8px, 5px) rotate(3.5deg); }
	40% {
		transform: translate(10px, 2px) rotate(-1.5deg); }
	42% {
		transform: translate(0px, -1px) rotate(-2.5deg); }
	44% {
		transform: translate(-3px, -6px) rotate(0.5deg); }
	46% {
		transform: translate(0px, -6px) rotate(-2.5deg); }
	48% {
		transform: translate(6px, 6px) rotate(-2.5deg); }
	50% {
		transform: translate(-3px, 9px) rotate(-0.5deg); }
	52% {
		transform: translate(7px, -3px) rotate(1.5deg); }
	54% {
		transform: translate(7px, 0px) rotate(1.5deg); }
	56% {
		transform: translate(3px, -7px) rotate(0.5deg); }
	58% {
		transform: translate(2px, -3px) rotate(-2.5deg); }
	60% {
		transform: translate(5px, 2px) rotate(-2.5deg); }
	62% {
		transform: translate(-2px, 10px) rotate(-0.5deg); }
	64% {
		transform: translate(8px, -2px) rotate(3.5deg); }
	66% {
		transform: translate(8px, -3px) rotate(1.5deg); }
	68% {
		transform: translate(4px, 5px) rotate(2.5deg); }
	70% {
		transform: translate(0px, -7px) rotate(2.5deg); }
	72% {
		transform: translate(5px, -7px) rotate(1.5deg); }
	74% {
		transform: translate(-4px, -2px) rotate(-2.5deg); }
	76% {
		transform: translate(-8px, -2px) rotate(1.5deg); }
	78% {
		transform: translate(2px, -5px) rotate(0.5deg); }
	80% {
		transform: translate(-2px, -3px) rotate(0.5deg); }
	82% {
		transform: translate(-4px, -1px) rotate(-0.5deg); }
	84% {
		transform: translate(-4px, 8px) rotate(0.5deg); }
	86% {
		transform: translate(3px, 5px) rotate(-0.5deg); }
	88% {
		transform: translate(6px, -4px) rotate(3.5deg); }
	90% {
		transform: translate(-8px, 3px) rotate(-0.5deg); }
	92% {
		transform: translate(-5px, 3px) rotate(-2.5deg); }
	94% {
		transform: translate(10px, 2px) rotate(1.5deg); }
	96% {
		transform: translate(-8px, 6px) rotate(-2.5deg); }
	98% {
		transform: translate(10px, 9px) rotate(1.5deg); }
	0%, 100% {
		transform: translate(0, 0) rotate(0); } }


/* MOBILE APPS */
#mobile {
	height:100vh;
}
.mobile {
	width:564px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-282px;
	margin-top:-221px;
	z-index:10;
}
.cicl {
	position: relative;
}
.cicl-left {
	width:50%;
	text-align:right;
}
.cicl-right {
	width:50%;
	text-align:left;
}
.cicl-el {
	height:200px;
}
.cicl-el-info {
	width:100%;
}
.cicl-el span {
	font-size:3em;
	color: #1fabe2;
	font-weight:bold;
}
.cicl-el-zag {
	font-size: 1.1em;
	font-weight:bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
.cicl-el-text {
	color: #f2f3f4;
	font-size: 0.90em;
	letter-spacing: 0.05em;
	line-height: 1.7em;
}
.ce-one {
	margin-right:30%;
}
.ce-two {
	margin-right:45%;
}
.ce-three {
	margin-left:30%;
}
.ce-four {
	margin-left:45%;
}

/* ERROR 404 и т.д */
#error {
	position:relative;
	overflow-y:hidden;
}
.error-info {
	z-index:10;
}
.error-zag {
	font-size:1.5em;
}
#error h1 {
	font-size:10em;
	letter-spacing: 0.1em;
}
#error a {
	color: #1fabe2;
}
#error a:hover {
	opacity:0.7;
}

/* VIDEO */
.video-box {
	z-index:0;
	position:absolute;
	-webkit-box-shadow: 0 0 100px 110px #001136;
	box-shadow: 0 0 100px 110px #001136;
	width:100%;
	height:0px;
}
.video-file {
	width:100%;
	height: auto;
}
/* Razrabotka-Saytov VIDEO */
.video-one {
	margin-top: -435px;
	opacity: 0.4;
}
/* Marketing VIDEO */
.video-two {
	margin-top: -9em;
	opacity: 0.5;
}
/* Design VIDEO */
.video-three {
	position: fixed;
}

/* ALSO BLOCK */
.service-also {
	position: relative;
}

.service-also ul li {
	width:25%;
	border-top: 1px solid #1b1c48;
	border-left: 1px solid #1b1c48;
	text-align: center;
	padding:1em 0;
}

/* ОФФЕР */
.offer-p-t {
	padding-top:1.2em;
}
.offer-p-b {
	padding-bottom:1.2em;
}
.offerTitle {
	font-size:1.5em;
	text-align:center;
}
.offerButton {
	width:90%;
	height:5em;
	border-radius:1em;
	font-size:1.2em;
	background: #6060a8;
	border:1px solid #6060a8;
	text-shadow: none;
	animation: shadow-pulse-2 1.8s infinite;
}
.offerButton:hover {
	background:#fff;
	color:#6060a8;
}
.lp_Offer {
	width:100%;
	text-align:center;
}
.fadeOutButton {
	animation: animFadeOut 0.6s;
	animation-fill-mode: forwards;
}
.fadeInButton {
	animation: animFadeIn 0.6s normal;
	animation-fill-mode: forwards;
}
#offerForm {
	opacity:0;
	display:none;
	width:100%;
	text-align:center;
}
#offerForm .lp-request {
	width:50%;
	margin: 0 auto;
	padding:1em 2em;
}

@keyframes animFadeOut
{
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@keyframes animFadeIn
{
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

#seoBlock h2 {
	margin-bottom: 0.8em;
}
.seoText {
	opacity:0.8;
}
.seoText p {
	margin-bottom:1em;
}
.seoText ul li {
	list-style-type: circle;
}
.seoText ul {
	margin-bottom:1em;
}
.seoText a {
	color:#fff;
}

.gift-block {
	bottom: 50%;
	right: 0;
	z-index:103;
	position:fixed;
	display:flex;
	align-items: center;
	background:#0e164f;
	border-top:2px solid #1fabe2;
	border-left:2px solid #1fabe2;
	border-bottom:2px solid #1fabe2;
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
	color:#fff;
	text-shadow:none;
	padding:0.5em 1em;
	flex-direction: column;
	font-weight:bold;
	cursor:pointer;
}
.gift-text {
	text-align: center;
}
.gift {
	display:flex;
	width: 52px;
	height: 52px;
	align-items: center;
	justify-content: center;

}
.gift img {
	width:80%;
}

.fMenu {
	margin-top:2em;
}
.fMenu-menu {
	margin-top:2em;
	font-size:0.9em;
	text-shadow:none;
}
.fmenu-menu ul {
	display:flex;
}
.fMenu-menu ul li {
	padding-right:1em;
}
.fMenu-menu ul li a {
	color:#fff;
}

.sitemap {
	display:flex;
}
.sitemapBlock {
	padding-right:2em;
}
.sitemapTitle {
	font-weight:bold;
	margin-bottom:0.5em;
}
.sitemapBlock ul li a {
	color:#1fabe2;
	padding-left:1em;
}

.price {
	display:flex;
	justify-content: space-between;
	text-shadow: none;
}
.pB {
	width:32%;
	display:flex;
	flex-direction: column;
	padding-top:2em;
}

.pB-inner {
	border-radius:1em;
	border:3px solid #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top:1em;
	padding-bottom:2em;
}

.pB-center {
	width:34%;
	margin:0 2em 0 2em;
}

.pB-title {
	width:70%;
	margin: 0 auto;
	text-align: center;
	border-top-left-radius:1em;
	border-top-right-radius:1em;
	padding:1em;
	background:#6060a8;
	font-size:1.3em;
	font-weight: bold;
}

.pB ul {
	padding:0 1em;
}
.pB ul li {
	font-size:1.1em;
	margin-top:0.3em;
	padding:0.2em 0;
	cursor: pointer;
	position: relative;
}
.pB ul li i {
	color:#1fabe2;
	margin-right:0.5em;
}

.pB-cena {
	padding:0.8em 0;
	opacity:0.8;
	text-align: center;
	font-size:2em;
}
.pB-cena span {
	font-size:0.6em;
	margin-right:0.5em;
}
.pB-cena span:last-child {
	margin-right:0;
}



.btn-gs-1 {
	animation: shadow-pulse-gs-2 2s infinite;
	border:0!important;
}
.btn-gs-2 {
	animation: shadow-pulse-gs-2 2s infinite;
	border:0!important;
}
.btn-gs-3 {
	animation: shadow-pulse-gs-1 2s infinite;
	border:0!important;
}
.color-gs-1, .color-gs-1 i {
	color:#f2ba30!important;
}
.color-gs-3, .color-gs-3 i {
	color:#81d9b8!important;
}

.t-left .gr-title {
	text-align: left;
}
.t-left .ch_sb_ti_lp {
	margin: 1em 0 2em 0!important;
}
.t-left .energy_quote {
	margin-left:0;
}
.split span {
	color:#1fabe2;
}
.t-left .work_quote {
	font-weight: bold;
}
.t-left .lp-request h3 {
	border-right: 3px solid #3eaae2;
	margin-right: 1em;
	padding-right: 1em;
	margin-bottom:0;
}
.t-left .lp-request {
	padding:1em;
}
.t-left .hmiddle .change_sub_title>div {
	margin-bottom:0.5em;
}
.t-left .lp-request .input_item {
	width:100%;
	margin-top:1em;
}
.mc {
	display:flex;
	align-items: center;
	position: absolute;
	width:100%;
	height:100%;
	z-index: 2;
}
.mc-image {
	position: absolute;
	right:0;
	width:45%;
}
.mc-image-img {
	width:100%;
	z-index:1;
	position: relative;
}
.mc-slider {
	position:absolute;
	z-index:0;
	width: 71%;
	height: 76%;
	left: 15%;
	top: 10%;
	overflow: hidden;
}
.mc-slider .owl-item {
	position: relative;
	width: 100%!important;
}
.mc-slider .owl-item img {
	/*height: 77%;*/

	width: 100%;
	object-fit: contain;
	/*position: absolute;*/
	/*left: 14%;*/
	/*top: 10%;*/
}
.mc-slider .owl-stage-outer {

	overflow: hidden;
}
.mc-slider .owl-stage {
	display:flex;
}
.mc-slider .owl-stage, .mc-slider .owl-item {
	height: 100%;
}

#bus h3 {
	margin-bottom:0.3em;
}
.bus {
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	margin-top:5em;
	margin-bottom:2em;
	flex-wrap: wrap;
}
.bus-item {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:33.33%;
	margin-bottom: 2em;
}

.bus-item-icon {
	border: 3px solid #d1bea1;
	display:flex;
	align-items: center;
	justify-content: center;
	width:9em;
	height:9em;
	cursor: pointer;
}
.bus-item-icon img {
	width:50%;
}
.bus-item-title {
	margin-top:1em;
	border-bottom:1px dotted grey;
	cursor: pointer;
	text-align: center;
}
.bus-item-icon:hover {
	background:#d1bea1;
}
.bus-item-icon:hover img {
	-webkit-filter: grayscale(1) invert(1);
	filter: grayscale(1) invert(1);
}
.bus-item-title:hover {
	border-bottom:1px dotted transparent;
}
@media (max-width:768px) {
	.bus-item {
		width:50%;
	}
}



.dquote {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-top:3em;
}
.dquote-text {
	font-style: italic;
	font-size:1.2em;
	margin-bottom:1em;
}
.dquote-author {
	display:flex;
	align-items: center;
	margin-right:2em;
}
.dquote-author img {
	border-radius:50%;
	margin-right:1em;
	width:6em;
}
.dq-a-i-p {
	color:#c7cefd;
	margin-top:0.3em;
}

.cases {
	display:flex;
	align-items: center;
	justify-content: space-between;
	margin-top:3em;
}
.cases-item {
	border:3px solid #fff;
	width:48%;
	border-radius: 1em;
	overflow: hidden;
}
.cases-item img {
	width:100%;
}
.ci-in {
	padding: 0 1em 1em 1em;
}
.ci-in-title {
	text-align: center;
	font-weight:bold;
	font-size:1.2em;
	margin-top:1.5em;
}
.ci-in-subtitle {
	border-bottom:1px solid #1fabe2;
	display: inline-block;
	margin-top:1em;
}
.ci-res {
	display:flex;
	align-items: center;
	justify-content: space-evenly;
	margin:2em 0;
}
.ci-res-item {
	border:2px solid #d1bea1;
	width:6.5em;
	height:6.5em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin:0 1em;
}
.ci-res-item:first-child {
	margin-left:0;
}
.ci-res-item:last-child {
	margin-right: 0;
}
.ci-res-item span {
	font-size:1.2em;
	font-weight: bold;
}
.ci-in a {
	color:#c7cefd;
}
.ci-min {
	font-size:0.85em;
}
.t-res {
	display:flex;
	justify-content: space-between;
	margin-top:0.5em;
}
.t-res-item {
	width:100%;
}
.t-res-item div {
	border-bottom:1px solid #ffffff57;
	margin-bottom:0.3em;
	padding-bottom: 0.3em;
}
.t-res-item div:last-child {
	margin-bottom: 0;
	border-bottom:0;
}
.t-res-right {
	font-weight: bold;
	color:#c7cefd;
}


.chip-gr-1 {
	background: #4776e6;
	background: -moz-linear-gradient(-30deg, #2d1c4c 5%, #389fcd 100%);
	background: -webkit-linear-gradient(-30deg, #2d1c4c 5%, #389fcd 100%);
	background: linear-gradient(-30deg, #2d1c4c 5%, #389fcd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101c44', endColorstr='#d9187c', GradientType=1);
}
.chip-gr-2 {
	background: #4776e6;
	background: -moz-linear-gradient(-164deg, #101c44 0%, #d9187c 100%);
	background: -webkit-linear-gradient(-164deg, #101c44 0%, #d9187c 100%);
	background: linear-gradient(-164deg, #101c44 0%, #d9187c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101c44', endColorstr='#d9187c', GradientType=1);
}
.chip-gr-3 {
	background: #4776e6;
	background: -moz-linear-gradient(64deg, #101c44 0%, #635791 100%);
	background: -webkit-linear-gradient(64deg, #101c44 0%, #635791 100%);
	background: linear-gradient(64deg, #101c44 0%, #635791 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101c44', endColorstr='#635791', GradientType=1);
}
.chip-gr-4 {
	background: #4776e6;
	background: -moz-linear-gradient(-194deg, #101c44 0%, #3e80e2 100%);
	background: -webkit-linear-gradient(-194deg, #101c44 0%, #3e80e2 100%);
	background: linear-gradient(-194deg, #101c44 0%, #3e80e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101c44', endColorstr='#3e80e2', GradientType=1);
}
.chip-in {
	padding:0 2em 2em 2em;
	text-shadow: none;
	text-align: left!important;
}
.chip-in-text {
	margin-top:1em;
}
.chip-in .ci-in-title {
	margin-top:0;
}

#chips .cases-item {
	margin-bottom:4%;
}

.pB-inner li span {
	background: #6060a8;
	color: #fff;
	position:  absolute;
	bottom: 0;
	width: 100%;
	padding: 1em;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	line-height: 1.3;
	border-radius:0.3em;
}
.pB-inner li:hover span {
	bottom: 2em;
	visibility: visible;
	opacity: 1;
}
.pB-inner li span:before {
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #6060a8;
	position: absolute;
	bottom: -8px;
	left: 15%;
}

#dog {
	text-shadow: none;
	margin-bottom:2em;
}
.dog-wave {
	position: absolute;
	top:-1%;
	opacity:0.3;
	right:-15%;
}
#form_dog {
	background: rgba(67, 71, 127, 0.35);
	border-bottom: 1px solid #1fabe263;
	border-right: 1px solid #1fabe263;
	border-left: 1px solid #1fabe263;
	padding: 2em;
}
.dog-form {
	display:inline-block;
	margin:0 auto;
	min-width: 40em;
}
.dog-tabs-clear {
	border-bottom: 1px solid #1fabe263;
}
.dog-tabs {
	display:flex;
}
.dog-tabs-item {
	white-space: nowrap;
	padding:1em 1.5em;
	cursor:pointer;
	border-bottom: 1px solid #1fabe263;
	border-right:1px solid transparent;
	border-left:1px solid transparent;
	border-top:1px solid transparent;
	width:100%;
}
.dog-tabs-item-active {
	background: rgba(67, 71, 127, 0.35);
	border-left: 1px solid #1fabe263;
	border-right: 1px solid #1fabe263;
	border-top: 1px solid #1fabe263;
	border-bottom:0;
}
.dog-tabs-item-active:hover {
	background: rgba(67, 71, 127, 0.35)!important;
	cursor:default;
}

.dog-tabs-item:hover {
	background:#1fabe263;
}
.dog-tabs-clear {
	display:flex;
	width: 100%;
	min-width:2em;
}

.tab-2, .tab-3 {
	display:none;
}

.t-tar {
	display:flex;
	width:100%;
	justify-content: space-between;
	border-radius:0.2em;
	overflow: hidden;
	margin-bottom:2em;
}
.t-tar-item {
	padding:0.5em 1em;
	width:100%;
	background:#6060a8;
	cursor: pointer;
	font-weight: bold;
	display:flex;
	flex-direction: column;
	justify-content: center;
	opacity:0.8;
}
.t-tar-item span {
	font-size:0.8em;
	font-weight: normal;
}
.t-tar-item:hover {
	opacity:1;
}
.t-tar .gs-1, .t-tar .gs-2, .t-tar .gs-3 {
	opacity:1;
	cursor:default;
}


.gs-1 {
	background: #0a3466;
	background: -webkit-linear-gradient(45deg, #0a3466 0%, #17b6e3 100%);
	background: linear-gradient(45deg, #0a3466 0%, #17b6e3 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0a3466', endColorstr='#17b6e3', GradientType=1);
}
.gs-2 {
	background: #18b9e5;
	background: -webkit-linear-gradient(45deg, #18b9e5 0%, #81d9b8 100%);
	background: linear-gradient(45deg, #18b9e5 0%, #81d9b8 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#18b9e5', endColorstr='#81d9b8', GradientType=1);
}
.gs-3 {
	background: #e62f17;
	background: -webkit-linear-gradient(45deg, #e62f17 0%, #f2ba30 100%);
	background: linear-gradient(45deg, #e62f17 0%, #f2ba30 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e62f17', endColorstr='#f2ba30', GradientType=1);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset;
	transition: background-color 5000s ease-in-out 0s;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,174,255,0.04) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0.03) 100%);
}

.left-bg {
   background:url('../img/bg1.jpg') no-repeat;
	background-size:cover;
	width:65%;
	height:100%;
	position:absolute;
}

.rAva {
	position: absolute;
	right:8%;
	top:0;
	height:100%;
}
.prAva-bg {
	height:90%;
	margin-top:7%;
	position: relative;
}
.prAva-bg img {
	height:100%;
}
.rAva-a {
	position:absolute;
	right:25%;
	width:47%;
	bottom:0;
	z-index:2;
}

.pr-1 {
	width: 0;
	top: 6.6%;
	left: 7.4%;
	position: absolute;
	background: #d1bea1;
	height: 4px;
	z-index: 1;
}
.pr-1-a {
	animation: shadow-w1 1.5s normal forwards ease-in-out;
	animation-iteration-count: 1
}

@keyframes shadow-w1
{
	0% {
		width:0;
	}
	100% {
		width:60%;
	}
}

.pr-2 {
	width:4px;
	height:65%;
	position: absolute;
	background: #d1bea1;
	z-index: 1;
	right: 7.7%;
	top: 20%;
}

.pr-2-a {
	animation: shadow-w2 1.5s normal forwards ease-in-out;
	animation-iteration-count: 1
}
@keyframes shadow-w2
{
	0% {
		height:0;
	}
	100% {
		height:65%;
	}
}

.pr-3 {
	width:0;
	height:4px;
	position: absolute;
	background: #d1bea1;
	right: 7.7%;
	bottom: 8%;
}

.pr-3-a {
	animation: shadow-w3 1.5s normal forwards ease-in-out;
	animation-iteration-count: 1
}
@keyframes shadow-w3
{
	0% {
		width:0;
	}
	100% {
		width:30%;
	}
}

.pr-4 {
	width:0;
	height:4px;
	position: absolute;
	background: #d1bea1;
	left: -26%;
	bottom: 8%;
	transform: rotate(180deg);
	z-index:3;
}

.pr-4-a {
	animation: shadow-w4 1.5s normal forwards ease-in-out;
	animation-iteration-count: 1
}
@keyframes shadow-w4
{
	0% {
		width:0;
	}
	100% {
		width:40%;
	}
}


.label-son {
	left:1%;
	bottom:5.4%;
	position: absolute;
	font-weight: bold;
	text-align: right;
	z-index:3;
}
.label-son div {
	width:100%;
	font-size:220%;
	letter-spacing: 1rem;
}
header h2 {
	font-size:1.8em;
}

.mouse {
	position:absolute;
	left:27%;
	bottom:8.4%;
	width:1.5%;
	z-index:102;
	cursor: pointer;
}
.mouse img {
	width:100%;
	animation: pulsDown 2s infinite;
}
.ho {
	position: absolute;
	bottom:0;
	background: url('../img/ho.png');
	width:100%;
	height: 25%;
	z-index:2;
}

#about {
	position: relative;
}
.ab-tx {
	position: absolute;
	right:0;
	top:0;
	z-index:-1;
}
.ab-text {
	position: relative;
	background: #1c1c1c66;
	padding: 1em;
	text-shadow: none;
	z-index: 1;
	color: #fff!important;
	border: 2px solid #d1bea1;
	text-align: justify;
}
.ab-text a {
	color: #fff!important;
}
.ab-photo {
	width:30%;
	margin-right:4em;
}
.ab-photo img {
	width: 100%;
	border: 2px solid #d1bea1;
}

.ab-text ul li {
	margin-bottom:1em;
	list-style-type:square;
	margin-left:1em;
}
.ab-text p {
	margin-bottom:1em;
}
.ab-info {
	width:70%;
}

.bitems {
	display:flex;
	justify-content: space-between;
}
.b-item {
	width:30%;
}
.b-img {
	overflow: hidden;
}
.b-img img {
	width:100%;
	object-fit: cover;
	height:18em;
}
.b-info-title {
	font-size:1.1em;
	padding:1em 0;
	color:#fff;
}
.b-a {
	color:#d1bea1;
	font-weight:bold;
}
.b-a i {
	margin-left:0.2em;
}

.fbg {
	position: absolute;
	bottom: 0;
}
.b-a:hover {
	color:#fff;
}

.thanks {
	display:flex;
	justify-content: center;
}
.thanks-item {
	margin:0 1.5em;
	width:40%;
}
.thanks-item img {
	width:100%;
}

.tvideo {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.tvideo-item {
	display: flex;
	justify-content: center;
	width:40%;
	margin:1em;
}
.tvideo-item video {
	width:100%!important;
	height:350px;
	border: 2px solid #d1bea1;
}

.of-items {
	margin-left:1.5em;
	padding-top:1em;
	padding-bottom:1em;
}
.of-items ul li {
	font-size:1.5em;
	list-style-type: square;
}
.modal_content h3 {
	font-size:1.4em;
}
.modal_content a {
	color: #fff;
}

.contentBody {
	width: 906px!important;
	line-height:1.7;
}
.contentBody h1 {
	text-align:center;
	padding:1em 0;
	text-transform: none;
}
.contentBody a {
	color:#d1bea1;
}
.contentBody p {
	margin-bottom:1em;
}

.contentBody blockquote {
	border-left:2px solid #d1bea1;
	font-style: italic;
	padding: 1em;
	margin-bottom: 1em;
}
.contentBody blockquote p {
	margin:0;
}
.contentBody hr {
	margin-bottom: 1em;
	border-color:#d1bea1;
}
.contentBody ol {
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom:1em;
}
.contentBody ul {
	margin-bottom:1em;
}
.contentBody ul li {
	list-style-type: circle;
	list-style-position: inside;
	margin-bottom:1em;
}
.contentBody h2 {
	padding:1em 0;
	text-transform: none;
	text-align:left;
}

.massmedia__items {
	--massmedia__items-gap: 20px;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + var(--massmedia__items-gap));
	justify-content: center;
	overflow-x: hidden;
	overflow-y: hidden;
}
.massmedia__item {
	width: calc(25% - var(--massmedia__items-gap));
	display: flex;
	flex-direction: column;
	margin-bottom: 40px;
	margin-right: var(--massmedia__items-gap);
}
.massmedia__item-img {
	display: flex;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 10px;
}
.massmedia__item-img::after {
	content: "";
	width: 0;
	padding-bottom: calc(17 / 26 * 100%);
}
.massmedia__item-date {
	margin-bottom: 10px;
	color: rgba(255,255,255,0.8);
}
.massmedia__item-title {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
a.massmedia__item-title:visited {
	color: #fff;
}
.iti {
	width: 100%;
}
.iti__country-list {
	background-color: #1c1c1c;
	border: 3px solid #d1bea1;
}
.iti__country.iti__highlight {
	background-color: rgba(255,255,255,.2);
}
.feedback .flex {
	flex-wrap: wrap;
	margin-bottom: 0;
}
.feedback .input_item {
	margin-bottom: 30px;
}
.feedback .flex {
	flex-wrap: wrap;
	margin-bottom: 0;
}
.feedback .input_item.input_item_phone label, .feedback .input_item.input_item_phone:focus-within label {
	top: -30%;
}
input.error {
	border-bottom: 1px solid red;
}
.error-label {
	display: none;
}
.error-label.active {
	display: block;
}
.tippy-box {
	border: 1px solid #d1bea1;
	background: #d1bea1;
	color: #000;
}
.tippy-arrow {
	color: #d1bea1;
}
@media (max-width:768px) {
	.massmedia__item {
		width: calc(50% - 20px);
	}
	.w100-mob {
		width: 100%;
	}
}
@media (max-width:576px) {
	.massmedia__item {
		width: calc(100%);
	}
}

.floating-contact-btn {
	cursor: pointer;
}
.floating-contact-btn .img-circle {
	transition: all 200ms ease;
}
.floating-contact-btn.active .img-circle {
	transform: rotate(45deg);
}
.floating-contact-btn.active .img-circleblock {
	animation-name: none;
	-webkit-animation-name: none;
}
.floating-contact-btn.active .circle-fill {
	pointer-events: none
}
.floating-contact-btn.active .circlephone,
.floating-contact-btn.active .circle-fill {
	display: none;
}
.floating-contact-btn__items {
	position: absolute;
	bottom: 35px;
	transition: all 200ms ease;
	left: -120px;
	opacity: 0;
	pointer-events: none;
}
.floating-contact-btn__item {
	position: absolute;
	transition: all 200ms ease;
	bottom: 0;
}
.floating-contact-btn.active .floating-contact-btn__items {
	opacity: 1;
	bottom: 100px;
	pointer-events: all;
}
.floating-contact-btn__item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #d1bea1;
	bottom: 0;
}
.floating-contact-btn__item .fa {
	font-size: 2em!important;
}
.floating-contact-btn.active .floating-contact-btn__item:nth-child(1) {
	bottom: 0;
}
.floating-contact-btn.active .floating-contact-btn__item:nth-child(2) {
	bottom: 70px;
}
.floating-contact-btn.active .floating-contact-btn__item:nth-child(3) {
	bottom: 140px;
}
.floating-contact-btn__item_whatsapp {
	background-color: #32de84;
}
.floating-contact-btn .put_i,
.floating-contact-btn .img-circleblock {
	pointer-events: none;
}
@media (max-width: 768px) {

  /* если есть секция mobile в проекте */
  #mobile { height: auto !important; min-height: 0 !important; }

  /* если есть блок .mobile с absolute */
  .mobile {
    position: static !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    width: 100% !important;
  }

  /* убираем фиксированные ширины */
  .contentBody { width: 100% !important; max-width: 100% !important; }

  /* видео на всю ширину */
  .tvideo-item { width: 100% !important; margin: 12px 0 !important; }
  .tvideo-item video { width: 100% !important; height: auto !important; }
}
/* ===== Steps (новый красивый блок вместо линии) ===== */
#timeline.steps { padding: 70px 0; }

.steps__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 34px;
}

.steps__card{
  position: relative;
  border-radius: 18px;
  padding: 22px 22px 20px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
}

.steps__card:before{
  content:"";
  position:absolute;
  inset: 0;
  background: radial-gradient(600px 180px at 20% 0%, rgba(197,170,129,.14), transparent 60%);
  pointer-events:none;
}

.steps__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom: 14px;
}

.steps__num{
  font-size: 14px;
  letter-spacing: .12em;
  opacity: .7;
}

.steps__icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(197,170,129,.12);
  border: 1px solid rgba(197,170,129,.25);
}

.steps__icon i{
  font-size: 18px;
  opacity: .9;
}

.steps__title{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.steps__text{
  font-size: 14px;
  line-height: 1.55;
  opacity: .82;
}

/* адаптив */
@media (max-width: 1024px){
  .steps__grid{ grid-template-columns: 1fr; }
  .steps__card{ padding: 20px; }
}
.clients-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  flex-wrap: wrap;
  margin-top: 50px;
}

.client-logo .clients-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;              /* больше воздуха */
  flex-wrap: wrap;
  margin-top: 60px;
}

.client-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;          /* ↑ было 80 */
}

.client-logo img {
  max-height: 110px;      /* ↑ крупнее */
  max-width: 240px;       /* ↑ шире */
  object-fit: contain;
  opacity: 0.85;
  transition: all 0.3s ease;
}

.client-logo img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: translateY(-4px);
}
@media (max-width: 768px) {
  .clients-row {
    gap: 40px;
  }

  .client-logo {
    width: 48%;
    height: 90px;
  }

  .client-logo img {
    max-width: 170px;
    max-height: 70px;
  }
}
.massmedia__item-link{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px;
  border:1px solid rgba(255,255,255,0.10);
  border-radius:14px;
  background: rgba(255,255,255,0.03);
  transition: 0.25s;
}

.massmedia__item-link:hover{
  transform: translateY(-3px);
  border-color: rgba(209,190,161,0.55);
  background: rgba(255,255,255,0.05);
}

.massmedia__item-img{
  border-radius:12px;
  overflow:hidden;
}

.massmedia__item-title{
  font-size:16px;
  font-weight:700;
  line-height:1.35;
}

.massmedia__item-source{
  font-size:14px;
  opacity:0.85;
  color:#d1bea1;
}
/* ===== Massmedia: режим OwlCarousel ===== */
.massmedia__items {
  width: 100%;
  overflow: hidden;
}

.massmedia__items .owl-stage {
  display: flex;
}

.massmedia__items .owl-item {
  height: 100%;
}

.massmedia__item {
  width: 100% !important;     /* Owl сам задаёт ширину */
  margin: 0 !important;
  height: 100%;
}

/* Карточка кликабельная (у тебя это уже есть — я лишь закрепляю) */
.massmedia__item-link{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px;
  border:1px solid rgba(255,255,255,0.10);
  border-radius:14px;
  background: rgba(255,255,255,0.03);
  transition: 0.25s;
  height: 100%;
}

.massmedia__item-link:hover{
  transform: translateY(-3px);
  border-color: rgba(209,190,161,0.55);
  background: rgba(255,255,255,0.05);
}

.massmedia__item-img{
  border-radius:12px;
  overflow:hidden;
}

.massmedia__item-img img{
  width:100%;
  height:auto;
  display:block;
}

/* Дата/источник */
.massmedia__item-date {
  color: rgba(255,255,255,0.75);
  font-size: 14px;
}

.massmedia__item-title{
  font-size:16px;
  font-weight:700;
  line-height:1.35;
  color:#fff;
}

.massmedia__item-source{
  font-size:14px;
  opacity:0.85;
  color:#d1bea1;
}
#massmedia .owl-nav {
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:18px;
}

#massmedia .owl-nav button {
  animation: none;           /* убираем твой shadow-pulse от button */
  box-shadow:none;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(209,190,161,0.6);
  background: rgba(209,190,161,0.15);
  color:#fff;
}

#massmedia .owl-nav button:hover {
  background: rgba(209,190,161,0.25);
  border-color: rgba(209,190,161,0.9);
}
/* FIX: massmedia + owl-carousel не должен быть flex-контейнером */
#massmedia .massmedia__items.owl-carousel {
  display: block;
  width: 100%;
  overflow: hidden;
}

/* Owl сам задаёт ширины через inline-style */
#massmedia .massmedia__items.owl-carousel .massmedia__item {
  width: auto !important;
  margin-right: 0 !important;
  display: block;
}

/* чтобы карточки были одинаковой высоты */
#massmedia .massmedia__items.owl-carousel .owl-stage {
  display: flex;
}

#massmedia .massmedia__items.owl-carousel .owl-item {
  display: flex;
}

#massmedia .massmedia__items.owl-carousel .massmedia__item-link {
  height: 100%;
}
/* FIX: контейнер owl-carousel не должен быть flex-wrap сеткой */
#massmedia .massmedia__items.owl-carousel{
  display:block !important;
  width:100%;
  overflow:hidden;
}

/* чтобы карточки растягивались по высоте одинаково */
#massmedia .massmedia__items.owl-carousel .owl-stage{ display:flex; }
#massmedia .massmedia__items.owl-carousel .owl-item{ display:flex; }

#massmedia .massmedia__items.owl-carousel .massmedia__item{
  width:auto !important;
  margin:0 !important;
}

#massmedia .massmedia__item-link{
  text-decoration:none;
  color:#fff;
}
.massmedia__item-img{
  display:block;
  border-radius:12px;
  overflow:hidden;
}

.massmedia__item-img img{
  width:100%;
  height:auto;
  display:block;
}
/* ===== Massmedia: nav arrows final ===== */

/* важно: чтобы отрицательные отступы не обрезались */
#massmedia-items.owl-carousel,
#massmedia-items .owl-stage-outer{
  overflow: visible !important;
}

#massmedia { position: relative; }
#massmedia #massmedia-items { position: relative; }

/* контейнер стрелок */
#massmedia #massmedia-items .owl-nav{
  position: absolute;
  top: 50%;
  left: -72px;   /* вынесли за край */
  right: -72px;  /* вынесли за край */
  transform: translateY(-50%);
  display: flex !important;
  justify-content: space-between;
  pointer-events: none;
  z-index: 10;
}

/* кнопки */
#massmedia #massmedia-items .owl-nav button{
  pointer-events: all;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(209,190,161,0.45) !important;
  background: rgba(0,0,0,0.45) !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all .2s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

#massmedia #massmedia-items .owl-nav button:hover{
  background: rgba(209,190,161,0.18) !important;
  border-color: #d1bea1 !important;
  transform: scale(1.06);
}

/* убираем стандартный текст prev/next */
#massmedia #massmedia-items .owl-nav button span{ display:none; }

/* рисуем стрелки */
#massmedia #massmedia-items .owl-prev::before,
#massmedia #massmedia-items .owl-next::before{
  content:'';
  width: 10px;
  height: 10px;
  border-top: 2px solid #d1bea1;
  border-right: 2px solid #d1bea1;
  display:block;
}

#massmedia #massmedia-items .owl-prev::before{ transform: rotate(-135deg); margin-left: 4px; }
#massmedia #massmedia-items .owl-next::before{ transform: rotate(45deg);  margin-right: 4px; }

/* мобильная — стрелки ближе, чтобы не вылезали за экран */
@media (max-width: 768px){
  #massmedia #massmedia-items .owl-nav{
    left: -10px;
    right: -10px;
  }
  #massmedia #massmedia-items .owl-nav button{
    width: 44px;
    height: 44px;
  }
}
/* ===== Massmedia NAV: фикс (убираем белые, возвращаем золотые) ===== */

#massmedia #massmedia-items.owl-carousel,
#massmedia #massmedia-items .owl-stage-outer{
  overflow: visible !important;
}

#massmedia { position: relative; }
#massmedia #massmedia-items { position: relative; }

/* контейнер стрелок */
#massmedia #massmedia-items .owl-nav{
  position: absolute;
  top: 50%;
  left: -72px;
  right: -72px;
  transform: translateY(-50%);
  display: flex !important;
  justify-content: space-between;
  pointer-events: none;
  z-index: 50;
}

/* ВАЖНО: стилизуем не button, а .owl-prev/.owl-next (универсально) */
#massmedia #massmedia-items .owl-nav .owl-prev,
#massmedia #massmedia-items .owl-nav .owl-next{
  pointer-events: all;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(209,190,161,0.45) !important;
  background: rgba(0,0,0,0.45) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all .2s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
  font-size: 0 !important; /* убиваем белые символы */
  line-height: 0 !important;
  padding: 0 !important;
}

/* убираем белый текст внутри span на всякий */
#massmedia #massmedia-items .owl-nav .owl-prev span,
#massmedia #massmedia-items .owl-nav .owl-next span{
  display: none !important;
}

/* рисуем стрелки сами (золотые) */
#massmedia #massmedia-items .owl-nav .owl-prev::after,
#massmedia #massmedia-items .owl-nav .owl-next::after{
  content:'';
  width: 10px;
  height: 10px;
  border-top: 2px solid #d1bea1;
  border-right: 2px solid #d1bea1;
  display:block;
}

#massmedia #massmedia-items .owl-nav .owl-prev::after{
  transform: rotate(-135deg);
  margin-left: 3px;
}
#massmedia #massmedia-items .owl-nav .owl-next::after{
  transform: rotate(45deg);
  margin-right: 3px;
}

#massmedia #massmedia-items .owl-nav .owl-prev:hover,
#massmedia #massmedia-items .owl-nav .owl-next:hover{
  background: rgba(209,190,161,0.18) !important;
  border-color: #d1bea1 !important;
  transform: scale(1.06);
}

/* мобилка */
@media (max-width: 768px){
  #massmedia #massmedia-items .owl-nav{ left: -10px; right: -10px; }
  #massmedia #massmedia-items .owl-nav .owl-prev,
  #massmedia #massmedia-items .owl-nav .owl-next{
    width: 44px;
    height: 44px;
  }
}
/* ===== THANKS carousel ===== */
#thanks .thanks-carousel { margin-top: 40px; }

#thanks .thanks-slide{
  display:block;
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  transition: .25s;
}

#thanks .thanks-slide:hover{
  transform: translateY(-3px);
  border-color: rgba(209,190,161,0.55);
  background: rgba(255,255,255,0.05);
}

#thanks .thanks-slide img{
  width: 100%;
  height: 520px;           /* можно менять: 420/520/600 */
  object-fit: contain;     /* письмо целиком, без обрезки */
  background: rgba(0,0,0,0.25);
  display:block;
}

/* стрелки по бокам */
#thanks #thanks-carousel .owl-nav{
  position:absolute;
  top:50%;
  left:-70px;
  right:-70px;
  transform: translateY(-50%);
  display:flex !important;
  justify-content: space-between;
  pointer-events:none;
}

#thanks #thanks-carousel .owl-nav button{
  pointer-events:all;
  width:52px;
  height:52px;
  border-radius:50%;
  background: rgba(0,0,0,0.45) !important;
  border:1px solid rgba(209,190,161,0.45) !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:0 !important;
  transition:.2s ease;
}

#thanks #thanks-carousel .owl-nav button:hover{
  background: rgba(209,190,161,0.18) !important;
  border-color:#d1bea1 !important;
  transform: scale(1.06);
}

#thanks #thanks-carousel .owl-nav button span{ display:none; }

#thanks #thanks-carousel .owl-prev::before,
#thanks #thanks-carousel .owl-next::before{
  content:'';
  width:10px;
  height:10px;
  border-top:2px solid #d1bea1;
  border-right:2px solid #d1bea1;
  display:block;
}
#thanks #thanks-carousel .owl-prev::before{ transform: rotate(-135deg); margin-left:4px; }
#thanks #thanks-carousel .owl-next::before{ transform: rotate(45deg); margin-right:4px; }

@media (max-width: 768px){
  #thanks #thanks-carousel .owl-nav{ left:-10px; right:-10px; }
  #thanks .thanks-slide img{ height: 420px; }
  #thanks #thanks-carousel .owl-nav button{ width:44px; height:44px; }
}
/* ===== THANKS NAV: такие же стрелки, как в СМИ ===== */

#thanks #thanks-carousel.owl-carousel,
#thanks #thanks-carousel .owl-stage-outer{
  overflow: visible !important;
}

#thanks { position: relative; }
#thanks #thanks-carousel { position: relative; }

/* контейнер стрелок */
#thanks #thanks-carousel .owl-nav{
  position: absolute;
  top: 50%;
  left: -72px;
  right: -72px;
  transform: translateY(-50%);
  display: flex !important;
  justify-content: space-between;
  pointer-events: none;
  z-index: 50;
}

/* сами кнопки */
#thanks #thanks-carousel .owl-nav .owl-prev,
#thanks #thanks-carousel .owl-nav .owl-next{
  pointer-events: all;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(209,190,161,0.45) !important;
  background: rgba(0,0,0,0.45) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all .2s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
}

/* убираем span на всякий */
#thanks #thanks-carousel .owl-nav .owl-prev span,
#thanks #thanks-carousel .owl-nav .owl-next span{
  display: none !important;
}

/* золотые стрелки */
#thanks #thanks-carousel .owl-nav .owl-prev::after,
#thanks #thanks-carousel .owl-nav .owl-next::after{
  content:'';
  width: 10px;
  height: 10px;
  border-top: 2px solid #d1bea1;
  border-right: 2px solid #d1bea1;
  display:block;
}

#thanks #thanks-carousel .owl-nav .owl-prev::after{
  transform: rotate(-135deg);
  margin-left: 3px;
}
#thanks #thanks-carousel .owl-nav .owl-next::after{
  transform: rotate(45deg);
  margin-right: 3px;
}

/* hover */
#thanks #thanks-carousel .owl-nav .owl-prev:hover,
#thanks #thanks-carousel .owl-nav .owl-next:hover{
  background: rgba(209,190,161,0.18) !important;
  border-color: #d1bea1 !important;
  transform: scale(1.06);
}

/* мобилка */
@media (max-width: 768px){
  #thanks #thanks-carousel .owl-nav{ left: -10px; right: -10px; }
  #thanks #thanks-carousel .owl-nav .owl-prev,
  #thanks #thanks-carousel .owl-nav .owl-next{
    width: 44px;
    height: 44px;
  }
}/* ===== HERO AVA: сдвигаем только фото ===== */
@media (max-width: 768px){
  .rAva img{
    transform: translateX(-80px);
  }
}
/* Бегущая строка */
.logos-ticker {
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
    position: relative;
}

.ticker-wrapper {
    display: flex;
    width: max-content; /* Контейнер растягивается под два трека */
}

.ticker-track {
    display: flex;
    align-items: center;
    gap: 80px;         /* Расстояние между лого */
    padding: 0 40px;   /* Отступ между двумя блоками track */
    /* Анимация на 100% ширины ОДНОГО блока track */
    animation: ticker-scroll 25s linear infinite; 
}

.ticker-track img {
    height: 70px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    opacity: 1;        /* Всегда цветные и яркие */
    filter: none;      /* Без ч/б фильтра */
}

/* Бесконечный цикл: сдвигаем на 100% влево */
@keyframes ticker-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

/* Остановка при наведении для удобства */
.logos-ticker:hover .ticker-track {
    animation-play-state: paused;
}

/* Адаптив для мобилок */
@media (max-width: 768px) {
    .ticker-track img {
        height: 50px;
    }
    .ticker-track {
        gap: 40px;
    }
}

/* --- ФИНАЛЬНЫЕ ПРАВКИ БЕГУЩЕЙ СТРОКИ С КОРРЕКТНЫМ ОТСТУПОМ --- */

/* 1. Секция партнеров: убираем лишнее, но оставляем место для воздуха */
#partners {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 2. Бегущая строка: добавляем 20px снизу, чтобы не липло к линии */
.logos-ticker {
    padding: 20px 0 !important; /* 20px сверху и снизу */
    margin-bottom: 0 !important;
    background: rgba(255, 255, 255, 0.01); /* Еле заметный фон для разделения */
}

/* 3. Уменьшаем отступы между логотипами для плотности */
.ticker-track {
    gap: 50px !important; /* Чуть увеличил с 40 до 50 для лучшей читаемости */
    padding: 0 25px !important;
}

/* 4. Волнистая линия (irek_irek): убираем только верхний гигантский отступ */
#timeline .irek_irek {
    margin-top: 10px !important; /* Минимальный зазор над волной */
    margin-bottom: 2em !important; 
}

/* 5. Секция с шагами: небольшой отступ сверху */
#timeline.steps {
    padding-top: 10px !important;
}

/* 6. Размер логотипов */
.ticker-track img {
    height: 60px !important; /* Вернул 60px, так лучше читается */
    filter: none !important;
    opacity: 1 !important;
}
/* --- УМЕНЬШЕНИЕ ОТСТУПОВ В СЕКЦИИ СМИ --- */

/* Прижимаем заголовок "О нас пишут в СМИ" выше к волнистой линии */
#massmedia .irek_irek {
    margin-top: 10px !important;    /* Уменьшаем отступ над волной */
    margin-bottom: 1em !important;  /* Уменьшаем отступ под волной до заголовка */
}

/* Уменьшаем отступ самой секции СМИ сверху */
#massmedia {
    padding-top: 10px !important;
}

/* Если нужно еще плотнее прижать блоки услуг (те что выше) к этой линии */
#bus {
    padding-bottom: 0 !important;
}
/* style.css */

/* Стили для обновленного заголовка */
.gr-title.hero-title {
    text-align: left !important;    /* Выравниваем по левому краю */
    line-height: 1.2 !important;     /* Уменьшаем межстрочный интервал */
    max-width: 550px;               /* Ограничиваем ширину, чтобы не лезло на фото */
    margin-bottom: 0.7em !important;
    font-size: 2.2em !important;    /* Немного увеличим размер для солидности */
}

.gr-title.hero-title span {
    color: #d1bea1 !important;      /* Золотистый цвет для города */
    display: block;                 /* Гарантируем перенос */
    margin-top: 5px;
}

/* На мобильных устройствах возвращаем центровку */
@media (max-width: 768px) {
    .gr-title.hero-title {
        text-align: center !important;
        margin: 0 auto 0.5em !important;
        font-size: 2em !important;
    }
}
/* Убираем только верхнюю золотистую линию на мобилках */
@media (max-width: 768px) {
    .pr-1 {
        display: none !important;
    }
    
    /* Дополнительно: чуть опустим заголовок, чтобы он не прилипал к верху */
    .gr-title {
        margin-top: 20px !important;
    }
}
/* ===== THANKS NAV HARD FIX ===== */

#thanks {
  position: relative;
}

#thanks #thanks-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex !important;
  justify-content: space-between;
  padding: 0 15px;   /* стрелки внутри */
  pointer-events: none;
  z-index: 100;
}

#thanks #thanks-carousel .owl-prev,
#thanks #thanks-carousel .owl-next {
  pointer-events: all;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0,0,0,0.6) !important;
  border: 1px solid #d1bea1 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 0 !important;
}

/* убираем span */
#thanks #thanks-carousel .owl-prev span,
#thanks #thanks-carousel .owl-next span {
  display: none !important;
}

/* стрелки */
#thanks #thanks-carousel .owl-prev::after,
#thanks #thanks-carousel .owl-next::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #d1bea1;
  border-right: 2px solid #d1bea1;
  display: block;
}

#thanks #thanks-carousel .owl-prev::after {
  transform: rotate(-135deg);
  margin-left: 3px;
}

#thanks #thanks-carousel .owl-next::after {
  transform: rotate(45deg);
  margin-right: 3px;
}