/* TBB Web Sitesi 2018 | CSS Designer: Okan DUMAN */

@import url("bootstrap.css");
@import url("animated.css");
@import url("font-awesome.css");
@import url("sky-mega-menu.css");
@import url("sky-mega-menu-yellow.css");
@import url("hover.css");
@import url("magnific-popup.css");
@import url("mediaBoxes.css");
@import url("portfolio_076.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|PT+Sans&subset=latin-ext');
@import url("jquery.mmenu.all.css");


body{ font-family: 'PT Sans', sans-serif; background:#f2f2f2 url(/Areas/en/images/bgmain.png) center center  no-repeat;}


/* ---HEADER --- */
header section.bgheader {
    background: #FFD33E url(/Areas/en/images/bgg.png);
    border-top: 3px solid #504d48;
    border-bottom: 4px double #D3D3D3;
    height: 244px;
}

header section .logo { width:650px; height:120px; background:url(../images/logoeng.png) no-repeat center center; float:left; margin-left:-20px;}

header section .logo .logolink {display: block; position: absolute; height: 120px; width: 650px;}


header section.social {width:155px; height:33px; display:inline-block; position:absolute; left:408px;}
header section.social, .socialmobile ul{ margin:0; padding:0;}
header section.social ul li { width:30px; height:30px; display:inline-block; background-color:#f2f2f2; margin: 3px 0 0 -2px; padding:0; text-align:center; line-height:30px; color:#444444 !important; }

header section.social ul li:hover {-webkit-transition: .30s ease-in-out; -moz-transition: .10s ease-in-out; -o-transition: .10s ease-in-out; color:#fff;}

header section.social ul li.f:hover { background-color:#3b5998}
header section.social ul li.f:hover a i{ color:#fff !important}
header section.social ul li.t:hover { background-color:#00aced}
header section.social ul li.t:hover a i{ color:#fff !important}
header section.social ul li.y:hover { background-color:#bb0000}
header section.social ul li.y:hover a i{ color:#fff !important}
header section.social ul li.g:hover { background-color:#dd4b39}
header section.social ul li.g:hover a i{ color:#fff !important}
header section.social ul li.l:hover { background-color:#007bb6}
header section.social ul li.l:hover a i{ color:#fff !important}

header section.social ul li i { color:#444444 !important; display:inline-block;}




header section.lang { width:44px; position:absolute !important;  top:-25px; right: 35px;  }
header section.lang > ul { margin:0; padding:0;}
header section.lang > ul > li { display:inline-block; width:40px !important; height:18px !important; background:#e0dfdf; color:#000000; float:left; margin-right:1px; list-style:none;  font-size:11px; text-align:center;}
header section.lang > ul > li:hover { background:#fff;}
header section.lang > ul > li > a { text-decoration:none; color:#B3B3B3;} 


/* ---MAİN 2 TÜM HABERLER --- */

section.main2 > .sag { padding:0px; margin:0px;}

section.main2 > section.sol > .grid-container{ margin-right: 10px; background-color: #fff; border: 1px solid #d6d6d6; padding: 15px; }

section.main2 > section.sol > .grid-container .tarihgorunum, .duyuru .tab-content .tarihgorunum { width:100%; display:inline-block; font-size:12px; background-color:#f2f2f2; padding:4px; margin-top: 5px; color:#787878;}
section.main2 > section.sol > .grid-container .tarihgorunum time, .duyuru .tab-content .tarihgorunum time { float:left; }
section.main2 > section.sol > .grid-container .tarihgorunum .view, .duyuru .tab-content .tarihgorunum .view{ float:right;}

section.main2 > section.sol > .grid-container .media-box-content{ padding: 5px 0 0 0!important;}

/* ---MAİN 2 | DETAY SAYFASI--- */

section.main2 > section.sol > .detay{ background-color: #fff; border: 1px solid #d6d6d6; min-height: auto; padding: 15px; margin-right: 10px; border-bottom: 4px solid #FECB60}

section.main2 > section.sol > .detay img{ height: auto; max-width: 100%;}

section.main2 > section.sol > .detay h1{ border-left:5px outset #FECB60;  margin:0; padding: 10px; font-weight: 300; font-size: 24px; color: #272727}

section.main2 > section.sol > .detay h2 { border-bottom:1px solid #FECB60;   font-size: 18px; color: #929292}

section.main2 > section.sol > .detay .tarihgorunum2 { width:100%; display:inline-block; font-size:12px; background-color:#f2f2f2; margin-top: 6px; padding:2px; color:#787878;}
section.main2 > section.sol > .detay .tarihgorunum2 time { float:left; border-right: 1px solid #fff; padding: 3px 10px 3px 10px;}
section.main2 > section.sol > .detay .tarihgorunum2 .view {display:inline-block; padding-left: 10px; padding-top: 3px;}

section.main2 > section.sol > .detay .tarihgorunum2 .detayright{float: right; display:block;}

section.main2 > section.sol > .detay .tarihgorunum2 .detayright .yazibuyut { display:inline-block;  border-right: 1px solid #fff;padding-right: 10px; }
section.main2 > section.sol > .detay .tarihgorunum2 .detayright .yazibuyut a{font-size: 16px; text-decoration: none; display:inline-block; }

section.main2 > section.sol > .detay .tarihgorunum2 .detayright .yazdir { display: inline-block; padding-left: 10px; font-size: 17px; }

section.main2 > section.sol > .detay .tarihgorunum2 .detayright .yazdir a{ color:#f46d5a; padding-right: 10px; }

section.main2 > section.sol > .detay .yazialani{padding-top: 20px; font-size: 16px; text-align: justify; }

section.main2 > section.sol > .detay .yazialani .barolevhasayfa input.form-control{ height: 50px; border-radius: 0px !important;  }
section.main2 > section.sol > .detay .yazialani .barolevhasayfa select.form-control{ height: 50px; border: 1px solid #ccc !important;}
section.main2 > section.sol > .detay .yazialani .barolevhasayfa .input-group-addon{ border-radius: 0px !important;}
section.main2 > section.sol > .detay .yazialani .barolevhasayfa .btn-lg{ font-size: 16px !important;}


/* ---PAYLAŞ--- */

section.main2 > section.sol > .detay  .socialbtnilk,
section.main2 > section.sol > .detay  .socialbtn {
  border-radius: 00%;
  border: 0;
  cursor: pointer;
  outline: 0;
  transition: all 0.4s;
  color: #FFF;
}

section.main2 > section.sol > .detay .socialmedia {
  position: relative;
  z-index: 100;
}

section.main2 > section.sol > .detay .socialbtnilk {
  font-size: 18px;
  opacity: 0.99; -khtml-opacity: 0.99; -moz-opacity:0.99; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=75)";
  height: 50px;
  width: 90px;
  padding-top: 3px;
  box-sizing: border-box;
  color: rgb(50, 50, 50);
	visibility: visible;
}

section.main2 > section.sol > .detay .socialbtnilk span {
font-family: 'PT Sans', sans-serif;
}
 
section.main2 > section.sol > .detay .socialbtn {
  position: absolute;
  top: 0;
  left:0px;
  height: 50px;
  width: 80px;
	
}

section.main2 > section.sol > .detay > .socialmedia:hover .socialbtn:nth-of-type(1) {left: 90px}
section.main2 > section.sol > .detay > .socialmedia:hover .socialbtn:nth-of-type(2) {left: 170px}
section.main2 > section.sol > .detay > .socialmedia:hover .socialbtn:nth-of-type(3) {left: 250px}
section.main2 > section.sol > .detay > .socialmedia:hover .socialbtn:nth-of-type(4) {left: 330px}




/* ---FOOTER --- */

footer section.social {width:170px; height:33px; margin: 10px auto 0 auto !important;}
footer section.social, .socialmobile ul{ margin:0; padding:0;}
footer section.social ul li { width:30px; height:30px; display:inline-block; background-color:#e5e5e5; margin: 3px 0 0 -1px; padding:0; text-align:center; line-height:30px; color:#33434e !important; }

footer section.social ul li:hover {-webkit-transition: .30s ease-in-out; -moz-transition: .10s ease-in-out; -o-transition: .10s ease-in-out; color:#fff;}

footer section.social ul li.f:hover { background-color:#3b5998}
footer section.social ul li.f:hover a i{ color:#fff}
footer section.social ul li.t:hover { background-color:#00aced}
footer section.social ul li.t:hover a i{ color:#fff}
footer section.social ul li.y:hover { background-color:#bb0000}
footer section.social ul li.y:hover a i{ color:#fff}
footer section.social ul li.g:hover { background-color:#dd4b39}
footer section.social ul li.g:hover a i{ color:#fff}
footer section.social ul li.l:hover { background-color:#007bb6}
footer section.social ul li.l:hover a i{ color:#fff}

footer section.social ul li i { color:#444444; display:inline-block; }

footer > .footer {background-position: center; background-color: #41515D; background-repeat: no-repeat; background-image:  url(../images/tbbbina.png), url(../images/bgfooter.png);	color: #D8D8D8; padding:90px 0; height: 300px;  font-size: 14px;  border-top: 6px double #F2F2F2 !important }

footer > .footer .buttonfooter { text-align: left !important; border-radius: 0px !important; font-size:13px !important;  line-height: 27px; color: #33434e !important; display: block; background-color: #FFFFFF !important;  margin-top: 1px; border: 1px solid #ABABAB !important; z-index: 99999; }

footer > .footer .buttonfooter:hover {background-color: #e2e2e2 !important; }

footer > .footer a {color: #FECB60; }

footer > .footer .buttonfooter i{ vertical-align: middle}

footer > .footer h2 {font-size: 30px;}
footer > .footer h2, .footer p {text-shadow: 1px 1px 4px #000000;}



footer > .footer-bottom {background:#33434E; padding:5px 0; font-size:11px; color:#92abbd;
}

.sosyalyardimsayac
{ width: 195px; height: 155px; background: url(../images/tedavisayacbg.png) center top no-repeat
}



.widget { padding: 0; margin: 0;}
  

.border {border:1px solid #000000;}
.bordernoradius { border-radius:0px !important;}
.mp0 { margin:0px !important; padding:0px !important;}
.p0 {padding:0px !important;}
.mtop25{ margin-top:25px;}
.position { position:relative;}
.cevrimici{ background:#fecb60 !important; color:#fff !important; text-shadow: 0.5px 0.5px 3px #9e7010;}
.rightdiv {height:35px; position:relative !important; padding:0 !important;}
.ustborder { background:#dfdfdf; width:100%; height:3px;}
hr.hr1_1 {border-top: 1px dotted #8c8b8b; margin:8px auto 8px auto}
hr.hr1 {border-top: 1px dotted #8c8b8b; margin:8px 8px 8px auto}
hr.hr2 {
    border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); margin: 8px; }
.btnhesaplama { border-radius:0px; font-family: 'Open Sans Condensed', sans-serif; background-color:#f36d5a;  color: #fff; font-size: 18px; border:0px; padding: 10px; height: 60px; line-height: 40px; border-bottom:5px solid #F15741; margin-bottom: 1px;  }
.btnhesaplama:hover { background-color: #D33934;  color: #fff; font-size: 18px;}

.btnhesaplama i{ font-size: 24px;}
.barolevhasipng{ margin-bottom:7px;;}
.form-control2 { height:34px; line-height: 34px;}
.bottom5 { margin-bottom: 3px;}
.pager li > a, .pager li > span {border-radius:0;}
.pagination > li > a, .pagination > li > span {color:#333;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color:#F46E5B; border-color:#F46E5B}
.pagination > li:first-child > a, .pagination > li:first-child > span{border-radius:0;}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-radius:0; }

::selection {
  background: #fff2a8;
}
::-moz-selection {
  background: #fff2a8; 
}

section.main2 > section.sol > section.habermain .haber .tab-content, .duyuru .tab-content { min-height:710px !important;}


@media (max-width:1200px) 
{
header section.social {left:350px;}


}	

@media (min-width: 992px)  {
	
 .menu ul li a i.pasif{ display:none !important; }
 #mobile { display:none;}
 section #haberbar { margin-top:10px !important;}  

}

@media screen and (min-width: 768px) and (max-width: 990px)
	{

header section.social {left:550px; top:-148px;}
header section.lang {right:0; top:-145px; }
#mobile { display:none;} 
footer > .footer { padding:50px 0;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
{
section #haberbar { margin-top:70px !important;}
header section.menu { margin-left:-6px !important;}
}

@media (max-width:767px) 
{

header section .social, header section .ubapgiris { display:none;}
.navbar-default { background-color:transparent; position:inherit;}
.mtop25 { margin-top:7px;}
.menu ul li a i.pasif2{ display:none !important;}
header section.lang { right:0; left:90%; top:-118px !important;}
header section .logo { width:100%; height:70px; background:url(../images/mobilelogoeng.png) no-repeat center center; margin:0px; background-size:contain;}
header section.menu { margin:10px 0 0 0; margin-left:0px !important; text-align:right;}
section.main1 > .barolevha .list-group-item {border-right: 1px solid #fff; margin-top: 1px;height:25px; line-height:25px;  padding:0;}
footer > .footer { padding:20px 0; text-align: center;}

}
	

@media  (max-width: 991px)
{
section.main2 > section.sol > section.habermain .haber { padding-right:0px !important;}
section.main2 > section.sol > section.habermain .duyuru { margin-top:15px; padding-left: 0; padding-right: 0;}
section.main1 >	section.barolevha > .hesaplamafont {font-size: 11px !important; }
section.main2 > section.sol > .detay{ margin-right: 0px;}	
header section.menu .altmenupaddingleft {padding-left: 0px;}
body{ background:#f2f2f2;}
	
}

@media  (max-width: 357px)
{
section.main2 > section.sol > section.habermain .tabbable-line > .nav-tabs > li > a { padding-left:3px; padding-right:3px;}
}

@media  (max-width: 430px)
{
section.main2 > section.sol > section.habermain .tabbable-line > .nav-tabs { font-size:11px;}
footer > .footer h2 {font-size: 20px;}
footer > .footer .buttonfooter { font-size:10px !important;}
	
section.main2 > section.sol > section.kurullarmain .panel-heading {cursor:pointer !important; }	
section.main2 > section.sol > section.digerwebmain .panel-heading {cursor:pointer !important; }
	.tablehesaplama {font-size: 13px;}	
}
	
}

@media screen and (min-width: 341px) and (max-width: 991px)
{
section.main2 > section.sol > section.habermain .haber .tab-content, .duyuru .tab-content { min-height:510px !important;;}
}

@media screen and (min-width: 300px) and (max-width: 767px)
{	
	header section.menu .altmenuwidth{ width: 100%;}
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{	
	header section.social {left:308px;}
}
	

@media screen and (max-width: 517px)
{
.visible517 { display: none;}
	

section.main2 > section.sol > .detay .socialbtnilk {
  font-size: 18px;
  opacity: 0.99; -khtml-opacity: 0.99; -moz-opacity:0.99; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=75)";
  height: 50px;
  width: 80px;
  padding-top: 3px;
  box-sizing: border-box;
  color: rgb(50, 50, 50);background-color: rgba(220,220,220,1.00);
	visibility: visible;
}
 
section.main2 > section.sol > .detay .socialbtn {
  position: absolute;
  top: 0;
  left:0px;
  height: 50px;
  width: 50px;
	
}
section.main2 > section.sol > .detay > .socialmedia:hover .socialbtn:nth-of-type(1) {left: 80px}
section.main2 > section.sol > .detay > .socialmedia:hover .socialbtn:nth-of-type(2) {left: 130px}
section.main2 > section.sol > .detay > .socialmedia:hover .socialbtn:nth-of-type(3) {left: 180px}
section.main2 > section.sol > .detay > .socialmedia:hover .socialbtn:nth-of-type(4) {left: 230px}	
}


/* ---MOBILE BAR --- */

.header
{ background: #aaaaa8; font-size: 17px; font-weight: bold; color: #fff; line-height: 40px; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding: 0 50px;
}
.header a
{ background: center center no-repeat transparent; background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ); display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 10px;
}
.boxwidth {width: 100% !important;}