* {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.container {
  width: 1250px;
  height: auto;
  margin: auto;
}

.top {
  width: 1250px;
  height: 20px;
  background: rgb(83, 50, 3);
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  color: white;
  font-size: small;
}

.header {
  width: 1250;
  height: 70px;
  margin: 5px;
}

.logo {
  width: 255px;
  height: 70px;
  float: left;
}

.measure {
  width: 70px;
  height: 70px;
  float: left;
}

.measure > img {
  width: 70px;
  height: 70px;
}

.name {
  width: 175px;
  height: 45px;
  float: left;
  padding-top: 25px;
  padding-left: 10px;
  color: rgb(83, 50, 3);
}

.middle {
  width: 770px;
  height: 70px;
  float: left;
}

.middle > ul {
  list-style: none;
}

.middle > ul > li {
  float: left;
}

.middle > ul > li > a {
  text-decoration: none;
  display: block;
  width: 110px;
  height: 70px;
  text-align: center;
  padding-top: 27px;
  color: rgb(83, 50, 3);
  font-size: small;
}

.middle > ul > li > a:hover {
  text-decoration: underline;
}

.profile {
  width: 215px;
  height: 70px;
  float: left;
}

.icons {
  width: 160px;
  height: 50px;
  margin: 10px;
  background: rgb(83, 50, 3);
  font-size: small;
  color: white;
  text-align: center;
  border-radius: 20px;
}

.icons > a {
  padding-top: 15px;
  text-decoration: none;
  display: block;
  color: white;
}

.banner {
  width: 1250px;
  height: 500px;
}

.two {
  width: 1250px;
  height: 380px;
}

.first {
  width: 525px;
  height: 280px;
  margin: 50px;
  float: left;
  overflow: hidden;
}

.first > img {
  width: 525px;
  height: 280px;
  transform: scale(1);
  transition-duration: 0.7s;
}

.first:hover > img {
  transform: scale(1.1);
}

.second {
  width: 525px;
  height: 280px;
  margin: 50px;
  float: left;
  overflow: hidden;
}

.second > img {
  width: 525px;
  height: 280px;
  transform: scale(1);
  transition-duration: 0.7s;
}

.second:hover > img {
  transform: scale(1.1);
}

.our {
  text-align: center;
  font-size: 30px;
  padding-bottom: 30px;
  color: rgb(83, 50, 3);
}

.features {
  width: 1250px;
  height: 100px;
}

.box1 {
  width: 250px;
  height: 50px;
  float: left;
  text-align: center;
  padding-top: 20px;
  background: rgb(83, 50, 3);
  color: white;
}

.box2 {
  width: 250px;
  height: 50px;
  float: left;
  text-align: center;
  padding-top: 20px;
  background: rgb(83, 50, 3);
  color: white;
}

.box3 {
  width: 250px;
  height: 50px;
  float: left;
  text-align: center;
  padding-top: 20px;
  background: rgb(83, 50, 3);
  color: white;
}

.box4 {
  width: 250px;
  height: 50px;
  float: left;
  text-align: center;
  padding-top: 20px;
  background: rgb(83, 50, 3);
  color: white;
}

.box5 {
  width: 250px;
  height: 50px;
  float: left;
  text-align: center;
  padding-top: 20px;
  background: rgb(83, 50, 3);
  color: white;
}

.new {
  text-align: center;
  font-size: 30px;
  padding-bottom: 10px;
  color: rgb(83, 50, 3);
}

.mainbox {
  width: 1250px;
  height: 380px;
}

.mainbox1 {
  width: 25px;
  height: 380px;
  float: left;
}

.mbox1 {
  width: 250px;
  height: 330px;
  margin: 25px;
  float: left;
  font-size: small;
}

.mbox1 > img {
  width: 250px;
  height: 250px;
  border-radius: 8px;
}

.mbox1 > p {
  padding-top: 10px;
  text-align: left;
}

.mbox2 {
  width: 250px;
  height: 330px;
  margin: 25px;
  float: left;
  font-size: small;
}

.mbox2 > img {
  width: 250px;
  height: 250px;
  border-radius: 8px;
}

.mbox2 > p {
  padding-top: 10px;
  text-align: left;
}

.mbox3 {
  width: 250px;
  height: 330px;
  margin: 25px;
  float: left;
  font-size: small;
}

.mbox3 > img {
  width: 250px;
  height: 250px;
  border-radius: 8px;
}

.mbox3 > p {
  padding-top: 10px;
  text-align: left;
}

.mbox4 {
  width: 250px;
  height: 330px;
  margin: 25px;
  float: left;
  font-size: small;
}

.mbox4 > img {
  width: 250px;
  height: 250px;
  border-radius: 8px;
}

.mbox4 > p {
  padding-top: 10px;
  text-align: left;
}

.mainbox2 {
  width: 25px;
  height: 380px;
  float: left;
}

.letter {
  width: 1250px;
  height: 350px;
  border-radius: 10px;
  background: rgb(83, 50, 3);
}

.written {
  width: 740px;
  height: 310px;
  border-radius: 10px;
  float: left;
  padding-top: 40px;
  padding-left: 40px;
  color: white;
  padding-right: 20px;
}

.written > h2 {
  margin-bottom: 20px;
}

.written > p {
  margin-bottom: 20px;
}

.button1 {
  width: 150px;
  height: 31px;
  margin-top: 20px;
  border-radius: 20px;
  color: rgb(83, 50, 3);
  float: left;
  display: block;
  text-decoration: none;
  background: white;
  text-align: center;
  padding-top: 9px;
  margin-right: 20px;
}

.button1 > a {
  text-decoration: none;
  color: rgb(83, 50, 3);
}

.button2 {
  width: 150px;
  height: 31px;
  margin-top: 20px;
  border-radius: 20px;
  color: white;
  float: left;
  display: block;
  text-decoration: none;
  text-align: center;
  padding-top: 9px;
  margin-right: 20px;
  border: 1px solid white;
}

.button2 > a {
  text-decoration: none;
  color: rgb(255, 255, 255);
}

.image1 {
  width: 410px;
  height: 310px;
  border-radius: 10px;
  float: left;
  background: orange;
  margin: 20px;
}

.image1 > img {
  width: 410px;
  height: 310px;
  border-radius: 5px;
}

.Discover {
  text-align: center;
  font-size: 30px;
  padding-top: 20px;
  color: rgb(83, 50, 3);
}

.mainboxs {
  width: 1250px;
  height: 380px;
}

.mainbox3 {
  width: 25px;
  height: 380px;
  float: left;
  position: relative;
}

.mbox5 {
  width: 250px;
  height: 330px;
  margin: 25px;
  float: left;
  position: relative;
  overflow: hidden;
}

.mbox5 > img {
  width: 250px;
  height: 330px;
  position: absolute;
  border-radius: 8px;
  transition: all;
  transition-duration: 1s;
}
.mbox5 > .ers {
  width: 250px;
  height: 330px;
  border-radius: 8px;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  transition: all;
  transition-duration: 1s;
  bottom: 330px;
}

.mbox5 > .ers > p {
  padding-top: 150px;
  text-align: center;
  color: white;
}
.mbox5:hover > img {
  transform: scale(1.2);
}
.mbox5:hover > .ers {
  bottom: 0px;
}

.mbox6 {
  width: 250px;
  height: 330px;
  margin: 25px;
  float: left;
  position: relative;
  overflow: hidden;
}

.mbox6 > img {
  width: 250px;
  height: 330px;
  position: absolute;
  border-radius: 8px;
  transition: all;
  transition-duration: 1s;
}
.mbox6 > .ers1 {
  width: 250px;
  height: 330px;
  border-radius: 8px;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  transition: all;
  transition-duration: 1s;
  bottom: 330px;
}

.mbox6 > .ers1 > p {
  padding-top: 150px;
  text-align: center;
  color: white;
}
.mbox6:hover > img {
  transform: scale(1.2);
}
.mbox6:hover > .ers1 {
  bottom: 0px;
}

.mainbox4 {
  width: 25px;
  height: 380px;
  float: left;
  position: relative;
}

.mainboxes {
  width: 1250px;
  height: 380px;
}

.mainbox5 {
  width: 25px;
  height: 380px;
  float: left;
  position: relative;
}

.mbox9 {
  width: 250px;
  height: 330px;
  margin: 25px;
  float: left;
  position: relative;
  overflow: hidden;
}

.mbox9 > img {
  width: 250px;
  height: 330px;
  position: absolute;
  border-radius: 8px;
  transition: all;
  transition-duration: 1s;
}

.mbox9 > .ers {
  width: 250px;
  height: 330px;
  border-radius: 8px;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  transition: all;
  transition-duration: 1s;
  bottom: 330px;
}

.mbox9 > .ers > p {
  padding-top: 150px;
  text-align: center;
  color: white;
}
.mbox9:hover > img {
  transform: scale(1.2);
}
.mbox9:hover > .ers {
  bottom: 0px;
}

.mbox10 {
  width: 250px;
  height: 330px;
  margin: 25px;
  float: left;
  position: relative;
  overflow: hidden;
}

.mbox10 > img {
  width: 250px;
  height: 330px;
  position: absolute;
  border-radius: 8px;
  transition: all;
  transition-duration: 1s;
}
.mbox10 > .ers1 {
  width: 250px;
  height: 330px;
  border-radius: 8px;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  transition: all;
  transition-duration: 1s;
  bottom: 330px;
}
.mbox10 > .ers1 > p {
  padding-top: 150px;
  text-align: center;
  color: white;
}
.mbox10:hover > img {
  transform: scale(1.2);
}
.mbox10:hover > .ers1 {
  bottom: 0px;
}

.mainbox6 {
  width: 25px;
  height: 380px;
  float: left;
  position: relative;
}

.more {
  text-align: center;
  font-size: 30px;
  padding-top: 30px;
  color: rgb(83, 50, 3);
  padding-bottom: 8px;
}

.intro {
  text-align: center;
}

.main {
  padding-top: 10px;
  font-size: 24px;
  padding-bottom: 10px;
  color: rgb(83, 50, 3);
  margin-left: 40px;
}

.welcome {
  width: 1170px;
  margin-left: 40px;
  margin-right: 40px;
  line-height: 20px;
}

.welcome > p {
  padding-bottom: 20px;
}

.footer {
  width: 1250px;
  height: 375px;
  background: rgb(83, 50, 3);
  margin-top: 30px;
}

.spaceb1 {
  width: 25px;
  height: 375px;
  float: left;
  background: rgb(83, 50, 3);
}

.headerb1 {
  width: 350px;
  height: 325px;
  margin: 25px;
  float: left;
  color: white;
}

.headerb1 > p {
  font-size: 16px;
}

.logoimg {
  height: 70px;
  width: 70px;
  float: left;
}

.logoimg > img {
  height: 70px;
  width: 70px;
}

.Aaarad {
  height: 70px;
  width: 280px;
  float: left;
}

.Aaarad > h3 {
  padding-left: 20px;
  padding-top: 25px;
  color: white;
}

.headerb2 {
  width: 300px;
  height: 325px;
  margin: 25px;
  float: left;
  padding-left: 50px;
}

.headerb2 > h3 {
  color: white;
  margin-top: 25px;
  margin-bottom: 13px;
}

.headerb2 > ul {
  list-style: none;
}

.headerb2 > ul > li > a {
  color: white;
  text-decoration: none;
  line-height: 35px;
}

.headerb3 {
  width: 350px;
  height: 325px;
  margin: 25px;
  float: left;
}

.headerb3 > h3 {
  color: white;
  margin-top: 25px;
  margin-bottom: 13px;
}

.headerb3 > ul {
  list-style: none;
}

.headerb3 > ul > li {
  color: white;
  line-height: 35px;
}

.headerb3 > ul > li > a {
  color: white;
  text-decoration: none;
  line-height: 35px;
}

.spaceb2 {
  width: 25px;
  height: 375px;
  float: left;
  background: rgb(83, 50, 3);
}

.copy {
  width: 1250px;
  height: 20px;
  text-align: center;
  color: white;
  background: rgb(83, 50, 3);
  padding-top: 10px;
}

.aboutbanner {
  width: 1250px;
  height: 500px;
  overflow: hidden;
}

.aboutbanner > img {
  width: 1250px;
  height: 500px;
  transform: scale(1);
  transition-duration: 1s;
}

.aboutbanner > img:hover {
  transform: scale(1.15);
}

.aspace {
  width: 1250px;
  height: 35px;
}

.story {
  width: 1250px;
  height: 500px;
}

.twoimg {
  width: 625px;
  height: 500px;
  float: left;
}

.discription {
  width: 625px;
  height: 500px;
  float: left;
}

.discription > h3 {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
  color: rgb(83, 50, 3);
}

.discription > h4 {
  text-align: center;
  margin-bottom: 10px;
  color: rgb(83, 50, 3);
}

.discription > p {
  line-height: 25px;
  margin-top: 40px;
}

.principles {
  text-align: center;
  font-size: 30px;
  color: rgb(83, 50, 3);
}

.pre {
  width: 1250px;
  height: 150px;
}

.mainboxes3 {
  width: 25px;
  height: 150px;
  float: left;
}

.pri1 {
  width: 250px;
  height: 100px;
  margin: 25px;
  float: left;
  background: rgb(83, 50, 3);
  border-radius: 8px;
  color: white;
  text-align: center;
}

.pri1 > h4 {
  margin-top: 10px;
}

.pri1 > p {
  margin-top: 10px;
}

.pri2 {
  width: 250px;
  height: 100px;
  margin: 25px;
  float: left;
  background: rgb(83, 50, 3);
  border-radius: 8px;
  color: white;
  text-align: center;
  text-align: center;
}

.pri2 > h4 {
  margin-top: 10px;
}

.pri2 > p {
  margin-top: 10px;
}

.pri3 {
  width: 250px;
  height: 100px;
  margin: 25px;
  float: left;
  background: rgb(83, 50, 3);
  border-radius: 8px;
  color: white;
  text-align: center;
  text-align: center;
}

.pri3 > h4 {
  margin-top: 10px;
}

.pri3 > p {
  margin-top: 10px;
}

.pri4 {
  width: 250px;
  height: 100px;
  margin: 25px;
  float: left;
  background: rgb(83, 50, 3);
  border-radius: 8px;
  color: white;
  text-align: center;
  text-align: center;
}

.pri4 > h4 {
  margin-top: 10px;
}

.pri4 > p {
  margin-top: 10px;
}

.mainboxes4 {
  width: 25px;
  height: 150px;
  float: left;
}

.re {
  text-align: center;
  margin: 15px;
}

.re > h3 {
  font-size: 25px;
  color: rgb(83, 50, 3);
}

.re > h4 {
  color: rgb(83, 50, 3);
}

.reviews {
  width: 1250px;
  height: 170px;
}

.spacer1 {
  width: 23px;
  height: 170px;
  float: left;
}

.reviews1 {
  width: 350px;
  height: 120px;
  margin: 25px;
  float: left;
  text-align: center;
  border-radius: 8px;
  border: 1px solid black;
}

.reviews1 > p {
  margin: 12px;
}

.reviews2 {
  width: 350px;
  height: 120px;
  margin: 25px;
  float: left;
  text-align: center;
  border-radius: 8px;
  border: 1px solid black;
}

.reviews2 > p {
  margin: 12px;
}

.reviews3 {
  width: 350px;
  height: 120px;
  margin: 25px;
  float: left;
  text-align: center;
  border-radius: 8px;
  border: 1px solid black;
}

.reviews3 > p {
  margin: 12px;
}

.spacer2 {
  width: 23px;
  height: 170px;
  float: left;
}

.extra {
  width: 1146px;
  height: 280px;
  margin-left: 50px;
  margin-right: 50px;
  border-radius: 8px;
  border: 2px solid rgb(83, 50, 3);
}

.extra > p {
  margin: 75px;
  line-height: 30px;
}
.servicebanner {
  width: 1250px;
  height: 500px;
}
.servicebanner > img {
  width: 1250px;
  height: 500px;
}
.ser {
  text-align: center;
  margin: 30px;
}

.ser > h3 {
  font-size: 25px;
  color: rgb(83, 50, 3);
}

.ser > h4 {
  color: rgb(83, 50, 3);
}

.serv1 {
  width: 1250px;
  height: 350px;
}

.spacers1 {
  width: 50px;
  height: 350px;
  float: left;
}

.servicesrn1 {
  width: 1150px;
  height: 350px;
  float: left;
}
.imge {
  width: 350px;
  height: 350px;
  float: left;
  overflow: hidden;
}

.imge > img {
  width: 350px;
  height: 350px;
  border-radius: 8px;
  transform: scale(1);
  transition-duration: 1s;
}
.imge > img:hover {
  transform: scale(1.2);
}
.conte {
  width: 800px;
  height: 350px;
  float: left;
}
.conte > h3 {
  margin-left: 50px;
  margin-top: 30px;
  color: rgb(83, 50, 3);
}
.conte > p {
  margin-left: 50px;
  margin-top: 30px;
  margin-right: 15px;
}

.spacers2 {
  width: 50px;
  height: 350px;
  float: left;
}

.khali {
  width: 1250px;
  height: 25px;
}

.serva {
  width: 1250px;
  height: 350px;
}

.spacers10 {
  width: 50px;
  height: 350px;
  float: left;
}

.servicesrn10 {
  width: 1150px;
  height: 350px;
  float: left;
}
.imge0 {
  width: 350px;
  height: 350px;
  float: left;
  overflow: hidden;
}

.imge0 > img {
  width: 350px;
  height: 350px;
  border-radius: 8px;
  transform: scale(1);
  transition-duration: 1s;
}
.imge0 > img:hover {
  transform: scale(1.2);
}
.conte0 {
  width: 800px;
  height: 350px;
  float: left;
}
.conte0 > h3 {
  margin-top: 30px;
  color: rgb(83, 50, 3);
}
.conte0 > p {
  margin-top: 30px;
  margin-right: 30px;
}

.spacers20 {
  width: 50px;
  height: 350px;
  float: left;
}

.port > h3 {
  font-size: 25px;
  color: rgb(83, 50, 3);
  margin-bottom: 5px;
  text-align: center;
}

.port > h4 {
  color: rgb(83, 50, 3);
  text-align: center;
  margin-bottom: 10px;
}

.mpart1 {
  margin-top: 10px;
  color: rgb(83, 50, 3);
}

.mobile {
  width: 1250px;
  height: 300px;
}

.mainmobile1 {
  width: 25px;
  height: 300px;
  float: left;
}

.mmobile1 {
  width: 250px;
  height: 250px;
  margin: 25px;
  float: left;
  font-size: small;
}

.mmobile1 > img {
  width: 250px;
  height: 250px;
  border-radius: 8px;
}

.mmobile2 {
  width: 250px;
  height: 250px;
  margin: 25px;
  float: left;
  font-size: small;
}

.mmobile2 > img {
  width: 250px;
  height: 250px;
  border-radius: 8px;
}

.mmobile3 {
  width: 250px;
  height: 250px;
  margin: 25px;
  float: left;
  font-size: small;
}

.mmobile3 > img {
  width: 250px;
  height: 250px;
  border-radius: 8px;
}

.mmobile4 {
  width: 250px;
  height: 250px;
  margin: 25px;
  float: left;
  font-size: small;
}

.mmobile4 > img {
  width: 250px;
  height: 250px;
  border-radius: 8px;
}

.mainmobile2 {
  width: 25px;
  height: 300px;
  float: left;
}

.design {
  text-align: center;
  margin: 25px;
}

.design > h3 {
  font-size: 25px;
  color: rgb(83, 50, 3);
  margin-bottom: 7px;
}

.design > h4 {
  color: rgb(83, 50, 3);
}

.apro {
  width: 1250px;
  height: 60px;
}
.asp1 {
  width: 50px;
  height: 60px;
  float: left;
}
.step1 {
  width: 230px;
  height: 60px;
  float: left;
}
.conimg {
  width: 60px;
  height: 60px;
  float: left;
}
.conimg > img {
  width: 60px;
  height: 60px;
  border-radius: 50px;
}
.concon {
  width: 170px;
  height: 60px;
  float: left;
}
.concon > h4 {
  margin-top: 10px;
  margin-left: 10px;
}
.step2 {
  width: 230px;
  height: 60px;
  float: left;
}
.step3 {
  width: 230px;
  height: 60px;
  float: left;
}
.step4 {
  width: 230px;
  height: 60px;
  float: left;
}
.step5 {
  width: 230px;
  height: 60px;
  float: left;
}
.asp2 {
  width: 50px;
  height: 60px;
  float: left;
}

.khali1 {
  width: 1250px;
  height: 40px;
}
.start {
  width: 350px;
  height: 60px;
  background: rgb(83, 50, 3);
  margin-left: 450px;
  border-radius: 40px;
  text-align: center;
}
.start > a {
  text-decoration: none;
  color: white;
  padding-top: 20px;
  display: block;
}

.bigbox {
  width: 1250px;
  height: 300px;
}
.jgh1 {
  width: 50px;
  height: 300px;
  float: left;
}
.st1img {
  width: 575px;
  height: 300px;
  float: left;
}
.st1img > img {
  width: 575px;
  height: 300px;
  border-radius: 8px;
}
.st1con {
  width: 575px;
  height: 300px;
  float: left;
}
.st1con > h3 {
  padding-left: 50px;
  padding-top: 30px;
}
.st1con > p {
  padding-left: 50px;
  padding-top: 30px;
  padding-right: 10px;
}
.abox {
  width: 230px;
  height: 50px;
  background: rgb(83, 50, 3);
  text-align: center;
  margin-left: 50px;
  margin-top: 40px;
  border-radius: 40px;
}
.abox > a {
  text-decoration: none;
  display: block;
  color: white;
  padding-top: 15px;
}
.jgh2 {
  width: 50px;
  height: 300px;
  float: left;
}

.vastues {
  width: 1250px;
  height: 200px;
}
.vastues ol {
  margin-left: 20px;
  list-style: disc;
}
.vastues ol li {
  line-height: 25px;
}
.box {
  width: 1250px;
  height: 250px;
  background: rgb(83, 50, 3);
  text-align: center;
  color: white;
  border-radius: 8px;
  margin-top: 25px;
}
.box > h2 {
  padding-top: 50px;
}
.box > p {
  padding-top: 15px;
}
.btn {
  width: 200px;
  height: 50px;
  background: rgb(255, 255, 255);
  border-radius: 50px;
  margin-left: 510px;
  margin-top: 40px;
}
.btn > a {
  text-decoration: none;
  display: block;
  color: rgb(83, 50, 3);
  padding-top: 15px;
}

.contact1 {
  width: 1250px;
  height: 200px;
  background: rgb(83, 50, 3);
  text-align: center;
  color: white;
}
.contact1 > h2 {
  padding-top: 70px;
}
.contact1 > h4 {
  padding-top: 20px;
}

.somes {
  width: 1250px;
  height: 670px;
}
.parta {
  width: 525px;
  height: 570px;
  float: left;
  margin: 50px;
}

.names {
  width: 520px;
  height: 30px;
  margin-bottom: 30px;
}
.require {
  margin-bottom: 30px;
  resize: none;
}
.book {
  width: 523px;
  height: 37px;
  background: rgb(83, 50, 3);
  border-radius: 4px;
  color: white;
  text-align: center;
  padding-top: 15px;
  font-size: 18px;
}
.book > a {
  text-decoration: none;
  display: block;
  color: white;
}

.partb {
  width: 525px;
  height: 570px;
  float: left;
  margin: 50px;
}
.partb > h3 {
  margin-bottom: 10px;
}
.part > h4 {
  margin-bottom: 8px;
}
.raa {
  margin-bottom: 15px;
}