h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
  text-align: right;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 56px;
  line-height: 36px;
  font-weight: 700;
}

a {
  text-decoration: none;
}

.body {
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
}

.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1440px;
  height: 110px;
  max-width: 1440px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section._01 {
  background-color: #e6ebf1;
  background-image: url('../images/sale.png');
  background-position: -20% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.section.grey {
  background-color: #e6ebf1;
}

.section.soc {
  background-color: #e6ebf1;
}

.section.blue {
  background-color: #003167;
}

.logo {
  width: 25%;
  height: 100%;
  background-image: url('../images/logo.svg');
  background-position: 0% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.topcontacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.topaddress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p01 {
  font-family: 'Open Sans', sans-serif;
  color: #003167;
  font-size: 18px;
  font-weight: 600;
  text-align: right;
}

.topphone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.icon-w {
  width: 10%;
  height: 30px;
  background-image: url('../images/whatsapp.svg');
  background-position: 0% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ph01 {
  font-family: Roboto, sans-serif;
  color: #f21f0e;
  font-size: 30px;
  font-weight: 700;
}

.slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1440px;
  height: 440px;
  max-width: 1440px;
  padding-right: 100px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-image: url('../images/tooth.gif');
  background-position: 90% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.slideinfo {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  padding-top: 62px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.text01 {
  margin-bottom: 28px;
}

.h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Roboto Slab', sans-serif;
  color: #003167;
  font-size: 72px;
  text-align: left;
}

.heading {
  color: #003167;
  font-size: 46px;
}

.text02 {
  padding-top: 20px;
  border-top: 4px solid #003167;
}

.p1 {
  font-family: Roboto, sans-serif;
  color: #003167;
  font-size: 26px;
  font-weight: 500;
}

.about {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 140px;
  max-width: 1440px;
  border-radius: 10px;
  background-color: #eff7ff;
  box-shadow: 1px 1px 20px 0 rgba(40, 55, 115, 0.25);
}

.divabt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: flex;
  width: 58%;
  height: 100%;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.about1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
}

.udal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 120px;
  max-width: 1440px;
  padding-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 10px;
  border: 1px solid #f21f0e;
}

.udal1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 120px;
  max-width: 1440px;
  padding-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}


.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.about1._01 {
  width: 45%;
}

.about1._02 {
  width: 55%;
}

.man {
  width: 25%;
  height: 100%;
  padding-bottom: 25px;
}

.aboutinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  padding-top: 22px;
  padding-bottom: 21px;
  padding-left: 14px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.p2 {
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #003167;
  font-size: 20px;
  font-weight: 700;
}

.p2.white {
  color: #fff;
}

.abtimg {
  width: 30%;
}

.abtimg._01 {
  background-image: url('../images/abt1.png');
  background-position: 100% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.abtimg._02 {
  background-image: url('../images/abt2.png');
  background-position: 100% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.abttxt1 {
  width: 100%;
}

.p3 {
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #003167;
  font-size: 17px;
}

.p30 {
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #003167;
  font-size: 14px;
}

.button1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 72px;
  margin-top: 60px;
  margin-bottom: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 36px;
  background-color: #7cdd3f;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
}

.button1:hover {
  background-color: #60a72f;
}

.button1._02 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.button1.pop {
  margin-top: 0px;
  margin-bottom: 0px;
}

.team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1440px;
  height: 700px;
  max-width: 1440px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.teamimg {
  width: 49%;
  height: 80%;
  background-image: url('../images/image-55.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.teaminfo {
  width: 49%;
}

.teamtitle {
  width: 100%;
}

.p4 {
  font-family: 'Roboto Slab', sans-serif;
  color: #003167;
  font-size: 38px;
  line-height: 46px;
  font-weight: 700;
}

.p4.white {
  color: #fff;
}

.p5 {
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #003167;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}

.p5.red {
  color: #f21f0e;
}

.p5.white {
  color: #fff;
  text-align: center;
}

.teamtxt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 20px;
}

.teamico {
  width: 5%;
  height: 24px;
  background-image: url('../images/icocheck.svg');
  background-position: 0% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.teamico2 {
  width: 50px;
  height: 50px;
  background-image: url('../images/time.png');
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.teamico3 {
  width: 50px;
  height: 50px;
  background-image: url('../images/teeth.png');
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.teamtext {
  width: 95%;
}

.p6 {
  font-family: Roboto, sans-serif;
  color: #000;
  font-size: 23px;
  line-height: 150%;
}

.sale {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1440px;
  height: 258px;
  max-width: 1440px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-image: url('../images/sale2.png');
  background-position: 100% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.saletitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.p7 {
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #f21f0e;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
}

.p7.blue {
  color: #003167;
}

.p8 {
  font-family: Roboto, sans-serif;
  color: #003167;
  font-size: 30px;
  line-height: 30px;
  text-decoration: line-through;
}

.p9 {
  font-family: Roboto, sans-serif;
  color: #000;
  font-size: 16px;
}

.steps {
  width: 1440px;
  max-width: 1440px;
  padding-top: 96px;
  padding-right: 10px;
  padding-left: 10px;
}

.title {
  width: 100%;
}

.title._01 {
  width: 70%;
  margin-top: 20px;
}

.title._02 {
  margin-bottom: 30px;
}

.stepsrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.step1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 215px;
  border-radius: 35px;
  background-color: #fff;
  box-shadow: 1px 1px 18px 0 rgba(0, 55, 116, 0.25);
}

.step1._01 {
  background-image: url('../images/stepimg1.png');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.step1._08 {
  background-image: url('../images/stepimg8.png');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.stepno {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  border-radius: 35px;
  background-color: #ccd7e3;
}

.p10 {
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
  text-align: center;
}

.stepname {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p11 {
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.p11.blue {
  margin-bottom: 0px;
  color: #003167;
}

.stepinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 84%;
  height: 100%;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 18px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.steptxt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 30px;
}

.p12 {
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 24px;
}

.p12.blue {
  color: #003167;
}

.p12.space {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 40px;
  color: #000;
}

.timeico {
  width: 10%;
  height: 30px;
  background-image: url('../images/timeico.svg');
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.timetxt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  padding-left: 3px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p13 {
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #7c7c7c;
  font-size: 16px;
  font-weight: 500;
}

.arrow {
  width: 5%;
  background-image: url('../images/arrow.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.step08 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 100px;
  margin-top: -59px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon8 {
  width: 16%;
  height: 100%;
  background-image: url('../images/8.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.text8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 84%;
  padding-left: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.app {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1440px;
  height: 245px;
  max-width: 1440px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 14px;
  background-color: #e6ebf1;
}

.appimg {
  width: 20%;
  height: 100%;
  background-image: url('../images/appimg.png');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.apptxt {
  width: 80%;
}

.appinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 62%;
  height: 120px;
  margin-top: -57px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.appinfo1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32%;
  height: 100%;
  border-radius: 10px;
  background-color: #003167;
}

.appinfo1.white {
  border: 2px solid #003167;
  background-color: #fff;
}

.appico {
  width: 20%;
  height: 100%;
}

.appico._01 {
  background-image: url('../images/time2.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.appico._02 {
  background-image: url('../images/smile.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.appico._03 {
  background-image: url('../images/warning.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.apptext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p14 {
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
}

.p14.red {
  color: #f21f0e;
}

.implants {
  width: 1440px;
  max-width: 1440px;
  margin-top: 148px;
  padding-right: 10px;
  padding-left: 10px;
}

.implantskind {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 42px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.implant {
  width: 32%;
  border-radius: 30px;
  box-shadow: 1px 1px 20px 0 rgba(0, 55, 116, 0.25);
}

.implanttop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 230px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  background-color: #fff;
}

.implanttop._01 {
  background-image: url('../images/astra.png');
  background-position: 50% 0%;
  background-size: auto;
  background-repeat: no-repeat;
}

.implanttop._02 {
  background-image: url('../images/inno.png');
  background-position: 50% 12%;
  background-size: auto;
  background-repeat: no-repeat;
}

.implanttop._03 {
  background-image: url('../images/Superline.png');
  background-position: 50% 12%;
  background-size: auto;
  background-repeat: no-repeat;
}

.implantname {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.implantbottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #ccd7e3;
}

.implantinfo {
  width: 100%;
  padding-top: 24px;
  padding-right: 16px;
  padding-left: 16px;
}

.implantifotitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 10px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.implantcheck {
  width: 10%;
  height: 26px;
  background-image: url('../images/icocheck.svg');
  background-position: 0% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.implantcheck1 {
  width: 10%;
  height: 26px;
  
  background-position: 0% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.implantitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p15 {
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #f21f0e;
  font-size: 28px;
  line-height: 32px;
  font-weight: 900;
}

.p15.center {
  text-align: center;
}

.warrantytitle {
  width: 1440px;
  max-width: 1440px;
  margin-top: 96px;
  margin-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px;
}

.warrantiinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1440px;
  max-width: 1440px;
  margin-top: 10px;
  margin-bottom: 40px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.warrantyblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  margin-top: 50px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.warrantyicon {
  width: 16%;
}

.warrantyicon._01 {
  background-image: url('../images/guarantee1.svg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.warrantyicon._02 {
  background-image: url('../images/guarantee2.svg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.warrantyicon._03 {
  background-image: url('../images/guarantee3.svg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.warrantyicon._04 {
  background-image: url('../images/guarantee4.svg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.warrantyinfo {
  width: 84%;
  padding-left: 10px;
}

.warrantytxt {
  width: 100%;
}

.priceblock {
  width: 1440px;
  max-width: 1440px;
  margin-top: 96px;
  margin-bottom: 56px;
  padding-right: 10px;
  padding-left: 10px;
}

.priceinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
}

.pricecard {
  width: 32%;
  margin-top: 30px;
}

.priceico {
  width: 100%;
  height: 72px;
  margin-bottom: 20px;
}

.priceico._01 {
  background-image: url('../images/google-docs1.svg');
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: no-repeat;
}

.priceico._02 {
  background-image: url('../images/google-docs2.svg');
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: no-repeat;
}

.priceico._03 {
  background-image: url('../images/google-docs3.svg');
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: no-repeat;
}

.pricetext {
  width: 100%;
}

.socblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1440px;
  max-width: 1440px;
  padding: 50px 10px;
}

.socinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.soctxt {
  width: 100%;
}

.socico {
  width: 80px;
  height: 80px;
  margin-left: 30px;
}

.socico.inst {
  background-image: url('../images/instagram.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.socico.vk {
  background-image: url('../images/vk.svg');
  background-position: 0px 0px;
  background-size: cover;
}

.socico.youtube {
  background-image: url('../images/youtube.svg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.offerblock {
  width: 1440px;
  max-width: 1440px;
  margin-top: 50px;
  padding-right: 10px;
  padding-left: 10px;
}

.offer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
}

.offercards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 66%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.offermain {
  width: 34%;
  background-image: url('../images/mainpage.png');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.offerlink {
  width: 33%;
  margin-bottom: 40px;
}

.offerimg {
  width: 100%;
  height: 150px;
}

.offerimg._01 {
  background-image: url('../images/o1.png');
  background-position: 50% 0%;
  background-size: auto;
  background-repeat: no-repeat;
}

.offerimg._02 {
  background-image: url('../images/o2.png');
  background-position: 50% 0%;
  background-size: auto;
  background-repeat: no-repeat;
}

.offerimg._03 {
  background-image: url('../images/o3.png');
  background-position: 50% 0%;
  background-size: auto;
  background-repeat: no-repeat;
}

.offerimg._04 {
  background-image: url('../images/o41.png');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.offerimg._05 {
  background-image: url('../images/o5.png');
  background-position: 50% 0%;
  background-size: auto;
  background-repeat: no-repeat;
}

.offerimg._06 {
  background-image: url('../images/o6.png');
  background-position: 50% 0%;
  background-size: auto;
  background-repeat: no-repeat;
}

.offertxt {
  margin-top: 20px;
}

.contactblock {
  width: 1440px;
  max-width: 1440px;
  margin-top: 96px;
  padding-right: 10px;
  padding-left: 10px;
}

.contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.contactcards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
}

.contacticon {
  width: 16%;
  height: 100px;
}

.contacticon._01 {
  background-image: url('../images/c-location.svg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.contacticon._02 {
  background-image: url('../images/c-phone.svg');
  background-position: 0% 0%;
  background-size: contain;
  background-repeat: no-repeat;
}

.contacticon._03 {
  background-image: url('../images/c-mail.svg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.contactinfo {
  width: 84%;
  padding-left: 20px;
}

.contacttxt {
  width: 100%;
}

.contactform {
  width: 50%;
}

.contactimg {
  width: 100%;
  height: 400px;
  background-image: url('../images/contactimage.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.map {
  width: 100%;
  height: 400px;
}

.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1440px;
  height: 160px;
  max-width: 1440px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.policy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ourwork {
  width: 1440px;
  max-width: 1440px;
  margin-top: 50px;
  padding-right: 10px;
  padding-left: 10px;
}

.works {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.workimg {
  width: 30%;
  height: 300px;
}

.workimg:hover {
  background-color: rgba(0, 0, 0, 0.34);
}

.workimg._01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: url('../images/w01.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.workimg._01:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.11)), to(rgba(0, 0, 0, 0.11))), url('../images/w01.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)), url('../images/w01.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.workimg._02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: url('../images/w02.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.workimg._02:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.34)), to(rgba(0, 0, 0, 0.34))), url('../images/w02.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url('../images/w02.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.workimg._03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: url('../images/w03.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.workimg._03:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.34)), to(rgba(0, 0, 0, 0.34))), url('../images/w03.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url('../images/w03.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.p16 {
  font-family: Roboto, sans-serif;
  color: #003167;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.popup {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.88);
}

.form {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 500px;
  padding: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  background-color: #fff;
}

.popuptitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.pp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.close {
  position: absolute;
  left: auto;
  top: 3%;
  right: 2%;
  bottom: auto;
  z-index: 1;
  width: 30px;
  height: 30px;
  background-image: url('../images/close.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.closepoup {
  position: absolute;
  width: 100%;
  height: 100vh;
}

.privatepolicyblock {
  width: 1440px;
  max-width: 1440px;
}

.pp-text {
  width: 100%;
}

.contact-formblock {
  width: 100%;
}

.c-phone {
  width: 45%;
}

.form-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 30px;
  padding-right: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.butdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pp-c {
  width: 100%;
  margin-top: 20px;
}

.button2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  height: 72px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 36px;
  background-color: #7cdd3f;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
}

.button2:hover {
  background-color: #60a72f;
}

.afterbefore {
  width: 30%;
  height: 40px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

.form-block-2 {
  width: 100%;
}

.ph {
  width: 48%;
}

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

.ph2 {
  width: 100%;
  margin-top: 22px;
}

.text-field-2 {
  height: 50px;
  border-style: none none solid;
  border-width: 2px;
  border-color: #003167;
  background-color: #ebebeb;
}

.text-field-2:focus {
  background-color: #fff;
}

.select-field {
  height: 50px;
  border-style: none none solid;
  border-width: 2px;
  border-color: #003167;
  background-color: #ebebeb;
}

.select-field:focus {
  background-color: #fff;
}

.buttondiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80px;
  margin-top: 26px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.success {
  background-color: #003167;
}

.textarea {
  border-bottom: 2px solid #003167;
  background-color: #ebebeb;
}

.textarea:focus {
  background-color: #fff;
}

.otzblock {
  display: none;
  width: 1440px;
  max-width: 1440px;
  margin-top: 70px;
  margin-bottom: 50px;
}

.slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 300px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-color: transparent;
}

.slide-2 {
  width: 50%;
}

.otzimg {
  width: 30%;
  height: 100%;
}

.otzimg._01 {
  background-image: url('../images/otz01.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.otzimg._02 {
  background-image: url('../images/otz02.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.mask {
  width: 100%;
}

.otzinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  height: 100%;
  padding-left: 40px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.otzslide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-right: 60px;
  padding-left: 60px;
}

.otzname {
  width: 100%;
}

.button3 {
  width: 130px;
  height: 40px;
  border: 2px solid #003167;
  border-radius: 20px;
  background-color: transparent;
  font-family: Roboto, sans-serif;
  color: #003167;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.slide-nav {
  display: none;
}

.icon {
  margin-left: 0px;
  color: #003167;
}

.icon-2 {
  margin-right: 0px;
  color: #003167;
}

.left-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.videootzyv1 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9;
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.88);
}

.videodiv {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: auto;
  padding: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  background-color: #fff;
}

.closevideo {
  position: absolute;
  width: 100%;
  height: 100vh;
}

.video1 {
  width: 100%;
  height: 100%;
}

.videootzyv2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9;
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.88);
}

.video2 {
  width: 100%;
  height: 100%;
}

.manimg {
  width: 100%;
  height: 100%;
  background-image: url('../images/man.png');
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.background-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: block;
  width: 1440px;
  height: 100%;
  max-width: 1440px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.image {
  width: 38%;
  height: auto;
}

.image-2 {
  position: relative;
  z-index: -1;
  width: 400px;
  height: 500px;
}

.popup-send {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.88);
}

.closesendpoup {
  position: absolute;
  width: 100%;
  height: 100vh;
}

.sendcontent {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 500px;
  padding: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-color: #fff;
}

.red {
  color: #f21f0e;
}

.topaddress-m {
  display: none;
  width: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.docssec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1440px;
  max-width: 1440px;
  margin-bottom: 60px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.docsdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #003167;
  border-radius: 10px;
  background-color: #fff;
}

.docsdiv.white {
  border: 2px solid #003167;
  background-color: #fff;
}

.doctitle {
  display: block;
}

.text-span {
  color: #f21f0e;
}

.doctext {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}

.docico {
  width: 15%;
  height: 80%;
  background-image: url('../images/medal1.svg');
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.docico.tablet {
  display: none;
}

.docinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bold-text {
  color: #003167;
}

.docplus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.docpluscard {
  width: 16%;
}

.docpluscard._20 {
  width: 22%;
}

.plus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mainfooter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1440px;
  max-width: 1440px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.sale1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  height: 300px;
  margin-top: 0px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #f21f0e;
  border-radius: 10px;
  background-image: url('../images/toothsl.png');
  background-position: 100% 100%;
  background-size: auto;
  background-repeat: no-repeat;
}

.titlesale1 {
  width: 100%;
  margin-top: 20px;
}

.titlesale1.nm {
  margin-top: 0px;
}

.sale1-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35%;
  height: 140px;
  margin-right: 12px;
  padding: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  border-radius: 10px;
  background-color: #ccd7e3;
}

.usat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.usatimg {
  width: 100px;
  height: 100px;
  margin-right: 20px;
  background-image: url('../images/man.png');
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.sale1-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p17 {
  margin-bottom: 0px;
  font-family: Roboto, sans-serif;
  color: #f21f0e;
  font-size: 20px;
  line-height: 100%;
  font-weight: 400;
  text-align: center;
  text-decoration: line-through;
}

.p17.center {
  text-align: center;
}

@media screen and (max-width: 991px) {
  .section {
    padding-right: 16px;
    padding-left: 16px;
  }
  
  .udal {
    width: 100%;
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .divabt {
    width: 100%;
    height: 210px;
  }
  .section._01 {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
  }

  .logo {
    width: 35%;
    background-size: contain;
  }

  .logo.foot {
    width: 25%;
  }

  .topcontacts {
    width: 50%;
  }

  .about {
    width: 100%;
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .about1 {
    width: 33%;
    height: auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .man {
    width: 20%;
    height: 100%;
    background-image: none;
  }

  .aboutinfo {
    width: 75%;
    margin-top: 0px;
  }

  .p2 {
    font-size: 16px;
  }

  .abtimg {
    width: 20%;
  }

  .abtimg._01 {
    width: 25%;
    background-size: contain;
  }

  .abtimg._02 {
    background-size: contain;
  }

  .p3 {
    font-size: 14px;
  }

  .team {
    height: auto;
    margin-bottom: 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .teamimg {
    width: 100%;
    height: 400px;
  }

  .teaminfo {
    width: 100%;
    padding-top: 20px;
  }

  .p4 {
    font-size: 30px;
    line-height: 36px;
  }

  .p5 {
    font-size: 20px;
    line-height: 26px;
  }

  .p5.white {
    font-size: 18px;
  }

  .p6 {
    font-size: 18px;
  }

  .sale {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-size: contain;
  }

  .saletitle {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .title._01 {
    width: 100%;
  }

  .step1 {
    height: 360px;
  }

  .p12 {
    font-size: 16px;
  }

  .p12.space {
    padding-left: 0px;
  }

  .timeico {
    width: 20%;
  }

  .timetxt {
    width: 80%;
  }

  .icon8 {
    background-size: contain;
  }

  .app {
    height: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .apptxt {
    padding-left: 20px;
  }

  .appinfo {
    width: 100%;
    height: 120px;
    margin-top: -25px;
  }

  .p14 {
    font-size: 16px;
  }

  .implants {
    margin-top: 144px;
  }

  .implanttop {
    height: 200px;
  }

  .implanttop._01 {
    background-size: 90%;
  }

  .implanttop._02 {
    background-size: 90%;
  }

  .implanttop._03 {
    background-size: 90%;
  }

  .implantcheck {
    width: 20%;
  }
  
    .implantcheck1 {
    width: 20%;
  }

  .implantitem {
    width: 80%;
  }

  .p15 {
    font-size: 28px;
  }

  .warrantyicon._01 {
    background-size: contain;
  }

  .warrantyicon._02 {
    background-size: contain;
  }

  .warrantyicon._03 {
    background-size: contain;
  }

  .warrantyicon._04 {
    background-size: contain;
  }

  .offercards {
    padding-right: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .offermain {
    background-size: contain;
  }

  .offerlink {
    width: 30%;
  }

  .offerimg {
    height: 100px;
  }

  .offerimg._01 {
    background-size: contain;
  }

  .offerimg._02 {
    background-size: contain;
  }

  .offerimg._03 {
    background-size: contain;
  }

  .offerimg._04 {
    background-size: contain;
  }

  .offerimg._05 {
    background-size: contain;
  }

  .offerimg._06 {
    background-size: contain;
  }

  .contactcards {
    width: 32%;
  }

  .contacticon._01 {
    background-size: contain;
  }

  .contacticon._02 {
    background-size: contain;
  }

  .contacticon._03 {
    background-size: contain;
  }

  .contactimg {
    height: 300px;
  }

  .policy {
    width: 40%;
  }

  .workimg {
    height: 200px;
  }

  .p16 {
    font-size: 14px;
  }

  .popup {
    display: none;
  }

  .form {
    width: 90%;
  }

  .slide-2 {
    width: 100%;
  }

  .videootzyv1 {
    display: none;
  }

  .videodiv {
    width: 90%;
  }

  .videootzyv2 {
    display: none;
  }

  .popup-send {
    display: none;
  }

  .sendcontent {
    width: 90%;
  }

  .docssec {
    height: auto;
    margin-bottom: 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .docsdiv {
    padding-right: 10px;
    padding-left: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .doctitle {
    width: 80%;
  }

  .doctext {
    width: 100%;
    padding-right: 0px;
  }

  .docico {
    display: none;
    width: 10%;
    height: 100px;
  }

  .docico.tablet {
    display: block;
    width: 20%;
  }

  .docinfo {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .docplus {
    padding-left: 0px;
  }

  .mainfooter {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .sale1 {
    width: 100%;
    height: 280px;
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .sale1-01 {
    height: 120px;
  }

  .usat {
    padding-left: 10px;
  }

  .p17 {
    font-size: 20px;
  }
}

@media screen and (max-width: 479px) {
  .top {
    height: auto;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .divabt {
    height: 400px;
    width: 100%;
  }

  .udal {
    padding: 10px;
  }

  .section._01 {
    padding-bottom: 20px;
  }

  .logo {
    width: 100%;
    height: 40px;
    background-position: 50% 0%;
  }

  .logo.foot {
    width: 50%;
  }

  .topcontacts {
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .topaddress {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .topphone {
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .icon-w {
    width: 12%;
  }

  .phone {
    width: 90%;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .ph01 {
    font-size: 26px;
  }

  .slide {
    height: auto;
    margin-bottom: 30px;
    padding-right: 0px;
    padding-left: 0px;
    background-position: 50% 50%;
    background-size: 160px 210px;
  }

  .slideinfo {
    width: 100%;
    height: auto;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }

  .text01 {
    margin-top: 7px;
  }

  .h1 {
    font-size: 40px;
  }

  .heading {
    margin-top: 0px;
    font-size: 25px;
  }

  .text02 {
    margin-top: -20px;
    padding-top: 10px;
  }

  .p1.red {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 26px;
  }

  .about {
    padding: 10px;
  }

  .about1 {
    width: 100%;
    height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .about1._01 {
    width: 100%;
  }

  .about1._02 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .man {
    width: 80px;
    height: 80px;
    padding-bottom: 0px;
  }

  .aboutinfo {
    width: 244px;
    height: 86px;
    margin-top: -2px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .abtimg {
    width: 80px;
    height: 80px;
  }

  .p3 {
    font-size: 13px;
  }

  .button1 {
    height: 60px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
  }

  .button1._02 {
    width: 100%;
    height: 60px;
    margin-top: 28px;
  }

  .team {
    padding-right: 0px;
    padding-left: 0px;
  }

  .teamimg {
    height: 260px;
  }

  .p4 {
    font-size: 26px;
  }

  .p4.s {
    font-size: 23px;
  }

  .p5 {
    line-height: 24px;
  }

  .p5.white {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }

  .teamtxt {
    margin-top: 20px;
  }

  .teamico {
    width: 10%;
  }

  .p6 {
    font-size: 14px;
    line-height: 20px;
  }

  .sale {
    height: auto;
    padding-top: 20px;
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
  }

  .saletitle {
    height: auto;
  }

  .p7 {
    font-size: 22px;
  }

  .p8 {
    font-size: 22px;
  }

  .steps {
    padding-top: 60px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .stepsrow {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .step1 {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }

  .step1._01 {
    height: 140px;
    background-size: cover;
  }

  .step1._08 {
    height: 140px;
    background-position: 0% 50%;
    background-size: cover;
  }

  .stepinfo {
    height: auto;
    padding-top: 10px;
    padding-right: 6px;
    padding-bottom: 10px;
  }

  .steptxt {
    height: auto;
    margin-bottom: 10px;
  }

  .p12.pad {
    padding-left: 2px;
  }

  .p12.space {
    margin-top: 10px;
    padding-left: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .timeico {
    width: 15%;
  }

  .timetxt {
    width: 85%;
    padding-left: 0px;
  }

  .step08 {
    width: 100%;
    margin-top: 0px;
  }

  .text8 {
    padding-left: 10px;
  }

  .app {
    padding-top: 20px;
  }

  .appimg {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    background-size: cover;
  }

  .apptxt {
    width: 100%;
    padding-left: 0px;
  }

  .appinfo {
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .appinfo1 {
    width: 100%;
    height: 100px;
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .apptext {
    padding-left: 20px;
  }

  .implants {
    margin-top: 40px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .implantskind {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .implant {
    width: 100%;
    margin-top: 30px;
  }

  .implanttop._02 {
    background-size: 66%;
  }

  .implantcheck {
    width: 12%;
  }
  
    .implantcheck1 {
    width: 12%;
  }

  .implantitem {
    width: 88%;
  }

  .p15 {
    font-size: 26px;
  }

  .warrantytitle {
    margin-top: 60px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .warrantiinfo {
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .warrantyblock {
    width: 100%;
    margin-top: 20px;
  }

  .warrantyicon {
    width: 14%;
    margin-top: 4px;
  }

  .warrantyinfo {
    width: 86%;
  }

  .warrantytxt {
    margin-bottom: 10px;
  }

  .priceblock {
    margin-top: 60px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .priceinfo {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .pricecard {
    width: 100%;
    margin-top: 20px;
  }

  .priceico {
    height: 50px;
    margin-bottom: 10px;
  }

  .priceico._01 {
    background-size: contain;
  }

  .priceico._02 {
    background-size: contain;
  }

  .priceico._03 {
    background-size: contain;
  }

  .pricetext {
    margin-top: 5px;
  }

  .socblock {
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .socinfo {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .socinfo.icons {
    margin-top: 20px;
  }

  .socico {
    width: 30%;
    margin-left: 0px;
  }

  .socico.inst {
    background-position: 0% 50%;
  }

  .socico.vk {
    background-position: 0% 50%;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .socico.youtube {
    background-position: 100% 50%;
    background-size: cover;
  }

  .offerblock {
    padding-right: 0px;
    padding-left: 0px;
  }

  .offer {
    margin-top: 20px;
    margin-bottom: 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .offercards {
    width: 100%;
    padding-right: 0px;
  }

  .offermain {
    width: 100%;
    height: 300px;
    background-position: 0% 50%;
  }

  .offerlink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }

  .offerimg {
    width: 30%;
  }

  .offertxt {
    width: 70%;
    margin-top: 0px;
    padding-left: 20px;
  }

  .contactblock {
    margin-top: 60px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .contacts {
    margin-top: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .contactcards {
    width: 100%;
    margin-bottom: 20px;
  }

  .contacticon {
    height: 60px;
  }

  .contactinfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .contactform {
    width: 100%;
  }

  .footer {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .license {
    width: 100%;
  }

  .policy {
    width: 100%;
  }

  .ourwork {
    padding-right: 0px;
    padding-left: 0px;
  }

  .works {
    margin-top: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .workimg {
    width: 100%;
    margin-top: 20px;
  }

  .workimg._01 {
    width: 100%;
  }

  .p16 {
    font-size: 13px;
    line-height: 16px;
  }

  .popup {
    display: none;
  }

  .form {
    height: auto;
  }

  .close {
    top: 1%;
  }

  .c-phone {
    width: 100%;
  }

  .form-block {
    padding-right: 0px;
  }

  .butdiv {
    margin-top: 0px;
  }

  .pp-c {
    margin-top: 0px;
  }

  .button2 {
    height: 60px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
  }

  .ph {
    width: 100%;
  }

  .ph2 {
    margin-top: 0px;
  }

  .slider {
    height: auto;
  }

  .otzimg._01 {
    width: 100%;
    height: 200px;
    background-size: cover;
  }

  .otzinfo {
    width: 100%;
    padding-left: 0px;
  }

  .otzslide {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .otzname {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 13px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .left-arrow {
    display: none;
  }

  .right-arrow {
    display: none;
  }

  .videootzyv1 {
    display: none;
  }

  .videodiv {
    height: auto;
  }

  .videootzyv2 {
    display: none;
  }

  .popup-send {
    display: none;
  }

  .sendcontent {
    height: auto;
  }

  .topaddress-m {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .docssec {
    padding-right: 0px;
    padding-left: 0px;
  }

  .docsdiv {
    width: 100%;
    height: auto;
    margin-top: 15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .doctext {
    margin-top: 0px;
  }

  .docico {
    display: none;
    width: 100%;
    height: 70px;
    background-position: 0% 50%;
  }

  .docinfo {
    width: 100%;
    margin-bottom: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .docplus {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .docpluscard {
    width: 100%;
  }

  .docpluscard._20 {
    width: 100%;
  }

  .mainfooter {
    width: 100%;
  }

  .sale1 {
    height: 250px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .titlesale1 {
    margin-top: 10px;
  }
  
  .titlesale1.nm {
    margin-top: 0px;
  }

  .sale1-01 {
    width: 49%;
    height: 124px;
    margin-right: 0px;
    padding-right: 4px;
    padding-left: 4px;
  }

  .usat {
    width: 100%;
    padding-left: 0px;
  }

  .usatimg {
    width: 100px;
    height: 80px;
    margin-right: 10px;
  }

  .p17 {
    font-size: 18px;
  }
}