@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --color1: #0B453B;
    --color1Opacity: rgba(11, 69, 59, 0.7);
    --color2: #17876E;
  }

  .mainBody{font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; height: 100%; line-height: normal; font-size:16px;}
  html,body{min-height: 100%;}
  .mainBody a{text-decoration: none;}
  .wrapper{height: 100%; position: relative; overflow: hidden;}
  .bg1{background:var(--color2)!important;}
  .bg2{background:var(--color1)!important;}
  .color1{color:var(--color1);}
  .color2{color:var(--color2);}
.right{text-align: right;}
.left{text-align: left;}
.pd70{padding:70px 0;}

.font1{font-size:35px;}
.font2{font-size:24px;}
.font3{font-size:20px;}

header{position: fixed; left:0; top:0; right:0; z-index:9;  background-color: transparent; transition: background-color 0.3s;}
.headerContainer{padding:0px 50px; }
.headerTop.scrolled {
  background-color: rgba(0, 0, 0, 0.6); 
  transition: background-color 0.3s ease;
}
.logo{display: block; position: relative; width: 180px;}
.logo img{display: block;  width: 180px; position: absolute; left:0; top:-85px;}
.contactContainer{text-align: right; line-height:60px;}
.contactContainer a{font-size:14px; color:#fff; margin-left:20px;}
.contactContainer .fa-phone,.contactContainer .fa-paper-plane{ display: inline-block; margin-right:5px;}
.headerBottom{background: var(--color1Opacity);}
.aMenu{display: inline-block; color:#fff; margin-left: 20px; line-height: 70px;}
.lngCon{display: inline-block; margin-left:20px;}
.aLang{display: inline-block; margin-left:10px; border:1px solid #fff; width: 32px; text-align: center; line-height: 32px; color:#fff;}
.aLang.active{background: #fff; color:var(--color2);}
.MainSlider{position: relative; }

#carouselSeda .carousel-indicators{display: block; width: 60px;  background: rgba(255, 255, 255, 0.2); text-align: center; padding:50px 0; margin:0; left:unset; border-bottom-left-radius: 20px; border-top-left-radius: 20px; bottom:unset; right:0; top:55%; transform: translateY(-55%); }
#carouselSeda .carousel-indicators button{ display: block; width: 22px; height: 22px; border-radius: 50%; margin:30px auto; background: transparent; border:1px solid #fff;}
#carouselSeda .carousel-indicators button.active{  background: #fff; }
.sloganContainer{display: block;  position: absolute; color:#fff; left:50px; top:50%; transform: translateY(-50%); width:30%; z-index: 1;}
.sloganContainer .slogan1{font-size:50px; font-weight: 700;}
.sloganContainer .slogan2{font-size:60px; font-weight: 700; animation-delay: 0.3s;}
.sloganContainer .slogan3{font-size:20px;animation-delay: 0.6s; }
.line{display: block;  height:8px; border-radius: 5px; background: #fff;  width: 200px; animation-delay: 1.2s;}
@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-slide {
  opacity: 0;
  animation: slideInFromLeft 0.8s ease-out forwards;
}

.sloganContainer {
  overflow: hidden;
}
.mapContainer img{display: block; width: 100%; margin-bottom:20px;}
.imgContainer{position: relative; }
.imgContainer img{display: block; width:360px;}
.aboutImg2{position: absolute; right:70px; top:160px; box-shadow: -11px 11px 19px -3px rgba(0,0,0,0.51);
  -webkit-box-shadow: -11px 11px 19px -3px rgba(0,0,0,0.51);
  -moz-box-shadow: -11px 11px 19px -3px rgba(0,0,0,0.51);}
  .coreValues{background: url(../img/coreValues@2x.jpg) no-repeat center; background-size:cover ; background-attachment: fixed; position: relative; z-index: 1;}
  .coreValues:before{content:""; position: absolute; inset:0; background: rgba(11, 69, 59, 0.7); z-index: -1; mix-blend-mode: multiply;}
  .boxContainer{ padding:40px 30px;}
  .boxContainer p{overflow: hidden; margin:0;}
  .boxContainer img{display: inline-block; vertical-align: middle; margin-right:10px;}
  .figureImg,.figureImg img{display: block; width: 100%; margin:auto;}
  .servicesBox{padding:10px;}
  .txtContainer ul{padding-left:10px;}
  .contact{background:#F5F5F5 ;}
  .contactInfoContainer{background: url(../img/contactBg.jpg) no-repeat center; background-size:cover; height: 100%; position: relative;}
  .contactForm{padding:50px 30px;}
  .contactForm button{display:block; width:200px; margin:auto 0 auto auto;}
  .contactForm input,.contactForm textarea{ border-radius:0; line-height: 40px; background-color: transparent; border:1px solid #fff; outline: none;}
  .contactForm input::placeholder,.contactForm textarea::placeholder{ color:#fff;}
  .infoBox{background: rgba(0, 0, 0, 0.8); padding:20px; position: absolute; left:0; bottom:0; right:0;}
  .infoBox *{color:#fff; }
  footer{background: var(--color1); padding:20px 0;  color:#fff;}
  .footerLink{width: 20px; height: 20px; border-radius: 50%; display: inline-block;}
  .ikona{background:#F8CE46;}
  .kenobi{background:#5BB2BD;}
  .menuActive{border-bottom:1px solid #fff;}
.langMobile{display: none;}
.btnAc{color: #fff !important; display: none!important;}
.aMenuMobil{display: block; line-height: 40px; border-bottom:1px solid #f1f1f1; color:#000;}
.mobilLogo{display: block; width: 100px; margin:auto;}
.mobilLogo img{display: block; width: 100px;}
  @media screen and (max-width:1920px) {
    .sloganContainer .slogan1{font-size:30px;}
    .sloganContainer .slogan2{font-size:35px; margin-bottom:10px;}
    .sloganContainer .slogan3{font-size:16px;}
   
  }

  @media screen and (max-width:1600px) {
 .sloganContainer{transform:unset; top:unset; bottom:100px;}
#carouselSeda .carousel-indicators{transform:unset; top:unset; bottom:100px; padding: 0;} 
  }

  @media screen and (max-width:1368px) {
    .sloganContainer .slogan1{font-size:25px;}
    .sloganContainer .slogan2{font-size:30px;}
    .sloganContainer .slogan3{font-size:16px;}
    .logo,.logo img{width:160px;}
    .sloganContainer{width:40%; bottom:80px;}
   #carouselSeda .carousel-indicators{transform:unset; top:unset; bottom:80px; padding: 0;} 
   #carouselSeda .carousel-indicators button{margin:20px auto;}
   .aboutImg2{right:20px; top:315px;}
     }

     @media screen and (max-width:1200px) {
      header{position: relative; background: var(--color1);}
      .headerContainer{padding:0 10px;}
      .headerTop{display: none;}
      .mobilNone{display: none;}
      .contactInfoContainer{padding:300px 0 0 0;}
      .infoBox{position: relative;}
.navMenu{display: none;}
.langMobile{display: inline-block; margin:auto 10px auto auto;}
.logo,.logo img{width:100px;}
.logo img{position: relative; top: unset;}
.btnAc{display: inline-block!important;}
       }

  @media screen and (max-width:1024px) {
  .sloganContainer .line, .sloganContainer .slogan3, .sloganContainer a{display: none;}
  .sloganContainer{width: 100%; text-align: center; left: 0; top:50%; bottom:unset; transform: translateY(-50%); }
  #carouselSeda .carousel-indicators{width:200px; display:flex; bottom:10px; left:0; right:0; margin:auto; border-radius: 0; background: transparent;}
  #carouselSeda .carousel-indicators button{margin:auto 5px;}
  .boxContainer{padding: 20px;}
}

@media screen and (max-width:768px) {
.font1{font-size:26px;}
.font2{font-size:22px;}
.font3{font-size:18px;}
.pd70{padding:40px 0;}
footer .col-lg-6, footer .text-end{text-align: center!important; }
footer .text-end{margin-top:8px;  }
}
@media screen and (max-width:480px) {
  .sloganContainer .slogan1{font-size:16px;}
    .sloganContainer .slogan2{font-size:20px;}
    .carousel-item img{width: auto!important; height: 300px;}
    .aLang{margin-left:5px;}
    
}