* {
	box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: "PT Sans", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	color: #222;
	background: #f2f2f2;
}

a {
	color: #08c;
	text-decoration: underline;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
a:focus,
a:hover,
a:active {
	outline: 0;
	color: #005580;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
small {
	font-size: 85%;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: 700;
	line-height: 1.2em;
	color: inherit;
	text-rendering: optimizelegibility;
}

h2 {
	font-size: 34px;
	text-align: center;
	margin-bottom: 20px;
	text-transform: uppercase;
}

h3 {
	font-size: 24px;
	padding-top: 5px;
	margin-bottom: 16px;
	text-transform: uppercase;
}

@media (min-width: 1024px) {
	h2 {
		font-size: 44px;
	}
}

.page-header {
	padding: 0;
	margin: 0;
	border: none;
}

.allwrapperr {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
.wrapperr {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 20px;
}

@media (min-width: 1024px) {
	.wrapperr {
		padding: 0 30px;
	}
}

ul,
ol {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	margin-left: 40px;
}
ul ul,
ul ol,
ol ol,
ol ul {
	margin-bottom: 0;
}
li {
	line-height: 1.3em;
}
hr {
	margin: 18px 0;
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: none;
}

.cclear {
	margin: 0;
	padding: 0;
	clear: both;
}

.llast {
	margin: 0;
	padding: 0;
}

/* top */

.header {
	margin: 0;
	padding: 4px 0px;
	padding-bottom: 0px;
	background: url(../images/bg_header.png) 50% 0 no-repeat;
}
.header .wrapperr {
	position: relative;
	min-height: 180px;
}

.telef {
	display: none;
}

.telef__insta {
	padding: 15px 0 0;
}

.telef__insta-link {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 40px;
	font-size: 18px;
	text-decoration: none;
	background-image: url("../images/instagram.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}


.llogo {
	max-width: 280px;
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: center;
}
.llogo img {
	display: block;
	max-width: 100%;
}

.mobile-telef {
}

.mobile-telef__phone {
	padding: 0 0 10px;
	text-align: center;
}

.mobile-telef__phone a {
	display: inline-block;
	padding: 10px 0 10px 36px;
	background-image: url("../images/icon_tel.png");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 26px 26px;
	text-decoration: none;
	font-size: 20px;
	color: rgba(20, 36, 69, 0.9);
}

.mobile-menu-hamburger {
	width: 36px;
	height: 36px;
	position: absolute;
	right: 20px;
	top: 20px;
}

.mobile-menu-hamburger__button {
	display: block;
	width: 36px;
	height: 36px;
	border: none;
	background-color: #f2f2f2;
	background-image: url("../images/hamburger-menu.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	cursor: pointer;
}
.mobile-menu-hamburger__button.active {
	background-image: url("../images/hamburger-menu-close.svg");
	background-size: 24px 24px;
}

.mobile-insta {
	width: 36px;
	height: 36px;
	position: absolute;
	left: 20px;
	top: 20px;
}

.mobile-insta__link {
	display: block;
	width: 36px;
	height: 36px;
	border: none;
	background-color: #f2f2f2;
	background-image: url("../images/instagram.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
}

.mobile-mail {
	width: 36px;
	height: 36px;
	position: absolute;
	left: 64px;
	/* right: 66px; */
	top: 20px;

	display: none;
}

.mobile-mail__button {
	display: block;
	width: 36px;
	height: 36px;
	border: none;
	background-color: #f2f2f2;
	background-image: url("../images/mail.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
}

.adressa {
	display: none;
}

@media (min-width: 1024px) {
	.header .wrapperr {
		min-height: 166px;
	}

	.mobile-telef,
	.mobile-insta,
	.mobile-mail {
		display: none;
	}

	.telef {
		display: block;
		min-width: 370px;
		height: 120px;
		position: absolute;
		left: 30px;
		top: 0;
		background: url(../images/icon_tel.png) 0px 10px no-repeat;
		padding: 0;
		padding-left: 67px;
		margin: 0;
		margin-top: 37px;
		z-index: 2;
	}
	.telef__phone {
		padding: 0;
		margin: 0;
		padding-top: 6px;
		margin-bottom: 2px;
		text-align: left;
	}
	.telef__phone a {
		text-decoration: none;
		font-size: 22px;
		line-height: 1.1;
		font-weight: 700;
		color: #233f6d;
	}

	.telef__desc {
		padding: 0;
		margin: 0;
	}



	.llogo {
		width: 340px;
		max-width: 340px;
		position: absolute;
		left: 50%;
		top: 0;
		margin: 0;
		padding: 0;
		margin-left: -170px;
		z-index: 1;
	}

	.mobile-menu-hamburger {
		display: none;
	}

	.adressa {
		display: block;
		min-width: 370px;
		height: 120px;
		position: absolute;
		right: 30px;
		top: 0;
		background: url(../images/icons_adres.png) 100% 2px no-repeat;
		padding: 0;
		padding-right: 85px;
		margin: 0;
		margin-top: 40px;
		text-align: right;
		z-index: 2;
	}
	.adressa h3 {
		padding: 0;
		margin: 0;
		padding-top: 6px;
		margin-bottom: 5px;
		font-size: 20px;
		line-height: 1.1em;
		color: #233f6d;
	}
	.adressa p {
		padding: 0;
		margin: 0;
	}
	.adressa p.buttonshap {
		padding-top: 15px;
	}
	.adressa p.buttonshap a.zakazzvon {
		padding: 2px 19px 4px 30px;
		border-radius: 50px;
		background: #24406e url(../images/icon_tel_small.png) 8px center no-repeat;
		line-height: 1;
		text-decoration: none;
		color: #fff;
	}
	.adressa p.buttonshap a.zakazzvon:hover {
		background: #780006 url(../images/icon_tel_small.png) 8px 4px no-repeat;
		text-decoration: none;
		color: #fff;
	}
}

.mobile-menu-wrapper {
	width: 100%;
	margin: 0;
	padding: 20px;
	background: #3e4b60 url(../images/bg_footer.png) 0% 0px no-repeat;
	display: none;
}

.mobile-menu .nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mobile-menu .nav > li {
	margin: 0;
	padding: 5px 10px;
}
.mobile-menu .nav > li:last-child {
	/* padding: 0; */
}
.mobile-menu .nav > li > a {
	display: inline-block;
	padding: 0;
	text-decoration: none;
	font-size: 18px;
	color: #ccc;
	background: transparent;
	border: none;
}
.mobile-menu .nav > li > a:hover {
	text-decoration: underline;
	background: none;
	color: #fff;
}
.mobile-menu .nav > li.active > a,
.mobile-menu .nav > li.active > a:hover {
	background: none;
	color: #fff;
}

/* slider and topmenu */

.visual {
	width: 100%;
	min-height: 70px;
	margin: 0;
	padding: 0;
	position: relative;
	border: none;
}

/*  */

.navigation {
	position: relative;
	width: 100%;
	/* left: 0;
	top: 0; */
	height: 70px;
	margin: 0;
	padding: 0;
	background: rgba(20, 36, 69, 0.9);
	/* background: rgba(0,0,0,0.8); */
	border: none;
	z-index: 9;
}

.ttopmenu {
	display: none;
}

@media (min-width: 1024px) {
	.ttopmenu {
		display: block;
	}

	.ttopmenu .nav {
		margin: 0;
		padding: 0;
		padding-top: 24px;
		list-style: none;
	}
	.ttopmenu .nav > li {
		float: left;
		margin: 0;
		padding: 0;
		padding-right: 30px;
	}
	.ttopmenu .nav > li:last-child {
		padding: 0;
	}
	.ttopmenu .nav > li > a {
		padding: 0;
		text-decoration: none;
		white-space: nowrap;
		font-size: 18px;
		color: #ccc;
		background: transparent;
		border: none;
	}
	.ttopmenu .nav > li > a:hover {
		text-decoration: underline;
		background: none;
		color: #fff;
	}
	.ttopmenu .nav > li.active > a,
	.ttopmenu .nav > li.active > a:hover {
		background: none;
		color: #fff;
	}
}

.ttopkatalog {
	display: block;
	height: 70px;
	overflow: hidden;
	text-align: center;
}
.ttopkatalog p {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	white-space: nowrap;
}
.ttopkatalog a {
	display: inline-block;
	padding: 5px 30px 5px 0;
	text-decoration: none;
	white-space: nowrap;
	font-size: 18px;
	line-height: 1;
	color: #ccc;
	background: url("../images/catalog.svg") right center no-repeat;
	background-size: 20px 20px;
	border: none;
}
.ttopkatalog a:hover {
	text-decoration: underline;
	color: #ffffff;
}

@media (min-width: 1024px) {
	.ttopkatalog {
		width: 250px;
		float: right;
		text-align: right;
	}
}

.allkatalog {
	position: absolute;
	width: 100%;
	left: 0;
	top: 70px;
	margin: 0;
	padding: 20px 0px;
	background: #3e4b60 url(../images/bg_footer.png) 0% 0px no-repeat;
	display: none;
}

.blokatalog {
	padding: 10px 0;
}

.catalog-menu-row {
}

a.onecattop {
	display: block;
	margin: 0 0 15px;
	background-image: url("../images/star.svg");
	background-repeat: no-repeat;
	background-position: left 2px;
	background-size: 16px 16px;
	padding: 0 0 0 27px;
	text-decoration: none;
	color: #ddd;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 400;
}
a.onecattop:hover {
	text-decoration: underline;
	color: #fff;
}

@media (min-width: 760px) {
	.blokatalog {
		padding: 15px 0;
	}

	.catalog-menu-row {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	a.onecattop {
		display: block;
		flex: 0 0 48%;
	}
}
@media (min-width: 1024px) {
	.blokatalog {
		padding: 20px 0;
	}

	a.onecattop {
		display: block;
		flex: 0 0 31%;
	}
}

/* slider */

.sslider {
	background: rgba(20, 36, 69, 0.3);
	margin: 0;
	padding: 0;
}

.swiper {
	width: 100%;
}

.swiper-button-prev,
.swiper-button-next {
	display: none;
}

.oneslide {
	width: 100%;
	min-height: 400px;
	margin: 0;
	padding: 30px 0;
	position: relative;
	background-size: cover;
}
.oneslide .ttext {
	display: block;
	max-width: 578px;
	background: url(../images/bg_ttext.png) 0px 0px no-repeat;
	padding: 30px 20px;
}
.oneslide .ttext h2 {
	font-size: 32px;
	line-height: 1.1em;
	color: #011d43;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 25px;
}
.oneslide .ttext p {
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 400;
	color: #111;
}
.oneslide .ttext p.buttonslide {
	padding-top: 30px;
}
.oneslide .ttext p.buttonslide a.zakazaa {
	display: inline-block;
	padding: 8px 25px;
	background: #24406e;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 1em;
	text-transform: uppercase;
}
.oneslide .ttext p.buttonslide a.zakazaa:hover {
	background: #790005;
	text-decoration: none;
	color: #fff;
}

.slide1 {
	background: url(../images/slide1.jpg) center center no-repeat;
}
.slide2 {
	background: url(../images/slide2.jpg) center center no-repeat;
}
.slide3 {
	background: url(../images/slide3.jpg) center center no-repeat;
}
.slide4 {
	background: url(../images/slide4.jpg) center center no-repeat;
}
.slide5 {
	background: url(../images/slide5.jpg) center center no-repeat;
}
.slide6 {
	background: url(../images/slide6.jpg) center center no-repeat;
}

@media (min-width: 1024px) {
	.swiper-button-prev,
	.swiper-button-next {
		display: block;
	}

	.swiper-button-prev {
		left: 40px;
	}
	.swiper-button-next {
		right: 40px;
	}

	.oneslide {
		width: 100%;
		min-height: 500px;
		margin: 0;
		padding: 70px 0;
		position: relative;
		background-size: cover;
	}
	.oneslide .ttext {
		display: block;
		background: url(../images/bg_ttext.png) 0px 0px no-repeat;
		margin-left: 110px;
		padding: 40px 100px 40px 40px;
	}

	.oneslide .ttext p.buttonslide {
		padding-top: 40px;
	}
}

/* преимущества на главной */
.preimus {
	background: #f1f1f1 url(../images/bg_s-erkv.png) 0 0 repeat;
	padding: 50px 0px;
}

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

.onepreim {
	flex: 0 0 100%;
	margin: 0 0 20px;
	padding: 30px;
	padding-bottom: 25px;
	background: #243f6e url(../images/bg_onepreim.png) 90% 0px no-repeat;
	text-align: center;
}
.onepreim p {
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	padding: 0;
}
.onepreim hr {
	margin: 15px 0;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom: none;
}

@media (min-width: 575px) {
	.onepreim {
		flex: 0 0 48%;
	}
}

@media (min-width: 760px) {
	.onepreim {
		flex: 0 0 48%;
	}
}

@media (min-width: 1280px) {
	.onepreim {
		flex: 0 0 24%;
	}
}

/* основная страница - контент */
.ccont {
	background: #f8f8f8;
	padding: 40px 0px;
	min-height: 500px;
}

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

.onecat {
	flex: 0 0 100%;
	margin: 0 0 20px;
	background: #ddd url(../images/bg_ttext.png) -220px 0px no-repeat;
	position: relative;
	overflow: hidden;
}
.onecat a,
.onecat a:hover {
	text-decoration: none;
}
.onecat .imgcat {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.onecat .imgcat img {
	width: 100%;
	border: none;
	transform: scale(1, 1);
	transition: all 0.35s ease-in-out;
}
.onecat:hover .imgcat img {
	transform: scale(1.1, 1.1);
}
.onecat .imgcat p {
	margin: 0;
	padding: 0;
}
.onecat .namecat {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	background: rgba(0, 31, 65, 0.8);
	padding: 7px 20px;
	color: #fff;
	font-size: 20px;
	line-height: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 2;
	transition: all 0.25s ease-in-out;
}
.onecat .namecat p {
	margin: 0;
	padding: 0;
}
.onecat:hover .namecat {
	background: rgba(121, 0, 5, 0.8);
	color: #fff;
	transition: all 0.25s ease-in-out;
}
.onecat .namecat a,
.onecat .namecat a:hover,
.onecat:hover .namecat a,
.onecat:hover .namecat a:hover {
	color: #fff;
	text-decoration: none;
}
.onecat .desccat {
	padding: 20px 20px;
	color: #111;
}
.onecat .desccat p {
	margin: 0;
	padding: 0;
}
.onecat .desccat p.podro {
	padding-top: 15px;
	padding-bottom: 7px;
}
.onecat .desccat p.podro span {
	text-decoration: underline;
	color: #021e40;
}
.onecat:hover .desccat p.podro span {
	color: #780006;
}

@media (min-width: 575px) {
	.onecat {
		flex: 0 0 48%;
	}
}

@media (min-width: 760px) {
	.onecat {
		flex: 0 0 31%;
	}
}

@media (min-width: 1280px) {
	.onecat {
		flex: 0 0 24%;
	}
}

/* как мы работаем на главной */

.kakrabota {
	background-color: #f2f2f2;
	background-image: url("../images/bg_serkv.png");
	background-repeat: repeat;
	background-position: 0 0;
	padding: 50px 0px;
}

.how-work-row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.onekak {
	flex: 0 0 100%;
	margin: 0 0 20px;
	background: #fff url(../images/bg_onekak.png) 90% 0px no-repeat;
	border: 2px solid #ddd;
	padding: 30px;
	padding-bottom: 25px;
	text-align: center;
	transition: all 0.25s ease-in-out;
}
.onekak p {
	font-size: 17px;
	line-height: 1.3em;
	font-weight: 400;
	text-transform: uppercase;
	color: #111;
	margin: 0;
	padding: 0;
}
.onekak hr {
	margin: 15px 0;
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: none;
}
.onekak:hover {
	border: 2px solid #24406e;
	transition: all 0.25s ease-in-out;
}

@media (min-width: 575px) {
	.onekak {
		flex: 0 0 48%;
	}
}

@media (min-width: 760px) {
	.onekak {
		flex: 0 0 31%;
	}
}

@media (min-width: 1280px) {
	.onekak {
		flex: 0 0 15%;
	}
}

p.butkak {
	padding-top: 40px;
	padding-bottom: 0px;
}
p.butkak a.kakzakaz {
	display: inline-block;
	padding: 8px 25px;
	background: #24406e;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 1em;
	text-transform: uppercase;
}
p.butkak a.kakzakaz:hover {
	background: #790005;
	text-decoration: none;
	color: #fff;
}

/* остались вопросы на главной */
.ostalis {
	background-color: #fff;
	background-image: url("../images/bg_kakrabota.jpg");
	background-position: center center;
	/* 50% -190px no-repeat; */
	background-repeat: no-repeat;
	background-size: cover;
	padding: 140px 0px;
}

@media (min-width: 1024px) {
	.ostalis {
		padding: 210px 0px;
	}
}

/* кнопка заявки в тексте материала */
a.zakazaty {
	display: inline-block;
	padding: 8px 25px;
	background: #24406e;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 1em;
	text-transform: uppercase;
	b-order: 1px solid #24406e;
}
a.zakazaty:hover {
	background: #790005;
	text-decoration: none;
	color: #fff;
}

/* блок цены в материале */
.ceny {
	background: #fff;
	border: 2px solid #eee;
	padding: 25px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.ceny h4 {
	font-size: 24px;
	line-height: 1.2em;
	text-align: left;
	margin-bottom: 15px;
	text-transform: none;
}

/* наши работы */
.ourworks img {
	display: block;
	width: 100%;
	max-width: 350px;
	m-ax-height: 180px;
	flo-at: left;
	mar-gin: 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #ddd;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.ourworks img:hover {
	border: 2px solid #24406e;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

/* сертификаты */
.sertificaty img {
	display: block;
	width: 100%;
	max-width: 450px;
	m-ax-height: 180px;
	flo-at: left;
	mar-gin: 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #ddd;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.sertificaty img:hover {
	border: 2px solid #24406e;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.breadcrumb {
	padding: 8px 15px;
	margin: 0 0 18px;
	list-style: none;
	background: none;
}
.breadcrumb > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-shadow: none;
}
.breadcrumb > li > .divider {
	padding: 0 5px;
	color: #ccc;
}
.breadcrumb > .active {
	color: #999;
}
.pagination {
	margin: 18px 0;
}
.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
	display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 18px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #999;
	cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999;
	background-color: transparent;
	cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

.works-gallery {
	text-align: center;
}
.works-gallery ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.works-gallery ul > li {
	float: none !important;
	display: inline-block !important;
	margin: 5px !important;
}
.works-gallery ul > li {
	border: 2px solid #ccc;
	transition: all 0.25s ease-in-out;
}
.works-gallery ul > li:hover {
	border: 2px solid #24406e;
}

.works-gallery a,
.works-gallery img {
	width: 120px !important;
	height: 90px !important;
}

@media (min-width: 1024px) {
	.works-gallery a,
	.works-gallery img {
		width: 200px !important;
		height: 160px !important;
	}
}

/*  */

.phone-link {
	text-decoration: none;
	color: #001f41;
	transition: all 0.3s ease;
}
.phone-link:hover {
	text-decoration: none;
	color: #24406e;
}

/* футер */

.ffooter {
	background: #001f41 url(../images/bg_footer.png) 0% 0px no-repeat;
	padding: 35px 0px;
	padding-top: 10px;
	color: #fff;
}

.ffooter hr {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ffooter .wrapperr {
	position: relative;
}

.footer-menu .nav {
	margin: 0;
	padding: 0;
	padding-top: 24px;
	list-style: none;
}
.footer-menu .nav > li {
	display: inline-block;
	margin: 0;
	padding: 5px 30px 5px 0;
}
.footer-menu .nav > li:last-child {
}
.footer-menu .nav > li > a {
	padding: 0;
	text-decoration: none;
	white-space: nowrap;
	font-size: 18px;
	color: #ccc;
	background: transparent;
	border: none;
}
.footer-menu .nav > li > a:hover {
	text-decoration: underline;
	background: none;
	color: #fff;
}
.footer-menu .nav > li.active > a,
.footer-menu .nav > li.active > a:hover {
	background: none;
	color: #fff;
}

.copyrr {
	display: block;
	margin: 0;
	padding: 0;
}
.copyrr h3 {
	font-size: 32px;
	line-height: 1em;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 400;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	text-transform: none;
}
.copyrr p {
	color: rgba(255, 255, 255, 0.8);
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

.footer-row {
	padding-top: 20px;
}

.counter {
	padding: 0 0 15px;
}

.digiteco {
	margin: 0;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
}
.digiteco a {
	text-decoration: underline;
	color: rgba(255, 255, 255, 0.7);
	transition: all 0.3s ease;
	cursor: pointer;
}
.digiteco a:hover {
	text-decoration: underline;
	color: rgba(255, 255, 255, 1);
}

@media (min-width: 1024px) {
	.footer-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.counter {
		padding: 0;
	}
}

/* form order */

.modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100;
	transform: translate(-50%, -50%);
	background-color: #f2f2f2;
	padding: 40px 30px;
	width: 90%;
	max-width: 400px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}

.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 31, 65, 0.8);
	backdrop-filter: blur(2px);
	z-index: 99;
}

.modal.active,
.modal-overlay.active {
	display: block;
	animation: fadeinanim 0.5s ease forwards;
}

@keyframes fadeinanim {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.modal-close {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	border: none;
	background-image: url("../images/hamburger-menu-close.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
	opacity: 0.4;
	transition: all 0.3s ease;
}
.modal-close:hover {
	opacity: 1;
}

#wrapperpopup {
	margin: 0 auto;
	text-align: center;
}

#wrapperpopup h2 {
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
	font-family: inherit;
	font-weight: bold;
	font-size: 36px;
	line-height: 1.1em;
	color: #333;
	text-transform: uppercase;
}
#wrapperpopup h4 {
	color: #111;
	font-weight: normal;
	text-align: left;
	font-size: 18px;
	text-transform: none;
	line-height: 1.3em;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 3px 0px;
	padding-left: 70px;
	background: url(../images/order_ok.png) 0px 0px no-repeat;
}
#wrapperpopup p {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

#wrapperpopup .message {
	margin: 0;
	padding: 0;
}

#wrapperpopup form,
#wrapperpopup fieldset {
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}
#wrapperpopup input,
#wrapperpopup textarea,
#wrapperpopup select,
#wrapperpopup button {
	width: 100%;
	display: block;
	outline: 0;
	border: 1px solid #ccc;
	padding: 10px 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-family: "PT Sans", Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	font-size: 18px;
	font-weight: 400;
	color: #444;
	text-shadow: 1px 1px 1px #f6f6f6;
	vertical-align: middle;
	background: rgba(255, 255, 255, 0.6);
	margin: 0;
	margin-bottom: 15px;
	transition: all 0.35s ease-in-out;
}

#wrapperpopup textarea {
	height: 120px;
	resize: none;
	overflow: auto;
	border: 1px solid #999;
	transition: all 0.35s ease-in-out;
}

#wrapperpopup button {
	width: auto;
	color: #fff;
	text-shadow: none;
	text-decoration: none;
	background: #24406e;
	border: none;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.2em;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 9px 20px;
	padding-top: 11px;
	margin-top: 20px;
	margin-bottom: 0px;
	cursor: pointer;
	clear: both;
	text-align: center;
	white-space: nowrap;
	transition: all 0.25s ease-in-out;
}
#wrapperpopup .contact button:hover {
	color: #fff;
	text-shadow: none;
	text-decoration: none;
	background: #790005;
	border: none;
	transition: all 0.25s ease-in-out;
}

#wrapperpopup input:focus,
#wrapperpopup textarea:focus {
	border: 1px solid #333;
	outline: 0;
	outline-color: transparent;
	background: rgba(255, 255, 255, 0.99);
	transition: all 0.35s ease-in-out;
}
#wrapperpopup input.error,
#wrapperpopup textarea.error {
	color: #c00000;
	border: 1px solid #c00000;
	background: rgba(255, 255, 255, 0.6);
	transition: all 0.35s ease-in-out;
}
#wrapperpopup input.error:focus,
#wrapperpopup textarea.error:focus {
	color: #c00000;
	border: 1px solid #c00000;
	background: rgba(255, 255, 255, 0.99);
	transition: all 0.35s ease-in-out;
}

#wrapperpopup .labelposition {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
#wrapperpopup label.error {
	display: block;
	position: absolute;
	top: 7px;
	right: 0;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: "PT Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.1em;
	font-weight: 400;
	color: #bb0000;
	text-shadow: 1px 1px 1px #f6f6f6;
	clear: both;
	text-indent: -9999em;
}