*:not(i){
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  font-family: "Gilroy", Arial, sans-serif !important;
}
:focus {
  outline: none;
}
::selection {
  background-color: black;
  color: white;
}
a:hover {
  text-decoration: none !important;
}
button:focus {
  outline: none !important;
}
body {
  position: relative;
 padding-top: 56px; 
    font-family: "Open Sans", sans-serif;
} 
.contact-body {
    padding-top:0 !important;
    padding-bottom:0 !important;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 222;
}
.upper-header {
     background-color: #111f29;
    color: white;
}

a.rus {
    font-size: 15px !important;
}
header nav a {
  color: white;
  font-size: 16px;
  transition: color 0.15s ease-out;
  margin: 0 12px;
}

header nav a {
  color: white;
  font-size: 16px;
  transition: color 0.15s ease-out;
  margin: 0 12px;
}
.bottomLogo img {
  max-width: 164px;
  object-fit: cover;
  margin-left: -10px;
}
.upperLogo img {
  object-fit: cover;
  max-width: 167px;
  height: 45px;
  filter: brightness(100) grayscale(1);
}

.bottom-header nav a {
  color: white;
}
header nav ul {
  margin-bottom: 0;
}
header nav ul li {
  padding: 16px 0;
}
.bottom-nav ul li:first-child {
    padding:11px 0 !important;
}
header nav a:hover {
  color: #ff592c;
  text-decoration:none;
}
.call-to-action a:hover, .projects a:hover, .services a:hover, .head-slider a:hover, .nav-call a:hover, .mobile-nav a:hover{
      text-decoration:none;
}
.upper-header .container,
.bottom-header .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
header .upper-nav ul,
.bottom-nav ul {
  display: flex;
  flex-direction: row;
}
.languages > div {
  cursor: pointer;
  position: relative;
}
.mobile-list .nav-call .text{
    color:#000 ;
}
header .dropdownMenu{
    opacity: 0;
    position: absolute;
    top: 125%;
    left: -12px;
    width: min-content;
    transform: scale(1,0);
    transform-origin: top;
    transition: 0.3s all;
    z-index: 999;
    background: #000;
    box-shadow: rgb(0 0 0 / 30%) 0px 28px 52px 0px;
}
header .interior-open{
position:relative;
}
header .interior-open:hover .dropdownMenu{
    transform: scale(1,1);
    opacity: 1
}
header .dropdownMenu a{ 
    padding: 16px 32px;
    color: #f0f0f0;
    border-top: 2px solid;
}
.mobile-nav{
  display: none;
}
header .change-lang {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: 0.3s all;
  z-index: 22;
  background-color: #111f29;
  border-radius: 8px;
  padding: 16px 16px 0;
  box-shadow: 0 8px 32px rgb(0 0 0 / 24%);
}
.change-lang ul li {
  padding: 10px 50px 5px 10px;
}
.change-lang p {
  text-align: left;
  padding-left: 10px;
}
.languages > div:hover .change-lang {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.languages .change-lang ul {
  border-top:1px solid #ffffff82;
  padding: 10px 0;
}
.languages  span{
    font-weight:500;
}
.languages .change-lang ul li a {
  color: white;
}
header .languages > div > img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
      margin-left: 8px;
}
header .languages .change-lang img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 10px;
}
header .languages .change-lang a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .languages .change-lang a span {
  transition: 0.3s all;
  font-size: 15px;
}
header .languages .change-lang ul li:hover span {
  color: #ff592c;
}
.bottom-header {
  background-color: transparent;
  padding: 8px 0;
  border-top: 1px solid #ffffff6e;
  transition: .3s;
}

.bottom-header .nav-call a {
  display: flex; 
  color: #000;
}
.nav-call img {
  /*filter: opacity(0.5) drop-shadow(0 0 0 black);*/
  margin-right: 8px;
  max-height: 40px;
}
header .nav-call h3 {
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 600;
  margin-top: 4px;
}
header .nav-call .text {
  display: flex;
  flex-direction: column;
  color:white;
}

header .nav-call span {
  font-size: 12px;
  color: white;
  font-weight: 400;
  text-align: left; 
}
header .nav-call {
  display: flex;
  justify-content: center;
  text-align: center;
}
header .nav-call .nav-btn {
  display: flex;
  justify-content: center;
  text-align: center;
  background-color: transparent;
  border: 0;
  align-items:center;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s  ;
  user-select: none;
  position: relative;
  text-align: center;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.92);
  background-color: #ff592c;
  padding: 6px 27px;
  margin-left: 14px;
  font-weight:700;
}
header nav ul  .open-dropdown{
    position:relative;
}
 
header .upper-nav .dropdown-nav{
    position:absolute;
    top:100%;
    left:-20%;
    width:max-content;
    display:flex;
    flex-direction:column;
    align-items:center;
    box-shadow:rgb(0 0 0 / 30%) 0px 28px 52px 0px; 
    transform: scale(1,0);
    transform-origin: top;
    transition: 0.3s all;
    z-index: 999;
    background: #111f29;
}
header .upper-nav .dropdown-nav a{ 
    width:100%;
    font-weight: 400;  
    white-space: nowrap;
    background-color: 
    transparent; padding: 16px ;
    color: #f0f0f0;
   
    margin:0 !important;
}
header .upper-nav .dropdown-nav a:last-child{ 
     border-top: 1px solid ;
}
header .upper-nav .dropdown-nav a:hover{
    text-decoration: none;
    background: rgb(148 143 137 / 69%);
}

header .upper-nav .open-dropdown:hover .dropdown-nav{
transform: scale(1,1);
    opacity: 1;
}
header .nav-call .nav-btn:hover {
  background-color: #e54216;
}
.sticky {
  box-shadow: 10px -6px 15px black;
   transition: all 0.4s ease;
   animation: smoothScroll 1s ;
   border-top:none;
  }
  @keyframes smoothScroll {
    0% {
      transform: translateY(-30px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  .carousel-indicators li{
    z-index: 444;
  }
  .sticky .bottom-header{
      background:#111f29;
  }
/* end of header section*/

/*HEAD SLIDER SECTION*/


/*.head-slider .carousel-control-next-icon:hover,*/
/*.head-slider .carousel-control-prev-icon:hover {*/
/*  opacity: 1;*/
/*  box-shadow: 0 0 0 3px #fff, 0 5px 30px 0 #00000040;*/
/*}*/
/*.head-slider .carousel,*/
/*.head-slider .carousel-inner {*/
/*height: 560px;*/
/*height: calc(100vh - 56px);*/
/*}*/
/*.head-slider .carousel-control-next-icon,*/
/*.head-slider .carousel-control-prev-icon {*/
/*  width: 48px;*/
/*  height: 48px;*/
/*  background-color: #fff;*/
/*  background-image: none;*/
/*  border-radius: 50%;*/
/*  cursor: pointer;*/
/*  opacity: 0.5;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  transition: 0.2s ease;*/
/*}*/

/*.head-slider .carousel-control-next-icon,*/
/*.head-slider .carousel-control-prev-icon {*/
/*  opacity: 1;*/
/*  outline: 0;*/
/* color: #000 !important;*/

/*}*/
/*.head-slider .carousel-item img {*/
/*height: 560px;*/

/*height:100%;*/
/*  object-fit: cover;*/
/*}*/
/*.head-slider .carousel-item {*/
/*  height: 100%;*/

/*}*/
/*.head-slider .carousel-control-prev-icon i,*/
/*.head-slider .carousel-control-next-icon i {*/
/*  color: #000;*/
/*  font-size: 20px;*/
/*}*/
/*.head-slider .carouselCaption {*/
/*  color: white;*/
/*  position: absolute;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  flex-direction: column;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  left: 0; */
/*  top: 0;*/
/*  text-align: left;*/
/*   background: rgba(0,0,0,.32);*/
/*  z-index: 333;*/
/*}*/
/*.head-slider .carouselCaption .container{*/
/*  display:flex;*/
/*  justify-content:center;*/
/*  align-items: center;*/
/*  flex-direction: column;*/
/*}*/
/*.head-slider .carouselCaption h1 {*/
/*  font-size: 50px; */
/*  font-weight: 700;*/
/*}*/
/*.head-slider .carouselCaption p {*/
/*  width: 60%;*/
/*  font-size: 19px;*/
/*  display:none;*/
/*}*/
/*.head-slider .carouselCaption a {*/
/*  background: transparent;*/
/*  color: rgba(255,255,255,.92); */
/*  transition: 0.3s linear; */
/*  display: flex;*/
/*  align-items: center;*/
/*  margin-top: 32px;*/
/*  font-size: 16px;*/
/*  line-height: 48px;*/
/*  padding: 0 16px;*/
/*  border-radius: 8px;*/
/*  background-color: #ff592c;*/
/*}*/
 
/*.head-slider .carousel-indicators li*/
/*{*/
/*  width: 70px;*/
/*}*/
/*.head-slider .carouselCaption a:hover {*/
/*  background-color: #e54216;*/
/*}*/
/*.head-slider .carouselCaption span {*/
/*  margin: 0 10px;*/
/*}*/
/*.head-slider svg{*/
/*  width: 24px;*/
/*  height: 24px;*/
   
/*}*/
 

  
  .slider {
    position: relative;
    height: calc(100vh - 56px );
    /*width: 100vw;*/
    background: #282626;
    overflow: hidden;
  }
  .slider__wrap {
    position: absolute;
    width: 100vw;
      width: 100%;
    height: 100vh;
    transform: translateX(100vw);
    top: 0%;
    left: 0;
    right: auto;
    overflow: hidden;
    transition: transform 450ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform-origin: 0% 50%;
    transition-delay: 450ms;
    opacity: 0;
  }
  .slider__wrap--hacked {
    opacity: 1;
  }
  .slider__back {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-position: center;
    background-repeat: none;
    transition: filter 450ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .slider__inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0%;
    background-size: auto 133.3333%;
    background-position: center;
    background-repeat: none;
    transform: scale(0.75);
    transition: transform 450ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 450ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 450ms step-end;
    opacity: 0;
    box-shadow: 0 3vh 3vh rgba(0, 0, 0, 0);
    padding: 15vh;
    box-sizing: border-box;
  }
  .slider__content {
    position: relative;
    top: 50%;
    width: auto;
    transform: translateY(-50%);
    color: white;
    font-family: "Heebo", sans-serif;
    opacity: 0;
    transition: opacity 450ms;
  }
  .slider__content h1 {
    font-weight: 900;
    font-size: 9vh;
    line-height: 0.85;
    margin-bottom: 0.75vh;
    pointer-events: none;
    text-shadow: 0 0.375vh 0.75vh rgba(0, 0, 0, 0.1);
  }
  .slider__content a {
    cursor: pointer;
    font-size: 2.4vh;
    letter-spacing: 0.3vh;
    font-weight: 100;
    position: relative;
  }
  .slider__content a:after {
    content: "";
    display: block;
    width: 9vh;
    background: white;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 12vh;
    transform: translateY(-50%);
    transform-origin: 0% 50%;
    transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .slider__content a:before {
    content: "";
    border-top: 1px solid white;
    border-right: 1px solid white;
    display: block;
    width: 1vh;
    height: 1vh;
    transform: translateX(0) translateY(-50%) rotate(45deg);
    position: absolute;
    font-family: "Heebo", sans-serif;
    font-weight: 100;
    top: 50%;
    left: 21vh;
    transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .slider__content a:hover:after {
    transform: scaleX(1.2);
    transition: transform 1200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .slider__content a:hover:before {
    transform: translateX(3vh) translateY(-50%) rotate(45deg);
    transition: transform 1200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .slider__slide {
    position: absolute;
    left: 0;
    height: 100vh;
    width: 100vw;
    transition: transform 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-delay: 600ms;
    pointer-events: none;
    z-index: 0;
  }
  .slider__slide--active {
    transform: translatex(0%);
    z-index: 2;
  }
  .slider__slide--active .slider__wrap {
    transform: translateX(0);
    transform-origin: 100% 50%;
    opacity: 1;
    -webkit-animation: none;
            animation: none;
  }
  .slider__slide--active .slider__back {
    filter: blur(1.5vh);
    transition: filter 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-delay: 900ms !important;
  }
  .slider__slide--active .slider__inner {
    transform: scale(0.8);
    box-shadow: 0 1vh 6vh rgba(0, 0, 0, 0.2);
    pointer-events: auto;
    opacity: 1;
    transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 1ms step-end;
    transition-delay: 900ms;
  }
  .slider__slide--active .slider__content {
    opacity: 1;
    transition-delay: 1350ms;
  }
  .slider__slide:not(.slider__slide--active) .slider__wrap {
    -webkit-animation-name: hack;
            animation-name: hack;
    -webkit-animation-duration: 900ms;
            animation-duration: 900ms;
    -webkit-animation-delay: 450ms;
            animation-delay: 450ms;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
            animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  @-webkit-keyframes hack {
    0% {
      transform: translateX(0);
      opacity: 1;
    }
    50% {
      transform: translateX(-100vw);
      opacity: 1;
    }
    51% {
      transform: translateX(-100vw);
      opacity: 0;
    }
    52% {
      transform: translateX(100vw);
      opacity: 0;
    }
    100% {
      transform: translateX(100vw);
      opacity: 1;
    }
  }
  @keyframes hack {
    0% {
      transform: translateX(0);
      opacity: 1;
    }
    50% {
      transform: translateX(-100vw);
      opacity: 1;
    }
    51% {
      transform: translateX(-100vw);
      opacity: 0;
    }
    52% {
      transform: translateX(100vw);
      opacity: 0;
    }
    100% {
      transform: translateX(100vw);
      opacity: 1;
    }
  }
  .slider__slide:nth-child(1) .slider__back, .slider__slide:nth-child(1) .slider__inner {
 
        background-image:  url(" ../img/IMG_0101_1_50.jpeg");
  }
  .slider__slide:nth-child(2) .slider__back, .slider__slide:nth-child(2) .slider__inner {
       background-image: url(" ../img/IMG_0083_50.jpeg");
  }
  .slider__slide:nth-child(3) .slider__back, .slider__slide:nth-child(3) .slider__inner {
    background-image: url(" ../img/slidern2.jpg");
  }
  
  .sig {
    position: fixed;
    bottom: 8px;
    right: 8px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 100;
    font-family: sans-serif;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 2px;
    z-index: 9999;
  }
/*END OF HEAD SLIDER*/

/* ADVANTAGES SECTION*/
.advantages {
  padding: 60px 0;
}
.advantages .adv-boxes {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}
.adv-boxes .adv-one {
  padding: 0 12px;
}
.adv-boxes div > a {
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #000;
  padding: 24px 20px;
  outline: 0;
  cursor: pointer; 
   width: fit-content;
}
.adv-boxes>div a::after {
  content: "";
  position: absolute;
  bottom: 0; 
     left: -10%;
    right: -10%;
  height: 2px;
  background-color: #f5f5f5; 
}
.advantages a.active {
  color: #f9423a !important;
}
.advantages a.active::after {
  height: 4px !important;
  background-color: #f9423a !important;
}

.advantages .advantages-txt{
  margin-top: 90px;
}
.advantages .advantages-txt h1{
  font-size: 40px;
  font-weight: 700;
  line-height: 1.33;
  text-align: center;
}
/* END OF ADVANTAGES SECTION*/

/* ABOUT COMPANY SECTION*/
.about-company {
  padding:0 0 60px 0;
}
.about-us {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.company-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-right:40px;
}
.img-overlay {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 15px;
  left: 0; 
  
}
.company-img {
  position: relative;
  text-align: center;
}
.img-overlay img{  
        width: 100%;
  height: 100%;
  object-fit:contain;
}
 
/* .company-img img{
  max-height: 546px;
  object-fit: cover;
 
} */
.company-txt h3 {
  margin: 10px 0 30px 0;
}
.company-txt span {
  margin-bottom: 20px;
}
.company-txt p {
  padding-right: 20px;
  font-size: 16px;
  text-align: justify;
}
/* END OF ABOUT COMPANY SECTION*/

/* DIFFERENCES SECTION*/
.differences {
  background-color: #2C2E43;
  padding: 60px 0;
}
.differences .section-title h2 {
  font-size: 40px;
  font-weight: 700;
  margin: 0;
  color:white;
}
.differences .dif-txt {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.others-vs-us {
    background-color: #B2B1B9;
  padding: 25px 10px;
  border-radius: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.others-vs-us div {
  padding-left: 35px;
      color: white;
}
.others-vs-us {
  width: 70%;
}
.differences .dif-txt p {
    padding: 27px;
    text-align: justify;
        color: white;
}
.differences .differences-main {
 background-color: #595260;
  padding: 4px 4px 4px 35px;
  border-radius: 40px;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 50px;
}
.differences .theDiffer h3 {
  font-size: 32px;
  font-weight: 700;
  padding-top: 15px;
}
.differences .theDiffer {
  width: 50%;
}
.theDiffer ul li {
  padding-top: 32px;
  line-height: 24px;
}
.theDiffer ul li i {
  margin-right: 5px;
}
.theDiffer ul li svg {
  width: 20px;
  height: 20px;
}
/* END OF DIFFERENCES SECTION*/
/*SERVICES SECTION*/
.services {
  padding: 60px 0;
}
.services .services-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 4px;
  overflow: visible;
  cursor:pointer;
    position:relative;
}
 
.services .services-flex:hover a{
    color:#0395d4;
}
.services .services-flex:hover::before{ 
     top:-5px;
     opacity:1;
}
.services .services-flex img {
  width: 100%;
  height: 155px;
  object-fit: cover;
  border-radius: 4px;
     transition:0.3s all; 
       
}
.services .services-flex::before{
 position: absolute;
    content: "";
    top: 3px;
    opacity: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: 10px;
    margin: 0 15px;
    background: #ff592c87;
    border-radius: 4px;
    transition: 0.2s all;
}
.services .services-flex span {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.25;
  margin-top: 20px;
     transition:0.2s all;
     display:block;
}
.services .services-flex span {
    color:unset;
}
.services #dle-content{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.services #dle-content .services-flex img{
      height: 250px;
}

.services #dle-content .services-flex{
    margin-bottom:30px;
}
/*END OF SERVICES SECTION*/

/*  PROJECTS SECTİON  */
 .projects-category #dle-content  img{
    height:290px !important;
}
.projects {
  background: #f8f8f8;
  padding: 60px 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; 
    background-position: center;

}
.projects .item-txt {
  padding: 20px;
  text-align: left;
  background: #fff;
}
.partners .owl-carousel .owl-item img{
    width:unset;
    filter: brightness(1) grayscale(100);
}
.partners .owl-carousel .owl-item:hover img{ 
    filter: unset;
}
.projects .owl-carousel img {
  height: 415px;
  object-fit: cover;
  width: 100%;
}
.projects .owl-carousel .owl-item, .projects #dle-content .item  {
  overflow: hidden;
  transition: 0.3s;
  border: 2px solid #f5f6fa;
  border-radius: 12px;
  width: 100%;
}
.projects #dle-content .item{
    transition: .3s all;
    padding:0;
    margin-bottom:20px;
}
.projects #dle-content .item:hover{
    box-shadow: 0 1px 15px 0 rgb(0 0 0 / 20%);
    border-color: #e2e2e2;
}
.projects .item-txt small {
  font-size: 14px;
  line-height: 16px;
  color: #909090; 
}
.projects .item-txt p {
  font-size: 20px;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.142857px;
  color: #333333;
  margin-bottom:0;
  margin-top:10px;
}
.projects > a {
  margin: 40px auto;
  position: relative;
  color: #0369d9;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.1px;
  padding-right: 25px;
}
.projects > a::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  background-image: url("/img/project-svg.svg");
  width: 13px;
  height: 10px;
  transition: 0.3s transform;
}

.projects > a:hover {
  color: #0369d9;
}
.projects > a:hover::before {
  transform: translateX(5px);
}
.projects .owl-carousel {
  position: relative;
}
.projects .owl-nav .owl-prev { 
  position: absolute;
  top: 40%;
  left: 29%;
  transform: translateY(-50%);
  width: 62px;
  height: 62px;
  background-color: #fff !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}

.projects .owl-nav .owl-next { 
  position: absolute;
  top: 40%;
  right: 29%;
  transform: translateY(-50%);
  width: 62px;
  height: 62px;
  background-color: #fff !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}
.projects .owl-nav .owl-next:last-child  svg{
    transform: rotate(180deg);
}
.projects .owl-nav button span {
  font-size: 45px;
}
.projects .section-title h2 {
  line-height: 1.23;
  font-weight: 700;
  font-size: 32px;
  margin: 0;
  color: #000;
  text-transform: unset;
}
.section-title p {
  margin-top: 12px;
  font-size: 18px;
  letter-spacing: 0.2px;
  color: #909090;
  font-weight: 300;
}

.projects .owl-nav button .owl-next {
  top: 50%;
  right: 20% !important;
}
.category-title{
 text-align:center;
 margin-bottom:50px;
}
.projects #dle-content{
        display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.projects #dle-content .item a{
    width:100%;
}
.projects #dle-content .item img{
  height: 415px;
  object-fit: cover;
  width: 100%;
}

/* END OF PROJECTS SECTİON*/

/* PARTNERS SECTION*/
.partners {
  padding: 60px 0;
}
.section-title {
  text-align: center;
  margin: 0 auto;
}
.partners .section-title h2 {
  font-size: 35px;
  letter-spacing: 0.04em;
  font-weight: bold;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.partners-main {
  display: flex;
  justify-content: center;
  align-items: center;
  /* flex-wrap: wrap; */
  flex-direction: row;
}
.partner-one {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 30px;
  border: 1px solid #f2f2f2;
  align-items: center;
  border-radius: 8px;
  margin: 0 5px;
  margin-bottom: 10px;
  height: 120px; 
}
.partner-one:hover  img {
    filter:unset;
}
.partner-one img {
  object-fit: cover;
  max-width: 100%;
  transition: .3s all;
}
/* END OF PARTNERS SECTION*/

/* CALL SECTION */
.call-to-action {
  background: #e2e2e259;
}
.action-image{
   width: 200px;
    height: 200px;
    background: #a9a9a938;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 25px;
}
.action-image img{
   width: 70px;
    height: 70px;
    object-fit: cover;
}
.call-to-action .give-a-call {
  border-right: 1px solid #ccced6;
}

.call-to-action .col-lg-6>div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 70px 0;
  cursor: pointer;
  text-align: center;
}
.call-to-action .col-lg-6 div:hover h2 {
  color: #0796d5;
}
.call-to-action .col-lg-6 div:hover svg:last-child {
  transform: translate(5px);
}
.call-to-action .col-lg-6 div svg:first-child {
  width: 168px;
  margin-bottom: 25px;
}
.call-to-action .col-lg-6 h2 {
  transition: all 0.2s;
  font-size: 44px;
  line-height: 52px;
  margin-bottom: 25px;
  font-weight: 300;
  color: #06380e;
}
.call-to-action a span {
  color: #06380e;
  font-size: 16px;
  font-weight: 700;
  line-height: 20.04px;
  text-transform: uppercase;
  letter-spacing: 0.64px;
}
.call-to-action a svg {
  width: 27px;
  vertical-align: middle;
  margin-left: 9px;
  transition: all 0.2s;
  zoom: 1;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
/* END OF  CALL SECTION */

/* footer section*/
footer {
 padding: 46px 0 32px 0;
}
footer .row {
  justify-content: space-between;
}

footer .footer-nav-title {
  color: black;
  font-size: 16px;
  margin-bottom: 16px;
  font-weight: 700;
}
footer ul li {
  margin-bottom: 14px;
}
footer ul li a,
.bottom-footer .service-nav a {
  color: #a7a8ab;
  transition: 0.2s color;
  font-size: 14px;
}
.bottom-footer .service-nav a img{
    margin-left:5px;
}
footer ul li a:hover,
.bottom-footer .service-nav a:hover {
  color: #333;
}
footer ul {
  margin-bottom: 0;
}

.bottom-footer {
  border-top: 1px solid #e5e5eb;
}
.bottom-footer .row:first-child {
  padding: 16px 0;
  justify-content: space-between;
}
.bottom-footer .first-row > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 
.bottom-footer .service-nav a {
  font-weight: 300;
}
.service-nav a:hover {
    text-decoration: none;
}
 
.footer-social {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.footer-social a {
  height: 24px;
  margin-left: 0.5rem;
}
.footer-social a svg path {
  transition: 0.2s color;
}
.footer-social a:hover svg path {
  fill: #5f00a5;
}
.install-group{
    width:60px;
}
.bottom-footer .row:last-child p,
.bottom-footer .row:last-child span {
  color: #a7a8ab;
  font-weight: 300;
  font-size: 12px;
}

.bottom-footer .row:last-child span {
  margin-left: 16px;
}
 
/*END OF FOOTER SECTION*/

/* direct wp section*/
.directWp {
  background: url("/img/wh-bg.png");
  padding: 0;
  display: none;
  width: 100vw;
  position: fixed;
  left: 0;
  bottom: 0;
  text-align: center; 
}
.directWp::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #198b32b3;
  content: "";
  z-index: -1;
}
.callWp {
  padding: 18px 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.callWp i {
  margin-right: 6px;
}
/* burger mnu section*/
/*.burger {*/
/*  display: none;*/
/*}*/
/*.burger div {*/
/*  width: 32px;*/
/*  height: 2px;*/
/*  background: #ff592c;*/
/*  margin: 8px 0;*/
/*  transition: .3s all;*/
/*}*/

/*.toggle,*/
/*.burger div {*/
/*  transition: 0.4s all;*/
/*}*/
/*.toggle .line1 {*/
/*  transform: rotate(-45deg) translateY(-50%);*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 0;*/
/*}*/
/*.line2 {*/
/*  width: 22px !important;*/
/*}*/
/*.toggle .line2 {*/
/*  display: none;*/
/*}*/
/*.toggle .line3 {*/
/*  transform: rotate(45deg) translateY(-50%);*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 0;*/
/*}*/



.burger-wrapper {
  cursor: pointer;
}

#menyAvPaa {
    display: none;
}
#meny {
    transition-timing-function: cubic-bezier(10,2,3,1);
  
    transition: 0.5s;
}

#burger {
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

#burger > div {
    height: 2px;
    background-color: #ff592c;
    transition: 0.3s;
    z-index: 999;
}

 

#menyAvPaa:checked ~ #burger > div:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}
#menyAvPaa:checked ~ #burger > div:nth-child(2) {
    opacity: 0;
}
#menyAvPaa:checked ~ #burger > div:nth-child(3) {
    transform: translateY(-13px) rotate(-45deg);
}



/* end o fburger menu section*/
@media only screen and (max-width: 1200px) {
    .adv-boxes .adv-one{
        padding: 0 6px;
    }
    .adv-boxes>div a::after{
            left: 0;
    right: 0;
    }
    
}
@media only screen and (max-width: 991px) {
  .nav-call img {
      filter:opacity(0.5) drop-shadow(0 0 0 black);
  }
    .upperLogo img{
        filter:none;
    }
  .mobile-nav>div{ 
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .projects .owl-nav .owl-next, .projects .owl-nav .owl-prev {
      background:#ff5a2d82 !important;
  }
  .projects .owl-nav .owl-next svg path, .projects .owl-nav .owl-prev svg path{
      fill:#fff;
  }

  .mobile-nav{
    display: block;
    background-color: #ffffff;
    padding: 20px 0;
  }
  body{
    padding-top: 85px !important;
    padding-bottom:60px;
  }
  header .upper-header, header .bottom-header{
    display: none;
  }
  header .nav-call span{
    display: none;
  }
  .upperLogo img{
      object-fit:contain;
  }
  .mobile-list li a{
    color: #000;
  }
  .mobile-nav .nav-call a{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mobile-nav .nav-btn{
    margin-top: 15px;
    margin-left: unset;
  }
  .mobile-list{ 
      position: fixed;
      top: 0;
      right: 0;
      left: unset;
      height: 100vh;
    width: 75%;
    z-index: 111;
    background-color: #ffffff;
      padding: 20px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      transform: translateX(100%);
      transition: 0.4s all;
      display: flex;
  }
    .mobile-list .mobile-drop{
        text-align:center;
    }
  .mobile-list .mobile-drop span i{
      margin-left:10px;
     
  }
    .mobile-list .mobile-drop span i{
        transition:0.3s transform;
    }
  .upside-down{
      transform:rotate(180deg);
  }
  .displayNone{
      display:block !important;
  }
 .mobile-list   .mobile-open-drop{
      display:none;
  }
  #menyAvPaa:checked ~ #meny {
    transform: translateX(0rem);
}

  header .nav-call{
    flex-direction: column;
  }
  .mobile-list li{
    padding: 10px 0;
    cursor: pointer;
  }
  .translated-menu {
    transform: translateX(0); 
  }
  .mobile-lang img{
      width: 32px;
      height: 32px;
      object-fit: cover;
      border-radius: 100%;
  }
  .mobile-lang a{
    margin-left: 5px;
  }
  .burger {
    width: 32px;
    height: 38px;
    display: block !important;
    cursor: pointer;
    z-index: 1000;
    position: relative;
    float:right; 
  }
  header .upper-header {
    display: none;
  }

  .directWp {
    display: block !important;
    z-index: 999;
  }
  .advantages .adv-boxes{
    flex-direction: column;
  }
  .adv-boxes .adv-one{
    margin-bottom: 40px;
  }
  .advantages .advantages-txt{
    margin-top: 60px;
  }
  .about-company{
    padding: 30px 0;
  }
  .about-us{
    flex-direction: column;
    width: 100%;
  }
.company-txt{
    padding: 0 10px ;
}
  .company-txt h3, .company-txt span{
    margin: 10px auto;
  }
  .company-txt p{
    padding: 15px;
    text-align: justify; 
  } 
  .company-img>img{
      max-width:100%;
  }
  
.differences .differences-main{
  flex-direction: column;
}
.differences .dif-txt{
  width: 100%;
}
.others-vs-us{
  width: 100%;
}
.differences .differences-main{
  padding: 5px;
}
.others-vs-us div{
  padding-left: 20px;
}
.services .services-flex span{
  text-align: center;
}

.projects .owl-nav .owl-prev{
  left: 0;
}
.projects .owl-nav .owl-next{
  right:0;
}
.partners-main{
  flex-wrap: wrap;
  flex-direction: unset;
}
.projects .item-txt{
  text-align: center;
}
 
.call-to-action .give-a-call{
  border-bottom: 1px solid #ccced6;
  border-right: none ;
}
.call-to-action .col-lg-6 div svg:first-child{
  width: 135px;
}
.call-to-action .col-lg-6 h2{
  font-size: 34px;
}
.call-to-action a span{
    width: 13px;
}
/* footer .row{
    flex-direction: column;
    flex-wrap: wrap;
} */
footer  .col{
  width: 50%;
  flex-basis: inherit;
}
.footer-social{
  justify-content: center;
}
.bottom-footer .row:last-child .col-md-12{
  text-align: center;
}
.call-to-action .col-lg-6 div{
  padding: 60px 0;
}
.differences .dif-txt p{
  padding: 30px;
  color:white;
}
}
 @media only screen and (max-width:400px) {
    .slider__content h1{
          font-size: 4vh !important;
      }
 }

 @media only screen and (max-width:576px) {
     .advantages .advantages-txt h1{
         font-size:28px;
     }
     .head-slider .carouselCaption h1{
         font-size: 35px; 
    text-align: center;
     }
       .slider, .slider__slide{
      height:40vh !important;
  }
   .differences .theDiffer{
       width:100%;
       padding-left: 15px;
   }
   .others-vs-us{
           flex-direction: column;
   }
   .theDiffer ul li:first-child {
    padding-top: 0;
}
.modal-body{
    padding:0 15px !important;
}
 }
  @media only screen and (max-width:768px) {
      .slider__content h1{
          font-size: 6vh;
      }
      .slider__inner{
          padding: 4vh;
      }
  .slider, .slider__slide{
      height:60vh;
  }
      .footer-social{
          margin-top:30px;
      }
        .projects-category #dle-content .item{
         margin-bottom:30px;
     }
     .head-slider .carousel, .head-slider .carousel-inner{
         /*height: 450px;*/
         height: calc(100vh - 56px);
     }
     .services .services-flex:not(:last-child){
         margin-bottom: 40px;
     }
     .static-bg-title{
         display: none;
     }
 
    
  }
   /* end of   wp on mobile */
  @media only screen and (max-width:1200px) {
    header nav a{
        margin: 0 8px;
    }  
    header .nav-call .nav-btn{
        padding: 6px 21px ;
    margin-left: 4px;
    }

  }
 /* modal section */

.modal-content {
    border-radius: 10px !important;
    padding-top: 40px;
    position: relative; 
  z-index:99999999;
}
.modal-header {
    padding: 0 60px 20px 60px !important;
}
.modal-content .close {
    display: block;
    height: 20px;
    opacity: .5;
    position: absolute;
    right: 40px;
    top: 50px;
    width: 20px;
    z-index: 100;
    padding: 0;
    outline: transparent;
}
 .modal-content .close::after {
    left: 50%;
    height: 100%;
    margin-left: -1px;
    top: 0;
    width: 2px;
}
.modal-content .close::before {
    left: 0;
    height: 2px;
    margin-top: -1px;
    top: 50%;
    width: 100%;
}
.modal-body {
    padding: 0 60px  !important;
} 
.modal-content .close::before, .modal-content .close::after {
    background: #000000;
    border-radius: 2px;
    content: '';
    display: block;
    position: absolute;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(
45deg
);
    transform: rotate(
45deg
);
}
.modal-backdrop{
    z-index: 0;
}

/* end of modal sectionn*/
/* map section*/

[class*="ymaps-2"][class*="-ground-pane"] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

/*end of map secction*/