a {
  text-decoration: none; }

body {
  margin: 0;
  font-family: Magic;
  color: #000; }

:focus {
  outline: none; }

.main {
  width: 950px;
  margin: 0 auto; }

.b1 {
  background: url(../img/bg.jpg) bottom center no-repeat;
  background-size: cover;
  padding: 0 0 170px; }

.b1-box1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  padding: 49px 0 35px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

a.tel {
  font-size: 28px;
  display: block;
  font-family: 'placard';
  color: #fff; }

a.tel span {
  color: #faf106; }
.tel2 {
	font-family: 'placard' !important;
}

.logo {
  margin: 0 23px 0 0; }

.b1-box1 ul {
  padding: 0;
  margin: 0 0 0 53px; }

.b1-box1 ul li {
  display: inline-block;
  margin: 0 7px 0; }

.b1-box1 ul li a {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ffff;
  font-size: 28px;
  font-family: 'placard';
  padding: 5px 9px 3px;
  display: block; }

.b1-box1 ul li a:hover {
  background: #21783f; }

.b1-box2 {
  background: url(../img/line.png) top center no-repeat;
  padding: 25px 0 0; }

p.b1-t1 {
  text-align: center;
  color: #fff;
  font-family: 'placard';
  font-size: 51px;
  margin: 25px 0 53px;
  letter-spacing: 9px; }

.b1-bx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.b1-bx p {
  color: #fff;
  font-size: 29px;
  line-height: 39px;
  margin: 0; }

.box-form {
  background: #f4dd00;
  width: 100%;
  max-width: 380px;
  padding: 34px 0 0; }

.box-form form {
  display: block;
  width: 100%;
  max-width: 290px;
  margin: 0 auto; }

.box-form input {
  width: 100%;
  border: 0;
  text-align: center;
  line-height: 33px;
  display: block;
  font-size: 23px;
  font-family: Magic;
  font-weight: 700;
  margin: 0 0 16px; }

.box-form button {
  background: #ff3333;
  border: 0;
  width: 100%;
  display: block;
  font-family: Magic;
  color: #fff;
  font-size: 30px;
  padding: 11px 0 2px;
  margin: 0 0 25px;
  cursor: pointer; }

.box-form button:hover {
  background: #d30606; }

.box-form {
  position: relative; }

.box-form:after {
  content: "";
  background: url(../img/tr.svg) top left no-repeat;
  width: 100%;
  display: block;
  height: 50px;
  position: absolute;
  left: 0;
  background-size: cover; }

p.zg {
  text-align: center;
  font-size: 47px;
  color: #4d5055;
  font-weight: 700;
  margin: 0 0 0; }

.b2-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 48px 0 69px; }

.b2-item {
  width: 100%;
  text-align: center;
  max-width: 121px;
  margin: 0 0 32px; }

.b2-item p {
  display: block;
  font-size: 14px;
  color: #4d5055;
  font-weight: 600;
  height: 44px; }

.b2-img {
  height: 80px;
  width: 100%;
  position: relative; }

.b2-img img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto; }

.b2-item a {
  display: block;
  width: 100%;
  background: #f4dd00;
  padding: 5px 0 3px;
  color: #4d5055;
  font-size: 21px;
  font-weight: 600; }

.b2-item a:hover {
  background: #fad56d; }

.b3 {
  background: #000 url(../img/bg2.jpg) top center no-repeat;
  padding: 53px 0 76px; }

.b3 .zg {
  color: #fff; }

.b3-lf p {
  color: #fff;
  font-size: 40px;
  font-family: 'placard';
  margin: 23px 0 33px; }

.b3-box {
  max-width: 800px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 36px 0 0; }

.b3-rg p {
  color: #fff;
  font-size: 21px; }

.b3-form {
  width: 100%;
  max-width: 585px;
  margin: 0 auto;
  padding: 38px 0 0; }

.b3-form input {
  width: 50%;
  border: 0;
  line-height: 33px;
  text-align: center;
  font-size: 24px;
  font-family: Magic;
  padding: 5px 0 0; }

.b3-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.b3-form button {
  width: 50%;
  border: 0;
  background: #ff3333;
  color: #fff;
  font-family: Magic;
  font-size: 27px;
  padding: 6px 0 0;
  cursor: pointer; }

.b3-form button:hover {
  background: #d31111; }

.b4 {
  background: url(../img/bg3.jpg) center;
  background-size: cover;
  padding: 53px 0; }

.b4-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 936px;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

p.b4-t1 {
  font-size: 30px;
  margin: 0;
  background: #0b79ff;
  color: #fff;
  font-weight: 600;
  padding: 9px 22px 3px; }

p.b4-t2 {
  margin: 4px 0 0;
  font-family: 'placard';
  color: #fff;
  font-size: 40px; }

.b4-form {
  background: rgba(0, 0, 0, 0.6);
  padding: 26px 0; }

.b4-rg {
  width: 100%;
  max-width: 568px;
  text-align: center; }

.b4-form input {
  width: 100%;
  max-width: 170px;
  border: 0;
  font-size: 21px;
  font-family: Magic;
  font-weight: 600;
  padding: 9px 0 6px;
  text-indent: 10px; }

.b4-form button {
  background: #0b79ff;
  color: #fff;
  border: 0;
  font-family: 'placard';
  cursor: pointer;
  width: 100%;
  max-width: 160px;
  font-size: 20px;
  padding: 8px 0 8px; }

.b4-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 525px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.b4-form button:hover {
  background: #025ac6; }

.b5 {
  background: url(../img/bg4.jpg) top center no-repeat;
  background-size: cover;
  padding: 32px 0 0; }

.b5 .zg {
  color: #fff;
  font-family: 'placard';
  font-size: 26px; }

.b5-box {
  padding: 49px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.b5-item {
  width: 100%;
  max-width: 120px;
  margin: 0 7px 16px;
  position: relative;
  height: 265px; }

.b5-item img {
  display: table;
  margin: 0 auto; }

p.b5-t1 {
  text-align: center;
  margin: 10px 0 0;
  color: #fff;
  font-size: 15px;
  font-weight: 600; }

p.b5-t2 {
  color: #fbfbfb;
  font-size: 12px;
  margin: 0 0 7px;
  position: absolute;
  bottom: 37px; }

.asd {
  display: block;
  text-align: center;
  background: #f4dd00;
  padding: 6px 0 5px;
  font-size: 21px;
  color: #4d5055;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  width: 100%; }

.asd:hover {
  background: #f4bf00; }

.b6 {
  padding: 45px 0 47px; }

.b6 .zg {
  font-family: 'placard';
  color: #78c695;
  font-size: 32px;
  letter-spacing: 5px; }

.b6 .zg span {
  color: #000; }

.b6-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 820px;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 38px 0 0; }

.b6-item {
  width: 100%;
  max-width: 271px; }

.b6-tx {
  max-width: 228px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600; }

.b6-item img {
  display: table;
  margin: 0 0 0 52px;
  height: 44px; }

.b6-rd {
  width: 164px;
  height: 164px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  /* margin: 0 auto; */
  position: relative; }

.b6-rd.rs2 {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style=' width: 164px; '%3e%3cdefs%3e%3ccircle id='circle' cx='5' cy='5' r='4' stroke-width='0.5' fill='transparent'%3e%3c/circle%3e%3c/defs%3e%3cuse xlink:href='%23circle' stroke='%23db0095' stroke-dasharray='0,-3.95,13.38,100' class=''%3e%3c/use%3e%3cuse xlink:href='%23circle' stroke='%23008bdb' stroke-dasharray='0,6.47,12.50,50' class=''%3e%3c/use%3e%3c/svg%3e"); }

.b6-rd.rs3 {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style=' width: 164px; '%3e%3cdefs%3e%3ccircle id='circle' cx='5' cy='5' r='4' stroke-width='0.5' fill='transparent'%3e%3c/circle%3e%3c/defs%3e%3cuse xlink:href='%23circle' stroke='%23db0095' stroke-dasharray='0,-3.95,13.38,100' class=''%3e%3c/use%3e%3cuse xlink:href='%23circle' stroke='%23db0095' stroke-dasharray='0,6.47,12.50,50' class=''%3e%3c/use%3e%3c/svg%3e"); }

.b6-rd.rs1 {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style=' width: 164px; '%3e%3cdefs%3e%3ccircle id='circle' cx='5' cy='5' r='4' stroke-width='0.5' fill='transparent'%3e%3c/circle%3e%3c/defs%3e%3cuse xlink:href='%23circle' stroke='%23008bdb' stroke-dasharray='0,-3.95,13.38,100' class=''%3e%3c/use%3e%3cuse xlink:href='%23circle' stroke='%23008bdb' stroke-dasharray='0,6.47,12.50,50' class=''%3e%3c/use%3e%3c/svg%3e"); }

.b6-rd p {
  font-size: 21px;
  font-weight: 700; }

.b6-rd:before {
  content: "";
  height: 8px;
  background: #757575;
  width: 118px;
  position: absolute;
  left: 159px;
  top: 0;
  bottom: 0;
  margin: auto; }

.b6-rd.rs3:before {
  display: none; }

.b7 p.b4-t1 {
  padding: 9px 14px 3px; }

p.b8-z1 {
  text-align: center;
  color: #ff050b;
  font-size: 44px;
  font-family: 'placard';
  letter-spacing: 17px;
  margin: 0 0 0;
  font-weight: 700; }

p.b8-z2 {
  text-align: center;
  margin: 6px 0 0;
  color: #0b79ff;
  font-family: 'placard';
  font-size: 36px;
  letter-spacing: 13px;
  font-weight: 700; }

p.b8-z2 span {
  color: #000; }

.b8 {
  padding: 40px 0 36px; }

.b8-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 72px 0 0; }

.b8-item {
  width: 100%;
  max-width: 295px; }

.b8-img {
  height: 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

p.b8-t1 {
  color: #3c9a5c;
  font-size: 18px;
  font-weight: 700;
  margin: 61px 0 0; }

p.b8-t2 {
  font-weight: 800;
  font-size: 18px;
  line-height: 21px; }

.b8-item:nth-child(2) .b8-img:before {
  height: 4px;
  content: "";
  display: block;
  width: 524px;
  background: url(../img/line2.png) center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -26px; }

.b9-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
  padding: 46px 0 69px; }

p.b9-t1 {
  font-size: 24px;
  color: #1f81ff;
  font-weight: 700;
  margin: 0;
  margin: 0 0 7px; }

.b9-t2 {
  color: #000205;
  font-size: 24px;
  font-weight: 600; }

.b9 .zg {
  font-family: 'placard';
  font-size: 31px;
  letter-spacing: 7px;
  color: #000; }

.b9 .zg span {
  color: #78c695; }

.b9 {
  padding: 28px 0 0; }

.ft {
  background: #000;
  color: #fff;
  padding: 40px 0 49px; }

.ft-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.ft-box p {
  font-size: 24px;
  margin: 0 0 6px; }

.ft-rg p {
  text-align: right; }

.zk {
  width: 100% !important;
  max-width: 430px !important; }

.zk-logo img {
  max-width: 100%;
  display: table;
  margin: 0 auto; }

.zk-main p {
  text-align: center;
  font-size: 21px;
  color: #4d5055;
  font-weight: 700; }

p.zk-t1 {
  padding: 20px 0 0; }

.zk-main form {
  width: 100%;
  max-width: 270px;
  margin: 0 auto; }

.zk-main input {
  width: 100%;
  background: #e0e0e0;
  border: 1px solid #90938d;
  text-indent: 17px;
  line-height: 43px;
  font-size: 25px;
  font-family: Magic;
  font-weight: 600;
  margin: 17px 0 0; }

.zk-main button {
  background: #00a5f4;
  cursor: pointer;
  font-family: Magic;
  font-weight: 600;
  font-size: 31px;
  color: #4d5055;
  border: 0;
  width: 100%;
  line-height: 44px;
  margin: 21px 0 0; }

.zk-main button:hover {
  color: #fff; }

.zk-main textarea {
  width: 100%;
  background: #e0e0e0;
  border: 1px solid #90938d;
  text-indent: 17px;
  line-height: 43px;
  font-size: 25px;
  font-family: Magic;
  font-weight: 600;
  margin: 17px 0 0;
  height: 93px;
  max-width: 100%;
  line-height: 26px;
  min-width: 100%;
  text-indent: 0;
  padding: 12px 17px; }

.b2 {
  padding: 46px 0 0;
  margin: -39px 0 0; }
  p.ths-t1 {
    text-align: center;
    font-size: 29px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 0;
}

.telega a {
	display: block;
	background: red;
	color:white;
	text-decoration: none;
	width:300px;
	padding: 0 20px;
	margin:0 auto;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	 border-radius: 5px;
    /*text-indent: 14px;*/
    line-height: 46px;*
    box-shadow: 9px 5px 25px rgba(0, 0, 0, 0.22);
}
.telega a:hover {
	background: #e00909;
}

p.ths-t2 {
    text-align: center;
    font-size: 21px;
    margin: 5px 0 0;
}
@media only screen and (max-width: 680px) {
  .main {
    width: 310px; }
  .logo {
    margin: 0 auto; }
  a.tel {
    margin: 23px auto 10px; }
  .b1-box1 ul {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 14px 0 0; }
  .b1-box1 ul a {
    font-size: 12px; }
  .b1-box1 ul li a {
    font-size: 19px;
    margin: 0 0; }
  .b1-box1 ul li {
    margin: 0 0 0; }
  p.b1-t1 {
    font-size: 29px;
    letter-spacing: 3px; }
  .b1-bx p {
    font-size: 27px;
    line-height: initial;
    padding: 0 0 28px; }
  .b4-form form {
    width: 80%;
    margin: 0 auto; }
  .b4-form form input {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px; }
  .b4-form form button {
    width: 100%;
    max-width: 100%; }
  .b4-rg {
    margin: 20px 0 0; }
  .b4-lft {
    text-align: center;
    display: table;
    margin: 0 auto; }
  .b5-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .b6-rd {
    margin: 0 auto; }
  .b6-rd:before {
    display: none; }
  .b6-item img {
    margin: 0 auto; }
  .b6-item {
    margin: 0  0 44px; }
  p.b8-z1 {
    letter-spacing: 6px; }
  p.b8-z1 {
    letter-spacing: 5px; }
  p.b8-z2 {
    letter-spacing: 4px; }
  .b8-item:nth-child(2) .b8-img::before {
    display: none; }
  .b9-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .b9-it {
    margin: 0 0 19px; }
  .ft-box p {
    text-align: center; }
  .ft-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .zk {
    padding: 41px 0 24px !important; } }

@media screen and (min-width: 549px) and (max-width: 680px) {
  .main {
    width: 540px; }
  .box-form {
    margin: 0 auto; }
  .b1-bx {
    text-align: center; }
  .b1-bx p {
    margin: 0 auto; }
  .b6-item {
    width: 29%;
    padding: 0 11px; }
  .b6-tx {
    font-size: 14px; }
  .b8-item {
    width: 28%; }
  .b9-t2 {
    font-size: 18px; }
  .b9-it {
    margin: 0 20px 0; } }

@media screen and (max-width: 980px) and (min-width: 681px) {
  .main {
    width: 680px; }
  .b1-box1 ul li a {
    font-size: 20px; }
  .b1-box1 ul li {
    margin: 0 3px; }
  .b1-box1 ul {
    margin: 0 0 0 0; }
  .logo img {
    height: 26px; }
  .b1-bx p {
    font-size: 23px; }
  .b3-lf p {
    font-size: 34px; }
  p.b4-t2 {
    font-size: 29px; }
  p.b4-t1 {
    font-size: 20px; }
  .b4-rg {
    max-width: 455px; }
  .b4-form input {
    max-width: 127px; }
  .b4-form form {
    width: 94%; }
  .b6-box {
    zoom: 0.8; }
  .b8-box {
    zoom: 0.7; } }

@media screen and (min-width: 981px) and (max-width: 1169px) {
  .main {
    width: 980px; } }