* {
  margin: 0;
  padding: 0;
  box-sizing: content-box;
}

body {
  font-family: sans-serif;
  font-family: inherit;
  transition: 0.6s;
}

img {
  width: 100%;
}

ul > li,
a {
  text-decoration: none;
  list-style-type: none;
}

i {
  margin-right: 13px;
}

iframe {
  width: 100%;
}

/* BLOCK_MENU */
.main_container {
  margin: 0 auto;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.header {
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  background-color: #1a1a1a;
}

.set {
  color: #888888;
  font-size: 17px;
}

.set:hover {
  color: #ad957b;
}

.date_time {
  display: flex;
  font-size: 18px;
}

.date {
  margin-left: 35px;
}

.hov_date {
  color: white;
}

.hov_date:hover {
  color: #ad957b;
}

.info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 30px;
}

.logo {
  width: 265px;
  height: 75px;
}

.main_menu {
  border-top: 1px solid #888888;
  width: 100%;
  display: flex;
  place-content: center;
  margin-top: 32px;
}

.logo {
  margin-top: 35px;
}

.main_menu > ul {
  display: flex;
  padding: 19px;
}

.main_menu > ul > li {
  margin: 15px 30px;
}

/* BLOCK_TITLE */

.title {
  text-align: center;
  color: white;
  background-image: url(./img/angel.jpg);
  background-position: center;
  background-size: cover;
  border-top: 1px solid #888888;
}

.title > h3 {
  font-size: 40px;
  line-height: 1.4em !important;
  letter-spacing: 1px !important;
  font-weight: 400;
  font-family: Lora, serif;
  padding-top: 250px;
}

.title > h1 {
  font-size: 120px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.title button {
  margin-bottom: 250px;
  margin-top: 40px;
}

.all_button {
  width: 180px;
  height: 60px;
  background-color: #ad957b;
  border-color: #ad957b;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  color: white;
  letter-spacing: 2px;
  font-size: 15px;
  cursor: pointer;
}

.all_button:hover {
  background-color: white;
  border-color: white;
  color: #888888;
}

.main_about {
  background-color: #1a1a1a;
}

.about {
  background-color: #d8d8d8;
  text-align: center;
}

h4 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.89;
  color: #ad957b;
  padding-top: 40px;
}

h2 {
  color: #2f2c2f;
  font-weight: 400;
  font-size: 31px;
  line-height: 1.333;
  font-family: Lora, serif;
  letter-spacing: 0em;
  font-size: 51px;
}

.abText {
  display: flex;
  text-align: start;
  justify-content: space-between;
}

p {
  color: #2f2c2f;
  hyphens: auto;
  line-height: 1.85;
  font-family: Lato, sans-serif;
  letter-spacing: 0.01em;
  margin-bottom: 0;
  margin: 0;
}
.abText > div {
  padding: 40px;
}

.abouT1,
.abouT2 {
  width: 50%;
}

.ptb100 {
  padding: 100px 0px;
}

.aBut {
  margin: 60px;
}

.why {
  background-color: #1a1a1a;
  text-align: center;
}

.whyDiv {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.whyText {
  padding: 30px;
  width: 30%;
}

.whyH4 {
  font-size: 24px;
  padding: 0px;
  margin-bottom: 17px;
}

.whyH4:hover {
  color: white;
}

.whyP {
  line-height: 1.85;
  font-family: Lato, sans-serif;
  letter-spacing: 0.01em;
  color: #888888;
}

.main_service {
  background-color: #1a1a1a;
}

.service {
  display: flex;
  text-align: center;
  height: 600px;
  padding-top: 90px;
}

.serBg1 {
  background-image: url(./img/bg1.jpg);
  background-size: cover;
  background-position: center;
  width: 50%;
  padding: 130px 0px;
}

.serBg2 {
  background-image: url(./img/bg2.jpg);
  background-size: cover;
  background-position: center;
  width: 50%;
  padding: 100px 0;
}

.serH4 {
  font-size: 38px;
}

.serHov {
  padding: 80px 70px;
  font-size: 23px;
}

.serH41 {
  font-size: 27px;
}

.serHov1 {
  padding: 85px 70px;
}

.feedback {
  background-image: url(./img/bg3-1.jpg);
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 80px 0px;
}

.feedBut {
  margin-top: 40px;
  text-align: center;
}

.main_help {
  text-align: center;
  background-color: #1a1a1a;
}

.help_cont {
  background-color: #d8d8d8;
}

.helpCon {
  text-align: left;
  display: flex;
  margin-top: 40px;
}

.para {
  width: 500px;
}

.help1 {
  padding: 0px 150px 45px 30px;
}

.help2 {
  padding: 15px 30px 0px 0px;
}

.mt30 {
  margin-top: 20px;
}

.helpBut {
  margin-top: 25px;
}

.main_pam {
  text-align: center;
  background-color: #1a1a1a;
  padding-top: 100px;
}

.pam_item {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.pam_img {
  height: 300px;
  width: 260px;
}
.date_h2 {
  font-size: 14px;
  color: white;
  font-family: Lato, sans-serif;
  font-weight: 400;
}

.main_otziv {
  background-color: #1a1a1a;
  padding-top: 200px;
  padding-bottom: 100px;
}

.otziv {
  background-image: url(./img/bg5.jpg);
  background-size: cover;
  background-position: center;
  text-align: center;
}

.otzP {
  width: 75%;
  margin: 25px auto 0px auto;
}

.otzH4 {
  padding: 20px 0px 10px 0px;
  font-size: 27px;
}

.main_foot {
  background-color: black;
  height: 120px;
  display: flex;
  align-items: center;
}

.foot {
  display: flex;
  justify-content: space-between;
}

.foot_span {
  color: #888888;
}

/* GALLERY */

.tittle_gallery {
  background-image: url(./img/bg3-1.jpg);
  background-position: center;
  background-size: cover;
  text-align: center;
}

.gall_h2 {
  padding: 70px 0px;
  color: white;
  letter-spacing: 0.2em;
}

.main_gallery {
  background-color: #1a1a1a;
}

.gallery_items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.item1 {
  overflow: hidden;
  width: 23%;
}

.item2 {
  overflow: hidden;
  width: 23%;
}

.item3 {
  overflow: hidden;
  width: 23%;
}

.gallery_item {
  margin-bottom: 10px;
}

.gallery_item > img {
  border-radius: 3px;
  width: 100%;
  height: 100%;
}

.gallery_item:hover {
  box-shadow: 0px 0px 10px 0px #fff;
  cursor: pointer;
}

.firstH2 {
  padding-top: 20px;
}

.lastHelp2 {
  padding-bottom: 20px;
}

/* CONTACT */

.main_contact {
  background-color: #1a1a1a;
  border-top: 1px solid #888888;
  padding: 40px 0;
}

.contact {
  display: flex;
}

.conH6 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.35;
  font-family: Lora, serif;
  letter-spacing: 0em;
  color: white;
  text-align: center;
  margin-bottom: 35px;
}

.conH4 {
  font-weight: 400;
  font-size: 17px;
  line-height: 1.89;
  font-family: Lato, sans-serif;
  letter-spacing: 0em;
  color: white;
  padding-top: 0;
}

.conTel:hover {
  color: #ad957b;
}

.conP {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.85;
  font-family: Lato, sans-serif;
  letter-spacing: 0.01em;
  color: #888888;
  margin-top: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mt60 {
  margin-top: 60px;
  width: 100%;
}

.form_contact {
  margin-left: 80px;
  width: 100%;
}

.conInput {
  padding: 20.5px 20px;
  border: 1px solid #f8f8f8;
  background-color: #f8f8f8;
  font-size: 0.875rem;
  line-height: 1.2143;
  font-style: italic;
  transition: 0.3s;
  border-radius: 3px;
  width: 100%;
}

.pb50 {
  padding-bottom: 50px;
}

button.owl-next {
  font-size: 50px;
  width: 100px;
}

.owl-prev {
  font-size: 50px;
  width: 100px;
}

.halva {
  background-color: black;
}

.cards {
  display: flex;
  padding-top: 20px;
}

.cards > img {
  height: 50px;
  width: 80px;
  margin-right: 20px;
}

@media all and (max-width: 600px) {
  h2 {
    font-size: 35px;
  }
  .main_menu > ul {
    padding: 19px 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex-wrap: wrap;
  }
  .main_menu > ul > li {
    margin: 0;
  }
  .main_about {
    display: flex;
  }
  .why {
    display: flex;
  }
  .info {
    flex-direction: column;
    align-items: center;
  }
  .date_time {
    margin-top: 20px;
  }
  .title > h3 {
    font-size: 25px;
    padding-top: 100px;
  }
  .logo {
    text-align: center;
  }
  .title button {
    margin-bottom: 100px;
  }
  .title > h1 {
    font-size: 70px;
  }
  .abText {
    flex-direction: column;
    align-items: center;
  }
  .abouT1,
  .abouT2 {
    width: 90%;
    padding: 0;
    text-align: center;
  }
  .abText > div {
    padding: 0px;
    margin: 20px;
  }
  .aBut {
    margin: 20px;
  }
  .ptb100 {
    padding: 50px 0;
  }
  .whyDiv {
    flex-direction: column;
    align-items: center;
  }
  .whyText {
    width: 70%;
    padding: 0;
    margin: 30px 0;
  }
  .service {
    padding-top: 60px;
    flex-direction: column;
    height: auto;
  }
  .serBg1 {
    width: 100%;
    padding: 40px 0;
  }

  .serHov1 {
    margin: 40px 20px;
    padding: 0;
  }

  .serBg2 {
    width: 100%;
    padding: 50px 0;
  }
  .feedback h2 {
    font-size: 30px;
  }
  .main_pam {
    padding-top: 30px;
  }
  .pam_item {
    flex-direction: column;
  }
  .pam_img {
    height: auto;
    width: 60%;
  }
  .main_otziv {
    padding: 30px 0;
  }
  .halva .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .foot {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 20px;
  }
  .copu {
    margin: 20px 0;
  }
  .gallery_items {
    align-items: center;
    justify-content: center;
  }
  .gallery_item {
    width: 80%;
  }
  .contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .form_contact {
    margin: 20px 0;
    width: 100%;
  }
  .date_time {
    font-size: 16px;
  }
}