@font-face {
	font-family: Montserrat;
	src: url(../../fonts/Montserrat/Montserrat-SemiBold.eot);
	src: local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url(../../fonts/Montserrat/Montserrat-SemiBold.eot@) format('embedded-opentype'),url(../../fonts/Montserrat/Montserrat-SemiBold.woff) format('woff'),url(../../fonts/Montserrat/Montserrat-SemiBold.ttf) format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family:Montserrat;src:url(../../fonts/Montserrat/Montserrat-Bold.eot);src:local('Montserrat Bold'),local('Montserrat-Bold'),url(../../fonts/Montserrat/Montserrat-Bold.eot@) format('embedded-opentype'),url(../../fonts/Montserrat/Montserrat-Bold.woff) format('woff'),url(../../fonts/Montserrat/Montserrat-Bold.ttf) format('truetype');font-weight:700;font-style:normal;
}

@font-face {
	font-family:Montserrat;src:url(../../fonts/Montserrat/Montserrat-Regular.eot);src:local('Montserrat Regular'),local('Montserrat-Regular'),url(../../fonts/Montserrat/Montserrat-Regular.eot@) format('embedded-opentype'),url(../../fonts/Montserrat/Montserrat-Regular.woff) format('woff'),url(../../fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');font-weight:400;font-style:normal;
}

@font-face {
	font-family:Montserrat;src:url(../../fonts/Montserrat/Montserrat-Medium.eot);src:local('Montserrat Medium'),local('Montserrat-Medium'),url(../../fonts/Montserrat/Montserrat-Medium.eot@) format('embedded-opentype'),url(../../fonts/Montserrat/Montserrat-Medium.woff) format('woff'),url(../../fonts/Montserrat/Montserrat-Medium.ttf) format('truetype');font-weight:500;font-style:normal;
}

@font-face {
	font-family:Montserrat;src:url(../../fonts/Montserrat/Montserrat-ExtraBold.eot);src:local('Montserrat ExtraBold'),local('Montserrat-ExtraBold'),url(../../fonts/Montserrat/Montserrat-ExtraBold.eot@) format('embedded-opentype'),url(../../fonts/Montserrat/Montserrat-ExtraBold.woff) format('woff'),url(../../fonts/Montserrat/Montserrat-ExtraBold.ttf) format('truetype');font-weight:800;font-style:normal;
}

@font-face {
	font-family:'PT Sans';src:url(../../fonts/PTSans/PTSans-Bold.eot);src:local('PT Sans Bold'),local('PTSans-Bold'),url(../../fonts/PTSans/PTSans-Bold.eot@) format('embedded-opentype'),url(../../fonts/PTSans/PTSans-Bold.woff) format('woff'),url(../../fonts/PTSans/PTSans-Bold.ttf) format('truetype');font-weight:700;font-style:normal;
}

@font-face {
	font-family:'PT Sans';src:url(http://zmcregion.ru/templates/metall/fonts/PTSans/PTSans-Italic.eot);src:local('PT Sans Italic'),local('PTSans-Italic'),url(http://zmcregion.ru/templates/metall/fonts/PTSans/PTSans-Italic.eot?) format('embedded-opentype'),url(http://zmcregion.ru/templates/metall/fonts/PTSans/PTSans-Italic.woff) format('woff'),url(http://zmcregion.ru/templates/metall/fonts/PTSans/PTSans-Italic.ttf) format('truetype');font-weight:400;font-style:italic;
}

@font-face {
	font-family:'PT Sans';src:url(../../fonts/PTSans/PTSans-Regular.eot);src:local('PT Sans'),local('PTSans-Regular'),url(../../fonts/PTSans/PTSans-Regular.eot@) format('embedded-opentype'),url(../../fonts/PTSans/PTSans-Regular.woff) format('woff'),url(../../fonts/PTSans/PTSans-Regular.ttf) format('truetype');font-weight:400;font-style:normal;
}

@font-face {
	font-family:'PT Sans';src:url(http://zmcregion.ru/templates/metall/css/presets/fonts/PTSans/TSans-BoldItalic.eot);src:local('PT Sans Bold Italic'),local('PTSans-BoldItalic'),url(http://zmcregion.ru/templates/metall/fonts/PTSans/PTSans-BoldItalic.eot?) format('embedded-opentype'),url(http://zmcregion.ru/templates/metall/fonts/PTSans/PTSans-BoldItalic.woff) format('woff'),url(http://zmcregion.ru/templates/metall/fonts/PTSans/PTSans-BoldItalic.ttf) format('truetype');font-weight:700;font-style:italic;
}

@font-face {
	font-family:Pe-icon-7-stroke;src:url(../../fonts/Pe-icon-7-stroke.eot@d7yf1v);src:url(../../fonts/Pe-icon-7-stroke.eot@) format('embedded-opentype'),url(../../fonts/Pe-icon-7-stroke.woff@d7yf1v) format('woff'),url(../../fonts/Pe-icon-7-stroke.ttf@d7yf1v) format('truetype'),url(../../fonts/Pe-icon-7-stroke.svg@d7yf1v) format('svg');font-weight:400;font-style:normal;
}

@font-face {
	font-family:Material-Design-Iconic-Font;src:url(../../fonts/Material-Design-Iconic-Font.woff2@v=2.2.0) format('woff2'),url(../../fonts/Material-Design-Iconic-Font.woff@v=2.2.0) format('woff'),url(../../fonts/Material-Design-Iconic-Font.ttf@v=2.2.0) format('truetype');
}

:focus::-webkit-input-placeholder {
	color: transparent;
}

:focus::-moz-placeholder {
	color: transparent;
}

:focus:-moz-placeholder {
	color: transparent;
}

:focus:-ms-input-placeholder {
	color: transparent;
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(113,147,199,.3);
}

.btn-info,.btn-primary {
	border-radius: 0;
	border: unset;
	padding: 13px 20px;
}

.btn-info,.btn-primary {
	background: #052a6f;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0 solid transparent;
	font-size: 12px;
	font-weight: 600;
	font-family: Montserrat,sans-serif;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.btn-info::after,.btn-primary::after {
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
	padding-left: 10px;
}

.btn-info:active,.btn-info:focus,.btn-info:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
	background: #1e1d24;
	border: 0 solid transparent;
	outline: 0!important;
	color: #fff;
}

.form-control {
	border-radius: 0;
}

.container-inner h1 {
	font-size: 2rem;
	font-family: Montserrat,sans-serif;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
	margin-bottom: .5rem;
}

.container-inner h2 {
	font-size: 1.8rem;
	font-family: Montserrat,sans-serif;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
	margin-bottom: .5rem;
}

.container-inner h3 {
	font-size: 1.6rem;
	font-family: Montserrat,sans-serif;
	font-weight: 500;
	line-height: 1.3;
	color: inherit;
	margin-bottom: .8rem;
	text-transform: uppercase;
}

.sp-preloader,body {
	font-family: 'PT Sans',sans-serif;
	font-size: 1rem;
	line-height: 1.428571429;
	color: #333;
	background-color: #fff;
}

.sp-preloader>div {
	background: #0345bf;
}

#sp-menu {
    align: center;
	position: relative;
	top: 100;
}

.sp-preloader>div:after {
	background: #fff;
}

#sp-top-bar {
	background: #333;
	color: #aaa;
}

#sp-top-bar a {
	color: #aaa;
}

#sp-header {
	background: #052a6f none repeat scroll 0 0;
	border-bottom: 0;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-box-shadow: 0 6px 6px rgba(0,0,0,.3);
	box-shadow: 0 6px 6px rgba(0,0,0,.3);
}

a {
	color: #052a6f;
}

a:active,a:focus,a:hover {
	color: #044cd0;
}

[id^=top-search] {
	display: none;
	border: 2px solid #ccc;
	text-align: center;
	padding: 20px 35px;
	width: 340px;
	overflow: hidden;
}

.thumb-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.thumb-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tags>li {
	display: inline-block;
}

.tags>li a {
	background: rgba(3,69,191,.1);
	color: #0345bf;
}

.tags>li a:hover {
	background: #044cd0;
}

.article-social-share .social-share-icon ul li a {
	color: #252525;
}

.article-social-share .social-share-icon ul li a:focus,.article-social-share .social-share-icon ul li a:hover {
	background: #0345bf;
}

.pager>li a {
	border: 1px solid #ededed;
	color: #252525;
}

.sp-reading-progress-bar {
	background-color: #0345bf;
}

.sp-megamenu-parent>li>a {
	color: #fff;
	font-family: Montserrat,sans-serif;
}

.sp-megamenu-parent>li:hover>a {
	color: #052a6f;
	text-decoration: none;
	background-color: #eee;
}

.sp-megamenu-parent>li.active:hover>a,.sp-megamenu-parent>li.active>a {
	color: #fff;
	background: #66b2ff;
	font-family: Montserrat,sans-serif;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	background: #fff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
	color: #252525;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
	color: #0345bf;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
	color: #0345bf;
}

.sp-megamenu-parent .sp-mega-group>li>a {
	color: #252525;
}

#offcanvas-toggler>.fa {
	color: #252525;
}

#offcanvas-toggler>.fa:active,#offcanvas-toggler>.fa:focus,#offcanvas-toggler>.fa:hover {
	color: #0345bf;
}

.offcanvas-menu {
	background-color: #fff;
	color: #252525;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a,.offcanvas-menu .offcanvas-inner .sp-module ul>li span {
	color: #252525;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus,.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,.offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus,.offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover {
	color: #0345bf;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler,.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler {
	color: rgba(37,37,37,.5);
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {
	color: rgba(37,37,37,.8);
}

.btn-primary,.sppb-btn-primary {
	border-color: #0345bf;
	background-color: #0345bf;
}

.btn-primary:hover,.sppb-btn-primary:hover {
	border-color: #044cd0;
	background-color: #044cd0;
}

ul.social-icons>li a:hover {
	color: #0345bf;
}

.sp-page-title {
	background: #0345bf;
}

.layout-boxed .body-innerwrapper {
	background: #fff;
}

.sp-module .latestnews>div>a {
	color: #252525;
}

.sp-module .latestnews>div>a:hover {
	color: #0345bf;
}

.sp-module .tagscloud .tag-name:hover {
	background: #0345bf;
}

.search .btn-toolbar button {
	background: #0345bf;
}

#sp-footer {
	background: #000;
	color: #black;
}

#sp-bottom a,#sp-footer a {
	color: #black;
}

#sp-bottom a:active,#sp-bottom a:focus,#sp-bottom a:hover,#sp-footer a:active,#sp-footer a:focus,#sp-footer a:hover {
	color: #black;
}

#sp-bottom .sp-module-content .latestnews>li>a>span {

	color: #0345bf;
}

.mail-bottom {
	font-size: 1.4rem;
	line-height: 3rem;
}

.sp-comingsoon body {
	background-color: #0345bf;
}

.pagination>li>a,.pagination>li>span {
	color: #252525;
	font-size: 12px;
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
	color: #252525;
}

.pagination>.active>a,.pagination>.active>span {
	border-color: #0345bf;
	background-color: #0345bf;
}

.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span:focus,.pagination>.active>span:hover {
	border-color: #0345bf;
	background-color: #0345bf;
}

.coming-soon-number,.error-code {
	color: #0345bf;
}

#sp-brand {
	border-bottom: 1px solid #eaf0f3;
	min-height: 180px;
}

.logo {
	margin: 0 auto;
	padding: 15px;
}

.logo-image {
	fill: #052a6f;
	margin: 0 auto;
}

.top-head {
	background: #052a6f none repeat scroll 0 0;
	width: 100%;
	min-height: 38px;
}

.tel {
	font-size: 1.2rem;
	min-height: 20px;
	line-height: 2rem;
	margin-top: .5rem;
	margin-bottom: .5rem;
	padding: 0;
	text-align: center;
	color: #fff;
}

.tel a {
	color: #fff;
}

.tel a:hover {
	color: #fff;
}

.right__callback {
	display: block;
	text-align: center;
}

#user-city {
	color: #66b2ff;
	font-size: 21px;
	padding-right: 5px;
	font-weight: 700;
}

.phone-num {
	font-weight: 700;
	font-size: 21px;
	padding-left: 5px;
	padding-right: 5px;
}

.phone-num a {
	color: #333;
	vertical-align: middle;
}

.phone-num a:hover {
	color: #333;
}

.callfree {
	font-size: 15px;
}

.slogan {
	text-align: center;
	display: block;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 10px;
}

.carousel {
	height: 300px;
	margin-bottom: 50px;
}

.carousel-caption {
	z-index: 10;
}

.tab-content {
	width: 100%;
}

.tab-content>.active {
	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: wrap;
	flex-wrap: wrap;
}

.FadeIn {
	animation: fadeIn ease 2s;
	-webkit-animation: fadeIn ease 2s;
	-moz-animation: fadeIn ease 2s;
	-o-animation: fadeIn ease 2s;
	-ms-animation: fadeIn ease 2s;
}

.Fade {
	-webkit-animation-name: Fade;
	animation-name: Fade;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

@-webkit-keyframes Fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes Fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes FadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes FadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes FadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes FadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes FadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes FadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes ZoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}

	100% {
		opacity: 1;
	}
}

@keyframes ZoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes RotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes RotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@-webkit-keyframes Pulse {
	from {
		opacity: 0;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	50% {
		opacity: .5;
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}

@keyframes Pulse {
	from {
		opacity: 0;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	50% {
		opacity: .5;
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}

@-webkit-keyframes Spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes Spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.nav-tabs .nav-item {
	margin-bottom: -1px;
	border: 1px solid #fff;
}

.nav-tabs .nav-link {
	background: #f5f5f5;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	width: 100%;
}

.nav-tabs .nav-link:hover {
	border: 1px solid #e9ecef;
	background: #eee;
	width: 100%;
}

.quick_order {
	display: block;
	width: 100%;
	position: relative;
	margin: 20px auto;
}

.quick_order h2 {
	display: block;
	position: relative;
	font-size: 23px;
	text-align: center;
}

.quick_order .white {
	display: block;
	position: relative;
	padding: .5em .75em;
	width: 100%;
	height: 40px;
}

.quick_order .grey {
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	padding: .5em .75em;
	background: #eaeaea;
}

.simple_blue {
	background: #e0e8ff;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}

.dark_blue {
	background: #c6ddf1;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}

.dark_blue .title,.simple_blue .title {
	font-size: 18px;
	display: block;
}

.dark_blue .bottom,.simple_blue .bottom {
	padding-top: 10px;
	display: block;
	font-weight: 700;
}

.wtap_title {
	display: block;
	width: 100%;
}

.ulos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	margin: 20px auto;
}

.ulos img {
	width: auto;
	height: 95px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#sp-bottom2 {
	display: none;
}

.o1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.o1 .nav-tabs>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.o1 ul>li>a:active,.tabnav .onas-a .active .show {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	border-radius: 4px 4px 0 0;
}

.o1 .nav-tabs>li>a img {
	height: 50px;
}

.o1 .nav-tabs .nav-item {
	margin-bottom: -1px;
	border: 0;
}

.onas {
	font-size: 25px;
	line-height: 50px!important;
}

.geo {
	margin: 40px auto;
	background: #f5f5f5;
}

.geo_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.geo_wrap .item {
	margin: 10px auto;
}

.geo_wrap img {
	border-radius: 6px;
}

.geo_wrap h3 {
	font-size: 1.2rem;
	line-height: 2em;
	margin: 0 auto;
}

#burg a {
	display: block;
}

#burg {
	display: flex;
	position: absolute;
	bottom: 0;
	right: 10px;
	background: #fff;
	border: 2px solid #7193c7;
	border-radius: 4px;
	z-index: 99;
}

#burg a span {
	display: block;
	margin: 8px;
	width: 34px;
	height: 4px;
	background: #052a6f;
	z-index: 9999;
}

.wrap_title-zavod {
	background: url(../../../../images/image3.jpg) no-repeat;
	height: 404px;
	margin-top: -11px;
}

.wrap_title-zavod h1 {
	font-weight: 700;
	padding: 275px 0 0 40px;
	color: #111;
	font-size: 30px;
}

.proizvodstvo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.proizvodstvo img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: auto;
	height: 79px;
	margin: 10px;
}

.card {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0;
	border-radius: 0;
	padding: 10px;
}

.card h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.3rem;
	line-height: 1.6;
	padding: 15px;
	text-align: center;
	min-height: 60px;
}

.wrap_card {
	border: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	margin: 10px auto;
}

h1.title_shop {
	font-family: "Helvetica Neue",sans-serif;
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0 0 20px 10px;
}

.form_bottom {
	margin: 40px auto;
	background: #f1f1f1;
}

.form_bottom h3 {
	text-align: center;
}

#contactus-form130 {
	margin: 0 auto 40px;
}

div.contactus-form input.contactus-file {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 5px;
}

.block1 {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: flex-end;
	height: 800px;
	padding-bottom: 20px;
}

.btn-form {
	display: none;
}

.btn-form a {
	color: #fff;
}

.video-button {
	display: flex;
}

.video-button img {
	display: inline-block;
	width: 48px;
	height: 48px;
}

.video-button a {
	color: #052a6f;
}

.letter {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
	grid-gap: 20px;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.letter img {
	border: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	max-width: 100%;
}

.graf-wrapper {
	display: flex;
	position: relative;
	width: 100%;
	height: auto;
}

.graf-box {
	padding: 0;
}

div.css_bar_graph {
	width: 100%;
	min-width: 400px;
	height: 320px;
	padding: 40px 20px 10px 70px;
	font-size: 13px;
	font-family: Montserrat,sans-serif;
	font-weight: 400;
	color: #444;
	background-color: #fff;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

div.css_bar_graph a {
	color: #444;
	text-decoration: none;
}

div.css_bar_graph ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.css_bar_graph li {
	margin: 0;
	padding: 0;
}

div.css_bar_graph ul.y_axis {
	width: 50px;
	position: absolute;
	top: 40px;
	left: 10px;
	text-align: right;
}

div.css_bar_graph ul.y_axis li {
	width: 100%;
	height: 49px;
	float: left;
	color: #888;
	border-top: 1px solid transparent;
	position: relative;
	top: -13px;
}

div.css_bar_graph ul.x_axis {
	width: 100%;
	height: 35px;
	position: absolute;
	bottom: 0;
	left: 70px;
	text-align: center;
}

div.css_bar_graph ul.x_axis li {
	display: inline;
	width: 90px;
	float: left;
}

div.css_bar_graph div.label {
	width: 100%;
	height: 50px;
	float: left;
	margin-top: 20px;
	text-align: center;
}

div.css_bar_graph div.label span {
	font-weight: 700;
}

div.css_bar_graph div.graph {
	width: 100%;
	height: 100%;
	float: left;
}

div.css_bar_graph div.graph ul.grid {
	width: 100%;
}

div.css_bar_graph div.graph li {
	width: 100%;
	height: 49px;
	float: left;
	border-top: 1px solid #e5e5e5;
}

div.css_bar_graph div.graph li:nth-child(odd) {
	width: 100%;
	height: 49px;
	float: left;
	border-top: 1px solid #e5e5e5;
	background-color: #f8f8f8;
}

div.css_bar_graph div.graph li:nth-child(even) {
	width: 100%;
	height: 49px;
	float: left;
	border-top: 1px solid #e5e5e5;
}

div.css_bar_graph div.graph li.bottom {
	border-top: 1px solid #d5d5d5;
	background-color: #eee;
	height: 19px;
}

div.css_bar_graph div.graph li.bar {
	width: 50px;
	float: left;
	position: absolute;
	bottom: 46px;
	text-align: center;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

div.css_bar_graph div.graph li.bar div.top {
	width: 100%;
	height: 20px;
	margin-top: -10px;
	-moz-border-radius: 50px/20px;
	-webkit-border-radius: 50px 20px;
	border-radius: 50px/20px;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

div.css_bar_graph div.graph li.bar div.bottom {
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: -10px;
	left: 0;
	-moz-border-radius: 50px/20px;
	-webkit-border-radius: 50px 20px;
	border-radius: 50px/20px;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

div.css_bar_graph div.graph li.bar span {
	position: relative;
	top: -50px;
	padding: 3px 5px 3px 5px;
	z-index: 100;
	background-color: #eee;
	border: 1px solid #bebebe;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: linear-gradient(top,#fff,#f1f1f1 1px,#ebebeb);
	background: -ms-linear-gradient(top,#fff,#f1f1f1 1px,#ebebeb);
	background: -moz-linear-gradient(top,#fff,#f1f1f1 1px,#ebebeb);
	background: -o-linear-gradient(top,#fff,#f1f1f1 1px,#ebebeb);
	background: -webkit-linear-gradient(top,#fff,#f1f1f1 1px,#ebebeb);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(.05,#f1f1f1),color-stop(1,#ebebeb));
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	box-shadow: 0 1px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

div.css_bar_graph div.graph li.nr_1 {
	left: 90px;
}

div.css_bar_graph div.graph li.nr_2 {
	left: 180px;
}

div.css_bar_graph div.graph li.nr_3 {
	left: 270px;
}

div.css_bar_graph div.graph li.nr_4 {
	left: 380px;
}

div.css_bar_graph div.graph li.nr_5 {
	left: 470px;
}

div.css_bar_graph div.graph li.nr_6 {
	left: 560px;
}

div.css_bar_graph div.graph li.nr_7 {
	left: 650px;
}

div.css_bar_graph div.graph li.nr_8 {
	left: 740px;
}

div.css_bar_graph div.graph li.blue {
	background: #208faf;
	background: rgba(32,143,175,.8);
}

div.css_bar_graph div.graph li.blue div.top {
	background: #72b8cc;
}

div.css_bar_graph div.graph li.blue div.bottom {
	background: #208faf;
}

div.css_bar_graph div.graph li.blue:hover {
	cursor: pointer;
	background: #208faf;
}

div.css_bar_graph div.graph li.bar:hover span {
	cursor: pointer;
	top: -60px;
	padding: 10px;
	margin: 0;
}

.container-inner {
	position: relative;
}

.mail-top {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 47px;
	width: 70%;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}

.mail-top a {
	color: #fff;
	font-size: 1rem;
}

.right__topcontact-wrapper {
	margin-bottom: 10px;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.right__topcontact-city,.right__topcontact-phone {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.right__topcontact-city,.right__topcontact-phone {
	align-items: center;
	align-content: center;
	margin-bottom: 10px;
}

.right__topcontact-city ul li,.right__topcontact-phone ul li {
	display: flex;
	list-style: none;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.right__topcontact-city ul li {
	justify-content: flex-start;
	font-size: .8rem;
	line-height: 1.5;
}

.right__topcontact-phone ul li a {
	font-size: .8rem;
	line-height: 1.5;
}

.pe-7s-map-marker {
	font-size: 40px;
	color: #052a6f;
	font-weight: 700;
}

.pe-7s-map-marker:before {
	content: "\e638";
}

[class*=" pe-7s-"],[class^=pe-7s-] {
	font-family: Pe-icon-7-stroke;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pe-7s-phone {
	font-size: 40px;
	color: #052a6f;
	font-weight: 700;
}

.pe-7s-phone:before {
	content: "\e627";
}

.icon {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

a.search__link {
	cursor: pointer;
	padding: 10px;
	vertical-align: middle;
	color: #fff;
	font-size: 1.3rem;
	line-height: 2.3;
}

a.search__link:hover {
	color: rgba(255,255,255,.8);
}

.gallery-item__content .item_img {
	position: relative;
	display: block;
}

.category_img>a,.item_img>a {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	position: relative;
}

.category_img>a:hover img,.item_img>a:hover img {
	opacity: 1!important;
}

.item_img>a:hover:before {
	opacity: 100;
}

.item_img>a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: rgba(32,50,126,.3);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.readmore:after {
	content: '\f054';
	font-weight: 400;
	font-size: 10px;
	font-family: FontAwesome;
	margin-left: 6px;
}

.certification-wrapper,.expirience-wrapper,.whyarewe-wrapper {
	margin: 60px 0;
}

#sp-why-are-we {
	background: #f6f6f6;
}

ul.check {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 2rem;
}

ul.check li::before {
	display: inline-flex;
	position: relative;
	content: '\f00c';
	font-weight: 300;
	font-family: FontAwesome;
	font-size: 20px;
	padding-right: 10px;
	color: #052a6f;
}

.whyarewe-wrapper--title {
	margin-bottom: 30px;
	text-align: center;
	text-transform: uppercase;
}

.whyarewe-wrapper h3 {
	font-size: 18px;
	line-height: 1.44444444;
	font-family: Montserrat,sans-serif;
	font-weight: 600;
	color: #1e1d24;
	font-style: normal;
	text-transform: uppercase;
}

.dropcap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 40px;
	margin-right: 18px;
	width: 40px;
	color: #fff;
	background-color: #052a6f;
	border-radius: 60px;
	padding: inherit;
}

.dropcap-box {
	display: flex;
	flex-direction: row;
	margin: 8px 0;
}

.zmdi-check::before {
	display: inline-block;
	font-family: Material-Design-Iconic-Font;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0,0);
}

.dropcap-custom-link {
	margin: 30px auto;
	display: flex;
	justify-content: center;
}

.thumb-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.thumb-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.portfolio .gallery-item {
	list-style: none;
}

.portfolio .gallery-item__content .item_img {
	position: relative;
	display: block;
}

.portfolio .gallery-item .gallery-item__content .item_img img {
	max-width: none;
	width: 100%;
}

.portfolio .gallery-item .gallery-item__content .item_img .more_wrapper {
	background: rgba(30,29,36,.85);
	top: 0;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	width: 100%;
	color: #fff;
}

.portfolio .gallery-item .gallery-item__content .item_img .more_wrapper .vert-align {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	padding: 6% 14%;
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.portfolio .gallery-item .gallery-item__content .item_img .more_wrapper .vert-align .item_title {
	color: #fff;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.portfolio .gallery-item .gallery-item__content .item_img .more_wrapper .vert-align .item_more {
	background: 0 0!important;
	color: #9fc3fb;
	font-family: montserrat,sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.fa-angle-right {
	font-weight: 900;
}

.fa-angle-right:before {
	content: "\f105";
}

.portfolio .gallery-item .gallery-item__content .item_img .more_wrapper .vert-align .item_more:hover {
	background: #000;
	color: #fff;
}

.portfolio .gallery-item .gallery-item__content .item_img:hover .more_wrapper {
	opacity: 100;
}

.contracts-wrapper {
	margin: 60px 0;
}

.contracts-item {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.contracts-item--date {
	display: flex;
	padding: 10px;
	background: #052a6f;
	color: #fff;
	font-size: 1rem;
	margin: 10px;
}

.contracts-desc {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	min-height: 180px;
}

.contracts-desc h3 {
	font-size: 1.5rem;
	height: 1.3rem;
	text-transform: uppercase;
	padding-bottom: 40px;
}

.contracts-desc h3::after {
	content: "";
	display: block;
	width: 20%;
	position: relative;
	padding-top: 5px;
	border-bottom: 2px solid #052a6f;
}

.contracts-years {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
}

.contracts-item h4 {
	height: 1.3rem;
}

.contracts-category::before {
	content: "";
	display: block;
	width: 90%;
	border: 1px solid #052a6f;
	margin-bottom: 10px;
}

.contracts-category h5 {
	text-transform: uppercase;
	font-size: 1rem;
}

.slide-item {
	position: relative;
}

.slide-item__desc {
	display: flex;
	flex-direction: column;
	width: 80%;
	position: absolute;
	left: 2.5rem;
	top: 0;
	color: #fff;
	padding: 0 10px;
	background: rgba(0,0,0,.5);
}

h2.slide-item__heading {
	font-size: 1.4rem;
	padding: 10px 10px 0 10px;
}

.slide-item__text {
	padding: 0 10px;
	line-height: 1.2;
	font-size: 18px;
	text-shadow: 1px 1px 5px #111;
}

.slide-controls .slide-controls__left {
	position: absolute;
	top: 50%;
	z-index: 2;
	left: 15px;
	padding: 5px;
	background: rgba(0,0,0,.5);
}

.slide-controls .slide-controls__right {
	position: absolute;
	top: 50%;
	z-index: 2;
	right: 15px;
	padding: 5px;
	background: rgba(0,0,0,.5);
}

.zmdi-chevron-left,.zmdi-chevron-right {
	font-size: 5rem;
	color: #ccc;
}

.zmdi-chevron-left:hover,.zmdi-chevron-right:hover {
	color: #f2f2f2;
}

.first-box-wrapper {
	margin: 40px auto;
}

.desc-main-two--box .desc-main-two--desc-item {
	position: absolute;
	left: 40px;
	top: 20px;
	text-shadow: 2px 4px 5px #000;
}

.desc-main-two--box .desc-main-two--desc-item a {
	color: #fff;
	font-size: 1.75rem;
}

.btn-wrapper--mesz {
	position: absolute;
	left: 40px;
	bottom: 0;
}

.first-ref-title-wrapper h2,.second-ref-title-wrapper h2,.thrid-ref-title-wrapper h2 {
	font-size: 1.4rem;
	font-family: Montserrat,sans-serif;
	font-weight: 500;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 0;
	text-align: center;
	margin-left: -1000px;
}

.logo-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(125px,1fr));
	grid-gap: 15px;
	align-items: stretch;
}

.logo-grid img {
	border: 1px solid #ccc;
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	max-width: 100%;
}

#sp-ask-price,#sp-bott-ref,#sp-references,#sp-two-references {
	background-color: #052a6f;
	padding: 20px 0;
}

.first-ref-title-wrapper,.second-ref-title-wrapper,.thrid-ref-title-wrapper {
	margin-right: unset;
	margin: 0 auto;
}

#sp-testimonials {
	margin: 40px auto;
}

#sp-services {
	background: #f6f6f6;
	padding: 40px 0;
}

.big-photo a img {
	height: 343px;
	opacity: 1;
}

.big-photo img:hover {
	opacity: .85;
}

.add-serv-wrapper .desc-big-item h3 {
	margin-top: 20px;
}

.add-serv-wrapper .desc-big-item h3 a {
	text-transform: none;
	color: #1c1c1c;
	font-weight: 700;
	font-size: 22px;
}

.small-photo a img {
	height: 164px;
	opacity: 1;
}

.small-photo a img:hover {
	opacity: .85;
}

.add-serv-wrapper .desc-small-item h3 {
	line-height: 1.1;
}

.add-serv-wrapper .desc-small-item h3 a {
	text-transform: none;
	color: #1c1c1c;
	font-size: 16px;
	font-weight: 700;
}

.serviceSlider-controls {
	display: flex;
	justify-content: flex-end;
	margin: 20px 10px;
}

.serviceSlider-arrow--left img {
	left: -70px;
	transform: translate(-100%,0);
}

.serviceSlider-arrow--right img {
	right: -70px;
	transform: translate(100%,0);
}

.zmdi-chevron-left,.zmdi-chevron-right {
	font-size: 5rem;
	color: #ccc;
}

.zmdi-chevron-left:hover,.zmdi-chevron-right:hover {
	color: #f2f2f2;
}

#sp-clients {
	margin: 40px auto;
}

#sp-clients .sp-module-title {
	margin: 10px 0 40px 0;
	text-align: center;
}

.logo-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(125px,1fr));
	grid-gap: 15px;
	align-items: stretch;
}

.logo-grid img {
	border: 1px solid #ccc;
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	max-width: 100%;
}

.carousel {
	margin: 0 auto;
	padding: 0;
	height: 100%;
}

.carousel .item {
	color: #999;
	overflow: hidden;
	min-height: 120px;
	font-size: 13px;
}

.carousel .media {
	position: relative;
	padding: 0 0 0 20px;
}

.carousel .media img {
	width: 75px;
	height: 75px;
	display: block;
}

.carousel .testimonial-wrapper {
	padding: 0 10px;
}

.carousel .testimonial {
	color: grey;
	position: relative;
	padding: 15px;
	background: #f1f1f1;
	border: 1px solid #efefef;
	border-radius: 3px;
	margin-bottom: 15px;
	min-height: 150px;
}

.carousel .testimonial::after {
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	background: #f1f1f1;
	border: 1px solid #efefef;
	border-width: 0 0 1px 1px;
	position: absolute;
	bottom: -8px;
	left: 46px;
	transform: rotateZ(-46deg);
}

.carousel .star-rating li {
	padding: 0 2px;
}

.carousel .star-rating i {
	font-size: 16px;
	color: #052a6f;
}

.carousel .overview {
	padding: 25px 0 0 15px;
}

.carousel .overview .details {
	padding: 5px 0 8px;
}

.carousel .overview b {
	text-transform: uppercase;
	color: #052a6f;
}

.carousel .carousel-indicators {
	bottom: -40px;
}

.carousel-indicators li,.carousel-indicators li.active {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	margin: 1px 2px;
}

.carousel-indicators li {
	background: #e2e2e2;
	border: 4px solid #fff;
}

.carousel-indicators li.active {
	color: #fff;
	background: #052a6f;
	border: 5px double;
}

#sp-testimonials {
	margin: 40px auto;
}

#sp-testimonials .sp-module-title {
	margin: 10px 0 40px 0;
	text-align: center;
}

.exitblock {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
}

.exitblock .fon {
	background: #f6fcff;
	opacity: .8;
	position: fixed;
	width: 100%;
	height: 100%;
}

.closeblock {
	cursor: pointer;
	position: fixed;
	line-height: 60px;
	font-size: 82px;
	transform: rotate(45deg);
	text-align: center;
	top: 20px;
	right: 30px;
	color: #052a6f;
}

.closeblock:hover {
	color: #000;
}

.social__wrapper--vertical {
	display: none;
}

.social__wrapper--inline {
	flex-direction: row;
	width: auto;
	position: relative;
	top: 0;
	right: 0;
}

.social a {
	text-align: center;
	width: 38px;
	height: 38px;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 2px 4px rgba(0,0,0,.15),inset 0 0 50px rgba(0,0,0,.1);
	border-radius: 2px;
	margin: 1px 0;
	padding: 6px;
	color: #052a6f;
}

.fa-1_5x {
	font-size: 1.5em;
}

.github a:hover {
	background: #191919;
	color: #fff;
}

.youtube a:hover {
	background: #c4302b;
	color: #fff;
}

.google-pluse a:hover {
	background: #dd4b39;
	color: #fff;
}

.twitter a:hover {
	background: #00acee;
	color: #fff;
}

.instagram a:hover {
	background: #3f729b;
	color: #fff;
}

.facebook a:hover {
	background: #3b5998;
	color: #fff;
}

.skype a:hover {
	background: #00aff0;
	color: #fff;
}

.vk a:hover {
	background: #5d84ae;
	color: #fff;
}

.odnoklassniki a:hover {
	background: #f93;
	color: #fff;
}

.pinterest a:hover {
	background: #c8232c;
	color: #fff;
}

.linkedin a:hover {
	background: #0e76a8;
	color: #fff;
}

.telegram a:hover {
	background: #249bd7;
	color: #fff;
}

.tumblr a:hover {
	background: #34526f;
	color: #fff;
}

.windows a:hover {
	background: #125acd;
	color: #fff;
}

.whatsapp a:hover {
	background: #50b154;
	color: #fff;
}

.weibo a:hover {
	background: #d52b2b;
	color: #fff;
}

.dropbox a:hover {
	background: #1087dd;
	color: #fff;
}

.tab-wrapper {
	margin-top: 20px;
	margin-bottom: 20px;
}

#myTab {
	border-bottom: 2px solid #e5e5e5;
	margin-bottom: 10px;
}

.tab-content {
	background: #fff;
	padding: 30px;
	min-height: 250px;
}

#myTab a {
	font-size: 20px;
	color: #7193c7;
	font-weight: 600;
}

#myTab a.active {
	font-size: 20px;
	color: #052a6f;
	font-weight: 600;
	border-bottom: 3px solid #444;
}

.photo-about-wrapper {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 440px;
	margin: 30px auto;
}

.photo-about-inner--top {
	border-top: 2px solid #7193c7;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 50%;
	margin: 0 auto;
}

.photo-about-inner--bottom {
	border-bottom: 2px solid #7193c7;
	padding-bottom: 40px;
	width: 50%;
	margin: 0 auto;
}

.photo-about-inner--top::before {
	position: absolute;
	top: 0;
	left: 25%;
	width: 2px;
	height: 100%;
	content: '';
	background: #7193c7;
}

.photo-about-inner--top::after {
	position: absolute;
	bottom: 0;
	right: 25%;
	width: 2px;
	height: 42px;
	content: '';
	background: #7193c7;
}

.photo-about-inner--bottom::after {
	position: absolute;
	top: 0;
	right: 25%;
	width: 2px;
	height: 42px;
	content: '';
	background: #7193c7;
}

.first-ref-wrapper,.second-ref-wrapper,.thrid-ref-wrapper {
	display: inline-flex;
	justify-content: center;
	width: 100%;
}

input.form-control {
	max-width: initial;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);
	border: 0;
}

.wrap-email {
	display: flex;
	position: relative;
	width: 260px;
	height: 45px;
	margin: 0 auto;
}

.send-button .text button {
	opacity: 0;
	position: absolute;
	left: -15px;
	right: 0;
	top: -11px;
	bottom: 10px;
	width: 170px;
	height: 45px;
}

@keyframes icon-animation {
	0% {
		transform: rotate(0) scale(1);
	}

	33% {
		transform: rotate(-120deg) scale(4);
	}

	66% {
		transform: rotate(-240deg) scale(4);
	}

	100% {
		transform: rotate(-360deg) scale(1);
	}
}

@keyframes input-shadow {
	0% {
		box-shadow: 0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);
	}

	40% {
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
	}

	50% {
		box-shadow: none;
	}

	70% {
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
	}

	100% {
		box-shadow: 0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);
	}
}

.icon-wrapper-animation {
	animation: icon-animation 1.5s linear;
	transition: color .6s ease;
	color: #66bb6a;
	font-size: 1.5rem;
}

.ion-paper-airplane:before {
	font-family: FontAwesome;
	content: "\f1d8";
	font-size: 1.5rem;
}

.ion-checkmark:before {
	font-family: FontAwesome;
	content: "\f00c";
}

.clicked {
	transition: transform .15s ease;
	animation: input-shadow .15s ease;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);
}

.clicked>.text {
	transition: transform .15s ease-out;
}

.send-button {
	position: relative;
	background-color: #7193c7;
	width: 170px;
	height: 45px;
	margin: 10px auto;
	border-radius: 2px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);
	cursor: pointer;
	user-select: none;
	transition: transform .15s;
	text-shadow: 1px 2px 1px rgba(27,127,204,.6);
}

.send-button .text {
	position: relative;
	left: 15px;
	top: 0;
	bottom: 0;
	right: 0;
	font-size: 1rem;
	letter-spacing: 1px;
	line-height: 45px;
	color: #fff;
	text-transform: uppercase;
}

.send-button .icon-wrapper {
	position: absolute;
	right: -65px;
	bottom: -10px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	line-height: 45px;
	color: #fff;
}

.send-button .icon-wrapper [class*=icon-] {
	position: absolute;
	left: 85px;
	bottom: 12px;
	transition: color .6s ease;
}

.send-button .icon-wrapper .icon-1 {
	transform: rotate(15deg);
	font-size: 23px;
	font-size: 2.3rem;
	opacity: 1;
}

.send-button .icon-wrapper .icon-2 {
	opacity: 0;
	font-size: 25px;
	font-size: 2.5rem;
}

#sp-production-gallery,#sp-shop-advantages {
	background: #f6f6f6;
	margin: 0;
}

#sp-proj-about,#sp-projects,#sp-thrid-about {
	margin: 20px auto;
	background: #f6f6f6;
}

#sp-thrid-about {
	padding: 40px 0;
}

.center-title {
	padding-bottom: 20px;
	text-align: center;
	margin-top: 1rem;
}

#sp-bottom {
	background-image: url(../../../../images/bg/bottom-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 50%;
	color: #black;
	padding: 50px 0;
}

#sp-services .sp-module-title {
	margin: 20px 0 0;
	text-align: center;
}

.btn-default {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	position: relative;
	overflow: hidden;
	padding: 15px 36px;
	vertical-align: middle;
	letter-spacing: 1.07px;
	text-transform: uppercase;
	color: #fff;
	border: none!important;
	border-radius: 0;
	background: #7193c7;
}

.btn-default:after,.btn-default:before {
	position: absolute;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 32%;
	content: attr(data-text);
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
	-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
	transition-timing-function: cubic-bezier(.2,1,.3,1);
	color: #fff;
	background: #7193c7;
}

.btn-default:before {
	top: 0;
	padding-top: 0;
}

.btn-default:after {
	line-height: 0;
	bottom: 0;
}

.btn-default a {
	display: block;
	-webkit-transition: -webkit-transform .3s,opacity .3s;
	transition: transform .3s,opacity .3s;
	-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
	transition-timing-function: cubic-bezier(.2,1,.3,1);
	-webkit-transform: scale3d(.2,.2,1);
	transform: scale3d(.2,.2,1);
	vertical-align: middle;
	opacity: 0;
}

.btn-default:focus,.btn-default:hover {
	color: #eee;
	outline: 0;
	background: #313131;
}

.btn-default:focus:before,.btn-default:hover:before {
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

.btn-default:focus:after,.btn-default:hover:after {
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.btn-default:focus a,.btn-default:hover a {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	opacity: 1;
	color: #eee;
}

.btn-accent {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	position: relative;
	overflow: hidden;
	padding: 15px 36px;
	vertical-align: middle;
	letter-spacing: 1.07px;
	text-transform: uppercase;
	color: #fff;
	border: none!important;
	border-radius: 0;
	background: #feb019;
}

.btn-accent:after,.btn-accent:before {
	position: absolute;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 32%;
	content: attr(data-text);
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
	-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
	transition-timing-function: cubic-bezier(.2,1,.3,1);
	color: #fff;
	background: #feb019;
}

.btn-accent:before {
	top: 0;
	padding-top: 0;
}

.btn-accent:after {
	line-height: 0;
	bottom: 0;
}

.btn-accent a {
	display: block;
	-webkit-transition: -webkit-transform .3s,opacity .3s;
	transition: transform .3s,opacity .3s;
	-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
	transition-timing-function: cubic-bezier(.2,1,.3,1);
	-webkit-transform: scale3d(.2,.2,1);
	transform: scale3d(.2,.2,1);
	vertical-align: middle;
	opacity: 0;
}

.btn-accent:focus,.btn-accent:hover {
	color: #eee;
	outline: 0;
	background: #313131;
}

.btn-accent:focus:before,.btn-accent:hover:before {
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

.btn-accent:focus:after,.btn-accent:hover:after {
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.btn-accent:focus a,.btn-accent:hover a {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	opacity: 1;
	color: #eee;
}

.btn-default--contacts {
	min-width: 340px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	position: relative;
	overflow: hidden;
	padding: 15px 36px;
	vertical-align: middle;
	letter-spacing: 1.07px;
	text-transform: uppercase;
	color: #fff;
	border: none!important;
	border-radius: 0;
	background: #dc3545;
}

.btn-default--contacts:after,.btn-default--contacts:before {
	position: absolute;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 32%;
	content: attr(data-text);
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
	-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
	transition-timing-function: cubic-bezier(.2,1,.3,1);
	color: #fff;
	background: #dc3545;
}

.btn-default--contacts:before {
	top: 0;
	padding-top: 0;
}

.btn-default--contacts:after {
	line-height: 0;
	bottom: 0;
}

.btn-default--contacts a {
	display: block;
	-webkit-transition: -webkit-transform .3s,opacity .3s;
	transition: transform .3s,opacity .3s;
	-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
	transition-timing-function: cubic-bezier(.2,1,.3,1);
	-webkit-transform: scale3d(.2,.2,1);
	transform: scale3d(.2,.2,1);
	vertical-align: middle;
	opacity: 0;
}

.btn-default--contacts:focus,.btn-default--contacts:hover {
	color: #eee;
	outline: 0;
	background: #313131;
}

.btn-default--contacts:focus:before,.btn-default--contacts:hover:before {
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

.btn-default--contacts:focus:after,.btn-default--contacts:hover:after {
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.btn-default--contacts:focus a,.btn-default--contacts:hover a {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	opacity: 1;
	color: #eee;
}

.right__topcontact-city p {
	margin-top: 0;
	margin-bottom: 0;
	margin: 0 10px;
	color: #052a6f;
}

.right__topcontact-city ul,.right__topcontact-phone ul {
	margin: 0;
	padding: 0 10px;
}

.right__topcontact-phone ul li a {
	font-size: 1rem;
	line-height: 1.5;
}

.btn-wrapper {
	margin: 30px auto;
	text-align: center;
}

#sp-three-block-about-us .sp-module-title {
	margin-top: 30px;
}

.choose-item .item-ico {
	display: block;
	position: relative;
	width: 52px;
	height: 52px;
	background-color: #7193c7;
	border-radius: 50%;
	margin: 0;
}

.choose-item .item-ico i {
	padding: 17px;
	font-size: 1.2rem;
	color: #fff;
}

.choose-item h3 {
	margin: 15px 0;
	font-size: 1.3rem;
	line-height: 1.6rem;
}

.wrap-btn {
	margin: 10px 0;
}

.btn-accent,.btn-default {
	width: 100%;
}

@media (max-width:375px) {
	.proekty img {
		width: 140px;
		margin: 10px auto;
	}

	.geo_wrap img {
		border-radius: 6px;
		width: 150px;
	}

	.service {
		width: 50%;
	}

	.service img {
		width: 150px;
	}

	.about_us {
		display: none;
	}

	.category-view {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.card {
		position: relative;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		min-width: 0;
		word-wrap: break-word;
		background-color: #fff;
		background-clip: border-box;
		border: 0;
		border-radius: 0;
		padding: 10px;
		margin: 0 auto;
	}

	.graf-wrapper {
		display: flex;
		position: relative;
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-device-width:480px) {
	#sp-menu {
		position: center;
		top: 0;
	}

	#sp-brand {
		border-bottom: 1px solid #eaf0f3;
		min-height: 120px;
	}

	.tel {
		font-size: 1.2rem;
		min-height: 1.2rem;
		line-height: 1.5rem;
		margin: .5rem auto;
	}

	.graf-wrapper {
		display: flex;
		position: relative;
		width: 100%;
		height: auto;
	}

	.slide-item__desc {
		width: 80%;
	}
}

@media only screen and (min-device-width :375px) and (max-device-width :667px) {
	#sp-menu {
		position: center;
		top: 0;
	}

	.graf-wrapper {
		display: flex;
		position: relative;
		width: 100%;
		height: auto;
	}

	ul.xAxis {
		margin: 0 0 0 27px;
		padding: 0;
		display: flex;
		position: absolute;
		bottom: 0;
		left: 20px;
		right: 0;
		width: 100%;
	}

	ul.yAxis {
		margin: 10px 0 0 0;
		padding-left: 0;
		padding-bottom: 40px;
	}

	ul.xAxis li {
		float: left;
		list-style: none;
		width: 33px;
		margin-right: 9.5%;
		text-align: center;
	}

	ul.yAxis li {
		list-style: none;
		height: 33px;
		text-align: right;
		float: left;
		clear: left;
	}

	dl#csschart,dl#csschart dd,dl#csschart dt {
		margin: 0;
		padding: 0;
	}

	dl#csschart {
		background: url(../../images/graf/bg_chart.gif) no-repeat left bottom;
		position: absolute;
		left: 40px;
		bottom: 0;
		width: 100%;
		height: 100%;
		padding-left: 11px;
		display: flex;
		flex-direction: row;
	}

	dl#csschart dt {
		display: none;
	}

	dl#csschart dd {
		position: relative;
		width: 33px;
		height: 100%;
		margin-right: 10%;
	}

	.slide-item__desc {
		width: auto;
	}
}

@media (min-width:768px) {
	.slide-item__desc {
		width: 50%;
	}

	.logo-image {
		fill: #052a6f;
		margin: 0;
	}

	#sp-menu {
		margin-left: -100px;
		position: center;
	}

	#burg {
		display: none;
	}

	#sp-brand {
		border-bottom: 1px solid #eaf0f3;
		min-height: 100px;
	}

	.logo {
		margin-left: -15px;
		padding: 15px;
	}

	.top-head {
		background: #052a6f none repeat scroll 0 0;
		width: 100%;
		min-height: 38px;
		padding: 10px 0;
	}

	.tel {
		display: inline-block;
		float: right;
		text-align: right;
		font-size: 17px;
		min-height: 20px;
		line-height: 20px;
		margin-top: auto;
		margin-bottom: 0;
		padding: 0;
	}

	.tel a {
		color: #fff;
		padding: 0 5px;
	}

	.tel a:hover {
		color: #fff;
	}

	.right__callback {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		height: 50px;
	}

	#user-city {
		color: #66b2ff;
		font-size: 21px;
		padding-right: 5px;
		font-weight: 700;
	}

	.phone-num {
		font-weight: 700;
		font-size: 21px;
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 0;
	}

	.phone-num a {
		color: #333;
		vertical-align: middle;
	}

	.phone-num a:hover {
		color: #333;
	}

	.callfree {
		font-size: 15px;
	}

	.slogan {
		text-align: right;
		display: block;
		height: 40px;
		font-weight: 700;
		font-size: 16px;
		margin-bottom: 0;
	}

	.o1 .nav-tabs>li>a img {
		height: 80px;
	}

	.carousel {
		height: 300px;
		margin-bottom: 50px;
	}

	.carousel-caption {
		z-index: 10;
	}

	.btn-default {
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		position: relative;
		overflow: hidden;
		padding: 15px 36px;
		vertical-align: middle;
		letter-spacing: 1.07px;
		text-transform: uppercase;
		color: #fff;
		border: none!important;
		border-radius: 0;
		background: #7193c7;
		min-width: 220px;
		width: auto;
	}

	.btn-default:after,.btn-default:before {
		position: absolute;
		left: 0;
		overflow: hidden;
		width: 100%;
		height: 32%;
		content: attr(data-text);
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;
		-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
		transition-timing-function: cubic-bezier(.2,1,.3,1);
		color: #fff;
		background: #7193c7;
	}

	.btn-default:before {
		top: 0;
		padding-top: 0;
	}

	.btn-default:after {
		line-height: 0;
		bottom: 0;
	}

	.btn-default a {
		display: block;
		-webkit-transition: -webkit-transform .3s,opacity .3s;
		transition: transform .3s,opacity .3s;
		-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
		transition-timing-function: cubic-bezier(.2,1,.3,1);
		-webkit-transform: scale3d(.2,.2,1);
		transform: scale3d(.2,.2,1);
		vertical-align: middle;
		opacity: 0;
	}

	.btn-default:focus,.btn-default:hover {
		color: #eee;
		outline: 0;
		background: #313131;
	}

	.btn-default:focus:before,.btn-default:hover:before {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}

	.btn-default:focus:after,.btn-default:hover:after {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	.btn-default:focus a,.btn-default:hover a {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
		opacity: 1;
		color: #eee;
	}

	.btn-accent {
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		position: relative;
		overflow: hidden;
		padding: 15px 36px;
		vertical-align: middle;
		letter-spacing: 1.07px;
		text-transform: uppercase;
		color: #fff;
		border: none!important;
		border-radius: 0;
		background: #feb019;
		min-width: 220px;
		width: auto;
	}

	.btn-accent:after,.btn-accent:before {
		position: absolute;
		left: 0;
		overflow: hidden;
		width: 100%;
		height: 32%;
		content: attr(data-text);
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;
		-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
		transition-timing-function: cubic-bezier(.2,1,.3,1);
		color: #fff;
		background: #feb019;
	}

	.btn-accent:before {
		top: 0;
		padding-top: 0;
	}

	.btn-accent:after {
		line-height: 0;
		bottom: 0;
	}

	.btn-accent a {
		display: block;
		-webkit-transition: -webkit-transform .3s,opacity .3s;
		transition: transform .3s,opacity .3s;
		-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
		transition-timing-function: cubic-bezier(.2,1,.3,1);
		-webkit-transform: scale3d(.2,.2,1);
		transform: scale3d(.2,.2,1);
		vertical-align: middle;
		opacity: 0;
	}

	.btn-accent:focus,.btn-accent:hover {
		color: #eee;
		outline: 0;
		background: #313131;
	}

	.btn-accent:focus:before,.btn-accent:hover:before {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}

	.btn-accent:focus:after,.btn-accent:hover:after {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	.btn-accent:focus a,.btn-accent:hover a {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
		opacity: 1;
		color: #eee;
	}

	.tab-content {
		width: 100%;
	}

	.tab-content>.active {
		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: wrap;
		flex-wrap: wrap;
	}

	.FadeIn {
		animation: fadeIn ease 2s;
		-webkit-animation: fadeIn ease 2s;
		-moz-animation: fadeIn ease 2s;
		-o-animation: fadeIn ease 2s;
		-ms-animation: fadeIn ease 2s;
	}

	.Fade {
		-webkit-animation-name: Fade;
		animation-name: Fade;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}@	-webkit-keyframes Fade {
		0%{opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes Fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes FadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes FadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes FadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes FadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes FadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes FadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes ZoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}

	100% {
		opacity: 1;
	}
}

@keyframes ZoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes RotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes RotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@-webkit-keyframes Pulse {
	from {
		opacity: 0;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	50% {
		opacity: .5;
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}

@keyframes Pulse {
	from {
		opacity: 0;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	50% {
		opacity: .5;
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}

@-webkit-keyframes Spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes Spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.nav-tabs .nav-item {
	margin-bottom: -1px;
	border: 1px solid #fff;
	width: 25%;
}

.nav-tabs .nav-link {
	background: #f5f5f5;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	width: 100%;
}

.nav-tabs .nav-link:hover {
	border: 1px solid #e9ecef;
	background: #eee;
	width: 100%;
}

.quick_order {
	display: block;
	width: 100%;
	position: relative;
	margin: 20px auto;
}

.quick_order h2 {
	display: block;
	position: relative;
	font-size: 23px;
	text-align: center;
}

.quick_order .white {
	display: block;
	position: relative;
	padding: .5em .75em;
	width: 100%;
	height: 40px;
}

.quick_order .grey {
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	padding: .5em .75em;
	background: #eaeaea;
}

.h3,h3 {
	font-size: 1.75rem;
	line-height: 2em;
}

.simple_blue {
	background: #e0e8ff;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}

.dark_blue {
	background: #c6ddf1;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}

.dark_blue .title,.simple_blue .title {
	font-size: 18px;
	display: block;
}

.dark_blue .bottom,.simple_blue .bottom {
	padding-top: 10px;
	display: block;
	font-weight: 700;
}

.wtap_title {
	display: block;
	width: 100%;
}

.ulos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	margin: 20px auto;
}

.ulos img {
	width: auto;
	height: 95px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#sp-bottom2 {
	display: block;
}

.davgunov {
	display: block;
	position: relative;
	width: 100%;
	min-height: 150px;
}

.davgunov img {
	display: block;
	position: absolute;
	top: -17px;
	right: -115px;
	max-width: 100%;
	height: auto;
}

.o1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.o1 .nav-tabs>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.o1 ul>li>a:active,.tabnav .onas-a .active .show {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	border-radius: 4px 4px 0 0;
}

.o1 .nav-tabs>li>a img {
	height: 75px;
}

.o1 .nav-tabs .nav-item {
	margin-bottom: -1px;
	border: 0;
}

.onas {
	font-size: 25px;
	line-height: 50px!important;
	color: #1e146f;
}

.geo {
	margin: 40px auto;
	background: #f5f5f5;
}

.geo_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.geo_wrap .item {
	margin: 10px;
}

.geo_wrap img {
	border-radius: 6px;
}

.geo_wrap h3 {
	font-size: 1.2rem;
	line-height: 2em;
	margin: 0 auto;
}

.wrap_title-zavod {
	background: url(../../../../images/image3.jpg) no-repeat;
	height: 404px;
	margin-top: -11px;
}

.wrap_title-zavod h1 {
	font-weight: 700;
	padding: 275px 0 0 40px;
	color: #111;
	font-size: 30px;
}

.zavod h2 {
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	padding: 20px 0;
}

.proizvodstvo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
}

.proizvodstvo img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: auto;
	height: 79px;
	margin: 10px;
}

.card {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0;
	border-radius: 0;
	padding: 10px;
}

.card h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1rem;
	text-align: center;
	min-height: 60px;
	padding: 0 10px;
	word-break: break-word;
}

.wrap_card {
	border: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	margin: 10px auto;
}

h1.title_shop {
	font-family: "Helvetica Neue",sans-serif;
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0 0 20px 10px;
}

.form_bottom {
	margin: 40px auto;
	background: #f1f1f1;
}

.form_bottom h3 {
	text-align: center;
}

#contactus-form130 {
	margin: 0 auto 40px;
}

div.contactus-form input.contactus-file {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 5px;
}

.letter {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
	grid-gap: 20px;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.letter img {
	border: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	max-width: 100%;
}

.strtrgaz {
	width: 60%;
	height: auto;
	margin: 0 auto;
}

.block1 {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-end;
	height: 775px;
	padding-bottom: 20px;
}

.btn-form {
	display: block;
	background: #052a6f;
	height: 48px;
	padding: 10px 20px;
	border-radius: 4px;
}

.btn-form a {
	color: #fff;
}

.video-button {
	display: flex;
}

.video-button img {
	display: inline-block;
	width: 48px;
	height: 48px;
}

.video-button a {
	color: #052a6f;
}

.right__topcontact-wrapper {
	justify-content: flex-end;
	flex-direction: row;
	margin: 20px 0;
}

.right__topcontact-city,.right__topcontact-phone {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.right__topcontact-city p {
	margin-top: 0;
	margin-bottom: 0;
	margin: 0 10px;
	color: #052a6f;
}

.right__topcontact-city ul,.right__topcontact-phone ul {
	margin: 0;
	padding: 0 15px;
}

.right__topcontact-city ul li,.right__topcontact-phone ul li {
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.right__topcontact-city ul li {
	justify-content: flex-start;
	font-size: 1rem;
	line-height: 1.5;
}

.right__topcontact-phone ul li a {
	font-size: 1rem;
	line-height: 1.5;
}

.pull-righ {
	float: right;
}

.pe-7s-map-marker {
	font-size: 40px;
	color: #052a6f;
	font-weight: 700;
}

.pe-7s-map-marker:before {
	content: "\e638";
}

[class*=" pe-7s-"],[class^=pe-7s-] {
	font-family: Pe-icon-7-stroke;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pe-7s-phone {
	font-size: 40px;
	color: #052a6f;
	font-weight: 700;
}

.pe-7s-phone:before {
	content: "\e627";
}

.icon {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

a.search__link {
	cursor: pointer;
	padding: 10px;
	vertical-align: middle;
	color: #fff;
	font-size: 1.3rem;
	line-height: 2.3;
}

a.search__link:hover {
	color: rgba(255,255,255,.8);
}

.mail-top {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	height: 50px;
	bottom: 0;
}

.mail-top a {
	color: #fff;
	font-size: 1rem;
	font-family: Montserrat,sans-serif;
}

.first-box-wrapper {
	margin: 40px auto;
}

h1.desc-title {
	margin: 0 auto;
	text-align: center;
}

h1.big-title {
	font-size: 3rem;
	line-height: 2;
}

.big-desc {
	text-align: center;
	position: center;
	align: center;
	font-size: 1.5rem;
}

.desc-main-first-wrapper {
	margin: 0 auto 100px 0;
	text-align: center;
}

.desc-main-two--box {
	position: relative;
}

.desc-main-two--box .desc-main-two--desc-item {
	position: absolute;
	left: 20px;
	top: 20px;
	text-shadow: 2px 4px 5px #000;
}

.desc-main-two--box .desc-main-two--desc-item a {
	color: #fff;
	font-size: 1.75rem;
}

#sp-desc-main-box {
	margin: 10px auto;
}

.gallery-wrapper {
    width: 1120px;
    height: 460px;
    margin: 20px auto;
    overflow: hidden;
    border: 2px solid #052a6f;
    display: flex;
    img {
        width: 100%;
        display: inline-block;
        float: left;
        animation-name: mymove;
        animation-duration: 18s;
        -webkit-animation-iteration-count: infinite;
        position: relative;
    }
}

@keyframes mymove {
    0% { left: 0%; }
    25% { left: 0%; }
    33% { left: -100%; }
    58% { left: -100%; }
    66% { left: -200% ;}
    92% { left: -200% ;}
}

.kachestvo {
	color: #052a6f;
	text-align: center;
	position: center;
	align: center;
	font-size: 1.5rem;
}

#kachestvo {
	color: #052a6f;
	text-align: center;
	position: center;
	align: center;
	font-size: 1.5rem;
}

#sp-references {
	background-color: #052a6f;
	padding: 20px 0;
}

.first-ref-title-wrapper,.second-ref-title-wrapper,.thrid-ref-title-wrapper {
	margin-right: 50px;
}

.first-ref-title-wrapper h2,.second-ref-title-wrapper h2,.thrid-ref-title-wrapper h2 {
	color: #fff;
	margin-bottom: 0;
}

.first-ref-wrapper,.second-ref-wrapper,.thrid-ref-wrapper {
	display: inline-flex;
	justify-content: center;
	width: 100%;
}

.first-ref-form,.second-ref-form,.thrid-ref-form {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
	height: 46px;
}

input.form-control {
	max-width: initial;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);
	border: 0;
}

.wrap-email {
	display: flex;
	position: relative;
	width: 260px;
	height: 45px;
}

.send-button .text button {
	opacity: 0;
	position: absolute;
	left: -15px;
	right: 0;
	top: -11px;
	bottom: 10px;
	width: 170px;
	height: 45px;
}

@keyframes icon-animation {
	0% {
		transform: rotate(0) scale(1);
	}

	33% {
		transform: rotate(-120deg) scale(4);
	}

	66% {
		transform: rotate(-240deg) scale(4);
	}

	100% {
		transform: rotate(-360deg) scale(1);
	}
}

@keyframes input-shadow {
	0% {
		box-shadow: 0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);
	}

	40% {
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
	}

	50% {
		box-shadow: none;
	}

	70% {
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
	}

	100% {
		box-shadow: 0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);
	}
}

.icon-wrapper-animation {
	animation: icon-animation 1.5s linear;
	transition: color .6s ease;
	color: #66bb6a;
	font-size: 1.5rem;
}

.ion-paper-airplane:before {
	font-family: FontAwesome;
	content: "\f1d8";
	font-size: 1.5rem;
}

.ion-checkmark:before {
	font-family: FontAwesome;
	content: "\f00c";
}

.clicked {
	transition: transform .15s ease;
	animation: input-shadow .15s ease;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);
}

.clicked>.text {
	transition: transform .15s ease-out;
}

.send-button {
	position: relative;
	background-color: #7193c7;
	width: 170px;
	height: 45px;
	margin: 0;
	border-radius: 2px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);
	cursor: pointer;
	user-select: none;
	transition: transform .15s;
	text-shadow: 1px 2px 1px rgba(27,127,204,.6);
}

.send-button .text {
	position: relative;
	left: 15px;
	top: 0;
	bottom: 0;
	right: 0;
	font-size: 1rem;
	letter-spacing: 1px;
	line-height: 45px;
	color: #fff;
	text-transform: uppercase;
}

.send-button .icon-wrapper {
	position: absolute;
	right: -65px;
	bottom: -10px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	line-height: 45px;
	color: #fff;
}

.send-button .icon-wrapper [class*=icon-] {
	position: absolute;
	left: 85px;
	bottom: 12px;
	transition: color .6s ease;
}

.send-button .icon-wrapper .icon-1 {
	transform: rotate(15deg);
	font-size: 23px;
	font-size: 2.3rem;
	opacity: 1;
}

.send-button .icon-wrapper .icon-2 {
	opacity: 0;
	font-size: 25px;
	font-size: 2.5rem;
}

.contracts-wrapper {
	margin: 60px 0;
}

.contracts-item {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.contracts-item--date {
	display: flex;
	padding: 10px;
	background: #052a6f;
	color: #fff;
	font-size: 1rem;
	margin: 10px;
}

.contracts-desc {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	min-height: 180px;
}

.contracts-desc h3 {
	font-size: 1.5rem;
	height: 1.3rem;
	text-transform: uppercase;
	padding-bottom: 40px;
}

.contracts-desc h3::after {
	content: "";
	display: block;
	width: 20%;
	position: relative;
	padding-top: 5px;
	border-bottom: 2px solid #052a6f;
}

.contracts-years {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
}

.contracts-item h4 {
	height: 1.3rem;
}

.contracts-category::before {
	content: "";
	display: block;
	width: 90%;
	border: 1px solid #052a6f;
	margin-bottom: 10px;
}

.contracts-category h5 {
	text-transform: uppercase;
	font-size: 1rem;
}

#sp-production-gallery,#sp-shop-advantages {
	background: #f6f6f6;
	margin: 0;
}

#sp-shop-advantages {
	margin-top: 40px;
}

#sp-projects {
	margin: 30px 0 0 0;
	background: #f6f6f6;
}

.projects-title {
	padding-bottom: 20px;
	text-align: center;
}

.btn-wrapper {
	margin: 30px auto;
	text-align: center;
}

#sp-ask-price,#sp-bott-ref,#sp-references,#sp-two-references {
	background-color: #052a6f;
	padding: 20px 0;
}

.graf-wrapper {
	display: flex;
	position: relative;
	width: 100%;
	height: auto;
}

.btn-wrapper--mesz {
	position: absolute;
	left: 20px;
	bottom: 0;
}

div.css_bar_graph {
	width: 100%;
	min-width: 400px;
	height: 320px;
	padding: 40px 20px 10px 70px;
	font-size: 13px;
	font-family: Montserrat,sans-serif;
	font-weight: 400;
	color: #444;
	background-color: #fff;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

div.css_bar_graph a {
	color: #444;
	text-decoration: none;
}

div.css_bar_graph ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.css_bar_graph li {
	margin: 0;
	padding: 0;
}

div.css_bar_graph ul.y_axis {
	width: 50px;
	position: absolute;
	top: 40px;
	left: 10px;
	text-align: right;
}

div.css_bar_graph ul.y_axis li {
	width: 100%;
	height: 49px;
	float: left;
	color: #888;
	border-top: 1px solid transparent;
	position: relative;
	top: -13px;
}

div.css_bar_graph ul.x_axis {
	width: 100%;
	height: 35px;
	position: absolute;
	bottom: 0;
	left: 70px;
	text-align: center;
}

div.css_bar_graph ul.x_axis li {
	display: inline;
	width: 90px;
	float: left;
}

div.css_bar_graph div.label {
	width: 100%;
	height: 50px;
	float: left;
	margin-top: 20px;
	text-align: center;
}

div.css_bar_graph div.label span {
	font-weight: 700;
}

div.css_bar_graph div.graph {
	width: 100%;
	height: 100%;
	float: left;
}

div.css_bar_graph div.graph ul.grid {
	width: 100%;
}

div.css_bar_graph div.graph li {
	width: 100%;
	height: 49px;
	float: left;
	border-top: 1px solid #e5e5e5;
}

div.css_bar_graph div.graph li:nth-child(odd) {
	width: 100%;
	height: 49px;
	float: left;
	border-top: 1px solid #e5e5e5;
	background-color: #f8f8f8;
}

div.css_bar_graph div.graph li:nth-child(even) {
	width: 100%;
	height: 49px;
	float: left;
	border-top: 1px solid #e5e5e5;
}

div.css_bar_graph div.graph li.bottom {
	border-top: 1px solid #d5d5d5;
	background-color: #eee;
	height: 19px;
}

div.css_bar_graph div.graph li.bar {
	width: 50px;
	float: left;
	position: absolute;
	bottom: 46px;
	text-align: center;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

div.css_bar_graph div.graph li.bar div.top {
	width: 100%;
	height: 20px;
	margin-top: -10px;
	-moz-border-radius: 50px/20px;
	-webkit-border-radius: 50px 20px;
	border-radius: 50px/20px;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

div.css_bar_graph div.graph li.bar div.bottom {
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: -10px;
	left: 0;
	-moz-border-radius: 50px/20px;
	-webkit-border-radius: 50px 20px;
	border-radius: 50px/20px;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

div.css_bar_graph div.graph li.bar span {
	position: relative;
	top: -50px;
	padding: 3px 5px 3px 5px;
	z-index: 100;
	background-color: #eee;
	border: 1px solid #bebebe;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: linear-gradient(top,#fff,#f1f1f1 1px,#ebebeb);
	background: -ms-linear-gradient(top,#fff,#f1f1f1 1px,#ebebeb);
	background: -moz-linear-gradient(top,#fff,#f1f1f1 1px,#ebebeb);
	background: -o-linear-gradient(top,#fff,#f1f1f1 1px,#ebebeb);
	background: -webkit-linear-gradient(top,#fff,#f1f1f1 1px,#ebebeb);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(.05,#f1f1f1),color-stop(1,#ebebeb));
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	box-shadow: 0 1px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

div.css_bar_graph div.graph li.nr_1 {
	left: 90px;
}

div.css_bar_graph div.graph li.nr_2 {
	left: 180px;
}

div.css_bar_graph div.graph li.nr_3 {
	left: 270px;
}

div.css_bar_graph div.graph li.nr_4 {
	left: 380px;
}

div.css_bar_graph div.graph li.nr_5 {
	left: 470px;
}

div.css_bar_graph div.graph li.nr_6 {
	left: 560px;
}

div.css_bar_graph div.graph li.nr_7 {
	left: 650px;
}

div.css_bar_graph div.graph li.nr_8 {
	left: 740px;
}

div.css_bar_graph div.graph li.blue {
	background: #208faf;
	background: rgba(32,143,175,.8);
}

div.css_bar_graph div.graph li.blue div.top {
	background: #72b8cc;
}

div.css_bar_graph div.graph li.blue div.bottom {
	background: #208faf;
}

div.css_bar_graph div.graph li.blue:hover {
	cursor: pointer;
	background: #208faf;
}

div.css_bar_graph div.graph li.bar:hover span {
	cursor: pointer;
	top: -60px;
	padding: 10px;
	margin: 0;
}

.category_img>a,.item_img>a {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	position: relative;
}

.category_img>a:hover img,.item_img>a:hover img {
	opacity: 1!important;
}

.item_img>a:hover:before {
	opacity: 100;
}

.item_img>a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: rgba(32,50,126,.3);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.readmore:after {
	content: '\f054';
	font-weight: 400;
	font-size: 10px;
	font-family: FontAwesome;
	margin-left: 6px;
}

.certification-wrapper,.expirience-wrapper,.whyarewe-wrapper {
	margin: 60px 0;
}

#sp-why-are-we {
	background: #f6f6f6;
}

ul.check {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 2rem;
}

ul.check li::before {
	display: inline-flex;
	position: relative;
	content: '\f00c';
	font-weight: 300;
	font-family: FontAwesome;
	font-size: 20px;
	padding-right: 10px;
	color: #052a6f;
}

.whyarewe-wrapper--title {
	margin-bottom: 30px;
	text-align: center;
	text-transform: uppercase;
}

.whyarewe-wrapper h3 {
	font-size: 18px;
	line-height: 1.44444444;
	font-family: Montserrat,sans-serif;
	font-weight: 600;
	color: #1e1d24;
	font-style: normal;
	text-transform: uppercase;
}

.dropcap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 40px;
	margin-right: 18px;
	width: 40px;
	color: #fff;
	background-color: #052a6f;
	border-radius: 60px;
	padding: inherit;
}

.dropcap-box {
	display: flex;
	flex-direction: row;
}

.zmdi-check::before {
	display: inline-block;
	font-family: Material-Design-Iconic-Font;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0,0);
}

.dropcap-custom-link {
	margin: 30px auto;
	display: flex;
	justify-content: center;
}

.thumb-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.thumb-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

h3.expirience-title a {
	font-size: 1.2rem;
}

.main-image {
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
	border: 1px solid #eee;
}

.gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gallery-item {
	list-style: none;
}

.portfolio .gallery-item .gallery-item__content .item_img img {
	max-width: none;
	width: 100%;
}

.portfolio .gallery-item .gallery-item__content .item_img .more_wrapper {
	background: rgba(30,29,36,.85);
	top: 0;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	width: 100%;
	color: #fff;
}

.portfolio .gallery-item .gallery-item__content .item_img .more_wrapper .vert-align {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	padding: 6% 14%;
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.portfolio .gallery-item .gallery-item__content .item_img .more_wrapper .vert-align .item_title {
	color: #fff;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.portfolio .gallery-item .gallery-item__content .item_img .more_wrapper .vert-align .item_more {
	background: 0 0!important;
	color: #9fc3fb;
	font-family: montserrat,sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.fa-angle-right {
	font-weight: 900;
}

.fa-angle-right:before {
	content: "\f105";
}

.portfolio .gallery-item .gallery-item__content .item_img .more_wrapper .vert-align .item_more:hover {
	background: #000;
	color: #fff;
}

.portfolio .gallery-item .gallery-item__content .item_img:hover .more_wrapper {
	opacity: 100;
}

.slide-item {
	position: relative;
}

.slide-item__desc {
	display: flex;
	flex-direction: column;
	width: 50%;
	position: absolute;
	left: 10rem;
	top: 12.5rem;
	color: #fff;
	padding: 40px;
	background: rgba(0,0,0,.5);
	box-shadow: 0 0 10px 1px #004e8a;
}

h2.slide-item__heading {
	font-size: 42px;
	font-family: Montserrat,sans-serif;
	font-weight: 600;
	text-shadow: 1px 1px 5px #111;
}

.slide-item__text {
	font-size: 22px;
	text-shadow: 1px 1px 5px #111;
}

.slide-controls .slide-controls__left {
	position: absolute;
	top: 50%;
	z-index: 2;
	left: 15px;
	padding: 5px;
	background: rgba(0,0,0,.5);
}

.slide-controls .slide-controls__right {
	position: absolute;
	top: 50%;
	z-index: 2;
	right: 15px;
	padding: 5px;
	background: rgba(0,0,0,.5);
}

.zmdi-chevron-left,.zmdi-chevron-right {
	font-size: 5rem;
	color: #ccc;
}

.zmdi-chevron-left:hover,.zmdi-chevron-right:hover {
	color: #f2f2f2;
}

#sp-bottom {
	background-image: url(../../../../images/bg/bottom-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 50%;
	color: #black;
	padding: 50px 0;
}

.bottom-center-top {
	display: flex;
}

.bottom-center {
	display: flex;
}

.bottom-center .item {
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.bottom-center .item:hover .title-desc {
	top: 45%;
	transition: all .2s ease-out;
}

.bottom-center .item:hover img {
	filter: gray;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.bottom-center .item img {
	filter: none;
	-webkit-filter: grayscale(0);
	width: 100%;
}

.bottom-center .item .title-desc {
	background: none repeat scroll 0 0 rgba(0,0,0,.5);
	left: 8%;
	position: absolute;
	text-align: center;
	top: 60%;
	width: 85%;
	transition: all .2s ease-out;
	padding: 5px 0;
}

.bottom-center .item .title-desc a {
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
}

.row-fluid [class*=span]:first-child {
	margin-left: 0;
}

.row-fluid [class*=span] {
	margin-left: 5.12766%;
}

#sp-bott-ref {
	background-color: #052a6f;
	padding: 20px 0;
}

#sp-clients {
	margin: 40px auto;
}

#sp-clients .sp-module-title {
	margin: 10px 0 40px 0;
	text-align: center;
}

.logo-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(125px,1fr));
	grid-gap: 15px;
	align-items: stretch;
}

.logo-grid img {
	border: 1px solid #ccc;
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
	max-width: 100%;
}

#sp-services .sp-module-title {
	margin: 20px 0 0;
	text-align: center;
}

.add-serv-wrapper {
	display: flex;
}

.add-serv-wrapper .desc-big-item .date {
	margin-top: 20px;
}

.add-serv-wrapper .desc-big-item .date::before {
	font-family: Material-Design-Iconic-Font;
	content: '\f332';
	padding-right: 10px;
}

.zmdi-calendar:before {
	content: '\f332';
}

#sp-services {
	background: #f6f6f6;
	padding: 40px 0;
}

.big-photo a img {
	height: 343px;
	opacity: 1;
}

.big-photo img:hover {
	opacity: .85;
}

.add-serv-wrapper .desc-big-item h3 {
	margin-top: 20px;
}

.add-serv-wrapper .desc-big-item h3 a {
	text-transform: none;
	color: #1c1c1c;
	font-weight: 700;
	font-size: 22px;
}

.small-photo a img {
	height: 164px;
	opacity: 1;
}

.small-photo a img:hover {
	opacity: .85;
}

.add-serv-wrapper .desc-small-item h3 {
	line-height: 1.1;
}

.add-serv-wrapper .desc-small-item h3 a {
	text-transform: none;
	color: #1c1c1c;
	font-size: 16px;
	font-weight: 700;
}

.serviceSlider-controls {
	display: flex;
	justify-content: flex-end;
	margin: 20px 10px;
}

.serviceSlider-arrow--left img {
	left: -70px;
	transform: translate(-100%,0);
}

.serviceSlider-arrow--right img {
	right: -70px;
	transform: translate(100%,0);
}

.zmdi-chevron-left,.zmdi-chevron-right {
	font-size: 5rem;
	color: #ccc;
}

.zmdi-chevron-left:hover,.zmdi-chevron-right:hover {
	color: #f2f2f2;
}

.carousel {
	margin: 0 auto;
	padding: 0;
}

.carousel .item {
	color: #999;
	overflow: hidden;
	min-height: 120px;
	font-size: 13px;
}

.carousel .media {
	position: relative;
	padding: 0 0 0 20px;
}

.carousel .media img {
	width: 75px;
	height: 75px;
	display: block;
}

.carousel .testimonial-wrapper {
	padding: 0 10px;
}

.carousel .testimonial {
	color: grey;
	position: relative;
	padding: 15px;
	background: #f1f1f1;
	border: 1px solid #efefef;
	border-radius: 3px;
	margin-bottom: 15px;
	min-height: 150px;
}

.carousel .testimonial::after {
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	background: #f1f1f1;
	border: 1px solid #efefef;
	border-width: 0 0 1px 1px;
	position: absolute;
	bottom: -8px;
	left: 46px;
	transform: rotateZ(-46deg);
}

.carousel .star-rating li {
	padding: 0 2px;
}

.carousel .star-rating i {
	font-size: 16px;
	color: #052a6f;
}

.carousel .overview {
	padding: 25px 0 0 15px;
}

.carousel .overview .details {
	padding: 5px 0 8px;
}

.carousel .overview b {
	text-transform: uppercase;
	color: #052a6f;
}

.carousel .carousel-indicators {
	bottom: 0;
}

.carousel-indicators li,.carousel-indicators li.active {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	margin: 1px 2px;
}

.carousel-indicators li {
	background: #e2e2e2;
	border: 4px solid #fff;
}

.carousel-indicators li.active {
	color: #fff;
	background: #052a6f;
	border: 5px double;
}

#sp-testimonials {
	margin: 40px auto;
}

#sp-testimonials .sp-module-title {
	margin: 10px 0 40px 0;
	text-align: center;
}

.exitblock {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
}

.exitblock .fon {
	background: #f6fcff;
	opacity: .8;
	position: fixed;
	width: 100%;
	height: 100%;
}

.closeblock {
	cursor: pointer;
	position: fixed;
	line-height: 60px;
	font-size: 82px;
	transform: rotate(45deg);
	text-align: center;
	top: 20px;
	right: 30px;
	color: #337ab7;
}

.closeblock:hover {
	color: #000;
}

#feedback-page {
	text-align: center;
}

#form-main {
	width: 100%;
	float: left;
	padding-top: 0;
}

#form-div {
	background-color: rgba(72,72,72,.4);
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 35px;
	padding-bottom: 50px;
	width: 450px;
	float: left;
	left: 50%;
	position: absolute;
	margin-top: 30px;
	margin-left: -260px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.feedback-input {
	color: #3c3c3c;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid transparent;
}

.feedback-input:focus {
	background: #fff;
	box-shadow: 0;
	border: 3px solid #052a6f;
	color: #052a6f;
	outline: 0;
	padding: 13px 13px 13px 54px;
}

#name {
	background-image: url(../../../../images/send-form/name.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#name:focus {
	background-image: url(../../../../images/send-form/name.svg);
	background-size: 30px 30px;
	background-position: 8px 5px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email {
	background-image: url(../../../../images/send-form/email.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email:focus {
	background-image: url(../../../../images/send-form/email.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#comment {
	background-image: url(../../../../images/send-form/comment.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

textarea {
	width: 100%;
	height: 150px;
	line-height: 150%;
	resize: vertical;
}

input:focus,input:hover,textarea:focus,textarea:hover {
	background-color: #fff;
}

#button-blue {
	float: left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor: pointer;
	background-color: #3498db;
	color: #fff;
	font-size: 24px;
	padding-top: 22px;
	padding-bottom: 22px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	margin-top: -4px;
	font-weight: 700;
}

#button-blue:hover {
	background-color: rgba(0,0,0,0);
	color: #0493bd;
}

.submit:hover {
	color: #3498db;
}

.ease {
	width: 0;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease {
	width: 100%;
	background-color: #fff;
}

.form-popup input[type=date]:not(.form-control),.form-popup input[type=email]:not(.form-control),.form-popup input[type=number]:not(.form-control),.form-popup input[type=password]:not(.form-control),.form-popup input[type=search]:not(.form-control),.form-popup input[type=tel]:not(.form-control),.form-popup input[type=text]:not(.form-control),.form-popup input[type=url]:not(.form-control),.form-popup select:not(.form-control) {
	display: block;
	width: 100%;
	padding: .75rem 3.5rem!important;
	font-size: 1rem;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#sp-social {
	min-height: 0;
}

.social__wrapper {
	display: flex;
}

.social__wrapper--vertical {
	flex-direction: column;
	width: 50px;
	position: fixed;
	top: 170px;
	right: 0;
	z-index: 999;
}

.social__wrapper--inline {
	flex-direction: row;
	width: auto;
	position: relative;
	top: 0;
	right: 0;
}

.social a {
	text-align: center;
	width: 38px;
	height: 38px;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 2px 4px rgba(0,0,0,.15),inset 0 0 50px rgba(0,0,0,.1);
	border-radius: 2px;
	margin: 1px 0;
	padding: 6px;
	color: #052a6f;
}

.fa-1_5x {
	font-size: 1.5em;
}

.github a:hover {
	background: #191919;
	color: #fff;
}

.youtube a:hover {
	background: #c4302b;
	color: #fff;
}

.google-pluse a:hover {
	background: #dd4b39;
	color: #fff;
}

.twitter a:hover {
	background: #00acee;
	color: #fff;
}

.instagram a:hover {
	background: #3f729b;
	color: #fff;
}

.facebook a:hover {
	background: #3b5998;
	color: #fff;
}

.skype a:hover {
	background: #00aff0;
	color: #fff;
}

.vk a:hover {
	background: #5d84ae;
	color: #fff;
}

.odnoklassniki a:hover {
	background: #f93;
	color: #fff;
}

.pinterest a:hover {
	background: #c8232c;
	color: #fff;
}

.linkedin a:hover {
	background: #0e76a8;
	color: #fff;
}

.telegram a:hover {
	background: #249bd7;
	color: #fff;
}

.tumblr a:hover {
	background: #34526f;
	color: #fff;
}

.windows a:hover {
	background: #125acd;
	color: #fff;
}

.whatsapp a:hover {
	background: #50b154;
	color: #fff;
}

.weibo a:hover {
	background: #d52b2b;
	color: #fff;
}

.dropbox a:hover {
	background: #1087dd;
	color: #fff;
}

#sp-three-block-about-us {
	padding: 20px 0 40px 0;
}

#sp-three-block-about-us .sp-module-title {
	margin-top: 30px;
}

.tab-wrapper {
	margin-top: 30px;
	margin-bottom: 0;
}

#myTab {
	border-bottom: 2px solid #e5e5e5;
	margin-bottom: 10px;
}

.tab-content {
	background: #fff;
	padding: 30px;
	min-height: 250px;
}

#myTab a {
	font-size: 20px;
	color: #7193c7;
	font-weight: 600;
}

#myTab a.active {
	font-size: 20px;
	color: #052a6f;
	font-weight: 600;
	border-bottom: 3px solid #444;
}

.photo-about-wrapper {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 440px;
	margin: 30px auto;
}

.photo-about-inner--top {
	border-top: 2px solid #7193c7;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 50%;
	margin: 0 auto;
}

.photo-about-inner--bottom {
	border-bottom: 2px solid #7193c7;
	padding-bottom: 40px;
	width: 50%;
	margin: 0 auto;
}

.photo-about-inner--top::before {
	position: absolute;
	top: 0;
	left: 25%;
	width: 2px;
	height: 100%;
	content: '';
	background: #7193c7;
}

.photo-about-inner--top::after {
	position: absolute;
	bottom: 0;
	right: 25%;
	width: 2px;
	height: 42px;
	content: '';
	background: #7193c7;
}

.photo-about-inner--bottom::after {
	position: absolute;
	top: 0;
	right: 25%;
	width: 2px;
	height: 42px;
	content: '';
	background: #7193c7;
}

#sp-news-about-us {
	margin-top: 30px;
}

#sp-sec-about {
	margin: 40px 0;
}

.box-article {
	margin: 30px auto;
}

.box-article a img {
	-webkit-transition: .4s;
	transition: .4s;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-filter: none;
	filter: none;
}

.box-article:focus a img,.box-article:hover a img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.img-responsive {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 180px;
	object-fit: cover;
}

.article-meta .meta-date {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -77px;
	font-size: 14px;
	line-height: 1;
	padding: 15px 20px;
	transform: translateY(-22px);
	text-align: center;
	color: #fff;
	border: none;
	background: #5d9cec;
}

.article-text-wrap {
	position: relative;
	display: table;
	width: 100%;
	padding: 0 30px 30px;
	border: 1px solid #black;
	border-top: none;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #black;
}

.article-text-wrap h3 {
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
	margin: 43px auto 14px;
	text-align: center;
}

.article-text-wrap h3 a {
	color: #333;
	text-transform: capitalize;
}

.arrow-readmore {
	font-size: 18px;
	line-height: 18px;
	position: relative;
	float: right;
	color: #777;
}

.arrow-readmore::after {
	font-family: Pe-icon-7-stroke;
	font-size: 48px;
	display: inline-block;
	padding-left: 12px;
	content: '\e699';
}

.arrow-readmore:hover {
	color: #feb019;
}}

.mod-languages {
	display: block;
	position: absolute;
	right: 23px;
	top: 69px;
}

@media only screen and (max-width:580px) {
	#form-div {
		left: 3%;
		margin-right: 3%;
		width: 88%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
}

@media only screen and (min-device-width :375px) and (max-device-width :812px) and (-webkit-device-pixel-ratio :3) and (orientation :landscape) {
	#burg {
		display: block;
	}

	.for_mob {
		display: none;
	}

	.slide-item__desc {
		display: flex;
		flex-direction: column;
		width: 80%;
		position: absolute;
		left: 4rem;
		top: 5rem;
		color: #fff;
		padding: 0 10px;
		background: rgba(0,0,0,.5);
	}

	.slide-item__desc {
		width: 80%;
	}
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) {
	#burg {
		display: block;
	}

	.davgunov {
		display: none;
	}

	.sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span {
		display: inline-block;
		padding: 0 15px;
		line-height: 50px;
		font-size: .88rem;
		margin: 0;
	}

	.slide-item__desc {
		display: flex;
		flex-direction: column;
		width: 80%;
		position: absolute;
		left: 2em;
		top: 1.2rem;
		color: #fff;
		padding: 40px;
		background: rgba(0,0,0,.5);
		box-shadow: 0 0 10px 1px #004e8a;
	}
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
	.slide-item__desc {
		display: flex;
		flex-direction: column;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		color: #fff;
		padding: 0 10px;
		background: rgba(0,0,0,.5);
	}

	.slide-item__desc {
		width: auto;
	}
}

@media (min-width:1600px) {
	h2.slide-item__heading {
		margin: 0 20px;
		font-size: 3rem;
		font-family: Montserrat,sans-serif;
		font-weight: 600;
		text-shadow: 1px 1px 5px #111;
	}

	.slide-item__text {
		font-size: 2rem;
		margin: 10px 20px;
		line-height: 2.7rem;
		height: 100%;
		padding: 0 10px;
		text-shadow: 1px 1px 5px #111;
	}

	.block1 {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: flex-end;
		height: 775px;
		padding-bottom: 20px;
	}

	.btn-form {
		display: block;
		background: #052a6f;
		height: 48px;
		padding: 10px 20px;
		border-radius: 4px;
	}

	.btn-form a {
		color: #fff;
	}

	.video-button {
		display: flex;
	}

	.video-button img {
		display: inline-block;
		width: 48px;
		height: 48px;
	}
}


  
  *::-webkit-scrollbar {
	width: 0;
  }
  
  *::-webkit-scrollbar-track {
	background: transparent;
  }
  
  *::-webkit-scrollbar-thumb {
	background: transparent;
	border: none;
  }
  
  * {
	-ms-overflow-style: none;
  }
  
  ol, li {
	list-style: none;
	margin: 0;
	padding: 0;
  }
  
  .carousel {
	position: relative;
	padding-top: 75%;
	filter: drop-shadow(0 0 10px #0003);
	perspective: 100px;
  }
  
  .carousel__viewport {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	overflow-x: scroll;
	counter-reset: item;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
  }
  
  .carousel__slide {
	position: relative;
	flex: 0 0 100%;
	width: 100%;
	background-color: #f99;
	counter-increment: item;
  }
  
  .carousel__slide:nth-child(even) {
	background-color: #99f;
  }
  
  .carousel__slide:before {
	content: counter(item);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-40%,70px);
	color: #fff;
	font-size: 2em;
  }
  
  .carousel__snapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	scroll-snap-align: center;
  }
  
  @media (hover: hover) {
	.carousel__snapper {
	  animation-name: tonext, snap;
	  animation-timing-function: ease;
	  animation-duration: 4s;
	  animation-iteration-count: infinite;
	}
  
	.carousel__slide:last-child .carousel__snapper {
	  animation-name: tostart, snap;
	}
  }
  
  @media (prefers-reduced-motion: reduce) {
	.carousel__snapper {
	  animation-name: none;
	}
  }
  
  .carousel:hover .carousel__snapper,
  .carousel:focus-within .carousel__snapper {
	animation-name: none;
  }
  
  .carousel__navigation {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
  }
  
  .carousel__navigation-list,
  .carousel__navigation-item {
	display: inline-block;
  }
  
  .carousel__navigation-button {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-color: #333;
	background-clip: content-box;
	border: 0.25rem solid transparent;
	border-radius: 50%;
	font-size: 0;
	transition: transform 0.1s;
  }
  
  .carousel::before,
  .carousel::after,
  .carousel__prev,
  .carousel__next {
	position: absolute;
	top: 0;
	margin-top: 37.5%;
	width: 4rem;
	height: 4rem;
	transform: translateY(-50%);
	border-radius: 50%;
	font-size: 0;
	outline: 0;
  }
  
  .carousel::before,
  .carousel__prev {
	left: -1rem;
  }
  
  .carousel::after,
  .carousel__next {
	right: -1rem;
  }
  
  .carousel::before,
  .carousel::after {
	content: '';
	z-index: 1;
	background-color: #333;
	background-size: 1.5rem 1.5rem;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	font-size: 2.5rem;
	line-height: 4rem;
	text-align: center;
	pointer-events: none;
  }
  
  .carousel::before {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,50 80,100 80,0' fill='%23fff'/%3E%3C/svg%3E");
  }
  
  .carousel::after {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,50 20,100 20,0' fill='%23fff'/%3E%3C/svg%3E");
  }