@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,500,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;object-fit:cover;max-width: 100%!important;}
.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(//www.dijibeyin.com/wp-content/themes/birportal/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; visibility: hidden;position: fixed; top: 60px; left: 0; width: 240px; z-index: 9999; bottom: 0; height: 100vh; background: #32394a; box-shadow: inset 10px 10px 30px #20273a; overflow-y: scroll!important;
transition: all .35s ease-in-out;
transform: translateX(-100%);
opacity:0;}
.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(//www.dijibeyin.com/wp-content/themes/birportal/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; max-height: 66px;}
.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: "" }
.burger-lines:before { top: 10px }
.burger-lines:after { top: -10px }
.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: 120px; z-index: 3; left: 0; background: url(//www.dijibeyin.com/wp-content/themes/birportal/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: 120px!important; position: fixed }
.headBar { width: 100%; height: 66px; -moz-box-shadow: 0 2px 4px rgba(17,21,25,.36); position: fixed; z-index: 999; 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(//www.dijibeyin.com/wp-content/themes/birportal/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 }
.ocImg:before, .ustmenu ul>li>a:before { left: 0; content: "" }
.ocImg, .oneCikanlar { position: relative; float: left }
.oneCikanlar { width: 100%; display: inline-block; background: #2b3138;  -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(//www.dijibeyin.com/wp-content/themes/birportal/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: 20px; 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: 83px; 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(//www.dijibeyin.com/wp-content/themes/birportal/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; object-fit: cover; width: 100%;}
.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: auto;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;margin-top:-3px;}
.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 }
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 { margin-bottom:20px;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; 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 }
.indexOrtaSlider .iosImg:before { position: absolute; left: 0; background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/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: 48px; width: 34px; 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(255, 255, 255, 0.90) }
.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(255, 255, 255, 0.90) }
.indexOrtaSlider .owl-nav .owl-next:hover, .indexOrtaSlider .owl-nav .owl-prev:hover,
.sagSlider .owl-nav .owl-next:hover, .sagSlider .owl-nav .owl-prev:hover{ background-color:#5f3eb6!important; }
.indexOrtaSlider .owl-nav .owl-next:before, .indexOrtaSlider .owl-nav .owl-prev:before {     position: absolute;
content: "";
margin: -9.5px 0 0 -7.5px;
top: 50%;
left: 50%;
width: 12px;
height: 19px;
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/arrowblack.png)no-repeat center!important;}
.indexOrtaSlider .owl-nav .owl-next:hover:before, .indexOrtaSlider .owl-nav .owl-prev:hover:before,
.sagSlider .owl-nav .owl-next:hover:before, .sagSlider .owl-nav .owl-prev:hover:before{
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/prev.png) no-repeat center center!important;
}
.indexOrtaSlider .owl-nav .owl-next:before {     transform: rotate(180deg);
margin: -9.5px 0 0 -6px; }
.indexOrtaSlider .owl-dots {display:none; 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;object-fit: cover;
height: 100%; }
.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: 48px; width: 34px; 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(255, 255, 255, 0.90) }
.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(255, 255, 255, 0.90) }
.sagSlider .owl-nav .owl-next:before, .sagSlider .owl-nav .owl-prev:before {     position: absolute;
content: "";
margin: -9.5px 0 0 -7.5px;
top: 50%;
left: 50%;
width: 12px;
height: 19px;
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/arrowblack.png)no-repeat center!important;}
.sagSlider .owl-nav .owl-next:before {    transform: rotate(180deg);
margin: -9.5px 0 0 -6px;}
.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(//www.dijibeyin.com/wp-content/themes/birportal/images/iosShadow.png) }
.sagSlider .ssImg { height: 314px }
.sagSlider .ssImg img { min-width: 100%; min-height: 314px; height: 100%;
width: 100%;
object-fit: cover; }
.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; box-shadow:inset 0 -134px 100px -50px rgba(0,0,0,0.70); }
.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: 100%;
height: 100%;
object-fit: cover; }
.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: 100%;
height: 100%;
object-fit: cover;
}
.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(//www.dijibeyin.com/wp-content/themes/birportal/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: 100%;
width: 100%;
object-fit: cover; }
.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;height: 100%;
object-fit: cover; }
.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(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/play.png); position: absolute; z-index: 4; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) }
.haftaninVideosu:hover .playBtn i { background: url(//www.dijibeyin.com/wp-content/themes/birportal/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;    width: 100%;
height: 100%;
object-fit: cover; }
.resimliKategoriler ul li a {width:100%;height: 100%;
display: block;}
.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%;    height: 100%;
object-fit: cover; }
.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(//www.dijibeyin.com/wp-content/themes/birportal/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(//www.dijibeyin.com/wp-content/themes/birportal/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: rgba(255, 255, 255, 0.1); line-height: 40px; font-size: 12px; color: #b5afd3; font-weight: 500;  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(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/fs_fb.png); width: 11px }
.fSocial ul li a.tw i { background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/fs_tw.png); width: 18px }
.fSocial ul li a.gp i { background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/fs_gp.png); width: 17px }
.fSocial ul li a.yt i { background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/fs_yt.png); width: 22px }
.fSocial ul li a.ins i { background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/fs_ins.png); width: 18px }
.fSocial ul li a.tm i { background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/fs_tm.png); width: 11px }
.fSocial ul li a.ilt i { background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/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(//www.dijibeyin.com/wp-content/themes/birportal/images/footerBg.png) center bottom; float: left }
.footerMenu .container {  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: 0; 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,.brnewnb { color: #767676!important;
font-size: 14px;
font-weight: 300;
font-family: 'Roboto'; padding: 0 6px 0 10px; }
.brtop-ck {
display: flex;
align-items: center;
justify-content: flex-start;
}
.brnewnb {
padding-left: 0;
}
.breadcrumb ul li:last-child, .breadcrumb ul li:last-child a {    color: #767676!important;
font-size: 14px;
font-weight: 500;
}
.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; }
.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(//www.dijibeyin.com/wp-content/themes/birportal/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;    height: 100%;
object-fit: cover; }
.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(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/sliderNextArrow.png) }
.fgSlider .owl-nav .owl-prev:before { background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/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(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/sliderNextArrow.png) }
.vgSlider .owl-nav .owl-prev:before { background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/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(//www.dijibeyin.com/wp-content/themes/birportal/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 }
.page h1.sTitle { margin-bottom: 30px }
.page, .single { margin-top: 20px; float: left; margin-bottom: 20px }
.single .breadcrumb { padding: 0 0 15px;line-height:13px;    display: flex;
align-items: center;
justify-content: space-between; }
.singleSol { float: left; width: 770px }
.content { margin-bottom: 30px }
.content iframe { width: 100%; }
.sOzet, h1.sTitle { float: left; display: block; width: 100% }
h1.sTitle { line-height: 38px; color: #000; font-weight: 700;margin-bottom:13px; }
span.read_count {
font-size: 14px;
font-weight: 300;
color: #767676;
display: block;
}
span.read_count b {
font-weight: 300;
}
.sOzet { font-size: 18px; color: #767676; line-height: 28px; padding: 10px 0 14px; font-weight: 300; }
.sButons, .sOneCikan { display: inline-block; float: left }
.sOneCikan { width: 100%; margin-bottom: 20px }
.sOneCikan iframe { width: 100% }
.sDetay { width: 100%; 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: 48px; width: 34px; 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: 34px; height: 48px; display: block; position: absolute }
.benzerIcerikler .owl-nav .owl-prev:before { background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/prev.png) }
.benzerIcerikler .owl-nav .owl-next:before { background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/prev.png);     transform: rotate(180deg); }
.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(//www.dijibeyin.com/wp-content/themes/birportal/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: 15px!important; z-index: 2; position: relative; margin-right: 0; 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(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/fgPrev.png) }
.fgNext i { background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/fgNext.png) }
.fgPrev:hover i { background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/icon/fgPrev_h.png) }
.fgNext:hover i { background: url(//www.dijibeyin.com/wp-content/themes/birportal/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: 97px; 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(//www.dijibeyin.com/wp-content/themes/birportal/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(//www.dijibeyin.com/wp-content/themes/birportal/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(//www.dijibeyin.com/wp-content/themes/birportal/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: 104px; background: #ff7000; background: #4a4ab5; );
display: inline-block; margin-bottom: 15px }
.sDetay .baglanti_icerik .image { display: block; width: 182px; height: 100%; float: left; overflow: hidden }
.sDetay .baglanti_icerik .image a { display: block; overflow: hidden;height:100%; }
.sDetay .baglanti_icerik .image a img { display: block; width: 100%; height: 100%;object-fit: cover;}
.sDetay .baglanti_icerik .text {     width: auto;
display: flex;
flex-direction: column-reverse;
height: 104px;
padding: 0 25px;
position: relative;
justify-content: center; }
.sDetay .baglanti_icerik .text span.ust {     padding-top: 5px;
float: left;
width: 100%;
font-size: 12px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
position: relative;
font-family: 'Roboto';}
.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 {    float: left;
width: 100%;
color: #fff;
font-size: 20px;
line-height: 24px;
font-weight: 700;
padding-top: 5px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: 'Roboto'; }
.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 }
.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(//www.dijibeyin.com/wp-content/themes/birportal/images/iletisimLeft.png); width: 419px; height: 100%; 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 0 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(//www.dijibeyin.com/wp-content/themes/birportal/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; } .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; } a.liked { color: #da1b1b; }
a.liked:hover, a.liked:active, a.liked:focus { color: #666666; }
a.liked span.sl-count, .sl-count { color: #666666; } .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; } .sl-count { font-size: 0.625em; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase; vertical-align: middle; } .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 { 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; }
.mobile-foo {
display: none;
} .blog-post-in-body-left .arb-friend-image {
margin: 0 0 16px 0;
width: 44px;
height: 44px;
margin: 0 auto;
text-align: center;
border-radius: 100%;
overflow: hidden;
padding: 2px;
}
.blog-in-bl p {
display: block;
position: absolute;
left: calc(100% + 5px);
top: 50%;
transform: translateY(-50%);
font-size: 12px;
font-family: 'Roboto', sans-serif;
height: 26px;
background-color: #3E405D;
border-radius: 12px;
text-align: center;
line-height: 27px;
padding: 0 13px;
color: #fff;
font-weight: 500;
width: max-content;
z-index: 999;
visibility: hidden;
opacity: 0;
transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
}
.blog-post-in-body-left {float: left;width: 48px;display: block;height: calc(100% - 5px);position: absolute;left:0;}
.blog-post-in-body-left .in-sticky {float: left;width: 48px;display:flex;flex-direction:column;position: absolute;height: auto;z-index: 2;z-index: 999;overflow:hidden;}
.blog-post-in-body .drop-user-infos-arb {float: unset;}
.drop-user-infos-arb {display: inline-block;float: left;position: relative;width: 44px;height: 44px;left:2px;}
.blog-post-in-body-left .arb-friend-image {margin: 0 0 16px 0;
width: 44px;
height: 44px;
margin: 0 auto;
text-align: center;
border-radius: 100%;
overflow: hidden;
padding: 2px;
}
.blog-post-in-body-left .arb-after {width: 100%;height: 100%;border-radius: 100%;background-color: #fff;padding: 2px;}
.arb-after img {border-radius:100%;}
.blog-post-in-body-left .point {position: absolute;right: 0;bottom: 0;background-color: #fff;border-radius: 100%;padding: 2px;}
.blog-in-bl p {display: block;position: absolute;left: calc(100% + 5px);top: 50%;transform: translateY(-50%);font-size: 12px;font-family: 'Roboto', sans-serif;height: 26px;background-color: #3E405D;
border-radius: 12px;text-align: center;line-height: 27px;padding: 0 13px;color: #fff!important;font-weight:500;width: max-content;z-index: 999;visibility: hidden;
opacity: 0;transition: opacity .2s ease-in-out, visibility .2s ease-in-out;}
.point span {width: 18px;height: 18px;background-color: #45457D;border-radius: 100%;display: block;text-align: center;line-height: 18.5px;font-family: 'Roboto', sans-serif;font-size: 10px;font-weight: 400;color: #fff;}
.blog-social .facebook a {border-bottom-left-radius: 0!important;border-bottom-right-radius: 0!important;background-color: #4565A0;}
.blog-social .share a {height: 34px;width: 34px;border-radius: 100%;cursor: pointer;display: table-cell;text-align: center;line-height: 34px;position: relative;vertical-align: middle;}
.blog-social .share a img {margin: 0 auto;max-height: 16px;}
.blog-social .share .blog-in-bl p {background-color: inherit;margin-left: 10px;}
.blog-social .twitter {margin-top: 2px;}
.blog-social .twitter a {border-top-left-radius: 0!important;border-top-right-radius: 0!important;background-color: #64B6EF;}
.blog-social-options .blog-in-bl {display: block;width: 34px;height: 34px;border-radius: 100%;margin-top: 8px;text-align: center;line-height: 34px;}
.blog-social-like .blog-social-in {background-color: #F75E6B;}
.blog-social-in {display: table-cell;width: 34px;height: 34px;text-align: center;margin: 0 auto;vertical-align: middle;position: relative;background-color: gray;border-radius: 100%;cursor: pointer;}
.blog-social-options .blog-in-bl p {background-color: inherit; margin-left: 10px;}
.blog-social-comment .blog-social-in {background-color: #4E4AC8;}
.blog-social-favorite .blog-social-in {background-color: #FD5830;}
.blog-social-favorite svg {width: 10px;height: 13px;margin: 0 auto;border: 0;max-width: 100%;height: auto;display: block;}
.blog-social-emotions ul {max-height: 50px;}
.blog-social-emotions:hover ul {max-height: unset;}
.blog-social-emotions ul li:first-child {visibility: visible;opacity: 1;}
.blog-social-emotions ul li img {transition: transform .2s ease-in-out;}
.blog-social-emotions ul li {padding: 0;position: relative;height: auto!important;line-height: 1em!important;visibility: hidden;opacity: 0;transition: visibility .2s ease-in-out, opacity .2s ease-in-out;cursor: pointer;}
.blog-social-options .blog-in-bl {display: block;width: 34px;height: 34px;border-radius: 100%;margin-top: 8px;text-align: center;line-height: 34px;}
.blog-social-emotions ul li span {font-family: 'Roboto', sans-serif;font-size: 12px;font-weight:500;color:#3e405d;line-height: 1em;transition: transform .2s ease-in-out;display: block;margin-top: 5px;}
.blog-social-emotions .blog-in-bl p {background-color:#3E405D;margin-top: 0;top: 4px;transform: translateY(0);}
.blog-social .facebook a:hover {background-color: #5e7eba;}
.blog-in-bl:hover p {visibility:visible;opacity:1;}
.blog-social-emotions:hover ul li {visibility:visible;opacity: 1;}
.blog-social-emotions:hover ul li:hover img,
.blog-social-emotions:hover ul li:hover span {transform: scale(1.2);}
.blog-social .twitter a:hover {background-color:#90caf3;}
.blog-social-like .blog-social-in img, .blog-social-comment .blog-social-in img {margin:0 auto}
.blog-social {display:flex;flex-direction:column;align-items:center;margin-top:10px;}
.right.r270 {
width: 300px!important;
}
i.search.s270 {
margin-right: 15px!important;
}
a.postUploadButton.p270 {
margin-left: 0!important;
margin-left: 14px!important;
}
.loggedIn {
padding-left:15px;
} .friends-list-body .more-content{
margin-bottom:14px
}
.more-content a{
height:42px;
line-height:42px;
color:#fff;
width:223px;
background:linear-gradient(to left, rgba(95,62,182,.95), rgba(66,79,181,.95));
border-radius:21px;
font-family:'Roboto';
font-weight:700;
display:inline-flex;
text-align:center;
justify-content:center;
font-size:13px
}
.more-content svg{
margin-right:14px;
width:20px;
transition:transform .4s linear
}
.more-content svg path{
fill:#fff
}
.more-content a:hover svg{
transform:rotate(-360deg)
}
.friends-list-header h5{
font-family:'Roboto';
font-size:22px;
font-weight:700;
color:#3e3f5e
}
.friends-list-header h5 i{
font-style:normal;
color:#33d2e0
}
.friends-list-header .section-head-input{
width:370px;
position:relative
}
.more-content{
display:block;
width:100%;
text-align:center;
margin-top:16px
}
.section-messages-search input::placeholder{
color:#afb0c0
}
.friends-list-header .section-messages-search input{
height:44px;
background-color:#fff;
border-radius:6px;
border:1px solid #dedeea;
padding:0 45px 0 20px;
font-family:'Roboto';
font-weight:600;
line-height:16px;
color:#3e3f5e;
transition:border-color .2s ease-in-out;
max-width:370px;
width:100%;
float:right
}
.section-messages-search .section-head-input svg{
max-width:20px;
position:absolute;
top:13px;
right:20px
}
.friends-list-header .section-messages-search svg path{
fill:#afb0bf
}
.flb-options i{
font-style:normal
}
.flb-mid{
position:absolute;
bottom:-32px;
background-color:#fff;
padding:9px;
border-radius:100%;
z-index:998;
width:118px;
height:118px;
left:50%;
transform:translate(-50%,50%);
bottom:0;
overflow:hidden
}
.friends-list-body{
margin-top:1px
}
.friends-list-body .column4{
margin:15px 0;
position:relative;
width:100%;
min-height:1px;
padding-right:15px;
padding-left:15px;
float:left;
-webkit-box-flex:0;
flex:0 0 33.333333%;
max-width:33.333333%
}
.friends-list .row{
display:flex;
flex-wrap:wrap;
margin-right:-15px;
margin-left:-15px
}
.flb-header{
width:100%;
height:110px;
border-radius:6px 6px 0 0;
position:relative
}
.flb-header figure.cover{
border-radius:6px 6px 0 0;
width:100%;
height:100%;
overflow:hidden
}
.flb-header .cover img{
min-height:100%;
min-width:100%;
max-width:initial
}
.flb-bottom{
background-color:#fff;
padding:14px 26px 25px;
border-radius:0 0 6px 6px;
box-shadow:0px 0px 40px 0px rgba(94,94,152,.06)
}
.with-icon-bg.fb{
background-color:#3763d2
}
.with-icon-bg.ins{
background-color:#ff7a51
}
.with-icon-bg.dri{
background-color:#f661ab
}
.with-icon-bg.tw{
background-color:#1abcff
}
.with-icon-bg.youtube{
background-color:#fd434f
}
.with-icon-bg.twitch{
background-color:#7b5dfa
}
.with-icon-bg svg{
width:12px;
height:auto
}
.with-icon-bg svg path{
fill:#fff
}
.flb-left .with-icon-bg,.flb-right .with-icon-bg{
position:relative;
top:unset;
left:unset;
float:left
}
.flb-left .with-icon-bg:first-child{
margin-right:7px
}
.flex-between{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap
}
.flb-right .with-icon-bg:last-child{
margin-left:7px
}
.flb-social a{
display:inline-block
}
.flb-name{
margin-top:25px;
text-align:center;
width:100%;
display:block;
font-family:'Roboto'
}
.flb-name h3{
font-size:18px;
font-weight:700;
line-height:24px;
color:#3e3f5e;
margin-bottom:3px
}
.flb-name a{
display:block;
font-size:12px;
font-weight:700;
line-height:19px;
color:#afb0c0
}
.friends-list-header{
width:100%;
margin-top:20px;
}
.flb-options a{
font-family:'Roboto';
font-size:12px;
font-weight:700;
color:#fff;
line-height:48px;
left:4px;
width:150px;
text-align:center;
height:48px;
border-radius:4px;
transition:all .2s ease-in-out;
display:inline-block;
text-align:center;
position:relative
}
.friends-list-body .flb-mid img{
border-radius:100%;
object-fit:cover;
width:100%;
height:100%
}
.flb-options a:first-child{
margin-right:18px
}
.flb-options{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
margin-top:14px
}
.flb-options a i.svgg,.flb-options a svg{
width:20px;
height:20px;
position:absolute;
top:30px;
left:50%;
margin-left:-10px;
transform:translateY(20px);
opacity:0;
visibility:hidden;
transition:opacity .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out
}
.flb-options a svg path{
fill:#fff
}
.flb-options p{
top:34px;
transition:opacity .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out
}
.flb-options .button-purple{
background-color:#5753e4
}
.flb-options .button-blue{
background-color:#33d2e0
}
.flb-social .with-icon-bg{
overflow:hidden
}
.flb-social .with-icon-bg svg{
transition:transform .2s ease-in-out
}
.flb-social .with-icon-bg:hover svg{
animation:upper-icon .35s ease-in-out
}
@keyframes upper-icon{
0%{
transform:translateY(0)
}
50%{
transform:translateY(-250%)
}
51%{
transform:translateY(250%)
}
100%{
transform:translateY(0)
}
}
.content-box-body p.user-status-bot{
font-size:14px;
font-weight:500;
color:#3e3f5e
}
.content-box-body .user-list{
padding:27px 33px;
border:1px solid #eaeaf5;
border-radius:4px;
box-shadow:0px 0px 40px 0px rgba(94,94,152,.06);
background-color:#fff;
margin-top:12px;
display:flex;
justify-content:space-between;
align-items:center;
position:relative
}
.content-box-body .user-list-out:nth-child(even) .user-list{
background-color:#f8f8fb
}
.content-box-body .user-list p.user-status-title{
margin-top:0
}
.friends-request-box{
margin-top:19px
}
.fr-box-right svg path{
fill:#fff
}
.fr-box-right a{
border-radius:4px;
color:#fff;
height:40px;
line-height:40px;
text-align:center;
justify-content:center;
display:inline-flex;
text-align:center;
width:113px;
font-family:'Roboto';
font-size:12px;
font-weight:700;
overflow:hidden;
position:relative
}
.flb-social .with-icon-bg:hover svg{
animation:upper-icon .35s ease-in-out
}
a.fr-box-1{
margin-right:6px;
background-color:#5753e4
}
a.fr-box-2{
background-color:#ff7a51
}
.fr-box-right svg{
margin-right:10px;
transition:transform .35s ease-in-out;
width:20px
}
.fr-box-right a:hover svg{
animation:upper-icon .35s ease-in-out
}
.widget-profile-infos svg{
width:20px;
margin:0 auto;
border:0;
max-width:100%;
height:auto;
display:block
}
.widget-profile-infos svg path{
fill:#3e3f5e
}
.widget-profile-infos .wpi-top div{
width:50%;
text-align:center
}
.wpi-top{
padding:0 10px 30px;
background-color:#fff;
width:100%;
border-radius:0;
border-bottom:1px solid #eaeaf5;
font-family:'Roboto'
}
.wpi-top div{
margin-top:29px
}
.widget-profile-infos h5{
font-size:14px;
font-weight:700;
color:#3e3f5e;
margin:16px 0 7px
}
.widget-profile-infos p{
font-size:11px;
font-weight:700;
color:#afb0c0
}
.wpi-bot{
text-align:center;
background-color:#f8f8fb;
border-radius:0;
padding:30px 0;
font-family:'Roboto';
box-shadow:0px 0px 40px 0px rgba(94,94,152,.06)
}
.content-in.right{
width:calc(100% - 311px);
border-radius:0;
float:right
}
.blog-category-post:after,.blog-category-post:before,.content-in-blog:after,.content-in-blog:before,.content-in.right:before,.content-in.right:after{
content:'';
display:table;
clear:both
}
.content-in .content-box{
padding:27px 30px;
border-radius:0;
background-color:#fff;
box-shadow:0 0 40px 0 rgba(94,92,154,.06);
position:relative
}
.content-in .content-box-title p{
font-size:14px;
font-weight:700;
color:#3e3f5e;
font-family:'Roboto';
line-height:21px
}
.content-box-title p i{
font-style:normal;
color:#33d2e0
}
.content-box-title svg{
width:20px;
float:left;
margin-right:12px
}
.content-box-title svg path{
fill:#3e3f5e
}
.avatar-section{
width:100%;
height:230px;
border-radius:6px;
background-image:url(//www.dijibeyin.com/wp-content/themes/birportal/images/av4.png);
background-size:cover;
background-position:center;
position:relative
}
.form-row{
display:flex;
flex-wrap:nowrap;
width:100%;
margin:19px 0 5px;
position:relative
}
.form-row .form-item{
margin-right:24px;
width:100%;
display:block;
position:relative
}
.form-row .form-item input,.form-row .form-item textarea,.form-row .form-item select,.services-steps-input input,.steps-with-input input,.price-inputs.actions-input input{
height:50px;
background-color:#fcfcfb;
border:1px solid #e2e2e1;
border-radius:4px;
padding:15px 20px 0;
width:100%;
font-family:'Roboto';
font-size:11px;
font-weight:700;
color:#010101;
text-transform:uppercase;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.form-row .form-item textarea{
resize:none;
height:190px
}
.form-item textarea::placeholder{
color:#b1b0b0
}
form .content-box-title{
margin-top:23px;
margin-bottom:19px
}
.code-box{
padding:20px;
background-color:#edfeff;
border:1px solid #baedf1;
border-radius:3px
}
.code-box p{
font-family:'Roboto';
font-size:11px;
font-weight:700;
line-height:18px;
color:#16909b
}
.code-box.blue{
background-color:#edfeff;
border:1px solid #baedf1
}
.code-box.purple{
background-color:#e4e1ff;
border:1px solid #bbb3ff;
border-radius:6px
}
.code-box.blue p{
color:#16909b
}
.code-box.purple p{
color:#8476ec
}
.form-item svg.arrow-down{
width:8px;
height:5px;
position:absolute;
top:50%;
transform:translateY(-50%);
right:20px;
pointer-events:none
}
.form-item svg path{
fill:#3e405d
}
.form .profile-button:hover{
background-color:#5753e4!important
}
.form-row .form-item select{
cursor:pointer;
padding-top:0;
padding-bottom:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
color:#b1b0b0
}
.form-item svg.arrow-down path{
fill:#b1b0b0
}
.with-icon-bg{
width:32px;
height:32px;
border-radius:4px;
background-color:#3763d2;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
position:absolute;
top:9px;
left:9px
}
.with-icon-bg.fb{
background-color:#3763d2
}
.with-icon-bg.ins{
background-color:#ff7a51
}
.with-icon-bg.dri{
background-color:#f661ab
}
.with-icon-bg.tw{
background-color:#1abcff
}
.with-icon-bg.youtube{
background-color:#fd434f
}
.with-icon-bg.twitch{
background-color:#7b5dfa
}
.with-icon-bg svg{
width:12px;
height:auto
}
.with-icon-bg svg path{
fill:#fff
}
.form-item.with-icon input{
padding:15px 20px 0 50px
}
.form-item.with-icon .anim-input-place{
left:51px
}
.options-switch-left{
height:32px
}
.options-switch-left .with-icon-bg{
position:relative;
top:unset;
left:unset
}
.form-row.mt28{
margin-top:28px
}
.options-switch p{
font-family:'Roboto';
font-size:11px;
font-weight:700;
color:#b1b0b0;
margin-left:10px
}
.form-switch{
display:flex;
align-items:center;
width:50px;
height:24px;
border-radius:12px;
cursor:pointer;
position:relative;
background-color:#afb0bf;
transition:background-color .3s ease-in-out
}
.form-switch.active{
background-color:#5753e4
}
.form-switch .form-switch-button{
width:18px;
height:18px;
border-radius:50%;
background-color:#fff;
position:absolute;
top:3px;
left:3px;
transition:left .3s ease-in-out
}
.form-switch .form-switch-button:after,.form-switch .form-switch-button:before{
content:"";
width:2px;
height:8px;
background-color:rgba(175,176,191,1);
opacity:.2;
position:absolute;
top:5px;
border-radius:1px
}
.form-switch .form-switch-button:after{
right:6px
}
.form-switch .form-switch-button:before{
left:6px
}
.form-switch.active .form-switch-button{
left:29px
}
.content-box.t30{
margin-top:30px
}
.content-box.t30 .form-row:not(:last-child){
margin-bottom:42px
}
.phbi-middle-right .with-icon-bg {
position: static;
}.phbi-middle-right .with-icon-bg:hover {
opacity: .8;
}
.form-row .form-item:last-child{
margin-right:0
}
.avatar-section:after{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(97,93,250,.85);
border-radius:6px
}
.sidebar-left {
width: 284px;
float: left;
}
.sidebar-left .widget {
width: 100%;
height: auto;
display: block;
box-shadow: 0px 0px 40px 0px rgba(94,94,152,.06);
border-radius: 6px;
}
.sidebar-left .widget:first-child {
margin-bottom: 30px;
}
.add-cover label.add-cover-text, .add-avatar label.add-cover-text {
cursor: pointer;
display: inline-block;
font-family: 'Roboto';
font-size: 12px;
font-weight: 700;
color: #fff;
background-color: #3e405d;
height: 27px;
line-height: 28px;
border-radius: 12px;
padding: 0 13px;
margin-right: 5px;
opacity: 0;
transition: .2s ease-in-out;
}
.add-cover span.add-cover-icon, .add-avatar span.add-cover-icon {
background-color: #fff;
width: 27px;
height: 27px;
text-align: center;
border-radius: 100%;
position: relative;
float: right;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
transition: transform .6s ease-in-out;
}
.add-avatar:hover span {
transform: rotate(360deg);
}
a.add-avatar:hover label {
opacity: 1;
}
.toggler.toggler-menu:last-child {
border-radius: 0 0 6px 6px;
}
.toggler.toggler-menu {
overflow: hidden;
margin-bottom: 0;
}
.toggler .toggler-header {
min-height: 52px;
width: 100%;
line-height: 1.2em;
background-color: #fcfcfd;
border: 1px solid #eaeaf5;
padding: 17px 50px 17px 20px;
font-weight: 500;
color: #3e3f5e;
border-radius: 4px 4px 0 0;
cursor: pointer;
position: relative;
}
.toggler-menu .toggler-header {
padding: 32px 28px;
background-color: #fff;
border-radius: 0;
border: 0;
border-bottom: 1px solid #eaeaf5;
}
.toggler.toggler-menu:last-child .toggler-header {
border-bottom: 0;
}
.toggler-menu .toggler-header.toggle-on:before {
transform: rotate(90deg);
}
.toggler .toggler-header:before {
content: "";
position: absolute;
right: 23px;
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 8px;
background-color: #3e405d;
transition: transform .2s ease-in-out;
}
.toggler .toggler-header:before {
right: 31px;
top: 35px;
transform: unset;
}
.toggler .toggler-header:after {
content: "";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 2px;
background-color: #3e405d;
}
.toggler .toggler-header:after {
right: 28px;
top: 38px;
transform: unset;
}
.toggler-icon {
fill: #4a4ab5;
width: 20px;
height: 20px;
}
.toggler-header-in svg {
float: left;
}
.toggler-header-in-text {
padding-left: 32px;
padding-right: 5px;
}
.toggler-header-in-text span {
font-family: 'Roboto';
font-size: 14px;
font-weight: 700;
color: #3e3f5e;
margin-bottom: 6px;
display: block;
}
.toggler-header-in-text p {
font-family: 'Roboto';
font-size: 11px;
font-weight: 400;
color: #9192a6;
line-height: 16px;
}
.toggler-menu .toggle-in {
background-color: #fcfcfe;
padding: 17px 0 15px 60px;
border: 0;
border-bottom: 1px solid #eaeaf5;
}
.toggler-menu:last-child .toggle-in {
border-top: 1px solid #eaeaf5;
border-bottom: 0;
}
.toggler-menu .toggle-in ul li {
display: block;
}
.toggler-menu .toggle-in ul li a {
display: block;
font-family: 'Roboto';
font-weight: 700;
color: #3e3f5e;
transition: color .2s ease-in-out,transform .2s ease-in-out;
padding: 11px 0;
font-size: 13px;
}
.toggler-menu .toggle-in ul li a:hover, .toggler-menu .toggle-in ul li.active a {
color: #33d2e0;
transform: translateX(4px);
}
.toggler-menu .toggle-in ul li a:hover, .toggler-menu .toggle-in ul li.active a {
color: #4a4ab5;
}
.add-cover span.add-cover-icon svg, .add-avatar span.add-cover-icon svg {
width: 13px;
height: 13px;
}
.form .profile-button{
border:0;
background:none;
outline:none;
width:126px;
height:34px;
border-radius:4px;
text-align:center;
line-height:34px;
background-color:#4a4ab5;
color:#fff;
font-family:'Roboto';
font-size:11px!important;
font-weight:700;
text-transform:uppercase;
margin:20px 0 0;
cursor:pointer;
margin-right:12px
}
.profile-alert{
display:inline-block;
font-family:'Roboto';
font-size:11px;
font-weight:700;
border-radius:4px;
color:#fff;
padding:0 25px;
background-color:#33d2e0;
text-transform:uppercase;
height:34px;
line-height:35px;
position:relative
}
.profile-alert.error{
background-color:#fb2e53;
box-shadow:0px 6px 10px 0px rgba(251,46,83,.2)
}
.profile-alert:after{
content:"";
position:absolute;
left:0;
top:50%;
transform:translate(-50%,-50%) rotate(45deg);
border-radius:1px;
width:10px;
height:10px;
background-color:#33d2e0;
margin-left:1px
}
.profile-alert.error:after{
background-color:#fb2e53
}
.profile-alert.success{
background-color:#33d2e0
}
.avatar-section-in{
position:relative;
z-index:99;
flex-direction:column;
height:100%
}
.avatar-section-in .active-avatar{
width:100px;
height:100px;
border-radius:100%;
position:relative
}
.avatar-section-in .active-avatar-img{
width:100%;
height:100%;
border-radius:100%;
background-color:#e72d43;
overflow:hidden
}
.avatar-section-in .active-avatar img{
min-width:100%;
min-height:100%;
width:auto
}
.avatar-title h5{
font-family:'Roboto';
font-size:25px;
font-weight:700;
color:#fff;
margin:21px 0 14px
}
.avatar-title span{
font-family:'Roboto';
font-size:14px;
font-weight:700;
color:#fff
}
a.add-avatar{
position:absolute;
left:0;
width:max-content;
top:36px;
display:block;
margin-left:5px;
z-index:9
}
.avatar-up{
width:100%;
height:230px;
padding:17.5px 12px;
position:absolute;
top:0;
left:0;
background-color:rgba(97,93,250,.85);
border-radius:6px;
z-index:999;
display:none
}
.avatar-set:after{
left:9px;
top:5px;
width:5px;
height:10px;
border:solid #fff;
border-width:0 3px 3px 0;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.avatar-col{
width:58px;
height:58px;
overflow:hidden;
text-align:center;
margin:3.5px;
border-radius:100%;
float:left;
cursor:pointer;
position:relative;
background-color:rgba(255,255,255,.4);
padding:4px
}
.avatar-col-img{
width:100%;
height:100%;
overflow:hidden;
border-radius:100%
}
.avatar-col img{
min-height:58px;
min-width:100%;
max-width:inherit
}
.avatar-col .cover-btn{
color:#fff;
background-color:#4e4ac8;
border-radius:100%;
width:100%;
height:100%;
text-align:center;
display:flex;
align-items:center;
justify-content:flex-end;
flex-direction:column;
cursor:pointer;
position:relative
}
.avatar-col input{
font-size:100px;
position:absolute;
left:0;
top:0;
opacity:0;
cursor:pointer
}
.avatar-col .cover-btn:after{
content:"";
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:20px;
height:2px;
background-color:#fff
}
.avatar-col .cover-btn:before{
content:"";
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:2px;
height:20px;
background-color:#fff
}
.avatar-col-img:hover:before,.avatar-col-img:hover:after{
visibility:visible;
opacity:1
}
.avatar-col-img:after{
left:9px;
top:5px;
width:10px;
height:20px;
border:solid #fff;
border-width:0 2px 2px 0;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
content:"";
z-index:999;
position:absolute;
top:50%;
left:50%;
margin-top:-11px;
margin-left:-4px;
visibility:hidden;
opacity:0;
transition:opacity .2s ease-in-out,visibility .2s ease-in-out
}
.avatar-col-img:hover:before,.avatar-col-img:hover:after{
visibility:visible;
opacity:1
}
.avatar-up-scroll{
height:194px
}
.avatar-col-img:before{
content:"";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border-radius:100%;
background:#4e4ac8;
visibility:hidden;
opacity:0;
transition:opacity .2s ease-in-out,visibility .2s ease-in-out;
width:calc(100% - 6px);
height:calc(100% - 6px)
}
.content-box-body .row{
display:flex;
flex-wrap:wrap;
margin-right:-15px;
margin-left:-15px
}
.wpi-q{
position:relative;
display:inline-block
}
.wpi-q-tool{
position:absolute;
right:-20px;
top:2px;
cursor:pointer
}
.wpi-q-tool img{
width:17px
}
p.wpi-box{
position:absolute;
width:208px;
height:144px;
border-radius:4px;
background-color:#3e405d;
padding:13px 7px;
color:#fff;
font-size:12px;
font-weight:700;
line-height:20px;
bottom:100%;
left:50%;
transform:translateX(-50%) translateY(10px);
margin-bottom:10px;
visibility:hidden;
opacity:0;
user-select:none;
pointer-events:none;
transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out
}
.wsq-in{
padding:30px;
background-color:#fff;
border-radius:0;
border-bottom:1px solid #eaeaf5
}
.wsq-in svg{
max-width:20px;
float:left
}
.wsq-in svg path{
fill:#3e3f5e
}
.wsq-in-rating span{
font-family:'Roboto';
font-size:14px;
font-weight:700;
color:#3e3f5e;
display:block;
margin-bottom:9px
}
.wsq-in-rating i{
font-style:normal
}
.wsq-in-rating i.star-mobile{
display:none
}
.wsq-in-rating{
padding-left:32px;
position:relative
}
.wsq-in-b{
position:relative
}
.wsq-in-rating ul li{
display:inline-block
}
.wsq-in-b{
margin-bottom:23px;
display:block
}
.wsq-in-b:last-child{
margin-bottom:0
}
.wsq-in-bottom{
height:95px;
width:100%;
position:relative;
padding:0 30px;
background-color:#f8f8fb;
font-family:'Roboto';
border-radius:0;
box-shadow:0px 0px 40px 0px rgba(94,94,152,.06)
}
.wsq-in-bottom-left p{
font-size:11px;
font-weight:700;
line-height:12px;
color:#afb0c0
}
.wsq-in-bottom-left h6{
color:#3e405d;
padding:0;
margin:0;
font-size:12px;
font-weight:700;
margin-top:10px
}
.wsq-in-bottom-right p{
font-size:11px;
font-weight:700;
color:#afb0c0;
padding-bottom:6px
}
.wsq-in-bottom-right span{
color:#fc995b;
font-size:34px;
font-weight:700;
line-height:1em
}
.wsq-in-bottom-left{
padding-top:3px
}
.profile-header{
position:relative;
height:300px;
width:100%
}
.profile-header figure{
border-radius:0;
height:300px;
overflow:hidden;
width:100%
}
.page .flex-center,.page.newsCategory .flex-center{
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.profile-header figure img{
width:100%;
height:100%;
object-fit:cover;
border-radius:0
}
.profile-cont .profile-header,.profile-cont .profile-header img,.profile-cont .profile-header figure{
border-radius:0
}
.phbi-avatar{
position:absolute;
width:120px;
height:120px;
border-radius:100%;
overflow:hidden;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.phbi-avatar img{
min-height:100%;
min-width:100%;
max-width:initial
}
.profile-header-b-infos{
width:100%;
height:120px;
position:relative;
background-color:#fff;
border-radius:0;
box-shadow:0px 0px 40px 0px rgba(94,94,152,.06)
}
.phbi-middle ul li{
display:inline-block;
font-family:'Roboto';
text-align:center;
position:relative;
padding-right:19px;
margin-right:15px
}
.phbi-middle ul li span{
font-size:20px;
font-weight:700;
color:#3e3f5e;
line-height:24px
}
.phbi-middle ul li p{
font-size:11px;
font-weight:700;
line-height:12px;
color:#afb0c0;
margin-top:10px
}
.phbi-actions a p i{
font-style:normal
}
.phbi-actions svg,.phbi-actions i.svgg{
width:20px;
height:20px;
position:absolute;
transition:opacity .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out;
top:30px;
left:50%;
margin-left:-10px;
transform:translateY(20px);
opacity:0;
visibility:hidden;
transition:opacity .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out
}
.phbi-actions svg path{
fill:#fff
}
.phbi-actions p{
top:34px;
transition:opacity .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out
}
.phbi-middle{
height:100%
}
.phbi-middle ul li:not(:last-child):after{
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
width:1px;
height:20px;
background-color:#eaeaf5
}
.phbi-middle ul li:last-child{
padding-right:0;
margin-right:0
}
.phbi-middle-left{
position:absolute;
left:237px;
}
.phbi-middle-right{
position:absolute;
right:84px
}
a.phbi-middle-mid-title{
color:#3e3f5e;
font-size:20px;
font-weight:700;
line-height:24px;
margin-top:19px
}
a.phbi-middle-mid-link,
.dptle{
font-size:12px;
font-weight:700;
line-height:20px;
color:#afb0c0
}
.phbi-middle-mid a{
display:block
}
.phbi-middle-mid{
text-align:center;
font-family:'Roboto'
}
.phbi-actions a{
display:inline-block;
width:170px;
height:48px;
line-height:48px;
color:#fff;
font-family:'Roboto';
font-size:12px;
font-weight:700;
text-align:center;
border-radius:4px;
transition:background-color .2s ease-in-out
}
a.phbi-add{
background-color:#615dfa;
box-shadow:0px 6px 10px 0px rgba(98,99,246,.2);
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
margin-left:-198px
}
a.phbi-add:hover{
background-color:#5753e4
}
a.phbi-send{
background-color:#33d2e0;
box-shadow:0px 6px 10px 0px rgba(51,210,224,.2);
position:absolute;
top:0;
right:50%;
transform:translateX(50%);
margin-right:-198px
}
a.phbi-send:hover{
background-color:#1bc5d4
}
.phbi-actions{
position:absolute;
top:0;
transform:translateY(-50%);
width:100%;
height:48px
}
.column-top{
width:100%;
height:120px;
border-radius:0;
box-shadow:0px 0px 40px 0px rgba(94,94,152,.06);
position:relative;
display:flex;
justify-content:center;
align-items:center;
text-align:center
}
.gridx3{
width:100%;
position:relative;
margin-top:10px
}
.content-in .column4{
position:relative;
width:100%;
min-height:1px;
padding-right:15px;
padding-left:15px;
float:left;
-webkit-box-flex:0;
flex:0 0 33.333333%;
max-width:33.333333%
}
.content-box.radius6.mt30 .more-content {
margin-top: 0!important;
}
.column-bottom{
width:100%;
height:75px;
border-radius:0;
background-color:#fff;
border:1px solid #eaeaf5;
box-shadow:0px 0px 40px 0px rgba(94,94,152,.06);
padding:14px 20px 20px;
font-family:'Roboto';
margin-bottom:30px
}
.column-top-left,.column-top-right{
position:absolute;
width:40px;
height:40px;
border-radius:100%;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
cursor:pointer;
z-index:999
}
.column-top-left svg,.column-top-right svg{
width:20px
}
.column-top-left svg path,.column-top-right svg path{
fill:#fff
}
.column-top-mid figure{
width:100%;
height:120px;
overflow:hidden
}
.column-top-mid img{
min-width:100%;
min-height:100%;
max-width:100%;
object-fit:cover
}
.column-top-left{
bottom:20px;
left:17px;
background-color:#33d2e0
}
.column-top-right{
right:17px;
bottom:20px;
background-color:#fb9461
}
a.column-bottom-title{
font-size:15px;
font-weight:700;
line-height:22px;
color:#1d1d1e;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
height:44px;
margin-bottom:6px;
transition:color .2s ease-in-out
}
a.column-bottom-title:hover,.hover-green a.column-bottom-title:hover,.hover-red a.column-bottom-title:hover{
color:#5753e4!important
}
p.column-bottom-total-price{
font-size:18px;
font-weight:700;
line-height:12px;
color:#2b3353
}
p.column-bottom-price{
color:#adaebf;
font-weight:700;
line-height:12px;
text-decoration:line-through;
margin-bottom:10px;
font-size:13px
}
.column-tool{
position:absolute;
top:0;
white-space:nowrap;
background-color:inherit;
border-radius:12px;
font-family:'Roboto';
font-weight:700;
font-size:11px;
color:#fff;
padding:0 14px;
height:26px;
line-height:26px;
transform:translateY(-100%);
margin-top:-4px;
visibility:hidden;
opacity:0;
transition:opacity .2s ease-in-out,visibility .2s ease-in-out
}
.column-top-left:hover .column-tool,.column-top-right:hover .column-tool{
visibility:visible;
opacity:1
}
.user-services-in{
width:100%;
height:374px;
font-family:'Roboto';
margin-bottom:30px
}
.user-services-in-pos{
width:100%;
height:374px;
background-color:#fff;
text-align:center;
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:center;
border:1px solid #eaeaf5;
border-radius:6px;
padding:30px 20px;
box-shadow:0px 0px 40px 0px rgba(94,94,152,.06);
transition:all .2s ease-in-out;
transform-origin:center
}
h1.user-services-title{
font-size:18px;
font-weight:700;
color:#3e3f5e;
margin-bottom:22px
}
.user-services-in .wantto{
font-size:14px;
color:#3e3f5e;
font-weight:700;
display:inline-block;
width:204px;
height:48px;
border:1px solid #d5d7d9;
border-radius:0;
line-height:48px;
transition:all .2s ease-in-out
}
.user-services-in .wantto:hover,.user-services-in .wantto.active{
background-color:#fa4554;
box-shadow:0px 6px 10px 0px rgba(250,69,84,.2);
color:#fff;
border-color:#fa4554
}
.user-services-in figure img{
margin:0 auto;
max-width:136px
}
.user-services-in p{
font-size:12px;
line-height:18px;
font-weight:700;
color:#afb0c0;
display:block;
margin-top:20px;
transition:color .1s ease-in-out
}
.user-services-in:hover .user-services-in-pos{
width:calc(100% + 14px);
height:388px;
margin-top:-7px;
margin-left:-7px
}
.user-services-in:hover p{
color:#3e3f5e
}
.user-services-in:hover .wantto{
background-color:#fa4554;
box-shadow:0px 6px 10px 0px rgba(250,69,84,.2);
color:#fff;
border-color:#fa4554
}
.phbi-middle-right ul {
display: flex;
align-items: center;
}
.svg-u-add {
background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/svg-u-add.svg);
display: block;
}
.svg-u-minus {
background-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/svg-u-minus.svg);
display: block;
}
.flb-options a i.svgg, .flb-options a svg {
width: 20px;
height: 20px;
position: absolute;
top: 30px;
left: 50%;
margin-left: -10px;
transform: translateY(20px);
opacity: 0;
visibility: hidden;
transition: opacity .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out;
}
.flb-options i {
font-style: normal;
}
#cn{
position:absolute;
top:-99px;
transform:translateX(-50%);
left:50%;
z-index:997;
width:140px;
height:140px;
border-radius:100%
}
svg.kargo-icon{
width:22px;
height:22px
}
.p-sidebar.left{
float:left
}
.p-sidebar{
width:284px
}
.p-sidebar .widget{
width:100%;
height:auto;
display:block;
margin-top:20px;
box-shadow:0px 0px 40px 0px rgba(94,94,152,.06);
border-radius:0;
margin-bottom: 0;
} #newsSend.nwssup {
position: static!important;
visibility: visible!important;
opacity: 1!important;
filter: unset;
}
body.newsSendOpen{overflow:hidden}body.newsSendOpen>*{filter:blur(5px)}body.newsSendOpen>*.pop{filter:blur(0)}body.newsSendOpen>header{filter:blur(0)}body.newsSendOpen>header .bottom{filter:blur(5px)}
#newsSend{position:fixed;left:0;top:0px;right:0;bottom:0;z-index:9;filter:blur(0);opacity:0;visibility:hidden;-moz-transition-duration:.2s;-o-transition-duration:.2s;-webkit-transition-duration:.2s;transition-duration:.2s;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}#newsSend>.overlay{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}#newsSend>.close{position:absolute;left:50%;top:0;width:1200px;max-width:100%;text-align:right !important;height:0;transform:translateX(-50%);padding:0 15px}#newsSend>.close a{display:inline-block;font-size:16px;color:#fff;line-height:26px;margin-top:15px}#newsSend>.content{position:fixed;left:50%;top:165px;bottom:56px;width:0;max-width:100%;width:1200px;padding:0 15px;transform:translateX(-50%)}#newsSend>.content>div{width:100%;background:#fff;overflow:auto;max-height:100%}#newsSend>.content>div .row{margin:0;border:1px solid #d8d8d8}#newsSend>.content>div .row>div{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;padding:0 12px}#newsSend>.content>div .row>div:first-child{padding:0 20px 20px;width: 70%;float:left;}#newsSend>.content>div .row>div:first-child>strong{display:block;text-align:center !important;font-size:18px;color:#2b2b2b;font-weight:normal !important;padding:18px 0}#newsSend>.content>div .row>div:first-child>strong strong{color:rgba(66,79,181,.95);font-weight:600}#newsSend>.content>div .row>div:first-child form .input{position:relative;background:#fff;margin-bottom:14px;border:1px solid #dedede}#newsSend>.content>div .row>div:first-child form .input input,#newsSend>.content>div .row>div:first-child form .input select{width:100%;padding:0;font-size:15px;color:#2b2b2b;line-height:18px;padding:15px;background:none;border:none;appearance:none;-webkit-appearance:none;position:relative;z-index:1}#newsSend>.content>div .row>div:first-child form .input input[type="file"],#newsSend>.content>div .row>div:first-child form .input select[type="file"]{position:absolute;opacity:0;height:0;width:0;padding:0}#newsSend>.content>div .row>div:first-child form .input input::-webkit-input-placeholder,#newsSend>.content>div .row>div:first-child form .input select::-webkit-input-placeholder{color:#2b2b2b}#newsSend>.content>div .row>div:first-child form .input input::-moz-placeholder,#newsSend>.content>div .row>div:first-child form .input select::-moz-placeholder{color:#2b2b2b}#newsSend>.content>div .row>div:first-child form .input input:-ms-input-placeholder,#newsSend>.content>div .row>div:first-child form .input select:-ms-input-placeholder{color:#2b2b2b}#newsSend>.content>div .row>div:first-child form .input input:-moz-placeholder,#newsSend>.content>div .row>div:first-child form .input select:-moz-placeholder{color:#2b2b2b}#newsSend>.content>div .row>div:first-child form .input.url{border-color:#959595}#newsSend>.content>div .row>div:first-child form .input.url input{padding-left:45px}#newsSend>.content>div .row>div:first-child form .input.url b{position:absolute;left:10px;top:0;line-height:48px;font-size:20px;color:#000;width:35px;text-align:center !important}#newsSend>.content>div .row>div:first-child form .input input[type="file"]+label{display:block;line-height:46px;background:#c1c1c1;background:-moz-linear-gradient(bottom, #c1c1c1 0%, #ededed 100%);background:-webkit-linear-gradient(bottom, #c1c1c1 0%, #ededed 100%);background:linear-gradient(to top, #c1c1c1 0%, #ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#ededed', GradientType=0);position:relative;padding:0 20px 0 40px}#newsSend>.content>div .row>div:first-child form .input input[type="file"]+label i{position:absolute;left:10px;top:50%;width:30px;text-align:center !important;line-height:0;font-size:13px}#newsSend>.content>div .row>div:first-child form .input input[type="file"]+label span{display:block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}#newsSend>.content>div .row>div:first-child form .input>i{position:absolute;right:0;top:0;line-height:48px;width:40px;text-align:center !important;background:#ebebeb;font-size:12px}#newsSend>.content>div .row>div:first-child form .input>i+input,#newsSend>.content>div .row>div:first-child form .input>i+select{padding-right:55px}#newsSend>.content>div .row>div:first-child form .input>em{position:absolute;right:0;top:0;line-height:48px;width:44px;text-align:center !important;font-size:20px;border-left:1px solid #959595;background:#c1c1c1;background:-moz-linear-gradient(bottom, #c1c1c1 0%, #ededed 100%);background:-webkit-linear-gradient(bottom, #c1c1c1 0%, #ededed 100%);background:linear-gradient(to top, #c1c1c1 0%, #ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#ededed', GradientType=0)}#newsSend>.content>div .row>div:first-child form .input>em+input,#newsSend>.content>div .row>div:first-child form .input>em+select{padding-right:55px}#newsSend>.content>div .row>div:first-child form .input.sm input,#newsSend>.content>div .row>div:first-child form .input.sm select{padding-top:12px;padding-bottom:12px}#newsSend>.content>div .row>div:first-child form .input.sm input[type="file"]+label{line-height:42px}#newsSend>.content>div .row>div:first-child form .input.sm em{line-height:42px}#newsSend>.content>div .row>div:first-child form .input.sm.url b{line-height:42px}#newsSend>.content>div .row>div:first-child form .category{padding:6px 0 0;border-bottom:1px solid #d8d8d8;margin-bottom:20px}#newsSend>.content>div .row>div:first-child form .category ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}#newsSend>.content>div .row>div:first-child form .category ul li{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding:0 12px;padding:0 12px 20px}#newsSend>.content>div .row>div:first-child form .category ul li a{display:block;text-align:center !important;color:#2b2b2b;font-size:15px;border:1px solid #dedede;padding:15px;background:#f0f0f0;background:-moz-linear-gradient(bottom, #f0f0f0 0%, #fafafa 100%);background:-webkit-linear-gradient(bottom, #f0f0f0 0%, #fafafa 100%);background:linear-gradient(to top, #f0f0f0 0%, #fafafa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#fafafa', GradientType=0);-moz-transition-duration:.2s;-o-transition-duration:.2s;-webkit-transition-duration:.2s;transition-duration:.2s;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}#newsSend>.content>div .row>div:first-child form .category ul li a i{display:block;font-size:24px;color:#000;padding-bottom:10px;-moz-transition-duration:.2s;-o-transition-duration:.2s;-webkit-transition-duration:.2s;transition-duration:.2s;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}#newsSend>.content>div .row>div:first-child form .category ul li a.active{background:rgba(66,79,181,.95);border-color:rgba(66,79,181,.95);color:#fff}#newsSend>.content>div .row>div:first-child form .category ul li a.active i{color:#fff}#newsSend>.content>div .row>div:first-child #editor{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-12px;margin-left:-12px;margin:0}#newsSend>.content>div .row>div:first-child #editor>div{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:0 12px;padding:0}#newsSend>.content>div .row>div:first-child #editor .ql-toolbar{order:1;border:1px solid #dedede;border-top:none;padding:8px}#newsSend>.content>div .row>div:first-child #editor .ql-container{height:240px;overflow:auto;border:1px solid #dedede}#newsSend>.content>div .row>div:first-child .alert{background:#333333;color:#fff;font-size:15px;position:relative;padding:10px 20px 10px 40px;margin-top:20px}#newsSend>.content>div .row>div:first-child .alert i{position:absolute;left:5px;top:50%;line-height:0;width:35px;text-align:center !important}#newsSend>.content>div .row>div:first-child .inline{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}#newsSend>.content>div .row>div:first-child .inline>div{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:0 12px;padding:20px 12px 0}#newsSend>.content>div .row>div:first-child .inline>div .input{margin-bottom:0}#newsSend>.content>div .row>div:first-child .cap{margin-top:-20px;border-bottom:1px solid #d8d8d8;margin-bottom:20px}#newsSend>.content>div .row>div:first-child .cap>div{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}#newsSend>.content>div .row>div:first-child .cap>div>div{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:0 12px;padding:20px 12px}#newsSend>.content>div .row>div:first-child .cap>div>div .input{margin-bottom:0}#newsSend>.content>div .row>div:last-child{width: 30%; height: 715px;float:right;padding:0 12px;background:#f8f9fa;border-left:1px solid #d8d8d8;padding:60px 20px}#newsSend>.content>div .row>div:last-child .file{border:1px solid #d8d8d8;background:#fff;padding:20px;position:relative}#newsSend>.content>div .row>div:last-child .file span{position:absolute;background:rgba(66,79,181,.95);color:#fff;line-height:30px;top:-10px;left:20px;font-size:12px;font-weight:600;padding:0 15px}#newsSend>.content>div .row>div:last-child .file input{display:none}#newsSend>.content>div .row>div:last-child .file label{display:block;font-size:0;cursor:pointer}#newsSend>.content>div .row>div:last-child .file label img{width:100%}#newsSend>.content>div .row>div:last-child button{width:100%;display:block;padding:0;border:1px solid #57a22e;margin-top:20px;font-size:15px;color:#fff;font-weight:600;line-height:18px;padding:15px;background:#59a82f;background:linear-gradient(0deg, #59a82f 0%, #5fb433 100%);-moz-transition-duration:.2s;-o-transition-duration:.2s;-webkit-transition-duration:.2s;transition-duration:.2s;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;cursor:pointer}#newsSend>.content>div .row>div:last-child button span{position:relative;padding-left:30px}#newsSend>.content>div .row>div:last-child button span i{position:absolute;left:0;top:50%;line-height:0}#newsSend>.content>div .row>div:last-child button:hover{background:#5fb433;background:linear-gradient(0deg, #5fb433 0%, #59a82f 100%)}#newsSend>.content>div .row>div:last-child button.dark{border-color:#333333;background:#000;background:linear-gradient(0deg, #000 0%, #333 100%)}#newsSend>.content>div .row>div:last-child button.dark:hover{background:#333;background:linear-gradient(0deg, #333 0%, #000 100%)}#newsSend.open{opacity:1;visibility:visible}
.bottomBar {
width: 100%;
float: left;
height: 70px;
background-color: #fff;
margin-top: 66px;
z-index: 998;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 10.5px;
overflow: hidden;
}
.loggedin .bottomBar {
top: 98px;
}
.loggedin .mobile-search {
top: 44px!important;
}
.bottomBar .hizliMenu>ul>li>a {
height: 54px;
padding: 0 12px;
width: 100%;
display: flex;
align-items: center;
}
.bottomBar .hizliMenu>ul>li {
line-height: 54px;
}
.bottomBar .hizliMenu>ul>li>ul {
top: 54px;
}
.bottomBar .hizliMenu>ul>li>a>img {
padding-top: 0;
}
.news-abone a {
display: flex;
font-size: 12px;
color: #666;
float: left;
align-items: center;
justify-content: center;
}
.news-abone a:hover {
color: #e73130;
}
.news-abone-logo {
border: 1px solid #dedede;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
font-size: 13px;
}
.news-abone {display: flex;align-items: center;justify-content: center;float: right;}
.news-abone-logo img {
height: 14px;
margin-right: 3px;
margin-top: 3px;
}
.news-abone a span {
display: block;
width: max-content;
margin-right: 10px;
} .headBar .ustmenu { width: auto; margin: 0 0 0 65px; text-align: center; display: inline-block; }
.headBar .ustmenu #menu-header-menu { width: 100%; margin: 0 auto; text-align: center; display: inline; }
.headBar .ustmenu ul>li { line-height: 66px; display: inline-block; position: relative; }
.headBar .ustmenu ul>li.active { margin-left: 2px; }
.headBar .ustmenu ul>li.active>a { margin: 0 32px 0 0!important; }
.headBar .ustmenu ul>li.active:before { opacity: 0; visibility: hidden; position: Absolute; content: ""; top: 0; left: -18px; right: 0; width: calc(100% + 4px); height: 100%; }
.headBar .ustmenu ul>li.menu-item-has-children.active { position: relative; margin-right: 9px; }
.headBar .ustmenu ul>li.has-mega-menu.active { position: initial!important; margin-right: 9px }
.headBar .ustmenu ul>li.has-mega-menu.active>a { position: relative; }
.headBar .ustmenu ul>li.menu-item-has-children>a:before { opacity: 0; visibility: hidden; position: Absolute; content: ""; top: 0; left: -17px; right: 0; width: calc(100% + 50px); height: 100%; background: rgba(255, 255, 255, 0.05); }
.headBar .ustmenu ul>li.has-mega-menu>a:before { opacity: 0; visibility: hidden; position: Absolute; content: ""; top: 0; left: -17px; right: 0; width: calc(100% + 50px); height: 100%; background: rgba(255, 255, 255, 0.05); }
.headBar .ustmenu ul>li>a:before { opacity: 0; visibility: hidden; position: Absolute; content: ""; top: 0; left: -17px; right: 0; width: calc(100% + 36px); height: 100%; background: rgba(255, 255, 255, 0.05); }
.headBar .ustmenu ul>li.menu-item-has-children.active>a { margin: 0 46px 0 0!important; }
.headBar .ustmenu ul>li.has-mega-menu.active>a { margin: 0 46px 0 0!important; }
.headBar .ustmenu ul>li.active.menu-item-has-children:after { right: 23px!important }
.headBar .ustmenu ul>li.active.has-mega-menu>a:after { right: 23px!important }
.headBar .ustmenu ul>li>a { font-weight: 500; color: #ffffff; font-size: 15.3px; position: relative; float: left; }
.headBar .ustmenu ul>li>a { margin: 0 40px 0 0; }
.headBar .ustmenu ul>li.menu-item-has-children>a { margin: 0 46px 0 0; }
.headBar .ustmenu ul>li.menu-item-has-children:after { content: ""; float: right; width: 7px; height: 4px; background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/navArrow.png)no-repeat; position: absolute; top: 31px; right: 31px }
.headBar .ustmenu ul>li.has-mega-menu>a:after { content: ""; float: right; width: 7px; height: 4px; background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/navArrow.png)no-repeat; position: absolute; top: 31px; right: -17px }
.headBar .ustmenu ul>li.has-mega-menu { position: initial; }
.headBar .ustmenu ul>li:hover>a:before { opacity: 1; visibility: visible; }
.ustmenu ul>li {
float: unset;
}
.headBar .ustmenu ul>li>a {
font-family: 'Roboto';
} .headBar .ustmenu ul>li>ul.sub-menu {
box-sizing: border-box; list-style: none; top: 64px; left: -17px; position: absolute; min-width: 200px; white-space: nowrap; z-index: 999; 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); transition: .3s; padding: 18px 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; visibility: hidden;
background: linear-gradient(to right, rgba(66,79,181,0.96) 0%,#5f3eb6 100%);}
.headBar .ustmenu ul>li>ul.sub-menu>li.menu-item-has-children { padding-right: 0 }
.headBar .ustmenu ul>li>ul.sub-menu>li:hover>ul { visibility: visible; margin-left: 20px }
.headBar .ustmenu ul>li>ul.sub-menu>li>a:hover:before { opacity: 0; right: -5px; transition: .4s }
.headBar .ustmenu ul>li:hover>ul.sub-menu { 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 }
.headBar .ustmenu ul>li:hover>.mega-menu { 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 }
.headBar .ustmenu ul>li>ul.sub-menu>li>a:after, .header .ustmenu ul>li>ul>li>a:before { height: 10px; display: block; position: absolute; top: 14px }
.headBar .ustmenu ul>li>ul.sub-menu>li>a:hover:before { display: none; }
.headBar .ustmenu ul>li>ul.sub-menu>li { width: 100%; box-sizing: border-box; float: left; display: inline-block; margin: 0; padding: 0 0px 0 15px; line-height: 34.04px; position: relative; }
.headBar .ustmenu ul>li>ul.sub-menu>li:before { width: 4px; height: 4px; background: #FFF; position: absolute; left: 0; content: ""; top: 14.5px }
.headBar .ustmenu ul>li>ul.sub-menu>li>a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 0; display: block; width: 100%; text-align: left; }
.headBar .ustmenu ul>li>ul.sub-menu>li:after { height:100%; opacity: 0; position: absolute; left: -15px; right: 0; top: 0; bottom: 0; content: ""; background: rgba(255, 255, 255, 0.05); width: calc(100% + 30px); }
.headBar .ustmenu ul>li>ul.sub-menu>li:hover:after { opacity: 1; }
.headBar .ustmenu ul>li>ul.sub-menu>li:hover>a { position: relative; z-index: 9; }
.headBar .ustmenu ul>li>ul.sub-menu>li>a:before { display: none; }
.headBar .ustmenu ul>li>ul.sub-menu>li>a:after { position: absolute; left: -30px; height: 100%; top: 0; right: 0; bottom: 0; content: ""; width: 100%; } .mega-menu { position: absolute; width: 1170px; left: 0; top: 66px; margin-left: 0px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.11);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.11); opacity: 0; transition: .3s; visibility: hidden;}
.mega-menu .megaMenu { display: block; float: left; background: #FFF; width: 1170px; height: 280px; }
.mega-menu .megaMenu .leftCats { float: left; width: 245px; padding: 21px 0 21px 0; background: linear-gradient(to right, rgba(66,79,181,0.96) 0%,#5f3eb6 100%);}
.mega-menu .megaMenu .leftCats .inner { float: left; width: 100%; max-height: 239px; overflow: auto; }
.mega-menu .megaMenu .leftCats a { width: calc(100% - 42px); font-size: 13.3px; font-weight: 600; text-align: left; padding: 0 24px;
height: 31px; line-height: 31px; color: #FFF; text-transform: Uppercase; margin-left: 21px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;display: block;}
.mega-menu .megaMenu .leftCats a:after { display: none; }
.mega-menu .megaMenu .leftCats a:hover { background: rgba(255, 255, 255, 0.05); }
.mega-menu .megaMenu .leftCats .inner::-webkit-scrollbar {
width: 10px;
position:relative;
right:5px;
}
.mega-menu .megaMenu .leftCats .inner::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.15);
}
.mega-menu .megaMenu .leftCats .inner::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.151)
}
.mega-menu .megaMenu.styleTwo { height: 360px }
.mega-menu .megaMenu.styleTwo .leftCats { height: 360px }
.mega-menu .megaMenu.styleTwo .leftCats .inner { max-height: 318px }
.mega-menu .megaMenu.styleTwo .leftCats { background: #fbfbfb; border-right: 1px solid #e9e9e9; }
.mega-menu .megaMenu.styleTwo .leftCats .inner::-webkit-scrollbar-track {
background: #efeded;
}
.mega-menu .megaMenu.styleTwo .leftCats .inner::-webkit-scrollbar-thumb {
background: #d3d3d3;
}
.mega-menu .megaMenu.styleTwo .leftCats a { color: #b2b2b2 }
.mega-menu .megaMenu.styleTwo .leftCats a:hover { color: #242424 }
.mega-menu .megaMenu.styleTwo .rightPosts { }
.mega-menu .megaMenu.styleTwo .rightPosts .wrapper { margin-left: 23.5px; }
.mega-menu .megaMenu.styleTwo .rightPosts .postItem { float: left; width: 260px; margin-right: 26px; }
.mega-menu .megaMenu.styleTwo .rightPosts .postItem:nth-child(3n) { margin-right: 0px; }
.mega-menu .megaMenu.styleTwo .rightPosts .postItem .thumb { width: 100%; height: 154px; float: left; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36); }
.mega-menu .megaMenu.styleTwo .rightPosts .postItem .thumb .thumbW { width: 100%; height: 154px; float: left; overflow: hidden; position: Relative; }
.mega-menu .megaMenu.styleTwo .rightPosts .postItem .thumb .thumbW img { max-height: 154px; min-height: 154px; min-width: 100%; width: auto; object-fit:cover;}
.mega-menu .megaMenu.styleTwo .rightPosts .postItem .text { width: 100%; float: left; text-align: left; }
.mega-menu .megaMenu.styleTwo .rightPosts .postItem .text a { margin-top: 15px; max-height: 44px; overflow: hidden; width: 100%; float: left; font-size: 17px; color: #242424; font-weight: 700; line-height: 22px;display: block;}
.mega-menu .megaMenu.styleTwo .rightPosts .postItem .text p { text-transform: uppercase; margin-top: 17.5px; width: 100%; float: left; font-size: 13px; color: #979797; font-weight: 500; line-height: initial }
.mega-menu .megaMenu.styleTwo .slideButtons { float: left; width: 100%; position: relative; left: 46px; top: 22px; }
.mega-menu .megaMenu.styleTwo .slideButtons span.prev { border-radius: 2px; float: left; width: 30px; height: 34px; border: 1px solid #e9e9e9; cursor: pointer; position: relative; }
.mega-menu .megaMenu.styleTwo .slideButtons span.prev:before { position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -4px; content: ""; background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/megaMenuArrow.png)no-repeat; width: 8px; height: 12px; }
.mega-menu .megaMenu.styleTwo .slideButtons span.next { border-radius: 2px; float: left; margin-left: 4px; width: 30px; height: 34px; border: 1px solid #e9e9e9; cursor: pointer; position: relative; }
.mega-menu .megaMenu.styleTwo .slideButtons span.next:before { position: absolute; left: 50%; top: 50%; transform: rotate(180deg); margin: -6px 0 0 -4px; content: ""; background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/megaMenuArrow.png)no-repeat; width: 8px; height: 12px; }
.headlineOne .owl-carousel .owl-nav .owl-prev:hover:before, .headlineOne .owl-carousel .owl-nav .owl-next:hover:before {
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/prev.png) no-repeat center center!important;
}
.headlineOne .owl-next:before {
transform: rotate(180deg);
margin: -9.5px 0 0 -6px;
}
.headlineTwoWrapper .owl-nav .owl-prev:hover {
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/prev.png) no-repeat center center #533aac!important;
}
.headlineTwoWrapper .owl-nav .owl-next:hover {
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/prev.png) no-repeat center center #533aac!important;
transform: rotate(180deg);
}
.mega-menu .megaMenu.styleTwo .rightPosts .postItem .thumb:hover i.videoIcon { transform: rotate(360deg); transition: 400ms; }
.mega-menu .megaMenu.styleThree { height: 350px }
.mega-menu .megaMenu.styleThree .leftCats { height: 350px }
.mega-menu .megaMenu.styleThree .rightPosts { width: calc(100% - 0px); }
.mega-menu .megaMenu.styleThree .rightPosts .wrapper { margin-left: 0; display: block; width: calc(100% - 0px); }
.mega-menu .megaMenu.styleThree .rightPosts .postItem { float: left; width: 260px; margin-right: 26px; }
.mega-menu .megaMenu.styleThree .rightPosts .postItem:nth-child(3n) { margin-right: 26px; }
.mega-menu .megaMenu.styleThree .rightPosts .postItem:nth-child(4n) { margin-right: 0px; }
.mega-menu .megaMenu.styleThree .rightPosts .postItem .thumb { width: 100%; height: 154px; float: left; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36); }
.mega-menu .megaMenu.styleThree .rightPosts .postItem .thumb .thumbW { width: 100%; height: 154px; float: left; overflow: hidden; position: Relative; }
.mega-menu .megaMenu.styleThree .rightPosts .postItem .thumb .thumbW img { max-height: 154px; min-height: 154px; min-width: 100%; width: 100%; object-fit:cover; }
.mega-menu .megaMenu.styleThree .rightPosts .postItem .text { width: 100%; float: left; text-align: left; }
.mega-menu .megaMenu.styleThree .rightPosts .postItem .text a { margin-top: 15px; max-height: 44px; overflow: hidden; width: 100%; float: left; font-size: 17px; color: #242424; font-weight: 700; line-height: 22px; display: block;}
.mega-menu .megaMenu.styleThree .rightPosts .postItem .text p { text-transform: uppercase; margin-top: 17.5px; width: 100%; float: left; font-size: 13px; color: #979797; font-weight: 500; line-height: initial }
.mega-menu .megaMenu.styleThree .slideButtons { float: left; width: 100%; position: relative; left: 22px; top: 22px; }
.mega-menu .megaMenu.styleThree .slideButtons span.prev { border-radius: 2px; float: left; width: 30px; height: 34px; border: 1px solid #e9e9e9; cursor: pointer; position: relative; }
.mega-menu .megaMenu.styleThree .slideButtons span.prev:before { position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -4px; content: ""; background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/megaMenuArrow.png)no-repeat; width: 8px; height: 12px; }
.mega-menu .megaMenu.styleThree .slideButtons span.next { border-radius: 2px; float: left; margin-left: 4px; width: 30px; height: 34px; border: 1px solid #e9e9e9; cursor: pointer; position: relative; }
.mega-menu .megaMenu.styleThree .slideButtons span.next:before { position: absolute; left: 50%; top: 50%; transform: rotate(180deg); margin: -6px 0 0 -4px; content: ""; background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/megaMenuArrow.png)no-repeat; width: 8px; height: 12px; }
.mega-menu .megaMenu.styleThree .rightPosts .postItem .thumb:hover i.videoIcon { transform: rotate(360deg); transition: 400ms; }
.mega-menu .megaMenu .rightPosts { width: calc(100% - 245px); height: 280px; float: right; position: Relative; }
.mega-menu .megaMenu .rightPosts .wrapper { width: calc(100% - 46px); padding: 25px 23px 0 23px; margin-left: 25px; float: left; }
.mega-menu .megaMenu .rightPosts .item { width: 149px; height: 229px; margin: 0px 0px 0 1px; display: block; float: left; padding: 16px 16px 15px 16px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.07); -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.07); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.07); border-radius: 3px; border: 1px solid #dcdcdc; background: #ffffff; position: relative; overflow: hidden; }
.mega-menu .megaMenu .rightPosts .item:nth-child(5n) { margin: 0px 0px 0 0; }
.mega-menu .megaMenu .rightPosts .item a.thumb { width: 100%; height: 118px; border-radius: 2px; overflow: hidden; float: left;display: block;}
.mega-menu .megaMenu .rightPosts .item a.thumb img { min-height: 100%; min-width: 100%;object-fit:cover; }
.headBar .ustmenu ul>li.active.menu-item-has-children:after {
right: 23px!important;
}
.mega-menu .megaMenu .rightPosts .item .text { line-height: initial; width: 100%; display: block; float: left; padding-top: 16px; font-family: 'Roboto', sans-serif; text-align: left;}
.mega-menu .megaMenu .rightPosts .item .text a.title { overflow: hidden; color: #242424; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font-size: 15px; font-weight: 700; height: 16px; text-align: left; white-space: nowrap; text-overflow: ellipsis; display:block;}
.mega-menu .megaMenu .rightPosts .item .text a.category { text-align: left; color: #9da0a7; font-size: 13px; font-weight: 400; padding-top: 10px; display: block;-webkit-box-orient: vertical;    display: -webkit-box;    overflow: hidden;    -webkit-line-clamp: 1;}
.mega-menu .megaMenu .rightPosts .appsSLeftButton { position: absolute; left: 23px; top: 123px; width: 26px; height: 34px; border: 1px solid #e8e8e8; z-index: 2; cursor: pointer; }
.mega-menu .megaMenu .rightPosts .appsSLeftButton:before { position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -4px; content: ""; background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/megaMenuArrow.png)no-repeat; width: 8px; height: 12px; }
.mega-menu .megaMenu .rightPosts .appsSRightButton { position: absolute; right: 23px; top: 123px; width: 26px; height: 34px; border: 1px solid #e8e8e8; z-index: 2; cursor: pointer; }
.mega-menu .megaMenu .rightPosts .appsSRightButton:before { position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -4px; content: ""; transform: rotate(180deg); background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/megaMenuArrow.png)no-repeat; width: 8px; height: 12px; }
.mega-menu .megaMenu .rightPosts .appsSRightButton:hover, .mega-menu .megaMenu .rightPosts .appsSLeftButton:hover { background: #f8f8f8; }
.mega-menu .megaMenu .rightPosts .item ul.rating_form { margin-top: 9px!important; float: left; width: 100%; }
.mega-menu .megaMenu .rightPosts .item ul.rating_form li.item { display: inline-block; width: auto; height: 18px!important; margin: 0 3px 0 0!important; padding: 0; box-shadow: none; border: none; }
.mega-menu .megaMenu .rightPosts .item ul.rating_form li.item:last-child { margin: 0 0px 0 0!important; }
.mega-menu .megaMenu .rightPosts .item ul.rating_form li.item:nth-child(5n) { }
.mega-menu .megaMenu .rightPosts .item ul.rating_form li.rating_score { display: none!important; }
.mega-menu .megaMenu .rightPosts .item ul.rating_form li.rating_total { display: none!important; }
.mega-menu .megaMenu .rightPosts .item .rating_stats { display: none!important; }
.mega-menu .megaMenu .rightPosts .item .thankyou { display: none!important; }
.mega-menu .megaMenu .rightPosts .item .rated { display: none!important; }
.mega-menu .megaMenu.styleTwo .slideButtons span.next:hover, .mega-menu .megaMenu.styleTwo .slideButtons span.prev:hover { background: #f6f6f6; }
.mega-menu .megaMenu .rightPosts .item .text a.title {text-overflow:initial;white-space: normal;height:auto;max-height:36px;}
.thumbW a {display: block;} section.headline {width:100%;display:block;float:left;}
.headlineElement {width:100%;display:block;float:left;}
.headlineElement:last-child {} .headlineOne {width:100%;display:block;float:left;height:404px;margin:0px 1px 4px 0px;margin-top: -4px;}
.es-rek.center {text-align: center;}
.es-rek.center a img {
margin: 0 auto;
}
section.content.newsCategory .es-rek.gray {
margin-top: -24px;
padding-top: 15px;
}
.headlineOne .item {float:left;margin:4px 2px 0 0;display:block;position:relative;}
.headlineOne .item:first-child {margin:0 2px 0 2px;}
.headlineOne .item .thumb {width:100%;height:100%;float:left;display:block;}
.headlineOne .item h3 {padding-bottom:1px;z-index:6;width:calc(100% - 38px);letter-spacing:0.3px;float:left;display:block;position:absolute;bottom:18px;left:19px;font-weight:600;color:#FFFFFF;font-size:16px;line-height:22px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.headlineOne .item a.post {position:relative;display:block;height:100%;}
.headlineOne .item a.post:before {z-index: 1;position: absolute;bottom: 0;left: 0;right: 0;content: "";width: 100%;height: 100%;box-shadow: inset 0 -223px 223px -86px rgba(0,0,0,0.70);}
.headlineOne .item.wide {width:605px!important;height:404px!important;display:block;overflow:hidden;margin-top:4px;}
.headlineOne .item.wide h3 {font-size:30px;font-weight:600;line-height:34px;width:calc(100% - 58px);bottom:17px;left:29px;}
.headlineOne .item.wide a.post:after {position:absolute;top:0;left:0;content:"";width:100%;height:100%;z-index:5;display: block;
background:linear-gradient(to bottom,transparent 0,rgba(0, 0, 0, 0.9) 99%,rgba(0, 0, 0, 0.9) 100%);opacity: .8;transition:opacity .4s ease;will-change:opacity;}
.headlineOne .item.wide:hover a.post:after {opacity:1;transition:opacity .4s ease;}
.headlineOne .item.wide a.post img { min-height: 100%; height: 100%; min-width: 100%; width: auto;object-fit:cover;}
.headlineOne .item.sixPosts {width:908px;float:left;display:block;margin:0 2px 0 2px;}
.headlineOne .item.sixPosts ul {float:left;}
.headlineOne .item.sixPosts ul li {width:300px;height:200px;float:left;display:block;margin:4px 4px 0 0px;position:relative;}
.headlineOne .item.sixPosts ul li a.post {position:relative;overflow:hidden;}
.headlineOne .item.sixPosts ul li a.post i.videoIcon {z-index:999;}
.headlineOne .item.sixPosts ul li a.post:hover i.videoIcon {transform:rotate(360deg);transition:400ms;}
.headlineOne .item.sixPosts ul li a.post img {    height: 100%;
min-width: 100%;
width: auto;
object-fit: cover;}
.headlineOne .item.sixPosts ul li a.post:after {position:absolute;top:0;left:0;content:"";width:100%;height:100%;z-index:5;display: block;
background:linear-gradient(to bottom,transparent 0,rgba(0, 0, 0, 0.9) 99%,rgba(0, 0, 0, 0.9) 100%);opacity: .8;transition:opacity .4s ease;will-change:opacity;}
.headlineOne .item.sixPosts ul li:hover a.post:after {opacity:1;transition:opacity .4s ease;}
.headlineOne .item.sixPosts ul li:nth-child(3n) {margin:4px 0 0 0px;}
.headlineOne .item.sixPosts ul li a.category {display:none;}
.headlineOne .item a.categoryInPost {right:31px;top:30px;z-index:9;    font-size: 10px;
font-weight: 400;
line-height: 24px;
border-radius: 3px;
letter-spacing: .5px;
padding: 0 10px;
height: auto;
text-transform: uppercase;}
a.categoryInPost {position:absolute;letter-spacing:0.25px;right:31px;top:30px;border-radius:2.2px;font-family:'Roboto', sans-serif;color:#ffffff;font-weight:400;font-size:12.4px;height:28px;line-height:28px;padding:0 17px;-webkit-box-shadow: 0px 2px 4px 0px rgba(17,21,25,0.36);-moz-box-shadow: 0px 2px 4px 0px rgba(17,21,25,0.36);box-shadow: 0px 2px 4px 0px rgba(17,21,25,0.36);}
.headlineOne .owl-prev, .headlineOne .owl-next {transition:.3s;position:absolute;top:179px;width:34px;height:48px;text-indent:-9999px;background:rgba(255, 255, 255, 0.90)!important;}
.headlineOne .owl-prev:before, .headlineOne .owl-next:before {position:absolute;content:"";margin:-9.5px 0 0 -7.5px;top:50%;left:50%;width:12px;height:19px;background:url(//www.dijibeyin.com/wp-content/themes/birportal/images/arrowblack.png)no-repeat center!important;}
.headlineOne .owl-next:before {transform:rotate(180deg);margin:-9.5px 0 0 -6px;}
.headlineOne .owl-prev {left:-2px;}
.headlineOne .owl-next {right:0px;}
.headlineOne .owl-prev:hover, .headlineOne .owl-next:hover {transition:.3s;}
.headlineOne.headlineOneMobile {display:none;margin-top:30px;height:auto;}
.headlineOne.headlineOneMobile .left {float:left;width:100%;}
.headlineOne.headlineOneMobile .right {float:right;}
.headlineOne.headlineOneMobile .eightSlide {display:block;width:100%;height:480px;border-radius:1px;overflow:hidden;position:relative;}
.headlineOne.headlineOneMobile .eightSlide .item {display:block;width:100%;height:100%;border-radius:1px;overflow:hidden;position:relative;}
.headlineOne.headlineOneMobile .eightSlide .item .thumb {width:100%;height:480px;display:block;float:left;}
.headlineOne.headlineOneMobile .eightSlide .item .thumb img {min-height: 480px;max-width: 100%;height:auto;min-width: 100%;margin-left: auto;margin-right: auto;width: 50%;}
.headlineOne.headlineOneMobile .eightSlide .item .text {position:absolute;bottom:19px;left:40px;right:0;width:calc(100% - 114px);box-sizing:border-box;}
.headlineOne.headlineOneMobile .eightSlide .item .text span {font-size:20px;font-weight:700;color:#FFFFFF;display: inline;line-height: 26px;}
.headlineOne.headlineOneMobile .eightSlide .owl-dots {position:absolute;right:0;top:0;z-index:2;width:74px;height:100%;padding-top:54px;}
.headlineOne.headlineOneMobile .eightSlide .owl-dots .owl-dot {background:#9da0a7;} .headlineTwoWrapper {display: block;float:left;width:100%;margin-top:24px;}
.headlineTwoWrapper.headlineFour>div.es-rek:first-child,
.headlineTwoWrapper>div.es-rek:first-child{
margin-top: -9px;
padding-top: 0;
}.headline>div.es-rek:last-child {
margin-top: 15px;
}
.top-slider .es-rek {
padding-bottom: 0!important;
margin-bottom: -9px;
}
.headLineTwoMobile {display: none;}
.headLineTwoMini .item{position: relative; width:calc(50% - 10px);float:left; margin-bottom: 20px; transition: 300ms;height:144px;}
.headLineTwoMini .item:nth-child(2n) {float:right;margin-left:20px;}
.headLineTwoMini .item:last-child {margin-bottom:0px;}
.headLineTwoMiddle .item .thumb a:before {
content: '';
-webkit-box-shadow: inset 0px -254px 150px -90px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -254px 150px -90px rgba(0,0,0,0.75);
box-shadow: inset 0px -254px 150px -90px rgba(0,0,0,0.75);
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.headLineTwoMini .item:nth-last-child(2) {margin-bottom:0px;}
.headLineTwoMini .item .thumb{width:100%;height:144px;float:left;display:block;border-radius:1px;overflow:hidden;}
.headLineTwoMini .item .thumb a {position:Relative;width:100%;height:100%;z-index:8;display:block;}
.headLineTwoMini .item .thumb a:before {content:'';-webkit-box-shadow: inset 0px -144px 120px -30px rgba(0,0,0,0.5);-moz-box-shadow: inset 0px -144px 120px -30px rgba(0,0,0,0.5);box-shadow: inset 0px -144px 120px -30px rgba(0,0,0,0.5);display:block; position: absolute; bottom: 0; left:0; width:100%;  height: 100%; border-radius:1px;}
.headLineTwoMini .item .thumb img{min-height: 144px;min-width: 100%;width: auto;object-fit: cover;}
.headLineTwoMini .item .text{position: absolute; left:0; top:15px; width: 100%; height:100%;}
.headLineTwoMini .item .text a.cat{z-index:9;position:relative;text-transform:Uppercase;display: inline-block; float:right; height: 23px;margin-right: 15px;font-size: 10px;font-weight: 600;color: #fff;padding: 0 12px;line-height: 24px;border-radius:1px;}
.headLineTwoMini .item .text a.cat span{display: block;}
.headLineTwoMini .item .text a.title{ z-index:9;position:relative;font-size:16px;overflow: hidden; font-weight: 600; color:#fff;line-height: 22px; position: absolute; width:100%; bottom:29px; padding:0 14px;  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.headLineTwoMini .item:hover {transition: 300ms; transform: scale(1.02);}
.headLineTwoMini .item:first-child .text a.cat {background:rgba(104, 159, 56, 0.8);}
.headLineTwoMini .item:nth-child(2) .text a.cat {background:rgba(251, 108, 46, 0.8);}
.headLineTwoMini .item:nth-child(3) .text a.cat {background:rgba(95, 62, 182, 0.8);}
.headLineTwoMini .item:nth-child(4) .text a.cat {background:rgba(244, 0, 0, 0.8);}
.headLineTwoMini .item:nth-child(5) .text a.cat {background:rgba(255, 179, 0, 0.8);}
.headLineTwoMini .item:nth-child(6) .text a.cat {background:rgba(100, 115, 196, 0.8);} .floatLeft {
float: left;
}
.floatRight {
float: right;
}
.headLineTwoMiddle { width:calc(100% - 468px);}
.headLineTwoMiddle .headLineslider{position: relative;}
.headLineTwoMiddle .item{position: relative; width:100%; transition: 300ms;height:373px;overflow:hidden;border-radius:1px;}
.headLineTwoMiddle .item .thumb{width:100%;height:100%;display:block;overflow:hidden;}
.headLineTwoMiddle .item .thumb a {position:relative;z-index:8;width:100%;height:100%;display:block;border-radius:1px;overflow:hidden;}
.headLineTwoMiddle .item .thumb a:before {content:'';-webkit-box-shadow:inset 0px -254px 150px -90px rgba(0,0,0,0.75);-moz-box-shadow:inset 0px -254px 150px -90px rgba(0,0,0,0.75);box-shadow:inset 0px -254px 150px -90px rgba(0,0,0,0.75);display:block; position: absolute; bottom: 0; left:0; width:100%;  height: 100%;}
.headLineTwoMiddle .item .thumb img{border-radius:1px;object-fit: cover;    height: 100%;
width: 100%;}
.headLineTwoMiddle .owl-thumbs {
margin-left: -6px;
margin-right: -6px;
}
.headLineTwoMiddle .item .text{position: absolute;z-index:9;left:30px; bottom:29px;  height:auto;width:calc(100% - 60px);}
.headLineTwoMiddle .item .text a.cat{text-transform:Uppercase;display: inline-block;height: 23px;background:rgba(204,74,54,.8);margin-right: 15px;font-size: 10px;font-weight: 600;color: #fff;padding: 0 12px; line-height: 24px; margin-bottom:17px;border-radius:1px;}
.headLineTwoMiddle .item .text a.cat span{display: block;}
.headLineTwoMiddle .item .text a.title{    font-size: 30px;
font-weight: 600;
color: #fff;
line-height: 34px;
max-height: 70px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
padding-bottom: 1px;}
.headLineTwoMiddle .item:hover {transition: 300ms; transform: scale(1.02);overflow:hidden;display:block;}
.headLineTwoMiddle .owl-thumb-item {
width: calc(20% - 12px);
height: 86px;
border: 4px solid #22272f;
border-radius: 1px;
float: left;
margin-right: 6px;
margin-top: 13px;
cursor: pointer;
position: relative;
margin-left: 6px;
}
.headLineTwoMiddle .owl-thumb-item.active:before {border-bottom-color: #7143e4!important;}
.headLineTwoMiddle .owl-thumb-item.active{border-color: #7143e4!important;}
.headLineTwoMiddle .owl-thumb-item.active:before{bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-width: 10px;margin-left: -10px;}
.headLineTwoMiddle .owl-thumb-item .wrap {width:100%;height:78px;display:block;float:left;overflow:hidden;}
.headLineTwoMiddle .owl-thumb-item .wrap img{min-height: 78px;min-width: 100%;width: auto;object-fit: cover;}
.headLineTwoMiddle .owl-thumb-item:nth-child(5n){margin-right:0;}
.headLineTwoMiddle .headLineTwoSlider .owl-prev{background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/arrowblack.png)no-repeat center!important; background-color: rgba(255, 255, 255, 0.9)!important; width:30px; height: 46px; position: absolute; top: 163px; color: #fff; font-size: 36px;}
.headLineTwoMiddle .headLineTwoSlider .owl-prev span{ display:none!important;}
.headLineTwoMiddle .headLineTwoSlider .owl-next{background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/arrowblack.png)no-repeat center!important; transform: rotate(180deg); background-color: rgba(255, 255, 255, 0.9)!important; width:30px; height: 46px; position: absolute; top: 163px; right:0; color: #fff; font-size: 36px;} .headLineTwoRight {width:448px;float:right;} .headlineTwoWrapper.headlineThree .headLineTwoRight {width:214px!important;float:left!important;}
.headlineTwoWrapper.headlineThree .headLineTwoRight .item {width:100%!important;float:left!important;}
.headlineTwoWrapper.headlineThree .headLineTwoRight .item:nth-last-child(2) {margin-bottom:20px;}
.headlineTwoWrapper.headlineThree .headLineTwoRight .item:nth-child(2n) {margin-left:0!important;}
.headlineTwoWrapper.headlineThree .headLineTwoMiddle {margin-left:20px;margin-right:20px;}
.headlineTwoWrapper.headlineThree .headLineTwoMiddle .item .text,.headLineTwoMiddle .item .text {bottom:24px;} .headlineTwoWrapper.headlineFour .headLineTwoMiddle {width:calc(100% - 584px);}
.headlineTwoWrapper.headlineFour .headLineTwoMiddle .item {height:377px;}
.headlineTwoWrapper.headlineFour .headLineTwoRight {width:579px;}
.headlineTwoWrapper.headlineFour .headLineTwoMini .item {height:186px;margin-right:5px;width:calc(50% - 2.5px);margin-bottom:5px;position:relative;}
.headlineTwoWrapper.headlineFour .headLineTwoMini .item:nth-child(2n) {margin-right:0px;margin-left:0;}
.headlineTwoWrapper.headlineFour .headLineTwoMini .item:nth-child(3) {margin-bottom:0;}
.headlineTwoWrapper.headlineFour .headLineTwoMini .item:nth-child(4) {margin-bottom:0;}
.headlineTwoWrapper.headlineFour .headLineTwoMini .item .thumb {height:186px;}
.headlineTwoWrapper.headlineFour .headLineTwoMini .item .thumb img {min-height:186px;}
.headlineTwoWrapper.headlineFour .headLineTwoMini .item:hover {transform: scale(1.00);}
.headlineTwoWrapper.headlineFour .headLineTwoMini .item .text a.title {padding:0 20px;font-size:19px;position:static;line-height:24px;}
.headlineTwoWrapper.headlineFour .headLineTwoMini .item .text {height:auto;top:auto;bottom:17px;position:absolute;z-index:99;}
.headlineTwoWrapper.headlineFour .headLineTwoMini .item .text a.cat {position:relative;float:left;margin-left:20px;margin-bottom:13px;}
.headBar .right {
float: right;
display: flex;
align-items: center;
justify-content: space-between;
height: 66px;
}
.headBar .right a.postUploadButton {
float: right;
color: #FFFFFF;
padding: 0 18.9px;
height: 42px;
line-height: 42px;
font-size: 15px;
font-weight: 500;
border-radius: 30px;
display: inline-table;
box-shadow: 0px 1px 2px 0px rgba(17,21,25,0.09);
background: #6c5fb3;
margin-left: 14px;
font-family: 'Roboto';
}
.searchBox input[type=submit] { display: none }
.searchBox { top: 0; bottom: 0; right: 0; left: 0; background: rgba(2,2,2,.9); position: fixed; z-index: 99999999; text-align: center; padding-top: 120px }
.searchBox input { border: none; background: 0 0; height: 70px; color: #fff; font-size: 25px; border-bottom: 1px solid #fff; font-weight: 700; font-family: Roboto; width: 90% }
.searchBox input::-webkit-input-placeholder {color:#fff;opacity:1}
.sbClose { float: right; transtation: .3s; transform: rotate(0) }
.sbClose:hover img { float: right; transition: .3s; transform: rotate(180deg) }
.sbClose img { transition: .3s; transform: rotate(0) }
.searchBoxInner { width: 80%; display: table; margin: auto; text-align: left; cursor: pointer }
.mobile-search {visibility:hidden;opacity:0;position: fixed;left: 0;right: 0;top: 64px;height: 60px;padding: 0 20px;z-index: 9999;background: rgba(0, 0, 0, 0.92);}
.mobile-search .input {width:calc(100% - 58px);float:left;height:60px;background:transparent;color:#FFF;font-size:15px;font-family:'Roboto', sans-serif;}
.mobile-search .input::placeholder {color:#FFF;font-size:15px;font-family:'Roboto', sans-serif;}
.mobile-search .submit {float:right;color:#FFF;font-size:14px;border-radius: 1px;margin-top: 10px;font-weight:700;height:40px;padding:0 15px;font-family:'Roboto', sans-serif;}
.mobile-search.show {visibility:visible;opacity:1;}
body.logged-in.admin-bar .mobile-search {top:110px;}
body.menu-visible .mobile-search.show {visibility:hidden;opacity:0;display:none;}
.bottomBar ul.cats {width:auto;position:relative;z-index:2;}
.bottomBar ul.cats li {float:left;margin-right:39px;position: relative;}
.bottomBar ul.cats li:last-child {margin-right:0px;}
.bottomBar ul.cats li a {line-height:54px;color:#ffffff;font-size: 0.85em;font-weight:500;}
.bottomBar ul.cats li a:hover {color: rgba(255,255,255,.85);}
.bottomBar ul.cats li a {position:relative;}
.headBar .right a.postUploadButton i {
float: left;
width: 13px;
height: 13px;
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/headerPlus.png)no-repeat;
margin: 14px 12px 0 0;
}
.headBar i.search {
cursor: pointer;
width: 20px;
height: 20px;
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/search_.svg)no-repeat;
}
.headBar i.hVi {
display: block;
cursor: pointer;
width: 20px;
height: 18px;
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/stream_.svg)no-repeat;
}
.headBar i.hFo {
display: block;
cursor: pointer;
width: 18px;
height: 18px;
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/photo_.svg)no-repeat;
}
.headBar i.user {
display: block;
cursor: pointer;
width: 18px;
height: 20px;
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/member__.svg)no-repeat;
}
.headBar .right i {
margin: 0 14px;
}
p.hIcon_mo {
display: block;
width: 58px;
height: 16px;
background-color: #413961;
border-radius: 8px;
color: #fff;
text-transform: uppercase;
letter-spacing:2px;
font-size: 9px;
text-align: center;
line-height: 16px;
position: absolute;
top: -20px;
left: 50%;
transform: translate(-50%,5px);
transition: all .2s ease-in-out;
visibility: hidden;
opacity: 0;
font-family: 'Roboto';
padding-left: 2px;
}
.headBar .right>a {
position: relative;
height: 20px;
display: flex;
align-items: center;
}
.headBar .loggedIn span i {
margin: 32px 0 0 13px;
float: right;
width: 7px;
height: 5px;
background: url(//www.dijibeyin.com/wp-content/themes/birportal/images/headerArrow2.png)no-repeat;
}
.headBar .right a:hover p.hIcon_mo{
visibility: visible;
opacity: 1;
transform: translate(-50%, 0);
} .modal {
width: 100%;
height: 100%;
z-index: 999999;
position: fixed;
top: 0;
left: 0;
display: none;
}
.modal-overlay {
position: absolute;
display: block;
background-color: rgba(0,0,0,.6);
z-index: 0;
width: 100%;
height: 100%;
}
.modal-container {
width: 750px;
height: 550px;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
position: absolute;
z-index: 1;
box-shadow: 0 0 29px 0 rgba(69,62,78,.53);
background-color: #fff;
border-radius: 6px;
}
.modal-ask-makale .modal-container {
width: 850px;
}
.modal-left {
width: 130px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: gray url(//www.dijibeyin.com/wp-content/themes/birportal/images/login-bg.png);
-webkit-animation: slide 30s linear infinite;
background-size: cover;
border-radius: 4px 0 0 4px;
}
.modal-ask .modal-left {
background: gray url(//www.dijibeyin.com/wp-content/themes/birportal/images/ask-bg.png);
-webkit-animation: slide 10s linear infinite;
}
.modal-ask textarea,
.modal-ask-makale textarea {
resize: none;
height: 120px;
background-color: #FCFCFB;
border: 1px solid #E2E2E1;
border-radius: 4px;
padding: 15px 20px 0 20px;
width: 100%;
font-family: 'Roboto';
font-size: 12px;
font-weight: bold;
color: #010101;
text-transform: uppercase;
}
.modal-ask textarea::placeholder,
.modal-ask-makale textarea::placeholder {
color: #B1B0B0;
}
.modal-ask .modal-right,
.modal-ask-makale .modal-right {
padding: 0 40px 0 170px;
width: 100%;
}
.modal-ask-makale .modal-body,
.modal-ask-makale .modal-header,
.modal-ask-makale .modal-right
{
z-index: 9999;
position: relative;
}
.modal-ask-makale .modal-body,
.modal-ask-makale .modal-header {
max-width: 560px!important;
}
.modal-ask-makale .modal-header {
margin-top: 120px;
}
.modal-ask .modal-body,
.modal-ask-makale .modal-body {
max-width: 100%;
}
.modal-ask .modal-body-p p:last-child,
.modal-ask-makale .modal-body-p p:last-child {
margin-top: 10px;
}
.modal-ask .modal-body-submit button,
.modal-ask-makale .modal-body-submit button {
margin: 20px 10px 20px 0;
}
.modal-ask .profile-alert,
.modal-ask-makale .profile-alert {
margin-top: 0!important;
}
@-webkit-keyframes slide {
0% { background-position: 0 0; }
50% { background-position: 100% 0; }
100% { background-position: 0 0; }
}
.modal-right {
width: calc(100% - 130px);
padding-left: 170px;
float: left;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.modal-right .modal-title {
display: block;
}
.modal-right .modal-title p {
font-family: 'Roboto';
font-size:18px;
line-height: 24px;
color: #2E2539;
font-weight: 600;
display: block;
margin-top: 20px;
}
.modal-title p b {
color: #EA2847;
font-weight: 600;
}
.modal-body {
max-width: 392px;
width: 100%;
}
.modal-body-inputs {
position: relative;
margin-top: 14px;
display: block;
}
.modal-body-inputs input {
height: 50px;
background-color: #FCFCFB;
border: 1px solid #E2E2E1;
border-radius: 4px;
padding: 15px 20px 0 20px;
width: 100%;
font-family: 'Roboto';
font-size: 12px;
font-weight: bold;
color: #010101;
text-transform: uppercase;
}
.anim-input-place {
font-family: 'Roboto';
font-size: 11px;
color: #B1B0B0;
font-weight: bold;
transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 21px;
pointer-events: none;
text-transform: uppercase;
}
input:focus~.anim-input-place,
.anim-input-place.active {
transform: scale(.90) translateY(-15px) translateX(0px);
transform-origin: left;
}
.modal-body-inputs input::placeholder {
color: #010101;
opacity: 0;
}
.modal-body-inputs input:focus {
background-color: #fff;
}
.modal-body button {
border: 0;
box-shadow: none;
outline: none;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.modal-body-submit button {
width: 126px;
height: 34px;
border-radius: 4px;
text-align: center;
line-height: 34px;
background-color: #5753e4;
box-shadow: 0px 6px 40px 0 rgba(98,99,246,.20);
color: #fff;
font-family: 'Roboto';
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin: 20px 0;
cursor: pointer;
}
.modal-body-p p {
font-family: 'Roboto';
color: #2E2539;
font-weight: 600;
font-size: 14px;
}
.modal-body-p p a,
.modal-body-p p i {
color: #5753e4;
font-weight: 700;
font-style: normal;
display: inline-block;
}
.modal-body-p p:last-child {
margin-top: 20px;
}
.agreement {
display: block;
position: relative;
padding-left: 26px;
margin-bottom: 20px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-top: 30px;
font-family: 'Roboto';
font-weight: 600;
line-height: 20px;
color: #2E2539;
font-size: 14px;
}
.agreement input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background-color: #FCFCFB;
border: 1px solid #E2E2E1;
border-radius: 4px;
}
.agreement a {
color: #5753e4;
font-size: 14px;
display: inline-block;
}
.agreement:hover input ~ .checkmark {
background-color: #FCFCFB;
}
.agreement input:checked ~ .checkmark {
background-color: #5753e4;
}
.checkmark:after {
content: "";
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 2px;
height: 8px;
background-color: #3E405D;
transition: transform .2s ease-in-out;
display: none;
}
.checkmark:before {
content: "";
position: absolute;
right: 3px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 8px;
height: 2px;
background-color: #3E405D;
display: none;
}
.agreement input:checked ~ .checkmark:after,
.agreement input:checked ~ .checkmark:before {
display: block;
background-color: #fff;
}
.modal-body-messages {
position: relative;
display: none;
}
.modal-body-messages .success,
.modal-body-messages .error {
max-width: 390px;
width: 100%;
line-height: 1.6em;
background-color: #E8F0FE;
border: 1px solid #2FA2EA;
border-radius: 4px;
color: #010101;
font-family: 'Roboto';
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
padding: 15px 20px;
display: block;
position: relative;
}
.modal-body-messages .error {
background-color: #FEE8E8;
border: 1px solid #E80C2F;
}
.modal-body-messages .error:after {
content: "!";
color: #E80C2F;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
}
.modal-body-messages .success:after {
position: absolute;
content: "";
right: 20px;
top: 39%;
transform: translateY(-50%);
width: 5px;
height: 10px;
border: solid #2FA2EA;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal-body-messages p {
font-family: 'Roboto';
font-weight: 600;
line-height: 20px;
color: #EA2847;
font-size: 14px;
}
.modal-close,
.add-close {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
background-color: #5753e4;
border-radius: 4px;
transform: translate(50%,-50%);
cursor: pointer;
z-index: 9999;
}
.modal-ask-makale .modal-close {
background-color: #5ac9b1;
z-index: 99999;
}
.add-close {
background-color: #33d2e0;
display: none;
}
.modal-close:before,
.add-close:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%) rotate(45deg);
width: 10px;
height: 2px;
background-color: #fff;
margin-left: 1px;
}
.modal-close:after,
.add-close:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%) rotate(45deg);
width: 2px;
height: 10px;
transition: transform .2s ease-in-out;
background-color: #fff;
margin-left: 1px;
}
.modal-pos-img {
position: absolute;
top: 0;
left: 0;
max-width: 420px;
}
.modal-body-inputs.x2 {
width: calc(50% - 10px);
float: left;
z-index: 9999;
margin-bottom: 20px;
}
.modal-body .modal-body-inputs.x2:nth-child(2) {
float: right;
} .birtekno-socialing {
position: fixed;
right: 20px;
bottom: 25px;
height: 50px;
width: 50px;
line-height: 50px;
z-index: 1000;
transition: transform 0.45s cubic-bezier(.15,0.2,.1,1);
z-index: 99999;
transform: translateY(0px) scale(0);
display:none;
}
.birtekno-emoji {
position: fixed;
right: 20px;
bottom: 85px;
height: 50px;
width: 50px;
line-height: 50px;
z-index: 1000;
transition: transform 0.45s cubic-bezier(.15,0.2,.1,1);
z-index: 99999;
transform: translateY(0px) scale(0);
display:none;
}
.birtekno-socialing.active,
.birtekno-emoji.active {
transform: translateY(-56px) scale(1);
opacity: 1;
}
.birtekno-socialing >a,
.birtekno-emoji>a {
height: 50px;
width: 50px;
line-height: 52px;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background-color: #3452ff;
transition: transform 0.45s cubic-bezier(.15,0.2,.1,1);
}
.birtekno-emoji>a {
background-color: transparent;
}
.birtekno-socialing.hoverli>a {
box-shadow: 0px 7px 15px rgba(0,0,0,0.2);
transform: translateY(0) scale(1.1);
}
.birtekno-emoji.hoverli>a {
transform: translateY(0) scale(1.1);
}
.birtekno-social,
.birtekno-emoji ul {
position: absolute;
height: 50px;
width: 50px;
bottom: 0;
left: 0;
z-index: 1;
text-align: center;
}
.birtekno-social a,
.birtekno-emoji ul li {
background-color: #3452ff;
display: block;
line-height: 36px;
height: 36px;
padding: 0!important;
margin: 0!important;
width: 36px;
left: 7px;
position: absolute;
opacity: 0;
border: none;
top: 0;
box-shadow: 0px 7px 15px rgba(0,0,0,0.22);
border-radius: 100%;
transition: all 0.44s cubic-bezier(.15,0.2,.1,1);
display: flex;
align-items: center;
justify-content: center;
}
.birtekno-emoji ul li {
background-color: transparent!important;
box-shadow: unset;
cursor: pointer;
width: 34px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-start;
}
.birtekno-emoji ul {
display: flex;
align-items: center;
width: 50px;
}
.birtekno-emoji ul li span {
display: block;
height: 22px;
line-height: normal;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 500;
color: #3e405d;
margin-top: 3px;
}
.birtekno-emoji ul li img {
display: block;
}
.birtekno-social a:nth-child(1),
.birtekno-emoji li:nth-child(1) {
transform: translateY(0px) scale(0);
}
.birtekno-social a:nth-child(2),
.birtekno-emoji li:nth-child(2) {
transform: translateY(-36px) scale(0);
}
.birtekno-social a:nth-child(3),
.birtekno-emoji li:nth-child(3) {
transform: translateY(-86px) scale(0);
}
.birtekno-social a:nth-child(4),
.birtekno-emoji li:nth-child(4) {
transform: translateY(-136px) scale(0);
}
.hoverli .birtekno-social a:nth-child(1) {
transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
transform: translateY(-56px) scale(1);
opacity: 1;
}
.hoverli .birtekno-social a:nth-child(2) {
transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
transform: translateY(-106px) scale(1);
opacity: 1;
}
.hoverli .birtekno-social a:nth-child(3) {
transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
transform: translateY(-156px) scale(1);
opacity: 1;
}
.hoverli .birtekno-social a:nth-child(4){
transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
transform: translateY(-206px) scale(1);
opacity: 1;
}
.hoverli ul li:nth-child(1) {
transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
transform: translateY(-66px) scale(1);
opacity: 1;
}
.hoverli ul li:nth-child(2) {
transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
transform: translateY(-129px) scale(1);
opacity: 1;
}
.hoverli ul li:nth-child(3) {
transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
transform: translateY(-193px) scale(1);
opacity: 1;
}
.hoverli ul li:nth-child(4){
transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
transform: translateY(-257px) scale(1);
opacity: 1;
}
.hoverli ul li:nth-child(5){
transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
transform: translateY(-321px) scale(1);
opacity: 1;
}
.hoverli a i {
height: 20px;
background-color: #fff;
display: block;
}
#wbfilter,#wbfilter2 {
background-color: transparent;
border: none;
color: #333;
font-weight: 700;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
padding: 0 15px 8px 0;
border-bottom: 1px solid #eee;
border-radius: 0;
outline: 0;
cursor: pointer;
font-size: 12px;
line-height: normal;
font-style: normal;
margin-top: 3px;
}
.birtekno-emoji img {
width: 100%;
height: 100%;
}
.wbbf {
display: flex;
justify-content: space-between;
}
.wbbf span {
text-transform: capitalize;
color: #e73130;
font-weight: bold;
font-size: 20px;
}
.selectdivewb {
position: relative;
margin-top: 2px;
}
.selectdivewb:after {
position: absolute;
content: "";
right: 0;
top: 7px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #222;
user-select: none;
pointer-events: none;
}
.widebar.floatLeft.food-widebar .singleContent .blog-post-in-body-left {
padding-left: 13px;
}
.widebar.floatLeft.food-widebar .singleContent {
padding-left: 0;
}
.widebar.floatLeft.food-widebar .postInner {
padding-left: 75px!important;
padding-right: 15px!important;
}
.widebar.floatLeft.food-widebar .singleBigTitle h1,
.widebar.floatLeft.food-widebar .breadcrumb.block.v2.new,
.widebar.floatLeft.food-widebar .singleRelatedPosts {
padding-right: 25px;
}
.food-widebar .singleRelatedPosts:first-child {
padding-right: 0!important;
}
.postInner .relatedPost .thumb img {
margin: 0;
object-fit: cover;
} .top-owl{
width:100%;
height:397px;
overflow:hidden;
margin-top:24px
}
.top-owl .top-slider-big{
width:calc(50% - 1px);
margin-right:1px;
float:left;
display:inline-block;
margin-bottom:1px;
position:relative
}
.top-owl .top-slider-big .thumb{
width:100%;
height:397px;
overflow:hidden;
position:relative
}
.top-owl .top-slider-big .thumb img{
height:100%;
width:100%;
object-fit:cover
}
.top-owl .top-slider-mini li:first-child .thumb,.top-owl .top-slider-mini li:nth-child(3) .thumb{
border-radius:0
}
.top-owl .top-slider-mini{
width:50%;
float:left;
display:inline-block;
overflow:hidden
}
.top-owl .top-slider-mini ul li{
width:calc(50% - 1px);
margin-right:1px;
float:left;
display:inline-block;
margin-bottom:1px;
position:relative
}
.top-owl .top-slider-mini .thumb{
width:100%;
height:198px;
overflow:hidden;
position:relative
}
.top-owl .top-slider-mini .thumb img{
width:100%;
height:100%;
object-fit:cover
}
.top-owl .thumb:before{
z-index:1;
position:absolute;
bottom:0;
left:0;
right:0;
content:"";
width:100%;
height:100%;
box-shadow:inset 0 -134px 100px -50px rgba(0,0,0,.7)
}
.top-owl .text{
position:absolute;
bottom:15px;
z-index:999;
width:100%;
padding:0 25px;
overflow:hidden
}
.top-owl .top-slider-mini .text{
max-height:50px
}
.top-owl .text h3{
font-weight:700;
line-height:34px;
color:#fff;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
line-height: 34px;
font-family: 'Roboto';
font-weight: 700;
font-size: 30px;
}
.top-owl .top-slider-mini .text h3{
font-size:19px;
line-height:24px
}
.top-tag{
position:absolute;
top:25px;
left:25px;
height:22px;
padding:0 10px;
font-size:10px;
font-weight:600;
display:inline-block;
z-index:999;
background-color:#6eb2b9;
line-height:24px;
text-transform:uppercase;
color:#fff
}
.top-tag.purple{
background-color:#615dfa
}
.top-tag.blue{
background-color:#3c85a9
}
.top-tag.green{
background-color:#3abe6c
}
.top-tag.red{
background-color:#ef513c
}
.top-tag.pink{
background-color:#fb2e53
}
.top-tag.brown{
background-color:#9f8471
}
.top-owl .owl-nav{
display:block!important
}
.top-owl .owl-nav .owl-prev,.top-owl .owl-nav .owl-next{
position:absolute;
height:40px;
width:28px;
background:rgba(255,255,255,.9)!important;
z-index:9999;
top:50%;
left:27px;
transform:translate(-100%,-50%);
margin:0;
transition:background .2s ease-in-out
}
.top-owl .owl-nav .owl-next{
right:27px!important;
transform:translate(100%,-50%);
left:unset
}
.top-owl .top-slider-mini ul li:nth-child(2),.top-owl .top-slider-mini ul li:nth-child(4){
width:50%;
margin-right:0
}
.top-owl .owl-nav .owl-prev span,.top-owl .owl-nav .owl-next span{
font-size:42px;
margin:0;
padding:0;
line-height:32px;
transition:color .2s ease-in-out;
display:none
}
.top-owl .owl-nav .owl-prev:hover,.top-owl .owl-nav .owl-next:hover{
background:rgba(51,210,224,.9)!important
}
.top-owl .owl-prev:before,.top-owl .owl-next:before{
position:absolute;
content:"";
margin:-7.5px 0 0 -5.5px;
top:50%;
left:50%;
width:12px;
height:19px;
background:url(//www.dijibeyin.com/wp-content/themes/birportal/images/arrowblack.png)no-repeat
}
.top-owl .owl-next:before{
transform:rotate(180deg);
margin:-9.5px 0 0 -5.5px
}
.top-owl .owl-prev:hover:before,.top-owl .owl-next:hover:before{
background:url(//www.dijibeyin.com/wp-content/themes/birportal/images/prev.png)no-repeat
}
.blog-social-in a {
padding: 0!important;
}
.single .sDetay {
position: relative;
padding-left: 75px;
}
.page-container {
padding-top: 70px;
}
.mobile-search {
display: none;
}
.mobile-menu-anim {
visibility: visible!important;
opacity: 1!important;
transform: translateX(0)!important;
}
.mmb-top {
top:0!important;
}
.headlineOne .owl-prev:hover, .headlineOne .owl-next:hover,
.headlineTwo .owl-prev:hover, .headlineOne .owl-next:hover,
.headlineThree .owl-prev:hover, .headlineOne .owl-next:hover,
.headlineFour .owl-prev:hover, .headlineOne .owl-next:hover,
.headlineFive .owl-prev:hover, .headlineOne .owl-next:hover,
.headlineSiz .owl-prev:hover, .headlineOne .owl-next:hover {
background: #5f3eb6!important;
}
.headLineOne .owl-dots,
.headLineTwo .owl-dots,
.headlineThree .owl-dots,
.headlineFour .owl-dots {
display: none;
}
@media screen and (max-width:1220px) {
.headlineSeven .owl-nav {
width: 100%!important;
}
}
@media screen and (max-width: 1170px) {
.hdv-tag {
line-height: normal;
font-weight: 700;
margin: 0 0 8px;
display: table;
color: #fff;
margin-bottom: 8px;
text-transform: uppercase;
font-family: 'Roboto';
font-size: 10px;
font-weight: 400;
line-height: 24px;
border-radius: 3px;
letter-spacing: .5px;
padding: 0 10px;
height: auto;
text-transform: uppercase;
}
.headlineOne.headlineOneMobile .eightSlide .item:first-child {
margin: 0;
}
#newsSend>.content>div .row>div:last-child {
height: auto;
padding-bottom: 20px!important;
}
.infinityDiv{right: 0px; left: 0;width: 100% !important;font-family:'Roboto';}
.infinityDiv .progress-bar{left: 75px !important;}
.infinityDiv p{font-family:'Roboto';max-height:25px; overflow-y: hidden;padding-left: 12px !important;text-overflow: ellipsis;white-space: nowrap;overflow-x: hidden;max-width: 62%;display: inline-block;}
.profile-header, .profile-header figure {
height: 200px;
}
.profile-header-b-infos {
height: auto;
padding-bottom: 32px;
}
.phbi-middle.flex-center {
flex-direction: column;
}
.phbi-middle-mid {
margin: 50px 0 20px;
}
.phbi-middle-left, .phbi-middle-right {
position: static;
}
.phbi-middle-right {
display: none;
}
.phbi-middle-right {
display: none;
}
.p-sidebar.left {
display: block;
width: 100%;
}
.content-in.right {
width: 100%;
}
.content-in .column4 {
flex: 0 0 100%;
max-width: 100%;
}
#newsSend>.content>div .row>div {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0 12px;
width: 100% !important;
}
#newsSend>.content>div .row>div:first-child form .category ul li {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 12px;
padding: 0 12px 20px;
}
#newsSend>.content>div .row>div:first-child .cap>div>div {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0 12px;
padding: 20px 12px 0;
}
.sidebar-left {
display: block;
width: 100%;
margin-top: 0;
}
a.add-avatar {
margin-left: -84px;
left: 50%;
transform: translateX(-50%);
}
.content-in.right {
width: 100%;
}
.sidebar-left .widget:first-child {
margin-bottom: 20px;
}
#zuck-modal-content .story-viewer .head .left {
width: 100%!important;
display: flex!important;
max-width: 100%!important;
}
#zuck-modal-content .story-viewer .head .left .info {
width: 100%!important;
max-width: 100%!important;
}
#zuck-modal-content .story-viewer .head .left .info .name {
width: 100%!important;
}
#zuck-modal-content .indesc {
left: 0!important;
}
#zuck-modal-content .strydesc {
transform: unset!important;
width: 100%!important;
font-size: 22px!important;
padding: 0 15px 30px 15px!important;
line-height: 28px!important;
}
.headBar.bg:after {
height: 60px;
}
.mobile-search  {
display: none;}
.ustmenu {
display: none;
}
.headBar.bg .container {
z-index: 2;
height: 100%;
}
.logo img {
max-width: 127px;
}
.logo {
display: flex;
align-items: center;
}
.page-container {
padding-top: 88px!important;
}
.bottomBar {
margin-top: 60px;
}
div.headBar {
height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo {height: 60px;}
section.page.newsCategory {
margin-top: 52px!important;
}
.headBar .ustmenu ul>li {
line-height: 60px;
}
.headBar .ustmenu {
margin: 0 0 0 85px;
}
.toggle-menu { display: block!important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 25px 25px 25px 5px; background: none; border: none; position: absolute; top: 0; left: 170px; }
.toggle-menu:hover, .toggle-menu:focus { outline: 0; }
.toggle-menu:hover .burger-lines, .toggle-menu:focus .burger-lines { background-color: #fff; }
.toggle-menu:hover .burger-lines:before, .toggle-menu:hover .burger-lines:after, .toggle-menu:focus .burger-lines:before, .toggle-menu:focus .burger-lines:after { background-color: #fff; }
.toggle-menu.active .burger-lines { background: transparent; }
.toggle-menu.active .burger-lines:before, .toggle-menu.active .burger-lines:after { -webkit-transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1); top: 0; width: 20px; }
.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 { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; width: 14px; height: 2px; background-color: #fff; position: relative; top: -2px; }
.burger-lines:before, .burger-lines:after { content: ''; display: inline-block; width: 20px; height: 2px; background-color: #fff; position: absolute; left: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); }
.burger-lines:before {
width: 10px;
}
.burger-lines:before { top: 6px; }
.burger-lines:after { top: -6px; }
.animating .mobile-menu, .menu-visible .mobile-menu { display: block;visibility:visible; }
.mobile-menu, .toggle-menu { display: none; }
button.toggle-menu {
padding: 0;
top: 50%;
margin-top: -9px;
left:0;
}
.headBar .right {
display: none;
}
.headlineOne.headlineOneMobile .eightSlide .item .thumb img { min-height: 100%;     object-fit: cover;}
.headlineOne.headlineOneMobile { margin-bottom: 0; display: block!important; }
.headlineOne.headlineOneMobile {display:block;margin-top:0px;}
.headlineOne.headlineOneMobile .eightSlide .item .text {left:20px;bottom:20px;width:calc(100% - 58px);z-index:6;}
.headlineOne.headlineOneMobile .eightSlide .item .text span {box-shadow:none;background:transparent;text-indent:0;padding:0;}
.headlineOne.headlineOneMobile .eightSlide .item a:before {position:relative;}
.headlineOne.headlineOneMobile .eightSlide .item a:before {z-index: 1;position: absolute;bottom: 0;left: 0;right: 0;content: "";width: 100%;height: 100%;box-shadow: inset 0 -223px 223px -86px rgba(0,0,0,0.70);}
.headlineOne.headlineOneMobile .eightSlide .item:first-child {margin:0;}
.headlineOne.headlineOneMobile .eightSlide .item .thumb img {min-height: 100%;object-fit: cover;}
.headlineOne.headlineOneMobile .eightSlide .item .text span {
font-size: 27px;
line-height: normal;
}
.headlineOne.headlineOneMobile {margin-bottom:0	;display:block!important;}
}
@media only screen and (max-width: 868px) {
.modal-container {
height: 100%;
top: 0;
left: 0;
right: 0;
width: 100%;
transform: unset;
border-radius: 0;
}
.modal-close {
transform: unset;
right: 15px;
top: 15px;
}.modal-close::before, .modal-close::after {
left: 48%;
}
.modal-close::before, .modal-close::after {
left: 48%;
}
.modal-left {
display: none;
}
.modal-right, .modal-ask .modal-right, .modal-ask-makale .modal-right {
width: 100%;
padding: 15px 20px 0 20px;
justify-content: flex-start;
}
}
.infinityDiv{height:61px;position: fixed; bottom: 0;z-index:9999;width: 770px;margin: 0 auto;background: #fff;-webkit-box-shadow: 1px 0px 8px -1px rgba(0,0,0,0.118);-moz-box-shadow: 1px 0px 8px -1px rgba(0,0,0,0.118);box-shadow: 1px 0px 8px -1px rgba(0,0,0,0.30);
}
.infinityDiv img{float: left;
height: 100%;
object-fit: cover;}
.infinityDiv h4{padding-left: 120px;padding-top: 10px; color: #e73130;}
.infinityDiv p{font-size: 15px;padding-left: 120px;padding-top: 5px; color: #000;position: relative; bottom: 4px;line-height: 30px;}
.infinityDiv .progress-bar{background-color:#eee;position: absolute;z-index: -1;width: 0;height: 100%;left: 0;top: 0;transition: width .1s ease;}
.mega-menu .megaMenu .rightPosts .item .text a.title:hover,
.mega-menu .megaMenu.styleTwo .rightPosts .postItem .text a:hover,
.mega-menu .megaMenu.styleThree .rightPosts .postItem .text a:hover{
color:#4a4ab5;
}
@media only screen and (min-width: 768px) {
.burger-lines:hover,
.burger-lines:hover:before {
width: 20px!important;
}
.tgm2 {display:none;}
.tabPage .postList>ul>li .pTitle {
height: auto;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wbbf {
display: none;
}
.friends-list-body .column4 {
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.mt30 {
margin-top: 20px;
}
.phbi-actions a:hover svg,
.phbi-actions a:hover>i.svgg {
transform: translateY(-15px);
opacity: 1;
visibility: visible;
}
.flb-options a:hover p,
.phbi-actions a:hover p {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
visibility: hidden;
}
.flb-options a:hover svg,
.flb-options a:hover i.svgg {
transform: translateY(-15px);
opacity: 1;
visibility: visible;
}
.wbbf {
display: none;
}
.out-sticky {
position: absolute;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
z-index: 9;
}
.admin-bar-on .out-sticky.sticky {
padding-top:15px;
}
.out-sticky.sticky {
position: fixed;
bottom: initial;
top: 76px;
}
.blog-social-options .blog-in-bl {display: block!important}
}
.qa-head {
float: left;
width: 100%;
border-radius: 1px;
margin-bottom: 22px;
padding: 20px 25px 0 100px;
min-height: 105px;
position: relative;
background: #fc573b;
background: -moz-linear-gradient(left, rgba(95,62,182,.95), rgba(66,79,181,.95));
background: -webkit-linear-gradient(left, rgba(95,62,182,.95), rgba(66,79,181,.95));
background: linear-gradient(to left, rgba(95,62,182,.95), rgba(66,79,181,.95));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc573b', endColorstr='#e73130',GradientType=1 );
margin-top: 18px;
}
.qa-head span {
float: left;
width: 100%;
font-size: 16px;
font-weight: 500;
color: #fff;
padding-top: 10px;
position: relative;
z-index: 2;
}
.qa-head h2 {
float: left;
width: 100%;
font-size: 36px;
font-weight: 600;
color: #fff;
position: relative;
z-index: 2;
}
.qa-head svg {
max-width: 64px;
position: absolute;
left: 20px;
}
.qa-head svg path {
fill: #fff;
}
.headBar .loggedIn span {
cursor: pointer;
float: right;
font-size: 14px;
font-weight: 500;
color: #fff;
line-height: 67px;
font-family: 'Roboto';
}
.headBar .loggedIn .avatarW {
cursor: pointer;
width: 36px;
height: 36px;
float: right;
border-radius: 100%;
overflow: hidden;
margin: 14px 13px 0 0;
-webkit-box-shadow: 0px 1px 15px 0px rgba(17,21,25,0.4);
-moz-box-shadow: 0px 1px 15px 0px rgba(17,21,25,0.4);
box-shadow: 0px 1px 15px 0px rgba(17,21,25,0.4);
}
.header-option-drop {
width: 220px;
padding: 20px 28px;
top: 70px;
right: 0;
border-radius: 6px;
box-shadow: 0px 6px 40px 0 rgba(94,92,154,.06);
position: absolute;
background-color: #fff;
z-index: 999999;
opacity: 0;
transition: .3s;
visibility: hidden;
-webkit-transform: scale(.8);
transform: scale(.8);
}
.header-option-drop-bottom.xauto {
height: auto;
width: 100%;
overflow: unset;
}
p.dp-login-links {
font-family: 'Roboto';
font-weight: 700;
color: #AFB0C0;
margin: 20px 0 10px;
text-transform: uppercase;
display: block;
font-size: 11px;
}
a.dp-login-links {
font-family: 'Roboto';
font-weight: 700;
color: #3E3F5E;
transition: padding .2s ease-in-out,color .2s ease-in-out;
display: block;
padding: 8px 0;
position: relative;
font-size: 13px;
}
a.dp-login-links .notification-count {
right: 0;
top: 50%;
transform: translateY(-50%);
color: #fff;
}
.notification-count {}
.notification-count {
width: 18px;
height: 18px;
background-color: #FB2E53;
position: absolute;
right: -15px;
top: -10px;
border-radius: 100%;
text-align: center;
line-height: 15px;
}
.notification-count span {
font-size: 10px!important;
font-weight: 700!important;
line-height: 15px!important;
float: unset!important;
font-family: 'Roboto';
}
.header-option-drop.anim.anim-up .flex-center {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.header-option-drop.anim.anim-up .quit-button {
display: inline-block;
height: 48px;
border-radius: 10px;
color: #fff;
font-weight: 700;
text-align: center;
line-height: 48px;
cursor: pointer;
transition: background-color .2s ease-in-out;
box-shadow: 0px 6px 10px 0 rgb(74, 74, 181.,2);
width: 156px;
background-color: #4a4ab5;
margin-top: 20px;
font-family: 'Roboto';
font-size: 14px;
}
p.dp-login-links:first-child {
margin-top: 5px;
}
a.dp-login-links:hover {
color: #4a4ab5;
padding-left: 4px;
}
.headBar .loggedIn:hover .header-option-drop {-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible;transition:.3s;}
.quiz-clearfix:before, .quiz-clearfix:after {
margin-bottom: 15px;
}
@keyframes mbmm {
from {display:none;width:0;}
to {display:block;width:240px;}
}
@media only screen and (max-width: 768px) {
.brtop-ck, .brtop-ck ul, .breadcrumb .brtop-ck ul li {
display: inline!important;
}
.breadcrumb .brtop-ck a {
margin: 0!important;
padding: 0 2px 0 0px!important;
display: inline;
}
.brtop-ck, .brtop-ck ul, .breadcrumb .brtop-ck ul li {
display: inline!important;
}
.breadcrumb .brtop-ck ul {
padding-left: 4px!important;
}
.breadcrumb .brtop-ck ul li a {
line-height: 20px!important;
margin: 0!important;
padding: 0!important;
}
.mobile-menu {
visibility:hidden;
opacity:0;
animation-name: mbmm;
animation-duration: .6s;
animation-fill-mode: forwards;
display:block;
}
.copyright {display:none;}
.headBar.bg {display:block;}
button.toggle-menu {
padding: 0;
top: 50%;
margin-top: -9px;
left: 150px;
display:none!important;
}
button.toggle-menu.tgm2 {
position: static;
float: left;
margin-top: 19px;
z-index: 9999!important;
margin-left: 20px;
display:block!important;
}
.admin-bar-on .mobile-search {
top: 46px!important;
}
.admin-bar-on .mobile-menu {
top: 106px;
}
.bottomBar {
margin-top: 0;
}
.infinityDiv {
display: none!important;
visibility: hidden;
}
.ustmenu {
display: none!important;
}
.widget-service-quality {
margin-bottom: 20px;
}
.indexOrtaSlider {
display: none!important;
}
.indexOneCikanTek .iocTitle h5 {
font-size: 20px;
}
.indexOneCikanTek .iocTitle {
padding: 0 20px;
}
.indexOneCikanTek .iocDetay {
padding: 17px 20px;
}
.indvscroll .tabMenu::-webkit-scrollbar {
width: 5px;
right: 2px;
height: 8px;
}
.indvscroll .tabMenu::-webkit-scrollbar-track {
background: #fff;
box-shadow: unset;
border-radius: 10px;
}
.indvscroll .tabMenu::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: unset;
background-color: #aeb0b3;
}
.indvscroll .tabMenu {
height: auto;
border-radius: 0;
background: transparent;
box-shadow: unset;
border: 0;
overflow: auto;
margin-bottom: 5px;
}
.indvscroll .tabMenu ul {
background: transparent;
overflow-x: auto;
overflow-y: hidden;
width: auto;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
max-width: unset!important;
min-width: 450px;
display: block;
float: left;
position: relative;
}
.indvscroll .tabMenu li a.active {
background: unset;
color: #e73130;
}
.indvscroll .tabMenu ul li a i {
display: none;
}
.indvscroll .tabMenu li a {
color: #aeb0b3;
font-size: 14px;
text-transform: capitalize;
line-height: 1em;
float: unset;
font-weight: 600;
padding: 0!important;
}
.indvscroll .tabMenu li {
width: auto!important;
margin-left: 0!important;
height: 67px;
overflow: hidden;
margin: 0;
text-align: center;
line-height: 1;
display: inline-block;
background-color: transparent;
border: 0;
color: #c0c3ca;
margin-right: 23px;
font-size: 14px;
text-transform: capitalize;
height: auto;
width: 180px;
float: left;
width: auto;
padding: 5px 0 15px 0;
}
.indvscroll .tabMenu li:first-child a {
padding-left: 0;
}
.indvscroll
.tabMenu ul li:last-child {
margin-right: 0;
}
.indexTab1 .tabMenu {
display: none;
}
.wbbf {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.wbbf span {
text-transform: capitalize;
color: #e73130;
font-weight: bold;
font-size: 20px;
font-family: 'Roboto';
}
.selectdivewb {
position: relative;
margin-top: 2px;
}
#wbfilter {
background-color: transparent;
border: none;
color: #333;
font-weight: 700;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
padding: 0 15px 0 0;
border-radius: 0;
outline: 0;
cursor: pointer;
font-size: 12px;
line-height: normal;
font-style: normal;
margin-top: 3px;
}
.selectdivewb:after {
position: absolute;
content: "";
right: 0;
top: 7px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #222;
user-select: none;
pointer-events: none;
}
.copyright {
margin-top: 0!important;
}
.footerMenu ul {
display: flex!important;
flex-wrap: wrap;
padding: 0 30px;
justify-content: center;
display: none!important;
}
.footerMenu ul li {
float: unset;
margin: 0 15px 15px 0;
padding: 0;
display: block;
}
.fSocial ul {
padding: 30px 0 20px 0;
}
.footerMenu .container {
padding: 0;
}
.copyright h6 {
padding-bottom: 20px;
}
.infinite-repeat {
margin-bottom: 0;
}
.yorumYap {margin-bottom:10px;}
.qa-wrap .qa-head h2 {
font-size: 18px;
}
.single .breadcrumb {
flex-direction: column;
align-items: flex-start;
padding-bottom:7px;
}
.breadcrumb .read_count {
margin-top: 10px;
}
.single .breadcrumb ul,
.brnewnb{
display: none;
}
.qa-head span {
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.bottomBar {
position: static;
float: unset;
top: 0;
}
.headBar.bg {
box-shadow: unset;
}
section.page.newsCategory {
margin-top: 0!important;
}
.page-container {
padding-top: 20px!important;
}
#zuck-modal-content .story-viewer .tip {
top: 70px!important;
}
.all-right-top {
width: 60px;
height: 60px;
position: fixed;
bottom: 0;
top: unset!important;
display: flex;
justify-content: center;
align-items: center;
right: 0;
background: rgba(0,0,0,.13);
}
.all-right-top .altt {
display: block;
margin: auto;
width: 80px;
height: 80px;
}
.all-right-top-in {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
margin-top: 2px;
}
.all-right-top a svg {
height: 20px;
width: auto;
}
.all-right-top a svg path {
fill: #fff!important;
}
.mobile-foo-in a {
display: flex;
width: 45px;
height: 48px;
text-align: center;
align-items: center;
border-radius: 6px;
transition: background-color .2s ease-in-out;
}
a.mobile-foo-in a svg {
width: 20px;
height: 20px;
margin: 0 auto;
}
.mobile-foo-in a svg path {
fill: #ffffff;
transition: fill .2s ease-in-out;
}
.mobile-foo-in a:hover path {fill: #fff;}
.mobile-search input.submit.bg {
display: none;
}
.mobile-search {
visibility: visible;
opacity: 1;
top: 0px!important;
height: 60px;
line-height: 60px;
left: 207px;
max-width: calc(100% - 200px);
padding: 0 29px 0 20px;
z-index: 999997;
background: rgba(0, 0, 0, 0.13);
position: absolute;
}
.mobileSearch {
position: absolute;
z-index: 999999;
right: 20px;
top: 20px;
background: red;
width: 30px;
height: 30px;
}
.mobile-search .input {
width: 100%;
font-size: 14px!important;
padding-right: 30px;
color: rgba(255,255,255,.80);
height: auto;
}
.mobile-search .input::placeholder {
color: rgba(255,255,255,.80);
}
.search-icon {
cursor: text;
z-index: 9999;
position: relative;
float: right;
position: absolute;
right: 20px;
top: 0;
height: 60px;
display: flex;
align-items: center;
}
.search-icon svg {
cursor: text;
z-index: 9999;
}
.search-icon svg {
width: 20px;
height: 20px;
}
.search-icon svg path {
fill: rgba(255,255,255,.80);
}
.mobile-search form {
height: 60px;
display: flex;
align-items: center;
}
.mobile-search {
top: 0px!important;
}
.mobile-search {
display: block!important;
}
.headlineOne.headlineOneMobile { height: auto; }
.headlineOne.headlineOneMobile .eightSlide { height: 310px; overflow: initial; width: 100%; }
.headlineOne.headlineOneMobile .eightSlide .item .thumb { height: 300px; }
.headlineOne.headlineOneMobile .eightSlide .owl-dots,
.headline .owl-carousel .owl-dots {     position: absolute!important;
top: 17px!important;
right: 10px!important;
width: auto!important;
height: auto!important;
padding: 0!important;
display: block!important;
left:unset!important;
margin-top: 0!important;}
.headlineOne.headlineOneMobile .eightSlide .owl-dots .owl-dot { float: left; margin: 0 4px 0 4px; width: 14px; height: 14px; border-radius: 100%; }
.headlineOne.headlineOneMobile .eightSlide .owl-nav { display: none; }
.headlineOne.headlineOneMobile .eightSlide .owl-dots .owl-dot,
.headline .owl-carousel .owl-dots .owl-dot {
display: inline-block!important;
color: #fff!important;
width: 8px!important;
height: 8px!important;
border-radius: 100%!important;
border: 2px solid!important;
border-color: #fff!important;
margin:0 3px 0 0!important;
background-color: transparent!important;
cursor: pointer;
}
a i.facebook {
width: 10px;
-webkit-mask-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/footerFacebook.svg);
mask-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/footerFacebook.svg);
}
a i.twitter {
width: 18px;
-webkit-mask-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/footerTwitter.svg);
mask-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/footerTwitter.svg);
}
a i.pinterest {
width: 14px;
-webkit-mask-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/footerPinterest.svg);
mask-image: url(//www.dijibeyin.com/wp-content/themes/birportal/images/footerPinterest.svg);
}
.single .sDetay {
padding-left: 0;
}
.content-box-title {
margin-bottom: 15px;
}
.gridx3 {
margin-top: 10px;
}
.content-in .column4 {
flex: 0 0 100%;
max-width: 100%;
}
.column-top-mid {
width: 100%;
}
.column-top-mid img {
min-width: 100%;
min-height: 100%;
max-width: 100%;
object-fit: cover;
height: 100%;
}
.friends-list-body .column4 {
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.flb-options a p b, .phbi-actions a p b {
display: none;
}
.headBar .postSubmitMobile {display:none;}
.qa-head span {
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.qa-wrap .qa-head h2 {
font-size: 18px;
}
.wbTabOne .tabHead,.wbCatTab .wbDefaultTabHead {display:none;}
.mobile-search input.submit.bg {
display: none;
}
body.logged-in.admin-bar .mobile-search {
top: 46px!important;
}
.mobileSearch {
position: absolute;
z-index: 999999;
right: 20px;
top: 20px;
background: red;
width: 30px;
height: 30px;
}
.mobile-search .input {
width: 100%;
font-size: 14px!important;
padding-right: 30px;
color: rgba(255,255,255,.80);
height: auto;
}
.mobile-search .input::placeholder {
color: rgba(255,255,255,.80);
}
.search-icon {
cursor: text;
z-index: 9999;
position: relative;
float: right;
position: absolute;
right: 20px;
top: 0;
height: 60px;
display: flex;
align-items: center;
}
.search-icon svg {
cursor: text;
z-index: 9999;
}
.search-icon svg {
width: 20px;
height: 20px;
}
.search-icon svg path {
fill: rgba(255,255,255,.80);
}
.mobile-search.mb-goster form {
height: 60px;
display: flex;
align-items: center;
}
.breadcrumb.block.v2.new {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 5px;
}
.breadcrumb.block.v2.new ul {
text-align: left!important;
margin-bottom: 7px;
display:none;
}
.breadcrumb ul li.post {
margin: 10px 0 0;
}
.breadcrumb ul li {
float: none;
display: inline-block;
}
.postInner {
width: 100%;
padding-left: 0;
}
.blog-post-in-body-left {
display:none!important;
}
.mobile-foo {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to left, rgba(95,62,182,.95), rgba(66,79,181,.95));
height: 60px;
z-index: 99;
display: block;
align-items: center;
justify-content: flex-start;
}
.mobile-foo-in {
display: flex;
width: calc(100% - 60px);
align-items: center;
justify-content: center;
height: 100%;
}
.mobile-foo-in a {
display: flex;
width: 45px;
height: 48px;
text-align: center;
align-items: center;
border-radius: 6px;
transition: background-color .2s ease-in-out;
}.mobile-foo-in a svg {
width: 20px;
height: 20px;
margin: 0 auto;
}
.towl-container {
padding: 0;
width: 100%;
max-width: 100%;
}
.top-owl .top-slider-big .thumb, .top-owl {
height: 250px!important;
margin-bottom: 0;
border-radius: 0;
}
.top-owl .text h3 {
font-size: 22px;
line-height: 30px;
font-family: 'Roboto';
font-weight: 700;
font-size: 30px;
}
.top-slider-mini {
display: none!important;
}
.headlineOne .item.wide,
.headlineTwoWrapper.headlineFour .headLineTwoMiddle .item {
height: 300px!important;
}
.headlineOne .item.sixPosts ul li {
height: 148px!important;
}
.headlineOne .owl-nav {
display: none!important;
}
.headlineOne .item a.categoryInPost {
display: none;
}
.headlineOne .item.wide h3 {
padding: 0 40px;
}
.headlineOne .owl-prev, .headlineOne .owl-next {
top: 126px;
}
.headlineOne .owl-prev {
left: 0px;
}
.headlineOne.headlineOneMobile .eightSlide .owl-dots {
display: block!important;
}
.headlineOne.headlineOneMobile .eightSlide .owl-nav {
display: none!important;
}
.headlineTwoWrapper {
margin-top: 0px;
}
.headLineTwoMiddle,
.headlineTwoWrapper.headlineFour .headLineTwoMiddle {
width: 100%;
}
.headLineTwoRight,
.headlineTwoWrapper.headlineFour .headLineTwoRight {
display: none;
}
.headLineTwoMiddle .item {
height: 300px;
}
.headLineTwoMiddle .owl-thumbs {
display: none;
}
.headlineTwoWrapper .owl-nav {
display: none;
}
.headlineTwoWrapper .container {
padding: 0;
}
.headlineTwoWrapper.headlineThree .headLineTwoMiddle {
margin-left: 0;
margin-right: 0;
}
.headLineOne .owl-dots,
.headLineTwo .owl-dots,
.headlineThree .owl-dots,
.headlineFour .owl-dots {
position: absolute;
top: 10px;
right: 10px;
width: auto;
height: auto;
padding: 0;
display: block!important;
}
.headLineOne .owl-dot,
.headLineTwo .owl-dot,
.headlineThree .owl-dot,
.headlineFour .owl-dot {
display: inline-block;
color: #fff;
width: 8px;
height: 8px;
border-radius: 100%;
border: 2px solid!important;
border-color: rgba(255,255,255,.6)!important;
margin-right: 3px;
background-color: transparent;
cursor: pointer;
}
.headlineOne .owl-dot.active,
.headlineTwo .owl-dot.active,
.headlineThree .owl-dot.active,
.headlineFour .owl-dot.active {
background: #e73130;
border-color: #e73130!important;
}
.headlineOne.headlineOneMobile {height:auto;}
.headlineOne.headlineOneMobile .eightSlide {height:310px;overflow:initial;width:100%;}
.headlineOne.headlineOneMobile .eightSlide .item .thumb {height:300px;}
.headlineOne.headlineOneMobile .eightSlide .owl-dots,
.headline .owl-carousel .owl-dots {display: inline-block;
position: absolute;
top: 10px!important;
right: 10px!important;
width: auto;
height: auto;
padding: 0;
height: auto;
max-height: 30px;
}
.headlineOne.headlineOneMobile .eightSlide .owl-dots .owl-dot,
.headline .owl-carousel .owl-dots .owl-dot {display: inline-block;
color: #fff;
width: 8px;
height: 8px;
border-radius: 100%;
border: 2px solid;
border-color: #fff;
margin-right: 3px;
background-color: transparent;
cursor: pointer;}
.headlineOne.headlineOneMobile .eightSlide .owl-nav {display:none;}
}
@media only screen and (max-width: 660px) {
.content-box-title{
margin-bottom:15px
}
.anim-input-place {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.form-row{
display:block
}
.form-row .form-item:last-child{
margin-top:19px
}
.profile-alert{
display:block;
margin-left:0;
margin-top:15px
}
.profile-alert:after{
top:0;
left:32px
}
.birtekno-socialing,.birtekno-emoji {display: block!important;}
.top-owl .top-slider-mini .thumb {
max-height: 150px;
}
.top-owl .top-slider-mini .thumb img {
width: calc(100% + 1px);
margin-left: -1px;
}
.top-owl .top-slider-big {
width: 100%;
margin-right: 0;
}
.towl-container {
padding: 0;
width: 100%;
max-width: 100%;
}
a.phbi-middle-mid-title{
margin-top:8px
}
.profile-header-b-infos{
padding-bottom:20px
}
.profile-header,.profile-header figure{
height:150px
}  section.content.newsCategory{
margin-top:20px
}
.friends-list-header {
margin-top:-20px;
}
.flb-mid{
width:88px;
height:88px;
bottom:20px
}
.flb-name{
margin-top:10px
}
.phbi-actions a p i{
display:none
}
.phbi-actions a{
width:114px
}
.block-or{
flex-direction:column;
bottom:50%;
transform:translateY(50%)
}
.block-or p{
margin:3px 0
}
.phbi-middle ul li p{
font-size:.6875rem;
margin-top:5px
}
.phbi-middle ul li span{
font-size:.875rem
}
.phbi-middle ul li:last-child{
display:none
}
.phbi-middle ul li:nth-child(3){
margin-right:0;
padding-right:0
}
.phbi-middle ul li:nth-child(3):after{
display:none
}
}
.birtekno-emoji li p {
display: none!important;
}
section.page.newsCategory {
margin-top:20px;
}
@media screen and (max-width: 480px) {
.videoList>ul>li>a .playBtn {
bottom: unset!important;
right: 10px;
top: 10px!important;
}
section.content.contentMobile.home .container .headlineElement {
width: calc(100% + 40px);
margin-left: -20px;
margin-bottom: 10px;
}
.indexTab2 .postList>ul>li .pImg {
float: unset;
width: 100%!important;
height: 150px;
max-height: 150px;
border-radius: 3px!important;
margin: 0;
}
.indexTab2 .postList>ul>li .pImg img {
width: 100%;
height: 100%;
object-fit: cover;
padding: 0;
margin: 0;
}
.indexTab2 .postList>ul>li a {
display: block;
width: 100%;
float: unset;
}
.indexTab2 .postList>ul>li {
background: unset;
box-shadow: unset;
border: unset;
}
.indexTab2 .postList>ul>li .pTitle {
width: 100%!important;
padding: 0;
-webkit-line-clamp: 2;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 600;
line-height: 22px;
font-family: 'Roboto';
height: auto;
max-height: 44px!important;
}
.indexTab2 .postList>ul>li:before {
content: "";
position: absolute;
bottom: 0;
left: -20px;
background-color: #eee;
height: 1px;
display: block;
width: calc(100% + 40px);
}
.infinityDiv {
bottom: 60px;
}
.bottomBar {
position: static!important;
}
.headlineOne.headlineOneMobile .eightSlide .item .text span {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: 'Roboto';
font-size: 24px;
line-height: 30px;
}
section.content.contentMobile.home .container .headlineElement {
width: calc(100% + 40px);
margin-left: -20px;
margin-bottom: 10px;
}
a.phbi-middle-mid-title{
margin-top:8px
}
.profile-header-b-infos{
padding-bottom:20px
}
.profile-header,.profile-header figure{
height:150px
}  section.content.newsCategory{
margin-top:20px
}
.flb-mid{
width:88px;
height:88px;
bottom:20px
}
.flb-name{
margin-top:10px
}
.phbi-actions a p i{
display:none
}
.phbi-actions a{
width:114px
}
.block-or{
flex-direction:column;
bottom:50%;
transform:translateY(50%)
}
.block-or p{
margin:3px 0
}
.phbi-middle ul li p{
font-size:.6875rem;
margin-top:5px
}
.phbi-middle ul li span{
font-size:.875rem
}
.phbi-middle ul li:last-child{
display:none
}
.profile-cont .phbi-middle ul li:last-child{
display:inline-block;
}
.phbi-middle ul li:nth-child(3){
margin-right:0;
padding-right:0
}
.phbi-middle ul li:nth-child(3):after{
display:none
}
}
#zuck-modal {
z-index: 999999!important;
}
#zuck-modal-content .indesc {
z-index: 5!important;
position: absolute!important;
bottom: 24px!important;
left: 50%!important;
width: 100%!important;
}
#zuck-modal-content .strydesc {
z-index: 5!important;
font-size: 26px!important;
padding: 0!important;
padding-bottom: 30px!important;
width: 70%!important;
transform: translateX(-50%)!important;
z-index: 1000!important;
color: #fff!important;
text-align: center!important;
font-weight: 600!important;
}
#zuck-modal-content .story-viewer .head .left>.back {
line-height: 42px!important;
}
#zuck-modal-content .story-viewer .tip.muted {top:90px!important;}
.bt-grad {
position: absolute;
width: 100%;
height: 70%;
bottom: 0;
z-index: 1;
background: rgba(0,0,0,.72);
-webkit-transition: all .5s;
transition: all .5s;
background: linear-gradient(to top,rgba(0,0,0,.92) 21%,transparent 100%);
}
.singleSol>img:last-child {
max-width: 72px;
margin:0 auto;
}
.single .content:not(:first-child){
margin-top: 0;
}
.blok .owl-carousel {
overflow: hidden;
}
.stories.carousel .story>.item-link>.item-preview img {
border:0!important;
}
#zuck-modal-content .story-viewer .slides .item>.media {
height: 100%!important;
position: absolute!important;
left: 50%!important;
-webkit-transform: translateX(-50%)!important;
transform: translate(-50%,-50%)!important;
margin: auto!important;
height: auto!important;
vertical-align: middle!important;
top: 50%!important;
max-width: 100%!important;
}
.kPostList ul li .kpImg a {
display: block;
height: 100%;
width: 100%;
}
svg.full-c {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform:rotate(0);
stroke:#444eb5;
fill:none;
stroke-width: 7px;
stroke-dasharray: 9;
stroke-dashoffset: 0;
stroke-linecap:round;
animation:loading 10s ease-in-out alternate both;
border:0!important;
}
.stories.snapgram .story.seen>a>.item-preview svg.full-c {
stroke: #999!important;
animation: unset;
stroke-dasharray: 1;
}
@keyframes loading{50%{stroke-dasharray:15;-webkit-transform:rotate(200deg);transform:rotate(200deg)}to{stroke-dasharray:1}}
.headlineOne.headlineSeven .itemwd {
width: 1160px;
height: 397px;
position: relative;
}
.headlineOne.headlineSeven .itemwd:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
background-color: rgba(0,0,0,.8);
width: 100%;
height: 100%;
z-index: 999;
}
.headlineOne.headlineSeven .center .itemwd:before {
display: none;
}
.headlineOne.headlineSeven .item.wide {
width: 582px!important;
height: 397px!important;
margin-top: 0;
margin: 0 0px 0 2px;
position: relative;
}
.headlineOne.headlineSeven .item.sixPosts {
width: 287px;
margin: 0;
}
.headlineOne.headlineSeven .item.sixPosts ul li {
height: 198px!important;
width: 100%!important;
margin: 0 0.5px;
}
.headlineOne.headlineSeven .item.sixPosts ul li:first-child {
margin-bottom: 1px;
}
.headlineOne.headlineSeven .itemwd .sixPosts:first-child{
margin:0 0px 0 0!important;
}
.mega-menu .megaMenu.styleThree .slideButtons span:hover {
background-color: #f8f8f8;
}
.sDetay h2,
.sDetay h3,
.sDetay h4,
.sDetay h5,
.sDetay h6,
.sDetay p {
color: #1e1f1f;
}
.nnewrt {
position: absolute;
width: calc(100% - 19px);
left: 19px;
bottom: 18px;
z-index: 99;
}
.item.wide .nnewrt {
left: 29px;
}
.nnewrt h3,
.nnewrt span {
position: relative!important;
left: unset!important;
bottom: unset!important;
}
.nnewrt span {
font-size: 10px;
font-weight: 400;
line-height: 24px;
border-radius: 3px;
letter-spacing: .5px;
padding: 0 10px;
height: auto;
text-transform: uppercase;
margin-bottom: 35px;
}
.headlineSeven .owl-nav {
width: 1160px;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.headlineSeven .owl-nav .owl-prev {
left: 0;
}
.headlineOne.headlineSeven .item h3 {
width: calc(100% - 19px);
}
.headBar .right a.postUploadButton i {
transition: transform .35s ease-in-out;
}
.headBar .right a.postUploadButton:hover i {
transform: rotate(360deg);
}
.headBar {overflow:hidden;}
.anr_captcha_field{margin-top: 10px;}
div.wpcf7-mail-sent-ok{position: relative;top: 8px;clear: both;}
div.wpcf7 .ajax-loader{display: none !important;}
.iletisimRight .wpcf7-validation-errors {
padding-left: 0!important;
}
span.wpcf7-not-valid-tip {
margin-top: 4px;
}
.bg4 {    background: linear-gradient(to right, #e73130 0%,#fc573b 100%); }