* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 100%;
	font: inherit;
	border: none;
	vertical-align: baseline
}
:focus {
	outline: none
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none
}

.row-c {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.row-l {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.row-r {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
}

.half {
	width: 45%;
}

.decor::before, .decor::after {
	content: "";
	width: 100px;
	height: 15px;
	display: block;
	background: url(../images/decor.png);
	margin: 40px auto;
}

html {
	text-rendering: optimizelegibility;
	font: 16px "PT Sans", sans-serif;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	background-size: 40%;
}

body {
	color: #333;
	line-height: 170%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	height: 100%;
}

h1 {
	font-size: 22px;
	font-family: "PT Sans Caption";
	font-weight: bold;
	color: #737373;
	line-height: 40px;
	margin: 20px 0 10px 0;
	text-align: center;
}

h1 a {
	text-decoration: none;
	color: #737373;
}

h2 {
	color: #737373;
	font-size: 20px;
	font-weight: bolder;
	margin: 20px 0 10px 0;;
}

article h2 {
	text-align: center;
}

article ul li {
	margin: 0 0 0 30px;
	list-style: square;
}

article a {
	color: #000;
	text-decoration: none;
	border-bottom: solid 1px #000;
}

article a:hover {
	border: none;
	transition: border .5s;
}

header, footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 10px 100px;
	background: #fdfaf7ff;
	box-shadow: 0 0 2px #8f5822ff;
}

article {
	background: #fff;
	width: 1000px;
	padding: 20px;
	margin: auto;
}

article p {
	margin: 25px 0;
}

strong {
	font-weight: bold;
}

hr {
	height: 1px;
	width: 100%;
	background: #000;
	margin: 20px 0;
}

.item p + p {
	margin: 15px 0 0 0;
}

@font-face {
	font-family: "PT Sans";
	src: url(../fonts/PTSans-Regular.ttf); 
}

@font-face {
	font-family: "PT Sans Caption";
	src: url(../fonts/PTSansCaption-Regular.ttf); 
}

.logo {
	background: url(../images/logo.png) no-repeat;
	background-size: 100%;
	width: 100px;
	height: 85px;
	margin: 0 10px 0 0;
	display: block;
}

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

.logo ~ span {
	color: #8f5822ff;
}

.slogan {
	color: #000;
	font-size: 26px;
	text-shadow: 0 0 5px #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.gallery a {
	border: none;
	margin: 0 4px 0 4px;
}

.copyright {
	text-align: center;
	background: #fdfaf7ff;
}

.copyright a {
	color: #8f5822ff;
	text-shadow: 0 0 1px #8f5822ff;
	text-decoration: none;
	font-size: 13px;
}

.copyright a:hover {
	transition: text-shadow 5s;
	text-shadow: 0 0 5px #8f5822ff;
}

@keyframes metall {
  50% {
	background: linear-gradient(90deg, rgba(155,158,165,.4) 0%, rgba(172,175,182,0.4) 50%, rgba(77,80,87,0.2) 100%);
	box-shadow: 0 0px 0px -120px #9b9ea5  inset;		   
  }
}

@keyframes background {
  50% {
	background: linear-gradient(90deg, rgba(255,255,255,.6) 0%, rgba(255,214,0,0.6) 50%, rgba(0,212,255,.6) 100%);
	box-shadow: 0 0px 0px -120px #ffd600  inset;
			   
  }
}

.contacts {
	display: flex;
	justify-content: center;
	align-items: center;
}

.contacts a {
	text-decoration: none;
	color: #000;
	line-height: 20px;
	font-size: 14px;
	text-shadow: 0 0 5px #fff;
	border-bottom: none;
}

.contacts p {
	color: #000;
	line-height: 20px;
}

p.phone:before {
	width: 16px;
	height: 16px;
	content: "";
	background: url(../images/phone.png);
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

p.whatsapp:before {
	width: 16px;
	height: 16px;
	content: "";
	background: url(../images/whatsapp.png);
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

p.mail:before {
	width: 16px;
	height: 16px;
	content: "";
	background: url(../images/mail.png);
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

p.home:before {
	width: 16px;
	height: 16px;
	content: "";
	background: url(../images/home.png);
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.contacts p:hover:after,
.contacts p:focus:after {
	width: 100%;
}

.contacts p:after {
	display: block;
	content: "";
	background-color: #000;
	height: 1px;
	width: 0%;
	transition: width .3s ease-in-out;
	transform: translateX(-50%);
	position: relative;
	left: 50%;
}

.slider {
	text-align: center;
}

.slide-text {
	background: #000;
	color: #fff;
	font-family: "PT Sans Caption";
	text-align: center;
	text-transform: uppercase;
	padding: 3px 0;
}

.swiper-button-next, .swiper-button-prev {
	color: #8f5822ff !important;
	font-weight: bold;
}

.info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-end;
	width: 100%;
	margin: 0 auto;
}

.info div {
	width: 50%;
	margin: 20px auto;
	text-align: center;
	font-weight: bolder;
	color: #8f5822ff;
}

.info div:nth-child(1) div:nth-child(1) {
	background: url(../images/info-01.png) no-repeat;
	width: 128px;
	height: 128px;
	margin: auto;
}

.info div:nth-child(2) div:nth-child(1) {
	background: url(../images/info-02.png) no-repeat;
	width: 128px;
	height: 84px;
	margin: auto;
}

.info div:nth-child(3) div:nth-child(1) {
	background: url(../images/info-03.png) no-repeat;
	width: 128px;
	height: 131px;
	margin: auto;
}

.info div:nth-child(4) div:nth-child(1) {
	background: url(../images/info-04.png) no-repeat;
	width: 128px;
	height: 127px;
	margin: auto;
}

.info div:nth-child(5) div:nth-child(1) {
	background: url(../images/info-05.png) no-repeat;
	width: 128px;
	height: 103px;
	margin: auto;
}

@media screen and (min-width:1000px) {

}

@media screen and (max-width:800px) {
	.modal {
		max-width: 100%;
	}

	.slogan {
		justify-content: center;
		text-align: center;
		margin: 0 0 10px 0;
	}

	.logo {
		margin: 0 0 10px 0;
	}

	article {
		width: 100%;
	}

	header, footer {
		padding: 0;
	}

	.half {
		width: 100%;
	}

	.decor + .decor:before {
		display: none;
	}

	.info div {
		width: 100%;
	}

	.swiper, .slider  {
		height: 250px !important;
	}

	.swiper-slide img {
		height: 250px;
	}

}