::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:5px;height:0px}
::-webkit-scrollbar-track {background-color:#ecedee}
::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background-color:#1C2776;}
::-webkit-scrollbar-thumb:hover{background-color:#56999f;}
::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:4px;height:0px}
::-webkit-scrollbar{width: 4px;}
body, html {width: 1377px; max-width:100%;margin: 0 auto;overflow-x: hidden;font-size: 14px;font-family: Arial,Helvetica,sans-serif;}
button:active, button:focus {outline:unset}
a {color:#1f2d73}
a:hover {text-decoration:none}
body {background: url(../images/bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: right top;background-attachment: fixed;font-family: 'Roboto', sans-serif;}
body > .container {background: rgba(255, 255, 255, .8)}
header {border-bottom: 1px solid #eaeaea;}
.h {padding: 24px 0 16px;}
.header-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0;
}
.h .logo {
	color: #e62525;
	text-align: left;
	font-family: 'Fjalla One', sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;
	min-width: 0;
}
.header-phone {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #1f2d73;
	font-size: 36px;
	line-height: 1;
	font-weight: 600;
	white-space: nowrap;
	padding: 0;
	flex: 0 0 auto;
}
.header-phone:hover {color: #1f2d73;}
.header-phone i {font-size: inherit; vertical-align: middle;}
.tr .title {color: #000;font-size: 26px;text-align: center;margin: 30px;font-weight: 800;}
.tr .bl img {background: #fff;max-height: 259px;border-radius: 15px;}
.tr .bl span {display: block;width: 100%;text-align: center;font-weight: 600;font-size: 16px;margin-bottom: 15px;padding: 15px;}
.zakazat {margin-top: 40px;}
.zakazat button {padding: 20px 40px;font-size: 22px;text-transform: uppercase;color: rgb(230, 37, 37);border: 3px solid;font-weight: 600;background: rgba(255, 255, 255, .4);}
.text {font-size: 16px;}
.text h1 {margin-top: 40px;margin-bottom: 20px;}
.primechanie {font-size: 26px;font-style: italic;font-weight: 600;}
footer {border-top: 1px solid #eaeaea;padding: 0 0 15px;margin-top: 30px;}
footer .h ul {text-align: center; margin: 0; padding: 0;}
footer .h ul li {display: inline-block;}
footer .h ul li a {display: block; padding: 10px 0 15px; font-size: 18px;}
.powered {border-top: 1px solid #eaeaea;padding-top: 15px;}
#zajavka {width: 300px;text-align: center;}
#zajavka .m-title {font-size: 17px;margin-bottom: 15px;font-weight: 600;text-transform: uppercase;}
#zajavka input {width: 100%;padding: 5px 10px;border: 1px solid;}
#zajavka input.error {border-color:red;}
#zajavka .send {padding: 10px 40px;font-size: 17px;text-transform: uppercase;color: rgb(230, 37, 37);border: 3px solid;font-weight: 600;width: 100%;cursor:pointer;}
@media only screen and (max-width: 991px) {
	.h .logo {font-size: 24px;}
	.header-phone {font-size: 28px;}
}
@media only screen and (max-width: 767px) {
	.header-bar {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 10px;
	}
	.h .logo {font-size: 22px; text-align: center;}
	.header-phone {font-size: 28px;}
	.h ul li {text-align: center;width: 100%;}
}