html, body {
  font-size: 62.5%;
 overflow-x: hidden!important;

}

body {
  font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 14px;
} 
.p9 {
      padding-top: 6rem!important;
}

.home-win {
  background:transparent url("/assets/images/home-concept.png")  no-repeat center 0;
  width: 100%;
  margin:140px 0px 70px;
  overflow: hidden;
}

 .fade {
    transition: opacity .55s linear;
    }
    .modal-open {
        overflow-y: hidden!important;
          padding: 0!important;

    }
    nav { 
      z-index: 2;
          transition:all 0.5s ease 0s;

 }

nav.fixed-top { 
    animation: smoothScroll 1s forwards;

}
      @keyframes smoothScroll {
        0% {
          transform: translateY(-50px);
        }
        100% {
          transform: translateY(0px);
        }
      }

.subedirection {
   border: 12px solid transparent;
    border-top-color: #f16338;
    top: 28px;
    content: "";
    display: block;
    left: 50%;
    margin-bottom: -24px;
    position: absolute;
    z-index: 10;
}
.navLogo:before {
    content: '';
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -24px;
    -webkit-transform: skewX(13deg);
    transform: skewX(13deg);
    background: #fff;
    z-index: 2;
}

.navLogo:after {
   content: '';
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -30px;
    -webkit-transform: skewX(13deg);
    transform: skewX(13deg);
    background: #f16338;
    z-index: 1;
    box-shadow: 0 -5px 0 #f16338;
}
 .sliderPosition {
      position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    z-index: 1;
    background-color: #fff;
    border-top: 5px solid #f16338;
 }
header {
  height:83.98vh;
  position: relative;
}
.scroll-to-top {
    position: fixed;
    bottom: 12px;
    right: 30px;
    z-index: 1;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #f16338;
    font-size: 17px;
    line-height: 40px;
    border-radius: 50%;
        border: 2px solid white;
  }
#preloader {
position: fixed; 
left: 0;
 top: 0;
 z-index: 999;
 width: 100%;
 height: 100%;
 overflow: visible;
background: #fff url('/assets/images/sliding_square_loader_view.gif') no-repeat center center;
       }

div.ucgen {
   border-color:  transparent  transparent transparent white;
   border-style: solid;
   border-width: 61px 0px 0px 61px;
   width: 0px;
   height: 0px;
   position: absolute;
   left:0;
   user-select: none!important;
  
}

div.ucgen-2 {
   border-color:  transparent white transparent  transparent ;
   border-style: solid;
   border-width: 61px 61px 0px 0px;
   width: 0px;
   height: 0px;
   position: absolute;
   right:0;
   user-select: none!important;
   


}
.nonselect {
  user-select: none;
}
.bg-dark { 
background: #f16338!important;  /* fallback for old browsers */


  }

  .colorch {
    color:#f16338!important;
    text-decoration: none;
  }
.fa, .fas ,.fab {
    font-weight: 900;
      color: #f16338;  /* fallback for old browsers */

}
.navbar-dark .navbar-nav .nav-link { color:#fff!important; }
.fa-2x {
   background: #f16338;  /* fallback for old browsers */
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    }
  .sendmail {
  	background: url('/assets/images/dot_forlong.png') repeat-x;
  }
  .customer {
    padding: 80px 0px 80px
     }
     .navbar-dark .navbar-nav .nav-link{
    color: #ffbf00;
    border-right: 0.8px solid #f8f9fa5c;

}
.dip {
  display: none;
}
span.change , span.header , h2.frkt {
      font-size: 3.462rem;
      line-height: 1.14;
        font-weight: 800;
        color:#495057;
  
 }
 span.header-two { 
    font-size: 1.30rem;
		font-weight: 700;
		color:white;
  }
 .btn-outline-info {
  color: #f16338!important;
		border-color: #f16338!important;
 }
.btn-outline-info:hover  { 
      background-color:#f16338!important;
	color:white!important;

 }
 .dLink{
  border-left: 0.8px solid #f8f9fa5c;
 }
  h3 {
 	color:#495057;
 }
 span.change {
      color: #f16338!important;  /* fallback for old browsers */

}

footer  {
		background: url('/assets/images/cim2.png') repeat-x;
		padding: 20px;
}

.btn-lg {

	font-size: 1.4rem!important;
}
.isbirlik {
	border-top: .1em solid;
}
.foot {
	padding: 50px 0px 30px;
}


section.breadcrumb-4 {
  padding:50px;
  background-image: url('/assets/images/sphoto.jpg');
  background-repeat: no-repeat;
      max-height: 100%;
    background-size: cover;
    min-height: 200px;
        -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);
   }

   section.breadcrumb-5 {
  padding:50px;
  background-image: url('/assets/images/location-min.jpg');
  background-repeat: no-repeat;
      max-height: 100%;
    background-size: cover;
    min-height: 200px;
        -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);
   }

   section.breadcrumb-6 {
  padding:50px;
  background-image: url('/assets/images/contact-banner.jpg');
  background-repeat: no-repeat;
      max-height: 100%;
    background-size: cover;
    min-height: 200px;
        -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);
   }

section.breadcrumb-3 {
  padding:50px;
  background-image: url('/assets/images/human-resource.jpg');
  background-repeat: no-repeat;
      max-height: 100%;
    background-size: cover;
    min-height: 200px;
    -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);
}
section.breadcrumb-1 {
  padding:50px;
  background-image: url('/assets/images/services.jpg');
  background-repeat: no-repeat;
      max-height: 100%;
    background-size: cover;
    min-height: 200px;
    -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);
}
section.breadcrumb-2 {
  padding:50px;
  background-image: url('/assets/images/gallery/10.jpg');
  background-repeat: no-repeat;
      max-height: 100%;
    background-size: cover;
    min-height: 200px;
    -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);
}

.counters {
  font-size: 3.462rem;
     background: #f16338;  /* fallback for old browsers */
border-radius: 8%;
  width: 100%;
  height:100%;
  color:#fff!important;
  padding: 20px;
  font-weight: 800;
}
label.info {
  font-size:2.212rem!important;
}


a.bread {
text-decoration: none; color:#fff!important;
}

hr.tall {
      background-image: linear-gradient(to left, transparent, #f1633885, transparent);
    border: 0;
    height: 1px;
        margin: 24px 0;
}

.overlay {
      background: transparent url('/assets/overlays/02.png') repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.overlaytext {   z-index:20;  position: absolute; margin-left: auto;
margin-right: auto;
left: 0;
right: 0; 
}

.wodry , .wodryB{
  padding-left: 5px;
  padding-right: 5px;
  border:1px solid #f16338;
  color:#f16338;
  font-weight: 700;
  margin:0 5px 0 5px;
}

.card-header { 
    background-color: #f16338!important;
    border-bottom: 1px solid #f8f9fa!important;
    padding: 0!important;

 }
.btn-link { 
    color:white!important;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none!important;
 }
.rotatespin {
      -webkit-animation:spin 45s linear infinite;
    -moz-animation:spin 45s linear infinite;
    animation:spin 45s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.animated.slower {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}