:root {
  --primary-color: #2c3e50;
  --secondary-color: #3498db;
  --accent-color: #e74c3c;
  --light-color: #ecf0f1;
  --dark-color: #2c3e50;
  --text-color: #333;
  --text-light: #7f8c8d;
  --max-width: 1200px;
  --spacing: 20px;
  --border-radius: 8px;
  --box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  --transition: all 0.3s ease;
}

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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
:root{--mc:#077b34;--mb:30px;--vw:1100px;}
body {
    background: #fff;
    font-size: 16px;
    font-family: arial;
    line-height: 1.5;
}

#a {
  display: block;
  border-top: 3px solid var(--mc);
}
.aw {
  width: var(--vw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 400px auto;
  align-items: center;
}
#ar {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.as {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.ah {
  justify-content: flex-end;
  display: flex;
  font-size: 15px;
}
.ah p {
  color: #666;
}
#ar a {
  font-size: 20px;
  color: var(--mc);
}
#al {
  display: grid;
  grid-template-columns: 70px auto;
  gap: 15px;
  align-items: center;
  padding: 10px 0;
}
.ai a {
  display: block;
}
.ai img {
  width: 100%;
  height: auto;
}
.at {
  display: flex;
  flex-direction: column;
  color: #666;
}
.at h1,.at h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--mc);
  line-height: 1;
}
.at p {
  font-size: 15px;
}
#b {
  display: block;
  background: var(--mc);
}
.bw {
  width: var(--vw);
  margin: 0 auto;
  position: relative;
}
.bw ul {
  display: flex;
  flex-direction: row;
  gap: 0px;
}
.bw ul li a {
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  display: block;
}
.bw ul li a:hover {
  background: rgba(25,25,25,.3);
}
.bw ul li:hover .sub {
    display: flex;
}
.bw ul li .sub {
  display: none;
  position: absolute;
  z-index: 9999;
  width: auto;
  background: var(--mc);
  flex-direction: column;
}
.sub li {
  background: rgba(25,25,25,.1);
  min-width: 180px;
}
.slide-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.slide-image img {
  height: 550px;
  width: 100%;
  object-position: center;
  object-fit: cover;
}
.slide-image::before {
  background-image: linear-gradient(60deg,#051736 50%,#05013340 100%);
  content: "";
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  opacity: .8;
  background-color: #fff;
  position: absolute;
}
.slide-text {
  color: #fff;
  z-index: 3;
  width: var(--vw);
  margin: 0 auto;
  position: relative;
  height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slide-text h1,
.slide-text h2,
.slide-text h3 {
  font-size:30px;
  width:50%;
  margin:0 0 5px
}
.slide-text p {
  width:50%;
  font-size:18px
}
.slide-button {
  display:inline-block;
  padding:8px 15px;
  margin:15px 0 0;
  border-radius:6px;
  font-weight:400;
  cursor:pointer;
  background: #d5440b;
  color: #fff;
  text-decoration: none;
  width: auto;
  align-self: flex-start;
}

#d {
  display: block;
  padding: 50px 0;
}
.dw {
  width: var(--vw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 300px auto;
  gap: 20px;
}
.dl img {
  width: 100%;
  height: auto;
}
.dr {
  line-height: 1.5;
}
.dr h3 {
  font-size: 24px;
  margin: 0 0 10px;
}
.dr p {
  margin: 0 0 10px;
  line-height: 1.8;
}
.dl p {
  font-size: 16px;
  text-align: center;
  background: #eee;
  padding: 5px;
}
#e,#l {
  display: block;
}
.ew,.lw {
  width: var(--vw);
  margin: 0 auto;
  text-align: center;
  background: #d1f9e63d;
  padding: 50px 30px;
  box-sizing: border-box;
  border-radius: 15px;
}
.ew h3,.lw h3 {
  font-size: 28px;
  margin: 0 0 15px;
  color: var(--mc);
}

#g {
  display: block;
  padding: 50px 0;
}
.gw {
  width: var(--vw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
	 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.gi h4 {
  font-size: 26px;
}
.gi p {
  color: #444;
}
.gi i {
  font-size: 50px;
  color: var(--mc);
  position: absolute;
  top: -13px;
}
.gi {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 50px 20px 20px;
  border: 1px solid #eee;
  border-radius: 10px;
  box-shadow: var(--box-shadow);
	transition: var(--transition);
	border-radius: var(--border-radius);
}

#h {
  display: block;
  padding: 50px 0;
  background: #e1e1e13d;
}
.hw {
  width: var(--vw);
  margin: 0 auto;
  text-align: center;
}
.hw h3,.jw h3 {
  font-size: 26px;
  margin: 0 0 10px;
}
#i {
  display: block;
  padding: 50px 0;
}
.iw {
  width: var(--vw);
  margin: 0 auto;
}
.ii {
  display: grid;
  grid-template-columns: 500px auto;
  gap: 20px;
  margin: 0 0 100px;
  grid-template-areas: "ig it";
}
.ii .it {
  padding: 0 80px 0 0;
}
.ig {
  height: 400px;
  grid-area: ig;
}
.it {
  grid-area: it;
}
.ig img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.it h3 {
  font-size: 26px;
  margin: 0 0 10px;
}
.it p {
  line-height: 1.8;
  margin: 0 0 15px;
}
.ib {
  display: inline-block;
  background: #d5440b;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 15px;
}
.it ul {
  display: flex;
  flex-direction: row;
  gap: 11px;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
.it ul li a {
  background: #d9f9e6;
  color: var(--mc);
  text-decoration: none;
  padding: 5px 15px;
  display: block;
  border-radius: 5px;
}
.ij {
  display: grid;
  grid-template-columns: auto 500px;
  gap: 20px;
  grid-template-areas: "it ig";
}

.ij .it {
  padding: 0 0 0 80px;
}

.ew p {
  line-height: 1.8;
}
.hw p {
  line-height: 1.8;
}
.ji {
  width: 200px;
  height: 300px;
  margin: 0 15px 0 0;
  position: relative;
}
.ji img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.jf {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg,transparent 19%,rgba(0,0,0,.94));
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 10px;
  box-sizing: border-box;
}
.jf h4 {
  color: #fff;
  font-size: 15px;
}
.jw .jf p {
  color: #ff9b00;
  font-size: 14px;
  text-align: left;
  margin: 0;
}
#j {
  background: #e1e1e13d;
  padding: 50px 0;
}
.jw {
  width: var(--vw);
  margin: 0 auto;
}
.jw h3 {
  text-align: center;
}
.jw p {
    line-height: 1.8;
    text-align: center;
    margin: 0 0 20px;
}
.lum-lightbox {
  background:#444 !important;
  z-index: 9;
}
#k {
  display: block;
  padding: 50px 0;
}
.kw {
  width: var(--vw);
  margin: 0 auto;
}
.kw h3 {
  font-size: 26px;
  margin: 0 0 20px;
  text-align: center;
}
.ki {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}
.kg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.lw p {
  line-height: 1.8;
  margin: 0 0 15px;
}
#m {
  display: block;
  padding: 50px 0;
}
.mw {
  width: var(--vw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto 400px;
}
.mr {
  padding: 20px;
  background: #d1f9e63d;
}
.mp iframe {
  width: 100%;
  height: ;
}
.mr h3 {
  color: var(--mc);
  font-size: 26px;
  margin: 0 0 20px;
  border-bottom: 1px solid #eee;
  padding: 0 0 15px;
}
.mi {
  display: grid;
  grid-template-columns: 80px auto;
  padding: 10px 0 20px;
}
.md h4 {
  font-size: 20px;
}
.mc i {
  font-size: 36px;
  color: var(--mc);
}
.mc {
  text-align: center;
  padding: 10px 10px 0 0;
}
#n {
  display: block;
  padding: 0 0 50px;
}
.nw {
  width: var(--vw);
  margin: 0 auto;
}
.nl {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
}
.ni {
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
  border-radius: 5px;
  overflow: hidden;
}
.ni img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  object-position: center;
}
.ni a {
  display: block;
  text-decoration: none;
}
.ni p {
  padding: 5px 15px 15px;
  color: #000;
  font-weight: bold;
}
.nw h3 {
  font-size: 26px;
  margin: 0 0 15px;
  text-align: center;
}
#f {
  display: block;
  background: var(--mc);
}
.fw {
  width: var(--vw);
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 14px;
  padding: 10px 0;
}
.fw a {
  text-decoration: none;
  color: #fff;
}
#o {
  width: var(--vw);
  margin: 50px auto;
  display: grid;
  grid-template-columns: auto 325px;
  gap: 30px;
}
#p {
  display: block;
  overflow: hidden;
}
#p h1 {
  font-size: 28px;
  margin: 0 0 15px;
}
#p .alignleft {
    float: left;
    margin: 8px 16px 0 0;
}
#p .alignright {
    float: right;
    margin: 8px 0 0 16px;
}
#p p,#q p {
  line-height: 1.8;
  font-size: 16px;
  color: #333;
  margin: 0 0 15px;
}
#p h2, #q h2 {
  font-size: 26px;
  margin: 0 0 15px;
}
#p h3, #q h3 {
  font-size: 24px;
  margin: 0 0 15px;
}
#p h4, #q h4 {
  font-size: 22px;
  margin: 0 0 15px;
}
#p h5, #q h5 {
  font-size: 20px;
  margin: 0 0 15px;
}
#p h6, #q h6 {
  font-size: 18px;
  margin: 0 0 15px;
}
#p blockquote, #q blockquote {
  border-left: 5px solid #eee;
  margin: 0 0 15px;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 15px 15px 15px 20px;
}
#p ul,#p ol,#q ul,#q ol {
  margin: 0 0 15px 30px;
}
#p ul li,#q ul li {
  list-style: square;
}
#p ol li,#q ol li {
  list-style: decimal;
}
#p ul li,#p ol li,#q ul li,#q ol li {
  line-height: 1.8;
}
#p a,#q a {
  color: var(--mc);
  text-decoration: none;
}
#p form input[type=text],#p form input[type=email],#p form input[type=password] {
  font-size: 16px;
  font-family: inherit;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 3px;
  max-width: 100%;
  box-sizing: border-box;
  width: 500px;
}
#p form textarea {
  font-size: 16px;
  font-family: inherit;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 3px;
  max-width: 100%;
  box-sizing: border-box;
  width: 700px;
  height: 150px;
}
#p form input[type=submit],#p form button[type=submit] {
  font-size: 16px;
  font-family: inherit;
  padding: 10px;
  border-radius: 3px;
  box-sizing: border-box;
  background: var(--mc);
  color: #fff;
  border:none;
  cursor: pointer;
  align-self: flex-start;
  min-width: 100px;
}
#p form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#p img {
  max-width: 100%;
  height: auto;
  margin: 0 0 15px;
}
.pm {
  background: #f7f7f7;
  margin: 0 0 15px;
  padding: 5px 10px;
  color: #333;
  font-size: 14px;
  border-radius: 5px;
}
#s {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.st {
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 10px;
}
.sw ul {
  list-style: square;
  margin: 0 0 0 15px;
}
.sw ul li,.sw ol li {
  line-height: 1.8;
}
.sw ol {
  list-style: none;
}
.sw img {
  width: 100%;
  height: auto;
}
.sw a {
  color: var(--mc);
  text-decoration: none;
}
.sw a:hover,#p a:hover {
  text-decoration: underline;
}
#q {
  width: var(--vw);
  margin: 50px auto;
}
#q h1 {
  font-size: 26px;
  margin: 0 0 15px;
}

#p table {
  width: 100%;
  box-sizing: border-box;
}
#p table thead {
  background: var(--mc);
  color: #fff;
  font-size: 18px;
  text-align: left;
}
#p table thead th {
  padding: 5px;
}
#p table tr td {
  border-bottom: 1px solid #ddd;
  padding: 8px 5px;
  line-height: 1.8;
}
#p table td h3 {
  font-size: 16px;
  margin: 0;
  font-weight: normal;
}
#r {
  width: var(--vw);
  margin: 50px auto;
}
#r h1 {
  font-size: 26px;
  text-align: center;
  margin: 0 0 20px;
}
.rl {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 30px;
}
.ri {
  overflow: hidden;
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
  border-radius: 5px;
  position: relative;
}
.ri img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
}
.ri span {
  position: absolute;
  right: 10px;
  top: 10px;
  background: rgba(255,255,255,.8);
  opacity: 0.8;
  color: #333;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: bold;
  border-radius: 15px;
  line-height: 1;
}
.ri h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 5px 15px 15px;
}
.ri a {
  text-decoration: none;
  color: #000;
}
.tl {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.ti {
  display: grid;
  grid-template-columns: 300px auto;
  gap: 20px;
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
  border-radius: 5px;
  overflow: hidden;
}
.ti img {
  width: 100%;
  height: 225px;
  object-fit: cover;
  object-position: center;
}
.tr h3 {
  font-size: 20px;
  margin: 0 0 10px;
}
.tr h3 a {
  color: var(--mc);
  text-decoration: none;
}
.tr {
  padding: 15px 10px 15px 0;
}
.tm {
  font-size: 14px;
  color: #666;
  margin: 0 0 10px;
}
.tb {
  background: #d5440b;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 9px 15px;
  font-size: 14px;
  border-radius: 5px;
  margin: 10px 0 0;
}
#t h1 {
  font-size: 26px;
  margin: 0 0 20px;
}
#u {
  display: block;
}
.uw {
  width: var(--vw);
  margin: 50px auto;
  text-align: center;
}
.ua {
  font-size: 400px;
  font-weight: bold;
  color: #eee;
  position: relative;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1;
  margin: 0 0 30px;
}
.ua h1 {
  position: absolute;
  font-size: 85px;
  color: var(--mc);
  align-self: center;
  line-height: 1;
  font-weight: bold;
  justify-self: center;
}
.ub h2 {
  font-size: 24px;
}
.lh {
  display: inline-block;
  margin: 20px 0;
  background: var(--mc);
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 5px;
}
.tq h3 {
  font-size: 20px;
  margin: 0 0 10px;
}
.tq h3 a {
  text-decoration: none;
  color: var(--mc);
}
.tq h3 a:hover {
  text-decoration: underline;
}
.tq {
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
  padding: 20px;
  border-radius: 5px;
}
.ts {
  display: grid;
  gap: 30px;
}
#bm {
  display: none;
}
#bs {
  position: absolute;
  right: 5px;
  top: 9px;
  background: none;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  z-index: 4;
}
#bf {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  right: 0;
  bottom: 0;
  padding: 5.5px 0 0;
}
#bf input {
  width: 100%;
  z-index: 2;
  background: #055505;
  color: #fff;
  font-size: 16px;
  font-family: inherit;
  padding: 9px 15px 8px;
  box-sizing: border-box;
  border: none;
  border-radius: 5px;
  line-height: 1;
}
.hide {
  visibility: hidden;
  opacity: 0;
}
.show,.menu {
  visibility: visible;
  opacity: 1;
}
.wr {
  background: #ffe5e5;
  color: #950101;
  border: 1px solid #f5caca;
  border-radius: 5px;
  padding: 5px 10px;
}
.pg {
  display: block;
  padding: 20px 0 0;
}
.pg ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  list-style: none;
}
#p .pg ul {
  list-style: none;
  margin: 0;
}
#p .pg ul li {
  list-style: none;
}
.pg ul li a,.pg ul li span {
  display: block;
  padding: 3px 10px;
  font-size: 15px;
  border-radius: 3px;
  font-weight: 400;
  border: 1px solid #ddd;
  background: #fff;
}
.pg ul li a {
  text-decoration: none;
  color: var(--mc);
}
.pg ul li a:hover,#p .pg ul li a:hover {
  background: var(--mc);
  color: #fff;
  text-decoration: none;
  border: 1px solid var(--mc);
}

.pg ul li span{
  color: #333;
}
@media screen and (max-width:1200px){
:root {
  --vw: 90%;
}
}
@media screen and (max-width:1024px){
.ii {
  grid-template-columns: 400px auto;
}
.ij {
  grid-template-columns: auto 400px;
}
.slide-text {
    height: 500px;
}
.slide-image img {
    height: 500px;
}
.ni img {
    height: 200px;
}
#o {
    grid-template-columns: auto 250px;
}
.rl {
    gap: 20px;
}

.ri img {
    height: 220px;
}
}
@media screen and (max-width:960px){
#o {
    grid-template-columns: 1fr;
}
}
@media screen and (max-width:800px){
.bw ul li a {
    font-size: 15px;
    padding: 10px;
}

.slide-text {
    height: 400px;
}

body {
    font-size: 15px;
}

.dw {
    display: block;
}

.dl {
    width: 250px;
    float: left;
    margin: 10px 20px 0 0;
}

.gw {
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}

.ii {
    grid-template-columns: 300px auto;
}

.ii .it {
    padding: 0;
}

.ij {
    grid-template-columns: auto 300px;
}

.ij .it {
    padding: 0;
}

.ni img {
    height: 180px;
}

.mw {
    display: block;
}

.mr h3 {
    border: none;
    margin: 0;
    visibility: hidden;
    display: none;
}
.rl {
    gap: 15px;
}

.ri img {
    height: 180px;
}
.slide-text h1, .slide-text h2, .slide-text h3 {
    width: 100%;
}

.slide-text p {
    width: 80%;
}
}
@media screen and (max-width:768px){

}
@media screen and (max-width:640px){
:root {
  --vw: 100%;
}
.bw ul li .sub {
  position: relative;
  margin: 0;
}
.menu {
  visibility: hidden;
  opacity: 0;
}
#b {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 100vh;
    background: var(--mc);
    z-index: 9;
}

.bw {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
}

.bw ul {
    flex-direction: column;
    margin: 100px 0 0 0;
}

.bw ul li a {
    padding: 10px 20px;
}
.as {
    position: absolute;
    z-index: 10;
    top: 60px;
    left: 0;
}

#ar .as a {
    color: #fff;
}

.ah {
    display: none;
}

#bf {
    top: 14px;
    padding: 0 15px;
    box-sizing: border-box;
    display: block;
    visibility: visible;
    opacity: 1;
    z-index: 12;
    bottom: auto;
}

#bf input {background: #fff;margin: 0;color: #999;font-size: 15px}

#bs {
    display: none;
}
#bm {
    position: absolute;
    color: var(--mc);
    right: 0;
    top: 20px;
    z-index: 15;
    display: block;
    border: none;
    background: none;
    font-weight: bold;
    font-size: 30px;
    cursor: pointer;
}
.aw {
    position: relative;
    display: block;
}
#al {
    padding: 5px 0 0;
}
.as {
    opacity: 0;
    visibility: hidden;
}
.slide-text {
  padding: 0 50px;
  box-sizing: border-box;
  height: 350px;
}
.slide-image img {
    height: 350px;
}
.slide-text p {
  font-size: 15px;
}
.slide-text h1, .slide-text h2, .slide-text h3 {
  font-size: 26px;
}
#a {
  padding: 0 20px;
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}
#d {
  padding: 30px 20px;
  box-sizing: border-box;
}
#g {
  padding: 30px 20px;
  box-sizing: border-box;
}
#i {
  padding: 30px 20px;
  box-sizing: border-box;
}
.ii,.ij {
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
  border-radius: 5px;
  overflow: hidden;
}
.ii {
  margin: 0 0 30px;
}
.ij .it,.ii .it {
  padding: 0 20px 20px;
  box-sizing: border-box;
}
#j {
  padding: 30px 20px;
  box-sizing: border-box;
}
#k {
  padding: 30px 20px;
  box-sizing: border-box;
}
.ew, .lw {
  padding: 30px 20px;
  box-sizing: border-box;
}
#l {
  padding: 0 20px;
  box-sizing: border-box;
}
#m {
  padding: 30px 20px;
  box-sizing: border-box;
}
#n {
  padding: 0 20px 30px;
  box-sizing: border-box;
}
.nl {
  grid-template-columns: repeat(2,1fr);
}
.dl {
  margin: 10px 20px 5px 0;
  width: 200px;
}
.dl p {
  font-size: 15px;
}

#u {
  padding: 0 20px;
  box-sizing: border-box;
}
.ua {
  font-size: 300px;
}
.ua h1 {
  font-size: 60px;
}
#o {
  display: block;
  margin: 0;
  padding: 30px 20px;
  box-sizing: border-box;
}
#t h1 {
  font-size: 24px;
}
.ti {
  grid-template-columns: 250px auto;
}
#t {
  margin: 0 0 30px;
}
#s {
  gap: 20px;
}
#r {
  margin: 30px 0;
  padding: 0 20px;
  box-sizing: border-box;
}
#r h1 {
  font-size: 24px;
}
.rl {
  grid-template-columns: repeat(2,1fr);
}
#p {
  margin: 0 0 30px;
}
#p h1 {
  font-size: 24px;
}
#p h2,#q h2 {
  font-size: 22px;
}
#p h3, #q h3 {
  font-size: 20px;
}
#p h4, #q h4 {
  font-size: 18px;
}
#p h5, #q h5 {
  font-size: 16px;
}
#p h6, #q {
  font-size: 14px;
}
#q {
  margin: 0;
  box-sizing: border-box;
  padding: 30px 20px;
}
#q h1 {
  font-size: 24px;
}
#h {
  padding: 30px 20px;
  box-sizing: border-box;
}
}
@media screen and (max-width:600px){

}
@media screen and (max-width:540px){

.dw {
  position: relative;
  padding: 40px 0 0 0;
}
.dr h3 {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  right: 0;
}
.ni img {
  height: 150px;
}
.ki {
  gap: 5px;
}
.tb {
  visibility: hidden;
  opacity: 0;
  display: none;
}
.ti {
  grid-template-columns: 200px auto;
}
.tr h3 {
  font-size: 18px;
}
.tm {
  font-size: 13px;
}
#r h1 {
  font-size: 22px;
}
#p h1 {
  font-size: 22px;
}
#p h2, #q h2 {
  font-size: 20px;
}
#p h3, #q h3 {
  font-size: 18px;
}
#p h4, #q h4 {
  font-size: 16px;
}
#p h5, #q h5 {
  font-size: 14px;
}
#p h6, #q h6 {
  font-size: 12px;
}
#p table thead,#q table thead {
  font-size: 16px;
}
#p table td h3 {
  font-size: 14px;
}
#p table tr td, #q table tr td{
  font-size: 14px;
}
#t h1 {
  font-size: 22px;
}
#p p, #q p {
  font-size: 14px;
  line-height: 2;
}
#p form input[type="submit"], #p form button[type="submit"] {
  font-size: 14px;
}
#p form input[type="text"], #p form input[type="email"], #p form input[type="password"] {
  font-size: 14px;
}
#p form textarea {
  font-size: 14px;
}
#q h1 {
  font-size: 22px;
}
.ew {
  border-radius: 0;
}
.ew h3, .lw h3 {
  font-size: 22px;
}
}
@media screen and (max-width:480px){

.slide-text {
  height: 300px;
}
.splide__slide img {
  height: 300px;
}
.nl {
  gap: 15px;
}
.gw {
  grid-template-columns: 1fr;
}
.gi {
  text-align: center;
  padding: 70px 20px 20px;
}
.gi i {
  text-align: center;
  width: 100%;
  left: 0;
  font-size: 73px;
}
.ig {
  height: 300px;
}
.it h3 {
  font-size: 22px;
}
.nw h3 {
  font-size: 24px;
}
.kw h3 {
  font-size: 24px;
}
.hw h3, .jw h3 {
  font-size: 24px;
}
.ua {
  font-size: 200px;
}
.ua h1 {
  font-size: 40px;
}
.ub h2 {
  font-size: 20px;
}

}
@media screen and (max-width:414px){
#al {
  gap: 10px;
  grid-template-columns: 60px auto;
}
.at h1, .at h2 {
  font-size: 20px;
}
.at p {
  font-size: 12px;
}
#bm {
  font-size: 26px;
  top: 15px;
}
.slide-text p {
  width: 100%;
}
.slide-text h1, .slide-text h2, .slide-text h3 {
  font-size: 22px;
}
.slide-text,.slide-image img {
  height: 250px;
}
#d {
  padding: 20px;
}
.dr h3 {
  font-size: 22px;
}
.dl {
  width: 180px;
  margin: 10px 15px 5px 0;
}
.dl p {
  font-size: 13px;
}
.ji {
  width: 180px;
  height: 250px;
}
.ki {
  grid-template-columns: repeat(2,1fr);
}
.md h4 {
  font-size: 18px;
}
.nw h3 {
  font-size: 22px;
}
.hw h3, .jw h3 {
  font-size: 22px;
}
.kw h3 {
  font-size: 22px;
}
.ni img {
  height: 120px;
}
.ni p {
  font-weight: normal;
  font-size: 14px;
}
.nl {
  gap: 13px;
}
.gi h4 {
  font-size: 24px;
}
.ti {
  grid-template-columns: 1fr;
  gap: 0;
}
.tr {
  padding: 15px;
}
.tr h3 {
  font-size: 16px;
}
.tl {
  gap: 20px;
}
#r h1 {
  text-align: left;
  font-size: 20px;
}
.ri img {
  height: 130px;
}
.ri h3 {
  font-size: 14px;
  font-weight: normal;
}
.tq h3 {
  font-size: 18px;
}
.tq {
  padding: 15px;
}
.ts {
  gap: 15px;
}

#q h1 {
  font-size: 20px;
}
.pm {
  font-size: 12px;
}

}
@media screen and (max-width:384px){
#a {
  padding: 0 15px;
}
#d {
  padding: 15px;
}
.dr h3 {
  font-size: 20px;
}
.dl {
  width: 150px;
}
.ew h3, .lw h3 {
  font-size: 20px;
  margin: 0 0 10px;
}
.ub h2 {
  font-size: 18px;
}
#p tbody tr {
  display: grid;
  border-bottom: 1px solid #eee;
  padding: 10px;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}
#p table tr td:first-child,#p table thead th:first-child, #p table thead th:nth-child(2), #p table thead th:nth-child(4) {
  display: none;
}
#p table tr td {
  border: none;
  padding: 0;
}
#p table thead th {
  padding: 5px 10px;
}
#p table td h3 {
  font-weight: bold;
}
#p .pb {
  background: var(--mc);
  color: #fff;
  display: inline-block;
  padding: 2px 15px;
  margin: 10px 0 1px;
  border-radius: 5px;
}
#o {
  padding: 20px 15px;
}
#r {
  margin: 0;
  padding: 20px 15px;
}
#q {
  padding: 20px 15px;
}
#g {
  padding: 20px 15px;
}
#i {
  padding: 20px 15px;
}
#j {
  padding: 20px 15px;
}
#k {
  padding: 20px 15px;
}
#l {
  padding: 0 15px;
}
#m {
  padding: 20px 15px;
}
#n {
  padding: 0 15px 20px;
}

}
@media screen and (max-width:360px){

#c .splide__arrows {
  display: none;
}
.slide-text {
  padding: 0 20px;
}
.ig {
  height: 200px;
}
.ii {
  margin: 0 0 20px;
  gap: 15px;
}
.ij .it, .ii .it {
  padding: 0 15px 15px;
}
.it h3 {
  font-size: 20px;
  margin: 0 0 5px;
}
.nl {
  grid-template-columns: 1fr;
}
.ni img {
  height: 180px;
}
.ni p {
  font-weight: bold;
}
.ua {
  font-size: 180px;
}
.ua h1 {
  font-size: 35px;
}
.rl {
  grid-template-columns: 1fr;
}
.ri img {
  height: 200px;
}
}
@media screen and (max-width:320px){
.at {
  display: none;
}
#b {
  width: 260px;
}

}