/* Küçültme başarısız oldu. Küçültülmeyen içerik döndürülüyor.
(65,49): run-time error CSS1046: Expect comma, found '255'
(65,57): run-time error CSS1046: Expect comma, found '/'
(168,32): run-time error CSS1046: Expect comma, found '255'
(168,40): run-time error CSS1046: Expect comma, found '/'
(381,21): run-time error CSS1046: Expect comma, found '0'
(381,25): run-time error CSS1046: Expect comma, found '/'
(452,31): run-time error CSS1046: Expect comma, found '255'
(452,39): run-time error CSS1046: Expect comma, found '/'
(556,30): run-time error CSS1046: Expect comma, found '0'
(556,34): run-time error CSS1046: Expect comma, found '/'
(598,37): run-time error CSS1046: Expect comma, found '0'
(598,41): run-time error CSS1046: Expect comma, found '/'
(615,31): run-time error CSS1038: Expected hex color, found '#0000'
 */
* {outline: none;}
/*.navbar-brand img{ filter: drop-shadow(0px 1px 1px black); }*/
.home-slider .item .content .title {font-size: 45px;filter: drop-shadow(0px 4px 7px black);}
.home-slider .item .content .loc {font-size: 25px; margin-bottom: 0px;filter: drop-shadow(0px 4px 7px black);}
.slick-active .content img:before {    
	content: '';
    background: linear-gradient(180deg, #ffffff 53%, #fffbdc00 87%);
    opacity: 0.5;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 36%;
}

.sp-tabs .tab-content .item .text .name {font-size: 18px;font-weight: 500;opacity: .9;}
.sp-tabs .tab-content .item .text .type {color: white;}
.references .ref-slider a {-webkit-filter: none;filter: none; } 
.extra .galeri .link {font-size: 20px;}
.home-slider .social-links {filter: drop-shadow(0px 1px 1px black);}
.dropdown-item:hover, .dropdown-item:focus {color: #e2000f;text-decoration: none;/*border-radius: 0 0 30px 30px;*/}
/*.dropdown-menu {border-radius: 0 0 30px 30px;}*/
.item.green.active {
    border: 14px solid #33333363;
}
.item.orange.active {
    border: 14px solid #33333363;
}
.item.yellow.active {
    border: 14px solid #33333363;
}
.item.blue.active {
    border: 14px solid #33333363;
}
.sp-tabs .tab-control .item.active {
    transform: none!important;
    z-index: 55;
}
.flex-slider .flex-slider-item a.flex-slider-pop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transform: rotate(0) !important;
}
.lang {
    width: max-content;    
  z-index: 99;
}
.kategori .det-detail {
    padding-right: 5em;
    padding-top: 40px;
}
.sp-tabs .tab-content .item .img-box img {
    opacity: 0.9;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: none;
    transition: none;
}
header {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 35px;
    padding-bottom: 30px;
    background: linear-gradient(180deg, rgb(255 255 255 / 1000%), transparent);
    height: 26%;
}
header .nav-link {
	color: #313030 !important;
}
.dd-menu.transition {
    position: absolute;
    width: calc(100% + 200px);
    left: calc(-50% - 200px);
    transform: translateX(50%);
    padding-top: 30px;
  	display: none;
  	transition: .3s;
}
li.nav-item.is-dropdown:hover .dd-menu.transition {
    display: flex;
}
.dd-menu.transition .dd-menu-sub {
    background-color: #fff;
    padding: 25px;
  	border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0 2px 5px -3px #000;
}
.dd-menu.transition .dd-menu-sub ul {
    padding: 0;
}
.dd-menu.transition .dd-menu-sub ul li {
    list-style: none;
}
.dd-menu.transition .dd-menu-sub ul.submenu li.mega-menu-column {
    width: 25%;
}
.dd-menu.transition .dd-menu-sub a {
    color: #4c4c4c;
    font-size: 14px;
  	transition: .3s;
}
.dd-menu.transition .dd-menu-sub a:hover {
    color: #e2000f;
    text-decoration: none;
}
.dd-menu.transition .dd-menu-sub ul.submenu li.mega-menu-column ul.alt-submenu li.alt-mega-menu-column {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dashed #d6d6d6;
}
.sp-tabs .tab-control .item.active {
    transform: scale(1.05);
    z-index: 55;
}
.dd-menu.transition .dd-menu-sub ul.submenu li.mega-menu-column ul.alt-submenu li.alt-mega-menu-column a::before {
    content: ">>";
    font-family: monospace;
    letter-spacing: -3px;
  	padding-right: 10px;
}
.lang .sub {
	overflow: hidden;
}
.home-slider .social-links li:first-child {
    border-color: #3b5999;
}
.home-slider .social-links li a i.fab.fa-facebook {
    color: #3b5999;
}
.home-slider .social-links li:nth-child(2) {
    border-color: #517fa4;
}
.home-slider .social-links li a i.fab.fa-instagram {
    color: #517fa4;
}
.home-slider .social-links li:nth-child(3) {
    border-color: #cd201f;
}
.home-slider .social-links li a i.fab.fa-youtube {
    color: #cd201f;
}
.home-slider .social-links li:last-child {
    border-color: #0077B5;
}
.home-slider .social-links li a i.fab.fa-linkedin {
    color: #0077B5;
}
.home-slider .social-links li a {
    font-size: 25px;
}
.navbar-light .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
	display: block;
}
@media (max-width: 768px) {
	.sp-tabs .tab-control .item p {
    	font-size: 16px;
    	width: 80%;
	}
  	.sp-tabs .tab-control .item {
  		height: 230px;
  	}
  	header .mobile-display {
    	display: contents;
	}
  	.navbar-collapse {
    	background-color: rgb(255 255 255 / 80%);
    	margin-left: -1rem;
    	margin-right: -1rem;
    	padding: 20px;
	}
  	.home-slider .slick-dots li {
    	width: 10px;
    	height: 10px;
    	margin-left: 3px;
    	margin-right: 3px;
	}
  	.home-slider .slick-dots li.slick-active {
  		width: 15px;
      	height: 15px;
  	}
  	.home-slider .slick-dots li button::before {
    	font-size: 35px;
    	line-height: 23px;
	}
  	.home-slider .slick-dots {
    	left: 0;
    	display: flex;
    	justify-content: center;
	}
  	.sp-tabs .tab-content .detail .link {
  		margin-top: 20px;
  	}
  	.references .ref-slider .slick-dots li {
    	width: 10px;
    	height: 10px;
	}
  	.references .ref-slider .slick-dots li.slick-active {
    	width: 15px;
    	height: 15px;
	}
  	.references .ref-slider .slick-dots {
    	width: calc(100% + 120px);
    	left: -60px;
	}
  	section.extra .no-gutters .galeri .link {
    	padding-left: 15px;
    	padding-right: 15px;
    	font-size: 16px;
	}
  	.kategori .det-detail {
    	padding-right: 1em;
	}
  	.iletisim .il-detail li img {
    	max-width: 100vw;
	}
}

.tanitim {
    position: absolute;
    z-index: 20;
    bottom: 40px;
    right: 45px;
}
.tanitim a span {
    color: #fff;
    font-weight: 300;
  	transition: .4s;
  	font-size: 23px;
}
.tanitim a span.small {
    font-size: 12px;
    line-height: 1;
  	margin-left: 2px;
}
.tanitim a .icon-wrap span {
    padding: 3px 10px 3px 12px;
    border: 1px solid #fff;
    border-radius: 50px;
    margin-right: 8px;
    font-size: 13px;
    transition: .3s;
    margin-top: 8px;
}
.tanitim a:hover {
  	text-decoration: none;
}
.tanitim a:hover span {
    color: #f5a920;
}
.tanitim a:hover .icon-wrap span {
    border-color: #f5a920;
}
.body {
    overflow: hidden;
}
.header-nav {
	position: relative;
}
.home-slider .scroll p {
    text-shadow: 0 0 5px #000;
}
a#scroll {
    position: relative;
    top: 35px;
}
.home-slider .scroll img {
    filter: drop-shadow(0px 0px 5px #000);
}
.home-slider .social-links li:first-child {
    border-color: #ffffff;
}
.home-slider .social-links li:nth-child(2) {
    border-color: #ffffff;
}
.home-slider .social-links li:nth-child(3) {
    border-color: #ffffff;
}
.home-slider .social-links li:nth-child(4) {
    border-color: #ffffff;
}
.home-slider .social-links li a i.fab.fa-instagram {
    color: #ffffff;
}
.home-slider .social-links li a i.fab.fa-facebook {
    color: #ffffff;
}
.home-slider .social-links li a i.fab.fa-youtube {
    color: #ffffff;
}
.home-slider .social-links li a i.fab.fa-linkedin {
    color: #ffffff;
}
.cat-tab-slider .slick-dots li {
    height: 18px;
    width: 62px;
}

a#scroll {
    position: relative;
    top: 10px;
}
.home-slider .slick-dots { 
    bottom: 250px; 
  	left: 0;
    display: flex;
    justify-content: center;
}
.item.slick-slide.slick-current.slick-active .content .loc, .item.slick-slide.slick-current.slick-active .content .title {
	animation: zoom 1s;
    -moz-animation: zoom 1s; /* Firefox */
    -webkit-animation: zoom 1s; /* Safari and Chrome */
    -o-animation: zoom 1s; /* Opera */
}
@keyframes zoom {
    from {
        transform: scale(.2);
    }
    to {
        transform: scale(1);
    }
}
@-moz-keyframes zoom { /* Firefox */
    from {
        transform: scale(.2);
    }
    to {
        transform: scale(1);
    }
}
@-webkit-keyframes zoom { /* Safari and Chrome */
    from {
        transform: scale(.2);
    }
    to {
        opacity:1;
    }
}
@-o-keyframes zoom { /* Opera */
    from {
        transform: scale(.2);
    }
    to {
        transform: scale(1);
    }
}
.kategori .det-detail .desc-1 {
    font-size: 16px;
}
a.red-title {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #e2000f;
  	display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.navbar-light .navbar-nav .nav-item.dropdown:hover .dropdown-menu.altitem li a.dropdown-item {
    font-size: 14px;
}
.navbar-light .navbar-nav .nav-item.dropdown:hover .dropdown-menu.altitem li a.dropdown-item::before, .navbar-light .navbar-nav .nav-item.dropdown:hover .dropdown-menu a.dropdown-item::before {
    content: ">>";
    font-family: monospace;
    letter-spacing: -3px;
    padding-right: 10px;
}
.popup__overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 32%);
  text-align: center;
  z-index: 100;
}

.popup__overlay:after {
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
  content: "";
}

.popup_video {
  display: inline-block;
  position: relative;
  width: 90%;
  height: 90%;
  max-width: 900px;
  max-height: 506px;
  padding: 20px;
  color: white;
  vertical-align: middle;
}

.popup-form__row {
  margin: 1em 0;
}

.popup__close {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 12px;
  height: 12px;
  padding: 8px;
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  color: rgba(53, 36, 22, 0.95);
  text-decoration: none;
  font-weight: bold;
}

.popup__close:hover {
  color: #eea200;
}

iframe {
  width: 100%;
  height: 100%;
}
section.katalog {
    padding-bottom: 50px;
}
.cat-tab-slider.katalog-slider .slick-dots {
	bottom: 0;
}
button.slide-arrow.prev-arrow.slick-arrow {
    left: 10px;
}
button.slide-arrow.next-arrow.slick-arrow {
	right: 10px;
}
button.slide-arrow.prev-arrow.slick-arrow, button.slide-arrow.next-arrow.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    border: none;
    background-color: rgb(255 255 255 / 70%);
    height: 50px;
    width: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  	outline: none;
  	font-size: 25px;
}
@media (max-width: 991px) {
	.cat-tab-slider.katalog-slider .slick-dots {
		display: none;
	}
  	section.flex-gallery-mobile {
    	display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;
    	margin-left: -5px;
    	margin-right: -5px;
    	margin-top: 5px;
    	margin-bottom: 5px;
	}
  	section.flex-gallery-mobile a {
    	width: 100%;
    	overflow: hidden;
	}
  	section.flex-gallery-mobile a .flex-gallery-item {
    	width: 100%;
    	height: 100px;
    	background-size: cover;
    	background-repeat: no-repeat;
    	background-position: center;
    	margin: 5px;
	}
}
@media (max-width: 450px) {
  .tanitim {
    bottom: 30px;
    right: 15px;
	}
  .tanitim a span {
  	font-size: 20px;
  }
  .tanitim a span.small {
  	font-size: 11px;
  }
  .tanitim a .icon-wrap span {
    padding: 2px 9px 2px 11px;
    font-size: 12px;
    margin-top: 7px;
	}
  .home-slider {
    height: 350px;
	}
  .home-slider .slick-dots {
    bottom: 15px;
	}
  .home-slider .item {
  	height: 350px;
  }
  .home-slider .item img {
    top: 115px;
    height: auto;
	}
  .home-slider .item .content {
    top: calc(50% + 80px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	}
  .home-slider .item .content .loc {
    font-size: 15px;
	}
  .home-slider .item .content .title {
    font-size: 20px;
    line-height: 50px;
	}
  .navbar-brand {
    width: 60%;
    height: 100px;
    display: flex;
    align-items: center;
	}
  header {
    padding-top: 0px;
    padding-bottom: 0;
    height: auto;
	}
  .sp-tabs .tab-control .item {
    height: 200px;
	}
  .sp-tabs .tab-control .item p {
    font-size: 14px;
    width: 100%;
	}
  	.systems {
    	margin-top: 16px;
	}
  	.lang {
    	position: absolute;
    	top: 2px;
    	right: 16px;
	}
  	.lang .current {
    	border: 1px solid rgb(0 0 0 / 15%);
    	font-size: 13px;
    	border-radius: 3px;
      	padding: 5px;
	}
  	.lang .current img {
    	margin-right: 5px;
    	height: 15px;
	}
  	.lang .sub .item a.dropdown-item {
    	padding: 5px;
	}
  	.lang .sub .item img {
    	margin-right: auto;
    	margin-left: auto;
	}
  	footer .left {
    	padding-left: 80px;
    	padding-right: 80px;
	}
  	button.slide-arrow.prev-arrow.slick-arrow {
      	height: 40px;
    	width: 40px;
	}
	button.slide-arrow.next-arrow.slick-arrow {
      	height: 40px;
    	width: 40px;
	}
}
@media (max-width: 1330px) and (min-width: 992px) {
	header .container-fluid {
    	padding: 0 10vw;
	}
  	header .navbar .navbar-brand img {
    	min-width: 170px;
	}
}

/* Popup Start*/
        .modalOverlay {
            width: 100%;
            height: 120vh;
            background-color: rgb(0 0 0 / 66%);
            position: absolute;
            top: 0;
            z-index: 9900;
        }
        .modalDialog {
            opacity: 0;
            pointer-events: none;
            position: fixed;
            z-index: 9999;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 45%;
            height: 0;
            padding-bottom: 35%;
            overflow: revert;
            background-color: #0000;
            transition: all .3s ease-in-out;
        }
        
        .modalDialog.Bshow {
            opacity: 1;
            pointer-events: all;
        }
        
        .modalContent {
            margin: auto;
            width: auto;
        }
        
        .modalContent > .close {
            color: #fff;
            position: fixed;
            right: 20px;
            top: -30px;
            font-size: 28px;
            font-weight: bold;
            transition: color .3s ease-in;
            font-family: arial;
            opacity: 1 !important;
            z-index: 1;
        }
        
        .close:hover,
        .close:focus {
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }

        .mGorsel {
            height: auto;
            width: 100%;
            display: block;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            position: absolute;
        }
@media (max-width: 540px) {
  .modalDialog{width: 90%;padding-bottom: 88%;}
  
}
/* Popup End*/
