/*
Theme Name: Birportal
Theme URI: https://www.birtema.com/birportal/
Author: birtema
Author URI: http://birtema.com
Description: Portallar için hazırlanmış premium responsive wordpress teması
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: birportal
*/
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&subset=latin-ext);
.blockTitle, .esTitle, .singleTarayici a, .textContent h2, .ustmenu ul>li>a, body { font-family: Poppins, sans-serif }
a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, ul, var, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; box-sizing: border-box; text-decoration: none }
.loader, .sl-count, .sl-icon { vertical-align: middle }
body { line-height: 1; background: #f3f3f3 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: '' }
table { border-collapse: collapse; border-spacing: 0 }
a { color: #5e3fb6 }
img { border: 0; max-width: 100%; height: auto; display: block }
:focus { outline: 0 }
.clear { clear: both }
::selection { background: rgba(69,77,181,.9); color: #fff }
.bg, .bg2 { background-color: #6e6abf }
.bg { background-image: -webkit-linear-gradient(right, #5f3eb6, #424fb5); background-image: -moz-linear-gradient(right, #5f3eb6, #424fb5); background-image: -o-linear-gradient(right, #5f3eb6, #424fb5); background-image: -ms-linear-gradient(right, #5f3eb6, #424fb5); background-image: linear-gradient(to left, #5f3eb6, #424fb5) }
.bg2 { background-image: -webkit-linear-gradient(right, #bc4cae, #fd3a5c); background-image: -moz-linear-gradient(right, #bc4cae, #fd3a5c); background-image: -o-linear-gradient(right, #bc4cae, #fd3a5c); background-image: -ms-linear-gradient(right, #bc4cae, #fd3a5c); background-image: linear-gradient(to left, #bc4cae, #fd3a5c) }
.bg3 { background-image: -webkit-linear-gradient(left, #a222b2, #5d199d); background-image: -moz-linear-gradient(left, #a222b2, #5d199d); background-image: -o-linear-gradient(left, #a222b2, #5d199d); background-image: -ms-linear-gradient(left, #a222b2, #5d199d); background-image: linear-gradient(to right, #a222b2, #5d199d) }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { overflow: hidden; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; -webkit-transform-style: preserve-3d }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-drag .owl-item, .toggle-menu { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform .1s ease; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.container { width: 1160px; display: block; margin: auto; position: relative }
.mobile-menu { display: none; position: fixed; top: 0; right: 0; width: 240px; z-index: 1; bottom: 0; height: 100vh; background: #32394a; box-shadow: inset 10px 10px 30px #20273a; overflow-y: scroll!important }
.mobile-menu ul { padding: 0; margin: 0; list-style-type: none }
.mobile-menu>div>ul { padding-bottom: 100px }
.mobile-menu ul li { position: relative; padding: 0; margin: 0; border-bottom: 1px solid #2a313f; border-top: 1px solid #3e424c }
.mobile-menu ul li a { padding: 15px 25px; display: block; color: #fff; text-decoration: none; font-size: 14px }
.mobile-menu ul li a.active { background: #1c1716; color: #ddd7cf }
.mobile-menu ul li ul li { background: #2a313f }
.mobile-menu ul li ul { display: none }
.mobile-menu ul li.menu-item-has-children>a { pointer-events: none }
.mobile-menu ul li.menu-item-has-children:before { content: ""; position: absolute; display: block; right: 15px; top: 15px; width: 7px; height: 4px; background: url(images/icon/menuAcilir.png) }
.burger-lines, .header, .toggle-menu { position: relative }
.mobile-menu ul li ul li ul li { display: block; background: #232935; border-bottom: 1px solid #0d1a38 }
.mobile-menu ul li ul li ul { display: block }
.header { top: 0; left: 0; background: #c00; border-bottom: #000; width: 100%; height: auto; padding: 25px }
.header a { color: #fff; text-decoration: none; float: left }
.header a:focus, .header a:hover { text-decoration: underline }
.header ul { display: block; list-style-type: none; float: right; margin: 0; padding: 0 }
.header ul li { float: left; padding: 0; margin: 0 }
.header ul li a { display: block; padding-left: 25px }
.toggle-menu { display: none; cursor: pointer; user-select: none; padding: 25px 20px; background: 0 0; border: none; top: 0; right: 0; float: right }
.logo, .ustmenu, .ustmenu ul>li { float: left }
.toggle-menu:focus, .toggle-menu:hover { outline: 0 }
.toggle-menu:focus .burger-lines, .toggle-menu:focus .burger-lines:after, .toggle-menu:focus .burger-lines:before, .toggle-menu:hover .burger-lines, .toggle-menu:hover .burger-lines:after, .toggle-menu:hover .burger-lines:before { background-color: #fff }
.toggle-menu.active .burger-lines { background: 0 0 }
.toggle-menu.active .burger-lines:after, .toggle-menu.active .burger-lines:before { -webkit-transition: top .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s .3s cubic-bezier(.165, .84, .44, 1); transition: top .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s .3s cubic-bezier(.165, .84, .44, 1); transition: top .3s cubic-bezier(.165, .84, .44, 1), transform .3s .3s cubic-bezier(.165, .84, .44, 1); transition: top .3s cubic-bezier(.165, .84, .44, 1), transform .3s .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s .3s cubic-bezier(.165, .84, .44, 1); top: 0; width: 20px }
.burger-lines, .burger-lines:after, .burger-lines:before { display: inline-block; width: 30px; height: 2px; background-color: #fff }
.toggle-menu.active .burger-lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg) scale(1.1); transform: rotate3d(0, 0, 1, 45deg) scale(1.1) }
.toggle-menu.active .burger-lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg) scale(1.1); transform: rotate3d(0, 0, 1, -45deg) scale(1.1) }
.burger-lines { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; transition: all .3s ease; top: -2px }
.burger-lines:after, .burger-lines:before { content: ''; position: absolute; left: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top .3s .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1); transition: top .3s .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1); transition: top .3s .3s cubic-bezier(.165, .84, .44, 1), transform .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1); transition: top .3s .3s cubic-bezier(.165, .84, .44, 1), transform .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) }
.fixedMenu:after, .fixedMenu:before, .headBar.bg:after, .ustmenu ul>li>ul>li>a:after, .ustmenu ul>li>ul>li>a:before { content: "" }
.animating .mobile-menu, .fixedMenu ul, .fixedMenu:before, .headBar.bg:after, .logo, .menu-visible .mobile-menu { display: block }
.burger-lines:before { top: 10px }
.burger-lines:after { top: -10px }
.animating .headBar, .animating .page-container { transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; -webkit-transition: -webkit-transform .25s ease-in-out }
.animating.left .headBar, .animating.left .page-container { transform: translate3d(-240px, 0, 0); -webkit-transform: translate3d(-240px, 0, 0) }
.animating.right .headBar, .animating.right .page-container { transform: translate3d(240px, 0, 0); -webkit-transform: translate3d(240px, 0, 0) }
.menu-visible .headBar, .menu-visible .page-container { right: 240px }
.menu-visible .mobilShadow { right: 0; opacity: 1; visibility: visible; transition: .3s }
.fixedMenu ul li a span, .mobilShadow { visibility: hidden; opacity: 0; transition: .3s }
.mobilShadow { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.75); z-index: 3 }
.fixedMenu, .fixedMenu:after, .fixedMenu:before { position: absolute; width: 60px }
.fixedMenu { top: 396px; z-index: 3; left: 0; background: url(images/fixedBg.png); height: 488px }
.fixedMenu:before { height: 60px; bottom: 0; background-image: -webkit-linear-gradient(right, rgba(95,62,182,.75), rgba(66,79,181,.75)); background-image: -moz-linear-gradient(right, rgba(95,62,182,.75), rgba(66,79,181,.75)); background-image: -o-linear-gradient(right, rgba(95,62,182,.75), rgba(66,79,181,.75)); background-image: -ms-linear-gradient(right, rgba(95,62,182,.75), rgba(66,79,181,.75)); background-image: linear-gradient(to left, rgba(95,62,182,.75), rgba(66,79,181,.75)); -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0) }
.fixedMenu:after { top: 0; bottom: 60px; background-image: -webkit-linear-gradient(right, rgba(95,62,182,.75), rgba(66,79,181,.75)); background-image: -moz-linear-gradient(right, rgba(95,62,182,.75), rgba(66,79,181,.75)); background-image: -o-linear-gradient(right, rgba(95,62,182,.75), rgba(66,79,181,.75)); background-image: -ms-linear-gradient(right, rgba(95,62,182,.75), rgba(66,79,181,.75)); background-image: linear-gradient(to left, rgba(95,62,182,.75), rgba(66,79,181,.75)) }
.fixedMenu ul { position: relative; z-index: 2; margin: 14px 0 }
.fixedMenu ul li a { display: block; padding: 7px 10px; text-align: center; position: relative; transition: .3s }
.fixedMenu ul li a img { display: table; margin: auto }
.fixedMenu ul li a:hover { background: #4d4a99; transition: .3s }
.fixedMenu ul li a span { position: absolute; left: 60px; top: 0; height: 34px; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background-color: #fff; -webkit-box-shadow: 0 0 3px rgba(158,158,158,.83); -moz-box-shadow: 0 0 3px rgba(158,158,158,.83); box-shadow: 0 0 3px rgba(158,158,158,.83); line-height: 34px; font-size: 14px; font-weight: 300; color: grey; font-family: Roboto, sans-serif; padding: 0 10px }
.fixedMenu ul li a:hover span { visibility: visible; opacity: 1; z-index: -1; transition: .3s }
.fixedMenu.sticky { top: 66px!important; position: fixed }
.headBar { width: 100%; height: 66px; -moz-box-shadow: 0 2px 4px rgba(17,21,25,.36); box-shadow: 0 2px 4px rgba(17,21,25,.36); position: fixed; z-index: 10; overflow: inherit }
.indexManset, .indexManset ul li, .indexOrtaSlider, .ocTitle, .oneCikanlar, .yAvatar, .yPost { overflow: hidden }
.headBar.bg { background-image: -webkit-linear-gradient(right, rgba(95,62,182,.95), rgba(66,79,181,.95)); background-image: -moz-linear-gradient(right, rgba(95,62,182,.95), rgba(66,79,181,.95)); background-image: -o-linear-gradient(right, rgba(95,62,182,.95), rgba(66,79,181,.95)); background-image: -ms-linear-gradient(right, rgba(95,62,182,.95), rgba(66,79,181,.95)); background-image: linear-gradient(to left, rgba(95,62,182,.95), rgba(66,79,181,.95)) }
.headBar.bg:after { background: url(images/topBg.png); opacity: .25; height: 66px; width: 100%; position: absolute; top: 0; left: 0 }
.headBar.bg .container { z-index: 2 }
.logo { height: 66px }
.logo strong { position: absolute; top: -100px }
.ustmenu ul { display: inline-block; margin-left: 20px }
.ustmenu ul>li { margin-left: 17px; position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); backface-visibility: hidden; transform: translateZ(0) scale(1.0, 1.0); }
.ustmenu ul>li>a { display: block; color: #fff; font-weight: 500; padding: 26px 10px 25px; font-size: 14px; line-height: 15px; position: relative; letter-spacing: .5px }
.ustmenu ul>li>ul { list-style: none; background: #fff; position: absolute; width: 250px; z-index: -1; margin: 0; border: 0; -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.15); -moz-box-shadow: 0 5px 40px rgba(0,0,0,.15); box-shadow: 0 5px 40px rgba(0,0,0,.15); -ms-transform: scale(.8); -moz-transform: scale(.8); -o-transform: scale(.8); -webkit-transform: scale(.8); transform: scale(.8); padding: 5px 20px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; opacity: 0; transition: .3s; visibility: hidden }
.indexManset, .indexManset ul li .mCat { -webkit-border-radius: 3px; -moz-border-radius: 3px }
.ustmenu ul>li:hover>ul { z-index: 9; opacity: 1; -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); visibility: visible; transition: .3s }
.ustmenu ul>li>ul>li>a:after, .ustmenu ul>li>ul>li>a:before { height: 10px; display: block; position: absolute; top: 14px }
.ustmenu ul>li>ul>li { float: left; display: block; width: 100%; margin-left: 0 }
.ustmenu ul>li>ul>li>a { font-family: Roboto, sans-serif; color: #666; font-size: 14px; border-top: 1px solid #e1e1e1; padding: 12px 0; font-weight: 400 }
.indexCatTab ul li a, .isTitle, .oneCikanSlider { font-family: Poppins, sans-serif }
.ustmenu ul>li>ul>li>a:hover:before { opacity: 0; right: -5px; transition: .4s }
.ustmenu ul>li>ul>li>a:before { background: url(images/icon/catMenuArrow.png); width: 6px!important; right: 5px; transition: .4s; left: inherit; opacity: 1 }
.ustmenu ul>li>ul>li>a:after { background: url(images/icon/catMenuArrow.png) center bottom; width: 6px; right: 20px; opacity: 0 }
.ustmenu ul>li>ul>li>a:hover:after { opacity: 1; right: 5px; transition: .4s }
.ustmenu ul>li>ul>li>a:after, .ustmenu ul>li>ul>li>a:hover { color: #454db5; transition: .3s }
.ustmenu ul>li>ul>li:first-child a { border-top: none }
.ustmenu ul>li>ul>li>ul { left: 100%; margin-top: -45px; visibility: hidden }
.ocImg:before, .ustmenu ul>li>a:before { left: 0; content: "" }
.ustmenu ul>li>ul>li:hover>ul { visibility: visible }
.ustmenu ul>li>a:before { position: absolute; width: 0; bottom: 0; height: 2px; background: #fff; transition: .4s }
.ustmenu ul>li>a:hover:before { width: 100%; transition: .4s }
.ustmenu ul>li.menu-item-has-children:after { content: ""; float: right; width: 7px; height: 4px; background: url(images/icon/menuAcilir.png); position: absolute; top: 30px; right: 0 }
.ustmenu ul>li.menu-item-has-children { padding-right: 10px }
.ustmenu ul>li>ul>li:hover ul { margin-left: 20px }
.ustmenu ul>li>ul>li.menu-item-has-children { padding-right: 0 }
.arama { float: right; position: relative; width: 217px; height: 66px; background-color: #37357d }
.arama .ara-text { width: 100%; height: 66px; float: left; color: #fff; transition: .3s; background: 0 0; padding: 0 60px 0 20px }
.arama .ara-btn { width: 60px; height: 66px; background: url(images/icon/search.png) center no-repeat; position: absolute; right: 0; cursor: pointer; text-indent: -999em }
.ocImg, .oneCikanlar { position: relative; float: left }
.oneCikanlar { width: 100%; display: inline-block; background: #2b3138; margin-top: -9px; -webkit-box-shadow: 0 2px 16px rgba(17,21,25,.71); -moz-box-shadow: 0 2px 16px rgba(17,21,25,.71); box-shadow: 0 2px 16px rgba(17,21,25,.71) }
.tabMenu, .widget .wTitle { -webkit-box-shadow: 0 1px 15px rgba(17,21,25,.46) }
.oneCikanlar .owl-item .item a { display: block }
.oneCikanlar .item a { display: none }
.ocImg:before, .oneCikanlar .owl-item.active .item a { display: block }
.ocImg img { min-width: 100%; }
.ocCat { position: absolute; right: 20px; top: 20px; z-index: 2 }
.ocImg:before, .ocTitle { bottom: 0; z-index: 1; position: absolute }
.ocImg:before { background: rgba(0,0,0,.7); top: 0; right: 0; transition: .3s }
.ocImg:after { content: ""; height: 190px; position: absolute; bottom: 0; width: 100%; background-color: rgba(255,255,255,0); background-image: -webkit-linear-gradient(bottom, #000, rgba(0,0,0,0)); background-image: -moz-linear-gradient(bottom, #000, rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, #000, rgba(0,0,0,0)); background-image: -ms-linear-gradient(bottom, #000, rgba(0,0,0,0)); background-image: linear-gradient(to top, #000, rgba(0,0,0,0)) }
.oneCikanlar .owl-item .item a:hover .ocImg:before, .oneCikanlar .owl-item.active.center .item a .ocImg:before { background: rgba(0,0,0,0); transition: .3s }
.ocTitle { color: #fffcf5; float: left; font-size: 20px; font-weight: 600; padding: 0 20px; line-height: 28px; height: 56px; margin-bottom: 20px; }
.indexManset ul li .mCat, .indexManset ul li a .title { color: #fff; font-family: Poppins, sans-serif }
.oneCikanlar .owl-next, .oneCikanlar .owl-prev { display: block; position: absolute; cursor: pointer; background-image: url(images/icon/oneCikanlarSliderNav.png); z-index: 2222; width: 47px; height: 47px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); top: 50%; text-indent: -999em }
.oneCikanlar .owl-prev { background-position: left top; left: 50px }
.oneCikanlar .owl-next { background-position: right top; right: 50px }
.oneCikanlar .owl-prev:hover { background-position: left bottom }
.oneCikanlar .owl-next:hover { background-position: right bottom }
.indexManset { display: inline-block; width: 100%; margin-top: 30px; border-radius: 3px; float: left }
.indexManset ul li { float: left; width: 25% }
.indexManset ul li a { display: block; position: relative }
.indexManset ul li .mCat { text-transform: Uppercase; position: absolute; padding: 0 10px; font-size: 10px; font-weight: 400; line-height: 24px; border-radius: 3px; letter-spacing: .5px; bottom: 88px; left: 25px; z-index: 3 }
.widget .wTitle, .widget .yazarlarBox { -webkit-border-radius: 3px; -moz-border-radius: 3px }
.indexManset ul li a .title { position: absolute; bottom: 0; padding: 0 25px; display: block; width: 100%; font-size: 18px; line-height: 26px; letter-spacing: -.4px; font-weight: 500; height: 52px; margin-bottom: 25px; overflow: hidden; transition: .3s; z-index: 3; }
.widget, .widget .wTitle { margin-bottom: 20px; width: 100% }
.indexManset ul li:hover a .title { color: rgba(255,255,255,.8); transition: .3s }
.indexManset ul li .img:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: url(images/manset/shadow.png); background-size: cover; z-index: 2 }
.indexManset ul li:hover .img img { transform: scale(1.1); transition: .4s }
.indexManset ul li .img img { transform: scale(1); transition: .4s; min-height: 380px; width: auto; max-width: initial }
.indexSolSidebar { width: 267px; float: left; margin-top: 20px; display: inline-block }
.indexSagSidebar { float: right; width: 300px; margin-top: 20px }
.widget { display: block; float: left; position: relative }
.widget .wTitle { height: 46px; border-radius: 3px; background-color: #6e6abf; -moz-box-shadow: 0 1px 15px rgba(17,21,25,.46); box-shadow: 0 1px 15px rgba(17,21,25,.46); color: #fff; line-height: 46px; font-size: 14px; font-weight: 600; float: left; font-family: Poppins, sans-serif }
.sidebarMenu, .widget .yazarlarBox { -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07) }
.yPost a, .ySayisi { font-family: Roboto, sans-serif }
.widget .wTitle i { float: left; padding: 14px 14px 0 17px }
.widget .yazarlarBox { border-radius: 3px; background-color: #fff; -moz-box-shadow: 0 2px 1px rgba(0,0,0,.07); box-shadow: 0 2px 1px rgba(0,0,0,.07); border: 1px solid #dcdcdc; display: inline-block; width: 100%; float: left }
.widget .yazarlarBox>ul>li { padding: 15px 15px 12px; border-bottom: 1px solid #eee; float: left; display: inline-block }
.widget:last-child { }
.yAvatar { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 13px rgba(0,0,0,.1); -moz-box-shadow: 0 0 13px rgba(0,0,0,.1); box-shadow: 0 0 13px rgba(0,0,0,.1); width: 72px; height: 66px; float: left; margin-right: 13px }
.yPost, .ySayisi { width: calc(100% - 85px) }
.yPost { float: left; height: 44px }
.ySocial ul li a, a.yProfilLink { height: 20px; -webkit-border-radius: 3px; text-align: center }
.yPost a { font-size: 16px; color: #434242; font-weight: 600; line-height: 22px; transition: .3s }
.ySayisi, a.yProfilLink { font-size: 11px; float: left }
.yPost a:hover { color: #4a4ab5; transition: .3s }
.ySayisi { color: grey; margin-top: 11px }
.ySayisi i { float: left; margin-right: 6px }
.ySocial { float: left; margin-top: 10px; width: 72px; margin-right: 13px }
.ySocial ul li { float: left; margin-right: 5px }
.ySocial ul li a { background: #c3c3c3; display: block; width: 20px; -moz-border-radius: 3px; border-radius: 3px }
.ySocial ul li a img { display: table; margin: auto; padding: 3px 0 }
.ySocial ul li:nth-child(3) { margin-right: 0 }
.ySocial ul li a.fb:hover { background: #597ac7 }
.ySocial ul li a.tw:hover { background: #5bbcec }
.ySocial ul li a.gp:hover { background: #fd3832 }
a.yProfilLink { background: #c3c3c3; line-height: 20px; width: calc(100% - 85px); display: inline-block; margin-top: 10px; color: #fff; -moz-border-radius: 3px; border-radius: 3px; font-family: Roboto, sans-serif }
.sidebarMenu, .sidebarMenu ul li a span { -webkit-border-radius: 3px; -moz-border-radius: 3px }
.postList>ul>li, .sagSlider { font-family: Roboto, sans-serif }
a.yProfilLink:hover { background-color: #6e6abf; background-image: -webkit-linear-gradient(right, #5f3eb6, #424fb5); background-image: -moz-linear-gradient(right, #5f3eb6, #424fb5); background-image: -o-linear-gradient(right, #5f3eb6, #424fb5); background-image: -ms-linear-gradient(right, #5f3eb6, #424fb5); background-image: linear-gradient(to left, #5f3eb6, #424fb5) }
.widget .yazarlarBox>ul>li:nth-child(even) { border-bottom: none; padding-top: 14px }
.sidebarMenu { border-radius: 3px; background-color: #fff; -moz-box-shadow: 0 2px 1px rgba(0,0,0,.07); box-shadow: 0 2px 1px rgba(0,0,0,.07); border: 1px solid #dcdcdc; width: 100%; float: left; display: block; margin-bottom: 20px; padding: 13px 0 }
.sidebarMenu ul { float: left; width: 100% }
.sidebarMenu ul li { width: 100%; display: block; float: left; position: relative }
.sidebarMenu ul li a { display: block; width: 100%; height: 43px; line-height: 42px; font-size: 12px; color: #595959; font-weight: 500; position: relative; z-index: 2; transition: .3s; border-bottom: 1px solid #eee }
.sidebarMenu ul li a i { float: left; display: inline-block; margin: 6px 12px }
.sidebarMenu ul li:nth-child(even) { background: #f9f9f9 }
.sidebarMenu ul li:last-child a { border-bottom: none }
.sidebarMenu ul li a span { position: absolute; right: 14px; top: 7px; color: #595959; font-size: 12px; font-weight: 500; width: 44px; height: 28px; border-radius: 3px; background-color: #f6f6f6; line-height: 28px; text-align: center; border: 1px solid #dfdfdf }
.indexOrtaSlider .iosImg:before, .sidebarMenu ul li:before { top: 0; z-index: 1; bottom: 0; right: 0; content: "" }
.indexOrtaSlider, .tabMenu { -webkit-border-radius: 3px; -moz-border-radius: 3px }
.sidebarMenu ul li a:hover { color: #fff; padding-left: 20px; transition: .3s }
.sidebarMenu ul li a:hover span { color: #5743b6; background: #fff }
.sidebarMenu ul li:before { position: absolute; display: block; left: -1px; width: 0%; transition: .3s; background-color: #665db6; background-image: -webkit-linear-gradient(right, #5f3eb6, #424fb5); background-image: -moz-linear-gradient(right, #5f3eb6, #424fb5); background-image: -o-linear-gradient(right, #5f3eb6, #424fb5); background-image: -ms-linear-gradient(right, #5f3eb6, #424fb5); background-image: linear-gradient(to left, #5f3eb6, #424fb5) }
.sidebarMenu ul li:hover:before { width: calc(100% + 2px); transition: .3s }
.sidebarMenu ul li a:hover i { display: none }
.indexOrtaAlan { width: 554px; float: left; margin-top: 20px; margin-left: 20px }
.indexOrtaSlider { position: relative; border-radius: 3px; margin-bottom: 20px }
.indexOrtaSlider .iosImg { position: relative; height: 314px }
.indexOrtaSlider .iosImg img { min-width: 100%; min-height: 314px; width: auto; max-width: initial }
.pDetay ul li:first-child, .pDetay ul>li { max-width: 33.33%; overflow: hidden }
.indexOrtaSlider .iosImg:before { position: absolute; left: 0; background-image: url(images/iosShadow.png); background-position: bottom center; background-repeat: repeat-x }
.indexOrtaSlider .iosTitle { position: absolute; z-index: 2; bottom: 0; color: #fff; padding: 0 24px; font-size: 20px; font-weight: 600; line-height: 28px; height: 56px; margin-bottom: 18px; overflow: hidden; transition: .3s }
.indexOrtaSlider .item a:hover .iosTitle { color: rgba(255,255,255,.8); transition: .3s }
.indexOrtaSlider .item a { display: block; position: relative; width: 100% }
.indexOrtaSlider .owl-nav .owl-next, .indexOrtaSlider .owl-nav .owl-prev { margin-top: -23px; height: 60px; width: 40px; position: absolute; display: block; text-indent: -999em }
.indexOrtaSlider .owl-nav { z-index: 2; color: #fff }
.indexOrtaSlider .owl-nav .owl-prev { left: 0; top: 50%; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background-color: rgba(0,0,0,.6) }
.indexOrtaSlider .owl-nav .owl-next { right: 0; top: 50%; cursor: pointer; -webkit-border-radius: 3px 0 0 2px; -moz-border-radius: 3px 0 0 2px; border-radius: 3px 0 0 2px; background-color: rgba(0,0,0,.6) }
.indexOrtaSlider .owl-nav .owl-next:hover, .indexOrtaSlider .owl-nav .owl-prev:hover { background-image: -webkit-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: -moz-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: -o-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: -ms-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)) }
.indexOrtaSlider .owl-nav .owl-next:before, .indexOrtaSlider .owl-nav .owl-prev:before { content: ""; background-repeat: no-repeat; background-position: center; width: 40px; height: 60px; display: block; position: absolute }
.indexOrtaSlider .owl-nav .owl-next:before { background-image: url(images/icon/sliderNextArrow.png) }
.indexOrtaSlider .owl-nav .owl-prev:before { background-image: url(images/icon/sliderPrevArrow.png) }
.indexOrtaSlider .owl-dots { height: 34px; -webkit-border-radius: 3px 0 0 2px; -moz-border-radius: 3px 0 0 2px; border-radius: 3px 0 0 2px; background-color: rgba(0,0,0,.6); position: absolute; right: 0; top: 20px; padding: 5px 11px }
.indexOrtaSlider .owl-dots .owl-dot { width: 14px; height: 14px; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 2px solid #fff; margin: 4px; background: 0 0 }
.postList, .postList>ul, .tabMenu, .tabPage, .tabPage2 { width: 100% }
.indexOrtaSlider .owl-dots .owl-dot.active { background: #fff }
.indexTab1, .indexTab2, .indexVideolar { margin-bottom: 20px; display: inline-block; width: 100%; float: left }
.tabMenu { height: 46px; border-radius: 3px; background-color: #6e6abf; -moz-box-shadow: 0 1px 15px rgba(17,21,25,.46); box-shadow: 0 1px 15px rgba(17,21,25,.46); overflow: hidden }
.tabMenu ul li { float: left }
.tabMenu ul li a { color: #fff; font-weight: 500; line-height: 46px; font-size: 14px; display: block; padding: 0 20px; text-transform: uppercase }
.tabMenu ul li a i { float: left; margin-right: 12px; margin-top: 12px }
.tabMenu ul li a.active { background: rgba(0,0,0,.12) }
.tabPage, .tabPage2 { display: none; float: left }
.postList>ul, .postList>ul>li, .postList>ul>li .pImg, .postList>ul>li>a { display: inline-block; float: left }
.postList>ul>li { width: calc(50% - 10px); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07); -moz-box-shadow: 0 2px 1px rgba(0,0,0,.07); box-shadow: 0 2px 1px rgba(0,0,0,.07); border: 1px solid #dcdcdc; margin-right: 20px; margin-top: 20px; transition: .3s }
.postList>ul>li:nth-child(even) { margin-right: 0 }
.postList>ul>li .pImg { width: calc(100% + 2px); margin-left: -1px; margin-top: -1px; overflow: hidden; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 146px }
.postList>ul>li .pImg img { min-width: 100%; min-height: 146px }
.postList>ul>li>a { width: 100% }
.postList>ul>li .pTitle { font-size: 17px; line-height: 24px; font-weight: 700; color: #434242; padding: 0 15px; transition: .3s; margin-top: 15px; float: left; height: 48px; overflow: hidden }
.postList>ul>li:hover .pTitle { color: #4a4ab5; transition: .3s }
.tabPage2 .postList>ul>li:hover .pTitle { color: #d22e5b }
.tabOzet { width: 100%; display: inline-block; color: grey; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 300; padding: 8.5px 15px 0px 15px; line-height: 18px; max-height: 47px; overflow: hidden; }
.pDetay ul>li { float: left; color: grey; font-size: 11px; border-right: 1px solid #b6b6b6; padding-right: 10px; padding-left: 10px; line-height: 12px; white-space: nowrap; text-overflow: ellipsis; display: block }
.pDetay { padding: 13px 15px 15px; display: inline-block; width: 100%; float: left }
.pDetay ul>li:last-child { border: none; padding-right: 0 }
.pDetay ul>li:first-child { padding-left: 0 }
.pDetay ul>li>a { color: grey }
.pDetay ul li:first-child a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block }
.pDetay ul>li>a:hover { color: #4a4ab5 }
.sagSlider .owl-nav, .sagSlider .ssTitle { color: #fff; z-index: 2 }
.postList>ul>li:hover { transition: .3s; transform: scale(1.02) }
.sagSlider { margin-bottom: 20px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden }
.sagSlider .owl-nav .owl-next, .sagSlider .owl-nav .owl-prev { margin-top: -23px; height: 60px; width: 40px; position: absolute; display: block; text-indent: -999em }
.sagSlider .owl-nav .owl-prev { left: 0; top: 50%; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background-color: rgba(0,0,0,.6) }
.fgSlider .owl-nav .owl-next, .sagSlider .owl-nav .owl-next { -webkit-border-radius: 3px 0 0 2px; -moz-border-radius: 3px 0 0 2px; cursor: pointer }
.sagSlider .owl-nav .owl-next { right: 0; top: 50%; border-radius: 3px 0 0 2px; background-color: rgba(0,0,0,.6) }
.sagSlider .owl-nav .owl-next:hover, .sagSlider .owl-nav .owl-prev:hover { background-image: -webkit-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: -moz-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: -o-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: -ms-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)) }
.sagSlider .owl-nav .owl-next:before, .sagSlider .owl-nav .owl-prev:before { content: ""; background-repeat: no-repeat; background-position: center; width: 40px; height: 60px; display: block; position: absolute }
.sagSlider .owl-nav .owl-next:before { background-image: url(images/icon/sliderNextArrow.png) }
.sagSlider .owl-nav .owl-prev:before { background-image: url(images/icon/sliderPrevArrow.png) }
.sagSlider .ssTitle { font-family: Poppins, sans-serif; position: absolute; bottom: 3px; font-weight: 500; font-size: 18px; line-height: 26px; padding: 0 18px; height: 52px; margin-bottom: 15px; overflow: hidden; transition: .3s!important }
.sagSlider .item a:hover .ssTitle { color: rgba(255,255,255,.8); transition: .3s }
.sagSlider .ssDate { font-size: 11px; font-weight: 400; line-height: 12px; font-family: sans-serif; position: absolute; left: 18px; bottom: 80px; z-index: 2; color: #fff }
.sagSlider .ssImg:before, .sidebarHaberler>ul>li:nth-child(1) a .shImg:before { content: ""; top: 0; right: 0; left: 0; background-position: bottom center; background-repeat: repeat-x; z-index: 1; bottom: 0 }
.sagSlider .ssImg:before { position: absolute; background-image: url(images/iosShadow.png) }
.sagSlider .ssImg { height: 314px }
.sagSlider .ssImg img { min-width: 100%; min-height: 314px; width: auto; max-width: initial }
.sagSlider .ssDate i { float: left; margin-right: 5px }
.rek300 { margin-bottom: 0px; float: left; width: 100% }
.sidebarHaberler { font-family: Roboto, sans-serif; background-color: #fff; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07); -moz-box-shadow: 0 2px 1px rgba(0,0,0,.07); box-shadow: 0 2px 1px rgba(0,0,0,.07); border: 1px solid #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; float: left }
.sidebarHaberler>ul>li { position: relative; padding: 10px 15px; width: 100%; display: block; float: left; border-top: 1px solid #eee }
.sidebarHaberler>ul>li:nth-child(1) a .shImg:before { position: absolute; background-image: url(images/ssShadow.png) }
.sidebarHaberler>ul { display: inline-block; width: 100%; float: left }
.sidebarHaberler>ul>li:not(:nth-child(1)) .shTitle {
float:right;
width:calc(100% - 84px);
font-size:16px;
line-height:24px;
color:#434242;
font-weight:700;
padding:3px 0 0 14px;
height:51px;
overflow:hidden
}
.sidebarHaberler>ul>li:nth-child(1) a .shTitle { position: absolute; bottom: 0; z-index: 2; color: #fff; font-weight: 700; font-size: 17px; line-height: 26px; padding: 0 15px; width: 100%; height: 52px; margin-bottom: 15px; overflow: hidden }
.sidebarHaberler>ul>li:nth-child(1)>a .shDate { font-size: 11px; font-weight: 400; line-height: 12px; font-family: sans-serif; margin-bottom: 10px; position: absolute; left: 15px; bottom: 67px; color: #fff; z-index: 2 }
.indexOneCikanTek>a:before, .sidebarGaleri>ul>li>a:before { right: 0; left: 0; top: 0; content: "" }
.sidebarHaberler>ul>li:nth-child(1) a .shDate i { float: left; margin-right: 5px }
.sidebarHaberler>ul>li:nth-child(1) .shImg { float: left; display: inline-block; width: calc(100% + 2px); margin-left: -1px; margin-top: -1px; overflow: hidden; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 190px }
.sidebarHaberler>ul>li:nth-child(1):hover .shImg img { transform: scale(1.1); transition: .3s; min-width: 100%; min-height: 190px }
.sidebarHaberler>ul>li:nth-child(1) .shImg img { transform: scale(1); transition: .3s; min-height: 190px; min-width: 100%; width: auto }
.sidebarHaberler>ul>li:not(:nth-child(1)) .shImg {
float:left;
width:84px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
overflow:hidden;
height:84px
}
 .sidebarHaberler>ul>li.no-image:not(:nth-child(1)) .shImg {
display:none;
}
 .sidebarHaberler>ul>li.no-image:not(:nth-child(1)) .shTitle {
width:calc(100% - 0px);
}
.sidebarHaberler>ul>li.no-image:not(:nth-child(1)) .shDate {
width:calc(100% - 0px);
}
 .sidebarHaberler>ul>li:not(:nth-child(1)) .shImg img {
min-width:100%;
min-height:84px;
width:auto;
max-width:initial
}
.sidebarHaberler>ul>li:nth-child(odd) { background: #f6f6f6 }
.sidebarHaberler>ul>li:nth-child(1) { padding: 0; border: none }
.sidebarHaberler>ul>li:not(:nth-child(1)) .shDate {
font-size:11px;
line-height:12px;
font-weight:400;
color:grey;
width:calc(100% - 84px);
float:right;
padding-left:14px;
padding-top:14px
}
.sidebarHaberler>ul>li .shDate i { float: left; margin-right: 5px }
.sidebarHaberler>ul>li:not(:nth-child(1)) a:hover .shTitle {
color:#593db5
}
.sidebarHaberler>ul>li:nth-child(4) { padding-bottom: 16px }
.sidebarHaberler>ul>li:nth-child(2) { padding-top: 18px }
.indexOneCikanTek { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; overflow: hidden; display: inline-block; width: 100%; float: left; margin-bottom: 20px; height: 250px }
.indexOneCikanTek .iocDetay { position: absolute; bottom: 0; padding: 17px 25px; width: 100%; pointer-events: none; z-index: 2 }
.indexOneCikanTek .iocTitle { position: absolute; font-family: Poppins, sans-serif; font-weight: 600; color: #fff; width: 100%; padding: 0 25px; font-size: 18px; bottom: 45px; line-height: initial; z-index: 2 }
.box, .breadcrumb, .fSocial .fcTitle, .haftaninIcerigi, .haftaninVideosu, .indexOneCikanTek .iocDetay ul li, .videoList>ul>li { font-family: Roboto, sans-serif }
.indexOneCikanTek>a { display: block }
.indexOneCikanTek .iocDetay ul li { float: left; font-size: 11px; color: #fff; font-weight: 600; line-height: 12px; border-left: 1px solid #fff5c; padding-right: 10px; padding-left: 10px }
.indexOneCikanTek .iocDetay ul li a { color: #fff }
.indexOneCikanTek .iocDetay ul li:nth-child(1) { padding-left: 0; border: none }
.sidebarGaleri>ul>li>a, a.tumFotoBtn { -webkit-border-radius: 3px; -moz-border-radius: 3px }
.indexOneCikanTek>a:before { position: absolute; bottom: 0; background-image: url(images/iosShadow.png); background-position: bottom center; background-repeat: repeat-x; z-index: 1 }
.indexOneCikanTek a:hover img { transform: scale(1.1); transition: .4s }
.indexOneCikanTek a img { transform: scale(1); transition: .4s; min-width: 100%; height: auto }
.sidebarGaleri>ul { display: inline-block; width: 100%; float: left; margin-bottom: 14px }
.sidebarGaleri>ul>li { float: left; margin-right: 6px; margin-bottom: 6px; width: calc(33.33% - 4px) }
.sidebarGaleri>ul>li:nth-child(3n) { margin-right: 0 }
.sidebarGaleri>ul>li>a { display: block; border-radius: 3px; overflow: hidden; position: relative; height: 96px }
.sidebarGaleri>ul>li>a img { min-width: 100%; min-height: 96px; width: auto; max-width: initial }
.sidebarGaleri>ul>li>a:before { display: block; background: rgba(0,0,0,0); bottom: 0; position: absolute; transition: .3s }
.sidebarGaleri>ul>li>a:hover:before { transition: .3s; background: rgba(88,67,182,.6) }
.sidebarGaleri>ul>li>a:after { content: ""; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; border: 1px solid rgba(255,255,255,0); transition: .3s; opacity: 0 }
.sidebarGaleri>ul>li>a:hover:after { border: 1px solid #9b9ad3; transition: .3s; left: 8px; top: 8px; right: 8px; bottom: 8px; opacity: 1 }
a.tumFotoBtn { display: block; height: 32px; border-radius: 3px; background-color: #6e6abf; -webkit-box-shadow: 0 1px 15px rgba(17,21,25,.46); -moz-box-shadow: 0 1px 15px rgba(17,21,25,.46); box-shadow: 0 1px 15px rgba(17,21,25,.46); float: left; width: 100%; line-height: 32px; color: #fff; font-size: 12px; font-weight: 300; text-align: center }
.haftaninIcerigi, a.tumFotoBtn i { display: inline-block; transition: .3s }
a.tumFotoBtn i { float: none; margin-left: 10px }
a.tumFotoBtn:hover i { margin-left: 20px; transition: .3s }
.haftaninIcerigi { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07); -moz-box-shadow: 0 2px 1px rgba(0,0,0,.07); box-shadow: 0 2px 1px rgba(0,0,0,.07); border: 1px solid #dcdcdc; float: left; margin-right: 20px }
.haftaninIcerigi:hover, .haftaninVideosu:hover { transition: .3s; transform: scale(1.02) }
.haftaninIcerigi>a { display: block; float: left }
.haftaninIcerigi>a .pImg { float: left; display: inline-block; width: calc(100% + 2px); margin-left: -1px; margin-top: -1px; overflow: hidden; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 146px }
.haftaninIcerigi>a .pImg img { min-width: 100%; min-height: 146px }
.haftaninIcerigi>a>.pTitle { height: 63px; overflow: hidden; font-size: 17px; line-height: 24px; font-weight: 700; color: #434242; padding: 14px 15px 0; float: left; transition: .3s }
.haftaninIcerigi>a:hover>.pTitle, .haftaninVideosu>a:hover>.pTitle { color: #4a4ab5; transition: .3s }
.haftaninIcerigi span { position: absolute; line-height: 28px; font-size: 10px; font-weight: 600; letter-spacing: .5px; color: #fff; padding: 0 10px 0 17px; top: 10px; width: auto; height: 28px; -webkit-border-radius: 2px 2px 2px 0; -moz-border-radius: 2px 2px 2px 0; border-radius: 2px 2px 2px 0; left: -9px }
.haftaninIcerigi span:after { top: 100%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-top-color: #ba1737; border-right-color: #ba1737; border-width: 4.5px }
.haftaninVideosu, .resimliKategoriler ul li { -webkit-border-radius: 3px; -moz-border-radius: 3px }
.haftaninVideosu { width: 100%; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07); -moz-box-shadow: 0 2px 1px rgba(0,0,0,.07); box-shadow: 0 2px 1px rgba(0,0,0,.07); border: 1px solid #dcdcdc; float: left; margin-right: 20px; display: inline-block; transition: .3s }
.haftaninVideosu>a { display: block; float: left }
.haftaninVideosu>a .pImg { float: left; display: inline-block; width: calc(100% + 2px); margin-left: -1px; margin-top: -1px; overflow: hidden; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 146px }
.haftaninVideosu>a>.pTitle, .videoList>ul>li>a .pTitle { line-height: 24px; height: 48px; float: left; overflow: hidden }
.haftaninVideosu>a .pImg img { min-width: 100%; min-height: 146px }
.haftaninVideosu>a>.pTitle { font-size: 17px; font-weight: 700; color: #434242; padding: 0 15px; transition: .3s; margin: 10px 0 15px }
.haftaninVideosu span { position: absolute; line-height: 28px; font-size: 10px; font-weight: 600; letter-spacing: .5px; color: #fff; padding: 0 10px 0 17px; top: 10px; width: 128px; height: 28px; -webkit-border-radius: 2px 2px 2px 0; -moz-border-radius: 2px 2px 2px 0; border-radius: 2px 2px 2px 0; left: -9px }
.haftaninVideosu span:after { top: 100%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-top-color: #2d3887; border-right-color: #2d3887; border-width: 4.5px }
.haftaninVideosu .playBtn:after, .haftaninVideosu .playBtn:before, .kPostList:before, .videoList>ul>li>a .playBtn:after, .videoList>ul>li>a .playBtn:before { content: "" }
.haftaninVideosu .pViews { float: left; color: #a8a8a8; font-size: 11px; line-height: 19px; padding: 10px 15px 0; letter-spacing: .5px; width: 100%; display: inline-block }
.haftaninVideosu .pViews i { display: inline-block; margin-right: 10px }
.haftaninVideosu .playBtn { width: 66px; height: 66px; position: absolute; right: 19px; bottom: 70px }
.haftaninVideosu .playBtn:before { width: 66px; height: 66px; -webkit-border-radius: 33px; -moz-border-radius: 33px; border-radius: 33px; background-color: #fff; -webkit-box-shadow: 0 0 1px rgba(5,0,9,.29); -moz-box-shadow: 0 0 1px rgba(5,0,9,.29); box-shadow: 0 0 1px rgba(5,0,9,.29); display: block; right: 0; top: 0; z-index: 4; position: absolute; transition: .5s }
.haftaninVideosu .playBtn:after { position: absolute; display: block; top: -5px; right: -5px; z-index: 1; width: 76px; height: 76px; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; background-color: #f8f8f8; transition: .3s }
.haftaninVideosu .playBtn i { width: 18px; height: 22px; display: block; background: url(images/icon/play.png); position: absolute; z-index: 4; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) }
.haftaninVideosu:hover .playBtn i { background: url(images/icon/playHover.png) }
.haftaninVideosu:hover .playBtn:before { -webkit-box-shadow: 0 0 46px rgba(5,0,9,.45); -moz-box-shadow: 0 0 46px rgba(5,0,9,.45); box-shadow: 0 0 46px rgba(5,0,9,.45); background-image: -webkit-linear-gradient(132deg, #53179b, #7b1da7 50%, #b124b7); background-image: -moz-linear-gradient(132deg, #53179b, #7b1da7 50%, #b124b7); background-image: -o-linear-gradient(132deg, #53179b, #7b1da7 50%, #b124b7); background-image: -ms-linear-gradient(132deg, #53179b, #7b1da7 50%, #b124b7); background-image: linear-gradient(132deg, #53179b, #7b1da7 50%, #b124b7); transition: .5s; width: 76px; height: 76px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; transform: translateX(5px) translateY(-5px) }
.haftaninVideosu:hover .playBtn:after { transition: .3s; transform: scale(.5) }
.rek267 { margin-bottom: 20px; float: left; width: 100% }
.resimliKategoriler { display: inline-block; width: 100%; margin-bottom: 18px }
.resimliKategoriler ul li { width: 100%; float: left; position: relative; margin-bottom: 19px; border-radius: 3px; background-color: #464db5; -webkit-box-shadow: 0 1px 13px rgba(17,21,25,.27); -moz-box-shadow: 0 1px 13px rgba(17,21,25,.27); box-shadow: 0 1px 13px rgba(17,21,25,.27); overflow: hidden; height: 132px }
.resimliKategoriler ul { display: inline-block; float: left; width: 100% }
.resimliKategoriler ul li a .rkTitle { text-transform: Uppercase; position: absolute; color: #595959; background: #fff; padding: 10px 20px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 14px; font-weight: 600; text-align: center; white-space: nowrap; -webkit-box-shadow: 0 0 27px rgba(17,21,25,.27); -moz-box-shadow: 0 0 27px rgba(17,21,25,.27); box-shadow: 0 0 27px rgba(17,21,25,.27) }
.sayfalama, .videoList>ul>li { -moz-box-shadow: 0 2px 1px rgba(0,0,0,.07) }
.resimliKategoriler ul li:last-child { margin-bottom: 0 }
.resimliKategoriler ul li a .rkTitle strong { font-weight: 600 }
.resimliKategoriler ul li a:hover .rkTitle strong { background: linear-gradient(45deg, #bc4cae, #fd3a5c); -webkit-background-clip: text; -webkit-text-fill-color: transparent }
.resimliKategoriler ul li a:hover img { transform: scale(1.2); transition: .5s }
.resimliKategoriler ul li a img { transform: scale(1); transition: .5s }
.indexVideolar { display: inline-block; float: left; width: 100% }
.videoList { width: 100%; display: inline-block }
.videoList>ul { width: 100%; display: table; display: inline-block }
.videoList>ul>li { float: left; width: calc(25% - 14.25px); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07); box-shadow: 0 2px 1px rgba(0,0,0,.07); border: 1px solid #dcdcdc; margin-right: 19px; margin-top: 20px; display: inline-block; transition: .3s; position: relative }
.videoList>ul>li:hover { transition: .3s; transform: scale(1.02) }
.videoList>ul>li:nth-child(4n) { margin-right: 0 }
.videoList>ul>li>a .pTitle { font-size: 17px; font-weight: 700; color: #434242; padding: 0 15px; transition: .3s; margin: 9px 0 17px }
.videoList>ul>li>a:hover .pTitle { color: #4a4ab5; transition: .3s }
.videoList>ul>li>a .pViews { float: left; color: #a8a8a8; font-size: 11px; line-height: 19px; padding: 10px 15px 0; letter-spacing: .5px; width: 100%; display: inline-block }
.videoList>ul>li>a .pViews i { display: inline-block; margin-right: 10px }
.videoList>ul>li>a .pImg { float: left; display: inline-block; width: calc(100% + 2px); margin-left: -1px; margin-top: -1px; overflow: hidden; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 3px; border-top-right-radius: 3px; max-height: 205px }
.videoList>ul>li>a .pImg img { min-height: 205px; min-width: 100% }
.videoList>ul>li>a .playBtn { width: 66px; height: 66px; position: absolute; right: 19px; bottom: 70px }
.videoList>ul>li>a .playBtn:before { width: 66px; height: 66px; -webkit-border-radius: 33px; -moz-border-radius: 33px; border-radius: 33px; background-color: #fff; -webkit-box-shadow: 0 0 1px rgba(5,0,9,.29); -moz-box-shadow: 0 0 1px rgba(5,0,9,.29); box-shadow: 0 0 1px rgba(5,0,9,.29); display: block; right: 0; top: 0; z-index: 4; position: absolute; transition: .5s }
.videoList>ul>li>a .playBtn:after { position: absolute; display: block; top: -5px; right: -5px; z-index: 1; width: 76px; height: 76px; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; background-color: #f8f8f8; transition: .3s }
.videoList>ul>li>a .playBtn i { width: 18px; height: 22px; display: block; background: url(images/icon/play.png); position: absolute; z-index: 4; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) }
.videoList>ul>li>a:hover .playBtn i { background: url(images/icon/playHover.png) }
.videoList>ul>li>a:hover .playBtn:before { -webkit-box-shadow: 0 0 46px rgba(5,0,9,.45); -moz-box-shadow: 0 0 46px rgba(5,0,9,.45); box-shadow: 0 0 46px rgba(5,0,9,.45); background-image: -webkit-linear-gradient(132deg, #53179b, #7b1da7 50%, #b124b7); background-image: -moz-linear-gradient(132deg, #53179b, #7b1da7 50%, #b124b7); background-image: -o-linear-gradient(132deg, #53179b, #7b1da7 50%, #b124b7); background-image: -ms-linear-gradient(132deg, #53179b, #7b1da7 50%, #b124b7); background-image: linear-gradient(132deg, #53179b, #7b1da7 50%, #b124b7); transition: .5s; width: 76px; height: 76px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; transform: translateX(5px) translateY(-5px) }
.fSocial ul li a, .kPostList ul li .kpImg { -webkit-border-radius: 3px; -moz-border-radius: 3px }
.videoList>ul>li>a:hover .playBtn:after { transition: .3s; transform: scale(.5) }
.videoList>ul>li>a { display: inline-block; float: left; width: 100% }
.footer { float: left; width: 100%; background: #2a2545; margin-top: 8px }
.fSocial { background: #312c4c; box-shadow: 0 0 15px #00017 }
.fSocial .fcTitle { text-align: center; font-size: 17px; line-height: 36px; color: #827d9a; padding: 18px 0 0 }
.fSocial .fcTitle strong { display: block; font-size: 20px; font-weight: 300; color: #fff }
.fSocial ul { display: table; margin: auto; padding: 30px 0 }
.fSocial ul li { float: left; margin: 0 9px 0 10px }
.fSocial ul li a { display: block; width: 134px; height: 40px; border-radius: 3px; background-color: #353052; line-height: 40px; font-size: 12px; color: #b5afd3; font-weight: 500; border: 1px solid #474263; text-align: center }
.fSocial ul li a i { height: 22px; width: 22px; display: inline-block; position: relative; top: 6px; margin-right: 10px; background-position: top; transition: .3s }
.fSocial ul li a:hover i { background-position: bottom; transition: .3s }
.fSocial ul li a.fb i { background-image: url(images/icon/fs_fb.png); width: 11px }
.fSocial ul li a.tw i { background-image: url(images/icon/fs_tw.png); width: 18px }
.fSocial ul li a.gp i { background-image: url(images/icon/fs_gp.png); width: 17px }
.fSocial ul li a.yt i { background-image: url(images/icon/fs_yt.png); width: 22px }
.fSocial ul li a.ins i { background-image: url(images/icon/fs_ins.png); width: 18px }
.fSocial ul li a.tm i { background-image: url(images/icon/fs_tm.png); width: 11px }
.fSocial ul li a.ilt i { background-image: url(images/icon/fs_ilt.png); width: 17px }
.fSocial ul li a:hover { color: #fff }
.fSocial ul li a.fb:hover { background: #597ac7; border-color: #597ac7 }
.fSocial ul li a.tw:hover { background: #5bbcec; border-color: #5bbcec }
.fSocial ul li a.gp:hover { background: #da4835; border-color: #da4835 }
.fSocial ul li a.yt:hover { background: #fd3832; border-color: #fd3832 }
.fSocial ul li a.ins:hover { background: #d33592; border-color: #d33592 }
.fSocial ul li a.tm:hover { background: #529ecc; border-color: #529ecc }
.fSocial ul li a.ilt:hover { background: #fbc95d; border-color: #fbc95d }
.footerMenu { display: inline-block; width: 100%; background: url(images/footerBg.png) center bottom; float: left }
.footerMenu .container { border-bottom: 1px solid #312c4f; display: table; padding: 30px 0 }
.footerMenu ul { float: left }
.footerMenu ul li { float: left; margin-right: 35px }
.footerMenu ul li a { display: block; font-size: 12px; color: #fff }
.footerMenu ul li a:hover { color: #f6b559 }
.copyright { float: right; color: #fff; font-size: 12px }
.fHizliMenu { display: table; margin: 30px auto }
.fHizliMenu ul li { float: left; margin-right: 30px }
.fHizliMenu ul li a { display: block; position: relative }
.fHizliMenu ul li a span.badge { background-color: #ff5e3a; -webkit-box-shadow: 0 1px 15px rgba(17,21,25,.46); -moz-box-shadow: 0 1px 15px rgba(17,21,25,.46); box-shadow: 0 1px 15px rgba(17,21,25,.46); background-image: -webkit-linear-gradient(right, #bc4cae, #fd3a5c); background-image: -moz-linear-gradient(right, #bc4cae, #fd3a5c); background-image: -o-linear-gradient(right, #bc4cae, #fd3a5c); background-image: -ms-linear-gradient(right, #bc4cae, #fd3a5c); background-image: linear-gradient(to left, #bc4cae, #fd3a5c); width: 19px; height: 19px; color: #fff; display: block; text-align: center; line-height: 19px; position: absolute; right: -12px; top: -10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 10px; font-weight: 700 }
.box, .breadcrumb, .kategori { width: 100%; float: left }
.box, .kPostList, .kategori { display: inline-block }
.fHizliMenu ul li:last-child { margin-right: 0 }
.kategori { margin-top: 66px; margin-bottom: 20px }
.box { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; padding: 30px }
.breadcrumb { font-size: 13px; font-weight: 300; padding: 25px 0 }
.breadcrumb ul li { float: left }
.breadcrumb ul li a { color: #7e7e7e; padding: 0 6px 0 10px; }
.breadcrumb ul li:last-child, .breadcrumb ul li:last-child a { color: #4a3a94; font-weight: 400 }
.breadcrumb ul li:first-child a { padding-left: 0pX }
.breadcrumb ul li:last-child { padding: 0 0px }
.kategoriSidebar { float: right; width: 300px; margin-left: 30px; display: inline-block; min-height: auto !important;/* padding-bottom: 30px; */ }
.kategoriSol { float: left; width: calc(100% - 330px) }
h1.catName { font-size: 20px; line-height: 20px; color: #444eb5; margin-bottom: 30px; padding-left: 18px }
h1.catName i { float: left; margin-right: 15px; width: 18px; height: 20px; background: url(images/icon/kat.png) }
.kPostList { width: 100%; position: relative; float: left }
.kPostList:before { width: 1px; left: 24px; top: 0; bottom: 0; background: #e4e7ea; display: block; position: absolute }
.kPostList ul { display: inline-block; width: 100%; float: left }
.kPostList ul li { float: left; width: 100%; padding-left: 80px; margin-bottom: 20px; position: relative }
.kPostList ul li:last-child { margin-bottom: 0 }
.kPostList ul li .kpImg { float: left; width: 259px; height: 141px; overflow: hidden; border-radius: 3px; margin-right: 20px }
.kPostList ul li .kpDetay, .kPostList ul li .kpKat, .kPostList ul li .kpTitle { width: calc(100% - 280px); float: left }
.kPostList ul li .kpShare ul li a, .sayfalama { -webkit-border-radius: 3px; -moz-border-radius: 3px }
.kPostList ul li .kpImg img { min-width: 100%; min-height: 141px }
.kPostList ul li .kpTitle { margin-top: 11px; font-size: 20px; line-height: 28px; font-weight: 700; color: #222; max-height: 84px; overflow: hidden }
.kPostList ul li .kpTitle a { color: #222 }
.kPostList ul li:hover .kpTitle a { color: #5e3fb6 }
.kPostList ul li .yazar, .kPostList ul li .yazar a { color: grey; font-size: 13px; font-weight: 300 }
.kPostList ul li .kpDetay { margin-top: 11px }
.kPostList ul li .kpKat a { color: grey; font-size: 12px; font-weight: 700; text-transform: uppercase; float: left; padding: 9px 0 5px }
.kPostList ul li .yazar { float: left; line-height: 20px; padding-right: 15px; border-right: 1px solid #cecfd0; margin-right: 15px }
.kPostList ul li .yazar a:hover { color: #444eb5 }
.kPostList ul li .kpShare { float: left }
.kPostList ul li .kpShare ul li { float: left; padding-left: 4px; margin: 0; width: auto }
.kPostList ul li .kpShare ul li a { background: #c3c3c3; display: block; width: 20px; height: 20px; text-align: center; border-radius: 3px }
.kPostList ul li .kpShare ul li a img { display: table; margin: auto; padding: 3px 0 }
.kPostList ul li .kpShare ul li:nth-child(3) { margin-right: 0 }
.kPostList ul li .kpShare ul li a.fb:hover { background: #597ac7 }
.kPostList ul li .kpShare ul li a.tw:hover { background: #5bbcec }
.kPostList ul li .kpShare ul li a.gp:hover { background: #fd3832 }
.kPostList ul li .kpDurum { position: absolute; left: -10px; background: #fff; top: 50%; margin-top: -35px; padding: 10px 0; width: 70px }
.kPostList ul li .kpDurum a i { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 20px }
.kPostList ul li .kpDurum a span { visibility: hidden; font-size: 11px; font-weight: 300; position: absolute; width: 72px; height: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #707070; text-align: center; color: #fff; line-height: 30px; top: -47px; left: 50%; transform: translateX(-50%); transition: .3s }
.kPostList ul li .kpZaman { font-size: 11px; color: #999; margin-top: 10px; text-align: center; background: #fff }
.kPostList ul li .kpDurum a { display: block; width: 34px; height: 34px; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; position: relative; margin: auto }
.kPostList ul li .kpDurum a:hover span { visibility: visible; top: -37px; transition: .3s }
.kPostList ul li .kpDurum a span:before { top: 29px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(123,204,255,0); border-top-color: #707070; border-width: 4px; margin-left: -4px }
.katPopulerleri { display: inline-block; float: left; width: 100% }
.katPopulerleri ul { display: inline-block; width: 100%; float: left }
.katPopulerleri ul li { margin-bottom: 11px; float: left; width: 100% }
.katPopulerleri ul li a .kpImg { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; overflow: hidden; float: left; width: 100% }
.katPopulerleri ul li a .kpImg img { width: 100% }
.katPopulerleri ul li a .kpTitle { font-size: 16px; line-height: 24px; color: #434242; padding-top: 12px; display: inline-block; width: 100% }
.katPopulerleri ul li a:hover .kpTitle { color: #5e3fb6 }
.sayfalama { width: 100%; font-size: 13px; font-weight: 700; float: left; display: inline-block; height: 38px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07); box-shadow: 0 2px 1px rgba(0,0,0,.07); border: 1px solid #dcdcdc; margin-top: 30px }
.sayfalama ul { display: table; margin: auto }
.sayfalama span { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(181,184,186,.61); float: left; height: 35px; line-height: 33px; padding: 0 10px }
.sayfalama span strong { color: #1d80cb; font-weight: 400 }
.sayfalama ul li a { display: block; padding: 0 15px; color: #565656; font-size: 16px; font-weight: 400 }
.sayfalama ul li { min-width: 35px; float: left; height: 38px; line-height: 38px; text-align: center; border-right: 1px solid #ccc }
.sayfalama ul li.active { color: #fff; display: block; line-height: 37px; height: 37px; border-right: none }
.sayfalama ul li a:hover { color: #484cb5 }
.sayfalama ul li:last-child { border: none }
.fgSlider { float: left; width: calc(100% - 140px)!important; height: 350px; background-color: #312c4c; -webkit-box-shadow: 0 1px 15px rgba(17,21,25,.46); -moz-box-shadow: 0 1px 15px rgba(17,21,25,.46); box-shadow: 0 1px 15px rgba(17,21,25,.46); margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden }
.benzerIcerikler .item a, .fgPostList ul li { -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07); transition: .3s; font-family: Roboto, sans-serif }
.benzerIcerikler .item a, .fgPostList ul li, .yorumInner { -moz-box-shadow: 0 2px 1px rgba(0,0,0,.07) }
.fgSlider .owl-nav .owl-next, .fgSlider .owl-nav .owl-prev { margin-top: -23px; height: 60px; width: 40px; position: absolute; display: block; text-indent: -999em }
.fgSlider .owl-nav { z-index: 2; color: #fff }
.fgSlider .owl-nav .owl-prev { left: 346px; top: 50%; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background-color: rgba(0,0,0,.6) }
.fgSlider .owl-nav .owl-next { right: 0; top: 50%; border-radius: 3px 0 0 2px; background-color: rgba(0,0,0,.6) }
.fgSlider .owl-dots, .vgSlider .owl-nav .owl-next { -webkit-border-radius: 3px 0 0 2px; -moz-border-radius: 3px 0 0 2px }
.fgSlider .owl-nav .owl-next:hover, .fgSlider .owl-nav .owl-prev:hover { background-image: -webkit-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: -moz-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: -o-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: -ms-linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)); background-image: linear-gradient(132deg, rgba(83,23,155,.6), rgba(123,29,167,.6) 50%, rgba(177,36,183,.6)) }
.fgSlider .owl-nav .owl-next:before, .fgSlider .owl-nav .owl-prev:before { content: ""; background-repeat: no-repeat; background-position: center; width: 40px; height: 60px; display: block; position: absolute }
.fgSlider .owl-nav .owl-next:before { background-image: url(images/icon/sliderNextArrow.png) }
.fgSlider .owl-nav .owl-prev:before { background-image: url(images/icon/sliderPrevArrow.png) }
.fgSlider .owl-dots { height: 34px; border-radius: 3px 0 0 2px; position: absolute; padding: 5px 11px; left: 85px; bottom: 20px }
.fgSlider .owl-dots .owl-dot { width: 14px; height: 14px; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 2px solid #fff; margin: 4px; background: 0 0 }
.fgSlider .owl-dots .owl-dot.active { background: #fff }
.fgTitle span { width: 147px; height: 48px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #353052; display: table; margin: 20px auto auto; font-size: 14px; font-weight: 500; line-height: 48px; border: 1px solid #474263; transition: .3s }
.fgPostList, .fgPostList ul li, .fgPostList ul li .fgPostImg { display: inline-block; float: left }
.fgTitle span:hover { background: #474263; transition: .3s }
.fgTitle h2 { font-size: 26px; line-height: 36px; max-height: 144px; overflow: hidden }
.fgPostList { width: 100% }
.fgPostList ul li { width: calc(25% - 14.25px); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; box-shadow: 0 2px 1px rgba(0,0,0,.07); border: 1px solid #dcdcdc; margin-right: 19px; margin-top: 19px }
.blokTitle, .tags a { font-family: Poppins, sans-serif }
.fgPostList ul li:nth-child(4n) { margin-right: 0 }
.fgPostList ul li .fgPostImg { width: calc(100% + 2px); margin-left: -1px; margin-top: -1px; overflow: hidden; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 3px; border-top-right-radius: 3px; max-height: 142px; height: 142px }
.fgPostList ul li .fgPostImg img { min-width: 100%; min-height: 100%; max-width: inherit; width: auto }
.fgPostList ul li .fgPostTitle { font-size: 17px; line-height: 24px; font-weight: 700; color: #434242; padding: 0 15px; float: left; height: 48px; overflow: hidden; margin-top: 9px; margin-bottom: 8px; transition: .3s }
.fgPostList ul li a:hover .fgPostTitle { color: #4a4ab5; transition: .3s }
.fgPostList ul li:hover { transition: .3s; transform: scale(1.02) }
.vgSlider { float: left; width: 467px; height: 300px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden }
.fgImg, .rek120 { float: right }
.fgImg { width: 614px }
.fgTitle { float: left; width: 336px; color: #fff; font-size: 26px; line-height: 36px; text-align: center; padding: 75px 40px 0 }
.vgSlider .owl-nav .owl-next, .vgSlider .owl-nav .owl-prev { margin-top: -23px; height: 60px; width: 40px; position: absolute; display: block; text-indent: -999em }
.vgSlider .owl-nav { z-index: 2; color: #fff }
.vgSlider .owl-nav .owl-prev { left: 0; top: 50%; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background-color: rgba(0,0,0,.6) }
.vgSlider .owl-nav .owl-next { right: 0; top: 50%; cursor: pointer; border-radius: 3px 0 0 2px; background-color: rgba(0,0,0,.6) }
.vgSlider .owl-nav .owl-next:hover, .vgSlider .owl-nav .owl-prev:hover { background-image: -webkit-linear-gradient(132deg, rgba(82,69,181,.6), rgba(80,74,204,.6) 50%, rgba(69,77,181,.6)); background-image: -moz-linear-gradient(132deg, rgba(82,69,181,.6), rgba(80,74,204,.6) 50%, rgba(69,77,181,.6)); background-image: -o-linear-gradient(132deg, rgba(82,69,181,.6), rgba(80,74,204,.6) 50%, rgba(69,77,181,.6)); background-image: -ms-linear-gradient(132deg, rgba(82,69,181,.6), rgba(80,74,204,.6) 50%, rgba(69,77,181,.6)); background-image: linear-gradient(132deg, rgba(82,69,181,.6), rgba(80,74,204,.6) 50%, rgba(69,77,181,.6)) }
.vgSlider .owl-nav .owl-next:before, .vgSlider .owl-nav .owl-prev:before { content: ""; background-repeat: no-repeat; background-position: center; width: 40px; height: 60px; display: block; position: absolute }
.vgSlider .owl-nav .owl-next:before { background-image: url(images/icon/sliderNextArrow.png) }
.vgSlider .owl-nav .owl-prev:before { background-image: url(images/icon/sliderPrevArrow.png) }
.vgSlider .owl-dots { height: 34px; -webkit-border-radius: 3px 0 0 2px; -moz-border-radius: 3px 0 0 2px; border-radius: 3px 0 0 2px; position: relative; padding: 5px 11px; display: none }
.vgSlider .owl-dots .owl-dot { width: 14px; height: 14px; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 2px solid #fff; margin: 4px; background: 0 0 }
.vgSlider .owl-dots .owl-dot.active { background: #fff }
.vgSlider .vgTitle { position: absolute; z-index: 2; bottom: 0; color: #fff; padding: 15px 24px; font-size: 20px; font-weight: 600; line-height: 28px; width: 100% }
.vgSlider .vgImg:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: url(images/iosShadow.png); background-position: bottom center; background-repeat: repeat-x; z-index: 1 }
.vgSlider .owl-item a { display: block; position: relative }
.vgSlider .vgPlay, .vgSlider .vgPlay img { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) }
.vgSlider .vgViews { font-size: 12px; line-height: 12px; font-weight: 400; margin-bottom: 5px }
.vgSlider .vgViews i { float: left; margin-right: 8px }
.vgSlider .vgPlay { z-index: 2; width: 66px; height: 66px; -webkit-border-radius: 33px; -moz-border-radius: 33px; border-radius: 33px; background-color: rgba(0,0,0,0); -webkit-box-shadow: 0 0 46px rgba(50,8,78,.37); -moz-box-shadow: 0 0 46px rgba(50,8,78,.37); box-shadow: 0 0 46px rgba(50,8,78,.37); background-image: -webkit-linear-gradient(132deg, rgba(82,69,181,1), rgba(80,74,204,1) 50%, rgba(69,77,181,1)); background-image: -moz-linear-gradient(132deg, rgba(82,69,181,1), rgba(80,74,204,1) 50%, rgba(69,77,181,1)); background-image: -o-linear-gradient(132deg, rgba(82,69,181,1), rgba(80,74,204,1) 50%, rgba(69,77,181,1)); background-image: -ms-linear-gradient(132deg, rgba(82,69,181,1), rgba(80,74,204,1) 50%, rgba(69,77,181,1)); background-image: linear-gradient(132deg, rgba(82,69,181,1), rgba(80,74,204,1) 50%, rgba(69,77,181,1)); opacity: .6; text-align: center; transition: .3s }
.vgSlider .item:hover .vgPlay { transition: .3s; opacity: 1 }
.vgKategori { display: block; float: left; width: 100%; margin-bottom: 10px }
.content, .page, .single { display: inline-block; width: 100% }
.videoKatGaleri .vgImg img { width: 100%; height: auto }
.vgKategori .vgImg { height: 300px; min-width: 100%; min-height: 300px }
.vgKategori .rek300 { float: left; width: 300px; margin-left: 20px; margin-bottom: 0 }
.videoPopuler { width: 293px; margin-left: 20px; float: left; position: relative }
.videoPopuler .vgSlider { width: 100% }
.videoPopuler .vgTitle { font-size: 17px }
.videoPopuler span { position: absolute; line-height: 28px; font-size: 10px; font-weight: 600; letter-spacing: .5px; color: #fff; padding: 0 10px 0 17px; top: 10px; width: 130px; height: 28px; -webkit-border-radius: 2px 2px 2px 0; -moz-border-radius: 2px 2px 2px 0; border-radius: 2px 2px 2px 0; left: -9px; z-index: 2 }
.videoPopuler span:before { top: 100%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-top-color: #2d3887; border-right-color: #2d3887; border-width: 4.5px }
.page .sDetay { width: 100%; border: none }
.page .content { border: none; margin: 0 }
.content, .sOzet { border-bottom: 1px solid #eee }
.page h1.sTitle { margin-bottom: 30px }
.page, .single { margin-top: 66px; float: left; margin-bottom: 20px }
.single .breadcrumb { padding: 0 0 20px }
.singleSol { float: left; width: 760px }
.content { margin-bottom: 30px }
.content iframe { width: 100%; }
.sOzet, h1.sTitle { float: left; display: block; width: 100% }
h1.sTitle { line-height: 35px; color: #565656; font-weight: 700; }
.sOzet { font-size: 18px; color: #767676; line-height: 28px; padding: 10px 0 14px; margin-bottom: 24px; font-weight: 300; }
.sButons, .sOneCikan { display: inline-block; float: left }
.sOneCikan { width: 100%; margin-bottom: 20px }
.sOneCikan iframe { width: 100% }
.sDetay { width: calc(100% - 62px); color: #565656; line-height: 24px; font-size: 16px; float: left; }
.sDetay div { max-width: 100%; }
.sDetay h1, .sDetay h2, .sDetay h3, .sDetay h4 { line-height: initial }
.sDetay p { margin-bottom: 24px }
.sDetay h1 { font-size: 22px; margin-bottom: 18px }
.sDetay h2 { font-size: 18px; margin-bottom: 24px }
.sDetay h3 { font-size: 16px; margin-bottom: 21px }
.sDetay h4 { font-size: 15px; margin-bottom: 20px }
.sDetay h5, .sDetay h6 { line-height: initial; margin-bottom: 16px }
.sDetay h5 { font-size: 14px }
.sDetay h6 { font-size: 13px }
.sDetay .single { margin-top: 0 }
.sButons { width: 32px; margin-right: 30px }
.sButons ul li { float: left; position: relative; }
.sButons ul li a { display: block; background: #d1d0d0; width: 32px; height: 32px; margin-bottom: 10px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; overflow: hidden; position: relative; }
.benzerIcerikler, .blok, .blokTitle, .tags { width: 100%; float: left }
.sButons ul li a.fb:hover { background: #597ac7 }
.sButons ul li a.tw:hover { background: #5bbcec }
.sButons ul li a.gp:hover { background: #da4835 }
.sButons ul li a.link:hover { background: #0274b3 }
.sButons ul li a.tm:hover { background: #529ecc }
.sButons ul li a.yrm:hover { background: #d33592 }
.sButons ul li span { font-size: 13px; position: absolute; top: 4px; padding: 5px 10px; right: -60px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; visibility: hidden; opacity: 0; transition: 300ms; line-height: 15px; }
.sButons ul li:hover span { right: -80px; visibility: visible; opacity: 1; transition: 300ms; }
.blokTitle, .tags a:hover { background-color: #6e6abf }
.blok { display: inline-block }
.blokTitle { height: 46px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 15px rgba(17,21,25,.46); -moz-box-shadow: 0 1px 15px rgba(17,21,25,.46); box-shadow: 0 1px 15px rgba(17,21,25,.46); color: #fff; line-height: 46px; font-size: 14px; font-weight: 600; margin-bottom: 20px }
.blokTitle i { float: left; padding: 14px 14px 0 17px }
.tags { margin-bottom: 21px }
.tags a { font-size: 12px; color: #9a9a9a; border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px 13px; margin-right: 9px; margin-bottom: 9px; display: block; float: left }
.tags a:hover { background-image: -webkit-linear-gradient(right, #5f3eb6, #424fb5); background-image: -moz-linear-gradient(right, #5f3eb6, #424fb5); background-image: -o-linear-gradient(right, #5f3eb6, #424fb5); background-image: -ms-linear-gradient(right, #5f3eb6, #424fb5); background-image: linear-gradient(to left, #5f3eb6, #424fb5); color: #fff; border: none; padding: 9px 14px }
.benzerIcerikler { display: block; margin-bottom: 25px }
.benzerIcerikler .item.no-image a .pImg { display: none; }
.benzerIcerikler .item a { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; box-shadow: 0 2px 1px rgba(0,0,0,.07); border: 1px solid #dcdcdc; float: left; display: inline-block; margin-bottom: 5px }
.benzerIcerikler .item a .pImg { float: left; display: inline-block; width: calc(100% + 2px); margin-left: -1px; margin-top: -1px; overflow: hidden; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 142px }
.benzerIcerikler .item a:hover .pTitle { color: #5941b5 }
.benzerIcerikler .item a .pImg img { transform: scale(1); transition: .3s; min-height: 100%; width: auto; min-width: 100%; max-width: inherit }
.benzerIcerikler .item a:hover .pImg img { transform: scale(1.1); transition: .3s; max-width: inherit }
.benzerIcerikler .item a .pTitle { font-size: 15px; line-height: 24px; font-weight: 400; color: #434242; padding: 0 15px; margin: 10px 0; float: left; transition: .3s; height: 48px; overflow: hidden }
.benzerIcerikler .owl-nav .owl-next, .benzerIcerikler .owl-nav .owl-prev { height: 60px; width: 40px; position: absolute; display: block; text-indent: -999em; top: 37px }
.benzerIcerikler .owl-nav { z-index: 2; color: #fff }
.benzerIcerikler .owl-nav .owl-prev { left: 0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background-color: rgba(0,0,0,.6) }
.benzerIcerikler .owl-nav .owl-next { right: 0; cursor: pointer; -webkit-border-radius: 3px 0 0 2px; -moz-border-radius: 3px 0 0 2px; border-radius: 3px 0 0 2px; background-color: rgba(0,0,0,.6) }
.benzerIcerikler .owl-nav .owl-next:hover, .benzerIcerikler .owl-nav .owl-prev:hover { background-image: -webkit-linear-gradient(right, rgba(188,76,174,.8), rgba(253,58,92,.8)); background-image: -moz-linear-gradient(right, rgba(188,76,174,.8), rgba(253,58,92,.8)); background-image: -o-linear-gradient(right, rgba(188,76,174,.8), rgba(253,58,92,.8)); background-image: -ms-linear-gradient(right, rgba(188,76,174,.8), rgba(253,58,92,.8)); background-image: linear-gradient(to left, rgba(188,76,174,.8), rgba(253,58,92,.8)) }
.benzerIcerikler .owl-nav .owl-next:before, .benzerIcerikler .owl-nav .owl-prev:before { content: ""; background-repeat: no-repeat; background-position: center; width: 40px; height: 60px; display: block; position: absolute }
.benzerIcerikler .owl-nav .owl-next:before { background-image: url(images/icon/sliderNextArrow.png) }
.benzerIcerikler .owl-nav .owl-prev:before { background-image: url(images/icon/sliderPrevArrow.png) }
.yapilanYorumlar ul li { width: 100%; margin-top: 21px; clear: both; font-size: 13px; border-right: 2px solid #e7e9ee; border-bottom: 2px solid #e7e9ee; position: relative; float: left; font-family: Roboto, sans-serif }
.yapilanYorumlar ul li>.avatar { float: left; margin-right: 15px; width: 46px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden }
.yapilanYorumlar ul li .yorum-title { float: left; color: #484bb5; width: calc(100% - 130px); max-width: 100%; margin-top: 5px; font-weight: 700; font-size: 14px }
.yapilanYorumlar ul li .yorum-title .tarih { color: #969696; font-size: 12px; padding-top: 8px; display: block; font-weight: 300 }
.yapilanYorumlar ul li .yorumu { float: left; color: #595959; width: 100%; margin-top: 10px; max-width: 100%; padding-bottom: 20px; padding-right: 20px; font-size: 13px; line-height: 26px }
.yanitlaBtn, .yorumBegen { line-height: 24px; right: -17px; transition: .3s }
.yorumInner { -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07); box-shadow: 0 2px 1px rgba(0,0,0,.07); border: 1px solid #dcdcdc; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; padding: 21px; width: 100% }
.yorum .blockTitle { margin-bottom: 10px }
.yapilanYorumlar ul li:first-child { margin-top: 0 }
.yapilanYorumlar ul li>.avatar img { display: block }
.yapilanYorumlar ul li .yorumOnay { display: block; float: left; color: #db3f67 }
.yapilanYorumlar ul.children { float: left; display: block; width: calc(100% - 80px); margin-left: 80px; margin-top: 21px }
.yanitlaBtn { color: #fff; position: absolute; font-size: 10px; font-weight: 900; top: 53px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; height: 34px; width: 34px; text-indent: -99em }
.yanitlaBtn a, .yanitlaBtn:before { content: ""; width: 34px; height: 34px; position: absolute; background: url(images/icon/cevapla.png) center no-repeat; left: 0; top: 0 }
.yorumYap, .yorumYap .adiniz, .yorumYap .email { -webkit-border-radius: 4px; -moz-border-radius: 4px }
.yanitlaBtn a { color: #fff; text-transform: uppercase; display: block; text-indent: -999em }
.yorumYap .adiniz, .yorumYap .email, .yorumYap .mesaj { color: #908b8c; outline: 0; font-family: Poppins, sans-serif }
.yorumYap .adiniz, .yorumYap .email { width: 100%; height: 51px; padding: 10px 20px; font-size: 13px; transition: .3s; margin-bottom: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f7f7f7; -webkit-box-shadow: inset 0 0 5px rgba(84,84,84,.2); -moz-box-shadow: inset 0 0 5px rgba(84,84,84,.2); box-shadow: inset 0 0 5px rgba(84,84,84,.2); border: 1px solid #b9b9b9; float: left; margin-right: 13px }
.yorumYap, .yorumYap .mesaj { width: 100% }
.yorumYap { display: inline-block; margin-bottom: 21px }
.yorumYap .mesaj, .yorumYap .yorum-btn { -moz-border-radius: 4px; transition: .3s }
.yorumYap .mesaj { height: 150px; padding: 20px 175px 15px 20px; font-size: 13px; resize: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f7f7f7; -webkit-box-shadow: inset 0 0 5px rgba(84,84,84,.2); -moz-box-shadow: inset 0 0 5px rgba(84,84,84,.2); box-shadow: inset 0 0 5px rgba(84,84,84,.2); border: 1px solid #b9b9b9 }
.yorumYap .adiniz:focus, .yorumYap .email:focus, .yorumYap .mesaj:focus { transition: .3s; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(60,75,192,.16), inset 0 0 5px rgba(71,76,181,.2); -moz-box-shadow: 0 0 5px rgba(60,75,192,.16), inset 0 0 5px rgba(71,76,181,.2); box-shadow: 0 0 5px rgba(60,75,192,.16), inset 0 0 5px rgba(71,76,181,.2); border: 1px solid #7a84d5 }
.yorumYap .yorum-btn { -webkit-border-radius: 3px; border-radius: 3px; height: 45px; float: right; color: #fff; font-weight: 500; font-size: 12px; cursor: pointer; margin-top: -105px; z-index: 2; position: relative; margin-right: 20px; padding: 0 21px; font-family: Poppins, sans-serif }
.yorumYap .yorum-btn:hover { background-image: -webkit-linear-gradient(left, #5f3eb6, #424fb5); background-image: -moz-linear-gradient(left, #5f3eb6, #424fb5); background-image: -o-linear-gradient(left, #5f3eb6, #424fb5); background-image: -ms-linear-gradient(left, #5f3eb6, #424fb5); background-image: linear-gradient(to right, #5f3eb6, #424fb5); transition: .3s }
.yorumYap ul li:nth-child(2) { margin-right: 0 }
.yorumBegen { color: #fff; position: absolute; font-size: 10px; font-weight: 900; top: 9px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; z-index: 1 }
.yorumYap ul li { width: calc(50% - 5px); float: left; margin-right: 10px; position: relative }
.yorumYap ul li:nth-child(3) { width: 100%; margin-right: 0 }
.yorumYap ul li div.error { position: absolute; font-size: 13px; margin-bottom: 10px; background: rgba(255,0,0,.75); color: #fff; padding: 5px; top: -22px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; left: 10px }
.yorumYap ul li div.error:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-top-color: rgba(255,0,0,.75); border-width: 5px; margin-left: -5px }
.cevaplaTitle { border: 2px dashed #ccc; padding: 20px; margin-bottom: 20px; font-size: 14px; color: #7b7b7b; float: left; width: 100% }
.cevaplaTitle a { color: #4d48b5 }
a#cancel-comment-reply-link { background-image: -webkit-linear-gradient(right, #5f3eb6, #424fb5); background-image: -moz-linear-gradient(right, #5f3eb6, #424fb5); background-image: -o-linear-gradient(right, #5f3eb6, #424fb5); background-image: -ms-linear-gradient(right, #5f3eb6, #424fb5); background-image: linear-gradient(to left, #5f3eb6, #424fb5); color: #fff; padding: 7px 10px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-transform: uppercase; font-weight: 700; font-size: 11px; display: table; margin: 0 auto 10px; float: right }
.yapilanYorumlar ul li:before { content: ""; position: absolute; background: #fff; height: 30px; width: 10px; z-index: 0; right: -5px }
.yorumBegenSayisi { position: absolute; top: 12px; right: 27px; border: 2px solid #e7e9ee; width: 26px; height: 26px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-align: center; font-size: 12px; color: #be4bab; font-weight: 500; line-height: 22px }
.yorumBegenSayisi:before { content: ""; position: absolute; right: -11px; width: 10px; height: 2px; background: #e7e9ee; display: block; top: 12px }
.yazarProfili { height: 158px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fbfbfb; -webkit-box-shadow: 0 1px 2px rgba(211,211,211,.4); -moz-box-shadow: 0 1px 2px rgba(211,211,211,.4); box-shadow: 0 1px 2px rgba(211,211,211,.4); width: 100%; padding: 19px; border: 1px solid #d8d8d8; margin-bottom: 30px }
.yazarIst strong, .yazarProfili .avatar { -webkit-border-radius: 2px; -moz-border-radius: 2px }
.yazarProfili .avatar { float: left; width: 117px; height: 117px; margin-right: 25px; -webkit-box-shadow: 0 0 13px rgba(0,0,0,.1); -moz-box-shadow: 0 0 13px rgba(0,0,0,.1); box-shadow: 0 0 13px rgba(0,0,0,.1); border-radius: 2px; overflow: hidden }
.yazarProfili .avatar img { width: 100% }
.yazarProfili .yazarAdi { font-size: 26px; color: #454545; font-weight: 300; float: left; width: calc(100% - 200px); padding: 10px 0 }
.yazarProfili .yazarCevrimici, .yazarProfili .yazarIst { font-size: 14px; font-weight: 300; float: left; width: calc(100% - 200px); color: #454545 }
.yazarProfili .yazarCevrimici { padding: 10px 0 }
.yazarProfili .yazarIst { margin-top: 5px }
.yazarIst strong { border-radius: 2px; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(211,211,211,.4); -moz-box-shadow: 0 1px 2px rgba(211,211,211,.4); box-shadow: 0 1px 2px rgba(211,211,211,.4); border: 1px solid #d8d8d8; display: inline-block; line-height: 24px; text-align: center; padding: 0 10px; margin: 0 5px; color: #393c8c }
.yazarProfili .yazarSocial { float: right; margin-right: 29px; margin-top: 20px }
.yazarProfili .yazarSocial a { width: 20px; height: 20px; display: block; text-align: center; padding: 4px 3px; margin-bottom: 9px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.fgSayfalama span, .fgSayfalama ul li { min-width: 35px; height: 56px; line-height: 56px; text-align: center; float: left }
.yazarProfili .yazarSocial a img { display: table; margin: auto }
.yazarProfili .yazarSocial a.fb { background: #597ac7 }
.yazarProfili .yazarSocial a.tw { background: #5bbcec }
.yazarProfili .yazarSocial a.gp { background: #fd3832 }
.yazarIcerik { display: inline-block; padding-left: 20px }
.fgSayfalama { width: 100%; font-size: 13px; font-weight: 700; float: left; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 30px; background-color: #f3f3f3; border: 1px solid #dbdbdb; text-align: center; position: relative }
.fgSayfalama ul { display: table; margin: auto }
.fgSayfalama span { display: block; color: #565656; font-size: 16px; font-weight: 400 }
.fgSayfalama span strong { color: #1d80cb; font-weight: 400 }
.fgSayfalama ul li a { display: block; padding: 0 20px; color: #565656; font-size: 16px; font-weight: 400 }
.fgSayfalama ul li { border-right: 1px solid #ccc }
.fgSayfalama ul li.active { color: #fff; display: block; line-height: 57px; height: 57px; border-right: none; padding: 0 20px }
.fgNext, .fgPrev { height: 56px; line-height: 56px; width: 65px; text-align: center }
.fgSayfalama ul li a:hover { color: #484cb5 }
.fgSayfalama ul li:last-child { border: none }
.fgPrev { float: left; border-right: 1px solid #ccc; left: 0 }
.fgNext { float: right; border-left: 1px solid #ccc; position: relative; position: absolute; right: 0 }
.fgNext i, .fgPrev i { width: 16px; height: 14px; display: block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) }
.fgNext:hover, .fgPrev:hover { background-image: -webkit-linear-gradient(right, #5f3eb6, #424fb5); background-image: -moz-linear-gradient(right, #5f3eb6, #424fb5); background-image: -o-linear-gradient(right, #5f3eb6, #424fb5); background-image: -ms-linear-gradient(right, #5f3eb6, #424fb5); background-image: linear-gradient(to left, #5f3eb6, #424fb5) }
.fgPrev i { background: url(images/icon/fgPrev.png) }
.fgNext i { background: url(images/icon/fgNext.png) }
.fgPrev:hover i { background: url(images/icon/fgPrev_h.png) }
.fgNext:hover i { background: url(images/icon/fgNext_h.png) }
.archive-pagination.pagination { text-align: center }
.archive-pagination.pagination>a { margin: auto auto auto -4px; float: none; display: inline-grid; width: 35px }
.archive-pagination.pagination>.custom-page-links { display: inline-block; float: none; padding: 0; border: 0; margin-top: -40px; position: relative; top: 0; color: #fff; background: #505050; font-weight: 700; width: 40px; margin-left: -3px; border-right: 1px solid #dbdbdb; line-height: 57px; height: 57px; background-image: -webkit-linear-gradient(right, rgba(95,62,182,.95), rgba(66,79,181,.95)); background-image: -moz-linear-gradient(right, rgba(95,62,182,.95), rgba(66,79,181,.95)); background-image: -o-linear-gradient(right, rgba(95,62,182,.95), rgba(66,79,181,.95)); background-image: -ms-linear-gradient(right, rgba(95,62,182,.95), rgba(66,79,181,.95)); background-image: linear-gradient(to left, rgba(95,62,182,.95), rgba(66,79,181,.95)) }
.archive-pagination.pagination>a>span { border-right: 1px solid #dbdbdb; display: block; float: left }
.archive-pagination.pagination>a:last-child { float: right }
.archive-pagination.pagination>a:first-child { float: left; position: relative; width: auto; margin-left: 0 }
.sagRek160, .solRek160 { width: 160px; height: 600px }
.archive-pagination.pagination>a:first-child>span { border: none }
.archive-pagination.pagination>a:hover>span { color: #f13d6b }
.fotoGaleri { display: block }
.solRek160 { float: left }
.sagRek160 { float: right }
.fgIc { display: table; margin: auto; width: 728px }
.fgRek728 { margin: 23px auto 0; display: table }
.fotoGaleri .blok { margin-top: 23px }
.fotoGaleri .sDetay { width: 100%; border-bottom: 2px solid #e7e9ee; margin-bottom: 10px }
.fotoGaleri .sDetay .sTitle { margin-top: 0; margin-bottom: 20px }
.fotoGaleri .sDetay .sButons ul li { list-style: none; float: left; width: auto; margin-right: 10px }
.fotoGaleri .sDetay .sButons { width: auto; float: none; margin-top: 20px; margin-right: 0 }
.fotoGaleri .sDetay .sButons ul { display: inline-block; padding: 0 }
.soru { width: 100%; margin-bottom: 20px }
.soru label:before { content: ""; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; right: 0; bottom: 0; left: 0; height: 20px; width: 20px; cursor: pointer; display: inline-block; margin-right: 14px; outline: 0; z-index: 2; border: 2px solid #d1d0d0; float: left }
.soru input[type=radio]:not(old):checked+label:after { position: absolute; content: ""; width: 10px; height: 10px; display: inline-block; font-size: 26.67px; text-align: center; line-height: 40px; background: #393c8c; left: 17px; top: 17px; z-index: 5 }
.soru input[type=radio]:not(old):checked+label:before { border-color: #fff; background: #fff }
.soru input[type=radio] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; right: 0; bottom: 0; left: 0; height: 0; width: 0; cursor: pointer; outline: 0; z-index: 1000; float: left; opacity: 0; border: none; visibility: hidden }
.soru input[type=radio]:checked::after { position: absolute; content: ""; width: 10px; height: 10px; display: inline-block; font-size: 26.67px; text-align: center; line-height: 40px; background: #f9b641; left: 6px; top: 6px }
.soru label { margin-top: 10px; cursor: pointer; color: #898989; width: 100%; display: block; height: 44px; position: relative; background-color: #fbfbfb; -webkit-box-shadow: 0 1px 2px rgba(211,211,211,.4); -moz-box-shadow: 0 1px 2px rgba(211,211,211,.4); box-shadow: 0 1px 2px rgba(211,211,211,.4); border: 1px solid #d8d8d8; padding: 10px; line-height: 28px; font-size: 16px }
.soru input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; right: 0; bottom: 0; left: 0; height: 18px; width: 18px; cursor: pointer; display: inline-block; margin-right: .5rem; outline: 0; z-index: 1000; border: 2px solid #ededed; float: left }
.soru input[type=checkbox]:checked::after { position: absolute; content: ""; width: 8px; height: 8px; display: inline-block; font-size: 26.67px; text-align: center; line-height: 40px; background: #f9b641; left: 3px; top: 3px }
.soru input[type=radio]:not(old):checked+label { background: #393c8c; color: #fff; border-color: #393c8c }
.yazarItem { height: 123px; width: 100%; padding: 15px 15px 12px; border-bottom: 1px solid #eee; display: block }
.widget .yazarlarBox .bx-wrapper:before { content: ""; position: absolute; height: 1px; background: #fff; bottom: 0; left: 1px; right: 1px; display: block; z-index: 222 }
.yazarlarBox .bx-wrapper .bx-controls-direction { width: 60px; position: absolute; top: -67px; right: 0 }
.yazarlarBox .bx-wrapper .bx-controls-direction a { width: 30px; top: 0; margin-top: 0; height: 46px; left: 0; right: 0; float: left; position: relative; border-left: 1px solid rgba(0,0,0,.1) }
.yazarlarBox .bx-wrapper .bx-controls-direction a:hover { background-color: rgba(0,0,0,.12) }
.yazarlarBox .bx-wrapper .bx-prev, .yazarlarBox .bx-wrapper .bx-prev:focus, .yazarlarBox .bx-wrapper .bx-prev:hover { background: url(images/icon/upArrow.png) center no-repeat }
.yazarlarBox .bx-wrapper .bx-next, .yazarlarBox .bx-wrapper .bx-next:focus, .yazarlarBox .bx-wrapper .bx-next:hover { background: url(images/icon/downArrow.png) center no-repeat }
.indexOneCikanTek a:hover .iocTitle, .sidebarHaberler>ul>li:nth-child(1) a:hover .shTitle { color: rgba(255,255,255,.8) }
.mArama, .mobilSearch { display: none }
.sl-wrapper a { border-bottom: 0!important; text-decoration: none!important }
.sl-button { padding: .375em .625em; font-size: 1em; line-height: 1; font-weight: 400 }
a.liked { color: #da1b1b }
.sl-count, a.liked span.sl-count, a.liked:active, a.liked:focus, a.liked:hover { color: #666 }
.sl-icon { margin-right: .3125em; font-family: 'Arial Unicode MS', Arial, sans-serif }
.boxHata img, a.anasayfaDon { margin: auto; display: table }
.sl-icon svg { fill: currentColor; width: 1em; height: 1em }
.sl-icon svg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.sl-count { font-size: .625em; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase }
.loader, .loader:after, .loader:before { background: rgba(0,0,0,.2); -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: .2em; height: .6em }
.loader:after, .loader:before { position: absolute; top: 0; content: '' }
.boxHata, .hizliMenu>ul>li>a, .loader { position: relative }
.loader:before { left: -.375em; -webkit-animation-delay: -.32s; animation-delay: -.32s }
.loader { text-indent: -9999em; display: inline-block; font-size: 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -.16s; animation-delay: -.16s }
.loader:after { left: .375em }
@-webkit-keyframes load1 {
0%, 100%, 80% {
box-shadow:0 0 rgba(0,0,0,.2);
height:.6em
}
40% {
box-shadow:0 -.3em rgba(0,0,0,.2);
height:1em
}
}
@keyframes load1 {
0%, 100%, 80% {
box-shadow:0 0 rgba(0,0,0,.2);
height:.6em
}
40% {
box-shadow:0 -.3em rgba(0,0,0,.2);
height:1em
}
}
.boxHata { background: url(images/404bg.jpg) center no-repeat #fcb040; padding: 120px 0; text-align: center; top: 8px }
a.anasayfaDon { width: 160px; height: 40px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #403634; line-height: 40px; font-size: 12px; color: #fff; transition: .3s; transform: scale(1) }
a.anasayfaDon:hover { transform: scale(1.1); transition: .3s }
.page p { margin-bottom: 10px }
.page form input, .page form textarea { }
.hizliMenu>ul>li>ul>li>a, span.etiket_yok_text { font-family: Poppins, sans-serif }
.page form { }
.page form ul li { }
.page form ul li:nth-child(+n+5) { width: 100%; padding: 0!important }
.page form ul li span { }
.page form ul li:nth-child(odd) { }
.page form ul li:last-child { margin-bottom: 0 }
.page form textarea { }
.page form input[type=submit] { color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; cursor: pointer }
.page form input:focus, .page form textarea:focus { transition: .3s; -webkit-box-shadow: 0 0 5px #5b40b6, inset 0 0 1px rgba(91,64,182,.6); -moz-box-shadow: 0 0 5px #5b40b6, inset 0 0 1px rgba(91,64,182,.6); box-shadow: 0 0 5px #5b40b6, inset 0 0 1px rgba(91,64,182,.6); border: 1px solid rgba(91,64,182,.85) }
.page form ul { display: block; float: left }
.iletisimContent { float: right; width: 47%; padding-left: 20px }
.page div.wpcf7 { float: left; }
.iletisimContent hr { height: 1px; border: none; background: #f1f1f1; margin: 9px 0 }
.iletisimContent img { display: table; margin: auto }
div.wpcf7-validation-errors { display: table; float: left; margin: 10px 0!important; padding: 20px!important; font-size: 14px }
.sDetay .baglanti_icerik { width: 100%; height: 152px; background: #ff7000; background: -moz-linear-gradient(45deg, #ff7000 0, #ff8e01 100%); background: -webkit-linear-gradient(45deg, #ff7000 0, #ff8e01 100%); background: linear-gradient(45deg, #ff7000 0, #ff8e01 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7000', endColorstr='#ff8e01', GradientType=1 );
display: inline-block; margin-bottom: 15px }
.sDetay .baglanti_icerik .image { display: block; width: 40%; height: 100%; float: left; overflow: hidden }
.sDetay .baglanti_icerik .image a { display: block; overflow: hidden }
.sDetay .baglanti_icerik .image a img { display: block; width: 100%; height: auto }
.sDetay .baglanti_icerik .text { width: 60%; display: inline-block; float: right; padding: 36px 20px 0; box-sizing: border-box }
.sDetay .baglanti_icerik .text span.ust { display: block; width: 100%; color: #FFF; font-size: 12px; font-weight: 700; text-transform: Uppercase; padding-bottom: 5px }
.sDetay>ol, .sDetay>ul { display: block; box-sizing: border-box; padding: 0 0 15px 15px; width: 100% }
.sDetay .baglanti_icerik .text a { display: block }
.sDetay .baglanti_icerik .text a:hover { text-decoration: underline; text-decoration-color: #FFF }
.sDetay .baglanti_icerik .text a span.baslik { color: #FFF; font-size: 18px; font-weight: 700; line-height: 25px; width: 100% }
.sDetay>ul li { list-style-type: disc; float: none; width: 100% }
.kategoriFull .kPostList ul li .kpDetay, .kategoriFull .kPostList ul li .kpZaman, .kategoriFull .kPostList:before { display: none }
.sDetay>ol li { list-style-type: decimal; float: none; width: 100% }
.sDetay del { text-decoration: line-through }
.sDetay img.alignleft { float: left; margin-right: 25px }
.sDetay img.alignright { float: right; margin-left: 25px }
.sDetay img.aligncenter { margin: 0 auto; }
span.etiket_yok_text { color: #6a6a6a; font-size: 12.5px; text-align: left; padding-left: 2px }
.yapilanYorumlar ul.children li { border-right: 2px solid #CDC3F8; border-bottom: 2px solid #CDC3F8 }
a.tumVideoBtn { float: right; color: #fff; font-size: 12px; margin-top: 17px; margin-right: 30px; transition: .3s; opacity: 1 }
a.tumVideoBtn i { float: right; margin-left: 10px; transition: .3s }
a.tumVideoBtn:hover { transition: .3s; margin-right: 20px; opacity: .8 }
.kategoriFull .kPostList ul li { padding-left: 0; width: calc(50% - 10px); margin-right: 20px }
.kategoriFull .kPostList ul li .kpDurum { background: 0 0; padding: 0; width: auto; top: 0; margin-top: 10px; margin-left: -7px }
.kategoriFull .kPostList ul li:nth-child(even) { margin-right: 0 }
.kategoriFull .kPostList ul li .kpTitle { margin-top: 0; width: calc(100% - 210px); font-size: 18px }
.kategoriFull .kPostList ul li .kpImg { width: 190px; height: 104px }
.kategoriFull .kPostList ul li .kpTitle a { max-height: 54px; overflow: hidden; display: block }
.kategoriFull .kPostList { padding-left: 15px }
.kategoriFull .kPostList ul li:nth-child(odd) .kpTitle { width: calc(100% - 230px) }
.rekFull { margin-top: 0px; width: 100%; margin-bottom: 30px; max-width: 100%; background: #FFFFFF; display: table; float: left; box-sizing: border-box; }
.has-padding { padding: 30px 30px 0 30px; margin-bottom: 0px; }
.rekFullHome { margin-bottom: 0px!important; margin-top: 20px!important; }
.indexOrtaSlider .iosTitle h2 { font-size: inherit; font-weight: 500; }
.sagSlider .ssTitle h3 { font-size: inherit; font-weight: 500 }
.postList>ul>li .pTitle h4 { font-size: inherit; font-weight: 700 }
.indexOneCikanTek .iocTitle h5 { font-size: inherit; font-weight: 600 }
.copyright h6 { font-size: inherit; font-weight: 400 }
h1.indexBaslik { display: none }
.hizliMenu { float: right; padding-top: 0; margin-right: 5px }
.hizliMenu>ul>li { float: left; margin: 0 3px }
.hizliMenu>ul>li>a>img { display: block; padding-top: 25px }
.hizliMenu>ul>li>a>span.badge { background-color: #ff5e3a; -webkit-box-shadow: 0 1px 15px rgba(17,21,25,.46); -moz-box-shadow: 0 1px 15px rgba(17,21,25,.46); box-shadow: 0 1px 15px rgba(17,21,25,.46); background-image: -webkit-linear-gradient(right, #bc4cae, #fd3a5c); background-image: -moz-linear-gradient(right, #bc4cae, #fd3a5c); background-image: -o-linear-gradient(right, #bc4cae, #fd3a5c); background-image: -ms-linear-gradient(right, #bc4cae, #fd3a5c); background-image: linear-gradient(to left, #bc4cae, #fd3a5c); width: 19px; height: 19px; color: #fff; display: block; text-align: center; line-height: 19px; position: absolute; right: 2px; top: 14px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 10px; font-weight: 700 }
.hizliMenu>ul>li { line-height: 66px; position: relative; }
.hizliMenu>ul>li>a { height: 66px; padding: 0 12px; width: 100%; display: block; }
.hizliMenu>ul>li.hizliMenuActive { background: #37357d; box-shadow: inset 0 -5px 5px 0 rgba(45,45,100,.25) }
.hizliMenu>ul>li>ul { position: absolute; left: 50%; margin-left: -80px; top: 66px; display: none; z-index: 3 }
.hizliMenu>ul>li>ul>li { width: 160px; height: 34px; background: #37357d; text-align: center; line-height: 34px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px }
.hizliMenu>ul>li>ul>li>a { color: #FFF; font-size: 12px; text-transform: Uppercase; font-weight: 500; width: 100%; display: block }
.hizliMenu>ul>li>ul>li>a>span { display: none }
.hizliMenu>ul>li>ul.emojiler_acilir { width: 515px; height: 60px; left: -110px }
.hizliMenu>ul>li>ul.emojiler_acilir li { float: left; width: auto; height: 60px; border-radius: 0; -webkit-border-radius: 0 }
.hizliMenu>ul>li>ul.emojiler_acilir li a { padding: 20px 9px 22px }
.hizliMenu>ul>li>ul.emojiler_acilir li:first-child a { padding: 20px 9px 22px 14px }
.hizliMenu>ul>li>ul.emojiler_acilir li:first-child { border-bottom-left-radius: 2px }
.hizliMenu>ul>li>ul.emojiler_acilir li:last-child a { padding: 20px 16px 20px 9px }
.hizliMenu>ul>li>ul.emojiler_acilir li:last-child { border-bottom-right-radius: 2px }
.hizliMenu>ul>li>ul.emojiler_acilir li.emoji_active { background: #4d4a99; transition: .3s }
.hizliMenu>ul>li>ul.emojiler_acilir li.emoji_active a { padding: 20px 0 22px; width: 85px; text-align: center }
.hizliMenu>ul>li>ul.emojiler_acilir li.emoji_active a span { display: block; margin-top: -7px; font-size: 11px }
.hizliMenu>ul>li>ul.emojiler_acilir li.emoji_active a img { display: block; padding-left: 32px }
.hizliMenu>ul>li>ul.emojiler_acilir li:nth-child(5) a img { margin-top: -2px }
.single .rekFull img { margin: 0 auto }
.mobilAna1TabAltiRek, .mobilAna2TabAltiRek { margin-bottom: 20px; float: left; width: 100%; display: inline-block }
.mobilFooterUstuRek { margin-bottom: 10px; float: left; width: 100%; display: inline-block }
.desktop_single_banner_ust { margin-top: -1px; padding-bottom: 15px; padding-top: 2px; display: block; width: 100%; }
.desktop_single_banner_ust .kod { margin: 0 auto; display: block; width: 100%; }
.desktop_single_banner_ust img { display: block; margin: 0 auto; }
.desktop_single_banner_ust2 { padding-bottom: 20px; display: block; width: 100%; margin-top: -5px; float: left; }
.desktop_single_banner_ust2 .kod { margin: 0 auto; display: block; width: 100%; }
.desktop_single_banner_ust2 img { display: block; margin: 0 auto; }
.iletisimBox { -webkit-box-shadow: 3px 4px 76px 4px rgba(205,216,225,.6); -moz-box-shadow: 3px 4px 76px 4px rgba(205,216,225,.6); box-shadow: 3px 4px 76px 4px rgba(205,216,225,.6); width: 1002px; background: #fff; margin: 50px auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; height: 526px; }
.iletisimLeft { background: url(images/iletisimLeft.png); width: 419px; height: 526px; float: left; position: relative; font-family: Roboto, sans-serif; }
.iletisimLeft h1 { color: #fff; font-size: 34px; left: 45px; top: 55px; position: absolute; }
.iletisimLeft h1 strong { font-size: 64px; display: block; font-weight: 900; line-height: 68px; }
.iletisimLeft p { color: #fff; font-size: 14px; line-height: 24px; position: absolute; left: 45px; top: 180px; width: 290px; margin-bottom: 0px; }
.iletisimRight { float: right; padding: 45px 45px 45px 26px; width: 583px; }
.iletisimRight input, .iletisimRight select { border: 1px solid #d8dbe6; display: block; height: 54px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; width: 100%; padding: 13px 20px 0px; color: #515365; font-family: Roboto, sans-serif; }
.iletisimRight ul { }
.iletisimRight ul li { width: 100%; position: relative; display: inline-block; margin-bottom: 24px; }
.iletisimRight ul li:nth-child(1), .iletisimRight ul li:nth-child(2) { width: calc(50% - 10px); float: left; }
.iletisimRight ul li:nth-child(1) { margin-right: 20px; }
.iletisimRight ul li strong { position: absolute; font-size: 10px; left: 20px; top: 10px; color: rgba(136, 141, 168, 0.6); font-weight: 300; letter-spacing: 0.5px; z-index: 2; }
.iletisimRight textarea { border: 1px solid #d8dbe6; display: block; height: 120px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; width: 100%; padding: 13px 20px 0px; color: #515365; font-family: Roboto, sans-serif; resize: none; }
.iletisimRight input[type="submit"] { border: none; padding: 0px; color: #fff; background: #5a4f96; font-size: 14px; font-weight: 700; cursor: pointer; }
.iletisimRight select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: #fff url(images/icon/formArrow.png) no-repeat right center; }
.iletisimRight input[type="submit"]:hover { background: #44378a; }
div.wpcf7-validation-errors { position: absolute; top: -16px; border: none !important; color: red; font-size: 12px !important; }
span.wpcf7-not-valid-tip { bottom: -10px; position: relative; left: 0px; width: 100%; font-size: 11px !important; }
div.wpcf7-mail-sent-ng { position: absolute; top: 13px; border: none !important; color: red; font-size: 12px !important; margin: 0px !important; }
/* Wrapper */
.sl-wrapper a { border-bottom: 0 !important; text-decoration: none !important; }
.sl-button { padding: 0.375em 0.625em; font-size: 1em; line-height: 1; font-weight: normal; }
/* Colors */
a.liked { color: #da1b1b; }
a.liked:hover, a.liked:active, a.liked:focus { color: #666666; }
a.liked span.sl-count, .sl-count { color: #666666; }
/* Icon */
.sl-icon { margin-right: 0.3125em; font-family: 'Arial Unicode MS', Arial, sans-serif; vertical-align: middle; }
.sl-icon svg { fill: currentColor; width: 1em; height: 1em; }
.sl-icon svg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
/* Count */
.sl-count { font-size: 0.625em; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase; vertical-align: middle; }
/* Loader */
.loader, .loader:before, .loader:after { background: rgba(0, 0, 0, 0.2); -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: .2em; height: .6em; }
.loader:before, .loader:after { position: absolute; top: 0; content: ''; }
.loader:before { left: -.375em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.loader { text-indent: -9999em; display: inline-block; position: relative; vertical-align: middle; font-size: 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.loader:after { left: .375em; }
@-webkit-keyframes load1 {
 0%, 80%, 100% {
 box-shadow: 0 0 rgba(0, 0, 0, 0.2);
 height: .6em;
}
 40% {
 box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
 height: 1em;
}
}
@keyframes load1 {
 0%, 80%, 100% {
 box-shadow: 0 0 rgba(0, 0, 0, 0.2);
 height: .6em;
}
 40% {
 box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
 height: 1em;
}
}
.yorumBegenSayisi .yorumBegenSayisi { top: -2px; right: -2px; }
.paragrafRek { margin-bottom: 24px; }
.sButons ul li.font_kucult { cursor: pointer; display: block; width: 32px; height: 32px; margin-bottom: 10px; overflow: hidden; background: #d1d0d0; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.sButons ul li.font_kucult img { display: block; }
.sButons ul li.font_default { cursor: pointer; display: block; width: 32px; height: 32px; margin-bottom: 10px; overflow: hidden; background: #d1d0d0; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.sButons ul li.font_default img { display: block; }
.sButons ul li.font_buyut { cursor: pointer; display: block; width: 32px; height: 32px; margin-bottom: 10px; overflow: hidden; background: #d1d0d0; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.sButons ul li.font_buyut img { display: block; }
.sButons ul li.font_buyut:hover, .sButons ul li.font_default:hover, .sButons ul li.font_kucult:hover { background: #312C4C; }
#effecto_bar { border-top: 1px solid #eee; }
.kategoriSidebar .sideRek { margin-bottom: 0px; }
.infinite-repeat { margin-top: 35px; }
.infinite-repeat:first-child { margin-top: 0px; }
.nocomments { font-size: 14px; font-weight: 400; color: #333; float: left; display: block; width: 100% }
.rekFixSol { position: fixed; left: 50%; margin-left: -750px; top: 80px; }
.rekFixSag { position: fixed; right: 50%; margin-right: -750px; top: 80px; }
ul.wp-block-gallery { display: flex; padding: 0px; }
.rekFixSol.sticky, .rekFixSag.sticky { position: fixed; top: 80px !important; }
.sDetay blockquote { border-left: 4px solid #000000; padding-left: 20px; }
ul.wp-block-latest-posts { padding: 0px; margin: 0px; margin-bottom: 20px; }
ul.wp-block-latest-posts li { list-style: none; border-bottom: 1px solid rgba(50, 95, 176, 0.2); padding: 10px 0px; }
ul.wp-block-latest-posts li a { color: #135fb0; }
ul.wp-block-latest-posts li:last-child { border: 0; }
ul.wp-block-latest-posts li a:hover { color: #fb3b5f; }