:root{
	--color:#565656;
}


@font-face {
	font-family: 'IntelLight';
	src: url("fonts/inter_light.otf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url("fonts/inter_regular.otf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'InterMedium';
	src: url("fonts/inter_medium.otf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'InterBold';
	src: url("fonts/inter_bold.otf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MontserratLight';
	src: url("fonts/montserrat_light.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url("fonts/montserrat_regular.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'MontserratMedium';
	src: url("fonts/montserrat_medium.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'MontserratBold';
	src: url("fonts/montserrat_bold.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

*{box-sizing:border-box;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
		display: block;
}
audio, canvas, progress, video {
		display: inline-block;
		vertical-align: baseline;
}
audio:not([controls]) {
		display: none;
		height: 0;
}
[hidden], template {
		display: none;
}
a {
	background-color: transparent;
	color:#a38542;
}
a:active, a:hover {
	color: #8c7239;
	text-decoration: underline;
}
abbr[title] {
		border-bottom: 1px dotted;
}
b, strong {
		font-weight: 700;
}
dfn {
		font-style: italic;
}
mark {
		background: #ff0;
		color: #000;
}
small {
		font-size: 80%}
sub, sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
}
sup {
		top: -0.5em;
}
sub {
		bottom: -0.25em;
}
img {
		border: 0;
}
svg:not(:root) {
		overflow: hidden;
}
figure {
	margin: 0;
	padding: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
figure a{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
figure a img{
	max-height: 100%;
}
hr {
		box-sizing: content-box;
		height: 0;
}
pre {
		overflow: auto;
}
code, kbd, pre, samp {
		font-family: monospace,  monospace;
		font-size: 1em;
}
button, input, optgroup, select, textarea {
		color: inherit;
		font: inherit;
		margin: 0;
}
button {
		overflow: visible;
}
button, select {
		text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
		-webkit-appearance: button;
		cursor: pointer;
}
button[disabled], html input[disabled] {
		cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
}
input {
		line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
		box-sizing: border-box;
		padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
		height: auto;
}
input[type="search"] {
		-webkit-appearance: textfield;
		box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
}
fieldset {
		border: 1px solid #c0c0c0;
		margin: 0 2px;
		padding: 0.35em 0.625em 0.75em;
}
legend {
		border: 0;
		padding: 0;
}
textarea {
		overflow: auto;
		height: auto;
		min-height: 50px;
}
select{
	width: 100%;
}
optgroup {
		font-weight: bold;
}
table {
		border-collapse: collapse;
		border-spacing: 0;
}
td, th {
		padding: 0;
}

::-webkit-scrollbar-thumb {
	background-color: #c3a572;
	border: 0px solid transparent;
	cursor: pointer;
	border-radius: 5px;
}
::-webkit-scrollbar {
	background-color: rgba(0, 0, 0, 0);
	width: 10px;
	height: 10px;
}

html, body {
	height: auto;
	font-size: 100%;
	margin:0;
	min-height:100%;
}

body{
	background-color: #ffffff;
	color: var(--color);
	cursor: auto;
	font-family: 'Inter', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 16px;
}

img{
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

p {
	font-family: inherit;
	font-size: 1.125rem;
	font-weight: normal;
	margin-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	line-height: 1.4;
	text-rendering: optimizeLegibility;
	display: block;
	width: 100%;
}
p aside {
	font-size: .875rem;
	font-style: italic;
	line-height: 1.35;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 0.4rem;
	margin-top: 0.4rem;
	text-rendering: optimizeLegibility;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-size: 60%;
	line-height: 0;
}
h1 {
	font-size: 2.2rem;
}
h2 {
	font-size: 1.9rem;
}
h3 {
	font-size: 1.7rem;
}
h4 {
	font-size: 1.5rem;
}
h5 {
	font-size: 1.125rem;
}
h6 {
	font-size: 1rem;
}
hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin: 1.25rem 0 1.1875rem;
}
em, i {
		font-style: italic;
		line-height: inherit;
}
strong, b {
	font-weight:700;
	line-height: inherit;
	font-family:InterBold;
}
small {
	font-size: 60%;
	line-height: inherit;
}
code {
		background-color: #e7dcc3;
		border-color: #dacaa5;
		border-style: solid;
		border-width: 1px;
		color: #333;
		font-weight: normal;
		padding: .125rem .3125rem .0625rem;
}
ul, ol, dl {
		font-family: inherit;
		font-size: 1.125rem;
		line-height: 1.6;
		list-style-position: outside;
		margin-bottom: 1.25rem;
}
ul {
		margin-left: 1.1rem;
}
ul li ul, ul li ol {
		margin-left: 1.25rem;
		margin-bottom: 0;
}
ol {
		margin-left: 1.4rem;
}
ol li ul, ol li ol {
		margin-left: 1.25rem;
		margin-bottom: 0;
}
dl dt {
		margin-bottom: .3rem;
		font-weight: bold;
}
dl dd {
		margin-bottom: .75rem;
}
abbr, acronym {
	text-transform: uppercase;
	font-size: 90%;
	color: #66585b;
	cursor: help;
}
abbr {
	text-transform: none;
}
abbr[title] {
		border-bottom: 1px dotted #ddd;
}
blockquote {
	margin: 0 0 1.25rem;
	padding: .5625rem 1.25rem 0 1.1875rem;
	border-left: 1px solid #ddd;
}

.b-main-wr{
  margin: 0 auto;
  max-width: 1435px;
  min-height: 100vh;
  box-shadow: 0px 4px 3px #7c7c7c;
}

header{
  background-color: #ffffff;
  display: flex;
  width: 100%;
  min-height: 164px;
  padding: 0 3.5rem;
  position: relative;
  z-index: 1;
}
header:after{
	content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0px 1px 1px #7c7c7c;
  height: 1px;
  z-index: 1;
  display: block;
}

.b-logo-wr{
  width: 360px;
  flex-shrink: 0;
	display: flex;
  align-items: center;
}
/*
.b-logo-img{
  background: url(./img/logo.png);
  background-position: 8px 23px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 285px;
}
*/
.b-logo{
	color: #010000;
  border: 4px double #292828;
  position: relative;
  margin: 0 60px;
}
.b-logo-top{
  font-family: 'Montserrat';
  font-size: 2.1rem;
  margin-left: -60px;
  background-color: #fff;
  margin-right: -60px;
  margin-top: 12px;
  text-align: center;
  line-height: 1;
  padding: 5px 0;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}
.b-logo-top span{
  font-family: MontserratBold;
}
.b-logo-bot{
  margin-left: -60px;
  background-color: #fff;
  margin-right: -60px;
  text-align: center;
  line-height: 1;
  padding: 3px 0;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 0.62rem;
  font-family: 'MontserratLight';
  margin-bottom: 12px;
  margin-top: -5px;
  display: flex;
  align-items: center;
}
.b-logo-bot span{
	position: relative;
  display: flex;
  align-items: center;
	flex-grow: 1;
}
.b-logo-bot span:after{
	content: '.';
  margin: -6px 3px 0px;
  font-family: 'MontserratMedium';
  line-height: 1;
}
.b-logo-bot span:last-child:after{
	content:'';
	margin:0;
}

.b-time{
  width: 300px;
  flex-shrink: 0;
  display: flex;
  padding-left: 21px;
  align-items: flex-start;
  padding-top: 50px;
}
.b-time-img{
  background: url(./img/time.png);
  width: 32px;
  height: 31px;
  display: block;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 3px;
}
.b-time span{
  font-size: 1.25rem;
  padding-left: 7px;
}

.b-map{
  width: 350px;
  flex-shrink: 0;
  display: flex;
  padding-left: 30px;
  align-items: flex-start;
  padding-top: 50px;
}
.b-map-img{
  background: url(./img/map.png);
  width: 30px;
  height: 30px;
  display: block;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 5px;
}
.b-map span{
  margin-left: 15px;
  font-size: 1.25rem;
  line-height: 1.35;
}

.b-phone{
  flex-grow: 1;
  display: flex;
  padding-left: 44px;
  align-items: flex-start;
  padding-top: 43px;
}
.b-phone-img{
  background: url(./img/phone.png);
  width: 32px;
  height: 31px;
  display: block;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 5px;
}
.b-phone a{
  margin-left: 2px;
  font-size: 1.25rem;
  line-height: 1.35;
  padding-top: 6px;
  color:var(--color);
  text-decoration:none;
}
.b-phone a:hover{
	text-decoration:underline;
}

.b-main{
  padding: 0 3.5rem;
  position: relative;
  z-index: 0;
  margin-top:1.8rem;
}

.b-1{
  min-height: 305px;
  display: flex;
}
.b-1-left{
  background: url(./img/1.jpg);
  background-position: 0 5px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  width: 449px;
  position: relative;
  padding-left: 183px;
  padding-top: 32px;
}
.b-1-left-phone{
	font-family: InterBold;
  font-size: 1.5rem;
}
.b-1-left-text{
	font-size: 1rem;
  text-transform: uppercase;
  margin-top: 7px;
  display: block;
  line-height: 1.4;
}
.b-1-right{
  padding-left: 3rem;
  padding-top: 2.8rem;
}
.b-1-right h1{
  font-family: 'InterBold';
}
.b-1-right-text{
  font-size: 1.25rem;
  padding-top: 27px;
  line-height: 1.4;
  padding-right: 60px;
}

.b-2{
  background: url(./img/2.jpg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 356px;
  margin-top: 2.1rem;
  padding-left: 487px;
  padding-top: 21px;
}
.b-2 h2{
	font-size: 1.5rem;
  padding-left: 16px;
}
.b-2 ul{
  font-size: 1.25rem;
  margin-top: 1.4rem;
}
.b-2 ul li{
  margin-bottom: 0.5rem;
  line-height: 1;
}

.b-3{
  background: url(./img/3.jpg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 356px;
  margin-top: 3.8rem;
  padding-left: 487px;
  padding-top: 21px;
}
.b-3 h2{
	font-size: 1.5rem;
  padding-left: 16px;
}
.b-3 ul{
  font-size: 1.25rem;
  margin-top: 1.4rem;
}
.b-3 ul li{
  margin-bottom: 0.5rem;
  line-height: 1;
}

.b-4{
  background: url(./img/4.jpg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 356px;
  margin-top: 3.9rem;
  padding-left: 487px;
  padding-top: 21px;
}
.b-4 h2{
	font-size: 1.5rem;
  padding-left: 16px;
}
.b-4 ul{
  font-size: 1.25rem;
  margin-top: 1.4rem;
}
.b-4 ul li{
  margin-bottom: 0.5rem;
  line-height: 1;
}

footer{
  display: flex;
  width: 100%;
  min-height: 164px;
  padding: 0 3.5rem;
  margin-top:2rem;
}
.b-footer-logo{
	width:675px;
	flex-shrink:0;
	display: flex;
  align-items: center;
}
.b-footer-logo-img{
  background: url(./img/logo.png);
  background-position: 8px 23px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 285px;
}
.b-footer-time{
	width:355px;
	flex-shrink:0;
	font-size: 1.25rem;
	display:flex;
	align-items:center;
}
.b-footer-map{
	flex-grow:1;
	font-size: 1.25rem;
	display:flex;
	align-items:center;
}

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



}

@media only screen and (max-width: 1200px){



}

@media only screen and (max-width: 1100px){



}


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



}


@media only screen and (max-width: 800px){



}

@media only screen and (max-width: 768px){



}

@media only screen and (max-width: 580px){



}


@media only screen and (max-width: 480px){



}

@media only screen and (max-width: 400px){



}