/*-----------------------------------------------------------------------------------
Theme Name: TemaFabrika Mobil Uyumlu Haber
Theme URI: http://www.temafabrika.com/wordpress-responsive-haber-3-temasi.html
Description: Bugüne kadar yapılmış en iyi haber teması ile karşınızdayız.
Author: Tema Fabrika
Author URI: http://www.temafabrika.com
Version: 1.3
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
a, a:hover, a:visited { text-decoration: none; }
body { font-size: 13px; font-family: Roboto; color: #323232; background: #fefefe url(images/pattern.png); }
strong { font-weight: 700; }
b { font-weight: 600; }
.center { width: 1170px; margin: 0 auto; position: relative; }
.center.category-page { padding-top: 30px; }
.center.defter { padding-top: 30px; }
.mt30 { margin-top: 30px !important; }
header.header-1 { background: url(images/htop.png) repeat-x top; padding-top: 4px; }
header.header-2 { background: #000; padding-top: 5px; }
header .top { height: 40px; background: #ebebeb; }
a, a:visited { color: #323232; }
a:hover { color: #565656; }
body, div, p, input, textarea, button, select { font-family: Roboto; }
input, textarea, select { font-size: 13px; }
@font-face { font-family: 'MeteoconsRegular'; src: url("fonts/meteocons-webfont.eot"); src: url("fonts/meteocons-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/meteocons-webfont.woff") format("woff"), url("fonts/meteocons-webfont.ttf") format("truetype"), url("fonts/meteocons-webfont.svg#MeteoconsRegular") format("svg"); font-weight: normal; font-style: normal; }
.clear { clear: both; }
.social-menu { padding-top: 10px; float: left; }
.social-menu li { display: inline-block; float: left; margin-right: 6px; }
.social-menu li:last-child { margin-right: 0; }
.social-menu li a { display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #878787; color: #ebebeb; text-align: center; line-height: 20px; font-size: 11px; }
.social-menu li a:hover { background: #444; color: #fff; }
.top-menu { float: right; }
.top-menu li { display: inline-block; float: left; line-height: 40px; height: 40px; }
.top-menu li a { color: #878787; font-size: 11px; display: inline-block; padding: 0 15px; border-right: 1px solid #dddddd; float: left; }
.top-menu li:last-child a { border-right: 0; }
.top-menu li a i { font-size: 14px; margin-right: 7px; height: 40px; line-height: 40px; float: left; }
.top-menu li a:hover { background: #dddddd; color: #444; }
.logo-area { height: 110px; background: #fff; padding: 10px 0; box-sizing: border-box; }
.logo { display: inline-block; float: left; height: 90px; line-height: 90px; }
.stil-2 .logo { height: 60px; line-height: 60px; }
.logo img { vertical-align: middle; }
.logo-right { float: right; height: 90px; }
.hava { float: left; width: 180px; background: #54b8bb; height: 90px; }
/*.hava-sehir { background: #378eab; height: 36px; padding: 0 10px; line-height: 36px; box-sizing: border-box; color: #fff; font-size: 11px; border-bottom: 1px solid #78d0d3; }*/
.hava-sehir .selectjs-holder > div { background: #378eab; height: 36px; line-height: 36px; }
.hava-sehir .selectjs-holder > div span { display: inline-block; line-height: 36px;font-size: 11px; max-width: 160px; text-overflow: ellipsis; overflow: hidden; }
.hava-sehir .selectjs-holder > div > i.fa-caret-right { padding: 0 10px; width: auto; line-height: 36px; height: 36px; }
.hava-sehir .selectjs-holder > div > i { line-height: 36px; }
.hava-sehir .selectjs-holder > ul { background: #54b8bb; right: 0; top: 36px; }
.hava-sehir .selectjs-holder > div > i.fa-angle-down { width: 20px; text-align: left; line-height: 36px; height: 36px; }
.hava-sehir .fa-angle-down { float: right; font-size: 14px; line-height: 36px; }
.hava-sehir .fa-play { margin-right: 7px; float: left; line-height: 36px; }
.hava-durum { display: block; position: relative; height: 54px; }
.hava-durum .hava-img { float: left; width: 70px; padding-top: 17px; padding-left: 10px; }
.hava-durum .hava-img .fa-hava { float: left; width: 40px; text-align: center; line-height: 22px; font-size: 32px; color: #408a8c; }
.hava-durum .hava-img strong { float: left; width: 40px; text-align: center; font-size: 26px; color: #fff; margin-top: -3px; margin-left: -18px; }
.hava-durum .hava-c { width: 125px; display: table-cell; height: 54px; vertical-align: middle; color: #fff; font-weight: 500; font-family: Archivo Narrow; line-height: 18px; font-size: 14px;}
/*
.hava-durum .hava-img { float: left; width: 70px; line-height: 24px; height: 24px; }
.hava-durum .hava-img strong { display: inline-block; color: #fff; font-size: 26px; position: relative; z-index: 1; float: left; width: 30px; text-align: left; line-height: 54px; }
.hava-durum .hava-c { color: #fff; opacity: 0.8; font-size: 10px; line-height: 12px; font-family: Montserrat; font-weight: 400; text-align: center;padding: 0 5px; padding-top: 1px; float: left; width:calc(100% - 70px); }
.hava-durum .hava-c strong { font-size: 20px; font-weight: normal; display: inline-block; padding-bottom: 4px; }
*/
.doviz { float: left; height: 90px; width: 110px; overflow: hidden; margin-left: 10px; }
.doviz li { height: 45px; box-sizing: border-box; background: #323232; line-height: 45px; padding: 0 10px; font-size: 11px; color: #fff; }
.doviz li:first-child { border-bottom: 1px solid #212121; }
.doviz li:last-child { border-top: 1px solid #464646; }
.doviz li .doviz-fyt { float: right; }
.doviz li i { margin-left: 2px; }
.doviz li i.fa-arrow-down { color: #de7c7c; }
.doviz li i.fa-arrow-up { color: #89c26d; }
.menu-holder { height: 50px; line-height: 50px; background: #e62f2f; border-bottom: 4px solid rgba(0,0,0,.20); position: relative; }
.menu { height: 50px; overflow: hidden; max-width: calc(100% - 50px); box-sizing: border-box; float: left; }
.menu li { display: inline-block; float: left;border-left: 1px solid rgba(0,0,0,.16); }
.menu li a { color: #fff; font-size: 14px; font-weight: 700; padding: 0 20px; display: inline-block; border-bottom: 4px solid transparent; }
.menu li:last-child { border-right: 1px solid 1px solid rgba(0,0,0,.14); }
.menu li a:hover { background: rgba(0,0,0,.10); }
.stil-2 { height: 60px; padding: 0; }
.stil-2 .logo { line-height: 60px; height: 60px; }
.stil-2 .menu-holder { float: right; width: calc(100% - 220px); height: 60px; line-height: 60px; border-bottom: none; background: transparent; }
.stil-2 .menu-holder .center { width: 100%; }
.stil-2 .menu { height: 60px; }
.stil-2 .menu > li { height: 60px; line-height: 60px; }
.stil-2 .menu > li > a { color: #323232; height: 60px; border-left: 1px solid #ebebeb; line-height: 60px; }
.stil-2 .menu > li > a > i { color: #e62f2f; float: left; line-height: 60px; font-size: 18px; margin-right: 10px; }
.stil-2 .menu > li > a:hover { background: #f0f0f0; }
.altkat-menu { }
ul.subcat-menu { height: 40px; background: #323232; position: relative; padding: 0 20px; }
ul.subcat-menu::before, ul.subcat-menu::after { width: 0;height: 0;border-style: solid;border-width: 20px 20px 20px 0;border-color: transparent #323232 transparent transparent; content: ""; position: absolute;
left: -20px; top: 0; }
ul.subcat-menu::after { left: auto; right: -20px; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #323232; }
ul.subcat-menu li { display: inline-block; height: 40px; float: left; border-right: 1px solid #212121; border-left: 1px solid #464646; }
ul.subcat-menu li:first-child { border-left: 0; }
ul.subcat-menu li:last-child { border-right: 0; }
ul.subcat-menu li a { display: block; padding: 0 10px; color: #fff; font-size: 11px; font-weight: 500; line-height: 40px; }
.dropdown-opener { float: right; width: 50px; background: #e9a153; font-size: 25px; color: #fff; text-align: center; border-bottom: 4px solid #ce8d47; cursor: pointer; position: relative; }
.stil-2 .dropdown-opener { background: #fff; color: #323232; position: relative; z-index: 50; border-bottom: none; }
.dropdown-opener:hover { background: #fff; border-bottom: 4px solid #b87e40; color: #e62f2f; }
.menu-holder .dropdown{ position: absolute; right: 0; top: 50px; z-index: 30; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.10); width: 300px; text-align: left; display: none; }
.menu-holder .dropdown li { float: left; display: inline-block; width: 50%; box-sizing: border-box; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
.menu-holder .dropdown li:nth-of-type(2n+2) { border-right: 0; }
.menu-holder .dropdown li a { display: block; border-left: 5px solid transparent; padding-left: 10px; font-weight: 700; font-size: 13px; }
.menu-holder .dropdown li a i { margin-right: 8px; font-size: 18px; float: left; line-height: 50px; }
.menu-holder .dropdown li a:hover { border-left: 5px solid #e62f2f; color: #e62f2f; padding-left: 15px; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; }
.stil-2 .menu-holder .dropdown { line-height: 50px; top: 60px; }
.stil-2 .menu-holder .dropdown li { height: 50px; }
.stil-2 .menu-holder .dropdown li a i { line-height: 50px; }
.dropdown-opener:hover .dropdown { display: block; }
.menu-alt { height: 50px; background: #323232; position: relative; overflow: hidden; }
.menu-alt.stil-2 { background: #e62f2f; }
.menu-alt.fixed { position: fixed; top: 0; left: 0; right: 0; margin-top: 0; z-index: 11000; }
.menu-alt.fixed.admin-login { top: 32px; }
.sondakika { position: relative; width: 821px; float: left; }
.sondakika-title { float: left; margin-top: 5px; position: relative; line-height: 50px; color: #fff; font-weight: 700; font-size: 14px; height: 40px; line-height: 40px;
background: linear-gradient(left, rgba(255,255,255,.10), rgba(255,255,255,.20));
background: -moz-linear-gradient(left, rgba(255,255,255,.10), rgba(255,255,255,.20));
background: -webkit-linear-gradient(left, rgba(255,255,255,.10), rgba(255,255,255,.20));
background: -o-linear-gradient(left, rgba(255,255,255,.10), rgba(255,255,255,.20));
display: inline-block; padding-right: 20px; }
.sondakika-title::after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 12px; border-color: transparent transparent transparent rgba(255,255,255,.20); right: -12px; }
.sondakika-title::before { position: absolute; left: -200px;
background: -moz-linear-gradient(right, rgba(255,255,255,.10), rgba(0,0,0,0));
background: -webkit-linear-gradient(right, rgba(255,255,255,.10), rgba(0,0,0,0));
background: -o-linear-gradient(right, rgba(255,255,255,.10), rgba(0,0,0,0));
background: linear-gradient(right, rgba(255,255,255,.10), rgba(0,0,0,0));
width: 200px; content: ""; height: 40px; }
.menu-alt.stil-2 .sondakika-title { background: linear-gradient(left, rgba(0,0,0,.10), rgba(0,0,0,.20));
background: -moz-linear-gradient(left, rgba(0,0,0,.10), rgba(0,0,0,.20));
background: -webkit-linear-gradient(left, rgba(0,0,0,.10), rgba(0,0,0,.20));
background: -o-linear-gradient(left, rgba(0,0,0,.10), rgba(0,0,0,.20));
}
.menu-alt.stil-2 .sondakika-title::before { background: -moz-linear-gradient(right, rgba(0,0,0,.10), rgba(0,0,0,0));
background: -webkit-linear-gradient(right, rgba(0,0,0,.10), rgba(0,0,0,0));
background: -o-linear-gradient(right, rgba(0,0,0,.10), rgba(0,0,0,0));
background: linear-gradient(right, rgba(0,0,0,.10), rgba(0,0,0,0)); }
.menu-alt.stil-2 .sondakika-title::after { border-color: transparent transparent transparent rgba(0,0,0,.20); }
.sondakika-title i { font-size: 22px; line-height: 40px; float: left; margin-right: 5px; font-weight: 400; }
.sondakika-haberler { float: left; margin-left: 25px; width: 670px; position: relative; }
.sondakika-haberler li { height: 50px; line-height: 50px; width: 0; overflow: hidden; position: relative; }
.sondakika-haberler li div { position: absolute; height: 50px; line-height: 50px; width: 640px; }
.sondakika-haberler li a { color: rgba(255,255,255,.80); font-size: 14px; font-family: Montserrat; font-weight: 500; }
.sondakika-haberler li a:hover { text-decoration: underline; }
.sondakika-haberler li span { float: left; line-height: 50px; display: inline-block; font-size: 28px; font-weight: 700; color: rgba(255,255,255,.25); margin-right: 10px; font-family: Montserrat; }
.sondakika .sagsol { width: 20px; height: 20px; background: #464646; position: absolute; right: 0; top: 5px; text-align: center; color: #fff; font-size: 16px; line-height: 20px; cursor: pointer; }
.sondakika .sagsol.sag { background: #585858; top: 25px; }
.stil-2 .sondakika .sagsol.sag {background: #c22727; }
.stil-2 .sondakika .sagsol.sol { background: #b42424; }
.search-opener { float: right; width: 50px; height: 50px; line-height: 50px !important; text-align: center; font-size: 20px !important; color: #fff; background: #464646; cursor: pointer; }
.stil-2 .search-opener { background: #c22727; }
.search-opener:hover { background: #333; }
.stil-2 .search-opener:hover { opacity: 0.8; background: #c22727; }
main { /* */}
main.anasayfa { background: url(images/ustbg.jpg) no-repeat top; }
.box { padding: 20px; background: #fff; box-sizing: border-box; box-shadow: 1px 0 10px rgba(0,0,0,.06); }
.box-50 { width: 570px; float: left; margin-right: 30px; }
.box-50:last-child { margin-right: 0; }
.box-title { height: 38px; line-height: 25px; font-size: 14px; font-weight: 300; position: relative; }
.box-title::after { content: ""; height: 5px; background: #ebebeb; position: absolute; left: 0; right: 0; bottom: 0; }
.box-title span { display: inline-block; position: relative; height: 38px; }
.box-title span::after { content: ""; height: 5px; background: #000; position: absolute; left: 0; width: 100%; bottom: 0; z-index: 2; }
.box-title span i { font-size: 22px; float: left; line-height: 25px; margin-right: 7px; }
.box-red .box-title span::after { background: #e62f2f; }
.box-red .box-title span i { color: #e62f2f; }
.box-red a:hover { color: #e62f2f; }
.box-red .info-table i { color: #e62f2f; }
.flash-haberler { background: #fff url(images/flashbg.jpg) no-repeat top right; position: relative; height: 276px; overflow: hidden; }
.flash-wrapper::after , .flash-wrapper::before { position: absolute; right: 0; top: 0; bottom: 0; width: 5px;
background: -moz-linear-gradient(top, #e62f2f, rgba(0,0,0,.01));
background: -webkit-linear-gradient(top, #e62f2f, rgba(0,0,0,.01));
background: -o-linear-gradient(top, #e62f2f, rgba(0,0,0,.01));
background: linear-gradient(top, #e62f2f, rgba(0,0,0,.01));
content: ""; }
.flash-wrapper::before { left: 0; bottom: auto;
background: -moz-linear-gradient(right, #e62f2f, rgba(0,0,0,.01));
background: -webkit-linear-gradient(right, #e62f2f, rgba(0,0,0,.01));
background: -o-linear-gradient(right, #e62f2f, rgba(0,0,0,.01));
background: linear-gradient(right, #e62f2f, rgba(0,0,0,.01)); height: 5px; width: auto; z-index: 2; }
.flash-wrapper { width: 570px; float: right; margin-left: 30px; position: relative; height: 276px; }
.flash-haberler li { width: inherit; display: inline-block; float: left; width: 570px; height: 276px; position: relative; }
.flash-haberler .flash-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; padding-top: 40px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.flash-haberler li h3 { color: #fff; font-family: Montserrat; font-size: 18px; font-weight: 600; line-height: 22px; }
.flash-haberler li summary { font-size: 14px; color: #9f9f9f; line-height: 22px; padding: 5px 0; text-align: justify; height: 88px; overflow: hidden; border-bottom: 2px solid #ebebeb; }
.info-table { display: table; width: 100%; }
.info-table span { display: table-cell; width: 25%; text-align: center; line-height: 34px; font-size: 11px; }
.info-table span i { font-size: 16px; margin-right: 3px; }
.slider-wrapper { width: 570px; height: 276px; overflow: hidden; position: relative; float: left; }
.slider { overflow: hidden; position: absolute; width: 10000px; height: 234px; }
.slider li { width: 570px; height: 234px; float: left; position: relative; }
.slider-wrapper .slider-numarator { height: 42px; background: #fff; box-sizing: border-box; border-bottom: 4px solid #e62f2f; display: table; width: 100%; margin-top: 234px; }
.slider-wrapper .slider-numarator li { display: table-cell; text-align: center; line-height: 36px; font-size: 14px; font-weight: 700; color: #323232; cursor: pointer; position: relative; }
.slider-wrapper .slider-numarator li:nth-child(2n+2) { background: #ebebeb; }
.slider-wrapper .slider-numarator li.active { color: #fff; background: #e62f2f; }
.slider-wrapper .slider-numarator li a { display: block; line-height: 36px; }
.slider-wrapper .slider-numarator li.active::after { content: ""; position: absolute; top: -10px; left: 50%; margin-left: -10px; width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e62f2f transparent;
}
.slider-wrapper .slider-numarator li.active a { color: #fff; }
.slider li h4 { position: absolute; bottom: 30px; right: 0; border-right: 5px solid #323232; height: 50px; line-height: 50px; background: rgba(255,255,255,.65); padding: 0 15px; font-family: Montserrat;
font-weight: 500; font-size: 16px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dortlu { position: relative; height: 247px; overflow: hidden; }
.dortlu ul { position: absolute; width: 10000px; }
.dortlu li { width: 270px; height: 242px; overflow: hidden; box-sizing: border-box; padding: 20px; background: #fff; box-shadow: 1px 0 10px rgba(0,0,0,.06); float: left; margin-right: 30px; margin-bottom: 0; }
.dortlu li .haber-resim { position: relative; height: 142px; width: 230px; }
.dortlu li .haber-resim img { width: 230px; height: 142px; }
.dortlu li h4 { line-height: 18px; padding: 8px 0 6px 0; }
.dortlu li h4 a { font-size: 15px; color: #323232; font-family: Quicksand; font-weight: 600; }
.dortlu li summary { font-size: 13px; color: #8f8f8f; line-height: 18px; height: 54px; overflow: hidden; padding-top: 5px; font-weight: 300; }
.dortlu-sagsol { position: absolute; top: 82px; width: 40px; background: rgba(0,0,0,.20); height: 80px; display: inline-block; text-align: center; cursor: pointer; line-height: 80px; font-size: 40px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.50); display: none; }
.dortlu-sagsol.sag { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 */
right: 0; }
.dortlu-sagsol.sol {background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
left: 0;
}
.dortlu:hover .dortlu-sagsol { display: inline-block; }
.big-slider { width: 800px; float: left; height: 416px; overflow: hidden; position: relative; }
.big-slider .big-slide { height: 370px; overflow: hidden; position: absolute; width: 10000px; }
.big-slider .slider-numarator { display: table; width: 100%; border-bottom: 6px solid #e62f2f; position: absolute; bottom: 0; }
.big-slider .slider-numarator li { display: table-cell; width: 5%; text-align: center; height: 40px; line-height: 40px; background: #fff; font-weight: 500; font-size: 14px; cursor: pointer; position: relative; }
.big-slider .slider-numarator li:nth-child(2n+2) { background: #ebebeb; }
.big-slider .slider-numarator li.active { background: #e62f2f; color: #fff; }
.big-slider .slider-numarator li.active::before { position: absolute; top: -8px; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #e62f2f transparent; content: ""; }
.big-slider .slider-numarator li.active a { color: #fff; display: block; width: 100%; height: 40px; line-height: 40px; }
.big-slider .slider-numarator li a { font-size: 14px; font-weight: 700; font-family: Montserrat; }
.big-slide li { position: relative; float: left; display: inline-block; width: 800px; height: 370px; }
.big-slide li .slide-title { height: 50px; position: absolute; top: 0; left: 0; right: 0; z-index: 3;
background: -moz-linear-gradient(top, rgba(0,0,0,.95) 0%,rgba(0,0,0,0.75) 42%,rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,.95) 0%,rgba(0,0,0,0.75) 42%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,.95) 0%,rgba(0,0,0,0.75) 42%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
padding-bottom: 20px;
}
.big-slide li .slide-title .more { float: right; height: 50px; display: inline-block; color: #fff; line-height: 50px; padding: 0 15px; font-size: 14px; font-weight: 700; color:#e9a153; }
.big-slide li .slide-title span { font-size: 18px; color: #fff; font-family: Montserrat; line-height: 50px; padding-left: 20px; font-weight: 600; }
.slider-sag { width: 340px; float: right; }
.slider-sag ul li { background: #323232; height: 104px; padding: 20px; box-sizing: border-box; }
.slider-sag ul li:nth-child(2n+2) { background: #373737; }
.slider-sag ul li .resim { float: left; display: inline-block; width: 64px; height: 64px; }
.slider-sag ul li .info { float: right; width: calc(100% - 74px); }
.slider-sag ul li .info h3 a { font-size: 14px; color: #fffefe; line-height: 18px; font-family: Quicksand; max-height: 36px; overflow: hidden; font-weight: 400; }
.slider-sag ul li .info h3 a:hover { color: #d0d0d0; }
.slider-sag ul li .info .desc { color: #9f9f9f; line-height: 14px; max-height: 28px; overflow: hidden; font-family: Montserrat; font-size: 11px; font-weight: 300; }
section.haberler { margin-bottom: 30px; padding: 15px 20px; background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,.06); box-sizing: border-box; }
section.haberler.dark { background: #3c3c3c; }
section.haberler .title { color: #323232; font-size: 14px; line-height: 20px; height: 42px; box-sizing: border-box; position: relative; }
section.haberler.dark .title { color: #ffF; }
section.haberler .title h4 i { height: 20px; text-align: center; line-height: 20px; font-size: 20px; margin-top: -1px; float: left; margin-right: 5px; vertical-align: middle; }
section.haberler .title::before { position: absolute; bottom: 0; content: ""; background: #ebebeb; left: 0; right: 0; height: 6px; border-radius: 3px; }
section.haberler.dark .title::before { background: #333333; }
section.haberler .title h4 { position: relative; height: 42px; display: inline-block; font-weight: 300; }
section.haberler .title h4::before { position: absolute; bottom: 0; content: ""; background: #000; left: 0; right: -15px; height: 6px; border-radius: 3px; }
section.haberler .title .tabs {float: right; margin-top: -5px;}
section.haberler .title .tabs li { display: inline-block; float: left; margin-left: 5px; }
section.haberler .title .tabs li a {height: 28px; line-height: 28px; padding: 0 15px; border: 1px solid #ebebeb; border-radius: 2px; display: block; font-size: 11px; font-weight: 500; }
section.haberler .title .tabs li a.active { background: #ebebeb;}
section.haberler .title a.right { float: right; font-size: 11px; }
section.haberler .title div.right { float: right; line-height: 20px; }
section.haberler .title .sec-btn { color: #e62f2f; font-size: 14px; font-weight: 700; }
section.haberler .title .sec-btn i { background: #e62f2f; color: #fff !important; width: 20px; height: 20px; border-radius: 20px; text-align: center; line-height: 20px; font-size: 11px; float: left; vertical-align: middle; box-sizing: border-box; margin-right: 5px; }
section.haberler .title .sagsol { display: inline-block; width: 20px; height: 20px; line-height: 18px; text-align: center; color: #323232; border: 1px solid #323232; border-radius: 20px; box-sizing: border-box; cursor: pointer; }
section.haberler .title .sagsol.sag { padding-left: 3px; }
section.haberler .title .sagsol.sol { padding-right: 3px; margin-left: 15px; }
section.haberler .title .sagsol:hover { background: #ebebeb; }
section.haberler.green .title h4::before { background: #68c89c; }
section.haberler.green .title h4 i::before { color: #68c89c; }
section.haberler.green .color { color: #68c89c; }
section.haberler.green .bg { background: #68c89c; }
section.haberler.orange .title h4::before { background: #e9a153; }
section.haberler.orange .title h4 i::before { color: #e9a153; }
section.haberler.orange .color { color: #e9a153; }
section.haberler.orange .bg { background: #e9a153; }
section.haberler.green2 .title h4::before { background: #68a063; }
section.haberler.green2 .title h4 i::before { color: #68a063; }
section.haberler.green2 .color { color: #68a063; }
section.haberler.green2 .bg { background: #68a063; }
section.haberler.blue .title h4::before { background: #516f8b; }
section.haberler.blue .title h4 i::before { color: #516f8b; }
section.haberler.blue .color { color: #516f8b; }
section.haberler.blue .bg { background: #516f8b; }
section.haberler.pink .title h4::before { background: #ec5989; }
section.haberler.pink .title h4 i::before { color: #ec5989; }
section.haberler.pink .color { color: #ec5989; }
section.haberler.pink .bg { background: #ec5989; }
section.haberler.pink2 .title h4::before { background: #df6c6c; }
section.haberler.pink2 .title h4 i::before { color: #df6c6c; }
section.haberler.pink2 .color { color: #df6c6c; }
section.haberler.pink2 .bg { background: #df6c6c; }
section.haberler.red .title h4::before { background: #ff5d3d; }
section.haberler.red .title h4 i::before { color: #ff5d3d; }
section.haberler.red .color { color: #ff5d3d; }
section.haberler.red .bg { background: #ff5d3d; }
section.haberler.smavi .title h4::before { background: #6d95b6; }
section.haberler.smavi .title h4 i::before { color: #6d95b6; }
section.haberler.smavi .color { color: #6d95b6; }
section.haberler.smavi .bg { background: #6d95b6; }
section.haberler.green3 .title h4::before { background: #93c068; }
section.haberler.green3 .title h4 i::before { color: #93c068; }
section.haberler.green3 .color { color: #93c068; }
section.haberler.green3 .bg { background: #93c068; }
.akis { padding-top: 20px; display: flex; justify-content: space-between; position: relative; }
.akis li { text-align: center; width: 210px; }
.akis li .resim { width: 210px; display: block; height: 114px; }
.akis li h3 { padding: 10px 0; position: relative; height: 62px; box-sizing: border-box; }
.akis li h3 a { color: #323232; font-size: 14px; line-height: 18px; font-weight: 700; font-family: Quicksand; }
.akis li h3 a:hover { color: #555; }
.akis li h3::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #ebebeb; }
.akis li h3::after { width: 10px; height: 10px; content: ""; background: #ebebeb; position: absolute; bottom: -4px; left: 50%; margin-left: -5px; border-radius: 10px; }
.akis li .time { padding-top: 54px; display: block; font-size: 20px; color: #323232; position: relative; font-weight: 500; font-family: Quicksand; }
.akis li .time.notBugun { font-size: 14px; }
.akis li .time::before { position: absolute; left: 0; right: -20px; height: 6px; background: #ebebeb; content: ""; top: 35px; }
.akis li:first-child .time::before { border-radius: 3px 0 0 3px; }
.akis li:last-child .time:before { right: 0; border-radius: 0 3px 3px 0; }
.akis li .time::after { position: absolute; content: ""; width: 2px; height: 40px; background: #ebebeb; top: 0; left: 50%; margin-left: -1px; }
.akis li .time i { position: absolute; top: 28px; left: 50%; width: 22px; height: 22px; margin-left: -10px; border: 2px solid #ebebeb; box-sizing: border-box; border-radius: 20px; font-size: 15px; text-align: center;
line-height: 18px; z-index: 3; background: #fff; padding-left: 1px; }
#main-left, #main-right { padding-top: 30px; }
.main-left { width: 800px; float: left; }
.main-right{ width: 340px; float: right; }
.son { padding-top: 5px; }
.son > li { height: 260px; border-bottom: 2px solid #ebebeb; margin-top: 15px; width: 240px; float: left; margin-right: 20px; }
.son > li:nth-child(3n+3) { margin-right: 0; }
.son > li:empty { height: 0; border: none; }
.son li .resim { width: 240px; height: 140px; display: block; position: relative; overflow: hidden; }
.son li .resim-alt { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; display: flex; width: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.90) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.90) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.90) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
padding-top: 20px; }
.son li .resim-alt li { flex: 1; line-height: 40px; text-align: center; font-size: 11px; color: #fff; vertical-align: middle; height: 40px; font-family: Quicksand; font-weight: 500; }
.son li .resim-alt li:first-child { flex-grow: 1.5; }
.son li .resim-alt li i { font-size: 18px; vertical-align: middle; height: 40px; line-height: 36px; margin-right: 3px; }
.son li h4 { padding: 10px 0; max-height: 54px; overflow: hidden; }
.son li h4 a { line-height: 18px; font-size: 14px; font-weight: 500; font-family: Montserrat; }
.son li summary { color: #9f9f9f; font-size: 12px; line-height: 16px; height: 48px; overflow: hidden; font-family: Montserrat; font-weight: 300; }
.son li .info { height: 108px; overflow: hidden; }
.bnnr { padding-top: 30px; text-align: center; }
.minislider { padding-top: 20px; }
.minislider .numarator { width: 36px; float: left; }
.minislider .numarator li { width: 36px; height: 36px; position: relative; margin-bottom: 10px; }
.minislider .numarator li img { border-radius: 2px; }
.minislider .numarator li span { width: 30px; height: 30px; background: rgba(255,255,255,.80); border-radius: 2px; position: absolute; top: 3px; left: 3px; text-align: center; line-height: 30px; color: #323232; font-weight: 700; font-size: 14px; }
.minislider .numarator li span.bg { color: #fff; }
.minislider .numarator li:last-child { margin-bottom: 0; }
.minislider .minislider-holder { float: right; width: calc(100% - 56px); position: relative; height: 220px; overflow: hidden; }
.minislider-ul { position: absolute; width: 100%; box-sizing: border-box; }
.minislider-ul li { width: 100%; height: 220px; margin-bottom: 10px; }
.minislider-ul .resim { width: 220px; height: 220px; display: inline-block; float: left; }
.minislider-ul .info { width: calc(100% - 240px); float: right; }
.minislider-ul .info-ust { height: 174px; }
.minislider-ul .info h3 { font-size: 20px; line-height: 26px; }
.minislider-ul .info h3 a { font-family: Montserrat; font-weight: 500; }
.minislider-ul .info summary { color: #9f9f9f; font-size: 14px; line-height: 22px; padding: 5px 0; max-height: 108px; overflow: hidden; font-family: Montserrat; }
.minislider-ul .info-alt { height: 46px; line-height: 46px; border-top: 2px solid #ebebeb; box-sizing: border-box; }
.minislider-ul .info-alt span { display: inline-block; padding-right: 20px; }
.minislider-ul .info-alt span i { float: left; width: 20px; height: 46px; line-height: 46px; font-size: 16px; margin-right: 2px; }
.minislider-ul .info-alt .devami { float: right; line-height: 30px; margin-top: 8px; padding: 0 10px; border-radius: 2px; color: #fff; font-size: 11px; }
.minislider-ul .info-alt .devami:hover { opacity: 0.9; }
.ikili > section { width: calc(50% - 15px); float: left; }
.ikili > section:nth-of-type(2) { float: right; }
.thaber { padding-top: 20px; width: 345px; overflow: hidden; }
.thaber .resim { width: 345px; height: 185px; position: relative; display: block; }
.thaber > li { margin-bottom: 15px; position: relative; }
.thaber > li a::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 50px;
background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.50) 100%);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.50) 100%);
background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,.50) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); z-index: 5; display: none;
}
.thaber > li a:hover::before { display: block; animation:opac 0.4s; }
@keyframes opac{ from{opacity:0} to{opacity:1} }
.thaber > li:last-child { margin-bottom: 0; }
.thaber li .resim-alt { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; display: flex; width: 100%;
padding-top: 20px; }
.thaber li .resim-alt li { flex: 1; line-height: 40px; text-align: center; font-size: 11px; color: #fff; vertical-align: middle; height: 40px; font-family: Quicksand; font-weight: 500; }
.thaber li .resim-alt li:first-child { }
.thaber li .resim-alt li i { font-size: 18px; vertical-align: middle; height: 40px; line-height: 36px; margin-right: 3px; }
.thaber li h4 { padding: 10px 0; max-height: 54px; overflow: hidden; }
.thaber h3 { font-size: 18px; line-height: 26px; border-bottom: 2px solid #ebebeb; box-sizing: border-box; font-family: Montserrat; font-weight: 500;
position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,.60); padding-top: 30px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.90) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.90) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.90) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.tab-list { display: table; width: 100%; }
.tab-list li { display: table-cell; padding: 0 5px; border-bottom: 4px solid #ebebeb; }
.tab-list li a { display: block; height: 50px; line-height: 50px; border: 4px solid #ebebeb; text-align: center; background: #ff5d3d; color: #fff; font-weight: 700; font-size: 14px; margin-bottom: -4px; }
.tab-list li a.active { border-bottom: 4px solid #fff; background: #fff; color: #ff5d3d; }
.haberler.tabs { padding-bottom: 0; }
.tab-haber { padding-top: 15px; }
.tab-haber li { width: 240px; float: left; margin-right: 20px; margin-bottom: 20px; }
.tab-haber li:nth-child(3n+3) { margin-right: 0; }
.tab-haber li .resim { width: 240px; height: 130px; display: block; }
.tab-haber li a:last-child { display: block; padding: 10px 0; }
.tab-haber li h3 { font-size: 14px; text-align: center; line-height: 18px; overflow: hidden; box-sizing: border-box; font-family: Montserrat; max-height: 36px; overflow: hidden; }
.vhaber { padding-top: 20px; }
.vhaber .video { width: 444px; height: 240px; float: left; }
.vhaber .video * { width: 444px; height: 240px; }
.vhaber .video-list { width: calc(100% - 464px); float: right; height: 240px; overflow: auto; }
.vhaber .video-list li { height: 85px; border-bottom: 1px solid #333333; }
.vhaber .video-list li:first-child { padding-top: 0; }
.vhaber .video-list .resim img { width: 70px; height: 70px; float: left; }
.vhaber .video-list .info { width: calc(100% - 80px); float: right; }
.vhaber .video-list .info h4 { font-size: 12px; color: #ffffff; padding: 0 0 5px 0; font-family: Montserrat; line-height: 16px; font-weight: 500; }
.vhaber .video-list .info summary { font-size: 11px; color: #bab9b9; padding: 10px 0; border-top: 1px solid #333333; }
.vhaber .video-list li:hover { background: rgba(0,0,0,.10); }
.vhaber .video-list .resim { display: block; padding: 7px 10px; }
.b-slider-holder { position: relative; width: 800px; height: 390px; overflow: hidden; }
.bslider { margin-bottom: 30px; box-shadow: 0 1px 10px rgba(0,0,0,.06); }
.b-slider li { float: left; position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
.b-slider li.aktif { z-index: 3; }
.b-slider a { position: relative; display: block; height: 400px; }
.b-slider a::before { position: absolute; top: 0; left: 0; right: 0; height: 8px; background: url(images/bslider-top.png); content: ""; z-index: 100; }
.b-slider a::after { position: absolute; bottom: 10px; left: 0; right: 0; height: 8px; background: url(images/bslider-bottom.png); content: ""; z-index: 100; }
.b-slider a h3 { position: absolute; right: 0; bottom: 60px; font-size: 40px; font-weight: 700; max-width: 70%; text-align: right; padding: 30px;
line-height: 46px; color: #fff; text-shadow: 0 2px 5px rgba(0,0,0,.50); font-family: Montserrat;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+24,0.6+58,0.9+100 */
background: -moz-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0.6) 58%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0.6) 58%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0.6) 58%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.b-slider h4 { height: 60px; line-height: 60px; background: #fff; text-align: center; font-size: 20px; }
.bslider .numarator { height: 50px; line-height: 50px; background: #f7b541; text-align: center; }
.bslider .numarator li { display: inline-block; width: 30px; height: 30px; border-radius: 30px; background: #fff; font-size: 14px; font-weight: 700; vertical-align: middle; line-height: 30px; margin-right: 2px; }
.bslider .numarator li.active { background: #323232; color: #fff; }
.bslider .numarator li a { display: block; width: 30px; height: 30px; border-radius: 30px; }
.bslider .numarator li.active a { color: #fff; }
.manset3-holder { position: relative; width: 800px; height: 440px; overflow: hidden; }
.manset3-section { margin-bottom: 30px; box-shadow: 0 1px 10px rgba(0,0,0,.06); }
.manset3 li { float: left; position: absolute; left: 0; right: 0; bottom: 50px; top: 0; background: #ebebeb; }
.manset3 li.active { z-index: 3; }
.manset3 a { position: relative; display: block; height: 400px; }
.manset3 a h3 { position: absolute; right: 0; bottom: 10px; font-size: 32px; font-weight: 700; left: 0; text-align: center; padding: 40px 30px 10px 30px;
line-height: 46px; color: #fff; text-shadow: 0 2px 5px rgba(0,0,0,.50); font-family: Montserrat;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#111111+0,111111+100&0+0,0.8+80,1+100 */
background: -moz-linear-gradient(top, rgba(17,17,17,0) 0%, rgba(17,17,17,0.8) 80%, rgba(17,17,17,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(17,17,17,0) 0%,rgba(17,17,17,0.8) 80%,rgba(17,17,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(17,17,17,0) 0%,rgba(17,17,17,0.8) 80%,rgba(17,17,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}
.manset3 h4 { height: 60px; line-height: 60px; background: #fff; text-align: center; font-size: 20px; }
.manset3-section .slider-numarator { height: 50px; line-height: 50px; background: #111; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; }
.manset3-section .slider-numarator li { display: inline-block; width: 30px !important; height: 30px; border-radius: 30px; background: #242424; font-size: 14px; font-weight: 700; margin: 0 2px; vertical-align: middle;
line-height: 30px; color: #fff; }
.manset3-section .slider-numarator li.active { background: #323232; color: #fff; }
.manset3-section .slider-numarator li a { display: block; width: 30px; height: 30px; border-radius: 30px; color: #d0d0d0; }
.manset3-section .slider-numarator li.active a { color: #fff; }
.haber-tabs { padding-top: 20px; }
.haber-big { width: 370px; float: left; }
.haber-big h3 { padding: 10px 0 5px 0; }
.haber-big h3 a { font-size: 22px; font-weight: 500; line-height: 32px; font-family: Montserrat; }
.haber-big summary { font-size: 14px; color: #9f9f9f; line-height: 20px; padding-top: 5px; font-family: Montserrat; font-weight: 400; }
.haber-tabs > ul { float: right; width: calc(100% - 390px); }
.haber-tabs > ul > li { height: 80px; margin-bottom:10px; }
.haber-tabs > ul > li .resim { float: left; width: 80px; height: 80px; }
.haber-tabs > ul > li .info { float: right; width: calc(100% - 90px); }
.haber-tabs > ul > li .info h3 { font-size: 14px; line-height: 18px; font-weight: 500; font-family: Montserrat; max-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }
.haber-tabs > ul > li summary { line-height: 15px; font-family: Montserrat; max-height: 60px; overflow: hidden; padding-top:2px; font-size: 11px; color: #777; font-weight: 300; }
.haber-tabs > ul > li .haber-bilgi { display: flex; }
.haber-tabs > ul > li .haber-bilgi li { flex: 1; line-height: 30px; font-size: 11px; }
.haber-tabs > ul > li .haber-bilgi li:first-child { flex: 1.3; }
.haber-tabs > ul > li .haber-bilgi li i { float: left; font-size: 16px; line-height: 30px; margin-right: 5px; color: #c6c6c6; }
.haber-flat { padding-top: 20px; }
.haber-flat li { position: relative; float: left; width: 175px; height: 190px; }
.haber-flat li h3 { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; color: #fff; font-size: 18px; font-weight: 700; line-height: 22px; font-family: Montserrat;
background: -moz-linear-gradient(left, rgba(109,149,182,1) 0%, rgba(109,149,182,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(109,149,182,1) 0%,rgba(109,149,182,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(109,149,182,1) 0%,rgba(109,149,182,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d95b6', endColorstr='#006d95b6',GradientType=1 ); /* IE6-9 */ }
.haber-flat li:nth-of-type(1) { width: 370px; height: 370px; }
.haber-flat li:nth-of-type(2) { float: right; width: 370px; height: 160px; }
.haber-flat li:nth-of-type(3) { float: left; margin-left: 20px; margin-top: 20px; }
.haber-flat li:nth-of-type(4) { float: right; margin-top: 20px; }
.haber-flat li:nth-of-type(3) h3, .haber-flat li:nth-of-type(4) h3 { font-size: 14px; font-weight: 500; padding: 15px; line-height: 18px; }
.dunyadan { padding-top: 20px; }
.dunyadan li { float: left; width: 240px; margin-right: 20px; margin-bottom: 20px; }
.dunyadan li .resim { position: relative; height: 200px; }
.dunyadan li:nth-of-type(1), .dunyadan li:nth-of-type(2) { width: 370px; }
.dunyadan li:nth-of-type(2) { float: right; margin-right: 0; }
.dunyadan li:nth-of-type(5n+5) { margin-right: 0; }
.dunyadan li .resim-alt { position: absolute; bottom: 0; background: rgba(255,255,255,.88); left: 0; right: 0; height: 40px; display: flex; width: 100%; }
.dunyadan li .resim-alt li { flex: 1; line-height: 40px; text-align: center; font-size: 11px; color: #323232; vertical-align: middle; height: 40px; }
.dunyadan li .resim-alt li:first-child { flex-grow: 1.5; }
.dunyadan li .resim-alt li i { font-size: 18px; vertical-align: middle; height: 40px; line-height: 36px; margin-right: 3px; }
.dunyadan li h3 { font-size: 18px; padding: 10px 15px; font-weight: 700; line-height: 24px; position: absolute; bottom: 0; left: 0; right: 0; padding-top: 30px; color: #fff; font-family: Montserrat; text-shadow: 0 1px 2px rgba(0,0,0,.50);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.03+8,0.5+65,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 8%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 8%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 8%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.dunyadan li summary { color: #9f9f9f; line-height: 16px; font-size: 13px; text-align: left; padding-bottom: 20px; padding: 15px; font-family: Montserrat; }
.dunyadan li:nth-of-type(3n), .dunyadan li:nth-of-type(4n), .dunyadan li:nth-of-type(5n) { margin-bottom: 0; }
.dunyadan li:nth-of-type(3n) h3, .dunyadan li:nth-of-type(4n) h3, .dunyadan li:nth-of-type(5n) h3 { font-size: 14px; font-weight: 500; text-shadow: none; line-height: 18px; position: relative; bottom: auto;
background: none; color: #323232; margin: 10px 0; padding: 10px 0; padding-left: 15px; }
.dunyadan li:nth-of-type(3n) summary, .dunyadan li:nth-of-type(4n) summary, .dunyadan li:nth-of-type(5n) summary { font-size: 12px; line-height: 16px; padding: 0 0 10px 0; }
.dunyadan li summary { font-family: Montserrat; font-weight: 300; }
.dunyadan li:nth-of-type(3n) .resim, .dunyadan li:nth-of-type(4n) .resim, .dunyadan li:nth-of-type(5n) .resim { height: 130px; }
.dunyadan li .border { position: absolute; left: 0; top: 0; bottom: 0; width: 4px; opacity: 0.9; }
.son-firma-holder { width: 100%; height: 90px; position: relative; overflow: hidden; margin-top: 20px; }
.son-firma { position: absolute; width: 10000px; }
.son-firma li { float: left; width: 136px; height: 90px; box-sizing: border-box; text-align: center; position: relative; margin-right: 20px; border: 1px solid #ebebeb; }
.son-firma li a { display: block; width: 100%; height: 90px; vertical-align: middle; line-height: 80px; }
.son-firma li a img { vertical-align: middle; max-width: 100%; max-height: 80px; }
.son-firma li h4 { position: absolute; bottom: 0; height: 30px; line-height: 30px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 52%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 52%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 52%,rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
left: 0; right: 0; padding: 0 10px; color: #fff; font-size: 11px; font-weight: 500; text-align: left; padding-top: 15px; }
.son-firma li h4 i { margin-right: 5px; font-size: 15px; float: left; line-height:30px; }
.gallery { padding-top: 20px; position: relative; width: 10000px; }
.gallery li { width: 345px; height: 240px; float: left; margin-right: 10px; }
.gallery li .resim { width: 345px; height: 186px; display: block; position: relative; }
.gallery li .info { line-height: 16px; max-height: 54px; overflow: hidden; padding: 10px 0; }
.gallery li .info h4 { float: left; font-size: 14px; font-weight: 500; font-family: Montserrat; line-height: 18px; }
.gallery .info h4 i { float: left; line-height: 52px; font-size: 16px; margin-right: 5px; }
.gallery .info .right { float: right; font-size: 11px; font-weight: 500; }
.gallery .info .right i { float: left; line-height: 52px; font-size: 14px; margin-right: 5px; }
.gallery-holder { height: 270px; overflow: hidden; position: relative; }
.widget .gallery-holder { position: relative; width: 299px; height: 270px; overflow: hidden; }
.gallery-holder .sagsol { position: absolute; top: 43%; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 12px; margin-top: -20px; cursor: pointer; z-index: 5; }
.gallery-holder .sagsol:hover { opacity: 0.8; }
.gallery-holder .sagsol.sol { left: 0; }
.gallery-holder .sagsol.sag { right: 0; }
.haber-ikili { }
.haber-ikili li { width: calc(50% - 10px); margin-right: 20px; float: left; height: 96px; overflow: hidden; margin-top: 20px; }
.haber-ikili li:nth-of-type(2n+2) { margin-right: 0; float: right; }
.haber-ikili li .resim { width: 96px; height: 96px; }
.haber-ikili li .info { width: calc(100% - 106px); float: right; }
.haber-ikili li .info h4 { font-size: 14px; font-weight:500; line-height: 20px; font-family: Montserrat; }
.haber-ikili li .info summary { color: #9c9c9c; font-size: 12px; line-height: 18px; padding-top: 3px; font-family: Montserrat; }
footer { clear: both; margin-top: 20px; background: #fff; }
footer.band-passive { border-top: 3px solid #ebebeb; }
footer .footer-band { background: #323232; height: 50px; line-height: 50px; }
footer span.sagsol { position: absolute; width: 30px; height: 30px; line-height: 28px; text-align: center; border: 1px solid #fff; border-radius: 30px; color: #fff; font-size: 22px; top: 9px; box-sizing: border-box; cursor: pointer; }
footer span.sagsol.sag { right: 0; padding-left: 3px; }
footer span.sagsol.sol { left: 0; padding-right: 3px; }
footer span.sagsol:hover { opacity: 0.6; }
footer .footer-band .footer-haber-holder { position: absolute; left:60px; right: 60px; top: 0; height: 50px; overflow: hidden; }
footer .footer-band ul { position: absolute; width: 10000px; }
footer .footer-band ul li { display: block; text-align: center; width: 1050px; }
footer .footer-band ul li a { color: #fff; font-size: 15px; font-weight: 500; }
footer .footer-band ul li a span { color: #e9a153; font-size: 13px; display: inline-block; margin-left: 10px; }
.footer-top { height: 100px; border-bottom: 2px solid #ebebeb; }
.footer-top a.footer-logo { height: 100px; line-height: 100px; float: left;}
.footer-top a.footer-logo img { vertical-align: middle; }
.footer-top .footer-text { width: calc(100% - 195px); float: right; padding: 23px 0; font-size: 14px; font-weight: 300; line-height: 18px; max-height: 54px; overflow: hidden; text-align: justify; }
footer .footer-menu { padding-bottom: 30px; }
footer .cat-menu { float: left; }
footer div.cat-menu:nth-of-type(2) { float: right; width: 390px; }
footer div.cat-menu:nth-of-type(1) { float: left; width: calc(100% - 400px); }
footer .cat-menu .cat-menu-title { display: block; margin-bottom: 10px; float: none; height: 50px; line-height: 50px; font-size: 20px; font-weight: 500; width: 100%; border-bottom: 6px solid #ebebeb; }
footer .cat-menu li { float: left; width: 170px; height: 40px; line-height: 40px; margin-right: 30px; }
footer div.cat-menu:nth-of-type(2) li { width: 48%; margin-right: 4%; }
footer .cat-menu li a { color: #9c9c9c; display: block; padding: 0 15px; font-weight: 300; font-size: 14px; border-bottom: 1px solid #ebebeb;}
footer div.cat-menu:nth-of-type(1) li:nth-of-type(4n+4) { margin-right: 0; }
footer div.cat-menu:nth-of-type(2) li:nth-of-type(2n+2) { margin-right: 0; }
footer .cat-menu a:hover { background: #f4f4f4; color: #777; }
footer div.cat-menu:nth-of-type(2) .cat-menu-title { color: #e62f2f; }
footer .footer-alt { background: #ebebeb; height: 60px; line-height: 60px; }
footer .copy { float: left; color: #878787; font-size: 14px; font-weight: 300; }
footer .right { float: right; }
footer .footer-alt-menu { float: left; }
footer .footer-alt-menu li { float: left; }
footer .footer-alt-menu a { display: inline-block; padding: 0 15px; color: #878787; font-weight: 500; }
footer .footer-alt-menu a:hover { background: #e0e0e0; color: #e62f2f; }
footer .right ul.social { height: 60px; display: inline-block; margin-left: 10px; }
footer .right ul.social li { height: 60px; display: inline-block; }
footer .right ul.social li a { color: #fff; background: #878787; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 20px; display: inline-block; font-size: 12px; }
footer .right .yukari { width: 60px; height: 60px; text-align: center; display: inline-block; background: #dfdfdf; box-sizing: border-box; padding: 0; margin-left: 10px; }
footer .right .yukari i { width: 30px; height: 30px; border-radius: 30px; border: 1px solid #878787; line-height: 22px; font-size: 24px; vertical-align: middle; box-sizing: border-box; padding-left: 1px; }
footer .right .yukari:hover { background: #d0d0d0 !important; cursor: pointer; }
.main-right > div, .main-right > section { margin-top: 30px; }
.main-right > div:first-child, .main-right > section:first-child { margin-top: 0; }
.main-right .search, .category-right .search { background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,.06); border-left: 6px solid #e62f2f; height: 60px; }
.main-right .search > i, .category-right .search > i { width: 40px; line-height: 60px; text-align: center; color: #9f9f9f; font-size: 18px; float: left; }
.main-right .search > input, .category-right .search > input { height: 60px; padding: 0; border: none; width: calc(100% - 150px); padding-right: 10px; float: left; }
.main-right .search > button, .category-right .search > button { height: 40px; line-height: 40px; background: #e62f2f; border: none; padding: 0 10px; color: #fff; font-weight: 700; font-family: Roboto; position: relative; float: left; margin-top: 10px; }
.main-right .search > button::before, .category-right .search > button::before { content: ""; position: absolute; top: 0; right: -16px; width: 0;height: 0;border-style: solid;border-width: 20px 0 20px 16px;border-color: transparent transparent transparent #e62f2f; }
.category-right .search { margin-bottom: 30px; }
.editable { position: relative; }
.editable .editor-buttons { position: absolute; left: 50%; margin-left: -115px; width: 220px; text-align: center; top: -26px; }
.editable .editor-buttons a { background: #2ecc71; display: inline-block; line-height: 26px; padding: 0 10px; border-radius: 5px 5px 0 0;color: #fff; margin-left: 3px; }
.editable .editor-buttons a.editor-remove { background: #c0392b; }
.editable .editor-buttons a.editor-move { background: #54B8BB; cursor: move; }
.editable .editor-buttons a.editor-ekle { background: #9b59b6; position: relative; }
.editable .editor-buttons a.editor-ekle::before { display: none;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 7px 8px 0;
border-color: transparent #9c59b6 transparent transparent; position: absolute; content: ""; left: -7px; top: 6px; }
.editable .editor-buttons a.editor-ekle:hover::before { display: inline-block; }
.editable > .editor-buttons { top: auto; bottom: -26px; }
.editable > .editor-buttons a { border-radius: 0 0 5px 5px; }
.content-top { padding-top: 30px; }
.content-top.empty { padding-top: 0; }
.editing { position: relative; min-height: 20px; }
.dortlu.editing .editor-buttons { top: 0; }
.dortlu.editing { padding-top: 26px; }
.editable.editing { margin-bottom: 50px; }
.editor-holder { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.70); z-index: 10000; }
.editor { width: 600px; margin: 0 auto; margin-top: 70px; background: #fff; border-radius: 3px; }
.editor h1 { height: 50px; line-height: 50px; padding: 0 15px; background: #ebebeb; border-radius: 3px 3px 0 0; font-weight: 300; font-size: 16px; }
.editor.loading, #tip-icerik.loading { width: 64px; height: 64px; background: #fff url(images/loader.gif) no-repeat center; }
#tip-icerik.loading { margin-left: 107px; margin-top: 10px; }
.e-rows { padding: 5px 15px; max-height: 60vh; overflow: auto; }
.e-row { padding: 7px 0; font-size: 14px; color: #777; line-height: 30px; border-bottom: 1px solid #f9f9f9; }
.e-row.e-titlerow { background: #f0f0f0; padding: 0 15px; height: 40px; line-height: 40px; margin: 0 -15px; }
.e-row span { display: inline-block; width: 140px; font-weight: 300; }
.e-row div.e-right { width: calc(100% - 140px); float: right; }
.e-row input, .e-row select, .e-row textarea { height: 30px; padding: 0 10px; border: 1px solid #e0e0e0; font-family: Roboto; font-size: 12px; color: #555; font-weight: 300; width: 100%; box-sizing: border-box; }
.e-row input:focus, .e-row select:focus { box-shadow: 0 0 5px rgba(0,0,0,.20); }
.e-row select { padding: 0 5px; vertical-align: top; }
.e-row .e-right a { font-size: 12px; }
.e-row textarea { height: 100px; padding: 10px; }
.editor-alt { height: 40px; background: #f4f4f4; text-align: right; padding: 0 15px; line-height: 40px; border-radius: 0 0 3px 3px; }
.editor-alt button, .e-row button { height: 30px; background: #e62f2f; border: none; color: #fff; font-family: Roboto; font-weight: 700; font-size: 12px; cursor: pointer; }
.editor-alt button:hover, .e-row button:hover { opacity: 0.9; }
.editor-alt button[type="button"] { background: #34495e; }
.yenirenk { padding-top: 10px; font-size: 13px; }
.yenirenk input { width: 80px; display: inline-block; }
.colors-sec span { display: inline-block; width: 26px; height: 26px; box-sizing: border-box; vertical-align: middle; border:2px solid #fff; cursor: pointer; margin-right: 5px; position: relative; }
.colors-sec span:hover { opacity: 0.9; }
.colors-sec span.active { border: 2px solid #d0d0d0; }
.colors-sec span.active::before { content: "\f00c"; font-family: FontAwesome; padding: 5px 7px; font-size: 16px; position: absolute; top: -8px; left: -3px; color: #7bca04; text-shadow: 0 0 2px rgba(0,0,0,.50); }
.haber-detay { background: #fff; padding: 20px; box-shadow: 0 1px 10px rgba(0,0,0,.08); }
.haber-detay h1 { font-family: 'Oswald', sans-serif; font-size: 2.46em; font-weight: 700; line-height: 1.4em; }
.haber-detay .haber-detay-left { width: calc(100% - 320px); float: left; }
.haber-detay .haber-detay-right { width: 300px; float: right; padding-top: 56px; }
.video-detay .haber-detay-right { padding-top: 16px;}
.haber-detay .haber-detay-right > section.haberler { box-shadow: none; padding: 0; margin-bottom: 40px; }
.haber-detay .haber-detay-right section.haberler .title h4::before { border-radius: 0; height: 3px; }
.haber-detay .haber-detay-right section.haberler .title::before { border-radius: 0; height: 3px; }
.haber-detay .haber-detay-right section.haberler .title { height: 32px; }
.haber-detay .haber-detay-right section.haberler .title h4 { height: 32px; }
.haber-detay .haber-detay-left figure { width: 100%; display: block; position: relative; margin-top: 10px; overflow: hidden; }
.haber-detay .haber-detay-left figure img { width: 100%; }
.haber-detay .haber-detay-left figure img { width: 100%; height: auto; }
.haber-detay .haber-detay-left figure.haber-resim-kucuk { float: left; width: 400px; margin-right: 10px; }
.haber-detay summary { line-height: 26px; font-size: 16px; font-weight: 400; font-family: Montserrat; color: #777; padding-top: 10px; }
.haber-detay summary p { font-family: Montserrat; }
.haber-detay figure:hover summary { opacity: 0.2; }
.haber-detay .haber-icerik, .haber-detay .haber-icerik p { font-family: Montserrat; font-weight: 400; font-size: 16px; line-height: 26px; color: #323232; }
.haber-detay .haber-icerik * { font-family: Montserrat; }
.haber-detay .haber-icerik h1 { font-size: 2.25em; font-weight: 600; line-height: 1.2em; margin-top: 20px; }
.haber-detay .haber-icerik h2 { font-size: 1.9em; font-weight: 600; line-height: 1.2em; margin-top: 20px; }
.haber-detay .haber-icerik h3 { font-size: 1.6em; font-weight: 600; line-height: 1.2em; margin-top: 20px; }
.haber-detay .haber-icerik h4 { font-size: 1.4em; font-weight: 500; line-height: 1.2em; margin-top: 20px; }
.haber-detay .haber-icerik h5 { font-size: 1.2em; font-weight: 500; line-height: 1.2em; margin-top: 20px; }
.haber-detay .haber-icerik h6 { font-size: 1em; font-weight: 500; line-height: 1.2em; margin-top: 20px; }
.haber-detay .haber-icerik hr { margin-top: 20px; margin-bottom: 10px; border: 0; border-top: 1px solid #eee; box-sizing: content-box; height: 0; overflow: visible; }
.haber-detay .haber-icerik p { padding: 10px 0; font-size: 1em; line-height: 1.6em; }
.haber-detay .haber-icerik blockquote { -webkit-column-span: all; -moz-column-span: all; column-span: all; border: none; margin: 15px auto; max-width: 500px;position: relative;clear: both;padding: 10px 0px;
display: block;position: relative;border-left: 4px solid #111;background-color: #f3f3f3;padding: 15px 20px 10px 50px;
font-size: 17.5px;}
.haber-detay .haber-icerik blockquote p cite { display: block;width: 100%;font-size: 13px !important;color: #999;margin: 10px 0px 0px 0px;padding-bottom: 10px; }
.haber-detay .haber-icerik blockquote p { font-size: 18px !important;margin: 0px 0px !important; }
.haber-detay .haber-icerik blockquote::before { content: "\201C";
display: block;
position: absolute;
width: 40px;
height: 40px;
z-index: 1;
top: 32px;
left: 10px;
line-height: 40px;
text-align: center;
font-size: 50px;
color: #111;
font-family: georgia,serif; }
.haber-detay .haber-icerik ul { list-style: square; padding-left: 35px; }
.haber-detay .haber-icerik ul li { padding: 5px 0; }
.haber-detay .haber-icerik ol { list-style: decimal; padding-left: 35px; }
.haber-detay .haber-icerik ol li { padding: 5px 0; }
.haber-detay .haber-icerik table { width: 100%; box-sizing: border-box; border-collapse: collapse; margin-bottom: 40px; }
.haber-detay .haber-icerik table td, .haber-detay .haber-icerik table th { border: 1px solid #ebebeb; padding: 5px 10px; font-size: 1em; }
.haber-icerik * { max-width: 100%; box-sizing: border-box; }
.haber-icerik br { display: block; margin: 10px 0; }
.haber-icerik p { padding: 10px 0; }
.haber-detay .haber-ust { border-bottom: 1px solid rgba(0,0,0,.04); }
.haber-share { padding-top: 10px; }
.haber-share .sharethis-inline-share-buttons { float: left; }
.haber-share .sharethis-inline-share-buttons .st-btn { height: 36px !important; line-height: 36px !important; width: 36px !important; margin-right: 5px !important; }
.haber-share .sharethis-inline-share-buttons .st-btn > svg { top: 10px !important; }
.haber-share .addthis_sharing_toolbox { float: left !important; }
.haber-share .at-icon-wrapper { width: 26px !important; height: 26px !important; margin-right: 5px !important; margin-left: 0 !important; }
.haber-share .at-icon { width: 26px !important; height: 26px !important; }
.haber-share li { display: inline-block; float: left; margin-right: 5px; position: relative; width: 36px; height: 36px; }
.haber-share li span { display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; color: rgba(255,255,255,.60); font-size: 16px; cursor: pointer; position: absolute; border-radius: 2px; }
.haber-share li span.fa-facebook { background: #2764AB; }
.haber-share li span.fa-twitter { background: #74B0F6; }
.haber-share li span.fa-google { background: #D0021B; }
.haber-share li span.fa-envelope-o { background: #777; }
.haber-share li span.fa-whatsapp { background: #20B038; }
.haber-share li span.fa-print { background: #e9a153; }
.haber-share li span:hover { transform: scale(1.1); position: absolute; transition: .2s; }
.haber-share li span:hover::after { position: absolute; content: ""; left: 0; right: 0; width: 36px; height: 36px; background: rgba(255,255,255,.10); }
.haber-share li span.fa-crop { background: #EFDC00; color: rgba(0,0,0,.40); padding: 0;}
.haber-share li.cropy-button { width: auto; padding: 0 !important; white-space: normal !important; }
.haber-share-alt { border-top: 1px solid #ebebeb; }
.haber-detay .haber-shortinfo { float: right; display: inline-block; height: 36px; line-height: 36px; font-size: 12px; color: #777; font-weight: 300; }
.haber-detay [class^="cname-"] { top: 10px; }
.haber-buyut, .haber-kucult { display: inline-block; width: 36px; height: 36px; text-align: center; background: #e9e9e9; font-weight: 500; float: right; cursor: pointer; }
.haber-buyut i, .haber-kucult i { font-size: 18px; }
.haber-buyut i { color: #E62F2F; }
.haber-kucult i { color: #E9A153; }
.haber-buyut { border-left: 1px solid #d9d9d9; }
.haber-kucult { margin-left: 10px; }
.haber-buyut:hover, .haber-kucult:hover { background: #d8d8d8; }
.gallery-photos { padding-left: 0 !important; position: relative; width: 100000px !important; max-width: none; cursor: pointer; }
.gallery-photos li { list-style: none; width: 730px; text-align: center; line-height: 100%; float: left; padding: 0 !important; }
.gallery-photos li img { vertical-align: middle; }
.gal-holder { width: 100%; overflow: hidden; position: relative; background: #d0d0d0; margin-top: 10px; }
.haber-detay .breadcrumb { height: 30px; line-height: 30px; margin-top: 10px; }
.haber-detay .breadcrumb li { float: left; margin-right: 5px; color: #c0c0c0; font-weight: 300; font-size: 13px; }
.haber-detay .breadcrumb li:after { content: "\f105"; font-family: FontAwesome; float: left; margin-right: 5px; }
.haber-detay .breadcrumb li a { color: #666; }
.haber-detay .breadcrumb li:first-child:after { display: none; }
.haber-okundu { display: block; margin-top: 15px; font-size: 12px; color: #777; }
.haber-detay.boyut-1 .haber-icerik { font-size: 11px; }
.haber-detay.boyut-2 .haber-icerik { font-size: 12px; }
.haber-detay.boyut-3 .haber-icerik { font-size: 13px; }
.haber-detay.boyut-4 .haber-icerik { font-size: 14px; }
.haber-detay.boyut-6 .haber-icerik { font-size: 18px; }
.haber-detay.boyut-7 .haber-icerik { font-size: 20px; }
.haber-detay.boyut-8 .haber-icerik { font-size: 24px; }
.haber-detay.boyut-9 .haber-icerik { font-size: 26px; }
.haber-detay.boyut-10 .haber-icerik { font-size: 28px; }
.haber-detay .ilgili-title { line-height: 50px; background: #b42323; color: #fff; padding: 0 15px; margin-top: 20px; font-weight: 500; }
.haber-detay .ilgili { padding: 0 !important; }
.haber-detay .ilgili li { padding-left: 0; margin-left: 0; list-style: none; padding: 0 !important; }
.haber-detay .ilgili li a { display: block; background: #e62f2f; color: #fff; padding: 10px; margin-top: 5px; border: 1px solid #c22727; }
.haber-detay .ilgili li a:hover { background: #c22727; }
.category-page section.haberler { margin-top: 0; margin-bottom: 30px; }
.category-slider { width: 800px; height: 346px; margin-bottom: 30px; }
.category-slider .slider { height: 300px; }
.category-slider .slider li { height: 300px; width: 800px; }
.category-slider .slider-numarator { position: absolute; bottom: 0; margin-top: 0; }
.category-slider .slider-numarator li { height: 42px; line-height: 42px; font-size: 16px; }
.category-left { width: 800px; float: left; }
.category-right { width: 340px; float: right; }
.haber-yorumlar { padding-top: 20px; }
.haber-yorumlar h4 { color: #323232; font-size: 14px; line-height: 36px; height: 42px; box-sizing: border-box; position: relative; }
.haber-yorumlar h4 i { height: 20px; text-align: center; line-height: 36px; font-size: 20px; margin-top: -1px; float: left; margin-right: 5px; vertical-align: middle; color: #e62f2f; }
.haber-yorumlar h4::before { position: absolute; bottom: 0; content: ""; background: #ebebeb; left: 0; right: 0; height: 6px; border-radius: 3px; }
.haber-yorumlar h4 span { position: relative; height: 42px; display: inline-block; }
.haber-yorumlar h4 span::before { position: absolute; bottom: 0; content: ""; background: #e62f2f; left: 0; right: 0; height: 6px; border-radius: 3px; }
.haber-yorumlar .yorum-row { padding: 5px 0; position: relative; }
.haber-yorumlar .yorum-row textarea, .haber-yorumlar .yorum-row input { width: 100%; box-sizing: border-box; border: 2px solid #ebebeb; padding: 10px; font-size: 13px; height: 100px; }
.haber-yorumlar .yorum-row input { padding: 0 10px; height: 40px; line-height: 40px; padding-left: 36px; position: relative; }
.haber-yorumlar .yorum-row i { position: absolute; z-index: 3; top: 5px; left: 2px; line-height: 38px; width: 36px; text-align: center; color: #e62f2f; font-size: 16px; }
.haber-yorumlar button { background: #e62f2f; color: #fff; border: none; height: 42px; border-radius: 3px; font-size: 12px; font-weight: 600; line-height: 40px; cursor: pointer; padding: 0 20px; margin-top: 5px; }
.haber-yorumlar button i { margin-right: 5px; float: left; line-height: 40px; font-size: 14px; vertical-align: middle; transition: 0.4s; }
.haber-yorumlar button:hover { opacity: 0.9; }
.haber-yorumlar .yorum-ust { padding-top: 10px; }
span[class^="clr-"] { position: absolute; top: 20px; left: 0; background: #323232; color: #fff; height: 28px; line-height: 28px; padding: 0 10px; font-size: 11px; }
span[class^="clr-"]::after { position: absolute; right: -10px; width: 0; height: 0; border-style: solid;border-width: 14px 0 14px 10px; border-color: transparent transparent transparent #323232; content:""; }
.foto-wrapper { padding-top: 30px; }
.foto-wrapper.dark { background: #222; min-height: 200px; }
.galeri-katlist { height: 50px; line-height: 50px; background: #323232; margin-bottom: 10px; }
.galeri-katlist span { font-size: 14px; font-family: Montserrat; display: inline-block; padding: 0 10px; color: #fff; font-weight: 400; float: left; background: #222; }
.galeri-katlist ul { display: inline-block; float: left; }
.galeri-katlist ul li { display: inline-block; float: left; }
.galeri-katlist ul li a { display: inline-block; line-height: 50px; height: 50px; padding: 0 10px; color: #fff; border-right: 1px solid #424242; font-weight: 500; font-size: 14px; }
.galeri-katlist ul li a:hover { background: #222222; }
.galeri-katlist ul li a i { font-size: 20px; float: left; line-height: 50px; }
.galeri-list { margin-top: 5px; }
.galeri-item { float: left; width: 218px; background: #fff; margin-bottom: 20px; height: 215px; margin-right: 20px; }
.galeri-item:nth-of-type(5n+5) { margin-right: 0; }
.galeri-item .galeri-resim { overflow: hidden; box-shadow: 0 0 2px #ccc; }
.galeri-item .galeri-resim img { border-radius: 3px 3px 0 0; height: auto; }
.galeri-item .galeri-baslik { font-size: 14px; font-family: Montserrat; font-weight: 600; line-height: 16px; overflow: hidden; box-shadow: 0 2px 2px #ccc; padding: 10px; }
.galeri-item .galeri-baslik * { font-family: Quicksand; }
.galeri-item .galeri-baslik div:first-child { margin-bottom: 7px; margin-top: -3px; }
.galeri-item .galeri-baslik .galeri-title { overflow: hidden; position: relative; height: 48px; }
.galeri-item .galeri-baslik .galeri-kat { font-size: 8px; background: #222; padding: 1px 4px; border-radius: 3px; display: inline-block; color: #fff; font-family: Quicksand; }
.galeri-item .galeri-baslik .galeri-tarih { font-size: 10px; font-family: Quicksand; color: #777; display: inline-block; line-height: 16px; }
.hava-wrapper { height: 400px; background: url(images/hava/H.jpg) no-repeat; margin-top: 10px; background-size: cover !important; }
.hava-right { width: calc(100% - 260px); float: right; height: 400px; border-radius: 0 3px 3px 0; box-shadow: 0 0 5px #d0d0d0; position: relative; }
.hava-right-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.25); z-index: 0; }
.hava-left { float: left; width: 260px; position: relative; height: 400px; }
.hava-left-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0.4; filter: alpha(opacity=40); z-index: 1; }
.hava-iladi { position: absolute; top: 20px; left: 20px; font-family: Quicksand; font-size: 40px; color: #fff; font-weight: 600; }
.hava-durum2 { position: absolute; top: 70px; left: 20px; font-size: 86px; font-family: Quicksand; font-weight: 300; color: #fff; line-height: 86px; }
.hava-durum2 .fa-hava { opacity: 0.6; font-size: 70px; line-height: 86px; vertical-align: middle; display: inline-block; margin-left: 5px; }
.hava-durum2 .fa-hava b { font-size: 28px; vertical-align: middle; display: inline-block; margin-left: 10px; margin-top: -25px; font-family: Quicksand; max-width: 500px; height: 90px; overflow: hidden; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.hava-durum2 .fa-hava::before { font-size: 80px; }
.hava-details { position: absolute; left: 20px; top: 160px; }
.hava-details li { padding: 15px 0; color: #fff; clear: both; }
.hava-details li i { float: left; font-size: 38px; width: 38px; height: 38px; text-align: center; }
.hava-details li span { float: left; line-height: 16px; margin-left: 7px; font-family: Montserrat; }
.hava-details li span b { display: block; font-family: Montserrat; }
.hava-left .hava-sehirler { position: absolute; top: 30px; bottom: 30px; left: 30px; right: 30px; overflow: hidden; box-shadow: 0 0 3px #fff; opacity: 0.8; z-index: 2; }
.hava-left:hover .hava-sehirler { opacity: 1; }
.hava-left .hava-sehirler .hava-sehirlist { height: 340px; position: relative; }
.hava-left .hava-sehirler li { display: block; background: #fff; height: 36px; line-height: 36px; border-bottom: 1px solid #f0f0f0; cursor: pointer; }
.hava-left .hava-sehirler li a { display: block; padding: 0 10px; font-weight: 300; font-size: 16px; }
.hava-left .hava-sehirler li a.aktif { font-weight: 600; background: #f4f4f4; }
.hava-left .hava-sehirler li:hover { background: #f0f0f0; }
.hava-icon-H { background: url(images/hava/H.jpg) no-repeat; }
.hava-icon-R { background: url(images/hava/R.jpg) no-repeat; }
.hava-icon-0 { background: url(images/hava/0.jpg) no-repeat; }
.hava-icon-Q { background: url(images/hava/Q.jpg) no-repeat; }
.hava-icon-W { background: url(images/hava/W.jpg) no-repeat; }
.hava-icon-X { background: url(images/hava/X.jpg) no-repeat; }
.hava-icon-M { background: url(images/hava/M.jpg) no-repeat; }
.hava-icon-1 { background: url(images/hava/1.jpg) no-repeat; }
.hava-icon-Y { background: url(images/hava/Y.jpg) no-repeat; }
.hava-icon-N { background: url(images/hava/N.jpg) no-repeat; }
.hava-gunluk { position: absolute; top: 195px; left: 185px; right: 20px; }
.hava-gunluk * { font-family: Montserrat; }
.hava-gunluk li { display: inline-block; float: left; color: #fff; text-align: center; padding: 0 10px; width: 110px; }
.hava-gunluk li .hava-gunluk-hava { font-size: 24px; color: #d0d0d0; padding: 10px 0; }
.hava-gunluk li .hava-gunluk-hava span { color: #fff; margin-right: 10px; }
.hava-gunluk-ikon { font-size: 56px; color: #fff; opacity: 0.8; filter: alpha(opacity=80); padding-bottom: 10px; }
.hava-gunluk-ikon span::before { font-size: 56px; }
.hava-gunluk-tahmin { line-height: 16px; }
.user-links { float: left; }
.user-links li { float: left; height: 50px; line-height: 50px; }
.user-links li a { color: #fff; display: block; line-height: 50px; width: 132px; text-align: center; font-size: 14px; font-weight: 700; transition: 0.5s; }
.user-links li:first-child a { width: 166px; text-align: center; border-right: 1px solid #464646; }
.user-links li a i { width: 20px; height: 20px; border-radius: 20px; background: #fff; color: #323232; text-align: center; line-height: 20px; margin-right: 2px; font-size: 12px; vertical-align: text-bottom; }
.user-links li a:hover { background: #383838; }
.stil-2 .user-links li:first-child a { border-right: 1px solid #c22727; }
.stil-2 .user-links li a i { color: #e62f2f; }
.stil-2 .user-links li a:hover { background: #c22727; }
.user-pane { padding: 7px 10px; float: right; width: 264px; box-sizing: border-box; }
.user-pane img { float: left; }
.user-pane span { display: block; padding-bottom: 5px; }
.user-pane .user-pane-info { float: left; padding-left: 10px; width: calc(100% - 36px); box-sizing: border-box; color: #666; }
.user-pane .user-name { color: #fff; font-weight: 400; }
.user-pane .user-call { color: #777; font-size: 12px; }
.user-pane .user-call:hover { color:#d0d0d0;}
.baglan { padding-top: 30px; }
.baglan .main-right { padding-top: 0; }
.form { padding-top: 10px; }
.form-row { padding: 5px 0; position: relative; }
.form-row label { display: block; height: 30px; line-height: 30px; padding-left: 2px; font-size: 14px; font-family: Montserrat; font-weight: 500; color: #626262; }
.form-row > input[type="text"], .form-row > input[type="password"], .form-row > input[type="email"], .form-row > textarea, .form-row > select { height: 40px; box-sizing: border-box; border: 2px solid #ebebeb; width: 100%; padding: 0 10px;
font-family: Montserrat; font-size: 12px; color: #888; }
.form-row > textarea { height: 150px; padding: 10px; }
.form-rows .form-row { float: left; width: 49%; margin-right: 2%; }
.form-rows .form-row:nth-of-type(2n+2) { margin-right: 0; }
.form-row.form-icon i { position: absolute; left: 2px; top: 35px; width: 30px; text-align: center; line-height: 39px; font-size: 16px; color: #e62f2f; }
.form-row.form-icon input { padding-left: 30px; }
.form-row.form-button { text-align: right; }
.form-row > button { border: none; background: #e62f2f; color: #fff; height: 50px; padding: 0 15px; font-size: 14px; font-weight: 700; cursor: pointer; }
.form-row > button:hover { opacity: 0.9; }
.form-row > button[type="button"] { background: #5380a0; }
#haritakullan.active { background: #777; }
.form-row .form-file { position: relative; display: inline-block; overflow: hidden; height: 60px; line-height: 60px; padding: 0 25px; background: #e0e0e0; color: #323232; font-size: 14px; font-weight: 500; cursor: pointer; }
.form-row .form-file input { position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; cursor: pointer; }
.form-row .form-file:hover { background: #d5d5d5; }
.form-row .description { line-height: 26px; color: #999; }
.error, .success, .nodata { padding: 15px; background: #e62f2f; color: #fff; margin-top: 10px; line-height: 16px; }
.error i, .success i, .nodata i { font-size: 16px; float: left; line-height: 16px;margin-right: 5px; }
.error a, .success a, .nodata a { color: #fff; font-weight: 500; }
.error a:hover, .success a:hover, .nodata a:hover { color: #d0d0d0; }
.success { background: #23a862; }
.nodata { background: #e7e7e7; color: #323232; }
.image-ui-list { display: inline-block; height: 60px; margin-left: 10px;}
.image-ui-list li img { max-width: 60px; max-height: 60px; vertical-align: middle; }
.image-ui-list li { display: inline-block; float: left; height: 60px; width: 60px; text-align: center; line-height: 60px; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,.20); margin-right: 10px; }
.panel { padding-top: 30px; }
.panel-left { width: 300px; float: left; }
.panel-menu .title, .panel-right .title { height: 40px; line-height: 40px; background: #292929; }
.panel-menu .title span, .panel-right .title span { display: inline-block; padding: 0 15px; background: #e62f2f; color: #fff; font-weight: 700; border-right: 4px solid #c22727; }
.panel-menu ul { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.10); }
.panel-menu ul li a { display: block; line-height: 40px; height: 40px; padding-right: 15px; background: #343434; color: #d0d0d0; border-bottom: 1px solid #323232; }
.panel-menu ul li i { width: 50px; text-align: center; background: #292929; line-height: 40px; height: 40px; color: #fff; margin-right: 10px; font-size: 16px; float: left; }
.panel-menu ul li a:hover { background: #303030; }
.panel-menu ul li a:hover i { color: #e62f2f; }
.panel-right { width: calc(100% - 330px); float: right; }
.panel-icerik { background: #f4f4f4; padding: 15px; box-shadow: 0 0 10px rgba(0,0,0,.10); border: 1px solid #e0e0e0; }
.panel-icerik .form { padding-top: 0; }
.user-table { width: 100%; border-collapse: collapse; }
.user-table thead td { height: 36px; vertical-align: middle; padding: 0 10px; background: #e5e5e5; font-weight: 600; font-size: 12px; border: 1px solid #e5e5e5; }
.user-table tbody td { border: 1px solid #e7e7e7; height: 30px; padding: 5px 10px; vertical-align: middle; font-family: Montserrat; font-size: 12px; background: #f0f0f0; }
.user-table tbody tr:nth-of-type(2n+2) td { background: #e9e9e9; }
.user-table .label { display: inline-block; padding: 0 10px; font-size: 11px; background: #d0d0d0; line-height: 26px; border-radius: 2px; }
.user-table .label.label-success { background: #33c392; color: #fff; }
.user-table a.act { display: inline-block; padding: 0 10px; line-height: 26px; float: left; margin-right: 5px; }
.user-table a.act.act-edit { border: 1px solid #54b8bb; color: #54b8bb; font-size: 11px; font-weight: 500;}
.user-table a.act.act-rmv { border: 1px solid #e62f2f; color: #e62f2f; font-size: 11px; font-weight: 500;}
.user-table a.act:hover { background: #e7e7e7; }
.user-table a.act:last-child { margin-right: 0; }
.firmalar { padding-top: 30px; }
.firmalar-left { width: 270px; float: left; }
.firma-menu { margin-left: -20px; margin-right: -20px; margin-top: 10px; margin-bottom: -15px; }
.firma-menu li { line-height: 36px; background: #fff; }
.firma-menu li a { display: block; padding: 0 30px; border-bottom: 1px solid #f4f4f4; font-weight: 500; font-family: Quicksand; box-sizing: border-box; }
.firma-menu li a:hover { background: #f4f4f4; color: #000; }
.firma-menu li.active a { border-left: 2px solid #ff5d3d; }
.firmalar-right { width: calc(100% - 300px); float: right; }
.firmalar-list { padding-top: 20px; }
.firma-tek { width: 180px; float: left; margin-right: 10px; margin-bottom: 10px; }
.firma-tek:last-child { margin-right: 0; }
.firma-tek-resim { padding: 0; border: 5px solid #e0e0e0; height: 140px; line-height: 140px; width: 170px; }
.firma-tek-resim img { height: auto !important; vertical-align: middle; max-height: 140px; }
.firma-tek-baslik { padding: 5px; height: 20px; background: #bf3441; color: #fff; font-weight: 600; line-height: 20px; overflow: hidden; text-align: center; }
.firma-left { border-right: 1px solid #ebebeb; padding-top: 10px; }
.firma-detay h1 { background: #ebebeb; line-height: 40px; height: 40px; padding-left: 10px; font-family: Montserrat; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.firma-detay .firma-oku { color: #555; padding: 10px 0; line-height: 18px; min-height: 300px; }
.firma-detay .firma-oku, .firma-detay .firma-oku p { font-family: Montserrat; font-weight: 300; font-size: 12px; }
.firma-detay h2 { line-height: 35px; height: 35px; background: #ebebeb; border-bottom: 2px solid #c00000; font-size: 14px; font-family: Montserrat; font-weight: 600; padding-left: 10px; }
.firma-detay #map-canvas { height: 300px; }
.firma-resim { text-align: center; }
.firma-resim img { max-width: 300px; max-height: 150px; }
.firma-bilgi { padding-top: 10px; }
.firma-bilgi h1 { font-size: 20px; font-family: Montserrat; font-weight: 300; padding: 10px 0; line-height: 26px; text-align: center; }
.firma-bilgi p { padding: 5px 0; }
.firma-bilgi p strong { display: block; font-weight: 400; font-size: 14px; line-height: 30px; height: 30px; background: #f8f8f8; padding-left: 10px; color: #777; border-bottom: 2px solid #e0e0e0; font-family: Montserrat; }
.firma-bilgi p span { display: block; padding: 10px; border: 1px solid #f3f3f3; border-top: none; color: #444; line-height: 16px; color: #343434; font-family: Montserrat; font-weight: 300; }
.arama { position: absolute; right: 50px; height: 50px; width: 0; overflow: hidden; }
.arama input { width: 290px; border: none; box-sizing: border-box; height: 50px; padding: 0 15px; background: #333; color: #fff; font-family: Montserrat; }
.stil-2 .arama input { background: #c22727; }
.search-right { width: 900px; float: right; }
.search-left { width: 240px; background: #fff; float: left; }
.search-filter { padding: 5px 0 10px 0; }
.search-filter li { height: 30px; line-height: 30px; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; position: relative; padding-left: 26px; color: #444; cursor: pointer; font-family: Montserrat; font-size: 13px; }
.search-filter li:hover { background: #f4f4f4; }
.search-filter li:last-child { border-bottom: none; }
.search-filter li input { display: none; }
.search-filter li::before { content: ""; width: 16px; height: 16px; float: left; background: #f4f4f4; border-radius: 10px; top: 50%; margin-top: -8px; position: absolute; left: 5px; }
.search-filter li.active::after { position: absolute; left: 5px; top: 50%; margin-top: -8px; width: 16px; height: 16px; content: "\f00c"; font-family: FontAwesome; line-height: 16px; text-align: center; font-size: 10px; }
.search-filter li.active { font-weight: 600; }
.search-left .title { height: 30px !important; line-height: 30px !important; }
.search-left .title h4 { height: 30px !important; line-height: 30px !important; }
.search-left .title::before { display: none; }
.search-left .title h4::before { display: none; }
.search-left section.haberler .title h4 i { margin-top: 3px !important; font-size: 18px; }
#main-up > section { margin-top: 30px !important; }
#main-up > section:first-child { margin-top: 0 !important; }
.ana-duzenle i.fa { font-family: FontAwesome !important;color: rgba(240,245,250,.6); font-size: 16px !important; }
.populars { padding-top: 15px; }
.populars li { height: 90px; overflow: hidden; margin-bottom: 10px; }
.populars li:last-child { margin-bottom: 0; }
.populars .resim { width: 90px; float: left; display: inline-block; position: relative; }
.populars .resim span { position: absolute; left: 0; bottom: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 20px; font-weight: 500; font-family: Montserrat; background: rgba(230,47,47); opacity: 0.9; }
.populars .info { width: calc(100% - 105px); float: right; }
.populars strong { display: block; padding-bottom: 4px; }
.populars strong a { font-size: 14px; font-family: Montserrat; font-weight: 600; line-height: 18px; }
.populars .desc { color: #777; font-family: Montserrat; font-size: 12px; line-height: 16px; font-weight: 300; }
.populars .desc p { font-family: Montserrat; font-weight: 300; }
.dovizkur { padding-top: 15px; }
.dovizkur li { width: 50%; float: left; border: 1px solid #ebebeb; box-sizing: border-box; }
.dovizkur li .dikon { float: left; width: 45px; height: 60px; text-align: center; line-height: 60px; font-size: 18px; }
.dovizkur li .kur { padding-top: 16px; float: left; color: #777; width: calc(100% - 95px); }
.dovizkur li .kur strong { display: block; padding-bottom: 5px; color: #333; }
.dovizkur li .durum { width: 50px; float: right; text-align: center; }
.dovizkur li .durum i { display: block; padding-top: 16px; padding-bottom: 5px; }
.dovizkur li .durum.down { color: #de7c7c; }
.dovizkur li .durum.up { color: #89c26d; }
.hava-widget { padding-top: 15px; }
.hava-widget .goster { margin-top: 10px; height: 160px; border-radius: 3px 3px 0 0; }
.hava-widget .goster .goster-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.15+0,0.15+100 */
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0.15) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#26ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height: 160px; border-radius: 3px 3px 0 0; padding: 15px; box-sizing: border-box; position: relative; }
.hava-widget .goster span { display: block; line-height: 24px; color: #fff; font-weight: 300; font-size: 16px; }
.hava-widget .goster span.gun { font-size: 14px; }
.hava-widget .goster .sicaklik { position: absolute; right: 15px; bottom: 15px; font-size: 80px; font-weight: 100; color: #fff; }
.hava-widget .goster i { position: absolute; right: 20px; top: 15px; font-size: 40px; color: #f5d676; }
.selectjs-holder { position: relative; z-index: 9998; }
.selectjs-holder > div { display: block; background: #ebebeb; height: 40px; line-height: 40px; font-size: 16px; color: #fff; cursor: pointer; position: relative; z-index: 10000; }
.selectjs-holder > div > i.fa-caret-right { float: left; height: 40px; line-height: 40px; width: 40px; text-align: center; }
.selectjs-holder > div > i.fa-angle-down { float: right; height: 40px; line-height: 40px; width: 40px; text-align: center; }
.selectjs-holder span { font-weight: 600; font-size: 14px; }
.selectjs-holder > div:hover { opacity: 0.95; }
.selectjs-holder > ul { position: absolute; line-height: 30px; top: 40px; left: 0; right: 0; z-index: 10000; display: none; max-height: 240px; overflow: auto; }
.selectjs-holder > ul li { display: block; font-size: 13px; padding: 0 15px; border-bottom: 1px solid rgba(0,0,0,.06); font-weight: 600; color: #fff; cursor: pointer; }
.selectjs-holder > ul li:hover { opacity: .90; background: rgba(0,0,0,.10); }
.hava-widget .gunler { display: table; width: 100%; border-radius: 0 0 3px 3px; }
.hava-widget .gunler li { display: table-cell; width: 33%; height: 68px; background: rgba(0,0,0,.20); padding: 10px 15px; box-sizing: border-box; color: #fff; line-height: 24px; font-size: 14px; }
.hava-widget .gunler li:nth-of-type(2n+2) { background: rgba(0,0,0,.26); }
.hava-widget .gunler li strong { display: block; }
.hava-widget .gunler li i { margin-right: 5px; opacity: 0.8; }
.namaz-widget { padding-top: 15px; }
.namaz-widget .tarih { padding: 10px 0; text-align: center; color: #9c9c9c; font-size: 20px; font-weight: 300; }
.namaz-widget .vakitler li { float: left; width: 33.33%; height: 62px; box-sizing: border-box; text-align: center; background: #f7f7f7; padding-top: 10px; color: #9c9c9c; font-size: 13px; }
.namaz-widget .vakitler li:nth-of-type(2n+2) { background: #ebebeb; }
.namaz-widget .vakitler li span { display: block; color: #323232; font-size: 20px; padding-bottom: 7px; font-weight: 300; }
.gallery-widget .gallery li { width: 300px; float: left; }
.gallery-widget .gallery li .resim { width: 100%; height: auto; }
.gallery-widget .gallery li .resim img { width: 100%; height: auto; }
.sosyal { padding-top: 5px; }
.sosyal li { float: left; width: 60px; height: 60px; border: 2px solid #ebebeb; box-sizing: border-box; margin-right: 20px; text-align: center; line-height: 56px; margin-top: 10px; }
.sosyal li:nth-of-type(4n+4) { margin-right: 0; }
.sosyal li a { display: block; width: 56px; height: 56px; }
.sosyal li a:hover { background: #ebebeb; }
.sosyal li a i { display: inline-block; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; color: #fff; }
.sosyal li a i.fa-facebook { background: #3b5998; }
.sosyal li a i.fa-twitter { background: #5eaade; }
.sosyal li a i.fa-instagram { background: #000000; }
.sosyal li a i.fa-google { background: #db4437; }
.sosyal li a i.fa-pinterest { background: #bd081c; }
.sosyal li a i.fa-linkedin { background: #0177b5; }
.sosyal li a i.fa-youtube { background: #ff0000; }
.sosyal li a i.fa-tumblr { background: #2c394c; }
.sosyal li a i.fa-rss { background: #e0a258; }
.yazarlar { padding-top: 15px; }
.yazarlar li { padding: 15px 0; border-bottom: 2px solid #ebebeb; }
.yazarlar li:first-child { padding-top: 0; }
.yazarlar li:last-child { padding-bottom: 0; border: none; }
.yazarlar .resim { float: left; width: 80px; height: 80px; }
.yazarlar .info { width: calc(100% - 90px); float: right; }
.yazarlar .info .yazar { font-size: 14px; font-weight: 500; }
.yazarlar .info .yazar-tur { color: #9c9c9c; font-size: 11px; padding: 10px 0; }
.yazarlar .info .makalesay { display: block; border-top: 1px solid #ebebeb; padding-top: 10px; color: #3c5668; }
.yazarlar .info .makalesay i { font-size: 16px; float: left; margin-right: 7px; }
.yazarlar .haber { clear: both; padding-top: 10px; }
.yazarlar .haber h4 { font-size: 13px; font-family: Montserrat; font-weight: 500; line-height: 18px; }
.yazarlar .haber .desc { font-size: 12px; color: #9f9f9f; line-height: 16px; font-family: Montserrat; padding-top: 5px; }
.burclar { padding-top: 15px; }
.burclar li { width: 33.33%; float: left; height: 80px; background: #f7f7f7; line-height: 80px; text-align: center; position: relative; }
.burclar li:nth-of-type(2n+2) { background: #ebebeb; }
.burclar li > span, .center.burcdetay span.burc { display: inline-block; background: url(images/sprite.png); vertical-align: middle; }
.center.burcdetay .main-left li { width: 16.6%; }
.center.burcdetay .main-left ul.burclar { margin: 0 auto; margin-bottom: 10px; }
.center.burcdetay .main-left .title { margin-top: 30px; }
.center.burcdetay { padding-top: 30px; }
.burclar .burc-oglak, .burcdetay .burc-oglak { width: 50px; height: 40px; }
.burclar .burc-kova, .burcdetay .burc-kova { width: 28px; height: 40px; background-position: -58px 0 !important; }
.burclar .burc-balik, .burcdetay .burc-balik { width: 52px; height: 40px; background-position: -95px 0 !important; }
.burclar .burc-koc, .burcdetay .burc-koc { width: 62px; height: 40px; background-position: -149px 0 !important; }
.burclar .burc-boga, .burcdetay .burc-boga { width: 44px; height: 40px; background-position: 0 -49px !important; }
.burclar .burc-ikizler, .burcdetay .burc-ikizler { width: 46px; height: 40px; background-position: -51px -49px !important; }
.burclar .burc-yengec, .burcdetay .burc-yengec { width: 46px; height: 40px; background-position: -152px -49px !important; }
.burclar .burc-aslan, .burcdetay .burc-aslan { width: 42px; height: 40px; background-position: -105px -49px !important; }
.burclar .burc-basak, .burcdetay .burc-basak { width: 32px; height: 40px; background-position: -217px 0 !important; }
.burclar .burc-terazi, .burcdetay .burc-terazi { width: 42px; height: 40px; background-position: 0 -100px !important; }
.burclar .burc-akrep, .burcdetay .burc-akrep { width: 48px; height: 40px; background-position: -203px -49px !important; }
.burclar .burc-yay, .burcdetay .burc-yay { width: 38px; height: 40px; background-position: -47px -101px !important; }
.burclar li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff; line-height: 16px; padding-top: 18px; display: none; }
.burclar li a span, .burclar li a strong { position: relative; display: block; font-size: 14px; }
.burclar li a span { font-size: 11px; line-height: 14px; }
.burclar li a div { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; opacity: 0.85; }
.burclar li:hover a { display: block; }
.center.burcdetay .main-left h4, .burcdetay.center .main-left .title { height: 60px !important; line-height: 46px !important; font-size: 16px; }
.center.burcdetay span.burc { margin-right: 10px; }
.fikstur-tabs li { width: 49.3%; float: left; height: 42px; line-height: 42px; }
.fikstur-tabs li:last-child { float: left; }
.fikstur-tabs li a { display: block; background: #323232; border-radius: 4px 4px 0 0; text-align: center; color: #fff; font-size: 11px; font-weight: 500; }
.fikstur-tabs li a i { font-size: 14px; }
.fikstur-tabs li a.active { height: 46px; background: #e62f2f; }
.fikstur-lig { background: #e62f2f; margin-top: 4px; padding: 20px; }
.fikstur-lig > span { color: #fff; font-size: 11px; display: block; padding-bottom: 10px; }
.fikstur-lig .selectjs-holder > div { background: #fff !important; line-height: 38px; }
.fikstur-lig .selectjs-holder i.fa-caret-right { color: #e62f2f; }
.fikstur-lig .selectjs-holder i.fa-angle-down { color: #000; }
.fikstur-lig .selectjs-holder span { color: #363636; font-size: 11px; font-weight: 500; }
.fikstur-lig .selectjs-holder > ul { background: #e62f2f; box-shadow: 0 4px 4px rgba(0,0,0,.40); }
.fikstur-table { width: 100%; background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.10); }
.fikstur-table thead td { height: 40px; vertical-align: middle; background: #373737; color: #fff; font-weight: 300; text-align: center; font-size: 11px; }
.fikstur-table thead td:first-child { background: #323232; text-align: left; padding-left: 15px; }
.fikstur-table tbody td { height: 30px; vertical-align: middle; text-align: center; color: #363636; font-size: 11px; font-weight: 400; width: 23px; line-height: 13px; }
.fikstur-table tbody td:first-child { text-align: right; width: 25px; color: #e62f2f; }
.fikstur-table tbody td:nth-of-type(2) { text-align: left; padding-left: 5px; width: auto; border-right: 1px solid #ebebeb; }
.fikstur-table tbody td:nth-of-type(3) { padding-left: 10px; }
.fikstur-table thead td:nth-of-type(2) { padding-left: 10px; }
.fikstur-table tbody tr:nth-of-type(2n+2) td { background: #f4f4f4; }
.fikstur-list tbody td:first-child { width: auto; color: #323232 !important; text-align: left; padding: 0 10px; width: 130px; box-sizing: border-box; }
.fikstur-list tbody td:last-child { width: auto; text-align: right; padding: 0 10px; width: 130px; box-sizing: border-box; }
.fikstur-list tbody td:nth-of-type(2) { text-align: left; padding: 0 5px; width: 40px; text-align: center; border: none; box-sizing: border-box; }
.fikstur-list thead td { background: #e0e0e0 !important; color: #323232 !important; font-weight: 500; }
.yoldurumu { padding-top: 15px; }
.yoldurumu iframe { margin-top: 10px; }
.karikatur { padding-top: 15px; }
a.flat-button { margin-top: 10px; display: block; text-align: center; height: 40px; line-height: 40px; border-radius: 3px; color: #fff; font-weight: 600; font-size: 14px; }
a.flat-button:hover { opacity: 0.9; }
.biyografi { padding-top: 15px; }
.biyografi .resim { float: left; width: 120px; height: 160px; }
.biyografi .info { float: right; width: calc(100% - 130px); }
.biyografi .info h4 { color: #323232; font-size: 14px; font-weight: 600; }
.biyografi .info > span { display: block; line-height: 24px; color: #9c9c9c; font-size: 11px; border-bottom: 1px solid #ebebeb; }
.biyografi .info .desc { padding-top: 7px; color: #323232; font-size: 11px; line-height: 16px; }
.egazete { height: 460px; border: 2px solid #ebebeb; text-align: center; margin-top: 15px; line-height: 460px; position: relative; overflow: hidden; }
.egazete ul { position: absolute; width: 10000px; }
.egazete ul li { width: 300px; height: 460px; line-height: 460px; text-align: center; float: left; }
.egazete ul li img { vertical-align: middle; }
.pagetor { text-align: center; padding-top: 15px; }
.pagetor li { display: inline-block; width: 24px; height: 24px; text-indent: -9999px; border: 2px solid #ebebeb; border-radius: 24px; position: relative; cursor: pointer; margin-right: 2px; }
.pagetor li:last-child { margin-right: 0; }
.pagetor li.active::before { content: ""; position: absolute; width: 10px; height: 10px; background: #343434; display: inline-block; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; border-radius:10px;}
.pagetor li:hover { background: #ebebeb; }
.buton, a.buton { display: block; background: #323232; font-size: 14px; font-weight: 600; color: #fff; text-align: center; height: 40px; line-height: 40px; border-radius: 3px; border: none; width: 100%; cursor: pointer; }
.buton:hover { opacity: 0.9; }
.anket .anket-soru { padding: 15px 0; text-align: center; font-size: 14px; font-weight: 500; line-height: 20px; }
.anket .anket-secenek { border-bottom: 1px solid #ebebeb; }
.anket .anket-secenek li { height: 60px; line-height: 60px; overflow: hidden; border-top: 1px solid #ebebeb; color: #9c9c9c; font-size: 12px; font-weight: 500; cursor: default; padding-left: 10px; position: relative; }
.anket .anket-secenek li:hover { background: #f8f8f8; }
.anket .anket-secenek li .yuzde { position: absolute; left: 0; bottom: 0; height: 5px; }
.anket .anket-secenek li .sonuc { float: right; background: #f0f0f0; height: 30px; line-height: 30px; margin-top: 30px; font-size: 11px; padding: 0 7px; border-radius: 3px 0 0 0; color: #555; }
.anket .anket-secenek .radiojs { position: relative; display: inline-block; cursor: default; margin-right: 10px; width: 30px; height: 30px; vertical-align: middle; }
.anket .anket-secenek .radiojs input { display: none; }
.anket .anket-secenek .radiojs::before { content: ""; width: 30px; height: 30px; display: inline-block; position: absolute; border: 2px solid #ebebeb; box-sizing: border-box; border-radius: 16px; }
.anket .anket-secenek .radiojs .active { content: ""; width: 12px; height: 12px; display: inline-block; position: absolute; border-radius: 10px; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; }
.anket .anket-buton { padding-top: 15px; }
.anket .buton:first-child { width: 49%; float: left; }
.anket .buton:last-child { width: 49%; float: right; }
.bulten .desc { padding-top: 15px; line-height: 15px; font-size: 11px; padding-bottom: 10px; border-bottom: 2px solid #ebebeb; margin-bottom: 10px; }
.bulten .desc i { float: left; height: 30px; font-size: 30px; margin-right: 10px; }
.bulten .bulten-input { position: relative; }
.bulten .bulten-input input { width: 100%; border: 2px solid #ebebeb; padding: 0 50px 0 36px; box-sizing: border-box; height: 40px; border-radius: 2px; font-family: Roboto; color: #444; font-size: 12px; }
.bulten .bulten-input > i { position: absolute; left: 2px; top: 2px; height: 36px; width: 36px; text-align: center; line-height: 36px; font-size: 16px; }
.bulten .bulten-input button { position: absolute; right: 0; top: 0; height: 40px; border: none; width: 40px; border-radius: 0 2px 2px 0; color: #fff; font-size: 16px; cursor: pointer; }
.bulten .bulten-input button:hover { opacity: 0.9; }
.yorum-liste { padding-top: 20px; }
.yorumlar { padding-top: 15px; }
.yorumlar li { padding: 15px; border: 2px solid #efefef; box-sizing: border-box; border-radius: 3px; margin-bottom: 18px; position: relative; }
.yorumlar li:last-child { margin-bottom: 0; }
.yorumlar li .yorum-resim { width: 60px; height: 50px; float: left; }
.yorumlar li .yorum-resim img { width: 50px; height: 50px; border-radius: 2px; }
.yorumlar li .yorum-content { float: right; width: calc(100% - 65px); }
.yorumlar li .yorum-info { font-size: 12px; font-weight: 500; line-height: 24px; margin-top: -3px; }
.yorumlar li .yorum-user { color: #253b49; margin-right: 15px; float: left; }
.yorumlar li .yorum-user i { margin-right: 5px; font-size: 14px; height: 24px; line-height: 24px; float: left; }
.yorumlar li .yorum-tarih { color: #999; margin-right: 15px; float: left; }
.yorumlar li .yorum-tarih i { margin-right: 5px; font-size: 14px; height: 24px; line-height: 24px; float: left; }
.yorumlar li .yorum-yanit { color: #f06767; margin-right: 15px; float: left; }
.yorumlar li .yorum-yanit i { margin-right: 5px; font-size: 14px; height: 24px; line-height: 24px; float: left; }
.yorumlar li .yorum-yorum { line-height: 18px; color: #777; font-size: 13px; font-weight: 400; }
.yorumlar li .yorum-bekliyor { background: #d97b17; padding: 5px 10px; border-radius: 2px; margin: 5px 0; display: inline-block; color: #fff; }
.yorumlar ul.children { margin-left: 60px; margin-top: 0; margin-bottom: 18px; }
.yorumlar ul.children li:first-child::before { content: "\f122"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: -60px; width: 60px; text-align: center; font-size: 24px; color: #999; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.yorumlar ul.children .yorum-content { width: calc(100% - 65px); }
.box-loading { position: relative; -webkit-filter: blur(1.5px);
-moz-filter: blur(1.5px);
-o-filter: blur(1.5px);
-ms-filter: blur(1.5px);
filter: blur(1.5px); min-height: 160px; }
.box-loading::before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.03); background: url(images/loader.svg) no-repeat center 40px; z-index: 5; }
.selectjs-holder.box-loading::before { background: url(images/loader.svg) no-repeat center 0; background-size: 40px 40px !important; z-index:10001; }
.selectjs-holder.box-loading { height: 40px; min-height: 40px !important; }
.hava-durum.box-loading::before { background: url(images/loader.svg) no-repeat center 0; background-size: 60px 60px !important; }
.hava-durum.box-loading { height: 60px; min-height: 60px !important; }
.firma-left, .firma-right { margin-top: 30px;}
.firma-left { width: 320px; float: left; background: #fff; padding: 10px; box-sizing: border-box; }
.firma-right { width: calc(100% - 340px); float: right; }
.info-ui { padding: 15px 0 5px 0; font-family: Montserrat; }
.breadcrumbs { background: #f9f9f9; height: 30px; margin-bottom: 15px; line-height: 30px; }
.breadcrumbs li { float: left; padding-left: 10px; position: relative; }
.breadcrumbs li::before { content: "\f105"; font-family: FontAwesome; margin-right: 10px; }
.breadcrumbs li:first-child::before { display: none; }
.breadcrumbs li a { color: #555; font-weight: 300; }
.breadcrumbs li a:hover { color: #333; }
.yazar-page { background: #fff; padding: 15px; box-sizing: border-box; box-shadow: 0 5px 10px rgba(0,0,0,.10); }
.yazar-left { width: calc(100% - 320px); }
.yazar-list li { margin-bottom: 25px; }
.yazar-list .yazar-resim { width: 140px; float: left; }
.yazar-list .yazar-info { width: calc(100% - 140px); float: right; box-sizing: border-box; }
.yazar-list .yazar-info.full { float: none; width: 100%; }
.yazar-list .yazar-info h2 { height: 40px; line-height: 40px; background: #f0f0f0; border: 1px solid #ebebeb; padding: 0 0 0 15px; font-size: 16px; font-family: Montserrat; font-weight: 500; }
.yazar-list .yazar-info .yazar-links { float: right; }
.yazar-list .yazar-info .yazar-links a { display: inline-block; text-align: center; float: left; }
.yazar-list .yazar-info .yazar-links a i { width: 36px; line-height: 40px; color: #fff; }
.yazar-list .yazar-info .yazar-links a i.fa-facebook { background: #124C7D; }
.yazar-list .yazar-info .yazar-links a i.fa-twitter { background: #49ABC1; }
.yazar-list .yazar-info .yazar-links a i.fa-envelope-o { background: #776; }
.yazar-list .yazar-info .yazar-links a:hover { opacity: 0.9; }
.yazar-list .yazar-info .yazar-links a.yazar-link { font-size: 13px; padding: 0 15px; background: #e0e0e0; }
.yazar-list .yazar-info .yazar-links a.yazar-link:hover { background: #e0e0e0; color: #e62f2f; }
.yazar-list .yazar-info .yazar-posts { padding: 15px; }
.yazar-list .yazar-info .yazar-posts .yazar-post { padding: 5px 0; font-family: Montserrat; font-weight: 400; color: #777; }
.yazar-list .yazar-info .yazar-posts .yazar-post i { margin-right: 3px; color: #e62f2f; }
.yazar-list .yazar-info .yazar-posts .yazar-post span { color: #a0a0a0; font-size: 11px; }
.yazar-biyo { padding: 15px; font-size: 12px; font-family: Montserrat; font-weight: 300; line-height: 16px; }
.yazar-yazilar li { padding: 15px 0; border-bottom: 2px solid #ebebeb; }
.yazar-yazilar li a { font-size: 16px; font-weight: 400; color: #375f7b; font-family: Montserrat; }
.yazar-yazilar li a:hover { color: #243d4f; }
.yazar-yazilar li .yazar-tarih { float: right; color: #777; font-weight: 300; }
.yazar-yazilar li .yazar-desc { padding-top: 10px; }
.yazar-yazilar li .yazar-desc, .yazar-yazilar li .yazar-desc p { font-family: Montserrat; font-size: 13px; line-height: 18px; color: #555; font-weight: 300; }
.pagination { padding-top: 10px; }
.pagination .nav-links span, .pagination .nav-links a { display: inline-block; height: 30px; display: inline-block; padding: 0 10px; background: #f9f9f9; line-height: 30px; border-bottom: 2px solid #f0f0f0;
font-family: Montserrat; font-weight: 300; }
.pagination .nav-links a:hover { background: #f9f9f9; }
.pagination .nav-links span.current { font-weight: 400; background: #222; color:#fff; border-bottom: 2px solid #777; }
@keyframes selectionSharerPopover-animation { 0% { transform: matrix(0.97, 0, 0, 1, 0, 12); filter: alpha(opacity=0); opacity: 0; } 20% { transform: matrix(0.99, 0, 0, 1, 0, 2); filter: alpha(opacity=70); opacity: 0.7; } 40% { transform: matrix(1, 0, 0, 1, 0, -1); filter: alpha(opacity=100); opacity: 1; } 70% { transform: matrix(1, 0, 0, 1, 0, 0); filter: alpha(opacity=100); opacity: 1; } 100% { transform: matrix(1, 0, 0, 1, 0, 0); filter: alpha(opacity=100); opacity: 1; } }
#selectionSharerPopover { display: none; position: absolute; top: -100px; left: -100px; z-index: 1010; }
#selectionSharerPopover:after { content: ''; display: block; position: absolute; bottom: -3px; left: 50%; margin-left: -4px; width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #262625; box-shadow: 0 0 2px #262625; }
#selectionSharerPopover.anim { transition: top .075s ease-out; animation: selectionSharerPopover-animation 180ms forwards linear; -webkit-animation: selectionSharerPopover-animation 180ms forwards linear; }
#selectionSharerPopover-inner { position: relative; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid; border-color: #262625 #1c1c1b #121211; box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.7), inset 0 0 1px rgba(255, 255, 255, 0.07), inset 0 0 2px rgba(255, 255, 255, 0.15); background-image: linear-gradient(to bottom, rgba(49, 49, 47, 0.97), #262625); background-repeat: repeat-x; }
#selectionSharerPopover .selectionSharerPopover-clip { position: absolute; bottom: -11px; display: block; left: 50%; clip: rect(12px 24px 24px 0); margin-left: -12px; width: 24px; height: 24px; line-height: 24px; }
#selectionSharerPopover .selectionSharerPopover-arrow { display: block; width: 20px; height: 20px; -webkit-transform: rotate(45deg) scale(0.5); transform: rotate(45deg) scale(0.5); background-color: #454543; border: 2px solid #121211; box-sizing: content-box; }
.selectionSharer ul { padding: 0; display: inline; }
.selectionSharer ul li { float: left; list-style: none; background: none; margin: 0; }
.selectionSharer a.action { display: block; text-indent: -200px; margin: 5px 7px; width: 20px; height: 20px; border: none; }
.selectionSharer a:hover { color: #ccc; }
.selectionSharer a.tweet { background: url('data:image/svg+xml;utf8,') no-repeat; background-size: 18px; background-position: 2px 4px; }
.selectionSharer a.facebook { background: url('data:image/svg+xml;utf8,') no-repeat; background-size: 18px; background-position: 0px 2px; display: none; }
.selectionSharer a.email { background: url('data:image/svg+xml;utf8,') no-repeat; background-size: 20px; background-position: 0px 4px; }
#selectionSharerPopunder.fixed { transition: bottom 0.5s ease-in-out; width: 100%; position: fixed; left: 0; bottom: -50px; }
.selectionSharer { transition: -webkit-transform 0.6s ease-in-out; }
.selectionSharer.moveDown { -webkit-transform: translate3d(0, 60px, 0); }
#selectionSharerPopunder { position: absolute; left: 0; width: 100%; height: 0px; transition: height 0.5s ease-in-out; background: #ccc; border: none; box-shadow: inset 0px 10px 5px -10px rgba(0, 0, 0, 0.5), inset 0px -10px 5px -10px rgba(0, 0, 0, 0.5); border-radius: 0; overflow: hidden; }
#selectionSharerPopunder.show { height: 50px; }
.selectionSharerPlaceholder { height: 1em; margin-bottom: -2em; transition: height 0.5s ease-in-out; }
.selectionSharerPlaceholder.show { height: 50px !important; }
#selectionSharerPopunder-inner ul { overflow: hidden; float: right; margin: 0px; }
#selectionSharerPopunder-inner ul li { padding: 5px; overflow: hidden; }
#selectionSharerPopunder-inner label { color: white; font-weight: 300; line-height: 50px; margin: 0px 20px 0px 10px; }
#selectionSharerPopunder-inner a { width: 30px; height: 30px; background-size: 30px; }
#selectionSharerPopunder-inner a.tweet { background-position: 0px 2px; }
.mansetler { padding-top: 20px; }
.mansetler li { width: 23%; float: left; margin-right: 2.6%; text-align: center; margin-bottom: 20px; }
.mansetler li:nth-of-type(4n+4) { margin-right: 0; }
.mansetler li img { width: 100%; height: auto; }
.mansetler li strong { background: #ebebeb; height: 40px; display: block; line-height: 40px; font-size: 15px; font-weight: 500; }
.mansetler li:hover { opacity: 0.8; }
.center .full { padding-top: 30px; }
.ziyaretci-widget { background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.10); }
.ziyaretci-widget .z-icon { float: left; width: 100px; text-align: center; height: 110px; line-height: 110px; }
.ziyaretci-widget .z-icon i { width: 60px; height: 60px; border: 2px solid #ebebeb; border-radius: 60px; font-size: 26px; line-height: 60px; text-align: center; }
.ziyaretci-widget a > i.fa-long-arrow-right { float: right; width: 30px; height: 110px; line-height: 110px; text-align: center; color: #fff; font-size: 16px; }
.ziyaretci-widget .z-yazi { float: left; width: calc(100% - 140px); padding-top: 30px; }
.ziyaretci-widget .z-yazi strong { display: block; padding-bottom: 5px; }
.ziyaretci-widget .z-yazi p { font-size: 11px; line-height: 16px; color: #777; font-family: Montserrat; }
.ziyaretci-widget a { display: block; }
.ziyaretci-widget a:hover { opacity: 0.8; }
.arama-sonuc, .benzer { padding-top: 15px; }
.arama-sonuc li, .benzer li { float: left; width: 285px; margin-right: 2px; height: 153px; margin-bottom: 2px; position: relative; list-style: none; }
.benzer li { width: 268px; height: 148px; }
.arama-sonuc li a:hover, .benzer li a:hover { transition: 0.3s; opacity: 0.8; }
.arama-sonuc li:nth-of-type(3n+3), .benzer li:nth-of-type(3n+3) { margin-right: 0; }
.arama-sonuc li h4, .benzer li h4 { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; color: #fff; font-family: Montserrat; padding-top: 40px; font-weight: 500; font-size: 14px; line-height: 18px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 62%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 62%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 62%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}
.arama-sonuc li span, .benzer li span { position: absolute; right: 0; top: 0; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px;
background: -moz-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.benzer-title { margin-top: 40px !important; margin-bottom: 0; }
.benzer { padding-top: 2px; }
.sayfala { background: #fff; padding: 0 10px 10px 10px; box-shadow: 0 1px 10px rgba(0,0,0,.10); }
.video-detay iframe { width: 100%; height: 454px;}
.gal-num-holder { padding-left: 0 !important; border: 1px solid #ebebeb; height: 60px; margin-top: 10px; overflow: hidden; padding-top: 5px; position: relative; }
.gal-numarator { padding-left: 0 !important; width: 10000px !important; max-width: none !important; position: absolute; }
.gal-numarator li { float: left; list-style: none; padding: 0 5px !important; border-right: 1px solid #ebebeb; }
.gal-numarator li a { width: 60px; height: 50px; max-width: none; display: block; line-height: 50px; text-align: center; font-size: 18px; font-weight: 500; }
.gal-numarator li a:hover { background: #ebebeb; }
.gal-numarator li a.active { background: #e62f2f; color: #fff; }
.foto-detay.haber-detay .haber-detay-left { width: calc(100% - 400px); }
.foto-detay.haber-detay .haber-detay-right { width: 370px; padding-top: 20px; }
.gal-names-holder { position: relative; width: 370px; overflow: hidden; height: 800px; }
.gal-names { padding-left: 0 !important; position: absolute; width: 10000px; }
.gal-names li { width: 370px; float: left; }
.gal-names li h2 { font-size: 24px; font-family: Montserrat; font-weight: 500; line-height: 36px; }
.gal-names li .gal-desc { font-family: Montserrat; border-top: 1px solid #ebebeb; margin-top: 15px; padding-top: 20px; line-height: 18px; }
.gal-holder .fa::before { font-family: FontAwesome; }
.gal-holder .sagsol { position: absolute; font-size: 90px; color: #fff; position: absolute; top: 46%; margin-top: -25px; text-shadow: 0 1px 2px rgba(0,0,0,.20); cursor: pointer; z-index: 3; }
.gal-holder .sagsol.sag { right: 15px; }
.gal-holder .sagsol.sol { left: 15px; }
.hbrad img { max-width: 100%; }
.hbrad.ana-logo { width: 600px; float: left; margin-right: 10px; height: 90px; line-height: 90px; }
.hbrad.ana-logo img { width: 100%; height: auto; vertical-align: middle; }
.hbrad.single { float: left; margin: 10px 10px 10px 0; }
.hbrad.single-alt { text-align: center; margin: 5px 0; }
.hbrad.single-alt img { max-width: 100%; }
.hbrad.single-benzer { text-align: center; margin: 5px 0; }
.hbrad.single-benzer img { max-width: 100%; }
.hbrad.firmalist-alt, .hbrad.firmalist-ust { text-align: center; max-width: 100%; padding-top: 10px; }
.hbrad.firma-alt, .hbrad.firma-ust { text-align: center; padding: 10px 0; }
.wpfad { text-align: center; margin-bottom: 30px; }
.wpfad img { max-width: 100%; }
/* farbtastic */
.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;left:47px;width:101px;height:101px}.farbtastic .wheel{background:url(../images/wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(../images/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url(../images/marker.png) no-repeat}
.mpi-widget {padding-top: 10px; }
.mpi-widget .selectjs-holder { width: 48.5%; float: left; }
.mpi-widget .selectjs-holder:last-child { float: right; }
.mpi-widget .selectjs-holder > div > i.fa-caret-right { width: 30px; padding-left: 5px; box-sizing: border-box; }
.mpi-widget .selectjs-holder > div > i.fa-angle-down { width: 30px; }
.mpi-holder { padding-top: 15px; clear: both; }
.mpi-holder .mpi-row { position: relative; height: 36px; }
.mpi-holder .mpi-row input { position: absolute; border: 1px solid #e0e0e0; background: #f4f4f4; height: 36px; box-sizing: border-box; width: 100%; padding: 0 90px 0 10px; }
.mpi-holder .mpi-row button { position: absolute; right: 0; border: none; height: 36px; width: 80px; font-size: 13px; font-family: Montserrat; font-weight: 500; color: #fff; }
.mpi-kazanc { margin-top: 15px; padding: 15px; line-height: 16px; background: #f5cece; color: #8e2121; }
.mpi-kazanc.aktif { background: #d3e9b9; color: #577c2c; }
.mpi-sonuc { padding-top: 15px; clear: both; }
.mpi-sonuc h3 { font-size: 16px; padding-bottom: 10px; font-weight: 500; border-bottom: 1px solid #ebebeb; text-align: center; }
.mpi-sonuc .loto-numbers { padding-top: 10px; text-align: center; }
.mpi-sonuc .loto-numbers li { display: inline-block; width: 36px; height: 36px; background: #f0f0f0; border-radius: 36px; text-align: center; line-height: 36px; font-weight: 500; font-size: 15px; margin: 0 2px; border: 1px solid #e0e0e0;
box-sizing: border-box; box-shadow: inset 0 -5px 5px rgba(0,0,0,.10); margin-bottom: 10px; }
.mpi-sonuc .loto-bilenler li { padding: 4px 0; font-weight: 300; font-size: 14px; border-top: 1px solid #ebebeb; }
.mpi-sonuc .loto-bilenler li strong { width: 50%; display: inline-block; text-align: right; margin-right: 3px; font-weight: 500; }
.kayan-s { margin-bottom: 30px; }
.kayan { height: 35px; position: relative; width: 100%; overflow: hidden; background: #f0f0f0; }
.kayan ul { width: 0; position: absolute; top: 0; left: 130px; }
.kayan ul li { display: inline-block; padding: 0 3px; height: 35px; }
.kayan ul li a { font-weight: 400; display: table-cell; height: 35px; vertical-align: middle; font-family: Montserrat; font-size: 14px; }
.kayan ul li i { float: left; font-size: 6px; margin-top: 15px; color: #bbb; }
.kayan-title { background: #c00000; color: #fff; padding: 0 15px; line-height: 35px; text-align: center; font-weight: 500; font-family: Montserrat; font-size: 16px; z-index: 2; position: absolute; }
.kayan-mask { background: #f0f0f0; width: 850px; right: 0; z-index: 3; position: absolute; top: 0; height: 35px; }
.kayan-title::after { content: ""; width: 34px; height: 35px; display: inline-block; position: absolute; right: -34px;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.kayan::after { content: ""; width: 34px; height: 35px; display: inline-block; position: absolute; right: 0;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.cat-akis-holder { height: 88px; padding-top: 5px; box-sizing: border-box; width: 100%; position: relative; box-shadow: 0 0 10px rgba(0,0,0,.40); overflow: hidden; z-index: 5; background: #e0e0e0; }
.cat-akis { width: 20000px; position: absolute; }
.cat-akis li { float: left; background: #fff; width: 300px; padding: 5px; box-sizing: border-box; margin-left: 5px; border: 1px solid #d9d9d9; border-radius: 3px; }
.cat-akis li .cat-akis-resim { display: table-cell; width: 120px; }
.cat-akis li img { float: left; border-radius: 2px; }
.cat-akis li .cat-akis-title { width: calc(100% - 120px); display: table-cell; vertical-align: middle; padding: 0 10px; }
.cat-akis li .cat-akis-title h3 { font-family: Montserrat; font-weight: 500; line-height: 15px; font-size: 12px; }
.cat-akis li a { display: block; }
.cat-akis-holder .sagsol { position: absolute; height: 88px; line-height: 88px; top: 0; width: 50px; text-align: center; z-index: 5; font-size: 56px; display: none; cursor: pointer; color: #242424; }
.cat-akis-holder .sagsol.sag { right: 0;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.cat-akis-holder .sagsol.sol { left: 0;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.cat-akis-holder:hover .sagsol { display: block; }
section.manset { margin-bottom: 30px; }
.manset .manset-bir { width: 100%; padding-top: 47.20%; position: relative; }
.manset .manset-bir li { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.manset .manset-bir li.active { z-index: 5;}
.manset-on { width: 100%; height: 419px; overflow: hidden; position: relative; }
.manset li .manset-resim img { width: 100%; height: auto; }
.manset li h3 { border-radius: 3px 3px 0 0; display: inline-block; position: absolute; bottom: 35px; left: 15px; right: 15px; background: url(images/trans.png); padding: 15px; border-bottom: 3px solid #c00000; }
.manset li h3 a { font-family: Montserrat; font-weight: 500; color: #fff; font-size: 20px; line-height: 24px; text-shadow: 1px 1px 1px #000; }
.manset .manset-alt { position: absolute; left: 15px; bottom: 10px; }
.manset .manset-alt .bg { background: #c00000; display: inline-block; height: 25px; line-height: 25px; color: #fff; padding: 0 10px; border-radius: 0 0 4px 4px; float: left; position: relative; top: auto; }
.manset .manset-alt .bg::after { display: none; }
.manset .manset-alt .manset-yorum { display: inline-block; border-bottom: 1px solid #c0c0c0; height: 22px; line-height: 22px; background: #ebebeb; color: #222; padding: 0 10px; float: left; border-radius: 0 0 4px 0; font-size: 11px; }
.manset .manset-alt .manset-yorum a { color: #333; }
.manset .manset-alt .manset-yorum a:hover { color: #000; }
.manset .slider-numarator { display: table; width: 100%; box-sizing: border-box; table-layout: fixed; position: absolute; bottom: 0; border: 0 solid #ebebeb; border-top: 3px solid #cc0000; box-shadow: 0 0 5px #d0d0d0; z-index: 5; }
.manset .slider-numarator li { display: table-cell; background: #fff; text-align: center; border-right: 1px solid #f8f8f8; }
.manset .slider-numarator li.aktif { border-right: 1px solid #ebebeb; }
.manset .slider-numarator li:last-child { border-right: 0; }
.manset .slider-numarator li a { display: block; width: 100%; padding: 10px 0; color: #333; font-family: Montserrat; font-weight: 600; font-size: 16px; }
.manset .slider-numarator li a:hover, .manset .slider-numarator li.bg a { color: #fff; }
section.liste { margin-bottom: 30px; position: relative; }
section.liste .editor-buttons { bottom: none; top: -26px; }
.liste-ul li { width: 152px; height: 190px; float: left; background: #fff; margin-right: 10px; margin-bottom: 10px; position: relative; border-radius: 2px; box-shadow: 0 0 5px rgba(0,0,0,.10); }
.liste-ul li:nth-of-type(5n+5) { margin-right: 0; }
.liste-ul li .resim { display: block; height: 96px; border-bottom: 3px solid #323232; position: relative; }
.liste-ul li span { bottom: -10px; top: auto; height: 18px; line-height: 18px; border-radius: 0 3px 3px 0; font-size: 10px; font-weight: 600; text-transform: uppercase; }
.liste-ul li span::after { display: none !important; }
.liste-ul li .info { padding: 15px 10px; }
.liste-ul li .info h4 { max-height:64px; overflow: hidden; }
.liste-ul li .info h4 a { font-weight: 500; font-family: Montserrat; font-size: 12px; line-height: 16px; }
#main-up .liste-ul li { margin-right: 10.6px; width: 158px; }
#main-up .liste-ul li:nth-of-type(7n+7) { margin-right: 0; }
.grid { position: relative; height: 300px; margin-bottom: 30px; }
.grid li { float: left; overflow: hidden; position: absolute; }
.grid li:nth-of-type(1) { width: 165px; height: 300px; }
.grid li:nth-of-type(2), .grid li:nth-of-type(3) { position: absolute; left: 175px; top: 0; width: 165px; height: 145px; }
.grid li:nth-of-type(3) { top: 155px; }
.grid li:nth-of-type(4), .grid li:nth-of-type(5) { width: 275px; height: 145px; float: right; position: absolute; left: 350px; }
.grid li:nth-of-type(5) { top: 155px; }
.grid li:nth-of-type(6), .grid li:nth-of-type(7) { width: 165px; height: 145px; right: 0; left: auto; }
.grid li:nth-of-type(7) { top:155px; }
.grid li h4 { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; color: #fff; font-family: Montserrat; line-height: 18px; font-size: 14px; font-weight: 500; padding-top: 30px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.grid li a::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: inset 0 0 50px rgba(0,0,0,.20); z-index: 1; content: ""; display: none; }
.grid li a:hover::before { display: block; }
.kutu-bos { height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; position: relative; border: 15px solid #fff; margin-bottom: 30px; box-shadow: 1px 1px 10px rgba(0,0,0,.06); }
.kutu-bos::before { content: ""; position: absolute; left: 15px; right: 15px; background: rgba(255,255,255,.20); height: 1px; top: 50%; }
.kutu-bos span { position: relative; display: inline-block; padding: 0 20px; font-weight: 700; }
section.haberler .kutu-bos { border: none; margin-bottom: 0; box-shadow: none; }
.editor-buttons + .kutu-ikili { border-bottom: 0; }
.kutu-ikili + .kutu-ikili { margin-top: -30px; border-top: 0; }
section.haberler .empty { padding: 15px 0 10px 0; color: #777; }
.scroll-wrapper{overflow:hidden!important;padding:0!important;position:relative}.scroll-wrapper>.scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important}.scroll-element,.scroll-element div{box-sizing:content-box}.scroll-wrapper>.scroll-content::-webkit-scrollbar{height:0;width:0}.scroll-wrapper.scroll--rtl{direction:rtl}.scroll-element{display:none}.scroll-element .scroll-arrow,.scroll-element .scroll-bar{cursor:default}.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}.scroll-textarea{border:1px solid #ccc;border-top-color:#999}.scroll-textarea>.scroll-content{overflow:hidden!important}.scroll-textarea>.scroll-content>textarea{border:none!important;box-sizing:border-box;height:100%!important;margin:0;max-height:none!important;max-width:none!important;overflow:scroll!important;outline:0;padding:2px;position:relative!important;top:0;width:100%!important}.scrollbar-inner>.scroll-element .scroll-element_outer,.scrollbar-outer>.scroll-element .scroll-element_outer{overflow:hidden}.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{height:0;width:0}.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-inner>.scroll-element div{display:block;left:0;top:0;bottom:1px;right:1px}.scrollbar-inner>.scroll-element.scroll-x{bottom:2px;height:8px;left:0;width:100%}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}.scrollbar-inner>.scroll-element.scroll-y{right:8px;top:10px;bottom:10px;width:8px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}.scrollbar-inner:hover>.scroll-element .scroll-bar,.scrollbar-inner:hover>.scroll-element .scroll-element_track{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);opacity:.8}.scrollbar-inner>.scroll-element .scroll-element_track{background-color:#ebebeb;box-sizing:borrder-box}.scrollbar-inner>.scroll-element .scroll-bar{background-color:#e62f2f;}.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,.scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:#919191}.scrollbar-outer>.scroll-element,.scrollbar-outer>.scroll-element .scroll-element_track{background-color:#202020}.scrollbar-outer>.scroll-element,.scrollbar-outer>.scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-outer>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-outer>.scroll-element.scroll-x{bottom:0;height:12px;left:0;width:100%}.scrollbar-outer>.scroll-element.scroll-y{height:100%;right:0;top:0;width:12px}.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer{height:8px;top:2px}.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer{left:2px;width:8px}.scrollbar-outer>.scroll-element .scroll-bar,.scrollbar-outer>.scroll-element .scroll-element_outer,.scrollbar-outer>.scroll-element .scroll-element_track{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.scrollbar-outer>.scroll-element .scroll-bar{background-color:#bb3356}.scrollbar-outer>.scroll-element .scroll-bar:hover{background-color:#c2c2c2}.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191}.scrollbar-outer>.scroll-content.scroll-scrolly_visible{left:-12px;margin-left:12px}.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-14px}.scrollbar-outer>.scroll-content.scroll-scrollx_visible{top:-12px;margin-top:12px}.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-14px}.scrollbar-outer>.scroll-element.scroll-x .scroll-bar{min-width:10px}.scrollbar-outer>.scroll-element.scroll-y .scroll-bar{min-height:10px}.scrollbar-macosx>.scroll-element,.scrollbar-macosx>.scroll-element div{background:0 0;border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-macosx>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-macosx>.scroll-element .scroll-element_track{display:none}.scrollbar-macosx>.scroll-element .scroll-bar{background-color:#6C6E71;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear}.scrollbar-macosx:hover>.scroll-element .scroll-bar,.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:.7}.scrollbar-macosx>.scroll-element.scroll-x{bottom:0;height:0;left:0;min-width:100%;overflow:visible;width:100%}.scrollbar-macosx>.scroll-element.scroll-y{height:100%;min-height:100%;right:0;top:0;width:0}.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar{height:7px;min-width:10px;top:-9px}.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar{left:-9px;min-height:10px;width:7px}.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer{left:2px}.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer{top:2px}.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}.scrollbar-light>.scroll-element,.scrollbar-light>.scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}.scrollbar-light>.scroll-element{background-color:#fff}.scrollbar-light>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-light>.scroll-element .scroll-element_outer{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.scrollbar-light>.scroll-element .scroll-element_size{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#dbdbdb 0,#e8e8e8 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#dbdbdb),color-stop(100%,#e8e8e8));background:-webkit-linear-gradient(left,#dbdbdb 0,#e8e8e8 100%);background:-o-linear-gradient(left,#dbdbdb 0,#e8e8e8 100%);background:-ms-linear-gradient(left,#dbdbdb 0,#e8e8e8 100%);background:linear-gradient(to right,#dbdbdb 0,#e8e8e8 100%);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.scrollbar-light>.scroll-element.scroll-x{bottom:0;height:17px;left:0;min-width:100%;width:100%}.scrollbar-light>.scroll-element.scroll-y{height:100%;min-height:100%;right:0;top:0;width:17px}.scrollbar-light>.scroll-element .scroll-bar{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#fefefe 0,#f5f5f5 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#fefefe),color-stop(100%,#f5f5f5));background:-webkit-linear-gradient(left,#fefefe 0,#f5f5f5 100%);background:-o-linear-gradient(left,#fefefe 0,#f5f5f5 100%);background:-ms-linear-gradient(left,#fefefe 0,#f5f5f5 100%);background:linear-gradient(to right,#fefefe 0,#f5f5f5 100%);border:1px solid #dbdbdb;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.scrollbar-light>.scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}.scrollbar-light>.scroll-content.scroll-scrollx_visible{top:-17px;margin-top:17px}.scrollbar-light>.scroll-element.scroll-x .scroll-bar{height:10px;min-width:10px;top:0}.scrollbar-light>.scroll-element.scroll-y .scroll-bar{left:0;min-height:10px;width:10px}.scrollbar-light>.scroll-element.scroll-x .scroll-element_outer{height:12px;left:2px;top:2px}.scrollbar-light>.scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-light>.scroll-element.scroll-y .scroll-element_outer{left:2px;top:2px;width:12px}.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-19px}.scrollbar-light>.scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-19px}.scrollbar-rail>.scroll-element,.scrollbar-rail>.scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}.scrollbar-rail>.scroll-element{background-color:#fff}.scrollbar-rail>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-rail>.scroll-element .scroll-element_size{background-color:#999;background-color:rgba(0,0,0,.3)}.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size{background-color:#666;background-color:rgba(0,0,0,.5)}.scrollbar-rail>.scroll-element.scroll-x{bottom:0;height:12px;left:0;min-width:100%;padding:3px 0 2px;width:100%}.scrollbar-rail>.scroll-element.scroll-y{height:100%;min-height:100%;padding:0 2px 0 3px;right:0;top:0;width:12px}.scrollbar-rail>.scroll-element .scroll-bar{background-color:#d0b9a0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.5)}.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar{box-shadow:1px 1px 3px rgba(0,0,0,.6)}.scrollbar-rail>.scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}.scrollbar-rail>.scroll-content.scroll-scrollx_visible{margin-top:17px;top:-17px}.scrollbar-rail>.scroll-element.scroll-x .scroll-bar{height:10px;min-width:10px;top:1px}.scrollbar-rail>.scroll-element.scroll-y .scroll-bar{left:1px;min-height:10px;width:10px}.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer{height:15px;left:5px}.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size{height:2px;left:-10px;top:5px}.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer{top:5px;width:15px}.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size{left:5px;top:-10px;width:2px}.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-25px}.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-25px}.scrollbar-dynamic>.scroll-element,.scrollbar-dynamic>.scroll-element div{background:0 0;border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-dynamic>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-dynamic>.scroll-element.scroll-x{bottom:2px;height:7px;left:0;min-width:100%;width:100%}.scrollbar-dynamic>.scroll-element.scroll-y{height:100%;min-height:100%;right:2px;top:0;width:7px}.scrollbar-dynamic>.scroll-element .scroll-element_outer{opacity:.3;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.scrollbar-dynamic>.scroll-element .scroll-element_size{background-color:#ccc;opacity:0;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s}.scrollbar-dynamic>.scroll-element .scroll-bar{background-color:#6c6e71;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar{bottom:0;height:7px;min-width:24px;top:auto}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar{left:auto;min-height:24px;right:0;width:7px}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer{bottom:0;top:auto;left:2px;-webkit-transition:height .2s;-moz-transition:height .2s;-o-transition:height .2s;-ms-transition:height .2s;transition:height .2s}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer{left:auto;right:0;top:2px;-webkit-transition:width .2s;-moz-transition:width .2s;-o-transition:width .2s;-ms-transition:width .2s;transition:width .2s}.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size{left:-4px}.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size{top:-4px}.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer,.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer{overflow:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:.7}.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size,.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size{opacity:1}.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar,.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar{height:100%;width:100%;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer{height:20px;min-height:7px}.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer{min-width:7px;width:20px}.scrollbar-chrome>.scroll-element,.scrollbar-chrome>.scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}.scrollbar-chrome>.scroll-element{background-color:#fff}.scrollbar-chrome>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-chrome>.scroll-element .scroll-element_track{background:#f1f1f1;border:1px solid #dbdbdb}.scrollbar-chrome>.scroll-element.scroll-x{bottom:0;height:16px;left:0;min-width:100%;width:100%}.scrollbar-chrome>.scroll-element.scroll-y{height:100%;min-height:100%;right:0;top:0;width:16px}.scrollbar-chrome>.scroll-element .scroll-bar{background-color:#d9d9d9;border:1px solid #bdbdbd;cursor:default;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.scrollbar-chrome>.scroll-element .scroll-bar:hover{background-color:#c2c2c2;border-color:#a9a9a9}.scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191;border-color:#7e7e7e}.scrollbar-chrome>.scroll-content.scroll-scrolly_visible{left:-16px;margin-left:16px}.scrollbar-chrome>.scroll-content.scroll-scrollx_visible{top:-16px;margin-top:16px}.scrollbar-chrome>.scroll-element.scroll-x .scroll-bar{height:8px;min-width:10px;top:3px}.scrollbar-chrome>.scroll-element.scroll-y .scroll-bar{left:3px;min-height:10px;width:8px}.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer{border-left:1px solid #dbdbdb}.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_track{height:14px;left:-3px}.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_size{height:14px;left:-4px}.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-19px}.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer{border-top:1px solid #dbdbdb}.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_track{top:-3px;width:14px}.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_size{top:-4px;width:14px}.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-19px}
main { position: relative; }
.hbrad.sag, .hbrad.sol { position: absolute; top: 30px; }
.hbrad.sol { width: calc((100vw - 1170px) / 2 - 30px); left: 0; text-align: right; }
.hbrad.sag { width: calc((100vw - 1170px) / 2 - 30px); right: 0; }
ul.menu li ul {
background:#b82626;
display:block;
border-radius:0px 0px 11px 11px;
float:left;
width: 200px;
z-index:999;
position: absolute;
left: -999em;
height: auto;
margin: -25px 0px 0px 0px;
padding: 5px 15px 15px 15px;
clear:both;
}
ul.menu li ul li ul {
display:none;
float:left;
width:0px;
height: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:0px;
}
.menu li ul li, .menu li ul li:hover {
background:none;
float:left;
width: 100%;
height: auto;
overflow:hidden;
list-style:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:0px;
border-bottom:1px solid #e62f2f;
}
.menu li li a, .menu li li a:link, .menu li li a:visited {
background:none;
float:left;
width: 100%;
height: auto;
overflow:hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px;
color:#FFF;
font-size:13px;
font-weight:700;
text-decoration:none;
}
.menu li li a:hover {
background:none;
text-decoration: underline;
}
.menu li ul ul {
margin: -32px 0 0 171px;
}
.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li.sfhover ul ul, .menu li.sfhover ul ul ul {
left: -999em;
}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul {
left: auto;
}
.menu li:hover, .menu li.sfhover {
position: static;
}