@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
@font-face {
    font-family: eRegular;
    src: url('https://sakh.top/fonts/Euclid Circular A Regular.ttf');
}
@font-face {
    font-family: eBold;
    src: url('https://sakh.top/fonts/Euclid Circular A Bold.ttf');
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, 
dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video,main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
FORM:focus {
	outline: none;
}
A {
	COLOR: #003961;
    text-decoration: none;
}
A:hover {
    text-decoration:underline
}
H1 A{
    COLOR: #38a6d9;
}
IMG {
	BORDER: 0
}
INPUT[type="text"],
INPUT[type="email"],
INPUT[type="tel"],
INPUT[type="number"],
TEXTAREA {
    -webkit-appearance : none;
    -moz-appearance    : none;
    -ms-appearance     : none;
    appearance         : none;
    outline            : 0;
    box-shadow         : none;
}
INPUT, TEXTAREA {
	OUTLINE: none;
	FONT-FAMILY: verdana, tahoma, sans-serif;
	FONT-SIZE: 1rem;
    border-radius: 0.3rem;
    border: solid #eee 2px;
    padding: 0.3rem;
}
INPUT:hover, TEXTAREA:hover {
    border: solid #999 2px;
}
INPUT:focus, TEXTAREA:focus {
    border: solid #555 2px;
}
INPUT::-moz-placeholder,TEXTAREA::-moz-placeholder { color: #999; }
INPUT::-webkit-input-placeholder,TEXTAREA::-webkit-input-placeholder { color: #999; }
TEXTAREA {
	RESIZE: none
}
TEXTAREA {
    white-space:pre-wrap
}
HTML {
	font-size: 1rem;
	font-family: eRegular,'Open Sans',verdana, arial, tahoma,'Century Gothic', sans-serif;
	height: 100%;
}
BODY{
	color: #14182a;
	padding: 0;
	margin: 0;
	min-height: 100%;
	height: auto !important;
	position: relative;
	background: #f4f4f4;
}
H1 {
	font-size: 2rem;
	padding: 0;
	margin: 0;
    display: block;
    font-family: eBold, 'Open Sans',verdana, arial, tahoma,'Century Gothic', sans-serif;
}
H2 {
	font-size: 1.5rem;
	padding: 0;
	margin: 0 0 0.5rem;
}
H3 {
	font-size: 1.2rem;
	padding: 0;
	margin: 0 0 0.5rem;
    color: green;
}
main {
    padding: 0 0 6rem 0;
}
footer {
    display: block;
	position: absolute;
	z-index: 2;
	left:0;
	right: 0;
	bottom: 0;
	color: #f4f4f4;
	background: #43525a;
	padding: 0;
    margin: 0 auto
}
footer DIV {
    padding: 2rem 0;
    margin: 0 auto;
    text-align: center;
}
footer DIV,.upbar {
	max-width: 1440px;
	min-width: 356px;
}
footer .support{
    float: right;
    padding: 0;
    width: auto;
    min-width: auto;
}
footer A{
    color: #eee;
}
header {
    display: block;
	background: #43525a;
    overflow: hidden;
}
.upbar {
	margin:0 auto;
	padding: 1rem 0 1rem;
    color:#fff;
}
.upbar A {
    color:#fff;
}
.upbar A IMG{
    float: left
}
.body_logo{
    float: left;
}
.kepka{
    position: relative;
    height: auto;
    width: 100%;
}
.logo{
    position: absolute;
    top: 3rem;
    left:3rem;
    z-index: 3;
}
.zag{
    position: absolute;
    bottom: 0;
    left:0;
    z-index: 1;
    color: #fff;
    height: 100%;
}
.zag H1{
    position: absolute;
    bottom: 3rem;
    left:3rem;
    z-index: 2;
    color: #fff;
    padding: 1rem;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2), 4px 4px 8px rgba(0, 0, 0, 0.2);
    text-shadow:
    1px 1px 2px black,
    0 0 1em black,
    0 0 0.2em black;
}
.content {
	margin: 0 auto;
	padding:1rem 0;
	min-width: 356px;
}
.tel{
    float: right;
}
.containerIco {
      display: flex;
      justify-content: center; /* Выравнивание по горизонтали */
      align-items: center; /* Выравнивание по вертикали */
      color: #fff;
      padding: 1rem;
}
.blockIco {
    text-align: center;
      width: 200px; /* Задайте нужную ширину */
      margin: 5px; /* Добавьте отступы */
}
.blockIcoh2 {
    text-align: center;
      width: 200px; /* Задайте нужную ширину */
      margin: 5px; /* Добавьте отступы */
}
.blockPhoto .photo{
    float: left;
    padding: 1%;
    margin: 0;
    width: 17%;
    overflow: hidden;
}
.blockPhoto .photo IMG{
    border-radius: 1rem;
}
.cb{
    clear: both;
}
@media screen and (max-width : 1400px) {
    .upbar {
        padding: 1rem 2rem 1rem;
        color:#fff;
    }
}
@media screen and (max-width : 853px) {
    .logo{
        top: -1rem;
        left:2rem;
    }
    .logo IMG{
        width:150px
    }
}
@media screen and (max-width : 527px) {
    .tel SPAN{
        display: none;
    }
}
@media screen and (max-width : 420px) {
    .zag H1{
        left:0;
        bottom: 0;
        box-shadow:none;
        text-align: center;
    }
    .blockIco {
        text-align: center;
        width: 45%; /* Задайте нужную ширину */
        display: block;
        float: left;
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }
    .blockIco IMG{
        width: 80%
    }
    .blockIcoh2 {
        text-align: center;
        width: 100%; /* Задайте нужную ширину */
        margin: 5px; /* Добавьте отступы */
    }
    .blockIcoh2 H2 {
        padding:0 0 1rem 0;
        font-size: 1.8rem;
    }
    .logo{
        top: -1rem;
        left:2rem;
    }
    .logo IMG{
        width:50px
    }
    .containerIco {
      display: block;
    }
    .blockPhoto .photo{
    width: 47%;
}
}
