@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Titillium+Web:400,700&subset=latin-ext');

html,
body { height: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#fff; background: url("../img/bg.poly.jpg?v=2"); }

a { color: #000000!important; text-decoration: none; }
a:hover { text-decoration:none; }

.h1, h1, .h2, h2, .h3, h3, .h4, h4 {
    font-weight: 700; font-family: 'Titillium Web', sans-serif; text-align: center;
}

.row { margin:0; }

.item,
.active,
.carousel-inner {
    height: 100%;
}

.carousel-caption h2 { font-size: 40px; background: #000; padding: 10px; }

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.baslik {
    padding: 20px 0px 20px 0px;
    background: url(../img/bg.footer.png);
    margin-top: 10px;
	margin-bottom: 20px;
    border-top: 1px solid #7d0c00;
	border-bottom: 1px solid #7d0c00;
    color: #fff;
    font-size: 17px;
}

footer {
    padding: 50px 0; background-color:#eb362b; margin-top: 15px;
	border-top: 1px solid #7d0c00; color: #fff; font-size: 18px;
}

footer a { color: #fff!important; }

.navbar { margin-top: -16px; height: 37px; min-height: 37px; }
.navbar { margin-bottom: 0; }
.navbar-inverse {
    background-color: #222;
    border-color: #080808;
    background: url("../img/bg.png");
}

.navbar-inverse .navbar-nav>li>a {
    color: #FFFFFF;
    font-weight: 800;
    font-size: 16px;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #DFFA68;
    background-color: transparent;
}
.nav > li { /*width: 16.6%;*/ float: left; }
.nav>li>a { padding: 7px 15px; background: #a41101; color: #fff!important; }
.nav>li>a:hover, .nav>li>a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus  { background-color: #800d00; }

.opacity {   /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE8

  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=50); // IE 5-7
  
  /* Modern Browsers */
opacity: 0.5; }

#left1 {
	width: 100%;
	height: 100px;
	overflow: hidden;
	border: 0;
	padding: 6px;
	clear:both;
	background:#ab001c;
	border-radius: 5px;
	border: 1px solid #880016;
	}
#left1 img {
	width: 140px;
	height: 88px;
	margin: 0px 0px 0px 0px!important;
	border: 0px;
	clear:both;
	}
	
#left2 {
	width: 100%;
	height: 100px;
	overflow: hidden;
	border: 0;
	padding: 6px;
	clear:both;
	background:#fff;
	border-radius: 5px;
	border: 1px solid #eaeaea;
	}
#left2 img {
	height: 88px;
	margin: 0px 0px 0px 0px!important;
	border: 0px;
	clear:both;
	}
#left3 {
	width: 100%;
	height: 200px;
	overflow: hidden;
	border: 0;
	padding: 6px;
	clear:both;
	background:#fff;
	border-radius: 5px;
	border: 1px solid #eaeaea;
	}
#left3 img {
	height: 200px;
	margin: 0px 0px 0px 0px!important;
	border: 0px;
	clear:both;
	}
.btn btn-danger btn-block btn-md {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
background-color:#f9f9f9;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-size:11px;
font-weight:bold;
padding:5px 10px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
width:100%;
margin-bottom:10px;
max-height: 50px; overflow:hidden;
}
.btn btn-danger btn-block btn-md:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
background-color:#e9e9e9;
}
.btn btn-danger btn-block btn-md:active {
position:relative;
top:1px;
}

.center-cropped {
  width: 23%;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  float: left; background-size: cover;
  margin: 4px; 
}

.center-cropped2 {
    width: 100%;
    height: 120px;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    background-size: cover;
    margin-bottom: 15px;
    border-radius: 200px;
}

.paddingsiz { padding:0px 5px 0px 0px; }

.btn { margin-bottom: 10px; font-weight: 700; }
.btn-info, .btn-danger, .btn-success { color: #000; overflow: hidden; }

.img-thumbnail { padding:10px; }

.seperator { width:100%; height:17px; background:url('../img/separator.png') top center no-repeat; }

h1, .h1 { font-size: 35px; }

.navbar-default { background-color: transparent!important; border-color: transparent!important; }

.area{
  text-align:center;
  font-size:30px;
  color:#fff;
  letter-spacing: 0px;
  font-weight:700;
  text-transform:uppercase;
  animation:blur .75s ease-out infinite;
  text-shadow:0px 0px 5px #fafafa,
      0px 0px 7px #fafafa;
}

@keyframes blur{
  from{
      text-shadow:0px 0px 10px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #7B96B8,
      0px 0px 150px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px -10px 100px #7B96B8,
      0px -10px 100px #7B96B8;}
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
.carousel { height: 415px; }
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
    height: 415px!important;
}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.carousel { height: 415px; }
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
    height: 415px!important;
}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.carousel { height: 415px; }
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
    height: 415px!important;
}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.carousel { height: auto; }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.carousel { height: auto; }
}