@import url("https://fonts.googleapis.com/css2?family=Abel&family=Bebas+Neue&display=swap");
html {
  scroll-behavior: smooth; }

body {
  font-family: "Abel", sans-serif;
  font-size: 14pt; }

.title {
  font-family: "Bebas Neue", sans-serif; }

/********** 1. Coming ***********/
#SectionComing {
  background-color: #FFFFFF;
  border-bottom: 10px solid #E07E0B; }

/********** 2. Navbar ***********/
.navbar {
  background-color: #ffffff;
  border-bottom: 10px solid #E07E0B; }

.navbar .navbar-nav .nav-link {
  color: #433425;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 16pt;
  letter-spacing: 1px; }

.navbar .navbar-nav .nav-link:hover {
  color: #E07E0B; }

.navbar .navbar-nav .active > .nav-link {
  color: #E07E0B; }

footer a.text-light:hover {
  color: #E07E0B !important;
  text-decoration: none; }

footer .cizgi {
  border-right: 1px solid #535e67; }

@media (max-width: 992px) {
  footer .cizgi {
    border-right: none; } }
/********** 3. Banner ***********/
#SectionBanner {
  height: auto;
  overflow: hidden; }

.title-banner {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(20pt, 8vw, 100pt);
  font-weight: 800;
  letter-spacing: 5px;
  margin-bottom: 20px; }

.text-banner {
  font-family: "Abel", sans-serif;
  font-size: clamp(12pt, 4vw, 24pt);
  text-transform: uppercase;
  font-weight: 400; }

/************4. About ***************/
#SectionAbout {
  border-top: 10px solid #E07E0B;
  line-height: 30px; }

#ImgDivAbout {
  background-image: url("../../../img/ap1.png");
  background-size: cover;
  background-position: center;
  height: 600px; }

#ImgDivAbout2 {
  background-image: url("../../../img/ap2.png");
  background-size: cover;
  background-position: left;
  height: 600px; }

.imgDefault {
  width: 100%;
  transition: all 0.3s ease; }

.imgDefault:hover {
  transform: scale(105%);
  box-shadow: 0 0 10px #FFFFFF; }

/*************5. Services*************/
#SectionServices {
  border-bottom: 10px solid #E07E0B; }

.CardServ {
  position: relative;
  width: 100%;
  min-width: 350px;
  height: 420px;
  background-size: cover;
  overflow: hidden; }

#CardServ1 {
  background-image: url("../../../img/s1.JPG"); }

#CardServ2 {
  background-image: url("../../../img/s2.jpg"); }

#CardServ3 {
  background-image: url("../../../img/s3.jpg"); }

#CardServ4 {
  background-image: url("../../../img/s4.jpg"); }

#CardServ5 {
  background-image: url("../../../img/s5.JPG"); }

#CardServ6 {
  background-image: url("../../../img/s6.jpg"); }

#CardServ7 {
  background-image: url("../../../img/s7.JPG"); }

#CardServ8 {
  background-image: url("../../../img/s8.JPG"); }

.CardServ::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transform: translateX(105%);
  transition: all 0.3s ease; }

.CardServ:hover::before {
  transform: translateX(0%); }

.CardServ > * {
  position: relative;
  z-index: 2; }

.CardServ-title {
  font-family: "Bebas Neue", sans-serif;
  font-size: 16pt;
  letter-spacing: 2px;
  font-weight: bold;
  background-color: #E07E0B;
  padding: 10px;
  color: #433425;
  top: 0;
  left: 0;
  width: 100%; }

.CardServ-text {
  font-size: 12pt;
  transition: all 0.9s ease;
  transform: translateY(180%); }

.CardServ:hover .CardServ-text {
  transform: translateY(0); }

.CardServ-image {
  position: absolute;
  transition: all 0.5s ease 0.5s;
  bottom: 25px;
  right: 25px;
  opacity: 0; }

.CardServ:hover .CardServ-image {
  opacity: 1; }

#DivServ1 {
  position: relative;
  min-height: 450px;
  height: auto;
  background-image: url("../../../img/s7.jpg");
  background-size: cover; }

#DivServ1::before,
#DivServ2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); }

#DivServ1 > *,
#DivServ2 > * {
  position: relative;
  z-index: 2; }

#DivServ2 {
  position: relative;
  min-height: 450px;
  height: auto;
  background-image: url("../../../img/s8.jpg");
  background-size: cover; }

/*******BG***************/
#SectionBg {
  margin: 0;
  height: 450px;
  background-image: url("../../../img/bg1.png");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  border-right: 5px solid #999999;
  border-bottom: 10px solid #E07E0B; }

@media only screen and (max-width: 992px) {
  #SectionBg {
    background-position-y: 0px;
    background-attachment: scroll; } }
/*******************OBSERVERS*********************/
/*****OBSERVERS********/
.DivGrow {
  transition: all 1s ease;
  transition-delay: 0.2s;
  transform: scale(0); }

.grow-up {
  transform: scale(1); }

.DivFade {
  transition: opacity 1.2s ease;
  transition-delay: 0.5s;
  opacity: 0; }

.fade-in {
  opacity: 1; }

.DivDown {
  transition: all 0.8s ease;
  transition-delay: 0.5s;
  transform: translateY(120%);
  opacity: 0; }

.from-down {
  transform: translateY(0%);
  opacity: 1; }

.DivLeft {
  transition: all 1s ease;
  transition-delay: 0.2s;
  transform: translateX(-100%);
  opacity: 0; }

.from-left {
  transform: translateX(0%);
  opacity: 1; }

.DivRight {
  transition: all 1s ease;
  transition-delay: 0.2s;
  transform: translateX(100%);
  opacity: 0; }

.from-right {
  transform: translateX(0%);
  opacity: 1; }

.DivBlur {
  transition: all 1s ease;
  filter: blur(10px); }

.no-blur {
  filter: blur(0px); }

/*# sourceMappingURL=style.css.map */