@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@700&family=Roboto+Condensed:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@700&family=Roboto+Condensed:wght@500&display=swap');
html {}
body, input, select, optgroup, textarea {color: var(--clr-text); margin: 0;font-style: normal;font-weight: 300;font-size: 18px;font-family: Helvetica, Verdana, Arial, sans-serif;line-height: 1.6;}
main {display:block;min-width:0;overflow: hidden;overflow: clip;}
:root {
--txt-h: "Roboto Condensed", sans-serif;
  --clr-main: #164b9b;
  --clr-main-hover: #1d59b3;
  --clr-light: #fff;
  --clr-dark: #333;
  --clr-neutral: #ddd;
  --clr-text: #111;
  --clr-title: #333;
}
p {}
h1, h2, h3, h4, h5, h6 {color: var(--clr-title);line-height: 1.3;font-family: var(--txt-h);margin: 1.5rem 0;}
.h1min {font-size:.45em;display: block;line-height: 1.3;}
h1 {font-size:4em;line-height: 1.1;font-weight: 900;}
h2 {font-size: 2.4rem;font-weight: 900;}
h3, .h3 {font-size: 1.6rem;font-weight: 500;}
.h3 {font-size: 1.6rem;font-family: var(--txt-h);color: var(--clr-title);line-height: 1.2;}
h4{font-size: 1.3rem;font-weight: 500;}
b,strong {font-weight:900;}
.container {max-width:1540px; margin:0 auto; padding:0 20px;}
header {
    display: block;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    min-width: 318px;
    background: #fff;
background: linear-gradient(135deg,  #ebecee 0%,#ffffff 35%,#ffffff 65%,#ebecee 100%);
    -webkit-box-shadow: 0 4px 10px 0 rgb(16 36 94 / 15%);
    box-shadow: 0 4px 10px 0 rgb(16 36 94 / 15%);padding: 12px 0;
}
.head {display: flex;justify-content: space-between;align-items: center;}
.head a {color: var(--clr-title); text-decoration:none;font-family: var(--txt-h)}
.logo {line-height: 38px;width: auto;font-size: 36px;color: var(--clr-main)!important;font-weight: 900;}
.logo span, .red, h2 span {color:#dd0a18;}
.phone {font-size: 1.5rem;font-family: var(--txt-h);font-weight: 700;}
.phone-red {font-size: 1.6rem;font-family: var(--txt-h);font-weight: 700;margin: .5rem 0;}
.phone-red a {color: var(--clr-main);text-decoration: none;}
.hom1 {padding:64px 0 40px 0; background: #fff url(../img/header.webp) no-repeat top center;background-size: 100%;}
.hom2 {padding:3rem 0;}
.hom3 {padding: 2rem 0 3rem 0;}
.hom4 {background: #fafafa url(../img/footer.jpg) no-repeat bottom center;}
.hom5 {color: #fff;background: #222;}
.mycolor {color:var(--clr-main);}
.big {font-size:1.5em;}
.grid2 {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 2rem;padding: 2rem 0;}
.vert-cent {align-items: center;}
.cent {text-align:center;}
.butcont {margin-bottom: 1.5rem;}
.formblock {background: #fff;margin: 1rem 0;
    -webkit-box-shadow: 0 4px 10px 0 rgb(16 36 94 / 15%);
    box-shadow: 0 4px 10px 0 rgb(16 36 94 / 15%);
    padding: 1rem 2rem;
    display: inline-block;border-radius:1.5rem;}
.formblock  p {margin:0;}
.acred {color: var(--clr-main);}
.padd1 {padding: 1rem 0;}
.padd2 {padding: 2rem 0;}
.padd3 {padding: 3rem 20px;}
.white {color:#fff;}
.gray {background:#fafafa;}
hr {margin: 2rem 0;border: 1px dashed #ccc;}
footer {background: var(--clr-main);color: #fff;text-align: center;padding: 1rem 0;font-size: 18px;}
.contacts {display: flex;justify-content: space-evenly;}
.contacts a {color:#fff; text-decoration:none;font-family: var(--txt-h);font-size: 1.1em;}
.imgthree {max-width:100%;}
.top0 {margin-top: 0;}
table {width: 100%;margin: 1.5rem 0;border-spacing: 0;border-collapse: collapse;}
table td{transition: all ease-in-out 0.2s;border: 1px solid #ddd;padding: 0.6rem 1rem;}
table tr {background:#fff;}
caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #999999; text-align: left; caption-side: bottom; }
th, td { padding: 0.8rem; }
table p {font-size: 1.1rem;line-height: 1.3;padding:0;margin: auto;}
.small {font-size: 12px;}
.w100 {max-width:100%;}
/*Modal Start*/
.btn {width:auto; padding:15px 30px 14px 30px;height: auto;cursor: pointer;border-radius: 2rem;border: none;background:var(--clr-main);color:#fff;font-family: var(--txt-h);
font-weight: 500;font-size: 1.3rem;-webkit-transition: all .1s ease;transition: all .1s ease;text-decoration:none;line-height: 1;}
.btn:hover {background:var(--clr-main-hover);}
.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index: 20;
}
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 1.2rem 1.2rem 1rem 1.2rem;
  width: 18em;
  border-radius: 1rem;
  border-bottom: 3px solid var(--clr-dark);
}
.close-button {
  float: right;
  width: 1.5rem;
font-size: 1.7em;
line-height: 1;
  padding: .2em .3em;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--clr-neutral);
  color: var(--clr-dark);
  transition: color 0.12s ease-in-out;font-family: "Rubik", sans-serif;}
.close-button:hover {color: var(--clr-main);}
.show-modal {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;}
.headform {margin: 0 2.5em .4em 0;font-weight:900;color: var(--clr-main);text-align: left;font-size: 26px;}
input {width: 90%;margin: 6px 0;height: 34px;padding: 1% 4%;font-size: 16px;}
textarea {width: 90%;padding: 1% 4%;margin-top: 6px;font-size: 16px;}
.modalform {text-align:center;}
/*Modal Fin*/

/*Responsive*/
@media (max-width:1100px) {
h1 {font-size: 3.5em;}
}

@media (max-width:960px) {
h1 {font-size: 3em;}
}

@media (max-width:860px) {
h1 {font-size: 2.5em;}
}

@media (max-width:720px) {
h1 {font-size: 3em;}
.grid2 {grid-template-columns: repeat(1, 1fr);}
.hom1, .top0 {text-align:center;}
}

@media (max-width:600px) {
h1 {font-size: 2.5em;text-align:center;}
.contacts {flex-direction: column;align-items: center;}
}

@media (max-width:560px) {
.head {flex-direction: column; align-items: center;}
.hom1 {padding: 120px 0 4rem 0;background: #fff;}
h2 {font-size: 2.2rem;}
table p {font-size: .9em;}
table td {padding: 0.6rem .4rem;}
}

@media (max-width:460px) {
h1 {font-size: 2.2em;}
h2 {font-size: 2rem;}
table p {font-size: .75em;word-break: break-all;}
table td {padding: 0.6rem .3rem;}
.formblock {padding: 1rem 1rem;}
}