/*!
 * ZeplinGo
 * Custom css
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) ZeplinGo
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')

li a {
   font-family: "Roboto", sans-serif!important;
}
p {
   font-family: "Roboto", sans-serif!important;
}
a {
   font-family: "Roboto", sans-serif!important;
}
h1,h2,h3,h4,h4,h5,h6,h7 {
   font-family: "Roboto", sans-serif!important;
}
input {
   font-family: "Roboto", sans-serif!important;
}

/*!
 * Video popup için css
 */
.mbr-background-video {
	position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: 570px;
    height: 420px;   
}
@media screen and (max-width: 768px) {
  
  .mbr-background-video {
    width: 350px;
    height: 230px;
	}

}
.video-container .lazy {
    display:none!important;
}
/*!
 * Video popup için css
 */


/*!
 * sayfalama kapama
 */
#services1-5 > div > div > div > div.mt-30.d-flex.justify-content-center.text-center.mt-5 {display:none}
/*!
 * sayfalama kapama
 */


/*!
 * Projeler kategorisinde logoların ordaki okları gizlemek için
 */
.tsliderleft {
  display:none;
}
.tsliderright {
    display:none;
} 
/*!
 * Projeler kategorisinde logoların ordaki okları gizlemek için
 */


.cid-rycW8slXou {
    padding-top: 20px;
}

.display-5 {
    font-size: 2rem;
}

h1, h2 {
    color: #0d4d97 !important;
}

#breadcrumb-categories {
  display:none;
}
.catsectionid31 {
  display:none;
}

/*!
 * İletişim
 */
#corp28-body .ContactAdress {
      display: flex;
}
#corp28-body .contact-clean {
      background: white;
    padding: 40px;
      order: -1;
}
#corp28-body #contact {
  margin-top: 30px;
}
#corp28-body #contact .justify-content-top {
    background: #052850;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://www.tangudur.com.tr/uploads/tab-menu-zemin.jpg);
    min-height: 382px;
    color: #fff;
	justify-content: space-around;
}
#corp28-body #contact .justify-content-top  h1 {
    color:#fff!important;
}
#corp28-body #contact .justify-content-top  a {
    color:#fff!important;
}

#corp28-body {
  display: grid;
}
#corp28-body .footer2-5-first {
    order:1;
}
#corp28-body .footer2-5-last {
    order:2;
}
#corp28-body .footer2-5-bottom {
    order:3;
}
#corp28-body .cid-rF8Shc9P2S .icon-block {
  display:none;
}
#corp28-body .cid-rF8Shc9P2S .icon-contacts {
      min-height: 170px;
}
#corp28-body .display-2 {
    font-size: 1.1rem;
      min-height: 80px;
}
#corp28-body .form4 .container{
  border: solid 2px #3b4bab;
    background-color: white;
    padding-top: 20px;
}

.mapContentContainer{
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px;
}
/*!
 * İletişim
 */


/*!
 * blog
 */
.blogheader {
    clip-path: polygon(50% 0%, 100% 0, 100% 79%, 55% 89%, 0 100%, 0% 60%, 0 0);
    top: -34px;
    padding-top: 220px !important;
    padding-bottom: 220px !important;
}
.blog-list h2 {
    font-size: 1rem;
}
.blog-list .mbr-section-btn  {
  display:none!important
}
.blog-detail-page-text p {
  font-weight: 300;
}
.blog-detail-section {
    background-color: #e9e9e9;
}
.blog-list .align-left {
      font-weight: 300;
    margin-bottom: 30px;
}
.blog-list img {
    border-radius: 10px;
    border: solid 2px #0f4d97;
}
.date {
  display:none;
}
/*!
 * blog
 */

/*!
 * Detay Tasarım
 */
#product-detail-body {
  background: #ffffff;
}

#product-detail-body  .tab-content {
    background: transparent!important;
    box-shadow: none;
}

#product-detail-body #breadcrumb-box {
    display:none;
}
.product_details {
	padding-top: 50px;
    background-color: #0C1F38;
    padding-bottom: 50px;
}
.product_details .carousel-inner .carousel-item img {
    max-height: 630px;
}
.product_details .carousel-inner {
    max-height: 630px;
}
.product_details .container .clearfix {
    display: grid;
}
.product_details .container .clearfix .mbr-section  {
	order: -1;
}
.picture-top-detail-detail .container .row .col-md-12 h1 {
    font-size: 1rem;
    color: white !important;
}
.picture-top-detail-detail .container .row .col-md-12 div:nth-child(1) {
  display:none;
}
.picture-top-detail-detail .container .row .col-md-12 div:nth-child(2) {
  display:none;
}
.description-review-text .tab-pane ul {
    flex-wrap: wrap;
    color: #fff;
    background: #052850;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://www.tangudur.com.tr/uploads/tab-menu-zemin.jpg);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex !important;
    align-content: center;
    align-items: center;
	border: 5px solid #fff; /* İstenilen border genişliği ve rengi */
} 

.description-review-text .tab-pane ul::after {
    content: "";
    position: absolute;
    top: 150px;
    right: -5px;
    bottom: -15px;
    left: -5px;
    z-index: -1;
    background-image: url(https://www.tangudur.com.tr/uploads/tab-menu-zemin.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.description-review-text .tab-pane p {
      padding-bottom: 90px;
}

.description-review-text .tab-pane ul li {
    padding: 20px;
} 
.detail-check {
    color: #f81818;
    margin-right: 10px;
}
/*!
 * Detay Tasarım
 */



/*!
 * Projeler content alanı renk verme ve diğer kategorilerde sıfırlama
 */
#TamamlananEdenProje {
  color: #a4a4a4;
}
#DevemEdenProje {
  text-decoration: underline;
  color: #767676;
}
.CorporationContent {
    background: white!important;
    margin-bottom: 40px;
    box-shadow: 0px 0px 5px 1px #00000024;
}
.categories-body-26 .CorporationContent {
    background: transparent!important;
    margin-bottom: inherit;
    box-shadow: none;
}
.categories-body-4 .CorporationContent {
    background: transparent!important;
    margin-bottom: inherit;
    box-shadow: none;
}
/*!
 * Projeler content alanı renk verme ve diğer kategorilerde sıfırlama
 */

/*!
 * Projeler ilk başlık alanı
 */
.contentid84 .container {
  max-width: 1170px;
}
/*!
 * Projeler ilk başlık alanı
 */



/*!
 * Haberler ilk başlık alanı
 */
.contentid85 .container {
  max-width: 1170px;
}
/*!
 * Haberler ilk başlık alanı
 */


/*!
 * Projeler menusu
 */
#cat-prod .card-box {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    pointer-events: none;
}
.price-box-list {
    display:none!important;
}

.projeOkIcon {
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border: solid 2px #fff;
}

.catsection .listdetail {
   color: #ffffff;
    background: #000000a6;
    position: relative;
    text-align: left !important;
    padding: 10px;
    font-weight: 400;
    font-size: 0.8rem;
      display: none;
   pointer-events: none;
}
.catsection .card-wrapper h4 {
	transition: all 0.3s ease-in-out;
    background: #000000a6;
    width: 100%;
    padding: 20px 10px;
    font-size: 1.2rem;
    margin-top: -60px;
    z-index: 999999;
    position: relative;
    color: #fff;
}
.basket-list-button {
  display:none;
}
.catheader .mbr-section-subtitle {
  display:none;
}
.sub3catContainer {
    align-content: center;
    align-items: center;
}
.subcatPictureIcon {
      max-width: 100px;
}
.subcatTitlePictureLinkActive {
      padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 5px #444444a1;
        height: 240px;
}

.subcatTitle {
  color: #fff;
  margin-top: 10px;
  font-size: 1rem;
}

.subcatTitlePictureLinkActive .subcatContent {
    display: block !important;
    white-space: normal;
    width: 180px;
    text-align: center;
    font-weight: 300;
    height: 50px;
      overflow: hidden;
}

.subcatTitlePictureLinkActive .subcatTitle {
  color: #0f4d97;
}

.sub3cat {
  
  background: #052850;
    height: auto;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://proje.zeplingo.com/uploads/tab-menu-zemin.jpg);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
    /*overflow: hidden;*/
    /* pointer-events: none; */
    display: flex !important;
    align-content: center;
    align-items: center;
    min-height: 128px;
	margin-bottom: 40px;
                          
}
.sub3cat #right32 i {
      margin-top: 10px!important;
      color: #ffffff!important;
}
.sub3cat #left32 i {
      margin-top: 0px!important;
      color: #ffffff!important;
}
/*!
 * Projeler menusu
 */



/*!
 * navmenu
 */
.nav-bottom .navbar-nav .nav-link.active {
  font-weight: 400 !important;
  background: transparent !important;
}
.TabtsliderleftMain {
    margin: 10px;
    display: flex;
    height: 200px;
    justify-content: center;
    flex-direction: column;
}

.TabtsliderrightMain {
    margin: 10px;
    display: flex;
    height: 200px;
    justify-content: center;
    flex-direction: column;
}

.nav-link-img {
    width: 170px;
    margin: 20px;
    aspect-ratio: 1 / 1;
    display: block;
    margin: auto;
    background-color: white;
    border: 2px solid white;
    object-fit: contain;
    border-radius: 5px;
    transition: width 0.3s ease; /* Geçiş efekti ekleniyor */
}
.active .nav-link-img {
    width: 220px;
}
.nav-tabs .nav-link.active {
    background-color: transparent;
    height: auto;
    
}
.nav-tabs .nav-link {
	background-color: transparent;
    height: auto;
}
.nav-tabs {
    background: #052850;
    height: auto;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://proje.zeplingo.com/uploads/tab-menu-zemin.jpg);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*pointer-events: none;*/
    display: flex !important;
    align-content: center;
    align-items: center;
    min-height: 288px;                          
}
.grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
}
.grid_1 {
    padding: 30px;
}
.tab-pane h4 {
    color: #0d4d97;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}
.tab-pane p {
    /* font-weight: 300; */
    font-size: 15px;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.grid_2 {
    background-color: #052850;
    color: white;
    padding: 20px;
}
.tab-content {
    background: #fff!important;
    padding-top: 20px;
    box-shadow: 0px 0px 20px #444444ad;
}
.tab-content>.active {
    padding: 0px 0;
    background: transparent;
}
.nav-img-title {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.nav-item .active {
	    background: #fff!important;
}
.active .nav-img-title {
    color: #072850;
}
@media screen and (max-width: 768px) { 
  .TabtsliderrightMain {
    display:none;
  }
  .TabtsliderleftMain {
    display:none;
  }
  .tab-pane .grid {
    display: contents;
  }
  
  #detail-nav-tabs-menu {
        display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
  }

}
/*!
 * navmenu
 */



/*!
 * header
 */
.header-social {
      position: absolute;
    right: 80px;
    width: 100px;
}
@media screen and (max-width: 768px) { 
.header-social {
    right: 0px;
}
}



.cid-rxVuiMJXcQ .navbar {
      z-index: 2000;
}


@media screen and (min-width: 768px) { 
  .navTop3 {
      top: -117px;
  }
  .headerTop3 {
      padding-top: 113px;
  }
 }





.navbar-dropdown {
   z-index: 1;
}

/*lang ayarları;*/
@media screen and (min-width: 768px) { 
	
  #navbarSupportedContent > div.nav-top.justify-content-end-desktop {
      position: absolute;
      z-index: 1040;
      top: -40px;
      right: 90px;
    max-width: 230px;

  }
  #menu2-1 > div > nav > div > div > a.soc-item-twitter,
  #menu2-1 > div > nav > div > div > a.soc-item-linkedin,
  #menu2-1 > div > nav > div > div > a.soc-item-instagram {
    display:none;
  }
  
  #navbarSupportedContent .btn-info, .btn-info:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #fff !important;
    margin: 6px 10px 10px 10px;
    padding: 0 !important;
}
  
  
}

 

@media screen and (max-width: 768px) { 
    #menu2-1 > div > nav > a {
        margin-left: 0px;
    }
    #navbarSupportedContent > div.nav-top.justify-content-end-desktop {

  }
  	  #navbarSupportedContent > div.nav-top.justify-content-end-desktop > div.header-social > div > a.soc-item-twitter, 
  	  #navbarSupportedContent > div.nav-top.justify-content-end-desktop > div.header-social > div > a.soc-item-linkedin,
      #navbarSupportedContent > div.nav-top.justify-content-end-desktop > div.header-social > div > a.soc-item-instagram {
    display:none;
  }
  
}


  .navbar-dropdown {
    background: #212529;
    display: flex;
    justify-content: flex-start !important;
	}
  
  #menu2-1 > div > nav > a {
    margin-left: 70px;
    font-size: 12px;
  }


/*lang ayarları;*/


#navbarSupportedContent > div.nav-bottom.justify-content-end-desktop > ul > li:nth-child(8) {
      background: #0d4d97;
      border-radius: 10px;
}
#navbarSupportedContent > div.nav-bottom.justify-content-end-desktop > ul > li:nth-child(8) > a {
	  color:#fff!important;
}

.header-social .social-list .soc-item-youtube {
    background-color: #212529;
    height: 30px;
    width: 30px;
    padding-top: 6px;
}
.header-social .social-list .soc-item-youtube {
    margin: 0.1rem;
    background-color: #212529;
    height: 30px;
    width: 30px;
    padding-top: 6px;
}
.header-social .social-list .soc-item-linkedin {
    margin: 0.1rem;
    background-color: #212529;
    height: 30px;
    width: 30px;
    padding-top: 6px;
}
.header-social .social-list .soc-item-twitter {
    margin: 0.1rem;
    background-color: #212529;
    height: 30px;
    width: 30px;
    padding-top: 6px;
}
.header-social .social-list .soc-item-instagram {
    margin: 0.1rem;
    background-color: #212529;
    height: 30px;
    width: 30px;
    padding-top: 6px;
}
.header-social .social-list .soc-item-facebook {
    margin: 0.1rem;
    background-color: #212529;
    height: 30px;
    width: 30px;
    padding-top: 6px;
}


.mbr-light {
    /*font-weight: 500;*/
}

@media screen and (max-width: 768px) { 
  h1 {
    font-size: 1.6rem;
 }
  h3 {
    font-size: 1.2rem;
  }
}

.display-2 {
    font-weight: 500;
}


/*!
 * footer
 */
.footer-more-contact {
  background-color: #ff1717 !important;
    color: white;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    outline: none;
    border: none;
}
.upWebPages {
      font-size: 2rem;
}
.mbr-form .input-group-btn button[type=submit] {
    border-radius: 2px !important;
    padding: 1rem 3rem;
}
.footer-center-area .text-white {
    color: #7f93aa !important;
    font-weight: 300;
}
.dragArea .form-group {
      margin: 0;
}
.dragArea .input-inverse {
    width: 100%;
    height: 100%;
    padding: 20px;
    background: transparent;
    outline: 0;
    border: 0;
    color: white;
    margin: 0;
}
.dragArea .btn-primary{
	background-color: #ff1717 !important;
    color: white;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    outline: none;
    border: none;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
#footer2-5 > div > div > div > div > div:nth-child(1) > p.mb-4.foot-title.mbr-fonts-style.display-7 {
  font-size: 2rem;
}
#email-footer4-9::placeholder {
    color: white; /* Placeholder rengini beyaz olarak ayarla */
}
.copyright {
      margin: 0;
    padding: 0;
}

.footer-detail-text strong {
    font-size: 16px;
    font-weight: 700;
    color: white;
    position: relative;
    text-transform: uppercase;
}
.footer-detail-text strong::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #ff1717;
    bottom: -5px;
    left: 0;
}
.footer-center-area strong {
    font-size: 16px;
    font-weight: 700;
    color: white;
    position: relative;
    text-transform: uppercase;
}
.footer-center-area strong::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #ff1717;
    bottom: -5px;
    left: 0;
}

.footer-detail-text p {
      line-height: 29px;
}
.footer-center-area p {
      line-height: 29px;
}
.footer-detail-text {
      margin-top: 40px;
      line-height: 29px;
}
.footer-center-area {
      margin-top: 40px;
      line-height: 29px;
}
.footer2-5-bottom {
      background-color: #022d5e;
      padding-top: 0px;
      padding-bottom: 20px;
}
.footer-logo {
      height: 11rem !important;
}
.soc-item a {
    color: white;
    background-color: rgba(128, 128, 128, 0.429);
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 40px !important;
    border-radius: 50%;
    text-align: center;
}


.email-subscription {
   justify-content: end!important;
}
.footer2-5-first {
	padding-bottom: 0px !important;
    background-image: url(https://proje.zeplingo.com/uploads/subscribe.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.footer2-5-first::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #09284dc4; /* Arka plan rengini istediğiniz renkle ve opaklıkla değiştirin */
    z-index: -1;
}

#subs-send > div.dragArea.row.form-inline.justify-content-center {
  border: 2px solid rgb(187, 186, 186);
    position: relative;
    border-radius: 3px;
      height: 75px;
      margin-bottom: 10px;
}

.footer2-5-last {
      padding-top: 0px;
  background-color: #022d5e;
}

.footer4 {
    background-color: #022d5e;
    border-top: solid 10px red;
}
.footer4 img {
    background: white;
    padding: 2px;
}
/*!
 * footer
 */

body {
background: #e9e9e9;
}

#mainpage-body {
  background: #eaeaea;
}
#categories-body {
  background-image: url(https://proje.zeplingo.com/uploads/zeminkategori.jpg);
}
    
.breadcrumb {
  background-color: #e9e9e9;
}
.catsection {
      /*background-color: #e9e9e9;*/
      background-color: transparent;
      margin-top: 0px !important;
}

.catsection section {
      background-color: transparent;
}

/*!
 * Slider
 */
.slide p{
    font-size: 1rem;
    font-weight: 400;
}
.cid-ry6drk2Fr4 .mbr-slider .carousel-control .mbr-iconfont {
    font-size: 1.2rem;
}
.cid-ry6drk2Fr4 .mbr-slider .carousel-control {
      width: 40px;
      height: 40px;
      font-size: 18px;
  }
@media screen and (max-width: 768px) { 
  
  .cid-ry6drk2Fr4 .mbr-slider .carousel-control {
      top: 77%;
      width: 40px;
      height: 40px;
      font-size: 18px;
  }
  
}

.slide .full-screen {
  background: #e9e9e9;
}

@media screen and (min-width: 768px) { 
  .slide .full-screen .mbr-slider {
  clip-path: polygon(50% 0%, 100% 0, 100% 79%, 55% 89%, 0 100%, 0% 60%, 0 0);
	}
}

/*!
 * Slider
 */


/*!
 * Kayan Haberler
 */

.move-news-area {
    background-color: white;
    opacity: 99%;
    padding: 10px;
    position: absolute;
    bottom: 100px;
    width: 100%;
    z-index: 10;
}
.move-news-area marquee {
    line-height: 1;
}
.move-news {
    color: #444444;
    font-weight: 300;
    display: inline-block;
    margin-right: 50px;
}
.move-news i {
    color: #ff1717;
}
.contentid29 {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #e9e9e9;
}
.contentid29 h2{
	display:none;
}
.contentid29 .container {
    max-width: 100%;
	padding: 0;
    margin: 0;
}
.contentid29 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;
}

/*!
 * Kayan Haberler
 */

/*!
 * iconlu içerik 1
 */

.contentid16 {
    padding-top: 0px;
}
.contentid16 .container .mbr-section-title {
	width: 79%;
    margin: 0 auto;
    font-weight: 500 !important;
    text-align: left;
    border-left: solid 50px;
    border-radius: 60px 0px 0px 10px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
}

.contentid16 .container .mbr-section-subtitle {
	width: 79%;
    margin: 0 auto;
    font-weight: 500!important;
    margin-bottom: 40px;
    text-align: left;
}
.contentid16 .container {
      max-width: 1340px;
}
.contentid16 .counter-item {
      background-color: white;
      background-image: url(https://proje.zeplingo.com/uploads/icon1-bg.png);
      /*background: white;*/
      min-height: 160px;
	  display: flex;
      align-content: space-around;
      flex-direction: column;
      justify-content: center;
      box-shadow: 0px 10px 10px #00000047;
}
.contentid16 .counter-item img {
    max-width: 60%;
    top: 24px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contentid16 .number-icons-count {
      font-weight: 500;
}
.contentid16 .number-icons-title {
      color: #0f4d97;
}


.contentid16 .count {
      font-size: 1.6rem;
}

/*!
 * iconlu içerik 1
 */


/*!
 * iconlu içerik 2
 */
.contentid22 .count {
  display:none;
}
.contentid22 .mbr-content-text {
    color: #ffffff;
    font-size: 12px;
}
.contentid22  .mbr-content-title {
      margin-top: 10px;
      font-size: 1rem;
      color: #ff1717 !important;
      border-bottom: solid 2px red;
      padding-top: 5px;
      padding-bottom: 7px;
}

.contentid22 .p-3 {
    padding: 0.5rem !important;
}

/*!
 * iconlu içerik 2
 */


/*!
 * Kurumsal
 */
.contentid37 .container .media-container-row .title h2 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500 !important;
    text-align: left;
    border-left: solid 50px;
    border-radius: 60px 0px 0px 10px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 2rem;
}

.contentid37 .container .media-container-row .title h3 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500!important;
    margin-bottom: 40px;
    text-align: left;
    color: #767676;
}

.contentid37 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.contentid37 .container {
      max-width: 1340px;
}
/*!
 * Kurumsal
 */

/*!
 * Vizyonumuz
 */
.contentid38 h1 {
  color: red !important;
  font-weight: 500;
}
.contentid38 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.contentid38 .mbr-figure {
      width: 40%!important;
}

.contentid38 .container {
    background: white;
    margin-top: 0px;
    padding-top: 20px;
    border-right: solid 5px #0d4d97;
    max-width: 1020px;
}

.contentid38 .container  img {
    border-top-right-radius: 50%;
    width: 100%;
    height: 100%;
}
.contentid38 .mbr-section-text {
      line-height: 16px;
    font-size: 14px;
}
/*!
 * Vizyonumuz
 */

/*!
 * Misyonumuz
 */
.contentid39 h1 {
  color: red !important;
  font-weight: 500;
}
.contentid39 {
   padding-top: 30px;
  padding-bottom: 0px;
}
.contentid39 .mbr-figure {
      width: 40%!important;
}
.contentid39 .media-content {
    text-align: right;
}
.contentid39 .container {
    background: white;
    margin-top: 0px;
    padding-top: 20px;
    border-left: solid 5px #0d4d97;
    max-width: 1020px;
}
.contentid39 .container  img {
    border-top-left-radius: 50%;
    width: 100%;
    height: 100%;
}
.contentid39 .mbr-section-text {
      line-height: 11px;
    font-size: 14px;
}
/*!
 * Misyonumuz
 */

/*!
 * Kurumsal alan link
 */
.contentid87 .container {
    max-width: 1340px;
}
.contentid87 h2 {
	display:none;
}
.contentid87 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
/*!
 * Kurumsal alan link
 */

/*!
 * Faliyetlerimiz
 */
.action-info {
    display: flex;
    margin: 50px 0 30px 0;
    position: relative;
}
.action-info .action-text {
    width: 40%;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 140px;
}
.action-info .action-img {
    width: 20%;
    height: 150px;
}
.action-info .action-img img {
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .action-info {
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .action-text {
        width: 100% !important;
        display: block !important;
        height: auto !important;
    }
}
@media (max-width: 576px) {
    .action-img {
        width: 100% !important;
        height: 200px !important;
        margin: 15px 0;
    }
}
.contentid49 .container .media-container-row .title h2 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500 !important;
    text-align: left;
    border-left: solid 50px;
    border-radius: 60px 0px 0px 10px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 2rem;
}

.contentid49 .container .media-container-row .title h3 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500!important;
    margin-bottom: 40px;
    text-align: left;
    color: #767676;
}

.contentid49 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.contentid49 .container {
      max-width: 1340px;
}
/*!
 * Faliyetlerimiz
 */

/*!
 * Faliyetlerimiz 1. video
 */
.contentid86 .mbr-overlay {
  width: 80%;
}

.contentid86 h2{
      top: -170px;
    position: absolute;
    left: 4px;
}

.contentid86 {
    padding-top: 110px;
    padding-bottom: 110px;
    margin-bottom: 30px;
    color: #fff!important;
    margin-top: 100px;
}


.contentid86 .col-md-8 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
}


/*!
 * Faliyetlerimiz 1. video
 */


/*!
 * Faliyetlerimiz slider
 */
.contentid40 .container {
  overflow: hidden;
}
/*!
 * Faliyetlerimiz slider
 */


/*!
 * Grup şirketlerimiz başlık
 */
.contentid74 .container .media-container-row .title h2 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500 !important;
    text-align: left;
    border-left: solid 50px;
    border-radius: 60px 0px 0px 10px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 2rem;
}

.contentid74 .container .media-container-row .title h3 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500!important;
    margin-bottom: 40px;
    text-align: left;
    color: #767676;
}

.contentid74 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.contentid74 .container {
      max-width: 1340px;
}
/*!
 * Grup şirketlerimiz başlık
 */

/*!
 * Projeler başlık
 */
.contentid77 .container .media-container-row .title h2 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500 !important;
    text-align: left;
    border-left: solid 50px;
    border-radius: 60px 0px 0px 10px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 2rem;
}

.contentid77 .container .media-container-row .title h3 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500!important;
    margin-bottom: 40px;
    text-align: left;
    color: #767676;
}

.contentid77 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.contentid77 .container {
      max-width: 1340px;
}
/*!
 * Projeler başlık
 */


/*!
 * Projeler banner
 */
.contentid78 {
      background-color: #e9e9e9;
}
.mt-4 {
    margin-top: 0rem !important;
}

.contentid78 h3 {
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0%;
    text-align: center;
    background: rgba(0, 0, 0, 0.452);
    color: white;
    width: 92%;
    padding: 20px 10px;
    font-size: 1.2rem;
    display:none;
}

#mainpage-body > section.mt-4.contentid78 > div > div > a::after {
	content: '';
    position: absolute;
    top: 0;
    left: 15px;
    width: 92%;
    height: 100%;
    background-color: #09284dc4;
    z-index: 0;
}

@media screen and (max-width: 768px) { 
  
  #mainpage-body > section.mt-4.contentid78 > div > div > a::after {

      width: 86%;
  }

}


#mainpage-body > section.mt-4.contentid78 > div > div > a:hover h3 {
    display: block;
}

#mainpage-body > section.mt-4.contentid78 > div > div > a:hover::after {
    z-index: -1;
}
/*!
 * Projeler banner
 */

/*!
 * Projeler link
 */
.contentid88 .container {
    max-width: 1340px;
}
.contentid88 h2 {
	display:none;
}
.contentid88 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
/*!
 * Projeler link
 */


/*!
 * Konsoryum şirketlerimiz
 */
.contentid75 .container .media-container-row .title h2 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500 !important;
    text-align: left;
    border-left: solid 50px;
    border-radius: 60px 0px 0px 10px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 2rem;
}

.contentid75 .container .media-container-row .title h3 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500!important;
    margin-bottom: 40px;
    text-align: left;
    color: #767676;
}

.contentid75 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.contentid75 .container {
      max-width: 1340px;
}
/*!
 * Konsoryum şirketlerimiz
 */



/*!
 * Hizmetler
 */
.contentid58 .container .media-container-row .title h2 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500 !important;
    text-align: left;
    border-left: solid 50px;
    border-radius: 60px 0px 0px 10px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 2rem;
}

.contentid58 .container .media-container-row .title h3 {
	width: 79%;
    margin: 0 auto;
    font-weight: 500!important;
    margin-bottom: 40px;
    text-align: left;
    color: #767676;
}

.contentid58 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.contentid58 .container {
      max-width: 1340px;
}

.categories-body-4 .cid-ryhAs5k9qM .mbr-figure {
	display: flex;
    justify-content: flex-end;
}

.categories-body-4 .cid-ryhAs5k9qM h1 {
	text-align: right;
}

.categories-body-4 .cid-ryhAs5k9qM .mbr-text {
	text-align: right;
}
/*!
 * Hizmetler
 */



/*!
 * Ana asayfa içerikler için 
 */
#mainpage-body #content5-h .mbr-section-btn:before {
    content: "";
    display: block;
    width: calc(50% - 80px);
    height: 1px;
    background: #191970;
    left: 0;
    top: 94%;
    position: absolute;
}

#mainpage-body #content5-h .mbr-section-btn:after {
    content: "";
    display: block;
    width: calc(50% - 80px);
    height: 1px;
    background: #191970;
    right: 0;
    top: 94%;
    position: absolute;
}

.section-list ul li {
    margin: 20px 3px;
    font-size: 14px;
    color: #000;
}
.section-list ul {
    list-style-image: url(https://proje.zeplingo.com/uploads/action-icon.png);
}
/*!
 * Ana asayfa içerikler için 
 */


.navbar-toggleable-sm .navbar-nav .nav-link {
    color: #0f4d97 !important;
      //font-weight: 400;
}

#navbarSupportedContent > div.nav-bottom.justify-content-end-desktop > ul > li:nth-child(8) > a {
    border-radius: 5px;
    background-color: #0d4d97;
    color: #fff!important;
    padding: 10px 30px !important;
}

.navbar-dropdown {
    background: #212529;
}

.contentid27 {
    padding-bottom: 0px;  
}




.catheader {
     clip-path: polygon(50% 0%, 100% 0, 100% 79%, 55% 89%, 0 100%, 0% 60%, 0 0);
     top: -10px;
     padding-top: 220px!important;
     padding-bottom: 220px!important;
	}

/*!
 * Kurumsal
 */
.contentid27 {
  padding-top: 0px;
}

.contentid30 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.contentid72 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}


.contentid27 > div > div > div.media-content > h1 {
    width: 100%;
    margin: 0 auto;
    font-weight: 500 !important;
    text-align: left;
    border-left: solid 50px;
    border-radius: 60px 0px 0px 10px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
}

.contentid27 > div > div > div.media-content > h1::before {
    content: "";
    position: absolute;
    width: 55px;
    height: 4px;
    background-color: #ff1717;
    margin-left: -68px;
    margin-top: 46px;
}

#content5-h > div > div > div > h2 {
      /*width: 100%;*/
    margin: 0 auto;
    font-weight: 500 !important;
    text-align: left;
    border-left: solid 50px;
    border-radius: 60px 0px 0px 10px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
}

#content5-h > div > div > div > h2::before  {
      content: "";
    position: absolute;
    width: 55px;
    height: 4px;
    background-color: #ff1717;
    margin-left: -68px;
    margin-top: 46px;
}

/*!
 * Kurumsal
 */


/*!
 * Kurumsal daki Vizyonumuz
 */
.contentid31 h1 {
  color: red !important;
  font-weight: 500;
}
.contentid31 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.contentid31 .mbr-figure {
      width: 40%!important;
}

.contentid31 .container {
    background: white;
    margin-top: 0px;
    padding-top: 20px;
    border-right: solid 5px #0d4d97;
    max-width: 1020px;
}

.contentid31 .container  img {
    border-top-right-radius: 50%;
    width: 100%;
    height: 100%;
}
.contentid31 .mbr-section-text {
      line-height: 16px;
    font-size: 14px;
}
/*!
 * Kurumsal daki Vizyonumuz
 */

/*!
 * Kurumsal daki Misyonumuz
 */
.contentid32 h1 {
  color: red !important;
  font-weight: 500;
}
.contentid32 {
   padding-top: 30px;
}
.contentid32 .mbr-figure {
      width: 40%!important;
}
.contentid32 .media-content {
    text-align: right;
}
.contentid32 .media-content p{
    text-align: right!important;
}
.contentid32 .container {
    background: white;
    margin-top: 0px;
    padding-top: 20px;
    border-left: solid 5px #0d4d97;
    max-width: 1020px;
}
.contentid32 .container  img {
    border-top-left-radius: 50%;
    width: 100%;
    height: 100%;
}
.contentid32 .mbr-section-text {
      line-height: 11px;
    font-size: 14px;
}
/*!
 * Kurumsal daki Misyonumuz
 */

/*!
 * Kurumsal sayfa sertifikalar baslik
 */
.contentid89 .container {
    max-width: 1340px;
}
.contentid89 h2 {

}
.contentid89 .col-md-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
/*!
 * Kurumsal sayfa sertifikalar baslik
 */


/*!
 * Faliyetlerimiz
 */
#contencattid26 > div.page-title > div > div > h1 {
      width: 100%;
    margin: 0 auto;
    font-weight: 500 !important;
    text-align: left;
    border-left: solid 50px;
    border-radius: 60px 0px 0px 10px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
}
#contencattid26 > div.page-title > div > div > h1::before {
    content: "";
    position: absolute;
    width: 55px;
    height: 4px;
    background-color: #ff1717;
    margin-left: -68px;
    margin-top: 46px;
}

.contentid35 {
  background-color: transparent;
}
.contentid35 .col-md-8 {
  -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
.about-actions .col-lg-6 {
    margin: 15px 0;
}
.single-actions {
    background-color: #fff;
    padding: 0px;
    position: relative;
    padding: 30px;
    border-radius: 4px;
    margin: 15px 0;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
    height: 100%;
    display: flex;
    align-items: flex-start;
    font-weight: 500;
}
.actions-left:after, .actions-right::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 8px;
    height: 80%;
    background-color: #0d4d97;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.actions-right::after {
    right: 0;
    left: auto;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.single-actions h5 {
    color: #ff3030;
    font-weight: 400;
    font-size: 25px;
    text-transform: uppercase;
}
.single-actions p {
    color: #444444;
    font-size: 16px;
}

.contentid40 .card {
      background: white;
      box-shadow: 1px 2px 8px #44444459;
}

.contentid40 .media-container-row {
	overflow: hidden;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    text-align: start;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

@media screen and (min-width: 768px) {
	.contentid40 .col-lg-3 {
    -ms-flex: 0 0 15%;
    -webkit-box-flex: 0;
    flex: 0 0 15%;
    max-width: 15%;
}
}
.contentid40 .col-lg-3 {
    margin: 10px;
}
.contentid40 img {
      width: auto !important;
      height: 56px;
}

/*!
 * Faliyetlerimiz
 */


/*!
 * Hizmetlerimiz
 */
#contencattid4 > h1 {
      width: 100%;
    margin: 0 auto;
    font-weight: 500 !important;
    text-align: left;
    border-left: solid 50px;
    border-radius: 60px 0px 0px 10px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
}
#contencattid4 > h1::before {
    content: "";
    position: absolute;
    width: 55px;
    height: 4px;
    background-color: #ff1717;
    margin-left: -68px;
    margin-top: 46px;
}

.catsectionid4 .mbr-figure {
      width: 50%!important;
}

.catsectionid4 .mbr-figure {
	padding-right: 0rem;
    width: 30% !important;
    padding-left: 0rem;
}

.catsectionid4 .mbr-figure img{
      box-shadow: 0px 0px 10px #444;
      padding: 10px;
      width: 80%;
}

@media screen and (max-width: 768px) { 
  .catsectionid4 .mbr-figure img{
      width: 100%;
	}
  .catsectionid4 .mbr-figure {
    width: 50% !important;
	}
}

.catsectionid4 .cid-ryaIH3Vnnq {
    padding-top: 30px;
    padding-bottom: 30px;
}

/*!
 * Hizmetlerimiz
 */


/*!
 * iletisim
 */
#corp28-body .dragArea .form-group {
      margin-bottom: 1rem;
}
/*!
 * iletisim
 */


@media screen and (max-width: 768px) { 
  .container .media-container-row .title h2 {
    font-size: 1.2rem!important;
 }
}