@font-face {
	font-family: 'hindbold';
	src: url('../fontlar/Hind-Bold.eot');
	src: url('../fontlar/Hind-Boldd41d.eot?#iefix') format('embedded-opentype'),
		url('../fontlar/Hind-Bold.woff2') format('woff2'),
		url('../fontlar/Hind-Bold.woff') format('woff'),
		url('../fontlar/Hind-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'hindnormal';
	src: url('../fontlar/Hind-Regular.eot');
	src: url('../fontlar/Hind-Regulard41d.eot?#iefix') format('embedded-opentype'),
		url('../fontlar/Hind-Regular.woff2') format('woff2'),
		url('../fontlar/Hind-Regular.woff') format('woff'),
		url('../fontlar/Hind-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'hindlight';
	src: url('../fontlar/Hind-Light.eot');
	src: url('../fontlar/Hind-Lightd41d.eot?#iefix') format('embedded-opentype'),
		url('../fontlar/Hind-Light.woff2') format('woff2'),
		url('../fontlar/Hind-Light.woff') format('woff'),
		url('../fontlar/Hind-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
.rdes {height:100vh;}
.mt100 {margin-top:100px;}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
.urunres {min-height:60px !important;}

.carousel-caption h1 {font:50px hindbold;line-height:50px;color:#fff;text-shadow:2px 2px rgba(0,0,0,0.7);}
.transition-timer-carousel {margin-bottom:30px;}
.transition-timer-carousel .carousel-caption {
     
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
	padding-top: 5px;
	padding-left: 15%;
	padding-right: 15%;

}
.transition-timer-carousel p {font:20px hindlight;color:rgba(255,255,255,0.8) !important;line-height:22px;}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
	margin-top: 10px;
	font-size: 24px;
}

.mt50 {margin-top:50px;}
.transition-timer-carousel .carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
	z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: red;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 4.25s linear;
	-moz-transition: width 4.25s linear;
	-o-transition: width 4.25s linear;
	transition: width 4.25s linear;
}
.list-group-item {font-size:18px !important;}
.dropdown-menu {
background:#000;border:0px;	
	box-shadow:none;
	min-width:300px;}
	
	
	.nav-collapse .dropdown-menu {  background: #333;
    background: url(../resimler/fligran.png) bottom, linear-gradient(90deg, #222 25%, #444);
	
	 
    -moz-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.7);
    box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.7);color:#fff;background:red;}

.menuler li > a  > span {margin-left:10px !important;}
.dropdown-menu, .submenu-languages { border-radius: 0; top: 100%; margin-bottom: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; 
border: none; margin: 0;  background: #333;
    background: url(../resimler/fligran.png) bottom, linear-gradient(90deg, #222 25%, #444);
	
	 
    -moz-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.7);
    box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.7);padding-top: 0; }
.dropdown-menu > li, .submenu-languages > li { border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-top:1px solid rgba(255,255,255,0.10);}
.dropdown-menu > li:last-child, .submenu-languages > li:last-child { border-bottom: none; }
.dropdown-menu > li:first-child, .submenu-languages > li:first-child { border-top: none; }
.dropdown-menu > li > a, .submenu-languages > li > a { padding: 10px 30px 10px 30px; color: #fff !important; }
.dropdown-menu > li > a:hover, .submenu-languages > li > a:hover { color: #010101; background-color: rgba(0, 0, 0, 0.1) !important; }
.dropdown-menu > li > a:before, .submenu-languages > li > a:before { display: none; }
.dropdown-menu > li.active a, .submenu-languages > li.active a { background: none !important; background:blue;}
.dropdown-menu > li.active a:hover, .submenu-languages > li.active a:hover { background-color: rgba(0, 0, 0, 0.15) !important; }

.dropdown-submenu:hover > a { background: none; -webkit-filter: none; filter: none; }

.dropdown-submenu > .dropdown-menu, .dropdown-submenu > .submenu-languages { border-radius: 0; border: none; padding: 0; margin: 0; }
.dropdown-submenu > .dropdown-menu li > a, .dropdown-submenu > .submenu-languages li > a { padding-top: 10px; padding-bottom: 10px; }

body {
    font-family: 'hindnormal', sans-serif;
   /* background: #fff;*/
    background-image:  url('../image/arka-plan-2.png') ;



	font-size:15px;
	color:#525261;
}

p {

    font-size: 1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999 !important;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}
.bilgi {min-height:200px;}
.duyurum a {font:20px hindlight;color:#D70808;}
.duyurum li {border-bottom:1px dashed #ddd;margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.tab-content {padding-top:30px;}
.icsayfa {margin-top:30px;}
.nav-tabs li a {font:16px hindbold;color:#999;}
.navbar-header .pull-left {margin-right:20px;color:#999;margin-top:5px;}
.ustbilgiler {margin-top:8px;}
.ustbilgiler a {color:#B20000;}
.serit {padding-top:0px;padding-bottom:15px;border-bottom:1px solid #F2F2F4;}
.navbar-nav > li > a {font:16px hindbold;color:#999;text-shadow:1px 1px rgba(0,0,0,0.7);margin-right:15px;}
.navbar-nav > li > a p {font:13px hindlight;color:#999;margin-bottom:0px;}
.navbar-nav > li > a:hover {background:none;color:#fff;}
.menuler { background: #333;
    background: url(../resimler/fligran.png) bottom, linear-gradient(50deg, #222 25%, #444);
	
	 
    -moz-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.7);
    box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.7);
	}
.slider { text-align:center;

    transition: all 0.3s ease;
    background-size: cover;
    height: 600px;
    width: 100%;
    color: white;
	margin-bottom:30px;
	

}

.icbaslik { 

    background: #FF0000;
    background: url(../resimler/fligran.png) bottom, linear-gradient(140deg, #FF0000 5%, #333333);

    width: 100%;
    color: white;
    transition: all 0.3s ease;
    background-size: cover;
	margin-bottom:0px;
	padding-top:15px;
	padding-bottom:15px;
	border:0px;font:24px hindbold !important;

}

.language-select {
  
 }
 
 .language-select{
  margin: 0 auto!important;
  
  right: 0px;
  width: auto;
}
.red {background:Red;}
.language-select {
	display: inline-flex;
	flex-direction: column;
	font-family: 'Roboto', sans-serif;
	font-size:10pt;
	color: #4c4d4f;
	background: #fff;
	border-radius: 50%;
	height: 34px;
	overflow: hidden;
	cursor: pointer;
	list-style: none;
	margin: 0px 0 0 0px;
	padding: 0px 6px 0px 6px;
	top:-7px;
	line-height: 30px;
	transition: 300ms all;
	position: absolute;
	z-index: 998;
right:10px !important;border:1px solid #ddd;
 }
 .yuvarla {border-radius:50px;}
.language-select li {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 2;
    min-height: 30px;
    display: inline-block;
 }
  .language-select li a{
	color: #373535;
 }
 .language-select li a:hover{
 	text-decoration: none;
 }
 .language-select li samp{
	font-family: 'Open Sans', sans-serif;
	font-size:12pt;
	color: #373535;
 }
  .language-select li img{
 	transition: 300ms all;
 }

.language-select.open {
  height: 65px;
  border-radius:20px;
}
.language-select li.active {
  order: 1;
  pointer-events: none;
}
.language-select li span{
	text-align: right;
	float: right;
	line-height: 30px;
}
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
	z-index:9999;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}
.arama {margin-right:35px;border:1px solid #ddd;padding:4px 9px 4px 9px;border-radius:50%;}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;


	opacity: 1;
	
	font-size: 27px;
	
}

.navbar-header {padding-top:20px;padding-bottom:20px; }


.btn {border-radius:50px;}
.btn i {margin-right:10px;}

.urunler {margin-top:50px;}
.urunler h1 {color:#000;font:18px hindbold !important;line-height:18px;margin-bottom:10px;}
.urunler .col-md-3 {margin-bottom:30px;}
.hosgeldiniz  h1 , .icsayfa h1 {color:#000;font:32px hindbold;line-height:36px;margin-bottom:30px;}
.hosgeldiniz p , .icsayfa p  {font:18px hindnormal;line-height:26px;color:#333 !important;}
.hosgeldiniz {margin-bottom:50px;}
.list-group-item i {margin-right:8px;}

.list-group-item.active {
background: rgba(236,237,238,1);
background: -moz-linear-gradient(left, rgba(236,237,238,1) 0%, rgba(249,249,249,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(236,237,238,1)), color-stop(100%, rgba(249,249,249,1)));
background: -webkit-linear-gradient(left, rgba(236,237,238,1) 0%, rgba(249,249,249,1) 100%);
background: -o-linear-gradient(left, rgba(236,237,238,1) 0%, rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(left, rgba(236,237,238,1) 0%, rgba(249,249,249,1) 100%);
background: linear-gradient(to right, rgba(236,237,238,1) 0%, rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecedee', endColorstr='#f9f9f9', GradientType=1 );
color:#111;border:1px solid #ddd;font-size:18px;
}
a.list-group-item {color:#999;}
.list-group-item.active:hover {color:#111;border:1px solid #ddd;}

.baslik {

background: #FF0000;
    background: url(../resimler/fligran.png) bottom, linear-gradient(140deg, #FF0000 5%, #333333);

    width: 100%;
    color: white;
    transition: all 0.3s ease;
    background-size: cover;

color:#fff;font:24px hindnormal;
}
.full {width:100%;}
.baslik2 {
background: rgba(236,237,238,1);
background: -moz-linear-gradient(left, rgba(236,237,238,1) 0%, rgba(249,249,249,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(236,237,238,1)), color-stop(100%, rgba(249,249,249,1)));
background: -webkit-linear-gradient(left, rgba(236,237,238,1) 0%, rgba(249,249,249,1) 100%);
background: -o-linear-gradient(left, rgba(236,237,238,1) 0%, rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(left, rgba(236,237,238,1) 0%, rgba(249,249,249,1) 100%);
background: linear-gradient(to right, rgba(236,237,238,1) 0%, rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecedee', endColorstr='#f9f9f9', GradientType=1 );
color:#002B55;font:24px hindsemibold;border:1px solid #ddd;

}


.urunum {border-radius:8px;border:1px solid #ddd;padding-bottom:0px;text-align:center;padding-top:15px;min-height:300px;}
.urunum:hover {box-shadow:1px 1px 10px rgba(0,0,0,0.3);}
.urunum h1 {line-height:20px !important;}
.kutu {border-radius:10px;border:1px solid #ddd;padding:30px;margin-bottom:30px;    position: relative;
    background: #0085B2;
    overflow: hidden;}

	.biz {border-radius:10px;padding:30px;margin-bottom:30px;  background:#B20000;  position: relative;  overflow: hidden;}
	.mavi {background:#333;}
	.yesil {background:#D96D00;}
	.pr {background:#4D8000;}
.mor:before {content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;

    background-image: url('../resimler/1.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	}
 .mavi:before {content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.1;

    background-image: url('../resimler/2.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	}
 .yesil:before {content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;

    background-image: url('../resimler/3.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	}
 
.kombi:before {content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;

    background-image: url('../resimler/kombi.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	}	
.parca:before {content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
    background-image: url('../resimler/parca.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	}
	    
    .ici {
    z-index: 2;
    position: relative;
    color: #fff;
	}
	.navbar-toggle {float:left;margin:0px;padding:0px 10px;font:16px hindbold;}
.kutu h2 {font:24px hindbold;color:#fff;margin-bottom:0px;padding:0px;line-height:24px;}
.biz h2 {font:22px hindbold;color:#fff;margin-bottom:0px;padding:0px;line-height:24px;}
.kutu a {font:17px hindlight;color:#fff;}
.kutu a i {margin-right:10px;}
.kutu p {color:rgba(255,255,255,0.7) !important;}
.biz p {color:rgba(255,255,255,0.6) !important;}
.mb30 {margin-bottom:30px;}
.pb30 {padding-bottom:30px;}
.altkat .navbar-toggle {right:auto !important;left:auto !important;width:100%;padding:10px;background:#efefef;margin-bottom:10px;}



.panel-body {
  padding: 0;
}

.panel-group .panel+.panel {
  margin-top: 0;
  border-top: 0;
}

.panel-group .panel {
  border-radius: 0;
}
.panel-body ul.nav > li a:hover , .panel-body ul.nav > li a.active {background:#efefef;}
.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  font:16px hindbold;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
   font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
    background: #666;
    background: url(../resimler/fligran.png) bottom, linear-gradient(140deg, #666 15%, #111);

    width: 100%;
    color: white;
    transition: all 0.3s ease;
    background-size: cover;
	color:#fff !important;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
   content: "\f0d8";
  
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
	border:0px !important;

}

.panel-body ul  li{border-top:0px !important;}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
   content: "\f0d7";

    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;

}


footer {background:url(../resimler/fligran.png) bottom no-repeat;margin-top:160px;

    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
	padding-bottom:60px;
}
footer h3 {font:20px hindbold;color:#1F1F1F;}
.seffaf {position:absolute;background:#fff;top:0px;bottom:0px;height:100%;width:100%;z-index:88;opacity:0.8;}
footer h4 {font:bold 18px hindnormal;margin-bottom:0px;}
#kategoriler {width:100%;padding:0px !important;}
#kategoriler .list-group-item {color:#fff !important;}
#kategoriler .list-group-item.baslik {color:#fff !important;}
.adresler p {color:#525260;font:16px hindnormal;}
.sosyal {padding-top:40px;padding-bottom:40px;}
.sosyal h2 {font:26px hindlight;margin-bottom:30px;line-height:26px;color:#111;}
.sosyal i {width:50px;height:50px;border:1px solid #ccc;text-align:center;vertical-align:middle;border-radius:50%;padding-top:10px;}
.sosyal i.f {border-color:#344C8A;color:#344C8A;}
.sosyal i.t {border-color:#469AE9;color:#469AE9;}
.sosyal i.i {border-color:#2A527A;color:#2A527A;}
.sosyal i.g {border-color:#C1211D;color:#C1211D;}
.navbar-nav li a {color:#fff !important;margin-right:0px !important;}
.navbar-nav li a:hover {color:#fff !important;background:rgba(0,0,0,0.6) !important;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background:rgba(0,0,0,0.6) !important;}











@media (max-width: 768px) {
.transition-timer-carousel .carousel-inner .item { object-fit: cover;height:auto !important;}
.transition-timer-carousel .carousel-inner .item img {height:280px;}
	.dropdown-menu {padding-top:15px !important;}
.kutu {padding:20px !important;background-size: cover;}
.kutu p {display:none;}
.kutu h2 {margin-bottom:20px;}

	.transition-timer-carousel h1 {
		font-size: 28px !important; line-height:30px;
	}
.slider {height:auto !important;}

.menuler {padding-bottom:0px;}
#menu {border-top:1px solid #F2F2F4;}
.navbar-nav li:first-child {margin-top:-10px !important;}
.arama {margin-right:60px !important;position:absolute;top:-5px;right:-10px;}
.logo {margin-bottom:0px;text-align:center;}
.navbar-nav li > a:hover {border-radius:0px;}
#search input[type="search"] {

    font-size: 40px !important;

}
}


@media (min-width: 768px) and (max-width: 991px) { 
.biz {text-align:center;}

 }
 
 
 
 
 @media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}