/*!
 * ZeplinGo
 * Custom css
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) ZeplinGo
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

a, b, blockquote, body, canvas, caption, code, div, em, embed, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, iframe, img, label, li, main, nav, object, ol, p, pre, section, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, video {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font-family: "DM Sans", sans-serif!important;
}

/*!
 * get in touh
 */
#navbar-buttons-phone {
    margin: 5px;
    padding: 10px;
}
/*!
 * get in touh
 */



/*!
 * Blog list
 */

.blog-list a {
  border: solid 1px;
  min-height: 310px;
  
}

@media screen and (max-width: 768px) { 
  
  .blog-list a {

    min-height: 250px;

  }

}


.blog-list img {
    padding: 10px;
  
}

/*!
 * Blog list
 */


/*!
 * Slider update
 */
.cid-ry6drk2Fr4 .carousel-caption {
    top: 60%;
}
.cid-ry6drk2Fr4 .full-screen .carousel-item .container.container-slide img {
    display: block;
    width: 330px;
    float: right;
    position: relative;
    margin-top: -280px;
    padding-right: 10px;
}
/*!
 * Slider update
 */

.langtr {
  display:none;
}

a.text-black:focus, a.text-black:hover {
    color: #f95823 !important;
}

body, html {
    background: #f6f6f5;
}

h1, h2 {
    color: #000000 !important;
}

.white-background {
    background-color: transparent;
}

.CorporationContent {
    background-color: transparent;
}




/*!
 * Header
 */

.dropdown-item {
    color: #ffffff;
}

.navbar-short {
      background: #030303!important;
}
.navbar-short .text-black {
    color: #ffffff !important;
}

.cid-rxVuiMJXcQ .dropdown.open>.dropdown-menu {

    background: #000000;
}

.dropdown-menu .text-black {
    color: #ffffff !important;
}

.header-social {
  display:none;
}


.cid-rxVuiMJXcQ .navbar {
    background: transparent;
}

/*!
 * Header
 */


/*!
 * Slider
 */
.cid-ry6drk2Fr4 .mbr-slider .carousel-control {
    width: 60px;
    height: 60px;
    border: 0px solid #fff;
}

/*!
 * Slider
 */


/*!
 * Ana Sayfa İçerikler
 */
@media (min-width: 1200px) {
    .contentid27 .portfolio-section {
        max-width: 1140px;
              margin: 0 auto;
    }
}


.contentid25 .container {
        max-width: 100%;
}

.contentid21 .lightbox {
      padding-right: 5px;
    padding-left: 5px;
}

.contentid21 .container {
        max-width: 100%;
}

.contentid20 {
  padding-top: 0px;
}

.contentid19 .container {
        max-width: 1140px;
    }

.contentid19  .col-md-8 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

 .service-icon {
            width: 60px;
            height: 60px;
            margin-bottom: 20px;
        }
        .service-card {
            padding: 30px 20px;
            text-align: center;
            margin-bottom: 30px;
            transition: all 0.3s ease;
        }
        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .subtitle {
            color: #ff5733;
            font-weight: 600;
            letter-spacing: 1px;
        }
        .main-title {
            font-size: 3.5rem;
            font-weight: 700;
            margin: 20px 0;
        }
        .description {
            color: #6c757d;
            font-size: 1.1rem;
            margin-bottom: 50px;
        }
        .service-title {
            font-size: 1.25rem;
            font-weight: 600;
            margin-top: 15px;
        }
        .service-text {
            color: #6c757d;
            margin-top: 10px;
            font-size: 0.9rem;
        }
        .top-services {
            margin-top: -30px;
        }
        .goal-section {
            margin-top: 100px;
            padding: 50px 0;
            position: relative;
            overflow: hidden;
        }
        .goal-images {
            position: relative;
            margin-bottom: 30px;
        }



        /* Dönen text animasyonu */
        .spinner {
            position: absolute;
			top: -350px;
		    right: 550px;
            width: 120px;
            height: 120px;
            z-index: 9999;
            will-change: transform;
            animation: rotate 8s linear infinite;
        }
		@media screen and (max-width: 768px) {
        
        .spinner {
            		position: absolute;
    		        top: -850px;
            		right: -10px;
                    width: 120px;
                    height: 120px;
                    z-index: 9999;
                    will-change: transform;
                    animation: rotate 8s linear infinite;
              }
        }
        
        @keyframes rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }
        
        /* Hover'da hızlandır */
        .spinner:hover {
            animation-duration: 4s;
        }
        .spinner svg {
            width: 100%;
            height: 100%;
            overflow: visible;
        }
        .spinner text {
            font-size: 12px;
            letter-spacing: 1px;
            fill: #333;
            font-weight: 600;
            text-transform: uppercase;
        }
		 /* Dönen text animasyonu */



        .big-image {
            width: 100%;
            border-radius: 20px;
            position: relative;
            z-index: 2;
        }
        .small-image {
            position: absolute;
            width: 60%;
            top: -15%;
            right: -15%;
            z-index: 1;
        }
        .goal-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin: 20px 0;
            line-height: 1.2;
        }
        .goal-subtitle {
            color: #ff5733;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
        }
        .stats-box {
            margin-top: 40px;
        }
        .stat-number {
            font-size: 3.5rem;
            font-weight: 700;
            color: #000;
            margin-bottom: 10px;
        }
        .stat-label {
            font-size: 1.2rem;
            color: #6c757d;
        }
        .goal-text {
            color: #6c757d;
            font-size: 1.1rem;
            margin: 20px 0 30px 0;
            line-height: 1.6;
        }
        .highlight {
            color: #8bc34a;
            position: relative;
        }
        .highlight::after {
            content: '';
            position: absolute;
            bottom: 5px;
            left: 0;
            width: 100%;
            height: 8px;
            background-color: rgba(139, 195, 74, 0.2);
            z-index: -1;
        }

        /* Banner Stilleri - Güncellenmiş */
        .banner-section {
            margin: 80px -15px 0;
            width: calc(100% + 30px);
        }
        .banner-row {
            margin: 0 -5px;
        }
        .banner-col {
            padding: 0 5px;
        }
        .banner-card {
            position: relative;
            border-radius: 0;
            overflow: hidden;
            height: 400px;
            cursor: pointer;
            margin-bottom: 10px;
        }
        .banner-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
			transition: all 0.5s ease;
        }
		.banner-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.6);
            opacity: 0;
            transition: all 0.5s ease;
            z-index: 1;
        }
        .banner-card:hover .banner-overlay {
            opacity: 1;
        }
        .banner-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 25px;
            background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
            color: white;
            transform: translateY(20px);
            transition: all 0.3s ease;
          z-index: 2;
        }
        .banner-card:hover .banner-content {
            transform: translateY(0);
        }
        .banner-card:hover img {
            transform: scale(1.05);
        }
        .banner-title {
            font-size: 1.8rem;
            font-weight: 600;
            margin-bottom: 10px;
        }
        .banner-text {
            font-size: 1rem;
            opacity: 0.9;
            margin-bottom: 0;
        }
        .banner-arrow {
            position: absolute;
            right: 25px;
            bottom: 25px;
            color: white;
            font-size: 1.5rem;
            opacity: 0;
            transition: all 0.3s ease;
        }
        .banner-card:hover .banner-arrow {
            opacity: 1;
            transform: translateX(10px);
        }
        /* Portfolio Bölümü Stilleri */
        .portfolio-section {
            margin-top: 100px;
            padding: 50px 0;
        }
        .section-subtitle {
            color: #333;
            font-size: 0.9rem;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        .section-title {
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 50px;
            color: #000;
        }
        .portfolio-row {
            margin: 0 -10px;
        }
        .portfolio-col {
            padding: 0 10px;
        }
        .portfolio-card {
            position: relative;
            overflow: hidden;
            margin-bottom: 20px;
        }
        .portfolio-link {
            display: block;
            text-decoration: none !important;
        }
        .portfolio-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        .portfolio-card:hover img {
            transform: scale(1.1);
        }
        .portfolio-content {
            position: absolute;
            left: 30px;
            bottom: 30px;
            background: white;
            padding: 15px 25px;
            border-radius: 0;
            z-index: 2;
        }
        .portfolio-title {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 5px;
            color: #000;
        }
        .portfolio-category {
            font-size: 0.9rem;
            color: #6c757d;
        }
        .portfolio-large {
            height: 500px;
        }
        .portfolio-small {
            height: 240px;
        }

        @media (max-width: 768px) {
            .main-title, .goal-title {
                font-size: 2.5rem;
            }
            .top-services {
                margin-top: 0;
            }
            .service-title {
                font-size: 1.1rem;
            }
            .service-card {
                padding: 20px 10px;
            }
            .goal-section {
                margin-top: 50px;
            }
            .small-image {
                width: 50%;
                top: -10%;
                right: -10%;
            }
            .banner-card {
                height: 300px;
            }
            .banner-title {
                font-size: 1.5rem;
            }
            .section-title {
                font-size: 2.5rem;
            }
            .portfolio-large {
                height: 400px;
            }
            .portfolio-small {
                height: 200px;
            }
        }
/*!
 * Ana Sayfa İçerikler
 */


/*!
 * Ana Sayfa Blog
 */
.contentid26 > div > div > div > h3 {
      font-size: 2rem;
}
.contentid26 {
  
    padding-bottom: 0px;
  
}
.mainbloglist {
	
  background-color: #f6f6f5;
  
}

#main-blog > div > div > div.card-box {
	  display: grid;
}
#main-blog > div > div > div.card-box > a > h4 {
  
      text-align: left !important;
      padding-top: 1rem;
  
}

#main-blog > div > div > div.card-box > p {

    order: -10;
    text-align: left !important;
    padding: 0;
    margin: 0;
}

#main-blog > div > div > div.card-box > div {
  	
  	display:none;
}

/*!
 * Ana Sayfa Blog
 */


/*!
 *  Blog liteleme
 */

.categories-body-28 #services1-5 > div > div > div > div > div > a > img {
      order: -5;
}
.categories-body-28 #services1-5 > div > div > div > div > div > a > h2 {
      padding-top: 0px !important;
      order: -1;
}

.categories-body-28 #services1-5 > div > div > div > div > div > a > div {
    order: -2;
    margin-top: -10px;
    height: 0px;
}

.categories-body-28 #services1-5 > div > div > div > div > div > a {
  	  display: grid;
      margin-bottom: 30px;
}

.categories-body-28 #services1-5 > div > div > div > div > div > div {
  display:none;
}

.categories-body-28 #services1-5 > div > div > div > div > div > a > h2 {
    text-align: left !important;
    padding-top: 1rem;
    font-family: Rubik, sans-serif;
    font-size: 1rem;
    margin: 10px;
}

/*!
 *  Blog liteleme
 */


/*!
 *  Ürün liteleme
 */

#categories-body .card-box  {
      display: grid;
}

#categories-body .card-wrapper {
      border: solid 1px #d1d1d1;
    border-radius: 20px;
}

#categories-body #cat-prod > div > div > form > div {
	order: 1;
    text-align: left !important;
    padding: 0;
    margin-left: 20px;
    margin-bottom: 10px;
}

#categories-body .card-img img, .mbr-figure img {
    border-radius: 20px;
}


#categories-body #cat-prod > div > div > form > a > h4 {
    text-align: left !important;
    padding: 0;
    margin: 20px;
    font-size: 1rem;
    font-weight: 700;
}

#categories-body #cat-prod > div > div > form > p.mbr-text.mbr-fonts-style.display-7.listdetail.text-center {
      text-align: left !important;
    padding: 20px;
}

#categories-body #cat-prod > div > div > form > div > a {
	border-color: transparent;
    padding: 0;
}

/*!
 *  Ürün liteleme
 */



#footer2-5 {
    background-color: #030303;
}