/*======================start the global properties of the website ==================================*/
* {
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*
    the font of the webpage
*/
@font-face {
  src: url(../Fonts/SEGOEUIL.TTF);
  font-family: 'navbar';
}

@font-face {
  src: url(../Fonts/SEGOEUIB.TTF);
  font-family: 'bold';
}

@font-face {
  src: url(../Fonts/SEGOEUIL.TTF);
  font-family: 'light';
}

footer {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

/*
    make the brand logo and the navbar links is responsive with the large screen 
*/
@media (min-width: 992px) {
  .navbar-brand {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 8px;
    overflow: hidden;
  }
  .navbar-brand img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 182px;
    height: 45px;
  }
  .navbar .container .first-navbar-nav li:first-child {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  .navbar .container .first-navbar-nav li:nth-child(2) {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  .navbar .container .first-navbar-nav li:last-child {
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
  }
  .navbar .container .second-navbar-nav li:first-child {
    -webkit-transform: translateX(-80px);
            transform: translateX(-80px);
  }
}

/*======================end the global properties of the website ==================================*/
/*======================start edit of the navbar of the website ==================================*/
/*the width of the brand logo*/
.navbar {
  background: #fff;
  z-index: 999;
}

.navbar-brand img {
  width: 60%;
}

/*make the */
.navbar-toggler {
  border: none !important;
  outline: none !important;
}

.dropdown .dropdown-item:active {
  background-color: transparent;
  color: #000;
}

.dropdown .dropdown-menu {
  border-color: transparent;
  text-align: center;
  font-family: 'navbar';
  font-size: 20px;
  text-transform: capitalize;
}

.navbar .container .navbar-nav .nav-item {
  text-align: center;
}

.navbar .container .navbar-nav .nav-item .nav-link {
  text-transform: uppercase;
  font-size: 20px;
  color: #000;
  font-family: 'navbar';
}

.navbar .container .navbar-nav .active .nav-link {
  border-bottom: 4px solid #e49079;
}

.navbar-light .navbar-toggler {
  width: 14%;
  line-height: .5 !important;
}

.navbar-light .navbar-toggler-icon {
  margin: 0px;
  padding: 0px;
  background-image: none;
  width: 100%;
  height: 5px;
  background-color: #e49079;
  -webkit-transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55) 0.35s;
  transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55) 0.35s;
}

.hvr-underline-from-center:before {
  background: #e49079;
}

/*=======================end edit of the navbar of the website  ==================================*/
/*=======================start the carousel of the website ==================================*/
footer {
  width: 100%;
  height: 100%;
}

footer .container .row .image-content {
  overflow: hidden;
}

footer .container .row .image-content img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

footer .container .row .make_deal {
  text-transform: uppercase;
  color: #fff;
}

footer .container .row .contact-us-button .button {
  height: 70px;
  width: 214px;
  font-family: 'navbar';
  text-transform: uppercase;
  position: relative;
  font-size: 29px;
  background-color: #e49079;
  color: #fff;
  border-color: transparent;
  outline: none;
  line-height: 62px;
}

footer .container .row .contact-us-button .button:hover {
  text-decoration: none;
}

footer .container .row .social-media-contact .icons {
  width: 40px;
  height: 40px;
  border: 2px solid #e49079;
  border-radius: 50%;
  margin-left: 11px;
}

footer .container .row .social-media-contact .icons i {
  color: #e49079;
}

footer .container .row .bottom-section {
  position: relative;
  top: 90%;
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
}

footer .container .row .all-right {
  color: #fff;
}

footer .copyright .container .row .brand-name {
  font-size: 20px;
  color: #fff;
}

footer .copyright .container .row .brand-name span {
  color: #e49079;
}

footer .copyright .container .row .brand-name .company-name {
  color: #339497;
}

/*===============strart the bottom that toggle from bottom to top========================*/
/*===============end the bottom that toggle from bottom to top========================*/
.scroll-top-button {
  width: 50px;
  height: 50px;
  background-color: #282828;
  border-radius: 50%;
  right: 10px;
  bottom: 10px;
  display: none;
  position: fixed;
  cursor: pointer;
  text-align: center;
}

.scroll-top-button .fas {
  font-size: 29px;
  position: relative;
  color: #e26645;
  top: 11px;
}

/*=======================end edit of the navbar of the website  ==================================*/
/*=======================start the carousel of the website ==================================*/
/*======================start the global properties of the website ==================================*/
body {
  overflow: hidden;
  background-color: #f3f3f3;
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.about-us .container .row .card .image-content .overlay, .our-portofolio .container .row .desgins .desgin-shape .image-content .overlay {
  position: absolute;
  background-color: #333;
  top: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

header .bd-example .carousel .carousel-indicators {
  display: none !important;
}

header .bd-example .carousel .carousel-inner img {
  width: 100%;
  height: 100vh;
}

header .bd-example .carousel .carousel-inner .overlay {
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: .4;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 99;
}

header .bd-example .carousel .carousel-inner .carousel-caption {
  right: 0% !important;
  left: 47% !important;
  text-align: initial;
  font-family: 'bold';
  position: absolute;
  z-index: 99;
}

header .bd-example .carousel .carousel-inner .carousel-caption h1 {
  font-size: 79px;
}

header .bd-example .carousel .carousel-control-prev,
header .bd-example .carousel .carousel-control-next {
  opacity: 1 !important;
  position: absolute;
  z-index: 99;
}

header .bd-example .carousel .carousel-control-prev .carousel-control-prev-icon,
header .bd-example .carousel .carousel-control-prev .carousel-control-next-icon,
header .bd-example .carousel .carousel-control-next .carousel-control-prev-icon,
header .bd-example .carousel .carousel-control-next .carousel-control-next-icon {
  background-image: none !important;
}

header .bd-example .carousel .carousel-control-prev .carousel-control-prev-icon:focus,
header .bd-example .carousel .carousel-control-prev .carousel-control-next-icon:focus,
header .bd-example .carousel .carousel-control-next .carousel-control-prev-icon:focus,
header .bd-example .carousel .carousel-control-next .carousel-control-next-icon:focus {
  outline: none;
}

header .bd-example .carousel .carousel-control-prev .carousel-control-prev-icon i,
header .bd-example .carousel .carousel-control-prev .carousel-control-next-icon i,
header .bd-example .carousel .carousel-control-next .carousel-control-prev-icon i,
header .bd-example .carousel .carousel-control-next .carousel-control-next-icon i {
  font-size: 30px;
  color: #fff !important;
}

/*=======================end the carousel of the website ==================================**/
/*=======================start the section of about-us ====================================**/
.about-us {
  font-family: 'light';
  background-color: #f3f3f3;
}

.about-us .container .about-us-heading {
  padding-top: 63px;
  padding-bottom: 53px;
}

.about-us .container .about-us-heading h1 {
  text-transform: uppercase;
}

.about-us .container .row .card {
  border: 1px solid #f3f3f3 !important;
  cursor: pointer;
  margin-bottom: 19px;
}

.about-us .container .row .card :focus {
  outline: none;
}

.about-us .container .row .card .hvr-curl-bottom-left:before {
  background: linear-gradient(45deg, #f3f3f3 45%, #aaa 50%, #ccc 56%, white 80%);
}

.about-us .container .row .card .image-content {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.about-us .container .row .card .image-content .overlay {
  width: 100%;
  height: 100%;
}

.about-us .container .row .card .image-content:hover .overlay {
  opacity: .5;
  -webkit-transition: .7s;
  transition: .7s;
}

@media (max-width: 900px) {
  .share {
    left: 10%;
  }
}

@media (max-width: 600px) {
  .owl-carousel .owl-nav.disabled {
    display: block;
  }
  .owl-carousel .owl-nav {
    text-align: center;
    font-size: 46px;
    position: relative;
    bottom: 3%;
  }
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-nav .owl-prev {
    position: relative;
  }
  .owl-carousel .owl-nav .owl-next:focus,
  .owl-carousel .owl-nav .owl-prev:focus {
    outline-color: transparent;
  }
  .owl-carousel .owl-nav .owl-next {
    left: 30px;
  }
  .owl-carousel .owl-nav .owl-prev {
    right: 30px;
  }
  .more-info-about-service .container-fluid .row .card .image-content {
    height: 200px !important;
    overflow: hidden;
  }
}

/*=======================end the section of about-us ====================================**/
/*=======================start the sectio of our-portofolio==================================**/
.our-portofolio {
  font-family: 'light';
  background-color: #f3f3f3;
  height: 100%;
}

.our-portofolio .container .our-portofolio-content h1 {
  text-transform: uppercase;
}

.our-portofolio .container .our-portofolio-content h2 {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
}

.our-portofolio .container .our-portofolio-content hr {
  margin: auto;
  width: 25%;
  height: 1px;
  background-color: #ebc1b6;
}

.our-portofolio .container .our-portofolio-content p {
  padding-bottom: 22px;
}

.our-portofolio .container .gallery {
  padding-top: 130px;
  padding-bottom: 72px;
}

.our-portofolio .container .row {
  margin-bottom: 95px;
}

.our-portofolio .container .row .owl-nav {
  text-align: center;
  font-size: 46px;
  position: relative;
  bottom: 3%;
}

.our-portofolio .container .row .owl-nav .owl-next,
.our-portofolio .container .row .owl-nav .owl-prev {
  position: relative;
}

.our-portofolio .container .row .owl-nav .owl-next:focus,
.our-portofolio .container .row .owl-nav .owl-prev:focus {
  outline-color: transparent;
}

.our-portofolio .container .row .owl-nav .owl-next {
  left: 30px;
}

.our-portofolio .container .row .owl-nav .owl-prev {
  right: 30px;
}

.our-portofolio .container .row .desgins a {
  text-decoration: none;
  color: #333;
}

.our-portofolio .container .row .desgins .desgin-shape .image-content {
  position: relative;
  overflow: hidden;
}

.our-portofolio .container .row .desgins .desgin-shape .image-content img {
  height: 200px;
}

.our-portofolio .container .row .desgins .desgin-shape .image-content .overlay {
  width: 100%;
  height: 100%;
}

.our-portofolio .container .row .desgins .desgin-shape .image-content .overlay h2 {
  color: #fff;
  text-transform: uppercase;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  z-index: 99999999999999999999999999999999999999;
  font-weight: bold;
}

.our-portofolio .container .row .desgins .desgin-shape .image-content:hover .overlay {
  opacity: .5;
  -webkit-transition: .7s;
  transition: .7s;
}

.our-portofolio .container .row .desgins .desgin-name h2 {
  padding-top: 22px;
  text-transform: capitalize;
}

/*=======================end the sectio of our-portofolio==================================**/
/*=======================start the section of find-us=====================================***/
.find-us .container .row {
  font-family: 'light';
  padding-top: 35px;
  width: 100%;
}

.find-us .container .row .find-us-content h2 {
  padding-bottom: 35px;
  cursor: pointer;
}

.find-us .container .row .find-us-content iframe {
  border: 10px solid #e79179;
  height: 500px;
  width: 100%;
  border-radius: 10px;
}

.find-us .container .row .location {
  text-transform: uppercase;
  padding-top: 33px;
  padding-bottom: 122px;
  cursor: pointer;
  font-size: 20px;
}

.find-us .container .row .location i {
  color: #e79179;
}

/*=========================================start the section of contact-us=================================================*/
.contact-us {
  font-family: 'light';
  width: 100%;
  background: #f3f3f3;
}

.contact-us .container .row .card {
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
}

.contact-us .container .row .card i {
  font-size: 30px;
  color: #e49079;
}

.contact-us .container .row .card .card-title {
  text-transform: capitalize;
}

.contact-us .container .row .card .card-text {
  color: #828282;
  text-decoration: none;
  text-transform: capitalize;
}

.contact-us .container .contact-us-heading {
  padding-top: 81px;
  padding-bottom: 81px;
}

.contact-us .container .contact-us-heading h2 {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: bold;
}

.contact-us .container .contact-us-heading h2::after {
  content: ' ';
  position: absolute;
  width: 246px;
  height: 2px;
  background-color: #ebc1b6;
  -webkit-transform: translate(-259px, 50px);
          transform: translate(-259px, 50px);
}

.contact-us .container form .row {
  padding-bottom: 164px;
}

.contact-us .container form .row textarea {
  height: 414px;
  resize: none;
  border-color: #ebc1b6;
  background-color: transparent;
}

.contact-us .container form .row textarea:focus {
  outline-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact-us .container form .row textarea::-webkit-input-placeholder {
  text-transform: capitalize;
  color: #828282;
}

.contact-us .container form .row textarea:-ms-input-placeholder {
  text-transform: capitalize;
  color: #828282;
}

.contact-us .container form .row textarea::-ms-input-placeholder {
  text-transform: capitalize;
  color: #828282;
}

.contact-us .container form .row textarea::placeholder {
  text-transform: capitalize;
  color: #828282;
}

.contact-us .container form .row input {
  height: 46px;
  border-color: transparent;
  border-bottom-color: #ebc1b6;
  margin-bottom: 44px;
  background-color: transparent;
}

.contact-us .container form .row input:last-child {
  margin-bottom: 0px;
}

.contact-us .container form .row input:focus {
  outline-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact-us .container form .row input::-webkit-input-placeholder {
  text-transform: capitalize;
  color: #828282;
}

.contact-us .container form .row input:-ms-input-placeholder {
  text-transform: capitalize;
  color: #828282;
}

.contact-us .container form .row input::-ms-input-placeholder {
  text-transform: capitalize;
  color: #828282;
}

.contact-us .container form .row input::placeholder {
  text-transform: capitalize;
  color: #828282;
}

.contact-us .container form .row .button {
  padding-top: 100px;
}

.contact-us .container form .row .button .btn-defualt {
  width: 211px;
  height: 71px;
  background-color: #e79179;
  border-color: transparent;
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
}

.contact-us .container form .row .button .btn-defualt:focus {
  outline-color: transparent;
}

.about-us-page {
  font-family: 'light';
  background-color: #f3f3f3;
}

.about-us-page .about-us-heading {
  text-transform: uppercase;
  padding-top: 98px;
  padding-bottom: 100px;
  font-weight: bold;
}

.about-us-page .about-us-heading p {
  text-transform: capitalize;
  font-weight: normal;
}

.about-us-page .row {
  padding-bottom: 50px;
}

.about-us-page .row .card {
  background-color: transparent !important;
  border-color: transparent;
  cursor: pointer;
}

.about-us-page .row .card h2 {
  text-transform: uppercase;
}

.about-us-page .row .card .position {
  color: #e49079;
  font-weight: bold;
}

.about-us-page .row .card .content p {
  display: none;
}

.about-us-page .row .card .content .fa-chevron-down {
  font-size: 30px;
  color: #e49079;
  -webkit-animation: arrow 2.5s infinite ease-in-out;
          animation: arrow 2.5s infinite ease-in-out;
}

@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
  10% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px);
  }
  20% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
  30% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px);
  }
  40% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
  50% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px);
  }
  60% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
  70% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px);
  }
  80% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
  90% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px);
  }
  100% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in;
  }
}

@keyframes arrow {
  0% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
  10% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px);
  }
  20% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
  30% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px);
  }
  40% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
  50% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px);
  }
  60% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
  70% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px);
  }
  80% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
  90% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px);
  }
  100% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in;
  }
}

.loading-page {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999999999999999999999999999999999;
  background-color: #fff;
}

.loading-page .container .row {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  height: 100vh;
}

.loading-page .container .row img {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.loading-page .container .row .spinner-grow {
  position: relative;
  left: 50%;
  background-color: #e49079;
}

.more-info-about-service {
  background-color: #f3f3f3;
}

.more-info-about-service .container-fluid .row .card {
  background-color: #f3f3f3;
  border-color: transparent;
}

.more-info-about-service .container-fluid .row .card .image-content {
  height: 500px;
  overflow: hidden;
}

.more-info-about-service .container-fluid .row .card .image-content img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.more-info-about-service .container-fluid .row .card hr {
  width: 20%;
  height: 2px;
  margin: auto;
  background-color: #e49079;
}

/*=======================start the section of Vision=====================================***/
.vision {
  background-color: #f3f3f3;
  padding: 100px 0px;
}

.vision .container .row .card {
  background-color: transparent;
  border-color: transparent;
}

.vision .container .row .card h2 {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
}

.vision .container .row .card hr {
  margin: auto;
  width: 25%;
  height: 2px;
  background-color: #ebc1b6;
}

.vision .container .row .card hr:focus {
  outline-color: transparent;
}

.vision .container .row .card .card-text {
  color: #828282;
  text-transform: capitalize;
  padding-top: 25px;
}

/*=======================end the sectio of Vision==================================**/
/*start the connection icons*/
.share {
  position: fixed;
  top: 50%;
  left: 4%;
  -webkit-transform: translate(-90%, -50%);
          transform: translate(-90%, -50%);
  width: 50px;
  height: 50px;
  z-index: 9999;
  cursor: pointer;
}

.share ul {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  list-style: none;
}

.share ul.active li:first-child {
  top: -100%;
  left: 0%;
}

.share ul.active li:nth-child(2) {
  top: -100%;
  left: 100%;
}

.share ul.active li:nth-child(3) {
  top: 0%;
  left: 100%;
}

.share ul.active li:nth-child(4) {
  top: 100%;
  left: 100%;
}

.share ul.active li:nth-child(5) {
  top: 100%;
  left: 0%;
}

.share ul li {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #e49079;
  -webkit-transition: .5s;
  transition: .5s;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  text-align: center;
}

.share ul li a {
  color: #fff;
}

.share .toggle {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #e49079;
  z-index: 9999;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  overflow: hidden;
  border-radius: 10px;
  text-align: center;
}

.share .toggle i {
  color: #fff;
}

.share i {
  position: relative;
  top: 50%;
  font-size: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
/*# sourceMappingURL=style.css.map */