/* Include Open Sans font from Google Web Fonts */

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

body{font-family: "Open Sans", Arial, sans-serif; -webkit-font-smoothing:antialiased;  min-height: 100%; background:#fff; color:#333; overflow-x:hidden; line-height:22px;}

/* Sticky footer styles
-------------------------------------------------- */
html {position: relative; min-height: 100%;}
body { margin-bottom: 60px;}
.footer { position: absolute; bottom: 0; width: 100%; height: 60px;}


.header{border:none; background:#06f; z-index:10; border-radius:0 !important; }
.header .container-fluid{padding:0 !important; }
.navbar-header{margin:0; padding:0 !important;}
.navbar-brand{padding:5px 10px !important; margin:0px !important; height:60px;}
.navbar-brand img{height:90px; margin-top:5px; transition: opacity .3s ease-out;}
.navbar-toggle{margin-right:0;}


hr{border:none; border-bottom:solid #ccc 1px; margin-bottom:10px;}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {color:#fff; background-color: #00398f;}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {color: rgba(255, 255, 255, 1); background-color: #004ab8;}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {color: rgba(255, 255, 255, 1); background-color: #004ab8;}
#custom-bootstrap-menu.navbar-default .navbar-toggle {border-color: #a06f33;}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {background-color: #a06f33;}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {background-color: #a06f33;}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {background-color: #333333;}

.material-icons{font-size:1.8rem !important; vertical-align:middle;}

.tab-pane{ border-top:none; padding:10px;}
.nav-tabs{padding:0 30px; margin:0 -15px;}

.inputGroup {
  background-color: #fafafa;
  display: block;
  margin: 10px 0;
  position: relative;
  border:solid #ccc 1px;
  border-radius:3px;
  box-shadow:0 2px 3px rgba(0,0,0,0.1);
}
.inputGroup label {
  padding: 3px 40px;
  margin-bottom:0;
  width: 100%;
  display: block;
  text-align: left;
  color: #3c454c;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  font-size:15px;
}
.inputGroup label:before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  content: "";
  background-color: #777;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 18px;
  height: 18px;
  content: "";
  border: 2px solid #00BCD4;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 16% 16%;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  color: #fff;
}
.inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #00BCD4;
  border-color: #00BCD4;
} 
.inputGroup input {
  width: 16px;
  height: 16px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}
.inputGroup .badge{background:#06f; color:#fff; font-size:16px; 
  z-index: 2;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.inputGroup input:checked ~ label .badge {background:#333; color:#fff; }
.form {
  padding: 0px;
  width: 100%;
  margin: 10px auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 36px;
}
.checkbox{position:relative; display:block; vertical-align:middle;}
.checkbox .kosuls{position:relative; display:inline-block; vertical-align:middle;}
.checkbox label::before{position:relative; display:inline-block; vertical-align:middle; margin-top: -3px; border-color:#00BCD4;}
.checkbox label::after{
    margin-left: -19.5px;
    padding-left: 8px;
    padding-top: 2px;
    font-size: 11px; color:#00BCD4;}
	.help-block{padding:0 15px !important;  font-size:14px;}
	.form-error{background:#c33; color:#fff !important;}


*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

.swiper-slide{position:relative; display:block; z-index:0;}
.uyenumarasi{position:absolute; top:35px; right:100px; z-index:9;}
.uyenumarasi2{position:absolute; bottom:80px; left:15px; z-index:9; transform:rotate(90deg); font-weight:bold;}
.uyenumarasi3{position:absolute; top: 50%; right: 50%; transform: translate(50%,-50%) rotate(-45deg); opacity:.05; z-index:9; font-weight:bold; font-size:100px;}


.kategoriMenu{background:#00398f !important; padding:0px !important; }


.uyeMenu { border-top:none !important;}
.uyeMenu .btn-default{background:none; border-color:#fff; color:#fff;}
.uyeMenu .btn-default:hover{background:#fff; border-color:#fff; color:#06f;}
.uyeMenu .btn-primary{background:#fff; border-color:#fff; color:#c00; font-weight:bold;}
.uyeMenu .btn-primary:hover{background:rgba(255,255,255,0.7); border-color:#fff; color:#c00;}


.kalangunWrap{background:#eee; color:#666; padding:5px; text-align:center; border-radius:5px; display:block; margin:10px 0; }
.kalangunWrap a{display:block ; }

.bankahesaplari{border-bottom:solid #ccc 1px; padding:0px 0 10px 0px; color:#666;}
.bankahesaplari:last-child{border-bottom:none;}
.bankahesaplari .media-left span{ position:relative; border:solid #ccc 1px; display:inline-block; height:100px; width:100px; border-radius:5px; box-shadow:0 2px 5px 0px rgba(0,0,0,0.2); overflow:hidden;}
.bankahesaplari .media-left span img{position:absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:100%;}
.bankahesaplari h5{font-size:18px; margin-bottom:5px;}
.bankahesaplari p{font-size:15px; margin-bottom:5px;}

.carousel-indicators{text-align:center; bottom:0; display:none;}

/* SLAYTLAR */
.anasayfaSlide{position:relative; display:block; margin:0px 0 30px 0; z-index:1 !important;}
.anasayfaSlide .carousel-inner{ overflow:hidden;}
.anasayfaSlide .carousel-inner .item{height:420px; background-attachment:cover; background-size: auto  100% !important;}

.anasayfaSlide .carousel-inner .url{ cursor:pointer;}
.carousel-control.right{ left:auto; right:0px; }
.carousel-control.left{left:0px; right:auto;}
.carousel-control{background:#333; width:40px; height:75px; padding:25px 10px; top:50%; margin-top:-25px; background-image:none !important;}
.carousel-control i{display:inline-block; color:#fff; font-size:24px;}
.carousel-caption{/*background:rgba(0,0,0,0.5);*/ color:#fff; font-size:16px; text-align:left; display:block !important; right:0; left:0; bottom:0; padding:10px; box-shadow:0 2px 5px 0px rgba(0,0,0,0.5);}
.carousel-caption b{ color:#fff; font-size:20px; display:block;}
.overlay{position:absolute; display:block; top:0px; right:0px; bottom:0px; left:0px;  background-image:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0px, rgba(0, 0, 0, 0) 30%); background-repeat:repeat-x;}



/* icerikList */
.icerikList > div {margin-bottom:15px; }
.icerikList > div h2.anasayfa{margin:0; padding:0; font-size:20px; font-weight:bold; display:inline-block; width:100%; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis;}
.icerikList .icerikWrap{ padding:0 5px;}
.icerikList .icerikWrap a{display:block; overflow:hidden; background:#fff;  color:#333; border-radius:3px; box-shadow:0px 2px 5px rgba(0,0,0,0.20);}
.icerikList .icerikWrap a:hover{box-shadow:0px 3px 10px rgba(0,0,0,0.50);}
.icerikList .content{ padding:10px;}
.icerikList .iBaslik{ font-size:15px; color:#333; font-weight:bold; display:block; height:45px;}
.icerikList .iKategori{ font-size:12px; color:#333; padding:5px; border-top:solid #eee 1px; height:45px;}
.icerikList > div p{ text-overflow: ellipsis; word-break: break-all; overflow: hidden;  max-height: 38px; line-height: 20px;}
.icerikList .resim{	height:200px; border-radius:2px; overflow:hidden; background:#333 url('../../images/yukleniyor.svg') no-repeat 50% 50%;}
.icerikList a:hover .resim{opacity:0.6;  transition: opacity .3s ease-out;}
.icerikList .resim img{visibility:hidden;}

/*.icerikList .resim img{display:none;}*/
.icerikDetayBtns{display:block; padding:5px; margin-top:10px; text-align:right !important; border-top:solid #eee 1px; border-bottom:solid #eee 1px;}

/* kategoriList */
.icerikList > div.liste{margin-bottom:25px; padding-left:0px; padding-right:0px;}
.icerikList > div.liste:nth-child(1n) { padding-right:5px;}
.icerikList > div.liste:nth-child(2n) { padding-left:5px;}
.icerikList > div.liste a{position:relative; display:inline-block; border:solid #ccc 1px; width:100%; height:80px; padding:20px 10px;  margin:-7px !important; color:#333; font-weight:bold; text-decoration:none; background:#f9f9f9;}
.icerikList > div.liste a:hover{  border-left:solid #c00 3px;}
.icerikList > div.liste span{color:#c00;}

.kategoriList > div h2.anasayfa{margin:0; padding:0; font-size:20px; font-weight:bold; display:inline-block; width:100%; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis;}
.kategoriList > div h2{margin:0; padding:0; font-size:20px; font-weight:bold; display:inline-block; width:100%; white-space: /*nowrap; overflow:hidden !important; text-overflow: ellipsis;*/}
.kategoriList > div p{ text-overflow: ellipsis; word-break: break-all; overflow: hidden;  max-height: 38px; line-height: 20px;}
.kategoriList > div a{ color:#333; text-decoration:none;}
.kategoriList > div a:hover{ color:#333; text-decoration:none;}
.kategoriList > div a:hover h2{ color:#06f; text-decoration:none;}
.kategoriList .resim{height:100px; border-radius:3px; border:solid #ddd 1px; overflow:hidden; background:#333 url('../../images/yukleniyor.svg') no-repeat 50% 50%;}
.kategoriList .resim img{visibility:hidden;}
.imgLiquid img{visibility:hidden;}
.yukleniyor{height:100px; background:url('../../images/yukleniyor.svg') no-repeat 50% 50%;}





/*.listMenu*/
.baslik4{margin-top:10px; padding:0px;  font-size:22px; font-weight:700; }
.listMenu{margin:0;padding:0; list-style:none;}
.listMenu li{border-bottom:dotted #ddd 1px; padding:2px 0;}
.listMenu li a{display:block; padding:3px 5px 0px 0px; color:#999; font-size:17px; text-decoration:none;}
.listMenu li a span{display:inline-block; background:#9ba5a9; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:19px; padding:8px; width:50px; height:50px; text-decoration:none; text-align:center; vertical-align:middle; float:left;}
.listMenu li a:hover span{display:inline-block; background:#06f; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:19px; padding:8px; width:50px; height:50px; text-decoration:none; text-align:center; vertical-align:middle; }
.listMenu li a span b{display:block; font-size:24px; margin:0; padding:0;}
.listMenu li a:hover{ color:#666 !important; }
.listMenu li a.active{ color:#000; background:#ddd; border-bottom:solid #ccc 1px;}
.listMenu li a span{margin-right:5px;}
.listMenu li a.active span{margin-right:5px; color:#000;}
.listMenu li a.turuncu{display:block; padding:3px 10px; color:#fff !important; background:#f39c12 !important;}
.listMenu li a.turuncu span{color:#fff;}
.tumu{position:relative; display:inline-block; top:0px; float:right; font-size:13px; font-weight:700; color:#999;}
.tumu:hover{color:#333;}



#kosul{ display:inline-block; vertical-align:middle; left:0px;}

/* sontahminler */
.sontahminler ul{margin:0; padding:0; list-style:none;}
.sontahminler ul li{margin:0; padding:0;}
.sontahminler ul li a{display:block; margin:0; padding:10px 0; color:#000; border-bottom:solid #ccc 1px; }
.sontahminler ul li a i{display:inline-block; margin:0; padding:0px 0; color:#06f;}
.sontahminler ul li a small{display:inline; float:right; margin:0; padding:0px 0; color:#06f;}

/* sonbasarilitahminler 
.sonbasarilitahminler > div{padding:0 15px;}
.sonbasarilitahminler > div > div{padding:0; margin:0px;}
.sonbasarilitahminler .galerilist .thumbnail {margin:0 !important;}
.sonbasarilitahminler .galerilist a .resimler{width:100%; height:100px; position:relative;}
.sonbasarilitahminler .galerilist a:hover .resimler .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#000; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:100px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
*/

/* sonbasarilitahminler */
.sonbasarilitahminler > div{padding:0 15px; }
.sonbasarilitahminler > div > div{padding:0; margin:0px;}
.sonbasarilitahminler .galerilist .thumbnail {margin:0 !important;}
.sonbasarilitahminler .galerilist a .resimler{width:100%; height:100px; position:relative;}
.sonbasarilitahminler .galerilist a:hover .resimler .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#000; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:100px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}


/* marque haberler */
.container_marquee {height: 8em; margin: 1em auto; overflow: hidden; padding:5px; border-radius:3px; background: white; position: relative; box-sizing: border-box;  box-shadow:0px 1px 1px rgba(0,0,0,0.20);}
.marquee {top: 6em; position: relative; box-sizing: border-box;
animation: marquee 15s linear infinite;}
.marquee:hover { animation-play-state: paused;}
/* Make it move! */
@keyframes marquee {0%   { top:   8em } 100% { top: -11em }}
/* Make it look pretty */
.microsoft .marquee {margin: 0; padding: 0 1em; line-height: 1.5em; font: 1em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;}
.microsoft:before, .microsoft::before,
.microsoft:after,  .microsoft::after { left: 0; z-index: 1; content: ''; position: absolute; pointer-events: none; width: 100%; height: 2em; background-image: linear-gradient(180deg, #FFF, rgba(255,255,255,0));}
.microsoft:after, .microsoft::after {bottom: 0; transform: rotate(180deg);}
.microsoft:before, .microsoft::before {top: 0;}
/* Style the links */
.vanity {color: #333; text-align: center; font: .75em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;}
.vanity a, .microsoft a {color: #1570A6; transition: color .5s; text-decoration: none;}
.vanity a:hover, .microsoft a:hover {color: #F65314;}


/* anasayfaList */
.anasayfaList > div{padding:3px;}
.anasayfaList .resim{height:147px; overflow:hidden; background:#333 url('../../images/yukleniyor.svg') no-repeat 50% 50%;}
.anasayfaList .resim img{visibility:hidden;}
.anasayfaList .title{position:absolute; bottom:3px; left:3px; right:3px; color:#fff; padding:10px;}
.anasayfaList .title h2{font-weight:bold; font-size:22px;}
.anasayfaList .title p{color:#fff;}
.anasayfaList .ilk .resim{height:300px;}



/* listMenu 
.listMenu{list-style:none; margin:0; padding:0;}
.listMenu li{margin-bottom:5px; padding-bottom:5px; border-bottom:dotted #ccc 1px;}
.listMenu a{color:#333; text-decoration:none;}
* /
.fotorama_container{position:relative; display:block;}/*
.fotorama__stage__shaft {position:relative; border-radius:3px; overflow:hidden !important; }
.fotorama { border-radius:3px; box-shadow:0 2px 5px 0px #888;}*/


 
/* haberler */
.haberler_detay{margin-bottom:30px;}

input[type="file"]{cursor: pointer !important; cursor: -webkit-pointer !important; cursor: -moz-pointer !important; cursor:pointer  !important;}

.mainbody{margin:130px auto 30px auto; }
.mainbody.girisyok{margin:130px auto 30px auto;}

.anasayfaBlok{background:#333c43; padding:150px 0; }
.anasayfasaglogo {color:#fff; }
.anasayfasaglogo h3{font-weight:bold; font-size:18px; line-height:24px;}
.anasayfasaglogo p{font-size:16px; line-height:24px;}
.anasayfasaglogo .logo{margin:20px 0 20px 0;}



/* sag kategori listesi 
.SagKategoriler{border:solid #ddd 1px;}
.SagKategoriler{margin:0; padding:0; list-style:none;}
.SagKategoriler ul{margin:0; padding:0 0 0 10px; list-style:none;}
.SagKategoriler li a{display:block; margin:0; padding:5px; border-bottom:solid #ddd 1px;}
.SagKategoriler li a:hover, .SagKategoriler ul li a:hover{background:#eee;}

*/
/*
.panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
.panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
.panel-collapse>.list-group {margin-bottom: 0;}
.panel-collapse .list-group-item {border-radius:0;}
*/





/* accordion menu*/
#accordion i{ margin-right:5px; }
#accordion .panel{border:none;}
#accordion .panel-heading{  font-weight:bold; color:#ccc; padding:0; background:#fff; border-bottom:solid #06f 2px;}
#accordion .panel-title{ font-size:14px; font-weight:bold;}
#accordion .panel-title i{ font-size:14px; display:inline-block;}
#accordion a{ text-decoration:none;}
#accordion a:hover{color:#06f;}
#accordion .panel-title a[data-toggle="collapse"]{ display:inline-block; width:90%; padding:10px; }
#accordion .panel-title a[data-toggle="collapse"]:hover{ color:#fff; }
#accordion .panel-title a.pull-right{ display:inline-block; width:10%; padding:10px;}
.panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
.panel-collapse>.list-group {margin: 0; margin-top: 0px; background:red !important;}
.panel-collapse>.list-group .list-group-item {border-width: 1px 0; padding:0; background:#f0f0f0;}
.panel-collapse>.list-group {margin-bottom: 0;}
.panel-collapse.list-group-item {border-radius:0; }
.panel-collapse .list-group-item a{display:block; padding:5px; color:#000; font-weight:bold;}
.panel-collapse .list-group-item i{display:inline-block; padding:5px; color:#06f;}

.panel-collapse .list-group .list-group {margin: 0; margin-top: 0px;}
.panel-collapse .list-group-item li.list-group-item {margin: 0 0 0 0px ;border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 10px; background:#f9f9f9;}
.panel-collapse .list-group-item li.list-group-item a{color:#333;}
.panel-collapse .list-group-item li li.list-group-item {margin:0 0 0 -10px;border-top: 1px solid #ccc !important;border-bottom: 0;padding-left: 20px; background:#fff;}
.panel-collapse .list-group-item li li.list-group-item a{color:#333;}
.panel-collapse .list-group-item li.list-group-item:last-child {padding-bottom: 0;}

.panel-collapse div.list-group div.list-group{margin: 0;}
.panel-collapse div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 0px;}
.panel-collapse .list-group-item li.list-group-item {border-top: 1px solid #DDD !important;}









/* UYE KARTI*/
.formErrorContent{padding:5px !important;}
.uyekarti{position:relative; display:block; z-index:2; margin:0px 0px 5px 0px;}
.uyekarti .btn-group{position:absolute; bottom:30px; left:50%; display:none; margin-left:-25px;}
.uyekarti:hover .btn-group{display:inline-block;}
.uyekarti .thumbnail{ margin:0;}
.uyekarti .uyeResim{ position:relative; display:inline-block; width:130px; height:130px; border-radius:50%; padding:5px; overflow:hidden !important; }
.uyekarti .uyeResim span{ position:absolute; top:0; left:0; right:0; bottom:0; background:#000; border-radius:50%; opacity:.3; transition: all .4s ease-in-out;}
.uyekarti .uyeResim:hover span{background:#1caf9a; opacity:.3; transition: all .4s ease-in-out; }
.uyekarti .uyeResim img{ position:relative; display:inline-block; width:120px; height:120px; border-radius:50%; }
.uyekarti .uyeAdi{ color:#333; font-size:16px; font-weight:bold; background:#eee; border-radius:0 0 3px 3px; text-align:center; padding:5px 0;}
.uyekarti .uyeSehir{ font-size:14px; margin-bottom:2px; padding-bottom:2px; border-bottom:dotted #ddd 1px;}
.uyekarti .uyePaylasim{ margin-bottom:3px; padding-bottom:3px; border-bottom:dotted #ddd 1px;}
.uyekarti .uyeAdi a,
.uyekarti .uyeSehir a{color:#333; }
.uyekarti .uyekartblogu > div{padding:0 5px; }
.uyekarti .btn-takip{position:relative; display:inline-block; margin-bottom:10px;  top:0px; left:12px !important; transition: all .4s ease-in-out; }
.uyekarti .btn-circle{position:relative; display:inline-block; margin-bottom:10px; padding:5px 8px; border:solid #fff 1px; border-radius:50%; transition: all .4s ease-in-out;}
.uyekarti .btn-circle:hover {border-color:#1caf9a; transition: all .4s ease-in-out; }
.uyekarti .btn-circle i{color:#fff; transition: all .4s ease-in-out;}
.uyekarti .btn-circle:hover i{color:#1caf9a; transition: all .4s ease-in-out;}
.uyekarti .iconBtnBar{position:relative; width:50px; }
.uyekarti .uyeResimBar{width:200px; }





/* uyekartitop */
.uyekartitop{position:relative; display:block; z-index:2; padding:0px; background:#aaa; color:#fff !important; overflow:hidden; box-shadow:inset 0 -5px 5px rgba(0,0,0,0.15);}

.uyekartitop .tuval{ padding:20px 10px !important;  background-attachment:cover;  background-size: 100%  auto !important;}
.uyekartitop .tuval .overlay{position:absolute; top:0; bottom:0; left:0; right:0;  background:#333; z-index:1 !important; opacity:.8;}
.uyekartitop .container-fluid{position:relative; z-index:2 !important;}
.uyekartitop .container-fluid{padding:0;}
.uyekartitop .btn-group{position:absolute; bottom:5px; right:-150px; display:block; transition: all .4s ease-in-out; z-index:10;}
.uyekartitop:hover .btn-group{display:block; right:5px; transition: all .4s ease-in-out;}
.uyekartitop .thumbnail{ margin:0;}
.uyekartitop .uyeResim{ position:relative; display:inline-block; width:70px; height:70px; border-radius:50%; padding:3px; overflow:hidden !important;}
.uyekartitop .uyeResim span{ position:absolute; top:0; left:0; right:0; bottom:0; background:#ccc; border-radius:50%; transition: all .4s ease-in-out;}
.uyekartitop:hover .uyeResim span{background:#c33;  transition: all .4s ease-in-out; }
.uyekartitop .uyeResim img{ position:relative; display:inline-block; width:64px; height:64px; border-radius:50%; }
.uyekartitop .uyeAdi{ color:#fff; font-size:16px; font-weight:bold; border-radius:0 0 3px 3px; padding:10px 0 5px 0;}
.uyekartitop .uyeSehir{ font-size:14px; margin-bottom:2px; padding-bottom:2px; }
.uyekartitop .uyePaylasim{ margin-bottom:3px; padding-bottom:3px; border-bottom:dotted #ddd 1px;}
.uyekartitop .uyeAdi a,
.uyekartitop .uyeSehir a{color:#333; }
.uyekartitop .uyekartblogu > div{padding:0 5px; }
.uyekartitop .btn-takip{position:relative; display:inline-block; margin-bottom:10px;  top:0px; left:12px !important; transition: all .4s ease-in-out; }
.uyekartitop .btn-circle{position:relative; display:inline-block; margin-bottom:10px; padding:5px 8px; border:solid #fff 1px; border-radius:50%; transition: all .4s ease-in-out;}
.uyekartitop .btn-circle:hover {border-color:#c33; transition: all .4s ease-in-out; }
.uyekartitop .btn-circle i{color:#fff; transition: all .4s ease-in-out;}
.uyekartitop .btn-circle:hover i{color:#c33; transition: all .4s ease-in-out;}
.uyekartitop .iconBtnBar{position:relative; width:50px; }
.uyekartitop .uyeResimBar{width:200px; }
 
/* uyeHesapBar */
.uyeHesapBar{position:relative; display:block; border-radius:5px; margin-bottom:20px; height:300px;border:solid #768682 1px; overflow:hidden; transition: all 2s ease-in-out;}

.uyeHesapBar.bg1{ background-size: cover; background-repeat: no-repeat; background-position: 0 0;}
.uyeHesapBar.bg2{ background-size: cover; background-repeat: no-repeat; background-position: 50% 100%;  }



.uyeHesapBar .ustFiltre{position:relative; height:240px;}
.uyeHesapBar .ustFiltre .overlay{position:absolute; top:0; left:0px; right:0px; bottom:0px; background:#1caf9a; opacity:.3; z-index:1; }
.uyeHesapBar .altFiltre{position:relative; height:60px;}
.uyeHesapBar .altFiltre .overlay{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:#000; opacity:.5; z-index:1; }
.uyeHesapBar .uyePanel{position:relative; display:block; z-index:2; color:#fff; padding:10px;}
.uyeHesapBar .btn-circle{position:relative; display:inline-block; top:12px; left:15px; margin-right:5px; padding:5px 8px; border:solid #fff 1px; border-radius:50%; transition: all .4s ease-in-out; z-index:2;}
.uyeHesapBar .btn-circle:hover {border-color:#1caf9a; transition: all .4s ease-in-out; }
.uyeHesapBar .btn-circle i{color:#fff; transition: all .4s ease-in-out;}
.uyeHesapBar .btn-circle:hover i{color:#1caf9a;transition: all .4s ease-in-out;}
.uyeHesapBar .btn-takip{position:relative; background:#1caf9a; color:#fff; z-index:20 !important; top:12px; left:17px; transition: all .4s ease-in-out; }
.uyeHesapBar .btn-takip:hover{ background:none; border:solid #1caf9a 1px; color:#1caf9a; transition: all .4s ease-in-out; }
.uyeIstatistik{font-size:14px; font-weight:normal;}
.uyeIstatistik a{color:#fff; text-decoration:none; transition: all .4s ease-in-out; }
.uyeIstatistik a:hover{color:#1caf9a; transition: all .1s ease-in-out; }
.uyeIstatistik b{font-size:16px; font-weight:bold;}






/* dropdown menu arrows */
.arrow-right > .dropdown-menu:after { content: ''; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; position: absolute; top: -10px; right: 14px;}
.arrow-left > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px; }



.jumbotron{position:relative; display:block; margin:118px 0 0px 0; padding:0; background: url(../../images/jumbotron.jpg) 50% 50%; background-size: cover; background-repeat: no-repeat; color: white;}
.pattern-overlay { min-height:400px; padding:100px 0 0 0; background-color: rgba(0, 0, 0, 0.50); z-index:3;}

.jumbotron .mb-button{position:absolute; display:block; top:20px; right:20px; color:#fff; border:solid #fff 1px; padding:3px 8px 7px 10px; font-size:18px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -m-border-radius:50%;}
.pause{display:none;}

.galerilist a .thumbnail{margin:0 0 25px 0; padding:0;  box-shadow:inset 0 -5px 5px rgba(0,0,0,0.15);}
.galerilist a .resimler{width:100%; height:150px; position:relative;}
.galerilist a .resimler img{display:none;}
.galerilist a .resimler .overlay{position:absolute;  opacity:0; filter: alpha(opacity=0); }
.galerilist a:hover .resimler .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#000; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:150px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.galerilist a:hover .resimler .overlay .gi{color:#fff;}



/* ekleyenBar */
.ekleyenBar{ padding:10px;  }
.ekleyenBar .okunma{background:#eee; border:solid #ccc 1px; padding:0 5px; border-radius:5px; }
.ekleyenBar .resim{ overflow:hidden; border:solid #999 2px; }
.ekleyenBar:hover .resim{border:solid #c33 2px; }
.ekleyenBar a{color:#333; }
.ekleyenBar:hover a{color:#c33; }
.ekleyenBar .adsoyad{color:#c33; position:relative; display:inline-block; font-size:16px; border:none; text-decoration:none;}
.ekleyenBar small i{color:#333;}


/* profilBar */
.profilBar{position:relative; background:url(../../images/profilbg.jpg); height:320px; margin:-20px 0 15px 0 ;}
.profilBar .overlay{left:0; right:0; top:0; bottom:0; opacity:.7; z-index:1;}
.profilBar:hover .overlay{opacity:.6;}
.profilBar .container{position:relative; z-index:10 ;}
.profilBar .profilkarti {padding:20px 0; color:#fff; }
.profilBar .profilkarti .resim{position:relative; display:inline-block; width:150px; height:150px; border-radius:50%; border:solid #fff 5px;}
.profilBar .profilkarti .uyeAdi{font-size:20px;}







.sidebar{max-width:165px;}


.glyphicon.bosluk{margin-right:5px;}
.firmaLogo img {border:solid #eee 3px;}
/*.bildirimIcon{background:#c0392b !important; font-weight:normal !important;}*/


/*.scrollpage{height:250px;}*/
ul.pagination{padding:0; margin:0;}
.panel-tumbildirimler .bildirimList{margin:0; padding:0; list-style:none;}
.panel-tumbildirimler .bildirimList li a{padding:5px 10px;}
.popover .bildirimList{margin:0; padding:0; list-style:none;}

.bildirimList li{border-bottom:solid #ddd 1px;}
.bildirimList li a{display:block; color:#333; padding:5px; font-size:12px;}
.bildirimList li a:hover{background:#f5f5f5; text-decoration:none;}
.bildirimList li.aktif a{background:#f5f5f5; }
.bildirimList li.aktif a:hover{background:#f5f5f5;}
.popover{ text-align:center;}
.popover-title{background:#333; color:#fff; font-weight:bold;}
.popover-title .bildirimOkunduBtn{position:absolute; top:10px; right:10px; color:#999;}
.popover-content{}
.bildirimOkunduBtn{font-size:10px !important; }

.bildirimlerTumu{display:block; text-align:center; font-size:12px; font-weight:bold; background:#f5f5f5; color:#333; padding:5px;}
.referansYukle{margin-bottom:15px;}



input[type="file"]{cursor: pointer !important; cursor: -webkit-pointer !important; cursor: -moz-pointer !important; cursor:pointer !important;}
#queueDosyalar{border:dashed #ccc 2px; padding:10px; background:#eee; text-align:center; color:#999; font-weight:bold;}



/* PANEL TEKLIFON */
.panel{border:solid #dbe1e8 1px; background:#fff; }
.panel-default > .panel-heading{padding:15px; border-bottom:solid #06f 2px;} /* TURKUAZ */
 /*.panel-teklifon .panel-heading{background:#f39c12; border-bottom:solid #e67e22 2px;} TURKUAZ */
.panel-siyah .panel-heading{background:#607d8b !important; padding:15px; border-bottom:solid #00bcd4 2px;}  /* TURKUAZ */
.panel-beyaz .panel-heading{background:#f5f5f5 !important; padding:15px; border-bottom:solid #ccc 2px;}  /* TURKUAZ */
.panel-yesil .panel-heading{background:#4CAF50  !important;}  /* YEŞİL */
.panel-kirmizi .panel-heading{background:#f44336  !important;}  /* YEŞİL */
.panel-turuncu .panel-heading{background:#f39c12;}  /* TURUNCU */
.panel-default .panel-heading{background:#06f;}  /* KIRMIZI */
.panel-mavi .panel-heading{background:#2980b9;}  	/* MAVI */
.panel-teklifon .panel-title{color:#06f; font-size:16px; font-weight:bold;}
.panel-beyaz .panel-title{color:#607d8b !important; font-size:16px; font-weight:bold;}
.panel-default .panel-title,
.panel-turuncu .panel-title,
.panel-kirmizi .panel-title,
.panel-yesil .panel-title,
.panel-mavi .panel-title
{color:#fff; font-size:14px; font-weight:bold;}

.f32{font-size:48px !important;}
.f32.success{color:#4CAF50;}
.f32.danger{color:#f44336;}

.alert-sancalanaliz{background:#607D8B; color:#fff; }
.alert-sancalanaliz .badge{font-size:13px; background:#00bcd4; color:#333; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}


/* .dropdown-custom */
.dropdown-menu {border-radius:3px; background:#222 !important;}
.dropdown-menu li a{padding:10px 15px !important; color:#999 !important;}
.dropdown-menu li a i{display:inline-block; color:#fff; font-weight:bold; margin-right:5px;}
.dropdown-menu li a:hover{color:#fff !important; background:#666 !important;}


/* .nav-pills */
.nav-pills{}
.nav-pills li{ margin:0 !important;}
.nav-pills li a{margin:0 !important; border-radius:0px; padding:7px 5px; border-bottom:solid #ddd 1px;}
.nav-pills li a i{display:inline-block; margin-right:10px !important;}
.nav-pills li:first-child a{border-radius:0;}
.nav-pills li:last-child a{border-radius:0;}
.nav-pills li a,
.nav-pills li a:focus{ color:#333; }
.nav-pills li.active a,
.nav-pills li.active a:focus{color:#333; background:#eee;}
.nav-pills li a:hover, 
.nav-pills li.active a:hover,
.nav-pills li.active a:focus{color:#333; background:#eee;}

/* swipemenu .nav-pills */
.swipemenu .nav-pills{}
.swipemenu .nav-pills li{ margin:0 !important;}
.swipemenu .nav-pills li a{margin:0 !important; border-radius:0px; padding:7px 15px; border-bottom:solid #666 1px;}
.swipemenu .nav-pills li a i{display:inline-block; margin-right:10px !important;}
.swipemenu .nav-pills li:first-child a{border-radius:0;}
.swipemenu .nav-pills li:last-child a{border-radius:0;}
.swipemenu .nav-pills li a,
.swipemenu .nav-pills li a:focus{ color:#ccc; }
.swipemenu .nav-pills li.active a,
.swipemenu .nav-pills li.active a:focus{color:#333; background:#eee;}
.swipemenu .nav-pills li a:hover, 
.swipemenu .nav-pills li.active a:hover,
.swipemenu .nav-pills li.active a:focus{color:#333; background:#eee;}











.notification.red { border-top-color:#c00; border-top-style:solid; border-top-width:20px;}
.notification.green { border-top-color:#090; border-top-style:solid; border-top-width:20px;}
.notification { border-left-color:transparent; border-left-style:solid; border-left-width:24px; border-top-color:#fff; border-top-style:solid; border-top-width:20px; display:inline-block; margin:0 auto; position:absolute; right:0; top:0;}
.notification-number {color:#fff; font-size:9px; font-weight:bold; letter-spacing:-1px; position:absolute; right:3px; text-align:center; top:0px; width:8px;}



.geri i{color:#333;}


.table td {vertical-align: middle !important; padding:10px !important;}
.table th {vertical-align: middle !important; padding:10px !important; font-size:15px;}
.table td h5{margin-top:0;}

/* Incık Cıncık */
.input-group-addon{background:#f9f9f9;}
.chosen-choices{ border-radius:0 3px 3px 0 !important;}
.well-teklifon{background:#f9f9f9 !important; display:block;}
.well-table{margin:0px;}
a{outline:none !important;}
.paylasimiconlar{font-size:16px; color:#999;}
.altbosluk{position:relative; display:block;margin-bottom:5px;}


.uyeMenu{padding:15px 0; text-align:right;}

.btn{font-size:13px;}
.btn-bordo{background:#333; color:#fff; border-color:#333;}
.btn-bordo:hover{background:#6d171c; color:#fff; border-color:#8d1b21;}


.baslik{font-size:14px; font-weight:bold; color:#fff; margin:0px 0 15px 0; border-bottom:solid #06f 1px;}
.baslik span{display:inline-block; background:#06f; padding:6px 10px; border-radius:5px 5px 0 0; }
.baslik .tumu{font-size:12px; font-weight:bold; color:#999; background:#eee; border:solid #ddd 1px;}

/* panelBaslik */
.panelBaslik{background:#06f; color:#e6e6e6; padding:10px 4px; text-align:center; border-radius:3px; font-size:16px; font-weight:bold; margin-bottom:15px;}
.panelBaslik .pull-left{margin-top:-6px;}
.panelBaslik .pull-right{margin-top:-6px;}



.ui-autocomplete { background:#fff !important; }
.ui-menu-item > a.ui-corner-all {border-radius:0 !important;}
.ui-state-hover, 
.ui-state-active {background:none !important; background-color:#fafafa !important; }
.ui-menu-item > a{ border:none !important; border-top:solid #b4c6ca 1px !important; padding:5px 10px !important; margin:0  !important; font-size:13px !important;}
.ui-menu-item > a:hover{background:none !important; background-color:#fafafa !important;  }
.ui-menu-item > a b,
.ui-menu-item > a i{ color:#06f;}
.ui-menu-item > a.ok b,
.ui-menu-item > a.ok i{ color:#999;}
.ui-menu-item > a small{display:block; color:#999; font-size:12px;}
.ui-state-hover, .ui-autocomplete li:hover{color:#333 !important; background:#fafafa !important; outline:none;}
.ui-state-focus{ background:#fafafa !important; outline:none; }
.ui-autocomplete-loading{background: white url("../../images/loading.gif")  no-repeat right center !important;}


/* bs-callout */
.bs-callout {padding: 10px; margin: 10px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;}
.bs-callout h4 {margin-top: 0; margin-bottom: 5px;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code {border-radius: 3px;}
.bs-callout+.bs-callout {margin-top: -5px;}
.bs-callout-default {border-left-color: #777;}
.bs-callout-default h4 {color: #777;}
.bs-callout-primary {border-left-color: #428bca;}
.bs-callout-primary h4 {color: #428bca;}
.bs-callout-success {border-left-color: #5cb85c;}
.bs-callout-success h4 {color: #5cb85c;}
.bs-callout-danger {border-left-color: #d9534f;}
.bs-callout-danger h4 {color: #d9534f;}
.bs-callout-warning {border-left-color: #f0ad4e;}
.bs-callout-warning h4 {color: #f0ad4e;}
.bs-callout-info {border-left-color: #5bc0de;}
.bs-callout-info h4 { color: #5bc0de; }



/* Gallery */
a.gallery-link { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor:zoom-in;}
.gallery a:hover img,
.gallery-image:hover .photo{opacity: 0.75; filter: alpha(opacity=75);}
.gallery-image {position: relative;}
.gallery-image-options { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none;  padding: 10px;}
.gallery-image:hover .gallery-image-options { display: block; z-index:100;}
.gallery > .row > div { margin-bottom: 15px; }
.gallery.gallery-widget > .row > div { margin-bottom: 0; padding-top: 7px; padding-bottom: 7px;}
.photo{width:100%; height:100px;}








/* Footer */
.footer{background:#333; padding:10px 0; }
.footer .row{background:#333; color:#333;}
.footer .row.menuler{padding:10px 0px; color:#999;}
.footer .row.menuler > div{margin-bottom:10px;}
.footer .row.menuler ul{margin:0; padding:0; list-style:none;}
.footer .row.menuler ul li a{position:relative; display:block; color:#ccc; padding:5px 10px;}
.footer .row.menuler ul li a:hover{background:#444; color:#fff; text-decoration:none;}
.footer h4 {color:#333; font-size:20px; font-style:italic; border-bottom:solid #333 1px; padding:0 0 5px 0; margin:0; margin-bottom:10px;}
.copyright{background:#222; padding:10px 0;}
.copyright .row{background:none; color:#555;}
.footerListe{}

/* SOSYAL ICON*/
.icon {position:relative; display:inline-block; margin:2px;}
.icon i{position:relative; display:inline-block; font-size:24px; color:#fff;}
.icon.Facebook:hover i{color:#2980b9;}
.icon.Twitter:hover i{color:#3498db;}
.icon.Google:hover i{color:#e74c3c;}

	.navbar-collapse {padding-left:0px !important; padding-right:0px !important;}
	.navbar-collapse.collapse { min-height:40px !important; /*overflow:auto !important;*/}
	
@media (max-width: 1200px) {
	.header{ background-position: 40% 0;}
	
	.uyenumarasi{position:absolute; top:10px; right:20px; z-index:9;}
	.uyenumarasi2{position:absolute; bottom:40px; left:-5px; z-index:9; transform:rotate(90deg); font-weight:bold; font-size:12px;}
	.uyenumarasi3{position:absolute; top: 50%; right: 50%; transform: translate(50%,-50%) rotate(-45deg); opacity:.05; z-index:9; font-weight:bold; font-size:50px;}

}
@media (max-width: 1024px) {
	.uyenumarasi{position:absolute; top:25px; right:50px; z-index:9;}
	.uyenumarasi2{position:absolute; bottom:70px; left:5px; z-index:9; transform:rotate(90deg); font-weight:bold; font-size:12px;}
	.uyenumarasi3{position:absolute; top: 50%; right: 50%; transform: translate(50%,-50%) rotate(-45deg); opacity:.05; z-index:9; font-weight:bold; font-size:50px;}

}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse { display: none !important; }
    .navbar-collapse.collapse.in { display: block !important; }
	
}


@media (max-width: 990px) {

	.uyeMenu {background:#333; display:block !important; padding:5px 10px; border-top:solid #c66 1px; float:none !important; margin-left:-15px; margin-right:-15px;}
	.slogan{ line-height:24px; font-size:24px; color:#fff; top:15px; left:0px; text-align:left !important;}
	.navbar-collapse.collapse { min-height:60px !important; overflow:auto !important;}
	
	.navbar-collapse{ padding-left:15px !important;  padding-right:15px !important;}
	.etkinliklerblog{ margin-bottom:220px; }
	
	.header{ background-position: 30% 0;}
	.header .container{width:100%;}
    .navbar-header {float: none;  padding:0 0px;}
	.navbar-brand img{height:60px; margin-top:10px; transition: opacity 3s ease-out;}
    
    .navbar-toggle {top:5px; display: block; background:transparent !important; border-color:#fff !important; margin-right:0px;}
    .navbar-toggle .icon-bar{ background:#fff !important;}
    .navbar-toggle:hover { background:#fff !important;}
    .navbar-toggle:hover .icon-bar{ background:#06f !important;}
    .navbar-collapse {border-top: 0px solid transparent; box-shadow: none !important;}
    .navbar-collapse.collapse { display: auto !important; }
    .navbar-nav { float: none !important; margin: 0 -15px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
	
	
	/*
	.kategoriMenu{background:#444 !important;}
	.kategoriMenu ul {display:block !important; padding:5px 0;}
	.kategoriMenu ul li{display:block !important; text-align:center; margin:2px 0; border-bottom:solid #666 1px;}
	.kategoriMenu ul li a{border-radius:5px !important;}
	*/
	
	.kategoriBlok{ background:#333 url('../../images/hexagon.png') repeat 0 0; border-top:solid #06f 4px; margin-bottom:30px; }
	.kategoriBlok .content-slider li{  padding:0px 0; display:inline-block; }
	.kategoriBlok .content-slider li a{color:#adadad; font-size:14px; font-weight:bold;}
	.kategoriBlok .content-slider li img{ margin:14px; height:35px;}
	.icerikList > div.liste:nth-child(1n) { padding-right:0px;}
	.icerikList > div.liste:nth-child(2n) { padding-left:0px;}
}

@media (max-width: 768px){
	
	
	.etkinliklerblog{ margin-bottom:490px; }
	.header{background-position: 32% 0;}
	
	
	.anasayfaSlide{margin:0px -15px 30px -15px;}
	.anasayfaSlide .carousel-inner .item{ height:300px !important; background-attachment:cover; background-size: auto  100% !important;}
	.carousel-control{ width:50px; height:40px; top:50%; margin-top:-25px; padding:8px 0;}
	
	/* slide ileri geri btnlar*/
	.carousel-control .icon-prev, 
	.carousel-control .icon-next, 
	.carousel-control .glyphicon-chevron-left, 
	.carousel-control .glyphicon-chevron-right{font-size:20px; top:25%;}
	
	
	.icerikList .resim{	height:250px;}
	.nav-tabs{padding:0; margin:0;}
	
    .navbar-toggle {top:5px; display: block; margin-right:10px;}
	.mainbody{margin:110px auto 30px auto; }
	.mainbody.girisyok{margin:120px auto 30px auto; }
		.uyenumarasi{position:absolute; top:10px; right:20px; z-index:9;}
	.uyenumarasi2{position:absolute; bottom:40px; left:-5px; z-index:9; transform:rotate(90deg); font-weight:bold; font-size:12px;}
	.uyenumarasi3{position:absolute; top: 50%; right: 50%; transform: translate(50%,-50%) rotate(-45deg); opacity:.05; z-index:9; font-weight:bold; font-size:50px;}

}


@media (max-width: 480px){
	.navbar-collapse.collapse { min-height:60px !important; }
	
	.header{background-position: 30% 0;}
	.navbar-brand img{height:50px; margin-top:0px; transition: opacity .3s ease-out;}
	
	.mainbody{margin:100px auto 30px auto; }
	.mainbody.girisyok{margin:150px auto 30px auto; }

	.baslik{font-size:14px; font-weight:bold; color:#fff;  border-bottom:solid #06f 1px;}
	.baslik span{border-bottom:solid #06f 2px;  padding-bottom:-30px;}
	.videoContainer { border-radius: 3px; margin:0px -15px 10px -15px;}
	
		
	.uyenumarasi{position:absolute; top:2px; right:10px; z-index:9; font-size:12px;  font-weight:bold;}
	.uyenumarasi b{display:none;}
	.uyenumarasi2{position:absolute; bottom:30px; left:-10px; z-index:9; transform:rotate(90deg); font-weight:bold; font-size:9px;}
	.uyenumarasi3{position:absolute; top: 50%; right: 50%; transform: translate(50%,-50%) rotate(-45deg); opacity:.05; z-index:9; font-weight:bold; font-size:50px;}

}