body {
   font-family: "Urbanist", sans-serif;
    background: #fff;
}

* {
    outline: none
}

li {
    list-style: none;
}

ul {
    margin: 0;
    padding-left: 0;
}

a,a:hover,a:focus {
    text-decoration: none;
    color: #586270;
}

/* width */
::-webkit-scrollbar {
    width: 4px;
}

button,button:focus {
    border: none;
    outline: none;
}

hr {
    color: #ECECEC;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #005894;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #052566;
}

.pore {
    position: relative;
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-45 {
    transform: rotate(-45deg);
}
.mtop-45 {
    margin-top: 45px;
}
.mtop-60 {
    margin-top: 60px;
}

.mtop-90 {
    margin-top: 90px;
}

.vh-100 {
    height: 100vh;
}

header {
    z-index: 99;
    width: 100%;
    position: absolute;
    padding-top: 30px;
    padding-bottom: 25px;
}

.c-container {
    width: 100%;
    padding: 0 160px;
}

header .navbar {
    padding: 0;
}

header .logo img {
    padding: 15px 0;
}

header .logo p {
    margin-bottom: 0;
    margin-top: 40px;
    line-height: 15px;
    margin-left: 11px;
    font-size: 14px;
    color: #4C4F52;
    font-weight: 400;
}

header .logo {
    display: flex;
    align-items: center;
}

header .navbar-nav {
    padding: 0 0px;
    position: relative;
}

header .navbar-dark .navbar-collapse .nav-item {
    padding: 12px 12px;
}

header.sticky .navbar-dark .navbar-collapse .nav-item {
    padding: 13px 33px;
}

header .navbar-dark .navbar-collapse .nav-link {
    color: #fff;
    margin: 0;
    font-size: 15px;
    letter-spacing: 3px;
    font-weight: 500;
    padding: 9px 0;
    position: relative;
    display: flex;
    align-items: center;
}

header .navbar-dark .navbar-collapse .uzman .nav-link {
    color: #fff;
    margin: 0;
    margin-left: 10px;
    border-radius: 50px;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 500;
    padding: 15px 25px;
    position: relative;
    transition: all .5s;
    display: flex;
    align-items: center;
    background: #e30613;
background: linear-gradient(90deg, rgba(190, 165, 115, 1) 0%, rgba(240, 203, 151, 1) 100%);
}

header .navbar-dark .navbar-collapse .uzman .nav-link:hover {
    background: #e30613;
background: linear-gradient(270deg, rgba(190, 165, 115, 1) 0%, rgba(240, 203, 151, 1) 100%);
}

header .languages {
    padding: 0;
    margin-left: 25px;
}
header .entegra {
    padding: 0;
    margin-left: 25px;
}
header .entegra svg{
  font-size: 36px;
  color:#ced2d8;
}
header  .languages a {
    background: #7d8c9d;
    color: #fff;
    font-size: 15px;
    border-radius: 50px;
    padding: 15px;
}

header  .languages a:hover {
    background: #f2f2f2;
    color: #7d8c9d;
}

header.sticky .logo img {
    padding: 5px 0;
    width: 10rem;
}

header .navbar-dark .navbar-collapse .nav-link.menu-product {
    color: #073E83;
}

header .navbar-dark .active>.nav-link, .navbar-dark .navbar-collapse .nav-link:hover {
    color: #fff!important;
}

header.header {
    position: absolute;
    background: transparent;
}

.dropdown-submenu {
    position: relative;
    width: 100%;
}

- .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

.dropdown-submenu li {
    width: 100%;
}

.dropdown-menu {
    top: 86%;
    left: 15px;
    z-index: 1000;
    min-width: 14.5rem;
    max-width: 15rem;
    padding: 20px 15px 15px 15px;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
}

.dropdown-menu-two {
    background-color: #fff;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-submenu .dropdown-toggle::after {
    display: none;
    font-family: 'Font Awesome 5 Free';
    content: "\f054";
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 700;
    border: none;
    font-size: 9px;
}

.dropdown-submenu .dropdown-toggle:hover:after {
    display: inline-block;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    margin-left: 0;
    padding-left: 10px;
    border: none;
    background: transparent;
    width: 100%;
    height: 100%;
}

.dropdown-submenu:hover>.dropdown-menu ul {
    background: #fff;
    display: block;
    position: absolute;
    padding: 17px 5px;
    top: -17px;
    padding-left: 0;
    -webkit-box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.52);
    -moz-box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.52);
    box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.52);
}

.dropdown-submenu a {
    color: #231f20;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 6px;
    display: flex;
    white-space: break-spaces;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.dropdown-menu-two .dropdown-submenu a {
    color: #8A8A8A
}

.dropdown-menu-two .dropdown-submenu a:hover {
    color: #8A8A8A
}

.dropdown-submenu a svg {
    position: relative;
    transition: all .5s;
    left: 0;
}

.dropdown-submenu a:hover svg {
    left: 10px;
}

.dropdown-submenu a:hover {
    color: #e30613;
    background: none;
}

header .navbar-nav .nav-link:after {
    background: #e30613;
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -7px;
    left: 0;
    transition: all .5s ease-in-out;
}

header .navbar-nav .nav-link:hover:after {
    width: 100%;
}

header .navbar-nav .active .nav-link:after {
    width: 100%;
}

.dropdown-submenu a:after {
    background: #e30613;
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 2px;
    left: 0;
    transition: all .5s ease-in-out;
}

.dropdown-submenu a:hover:after {
    width: 100%;
}

header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
}

.sticky-two {
    position: fixed;
    top: 90px;
    width: 100%;
}

.phone {
    display: none;
}

.menu-btn {
    display: none;
    padding: 11px 0;
}

.menu-btn {
    min-width: 32px;
    cursor: pointer;
}

.menu-btn span {
    position: relative;
    content: " ";
    background: #fff;
    width: 32px;
    height: 4px;
    display: block;
    margin-bottom: 5px;
    transition: all .5s ease-in-out;
    cursor: pointer;
    text-align: right;
}

.menu-btn span:nth-child(2) {
    width: 32px;
}

.menu-btn span:nth-child(3) {
    width: 32px;
}

.menu-btn:hover span:nth-child(3) {
    width: 32px;
}

.menu-btn:hover span:nth-child(2) {
    width: 16px;
}

.menu-btn:hover span:nth-child(1) {
    width: 26px;
}

.sidenav {
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: -100%;
    background: #fff;
    overflow-x: hidden;
    transition: 1s;
    padding: 14.4% 2.8% 0;
}

.sidenav ul {
    list-style-type: none;
    padding: 16px 0 11px;
    display: block;
    margin: 0;
}

.sidenav ul li {
    padding: 9px 15px 5px 0;
}

.sidenav ul ul {
    padding: 0px;
}

.sidenav ul ul li {
    padding: 0px;
}

.sidenav .closebtn {
    position: absolute;
    top: 7px;
    right: 21px;
    z-index: 999;
    color: #212529;
    font-size: 50px;
}

.sidenav .header {
}

.sidenav .header li {
}

.sidenav .header li a {
    color: #231f20;
    font-size: 20px;
    line-height: 29px;
}

.sidenav .header li a:hover {
    color: #3D3D3D;
}

.sidenav .header ul {
    margin-top: 5px
}

.sidenav .header ul li a {
    color: #231f20;
    font-size: 18px;
    line-height: 39px;
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: 10px;
}

.sidenav .header ul li svg {
    color: #003A5D;
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px
}

.sidenav .header ul li:hover a svg {
    color: #3D3D3D;
}

.carousel-control-prev-icon {
    background-image: url("../images/ikon/prev.svg");
}

.carousel-control-next-icon {
    background-image: url("../images/ikon/next.svg");
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    padding: 20px;
    border-radius: 50%;
    background-size: 34px;
    outline: 0;
}

.carousel-caption {
    position: absolute;
    left: 13%;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
}

.carousel-caption h1 {
    font-size: 69px;
    color: #fff;
    font-weight: 500;
    max-width: 50rem;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.carousel-caption h6 {
    font-size: 20px;
    color: #e30613;
    margin-top: 15px;
    margin-bottom: 50px;
    letter-spacing: 2px;
    max-width: 39rem;
}

.carousel-control-prev {
    left: initial;
    left: 115px;
    width: 3%;
    opacity: 1;
    z-index: 51;
    top: 45%;
    bottom: initial;
    transition: all .3s ease-in-out;
}

.carousel-control-next {
    left: initial;
    right: 115px;
    width: 3%;
    opacity: 1;
    top: 45%;
    bottom: initial;
    transition: all .3s ease-in-out;
}

.carousel-control-next:hover {
    padding-left: 12px;
}

.carousel-control-prev:hover {
    padding-right: 12px;
}

.carousel-caption a {
    color: #fff;
    padding: 0px 0px 0px 56px;
    font-size: 15px;
    font-weight: 500;
    transition: all .5s;
    position: relative;
    transition: all .5s;
}

.carousel-caption a:hover {
    padding: 0px 0px 0px 70px;
}

.carousel-caption a:after {
    content: "";
    background: #fff;
    position: absolute;
    top: 8px;
    left: 0;
    width: 45px;
    height: 3px;
    transition: all .5s;
}

.carousel-caption a:hover:after {
    width: 55px;
}

.caption-text {
    position: relative;
}

.carousel-indicators {
    bottom: 35px;
    right: initial;
    margin-left: 13%;
}

.carousel-indicators li {
    width: 38px;
    height: 4px;
    margin-right: 4px;
    margin-left: 4px;
    background-color: #fff;
    border-top: none;
    border-bottom: none;
    opacity: 1;
    border-radius: 0px;
}

.carousel-indicators li.active {
    background-color: #e30613;
}

.home-about {
    padding: 95px 0 130px;
    overflow: hidden;
}

.home-about .amblem {
    position: absolute;
    bottom: -45px;
    right: 45px;
    background: #231f20;
    padding: 50px;
    width: 210px;
}

.home-about h4 {
    font-size: 31px;
    letter-spacing: -1px;
    color: #e30613;
    margin-bottom: 0px;
    font-weight: 600;
}

.home-about h2 {
    font-size: 59px;
    letter-spacing: 1px;
    color: #231f20;
    margin-bottom: 20px;
    font-weight: 400;
}

.home-about p {
    font-size: 18px;
    letter-spacing: 1px;
    color: #6d6e71;
    margin-bottom: 15px;
    padding-right: 38px;
}

.home-about a {
    margin-top: 20px;
    display: inline-block;
    color: #fff;
    margin: 0;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 16px 32px 16px 16px;
    transition: all .5s;
    align-items: center;
    background: #231f20;
    margin-top: 20px;
    position: relative;
    border-right: 0;
}
.home-about a:after {
  top:0;
  right: -8px;
  width:4px;
  height:100%;
  content:"";
  background: #0d64af;
  position: absolute;
}
.home-about a:before {
  top:0;
  right: -16px;
  width:4px;
  height:100%;
  content:"";
  background: #e30613;
  position: absolute;
}

.home-about a:hover {
   background: #e30613;
}

.home-referance {
    padding-top: 148px;
    padding-bottom: 90px;
}

.home-referance h2 {
    font-size: 44px;
    color: #231f20;
    letter-spacing: 0px;
    margin-bottom: 90px;
    text-align: center;
    font-weight: 600;
}

.home-referance .referance-slider img {
    padding-top: 15px;
    margin: 0 auto;
    transition: all .5s;
    bottom: 0;
    position: relative;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.home-referance .referance-slider img:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    bottom: 15px;
}

.home-referance .slick-slide {
    margin: 0 25px;
}

.home-referance .slick-list {
    margin: 0 -25px;
}

.home-referance a {
    margin: 0 15px;
    transition: all .5s;
    left: 0;
    position: relative;
}

.home-referance a:hover {
    left: -10px;
}

.home-referance a+a:hover {
    left: 10px;
}

footer {
    background: #231f20;
    padding: 98px 0 45px;
}

footer .footer-menu li a {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    padding-left: 48px;
    display: inline-block;
    position: relative;
}

footer .center {
    margin: 24px 0 36px;
}

.footer-contact li p {
    max-width: 21rem;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
}

footer .center ul.footer-contact li a {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 30px;
    font-weight: 300;
    transition: all .5s;
    display: inline-block;
}
.social-media ul {
    gap: 16px;
    margin-top: 15px;
}

.social-media a {
    color: #fff;
    font-size: 22px;
}
footer .center ul.footer-contact li:nth-child(2) a {
    font-size: 27px;
}

footer .center ul.footer-contact li a:hover {
    color: #D9B187;
}

footer .bottom p {
    margin-bottom: 0;
    color: rgb(255 255 255 / 100%);
    font-size: 12px;
    font-weight: 500;
}

footer .bottom .left {
    display: flex;
    align-items: center;
    gap: 25px;
}

footer .bottom li {
    margin-left: 8px;
    padding-left: 8px;
}

footer .bottom li:first-child {
    border: none;
}

footer .bottom li a {
    font-weight: 500;
    font-size: 12px;
    color: rgb(255 255 255 / 100%);
}

footer .bottom .right a{
font-size:12px;font-weight:500;
    color: #fff;
}

footer .bottom .right svg {
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 10%);
    font-size: 9px;
    color: #fff;
    cursor: pointer;
}

.footer-form {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 36px;
    background: #0a2b53;
}

.footer-form svg {
    color: rgb(255 255 255 / 20%);
    font-size: 96px;
}

.footer-form .right {
    display: flex;
    align-items: start;
    flex-direction: column;
}

.footer-form span {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 3px;
}

.footer-form span.open-form {
    font-size: 16px;
    color: #00283B;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 3px;
    background: #D9B187;
    margin-top: 24px;
    padding: 15px 20px;
    border-radius: 35px;
    cursor: pointer;
}

.footer-form span.open-form:hover {
    background: #EBCBAB;
}

.footer-form b {
    text-decoration: underline;
    cursor: pointer;
}

.footer-form d {
    font-size: 12px;
    color: rgb(255 255 255 / 80%);
}

.banner {
    height: 53vh;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: right!important;
}


.breadcrumb-links a {
    font-size: 16px;
    color: #fff;
}
.breadcrumb-links svg {
    font-size: 13px;
  margin:0 12px 0 7px;
    color: #fff;
	
}
.banner .pbottom-105 {padding-bottom: 125px;}
.sablon .item {background:#fff;margin-top: -104px;min-height: 10vh;padding: 85px 120px 81px 120px;}
.about {}
.about h2{font-size: 44px;color:#231f20;letter-spacing: 0;margin-bottom:40px;text-transform: uppercase;}
.about h6{font-size:24px;color:#e30613;letter-spacing: 0px;margin-bottom:20px;font-weight: 600;}
.about p{font-size: 22px;color: #231f20;line-height: 36px;}
.ekip {background:#f9f9f9;padding-bottom:105px;padding-top:85px;margin-bottom:105px;}
.ekip h2{font-size:60px;color:#231f20;letter-spacing:1px;margin-bottom:40px;}
.ekip h6{font-size:24px;color:#e30613;letter-spacing:4px;margin-bottom:20px;}
.ekip .title{position:absolute;bottom:-120px;padding-left:23px;padding-bottom:45px;z-index:9;opacity:0;transition:all .5s;}
.ekip  .item:hover .title{opacity:1;bottom:0;}
.ekip .item{position:relative;}
.ekip .item:after{content:"";background:url(../images/ekip/ekip-bg.png);position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;background-repeat:no-repeat;background-size:cover;background-position:center;}
.ekip .item:hover:after{opacity:.9;}

.ekip-slider .slick-slide {
    margin: 0 15px;
}

.ekip-slider .slick-list {
    margin: 0 -15px;
}
.ekip .title h4{padding-left: 23px;font-size:57px;letter-spacing:1px;width: 15rem;margin-bottom: 22px;position:relative;padding-bottom: 15px;}
.ekip .title h4:after{content:"";background:#fff;width: 37%;height:3px;position:absolute;bottom:0;left:0;}
.ekip .title h5{padding-left: 23px;font-size:18px;color:#f9f9f9;text-transform:uppercase;letter-spacing:1px;}
.services h2{font-size: 32px;color:#231f20;letter-spacing: 0px;margin-bottom:40px;width: 85%;max-width: 60rem;text-align: center;margin: 0 auto 40px;}
.services h6{font-size:24px;color:#e30613;margin-bottom:20px;text-align: center;}
.services p{font-size:25px;color:#6d6e71;letter-spacing:1px;margin-bottom:30px; line-height:40px;}
.services .item{padding-bottom:80px;}
.services-sablon {padding-bottom:88px;}
.services-sablon h3{color:#e30613;font-size: 50px;letter-spacing:1px;}
.services-sablon p{color:#6d6e71;font-size:25px;letter-spacing:1px;line-height:32px;}
.services-sablon .item-one .item{padding-left: 30px;padding-right: 45px;}
.services-sablon .item-two .item{text-align: right;
    padding-right: 30px;
    padding-left: 50px;}
.other-services .item h3 {
    margin-bottom: 36px;
    color: #231f20;
    font-size: 30px;
    min-height: initial;
}
.other-services{margin-bottom:100px;}
.other-services .item img {
  width:initial;
height:75px;  
}
.other-services .item {
  
    padding: 60px 0 45px 45px;
   
}
.other-services  .item img {
    margin-bottom: 25px;
   
}
.other-services .item b {
   
    font-size: 10px;
    letter-spacing: 1px;
}
.other-services .item b:after {
  
    top: 5px;
}
.other-services .item:after {
  
    right: -115px;
    bottom: -63px;
}
.other-services .item:hover:after {
  
    background-size: 100%;
}
.other-services-two {padding-top:246px;margin-top:-141px;}
.contact h2{font-size: 44px;color:#231f20;letter-spacing:1px;margin-bottom: 70px;}
.contact h6{font-size:24px;color:#e30613;letter-spacing:4px;margin-bottom: 3px;}
.contact p{font-size:25px;color:#6d6e71;letter-spacing:1px;margin-bottom:30px; line-height:40px;}
.map {height:60vh}
/*contact*/

.frm-btn {
    display: flex;
    justify-content: flex-end;
    width: max-content;
}

.contact-form  .border {
    border-radius: 5px;
}

.contact-form .clss input {
    height: 60px;
    padding-left: 30px;
    font-size: 22px;
    color: #231f20;
}

.contact-form textarea {
    min-height: 170px;
    padding-left: 30px;
    padding-top: 30px;
    color: #231f20;
    font-size: 22px;
}

.form-check-two {
    position: relative;
    padding-left: 1.25rem;
    display: block;
    margin-bottom: 25px;
}

#ctl08_chklang_kvkk {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-check-two label {
    position: relative;
    cursor: pointer;
    z-index: 9;
}

.form-check-two label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #231f20;
    padding: 18px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px;
    margin-top: -10px;
}

.form-check-two input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 15px;
    width: 10px;
    height: 20px;
    border: solid #cd9967;
    border-width: 0 4px 5px 0;
    transform: rotate(45deg);
}

.form-check-two a {
    color: #231f209e;
    font-size: 18px;
}

.contact-form .form-check-two .cerez-politikasi-text span {
    padding-left: 32px;
    display: block;
}

.contact-form .form-btn-two {
    display: inline-block;
    color: #fff;
    margin: 0;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 16px 32px 16px 27px;
    transition: all .5s;
    align-items: center;
    background: #231f20;
    margin-top: 0;
    position: relative;
    border-right: 0;
    margin-right: 15px;
}
.contact-form .frm-btn {
  position:relative;
}
.contact-form .frm-btn:before {
    top: 0;
    right: 0px;
    width: 4px;
    height: 100%;
    content: "";
    background: #e30613;
    position: absolute;
}
.contact-form .frm-btn:after {
    top: 0;
    right: 8px;
    width: 4px;
    height: 100%;
    content: "";
    background: #0d64af;
    position: absolute;
}
.contact-form .captcha {
   height:58px;
    border-radius:50px
}
.contact-form .captcha input {
   height:58px;
  text-indent: 105px !important;
   
}
.contact-form .captcha .img {
   height:58px;
   background:#231f20 !important;
}
input::placeholder{color:##231f209e;font-size:18px;letter-spacing:1px;}
textarea::placeholder{color:##231f209e;font-size:18px;letter-spacing:1px;}
.captcha input::placeholder{color:##231f209e;font-size:18px;letter-spacing:0px;}
.contact h4{color:#231f20;font-size:21px;text-transform:uppercase;margin-top: 0;margin-bottom:20px;}
.contact h3{color:#e30613;font-size:53px;letter-spacing:1px;margin-bottom: 0;line-height: 53px;}
.contact img{margin-right:15px;}
.contact .mbottom-40 svg{font-size: 31px;color:#e30613;margin-right:15px}
.contact .mbottom-40 a{font-size:21px;color:#231f20;line-height:31px;letter-spacing:1px;max-width: 22rem;}
.mbottom-40 {margin-bottom: 30px;}
.form-group {
    margin-bottom: 25px;
}
.contact a span {position:relative;left:0;transition:all .5s;}
.contact .mbottom-40:hover span {left:15px;}
@-webkit-keyframes bgMove {
  100% {
    background-position: 0px -3000px; } }
@-moz-keyframes bgMove {
  100% {
    background-position: 0px -3000px; } }
@-o-keyframes bgMove {
  100% {
    background-position: 0px -3000px; } }
@-ms-keyframes bgMove {
  100% {
    background-position: 0px -3000px; } }
@keyframes bgMove {
  100% {
    background-position: 0px -3000px; } }

.services-img {position:relative;z-index: 2;}
.banner h4 {position: absolute;
    color: #fff;
    z-index: 0;
    opacity: 10%;
    font-size: 55px;
    margin-bottom: -65px;
    font-size: 170px;
    letter-spacing: 1px;}
.languages .active.lang{position:relative;}
.languages .all-languages{
    display: none;
    position: absolute;
    left: -40px;
    margin-left: 0;
    top: 30px;
    padding-top: 17px;
    }
.languages .all-languages .lang{margin-bottom: 30px;
    margin-top: 10px;}
.languages:hover .all-languages{display: block; }
.languages.all-languages:hover {display: block; }
.galeri-slider {overflow:hidden;}
.galeri-slider img{transition:all .5s; transform:scale(1);position:relative;}
.galeri-slider:hover img{ transform:scale(1.1);}
.breadcrumb-links {overflow:auto;}
.breadcrumb-links li  {white-space: nowrap;}
.breadcrumb-links::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.slider-bg {background-size:cover!important;background-position:center!important;height: 100vh;}

.home-services {
  
    margin-bottom: 90px;
}
.show-768 {
    display: none;
}
.home-services-all{border-radius: 30px;padding:18px 30px;background:#231f20;position: relative;z-index: 9;font-size: 20px;font-weight: 600;color: #fff;transition:all .5s;}
.home-services-all:hover{padding:18px 35px;color:#fff;}
.misyon-vizyon{background:#f4f4f4;}
.misyon-vizyon .item-2{padding: 65px 167px 65px 115px;}
.misyon-vizyon .item-2 h2{font-size: 44px;color: #231f20;font-weight:600;margin-bottom:20px;margin-top: 10px;}
.misyon-vizyon .item-2 p{max-width: 30rem;font-size: 22px;color:#6d6e71;font-weight:400;}
.services-sablon img{width:100%;}
.files {display:none;}
.file  .lbl {display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.file  .lbl span:first-child{color:#231f20;font-size:24px;font-weight:400;}
.file  .lbl span:last-child{background:#231f20;font-size:18px;font-weight:500;color:#fff;padding:8px 14px;border-radius:30px;}
.services-list{margin-bottom:160px;}
.services-list .items {
    padding: 0 0 30px 0;
    position: relative;
    z-index: 1;
    border: 1px solid #212529;
    overflow: hidden;
}
.services-list .items:hover {
    background: #231f20;
    -webkit-box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 0.75);
}
.services-list  .items img {
    margin-bottom: 20px;
    transition: all .5s;
    height: 275px;
    object-fit: cover;
}
.services-list .items:hover img {

    bottom: 15px;
}
.services-list .items h3 {
    margin-bottom: 36px;
    color: #231f20;
    font-size: 25px;
    width: 100%;
    min-height: 75px;
    position: relative;
    z-index: 2;
}

.services-list .items:hover h3 {
    color: #e30613;
}

.services-list .items b {
    color: #231f20;
    position: relative;
    padding-left: 55px;
    transition: all .5s;
}

.services-list .items:hover b {
    color: #fff;
    padding-left: 70px;
}

.services-list .items b:after {
    content: "";
    background: #231f20;
    height: 2px;
    width: 48px;
    position: absolute;
    left: 0;
    top: 10px;
    transition: all .5s;
}

.services-list .items:hover b:after {
    background: #fff;
    width: 60px;
}


.services-list .items:hover:after {
   filter: brightness(1) invert(0);
}
.services-list .item {
  
    padding-bottom: 50px !important;
}

.home-products {
    position: relative;
    padding: 105px 0 170px;
    background: rgb(35 31 32 / 95%);
}

.home-products:after {
    background: url(../images/services/services-bg.png);
    content: "";
    position: absolute;
    right: 0;
    top: -0%;
    width: 100%;
    height: 100%;
    opacity: .3;
    background-position: center;
}
.home-products h4 {
    margin-bottom: 75px;
    color: #fff;
    text-align:center;
    font-size: 59px;
    font-weight: 400;
}
.home-product-flex {
    display: flex;
    align-items: stretch;
    gap: 30px;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}
.home-product-flex .home-product {
    background: #fff;
    overflow: hidden;
    width: calc(100% / 4 - 22.5px);
    position: relative;
    padding: 0px;
    border-radius: 5px;
}
.home-product h2 {
    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin: 21px 0 0px 17px;
    position: relative;
    z-index: 2;
}
.sablon-products .home-product-flex .home-product {
  width: calc(100% / 3 - 20px);
  border: 1px solid;
}
.product-detail {display: flex; align-items: start;}
.all-product {margin-top: 60px;  position: relative;  z-index: 2;}
.all-product a {
    display: inline-block;
    color: #231f20;
    margin: 0;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 16px 32px 16px 16px;
    transition: all .5s;
    align-items: center;
    background: #fff;
    margin-top: 20px;
    position: relative;
    border-right: 0;
  
}
.all-product a:after {
  top:0;
  right: -8px;
  width:4px;
  height:100%;
  content:"";
  background: #0d64af;
  position: absolute;
}
.all-product a:before {
  top:0;
  right: -16px;
  width:4px;
  height:100%;
  content:"";
  background: #e30613;
  position: absolute;
}