/*
Theme Name: EPIAS V.2 1453
Theme URI: https://www.epias.com.tr
Author: Ayhan Yanbul
Author URI: http://www.ayhanyanbul.com
Description: EPIAS V.2 1453
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark-blue, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: https://www.epias.com.tr 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	width:100%;
	height:100%;
}
ol, ul {
	list-style: none;
	margin-bottom:0px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
button:focus {outline:0 !important;}
input:focus, textarea:focus {
    outline: none !important;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, select {
    outline: none !important;
    outline-offset: -2px;
}
body {font-family:Roboto; font-weight:400; background:#e5ebf1 !important; font-size:13px;}
body.no-scroll {overflow:hidden; position:fixed;}
a{color:#0a1330; text-decoration:none !important; -webkit-transition:color .3s ease-in-out; transition:color .3s ease-in-out;}
a:hover {text-decoration:none !important;}
.fullimg {width:100%; height:auto; display:block;}
.nopadding {padding:0px !important;}
strong {font-weight:bold;}
.btn-xs {padding:2px 5px !important; font-size:12px !important;}
/* IBM */
@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/IBM_Plex_Serif/IBMPlexSerif-Regular.ttf'); /* IE9 Compat Modes */
  src: local('IBM Plex Serif'), local('IBM Plex Serif Regular'),
       url('fonts/IBM_Plex_Serif/IBMPlexSerif-Regular.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/IBM_Plex_Serif/IBMPlexSerif-Regular.ttf') format('ttf'), /* Super Modern Browsers */
       url('fonts/IBM_Plex_Serif/IBMPlexSerif-Regular.ttf') format('ttf'), /* Modern Browsers */
       url('fonts/IBM_Plex_Serif/IBMPlexSerif-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fonts/IBM_Plex_Serif/IBMPlexSerif-Regular.svg#IBM Plex Serif') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v15-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v15-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v15-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v15-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v15-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v15-latin-ext_latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v15-latin-ext_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v15-latin-ext_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v15-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('fonts/roboto-v15-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v15-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v15-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v15-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v15-latin-ext_latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
.header {position:relative; z-index:15;}
.menu-cover {position:relative; z-index:16; box-shadow: 0px 3px 6px 0px #0000001a;}
.fix-menu {position:fixed; left:0px; top:0px; width:100%; animation: showmenu 0.5s ;}
@keyframes showmenu {
	0%   { transform: translate(0px, -100px) }
	100% { transform: translate(0px, 0px) }
}

.hide-logo {position:absolute; left:-150px; visibility:hidden;}
.hide-logo img {width:60px; height:auto; padding-top:5px;}
.show-logo {visibility:visible; left:50px;}

.loading {position:absolute; animation:fadeanime 0.5s infinite;}
@keyframes fadeanime {
	0%   { opacity:0; }
	100% { opacity:1; }
}


.section{
	text-align:center;
	position:relative;
	overflow:hidden;
}

#section0,
#section1,
#section2,
#section3,
#section4,
#section5,
#section6{
	background-size: cover;
	background-attachment: fixed;
}

#section0{
	background:url(images/elektrik-piyasa-bg.jpg);
}
#section1{
	background:#fff;
}
#section2{
	background:#fff;
}
#section3{
	background:#fff;
}
#section4{

}
#section5{
	background:#fff;
}
#section6{
	
}

.page-template-page-elektrik-piyasalari .header {position:fixed; width:100%; top:0px;}
.page-template-page-elektrik-piyasalari .menu-cover {position:fixed; width:100%; top:101px;}
.gizle {top:-110px !important;}
.absolute-top {position:absolute; top:0px; left:0px; width:100%; z-index:3;}
.absolutelogo {position:absolute; width:100px; height:auto; left:60px; top:30px}
.absolutemenu {
    position: absolute;
    width: 25px;
    height:auto;
    right: 80px;
    top: 50px;
}

.blue-bg {
    background: #0f61dc;
    background: -webkit-linear-gradient(to right, #0f61dc, #3e48a0);
    background: linear-gradient(to right, #0f61dc, #3e48a0);
}
.softgreen-bg {
    background: #0fb6dc;
    background: -webkit-linear-gradient(to right, #0fb6dc, #3e58a0);
    background: linear-gradient(to right, #0fb6dc, #3e58a0);
}
.gip-bg {background:url(images/gip-bg.jpg) center no-repeat;background-size: cover;}
.gop-bg {background:url(images/gop-bg.jpg) center no-repeat;background-size: cover;}
.dgp-bg {background:url(images/dgp-bg.jpg) center no-repeat;background-size: cover;}
.bolticon {width:70px; height:auto; margin-bottom:50px;}

.ok-anime {position:relative; animation:okanime 1s infinite ease;}
@keyframes okanime{
	0% {top:0px;}
	50% {top:-4px; opacity:0.6;}
	100% {top:0px;}
}

.loading-box {position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:10; background: #606c88; background: -webkit-linear-gradient(to right, #3f4c6b, #606c88); background: linear-gradient(to right, #3f4c6b, #606c88);}
.section-menu-kapa {position: absolute; top: 0px; width: 50px; height: 50px;  background: #e6d112; text-align: center;line-height: 50px; font-size: 18px;}
.section-box-menu { background: #fff; width: 100%; height: 100%; position: absolute; text-align: left; padding: 180px 60px; z-index:2;}
.section-right-menu { right:-120%; } 
.section-left-menu { left:-120%; } 
.rightkapa {left: -50px;}
.leftkapa {right: -50px;}
.section-right-menu-open {right:0px;}
.section-left-menu-open {left:0px;}
.section-box-menu ul li {padding:10px 0px;}
.section-box-menu ul li a {color:#000; font-size:18px;}
.section-box-menu .section-box-title {color:#000;}
.piyasavericover {width:600px; color:#fff; margin:0px auto; margin-top:100px;}
.piyasa-prices .fiyat {font-size:30px}
.section-center { position:absolute; width:100%; top:32%; text-align:center;}
.section-big-title {font-size:42px; color:#fff;}
.section-text { font-size: 18px; color: #fff; width: 50%; margin: 0px auto; padding-top: 20px; } 
.section-box-title {font-size:42px; color:#fff; padding-bottom:30px; font-weight:bold;}
.section-box-text {font-size:18px; color:#fff; padding-bottom:30px; font-weight:300;}
.section-data-big {font-size:36px; color:#fff; font-weight:bold;}
.section-data-small {font-size: 16px;font-weight:300;color: #ffffff;opacity: 0.5;}
.section-data-xsmall{font-size:13px; font-weight:300; color:#fff;}
.section-box-header {float:left; width:100%;}
.section-box-content {float:left; width:100%; margin-top:50px;}
.section-box-btn { background: #214371; color: #fff;text-align: center; padding: 7px 12px; font-weight: bold; border-radius: 10px; font-size: 16px; } 
.section-box{padding: 270px 50px; text-align: left; } 
.scroll svg {vertical-align: middle; } 
.scroll-down {position: absolute; left: 50%; margin-left: -20px; width: 40px;height: 40px;bottom: 35px;padding-left: 7px; cursor: pointer; z-index: 2;color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
.scroll-down.svg svg { width: 25px;opacity: 1;-webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } 
.scroll-down.svg .stroke { stroke: #fff;} 
.scroll-down.svg .scroller { fill: #fff; -webkit-animation: mouseupdown 1s infinite; -moz-animation: mouseupdown 1s infinite; -o-animation: mouseupdown 1s infinite; animation: mouseupdown 1s infinite; } 
@-webkit-keyframes mouseupdown {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 5px);
        transform: translate(0, 5px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
@-moz-keyframes mouseupdown {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -moz-transform: translate(0, 5px);
        transform: translate(0, 5px)
    }
    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
@-o-keyframes mouseupdown {
    0% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -o-transform: translate(0, 5px);
        transform: translate(0, 5px)
    }
    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
@keyframes mouseupdown {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 5px);
        transform: translate(0, 5px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.data-area {position:relative; min-height:552px;}
.data-area-open {min-height:605px;}
.datalar {height:76px; overflow:hidden;}
.datalar-open {height:auto;}
.top-link a {
  color: #fff;
  font-size: 16px;
  padding-top: 40px;
  display: inline-block;
}
.transition { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
.transition06 { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
.transition-jump { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: cubic-bezier(.92,.01,.54,1.33); transition-timing-function: cubic-bezier(.92,.01,.54,1.33);}

.transition2{-webkit-transition: all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out;}
.transition1s{-webkit-transition: all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.transition-slow{-webkit-transition: all 4s ease-in-out; -moz-transition:all 4s ease-in-out; -o-transition:all 4s ease-in-out;transition:all 4s ease-in-out;}
.border-left {border-left:1px solid #585b86 !important;}
.border-right {border-right:1px solid #585b86 !important;}
.border-top {border-top:1px solid #585b86 !important;}
.border-bottom {border-bottom:1px solid #585b86 !important;}
.border-left-gri{ border-left: 1px solid #8a98a0 !important;}
.border-right-gri{ border-right: 1px solid #8a98a0 !important;}
.border-top-gri{ border-top: 1px solid #8a98a0 !important;}
.border-bottom-gri{ border-bottom: 1px solid #8a98a0 !important;}
.border-left-wh {border-left:1px solid #ededed;}
.border-right-wh {border-right:1px solid #ededed;}
.border-top-wh {border-top:1px solid #ededed;}
.border-bottom-wh {border-bottom:1px solid #ededed;}
.whitebg {background:#fff;}
.sub-border-left {border-left:1px solid #dadde2;}
.sub-border-right {border-right:1px solid #dadde2;}
.sub-border-top {border-top:1px solid #dadde2;}
.sub-border-bottom {border-bottom:1px solid #dadde2;}
.uyelikler {float:right; padding-top:17px;}
.uyelikler li {float:left; padding-left:20px;}
.uyelikler li img {width:auto; height:60px;}
.uye-title {text-align:right; font-size:13px; padding:40px 0px 0px 0px; color:#ccc;}
.menu-tabs li {width:25%; text-align:center;}
.menu-tabs {border:none !important; padding-top:22px;}
.menu-tabs li a{color:#cacfe2 !important; line-height:100px; font-weight:300;}
.menu-tabs li.active a{color:#46a67d !important; font-weight:800;}
.menu-tabs li a{background:none !important; border:none !important; font-size:22px;}
.content-sidebar-date li.page-item-9607{display:none !important;}
.content-sidebar-date li.page-item-9609{display:none !important;}
.content-sidebar-date li.menu-item-9755{display:none !important;}
.content-sidebar-date li.menu-item-9756{display:none !important;}
.content-sidebar-date li.menu-item-9823{display:none !important;}
.content-sidebar-date li.menu-item-9824{display:none !important;}
.footerul li.page-item-9607{display:none !important;}
.footerul li.page-item-9609{display:none !important;}
.footerul li.menu-item-9755{display:none !important;}
.footerul li.menu-item-9756{display:none !important;}
.footerul li.menu-item-9823{display:none !important;}
.footerul li.menu-item-9824{display:none !important;}
#menuaccordion {padding-bottom:50px; width:60%;}
#menuaccordion .accordion-item {background:none; border:none !important;}
#menuaccordion .accordion-header {background:none !important; border:none !important; padding:0px !important; }
#menuaccordion .btn-link {color:#222d4a !important; font-size:22px !important; font-weight:bold !important; text-decoration: none;}
.czg {position: absolute;left: 70px;top: 13px;}
.menutabs {font-size: 15px; padding: 0px; list-style: none; display: inline-block; border-radius: 50px; position: relative; margin-top: 30px; text-align: center; width: 100%;} 
.menutabs a{text-decoration:none; color: #fff;text-transform:uppercase; padding:10px 10px; display:inline-block; position:relative; z-index:1; transition-duration:0.6s; font-weight:bold; font-size:16px; } 
.menutabs a:hover {color:#8f95af;}
.menutabs a.active{color:#fff;}
.menutabs a i{margin-right:5px;}
.menutabs .selector{height:100%;display:inline-block;position:absolute;left:0px;top:0px;z-index:1;border-radius:50px;transition-duration:0.6s;transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);background:rgba(255,255,255,0.1);}
.tabsubmenu {display:none; margin-left:-15px;}
.menuactive {display:block;}
.menuactive {animation: kay 1s ease;}
@keyframes kay{
	0% {position:relative; left:30px; opacity:0;}
	100% {position:relative; left:0px; opacity:1;}
}

.anket-detail {width:100%;}
.anket-detail tr td {padding:5px 10px; border-bottom:1px solid #ededed;}
.anket-detail tr:last-child td {border:none;}
.anket-detail tr td p {color:#666;}
.anket-detail tr td p strong{padding-top:5px; color:#000; display:block;}
.kayit-modal-title {color: #3078ff; font-size: 18px;font-weight: bold;}

.marque-wrapper {overflow:hidden; position:relative; margin-top: 20px;}
.marque-cover {overflow:hidden; width:100%; float:left; border-bottom:1px solid #5e6173; padding:10px 0px;}
.marque-text {float:left; width:12%; font-size:14px;}
.marque-content {float:left; width:88%; overflow:hidden; font-size:14px;}
.marque-data {display: inline-block; width: 133px;text-align: left;position:relative;padding-left:10px;   }
.absolute-over {position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%;}
.absolute-over:hover {cursor:not-allowed;}
.marque-clock {font-weight:bold; display:inline-block; margin-right:5px; opacity: 0.7;}
.span-data:after {content:"|"; position:absolute; right:-5px;}
.marque-content .fa-caret-up {color:#0FD08B}
.marque-content .fa-caret-down {color:#ff0000}
.hizli-box {position:absolute; background:#fff; width:300px; height:auto; right:0px; top:70px; padding:20px; display:none; border-radius:10px;}
.hizli-box:before {content:url(images/ucgen.png); position:absolute; right:40px; top:-20px;}
.hizli-box-open {display:block;}
.hizli-box a {color:#000; font-size:13px; display:block;}
.hizli-box ul {float:left !important; width:100%; padding-top:0px !important; padding-left:0px !important;}
.hizli-box ul li {display:block; float:none; width:100%; text-align:left;}
.hizli-box ul li a {color:#333; font-size:13px; padding:3px 0px;}
.hizli-box p {float:left; width:100%;}
.hizli-baslik a {display:block; color:#0F64E7; padding:5px 0px; font-weight:bold;}

.has-sub::after {content:url(images/down.png); position:absolute; right:8px; top:-4px;}
.sub-items {position:absolute; background:#fff; width:220px; left:50%; margin-left: -110px; height:auto; top:50px; padding:10px; display:none; border-radius:5px;}
.sub-items:before {content:url(images/ucgen.png); position:absolute; left:50%; top:-20px;}
.sub-items-open {display:block;}
.sub-items a {color:#000; font-size:13px; display:block;}
.sub-items ul {float:left !important; width:100%; padding-top:0px !important; padding-left:0px !important;}
.sub-items ul li {display:block; float:none; width:100%; text-align:left;}
.sub-items ul li a {color:#333; font-size:13px; padding:3px 0px;}
.sub-items p {float:left; width:100%;}

.slider-duyuru-area {position:relative; z-index:2;}
.content-wrapper {position:relative; z-index:1;}
.hide-header {margin-top:-100px; position:fixed;}
.bottom-section { position: fixed; left: 0px; bottom: -190px !important; background: rgba(69,72,87,1) !important; padding: 25px 110px !important; height: 300px !important; z-index:10; top:inherit !important; } 
.top-section { position: fixed; left: 0px; top: -155px; background: rgba(69,72,87,1) !important; height: 311px !important; z-index: 10; }
.haber-top-sld {padding: 31px 50px 32px 40px;}
.haber-top-project {padding: 20px 25px;}
.piyasa-prices {color:#fff; padding:30px; position:relative;}
.gunluk-veriler {padding:20px 0px; float:left; width:100%;}
.veri-title {font-size:16px; padding-bottom:10px;}
.gunluk-veriler .fiyat {font-size:36px;}
.open-div { text-align: center; position: absolute; bottom: -31px; width: 100%; left: 0px; } 
.open-div a { color: #000; width: 40px; height: 31px; border-radius: 0px 0px 10px 10px; text-align: center; line-height: 30px; background: rgb(113,196,164);  background: -moz-linear-gradient(-45deg, rgba(113,196,164,1) 1%, rgba(50,173,142,1) 44%, rgba(107,186,112,1) 100%);  background: -webkit-linear-gradient(-45deg, rgba(113,196,164,1) 1%,rgba(50,173,142,1) 44%,rgba(107,186,112,1) 100%);  background: linear-gradient(135deg, rgba(113,196,164,1) 1%,rgba(50,173,142,1) 44%,rgba(107,186,112,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71c4a4', endColorstr='#6bba70',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ margin-top: 21px; display:inline-block; }
.top-section {padding:0px 30px !important;}
.top-section .open-div a {display:inline-block !important;}
.top-section-down {top: 150px !important;}
.top-section .vericover {padding:30px 20px; overflow:hidden; min-height:311px;}
.fix-menu-active {top:-235px;}
.bottom-section:hover {transform: translateY(-190px) !important;}
.top-section:hover {transform: translateY(0px) !important;}
.konum-buttons {margin-top:20px; float:left; width:100%;}
.konum-buttons span { font-size: 12px; margin-bottom: 5px; padding-bottom: 5px; display: block; color: #666; }
.konum-buttons a {display:inline-block;}
.konum-buttons img {width:20px; height:20px;}

.anamenu {margin-top:18px; padding-left:8px; border-right:1px solid #a1a3a7;}
.anamenu:last-child {border:none;}
.anamenu > ul.menu {margin-left:-10px; position:relative;}
.anamenu > ul > li > a{color:#fff; display:inline-block; padding:0px 10px; font-size:16px;}
.anamenu .menu li {float:left; padding-right:5px; padding-left:5px;}
.anamenu .menu li a{font-weight:400; color:#fff; font-size:16px;}
.anamenu .menu > li a:hover {color:#d2d9df; opacity:0.8;}
.anamenu .menu li:hover>ul {display:block; visibility:visible;  opacity:1;}
.anamenu .menu > li > ul {position:absolute;padding:20px 0px 0px 0px;z-index:1100;visibility: hidden; opacity:0;padding-bottom: 130px;}
.anamenu .menu > li > ul li {float:none; width:250px; background:#64727B;  border-bottom:1px solid rgb(255 255 255 / 0.2);}
.anamenu .menu > li  .menu-item-has-children > a {background:rgb(137 150 159 / 0) url(images/sagok.png) no-repeat right;}
.anamenu .menu > li > ul > li  a {line-height:14px; display:block; font-weight:bold; color:#fff; font-size:14px; padding:20px 20px 20px 20px;}
.anamenu .menu > li > ul > li  ul {padding:20px 0px 0px 0px;position:absolute;left:250px;top:0px; visibility:hidden; opacity:0; padding-bottom: 150px;}
.anamenu .menu > li > ul > li  ul > li {background:#89969F;}
.anamenu .menu > li > ul > li  ul > li > ul {position:absolute; left:250px; top:0px;}
.anamenu .menu > li > ul > li  ul > li > ul > li {background:#949ea5;}

.haber-list-foto {height:260px; overflow:hidden; border-bottom: 3px solid #acaec1;}
.haber-list-foto img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; width:100%; height:auto;} 
.haber-content{ background: #fff; padding: 50px; border-radius: 10px; border-bottom: 3px solid #d7dce0; border-top: 3px solid #d5dce4; box-shadow: 0px 0px 9px 0px #0000000d; }
.sonuc a {font-weight:bold; color:#0D67DF; font-size:16px;}
.perma a {color:#38b57b;}
.content-date {color:#999; font-size:13px;}
.sonuc-tarih {margin-top:5px;}
.search-container {padding-top:30px;}
.arama-contents li {background:#fff; padding:10px; margin-bottom:15px; border-radius:5px;}
.arama-contents .custom-pagination { margin-top: 20px; background: #fff; padding: 10px; margin-bottom: 100px; } 
.rss-bg {background: rgb(241,231,103); background: -moz-linear-gradient(-45deg, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%);background: linear-gradient(135deg, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color:#000 !important; }
.rss-bg-cover {background:rgb(255, 216, 118) !important;}
.rss-bg-cover .content-sidebar-date ul li a {border-bottom: 1px solid #debf68 !important;}
.rsslist li {list-style:none !important; display:block; clear:both; overflow:hidden; margin-bottom:10px; padding:0px !important;}
.rsslist > li a{list-style:none !important; display:block; padding:10px 10px !important; background:#fff; border-radius:10px; overflow:hidden}
.rsslist > li >ul>li a{list-style:none !important; display:block;  padding:10px 10px !important; background:#fff; border-radius:10px; overflow:hidden;}
.rssli {border-bottom:1px solid #ededed; padding:5px 0px;}
.rssimg {width: 20px; height: 20px; float:left;margin-right:7px;}
.rsstext {float:left;margin-top:-1px;}
.search-title {font-weight:bold; font-size:18px; margin-bottom:15px;}
.haber-content h1 { font-size: 24px; font-weight: bold; padding-bottom: 15px; display: block; color: #007bff; padding-top: 15px; } 
.haber-list-foto img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.haber-sidebar {padding-left:0px;}
.haber-container {padding-right:0px;}
.haber-list-item {background:#fff; margin-bottom:20px; box-shadow: 0px 0px 9px 0px #0000000d; border-bottom: 3px solid #d7dce0; overflow:hidden; border-radius:10px; min-height:350px; border-top: 3px solid #d5dce4;}
.haber-item-content {padding:15px; height:90px; display:table-cell; vertical-align:middle;}
.haber-title {font-size:16px; font-weight:900; color:#000; padding-bottom:5px;}
.content-sidebar-filtre {padding:20px; background:#fff; border-radius:10px; border-bottom: 3px solid #d7dce0; border-top: 3px solid #d5dce4; margin-bottom:20px;}
.haber-date {font-size:12px; color:#999;}
.search-area {padding:10px 30px;}
.haber-container .custom-pagination { margin: 15px; background: #fff; float: left; width: 100%; padding: 10px; border-radius: 10px; }
#form_modal label {font-size:13px; font-weight:bold;}
.filtreleme {padding-right:50px; padding-top:20px; padding-bottom:20px;}
.filtreleme ul li {padding:10px 0px;}
.filtreleme ul li:last-child {padding-bottom:0px;}
.side-ara-baslik {font-size:13px; color:#999; padding-bottom:10px;}
.arabtn {margin-left:5px;}
.side-ara .search-input {width:70% !important;}
#duyuruTab {margin-top:0px;}
#duyuruTab li:first-child {padding-left:0px;}
#duyuruTab li a {color:#999; border-bottom:none !important;}
#duyuruTab li a.active {font-weight:bold; color:#000; background:#f6f6f6; font-size:14px;}
.rss-cion { background: #FF6F00; color: #fff; padding: 3px 5px; display: inline-block; border-radius: 3px; }
.side-ara {padding-top:20px; overflow:hidden; padding-bottom:20px;}
#duyuruara .arama-input {border:1px solid #ededed; width:80%; float:left;}
#duyuruara .searchsubmit {width:20%; float:right; color:#000;}
.haber-sidebar .tab-content {border-bottom:1px solid #ededed; border-left:1px solid #ededed; border-right:1px solid #ededed; padding:10px 20px;}
.content-sidebar-rss {margin:15px 0px;}
.question {color:#999; display:inline-block; margin-left:5px;}
.logo {
  /* display: flex; */
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.logo .epias-logo {width:100px; height:auto;}
.exist-logo {width:97px; height:auto;  position:relative;}
.colorbox1 {width:10px; height:90px; background:#dcdde4; position:absolute; right:-20px; top:100px; z-index:11;}
.colorbox2 {width:10px; height:90px; background:#ccdad8; position:absolute; left:-20px; top:350px; z-index:11;}
.colorboxmove1 {top:850px;}
.colorboxmove2 {top:-150px;}
.yeni {background: #e53935;  background: -webkit-linear-gradient(to top, #e35d5b, #e53935);  background: linear-gradient(to top, #e35d5b, #e53935); border-radius:5px; color:#fff; position:absolute; margin-top:-20px; font-size:10px; padding:1px 3px; letter-spacing:1px; display:block; left:-4px;}
.yeni:after {content: url(images/redok.png);position: absolute;bottom: -6px;right: 12px;}
.loader{ position: absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; }
.top-height {height:100px;}
.sub-height {height:55px;}
.blue-green-bg { background: #414d77; background: -moz-linear-gradient(-45deg, #414d77 0%, #2a8483 100%); background: -webkit-linear-gradient(-45deg, #414d77 0%,#2a8483 100%); background: linear-gradient(135deg, #414d77 0%,#2a8483 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414d77', endColorstr='#2a8483',GradientType=1 );} 
.blue-dark-bg{ background: rgb(114,129,139); background: -moz-linear-gradient(left, rgba(114,129,139,1) 0%, rgba(66,69,87,1) 100%); background: -webkit-linear-gradient(left, rgba(114,129,139,1) 0%,rgba(66,69,87,1) 100%); background: linear-gradient(to right, rgba(114,129,139,1) 0%,rgba(66,69,87,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72818b', endColorstr='#424557',GradientType=1 ); } 
.black-bg { background: #485563; background: -webkit-linear-gradient(to right, #29323c, #485563); background: linear-gradient(to right, #29323c, #485563); } 
.dark-blue-bg{ background: #5c8b90; background: -moz-linear-gradient(left, #5c8b90 0%, #424557 100%); background: -webkit-linear-gradient(left, #5c8b90 0%,#424557 100%); background: linear-gradient(to right, #5c8b90 0%,#424557 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c8b90', endColorstr='#424557',GradientType=1 ); }
.green-dark-bg{ background: #536ba0; background: -moz-linear-gradient(-45deg, #536ba0 0%, #303b73 100%); background: -webkit-linear-gradient(-45deg, #536ba0 0%,#303b73 100%); background: linear-gradient(135deg, #536ba0 0%,#303b73 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#536ba0', endColorstr='#303b73',GradientType=1 ); -webkit-transition: all 1.5s ease-in-out; } 
.header-bg { background: rgb(15, 35, 132); background: -moz-linear-gradient(-45deg, rgba(15, 35, 132) 0%, rgba(66, 69, 87,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(15, 35, 132) 0%,rgba(66, 69, 87,1) 100%); background: linear-gradient(135deg, rgba(15, 35, 132) 0%,rgba(66, 69, 87,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454857', endColorstr='#0a0c47',GradientType=1 ); } 
.vertical-bg { position:relative; background: #2b3557; background: -moz-linear-gradient(top, #2b3557 0%, #3b627c 48%, #2b3557 100%); background: -webkit-linear-gradient(top, #2b3557 0%,#3b627c 48%,#2b3557 100%); background: linear-gradient(to bottom, #2b3557 0%,#3b627c 48%,#2b3557 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3557', endColorstr='#2b3557',GradientType=0 ); } 
.dotted { position:absolute; width:100%; left:0px; top:0px; background:url(images/dot.png); min-height:600px; z-index:0; opacity:0.01; }
.box-shadow {box-shadow: -1px -1px 15px 0px #4d507342;}
 .veri-title {opacity:0.6;}
.middle-title {font-size:16px; color:#fff; font-weight:300; padding:15px 0px; margin-bottom:0px; letter-spacing:1px;}
.arama-cover {border-radius: 10px;margin-top: 30px;border: 1px solid #585b86;}
.arama-input {background:none; border:none; padding:10px; color:#fff;}
.searchsubmit { background: none; border: none; top: 10px; color: #fff; position: absolute; right: 4px; } 
::placeholder { color: #cacfe2; opacity: 1; } 
:-ms-input-placeholder { color: #cacfe2; } 
::-ms-input-placeholder { color: #cacfe2; } 
.menulink {margin-left: 35px; }
.menulink img {width: 30px; height: 30px; }
.menulinkmobil {width: 30px; height: 30px;}
.menulinkmobil img {width: 30px; height: 30px; }
.footer-wrapper {background:#fff; padding:100px 0px 0px 0px; position:relative; z-index:5;}
.footer-logo {width:70px; height:auto;}
.footer-menu {float:left; width:100%; padding-top:30px;}
.footer-menu ul li {float:left; margin-right:30px;}
.footer-menu ul>li>a {font-size:16px; font-weight:bold; border-bottom:1px solid #999; padding-bottom:10px; letter-spacing:3px; color:#000;}
.footer-menu ul li ul {clear:both; padding-top:15px;}
.footer-menu ul li ul li{clear:both;}
.footer-menu ul li ul li a{font-size:14px; font-weight:normal; display:block; padding:7px 0px; letter-spacing:0px; border:none; color:#666;}
.sosyal li {display:inline-block; margin-left:2px; font-size:13px; color:#999;}
.sosyal li a {color:#fff; font-size:14px; border-radius:50%; text-align:center; line-height:27px; width:30px; height:30px; border:1px solid #fff; display:block;}
.sosyal li a:hover {color:#9291a7;}
.footer-sosyal {padding-top:17px; width:100%; float:right; text-align:right;}
.footer-sosyal li {margin-left:2px; font-size:13px; color:#999; display:block;}
.footer-sosyal li img{width: 13px; height: auto;}
.footer-sosyal li a {color:#000; font-size:14px; border-radius:50%; text-align:right; line-height: 30px;}
.kisayollar {width:100%;}
.kisayollar ul{float:right;  padding-top:18px;}
.kisayollar li:first-child {border:none;}
.kisayollar>li { float: left; border-left: 1px solid #838384; color: #fff; text-align: center; height: 14px; position: relative;}
.kisayollar>li a{font-weight: bold;}
.kisayollar li a{color:#fff; position:relative;}
.kisayollar li a:hover {color:#46a67d;}
.kisayol-tr > li:nth-child(1){width:13%;}
.kisayol-tr > li:nth-child(2){width:13%;}
.kisayol-tr > li:nth-child(3){width:13%;}
.kisayol-tr > li:nth-child(4){width:13%;}
.kisayol-tr > li:nth-child(5){width:13%;}
.kisayol-tr > li:nth-child(6){width:14%;}
.kisayol-tr > li:nth-child(7){width:12%;}
.kisayol-tr > li:nth-child(8){width:9%;}
.dil {
    width: 105px;
    height: 95px;
    position: absolute;
    right: 6px;
    top: 37px;
}
.miniok {position:absolute; width:15px; height:auto; margin-top:49px; right:23px;}
.dil .lang_sel_sel {margin-top:46px; display:block; width:50px; font-size:12px; padding:5px 7px; font-weight:700; color:#cacfe2; text-decoration:none; text-transform:uppercase;}
.dil .lang_sel_sel:hover {}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a {background:none !important; border:none !important; color:#fff !important;}
.wpml-ls-statics-shortcode_actions a {background:none !important; border:1px solid #fff !important; border-radius:3px; color:#fff !important}
.wpml-ls-statics-shortcode_actions a:hover {color:#8EBFE8 !important;}
.wpml-ls-statics-shortcode_actions {background:none !important;}
.js-wpml-ls-sub-menu li {background:none !important; border:none !important; padding:5px 7px;  margin-top:1px; width:70px;}
.js-wpml-ls-sub-menu li {font-size:11px; font-weight:400; text-transform:uppercase;}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {border:none !important;}
.duyuru-content {padding:50px 70px;}
.duyuru-content blockquote{ list-style: none; background: #fff; padding: 10px 10px; font-size: 16px; margin-bottom:10px; color: #666; }
.duyuru p {font-size:16px; padding-bottom:15px; line-height:30px; letter-spacing: 0.1px; }
.duyuru a { color: #295ee0; font-weight: bold; }
a.download { display: block; border: 3px solid #ccd3da; color: #666779; padding: 5px 10px 5px 45px; background: url(images/download.png) left center no-repeat; background-position: 15px; font-size: 14px; border-radius:15px; }
a.download:hover {border:3px solid #0A59AC; color:#0A59AC;}
a.url {display:block; border:3px solid #ccd3da; color:#666779; padding: 5px 10px 5px 45px; font-size: 14px; background:url(images/external.png) left center no-repeat; background-position: 15px; border-radius:15px;}
a.url:hover {border:3px solid #0A59AC; color:#0A59AC;}
.nostyle li {list-style:none !important;}
.nostyle li a.download {padding: 5px 10px 5px 45px; font-size:14px;}
.spot {font-size:24px !important; font-weight:300;}
.duyuru-content h1 { font-size: 34px; font-weight: bold; padding-bottom: 15px; display: block; color: #2e3031; }
.content-header {overflow:hidden; padding-bottom:20px;}
.duyuru {margin-bottom:30px;}
.duyuru ul {margin-bottom:15px}
.duyuru ul li { font-size: 16px; line-height: 24px; list-style: disc; padding: 5px 0px; margin-left: 20px; font-weight: 400; }
.duyuru ul li ul{padding-left:30px; margin-bottom:10px; margin-top:10px}
.duyuru ul li ul li{font-size:16px;line-height:24px;list-style: circle; font-weight:300;}
.duyuru h2 {font-size:18px; font-weight:bold; margin-bottom:15px; color:#000;}
.duyuru h4 {font-size:20px; font-weight:bold; margin-bottom:15px; color:#000;}
.duyuru h5 {font-size:16px; font-weight:bold; margin-bottom:15px; color:#333;}
.personfoto { margin-left: 5px; margin-right: 25px; float: left; width: 280px; height: 280px; border-radius: 50%; border: 12px solid #ededed; }
.epias-accordion {float:left; width:100%;}
.epias-accordion .card{ margin: 10px 0px; border:0px none; box-shadow:none; background:none; } 
.epias-accordion .card{font-size: 16px; line-height: 24px;}
.epias-accordion .card-header{ padding:0; background:none; border:none; } 
.epias-accordion .card-header button{ display: block; position: relative; background:#fff; color:#1574fc; font-size:14px; font-weight: bolder; margin-bottom:15px; padding:15px 20px; border-bottom:1px solid #1574fc; border-radius: 15px; transition:all 0.10s linear 0s; box-shadow: 0px 0px 3px 2px #00000008; width:100%; text-align:left; white-space: inherit !important; padding-right: 35px !important;}
.epias-accordion .card-header button.collapsed{ color:#000000; font-weight: bold; border-bottom:1px solid #d3d3d3; margin: 0;} 
.epias-accordion .card-header button i{ color:#de4d4e; position: absolute; top: 14px; left:25px; }
.epias-accordion .card-header button:before,
.epias-accordion .card-header button.collapsed:before{ content:""; position: absolute; bottom:-15px; left:36px; border:7px solid transparent; border-top:7px solid #1574fc; }
.epias-accordion .card-header button.collapsed:before{content:""; border: 0px none;}
.epias-accordion .card-header button.collapsed:hover{color: #6a6060;}
.epias-accordion .card-header button:after, .epias-accordion .card-header button.collapsed:after{ content: "\f106"; font-family: FontAwesome; color: #1574fc; font-size: 20px; line-height: 20px; position: absolute; top: 14px; right:15px; } 
.epias-accordion .card-header button.collapsed:after{ content: url(images/accordion-ok.png); right:15px; color:#808080; } 
.epias-accordion .card-header button:after{ content: url(images/accordion-ok2.png); right:15px; color:#808080; } 
.epias-accordion .panel-body{ border-top:0 none; color:#000; }
.epias-accordion-content {float:left; width:100%;}
.epias-accordion-content .card{ display: block; position: relative; background:#fff; margin-bottom:15px; border-radius: 15px; transition:all 0.10s linear 0s; box-shadow: 0px 0px 3px 2px #00000008; padding:20px; width:100%; text-align:left; } 
.epias-accordion-content .card-header{ padding:0; background:none; border:none; } 
.epias-accordion-content .card-body{ padding:0; background:none; border:none; } 
.epias-accordion-content .card-header a{ display: block; position: relative; background:#fff; font-weight: bolder; margin-bottom:15px; border-bottom:1px solid #1574fc; transition:all 0.10s linear 0s; color:#000 !important; padding: 0px 0px 20px 0px !important; width:100%; text-align:left; }
.epias-accordion-content .card-header a.collapsed{padding: 0px 0px 0px 0px !important;margin-bottom:0px;}
.epias-accordion-content .active-card {border:1px solid #6092f1;}
.epias-accordion-content .card-header  a.collapsed{color:#808080;border-bottom:1px solid #d3d3d3;margin: 0;}
.epias-accordion-content .card-header a i{color:#de4d4e;position: absolute;top: 14px;left:25px;}
.epias-accordion-content .card-header a:before,
.epias-accordion-content .card-header a.collapsed:before{content:"";position: absolute;bottom:-15px;left:36px;border:7px solid transparent;border-top:7px solid #1574fc;}
.epias-accordion-content .btn-link {color:#000;}
.epias-accordion-content .card-header a.collapsed:before{content:"";border: 0px none;}
.epias-accordion-content .card-header a.collapsed:hover{color: #000;}
.epias-accordion-content .card-header a.collapsed:after{content: url(images/accordion-ok.png);right:5px;color:#808080;}
.epias-accordion-content .panel-body{border-top:0 none;color:#000;}
.epias-accordion-content .accordion-text { text-transform: none; font-weight: normal; display: block; white-space: initial; padding: 10px 0px; color:#666 !important; } 
.epias-accordion-content .accordion-click { display: block; text-transform: none; color: #2160fb; }
.slide-text {position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1;}
.slide-detail {height:300px; color:#fff; padding-top:150px;}
.anime-bg {min-height:500px; background:#000b21 url(images/footerback.png) no-repeat top center;  position:relative; z-index:5;}
.bosluk200 {height:200px; background:#fff; position:relative; z-index:5;}

.yadcf-filter-reset-button {
    background: none;
    border: none;
    background: #fff;
    border-radius: 3px;
    padding: 18px 12px 7px 11px;
    margin-left: 3px;
    font-size: 10px !important;
    position: relative;
}
.yadcf-filter-reset-button svg {
    left: 8px;
    position: absolute;
    top: 8px;
}
.ui-autocomplete {z-index:999;}
.ui-autocomplete-input {backgorund:none; border:none;background:#ebf0f5; border-radius:3px; padding:5px; font-size:14px;font-weight:normal;}
.dataTables_filter {display:none;}
.author .dataTables_filter {display:block;}
.dataTables_wrapper .dataTables_filter input {margin-left:6px;}
.yadcf-filter {
    padding-left: 4px !important;
    padding-bottom: 4px !important;
    padding-top: 5px !important;
	width:110px;
}
.materyal-list{margin: 20px 0px;}
.materyal-box {
    padding: 25px;
    border: 1px solid #e5ebf1;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 5px;
}
.file-type {text-align:center; padding-top:10px;}
.file-type a {padding:5px 5px 0px 5px; font-size:12px; font-weight:bold; color:#265799; text-align:center; vertical-align:bottom;}
.logo-title {
    font-size: 16px;
    font-weight: bold;
    margin: 30px 0px 20px 0px !important;
    padding-bottom: 0px !important;
}
.kayitlar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
.kayitlar ::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
.kayitlar :-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
.kayitlar :-moz-placeholder { /* Firefox 18- */
  color: #999;
}

.line {padding:20px 30px;}
.content-wrapper {margin-bottom:50px;}
.content-box {background:#fff;}
.haberler {margin:0px 30px; border-top:1px solid #ededed; padding:30px 0px;}
.haber-item {margin-bottom:20px; padding-bottom:20px; overflow:hidden; border-bottom:1px solid #ededed; margin-right:30px;}
.haber-baslik {font-weight:bold;}
.haber-url { padding: 4px; font-size: 13px; line-height: 13px; border-radius: .2rem; background: #BEE2E7; color: #455456; }
.haber-home-content {padding-right:30px;}
.haberler .haber-item:last-child {border:none; margin-bottom:0px; padding-bottom:0px;}
.boxshadow {box-shadow: 0px 0px 20px 0px #72738638;}
.topmenu {padding-top:40px; overflow:hidden; padding-left:30px;}
.topmenu li {float:left; padding-right:40px;}
.topmenu li a {color:#fff; font-weight:900; font-size:20px;}
.duyuru-tabs .nav-item {margin-right:20px;}
.duyuru-tabs .nav-link {padding:15px 0px; }
.duyuru-tabs {background:#e5ebf1 !important; padding: 0px 0px 0px 25px; margin-bottom:0px !important; border-bottom:1px solid #ededed;}
.duyuru-tabs li a{border:none !important; border-radius:0px !important; color:#999 !important; font-size:14px !important;}
.duyuru-tabs li a.active{color:#000 !important; font-weight:bold; background:none !important; border-bottom:3px solid #4F57AA !important;}
.duyuru-tabs>li>a { margin-right:0px !important;}
.duyuru-header {padding: 15px 25px; background:#717f89; color:#fff; }
.duyuru-list {padding-left:25px; padding-top:15px;}
.duyuru-list li {padding:15px 0px;}
.duyuru-list li a {display:block; font-size:14px; font-weight:bold; color:#393d56;}
.postdate {color:#666;font-size:12px;display:block;}
.postdate svg {position:relative; top:-1.5px}
.player-bottom {height:39px; text-align:center; background:url(images/playerbg.jpg) repeat-x; position:absolute; width:100%; bottom:0px;}
.player-content {text-align:center; min-height:210px; padding:30px 0px 0px 0px;}
.play-icon {width:50px; height:50px; border-radius:50%; display:inline-block; margin:15px 0px; background:#ff0000; color:#fff; line-height:50px;}
.subbox {height: 220px;}
.box-content {padding: 30px 50px;}
.raporbg {background:url(images/raporbg.jpg) no-repeat center;}
.rapor-content {min-height:200px; text-align:center; padding-top:40px;}
.bulten-icon {width:60px; height:auto;}
.rapor-content .alt-box-text {padding:0px !important;}
.fortune500 {min-height:210px; text-align:center; padding-top:30px; background:url(images/egitim-foto.jpg) no-repeat center;}
.fortune500 p {color:#fff;}
.fortune500 p.alt-box-title {padding-top:60px; color:#ffcfb0;}
.subbox {height:220px;}
.font13 {font-size:13px;}
.filtre-open .filtre-title span {transform:rotate(45deg);}
.ucgenbg {background:url(images/ucgen-bg.jpg)}
.pattern3 {background:url(images/pattern3.jpg)}
.alt-box-title {font-weight:bold; color:#0E41D3; font-size:18px; padding-top:20px;}
.alt-box-text {font-size:14px; color:#666; padding:10px 0px;}
.animasyon {width:100%; overflow:hidden; position:absolute; margin-top:-118px; text-align:center;}
.animasyon li {display:inline-block; position:relative;}
.animasyon li.petrol {padding-right:15px;}
.animasyon li.petrol .rafine {width:120px; padding-top:25px; height:120px;}
.animasyon li.fabrika {padding-right:15px;}
.animasyon li.fabrika .fbr {width:320px; padding-top:7px; height:123px;}
.animasyon li.direk {padding-right:15px;}
.animasyon li.direk img {width:27px; height:80px;}
.animasyon li.ruzgar {width:100px; height:100px;}
.animasyon li.ruzgar img {width:27px;  padding-top:7px; position:absolute;}
.animasyon li.ruzgar2 {padding:0px 10px 0px 10px}
.animasyon li.ruzgar2 img {width:57px;  padding-top:15px;}
.animasyon li.ruzgar3 img {width:37px;  padding-top:7px; position:absolute;}
.animasyon li .ruzgar-direk {width:66px;}
.animasyon li .ruzgar-direk2 {width:46px; height:90px;}
.animasyon li .ruzgar-direk3 {width:26px; padding-top:68px;}
.animasyon li.gunespanel {padding-left:10px;  width:100px;}
.animasyon li .panel { width: 36px; height:36px; top: -36px; position: absolute; left:8px; } 
.animasyon li .sun { width: 36px; height:36px; top: -92px; left: 30px; position: absolute; animation: rotation 25s infinite linear; } 
.animasyon li.baraj-tirbun { margin-right: 20px; height: 62px; width: 100px; overflow: hidden; margin-bottom: 5px; } 
.animasyon li .baraj { width: 56px; height: 56px; bottom: 0px; position: absolute; right: -11px; z-index: 2; opacity:0.7; } 
.animasyon li .cark { width: 21px; height: 21px; top: 36px; right: 4px; z-index: 3; position: absolute; animation: rotation 2.5s infinite linear; opacity:0.7; } 
.animasyon li .dalga { width: 148px; height: 75px; bottom: -40px; left: 19px; z-index: 1; position: absolute; animation: dalga 2s infinite linear; } 
.center-wrapper { display: flex; flex-direction: column; height: 100%; position: absolute; width: 100%; z-index: 2; left:0px; top:0px; } 
.center-container { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 100%; width: 100%; } 
.center-content { box-sizing: border-box; max-width: 100%; }
.insan svg {width:400px;}
.insan svg path {fill:#054a7a;}
.insan svg path.lamba {fill:#ead51f !important;}
.bulten-list {overflow:hidden;}
.bulten-list li {float:left;}
.newsletter-wrapper {height:200px; background: #283048; background: -webkit-linear-gradient(to right, #859398, #283048); background: linear-gradient(to right, #859398, #283048); }
@keyframes showdiv {
	0%   { transform: translate(0px, 300px) }
	100% { transform: translate(0px, 0px) }
}
@keyframes dalga {
	0%   { transform: translate(10px, -15px) }
	100% { transform: translate(-61px, 12px) }
}
@keyframes fadeIn { 
  from { opacity: 0; } 
}

.fade-in {animation: fadeIn 0.4s infinite alternate;} 
.pervane {animation: rotation 3s infinite linear;position:absolute;  width:80px; margin-left:-7px; margin-top:-2px;}
.pervane2 {animation: rotation 3s infinite linear;position:absolute;  width:60px; height:60px; margin-left:-7px; margin-top:1px;}
.pervane3 {animation: rotation 3s infinite linear;position:absolute;  width:35px; margin-left:-5px; margin-top:66px;}
#smoke {position: absolute;z-index: 3;width: 1px;left: 93%;bottom: 78px;}
#smoke2 { position: absolute; z-index: 3; width: 1px; left: 64%; bottom: 90px; } 
#smoke2 span { display: block; position: absolute; bottom: -35px;  margin-left:-20px; height: 0px; width: 0px; border: 14px solid #a5afce; border-radius: 35px; left: -14px; opacity: 0; transform: scale(0.2); } 
#smoke span { display: block; position: absolute; bottom: -35px;  margin-left:-20px; height: 0px; width: 0px; border: 14px solid #a5afce; border-radius: 35px; left: -14px; opacity: 0; transform: scale(0.2); }
@keyframes smokeL {
	0%   { transform: scale(0.2) translate(0, 0) }
	10%  { opacity: 1; transform: scale(0.2) translate(0, -5px) }
	100% { opacity: 0; transform: scale(1) translate(-20px, -40px) }
}
@keyframes smokeR {
	0%   { transform: scale(0.2) translate(0, 0) }
	10%  { opacity: 1; transform: scale(0.2) translate(0, -5px) }
	100% { opacity: 0; transform: scale(1) translate(20px, -40px) }
}
#smoke .s0 { animation: smokeL 10s 0s infinite }
#smoke .s1 { animation: smokeR 10s 1s infinite }
#smoke .s2 { animation: smokeL 10s 2s infinite }
#smoke .s3 { animation: smokeR 10s 3s infinite }
#smoke .s4 { animation: smokeL 10s 4s infinite }
#smoke .s5 { animation: smokeR 10s 5s infinite }
#smoke .s6 { animation: smokeL 10s 6s infinite }
#smoke .s7 { animation: smokeR 10s 7s infinite }
#smoke .s8 { animation: smokeL 10s 8s infinite }
#smoke .s9 { animation: smokeR 10s 9s infinite }
#smoke2 .s0 { animation: smokeL 10s 0s infinite }
#smoke2 .s1 { animation: smokeR 10s 1s infinite }
#smoke2 .s2 { animation: smokeL 10s 2s infinite }
#smoke2 .s3 { animation: smokeR 10s 3s infinite }
#smoke2 .s4 { animation: smokeL 10s 4s infinite }
#smoke2 .s5 { animation: smokeR 10s 5s infinite }
#smoke2 .s6 { animation: smokeL 10s 6s infinite }
#smoke2 .s7 { animation: smokeR 10s 7s infinite }
#smoke2 .s8 { animation: smokeL 10s 8s infinite }
#smoke2 .s9 { animation: smokeR 10s 9s infinite }
@keyframes damla {
	0%   { transform: scale(0.2) translate(0, 0) }
	10%  { opacity: 1; transform: scale(0.2) translate(0, -5px) }
	100% { opacity: 0; transform: scale(1) translate(0px, -10px) }
}
.damla {position:absolute; right:26px; bottom:78px; width:15px; height:15px; transform: scale(0.2); animation: damla 3s 0s infinite}
.tech {position:absolute; left:50%; width:800px; top:-197px; margin-left:-400px; z-index:2;} 
.bottom-logo {width:70px; height:auto; margin-left:-35px; position:absolute; left:50%; z-index:3; bottom:60px;}
@keyframes solsag {
	0%   { opacity: 0; transform: translate(-100px, 0px) }
	30% { opacity: 1; transform: translate(200px, 0px) }
	100% { opacity: 1; transform: translate(200px, 0px) }
}
@keyframes solsag2 {
	0%   { opacity: 1; transform: translate(-200px, 0px) }
	60%   { opacity: 1; transform: translate(-200px, 0px) }
	95% { opacity: 1; transform: translate(0px, 0px) }
	100% { opacity: 0; transform: translate(30px, 0px) }
}
@keyframes logon {
	0%   { opacity: 0; }
	22%   { opacity: 0;}
	27% { opacity: 1;}
	40% { opacity: 0;}
	43% { opacity: 1;}
	46% { opacity: 0;}
	50% { opacity: 1;}
	55% { opacity: 0;}
	100% { opacity: 0;}
}
@keyframes dot {
	0%   { opacity: 1; }
	50%   { opacity: 0;}
	10%   { opacity: 1; }
}
@keyframes dot2 {
	0%   { opacity: 0; }
	50%   { opacity: 1; }
	100%   { opacity: 0;}
}
.kuyu{ position: absolute; width:64px; height:64px; left: -6px; bottom: -7px; transform: rotate(-20deg); animation: seesaw 6s linear infinite; }
.kuyu-cubuk {width:2px; height:92px; bottom:82px; left:2px; position:absolute; animation: updown 6s linear infinite;}
.kuyu-cubuk2 {width:2px; height:92px; bottom:82px; left:52px; position:absolute; animation: updown2 6s linear infinite;}

@keyframes seesaw{
	0%{
	transform: rotate(-20deg)
	}
	10%{
	transform: rotate(-10deg)
	}
	20%{
	transform:rotate(0deg)
	}
	30%{
	transform:rotate(10deg)
	}
	40%{
	transform:rotate(20deg)
	}
	50%{
	transform:rotate(30deg);
	}
	60%{
	transform:rotate(20deg);
	}
	70%{
	transform:rotate(10deg);
	}
	80%{
	transform:rotate(0deg);
	}
	90%{
	transform:rotate(-10deg);
	}
	100%{
	transform:rotate(-20deg);
	} 
}
@keyframes updown{
    0% { bottom:-75px; }
	10% { bottom:-70px; }
	20% { bottom:-65px; }
	30% { bottom:-60px; }
	40% { bottom:-55px; left:3px; }
	50% { bottom:-50px; left:4px; }
	60% { bottom:-55px; left:3px; }
	70% { bottom:-60px; }
	80% { bottom:-65px; }
    90% { bottom:-70px; }
    100% {bottom:-75px;}	
}

@keyframes updown2{
    0% { bottom:-50px; }
	10% { bottom:-55px; }
	20% { bottom:-60px; }
	30% { bottom:-65px; }
	40% { bottom:-70px; left:53px; }
	50% { bottom:-75px; left:54px; }
	60% { bottom:-70px; left:53px; }
	70% { bottom:-65px; }
	80% { bottom:-60px; }
    90% { bottom:-55px; }
    100% {bottom:-50px;}	
}
.newsletter form {position: relative; margin: 0px auto 50px auto;width: 100%;height: 80px;margin-top:35px;}
.newsletter input { position: absolute; width: 100%; height: 100%; left: 0; border: 1px solid #d2d6dc; background:none; outline: 0; padding: 2em 1em 1em 1em; color: #fff; font-size: 1em; transition: background 0.35s ease-out; } 
.newsletter input::-webkit-input-placeholder { color: #000; text-transform: capitalize; } 
.newsletter input:-moz-placeholder { color: #000; text-transform: capitalize; } 
.newsletter input::-moz-placeholder { color: #000; text-transform: capitalize; } 
.newsletter input:-ms-input-placeholder { color: #000; text-transform: capitalize; } 
.newsletter input:focus { background: #000; } 
.newsletter input:focus + label { -webkit-transform: translateY(-10px) scale(0.8); transform: translateY(-10px) scale(0.8); color: #fff; } 
.newsletter input:focus + label + button { opacity: 1; } 
.newsletter label { position: absolute; left: 1em; top: 50%; margin-top: -8px; color: #222; text-transform: capitalize; -webkit-transform-origin: left center; transform-origin: left center; transition: color 0.25s ease-out, -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out, color 0.25s ease-out; transition: transform 0.25s ease-out, color 0.25s ease-out, -webkit-transform 0.25s ease-out; }
.fiyat-adi {display:block; font-size:12px;}
.fiyat {display:block; font-size:22px;}
.bottom5 {border-bottom: 5px solid #dbe2e8;}
.duyuru-cover {background:#f3f7fb;}
.duyuru-cover .tab-content {padding-bottom:20px;}
.veri {padding-top:10px;}
.newsletter button { position: absolute; right: 0; width: 120px; height: 100%; font-weight:bold; border-left:1px solid #d2d6dc; font-size: 1em; background: #f6f6f6; color: #1c1e1f; cursor: pointer; opacity: 0; outline: none; transition: opacity 0.35s ease-out, width 0.5s ease-out, background 0.25s ease-out; } 
.newsletter button:hover { color: #1160C6; cursor: pointer; } 
.newsletter button.is-active { background: #f6f6f6; color: #000; } 
.newsletter button.is-done { width: 100%; opacity: 1; }
.newsletter {position:relative;}
.ucak {width:40px; height:auto; position:absolute; top:20px; right:40px;}
.owl-nav {position:absolute; top:44%; width:100%;}
.owl-dots {position:absolute; text-align:center; width:100%; bottom:10px;}
.owl-prev {position:absolute; left:20px; background:none !important; border-radius:50% !important; border:1px solid #fff; width:40px; height:40px; line-height:40px !important; padding:0px !important;}
.owl-next {position:absolute; right:20px; background:none !important; border-radius:50% !important; border:1px solid #fff; width:40px; height:40px; line-height:40px !important; padding:0px !important;}
.owl-stage {display: -webkit-box;display: -moz-box;display: -ms-box;display: box;}
.owl-item {display: inline !important;}
.kurumsal-menu {position:fixed; width:46%; left:-46%; top:100px; height:100%; z-index:18; background:#111844 url(images/earth.jpg) no-repeat right bottom; overflow:auto; overflow-x: hidden;}
.kurumsal-menu-open {left:-60px;}
.kurumsal-menu-open::-webkit-scrollbar {width: 5px;}
.kurumsal-menu-open::-webkit-scrollbar-track {background:none; }
.kurumsal-menu-open::-webkit-scrollbar-thumb {background: #d4d4d4; }
.kurumsal-menu-open::-webkit-scrollbar-thumb:hover {background: #ededed; }
.dots {width: 18px;height: auto;position: relative;margin-top: -1px;}
.admin-bar .kurumsal-menu{top:132px;}
.admin-bar .black-div{top:132px;}
.searchinp {position:relative;}
.tumduyuru {display: inline-block !important;color: #fff !important;}
.black-div {position:fixed; left:0px; width:100%; height:100%; background:#000; visibility:hidden; opacity:0; z-index:17; top:100px;}
.black-div-open {visibility:visible; opacity:0.8;} 
.black-div2 {position:fixed; left:0px; width:100%; height:100%; background:#000; visibility:hidden; opacity:0; z-index:17; top:100px;}
.black-div-open2 {visibility:visible; opacity:0.8; z-index:9 !important;} 
.kurumsal-menu-icerik {left:0px; top:80px; position:relative;}
.kurumsal-menu-open .kurumsal-menu-icerik {padding-bottom:100px; position:absolute; left:200px; top:80px; width:600px;}
.kurumsal-menu-icerik #menuaccordion .btn-link {color: #fff !important;}
@keyframes leftslide{
	0% {position:relative; left:-100px; opacity:0;}
	100% {position:relative; left:200px; opacity:1;}
}
.onemli {animation:onemli 3s;}
.onemlihizli {animation:onemli 1s;}
.onemli-duyuru a{color:#E90C0F !important;}
@keyframes onemli{
	0% {opacity:0;}
	20% {opacity:1;}
	40% {opacity:0;}
	60% {opacity:1;}
	80% {opacity:0;}
	100% {opacity:1;}
}
.kurumsal-menu-icerik ul {padding-left: 10px;padding-top: 0px;}
.kurumsal-menu-icerik ul li a {font-size: 16px;color: #fff;display:block;padding: 8px 0px;font-weight: bold;}
.kurumsal-menu-icerik ul li ul li a {font-weight: bold;}
.kurumsal-menu-icerik ul li ul li ul li a {font-weight: 300;color:#d4d4d4;}
.kurumsal-baslik {padding-left: 223px;padding-top: 100px;color: #fff;padding-bottom: 20px;font-size: 36px;}
.kurumsal-menu-icerik ul li a:hover {color:#7da3f3;}
.container {width: 1650px !important;max-width: 1650px !important;}
.haber-cover {padding-right:0px;}
.phone-show {display:none;}
.table-scroll {	position:relative; width:100%; margin:auto; overflow:hidden;	border:1px solid #ededed;}
.table-wrap {	width:100%;	overflow:auto;}.table-scroll table {	width:100%;	margin:auto;	border-collapse:separate;border-spacing:0;}
.table-scroll th, .table-scroll td {padding:5px 10px; border:1px solid #ededed;	background:#fff;	white-space:nowrap;	vertical-align:top;	font-size:13px;	text-align:center;}
.table-scroll thead, .table-scroll tfoot {	}
.clone {	position:absolute; top:0; left:0; pointer-events:none;}
.clone th, .clone td {visibility:hidden}
.clone td, .clone th {border-color:transparent}
.clone tbody th {visibility:visible;	color:#1B77DD;}
.clone .fixed-side {border:1px solid #d4d4d4;background:#ededed;	visibility:visible;}
.clone thead, .clone tfoot{background:transparent;}
.history {float:left; width:100%;}
.bread-cover {width:100%;}
.breadcrumb {background:#fff; width:100% !important; border-radius:0px !important; padding-left:25px;}
.breadcrumb li a {color:#999;}
.sidebar {background:#fff;}
.main-content {background:#f4f4f9;}
.content-area {padding:50px 100px; overflow:hidden;}
.content-links {float:left;}
.content-links li {float:left; padding-right:5px;}
.content-links .category-name {font-size:12px; display:inline-block; padding:3px 5px; line-height:14px; color:#fff; background:#38b57b; border-radius:3px;}
.content-links .category-rss {font-size:12px; display:inline-block; padding:3px 5px; line-height:13px; color:#fff; background:#E8B318; border-radius:3px;}
.content-links .content-date {font-size:13px; display:inline-block; padding:0px 5px; line-height:20px;}
.content-links .share {font-size:13px; display:inline-block; padding:0px 5px; line-height:20px;}
.content-links .email {font-size:13px; display:inline-block; padding:0px 5px; line-height:20px;}
.zoom-text { float: right; background: #fff; border-radius: 10px; border: 1px solid #e5ebf1; } 
.zoom-text a { color: #000; float: left; font-size: 11px; padding: 5px 6px; border-left: 1px solid #ededed; } 
.zoom-text a:hover {color:#999;} 
.atext { font-size: 16px; color: #666; float: left; line-height: 20px; padding: 1px 5px; } 
.content-links {} 
.geri-label { background: #fff; color: #5f5f5f; margin-right: 10px; float: left; font-size: 14px; height: 30px; width: 30px; text-align: center; line-height: 30px; } 
.titletext { float: left; padding-top: 3px; }
.cizgi {background:url(images/cizgi.png) repeat-x; width:100%; height:4px; margin:30px 0px; float:left;}
.category-title {font-size:16px; margin-bottom:25px;}
.content-area h1 {font-size:36px; color:#1574fc; float:left; width:100%; padding-bottom:20px; margin-top:0px;}
.content {float:left; width:100%;}
.content p {padding:10px 0px; font-size:16px; line-height:30px;}
.content {margin-bottom:30px;}
.content ul {margin-bottom:15px}
.content ul li {font-size:16px; line-height:24px; list-style: inside disc; padding:5px; font-weight:400;}
.content ul li ul{padding-left:30px; margin-bottom:10px; margin-top:10px}
.content ul li ul li{font-size:16px;line-height:24px;list-style: inside circle; font-weight:300;}
.content h2 {font-size:16px; font-weight:bold; margin-bottom:15px;}
.epias-form-item label {font-size:14px; color:#666;}
.epias-form-item {margin-bottom:10px;}
.iletisim-container h1 { font-size: 34px; font-weight: 300; margin-bottom: 10px; }
.iletisim-container h2 {font-size:18px; font-weight:bold; padding-bottom:15px; padding-top:30px;}
.iletisim-container h3 {font-size:16px; font-weight:bold; padding:10px 0px;}
.iletisim-container p {font-size:16px;}
.iletisimbg {background:url(images/iletisim.jpg) no-repeat center;}
.iletisim-container {min-height:500px; background:#fff; padding:50px; overflow:hidden;}
.iletisim-header {padding:50px; background:#d8dde2;}
.iletisim-header h1 {font-size:44px; color:#fff; font-weight:300;}
.iletisim-title {color:#1d2875 !important; font-weight:bold; font-size:22px !important; border-left:3px solid #1d2875; padding-left:10px; margin-bottom:50px;}
.iletisim-title span {display:block; font-weight:300; color:#666 !important; margin-top: 15px;}
.iletisim-box {overflow:hidden; padding:10px; border:1px solid #d4d4d4; float:left;}
.iletisim-icon {width:15px; height:15px; float:left; margin-right:5px;}
.iletisim-text {float:left; color:#000 !important; font-weight:bold;}
.iletisim-numbers {margin-bottom:50px;}
.vergi p{color:#000 !important;}
.cover-foto {
  max-height: 269px;
  overflow: hidden;
}
.cover-box{
  padding: 10px;
  background: #fff;
  text-align: center;
  box-shadow: 0px 0px 9px #00000017;
}
.cover-foto img {width: 100%; height: auto;}
.cover-text {color:#ff0000; font-size:16px; padding: 10px;}

.social-title {text-align: right; font-weight: bold; padding-top: 30px; font-size: 16px;}

.kayit-sonuc-table {width:100%;}
.kayit-sonuc-table th {border-bottom:1px solid #ededed; padding:10px 0px; font-size:14px;}
.kayit-sonuc-table td {border-bottom:1px solid #ededed; padding:10px 0px; font-size:14px;}
.kayit-sonuc-table td:nth-child(1){width:20%;}
.kayit-sonuc-table td:nth-child(2){width:5%;}

.kayit-list-table {width:100%;}
.kayit-list-table th {border-bottom:1px solid #ededed; padding:10px 0px; font-size:14px;}
.kayit-list-table td {border-bottom:1px solid #ededed; padding:10px 0px; font-size:14px;}
.kayit-list-table tr:hover td {background:#f6f6f6;}

.kayit-tabs {overflow:hidden;}
.kayit-tabs li {float:left;  padding:15px 25px; border-bottom:none; position:relative; z-index:1; background:#ededed; }
.kayit-tabs li.active {float:left; border:1px solid #ededed;  border-bottom:none; position:relative; z-index:1; background:#fff; font-weight:bold;}
.kayit-tabs-cover {border:1px solid #ededed; padding:30px; margin-top:-1px}
.konular p {font-weight:bold; padding:5px 0px;}
.lasttr td {background:#f6f6f6;}
.tab-egitim h3 {font-weight:bold; padding:15px 0px; font-size:16px;}
.tab-egitim p {padding-bottom:10px;}
.text-center {text-align:center;}
.overline td {text-decoration:line-through; color:#999;}
.overline .silme {display:none !important;}
.gerial {display:none !important;}
.overline .gerial {display:block !important;}
.egitim-box {background:#fff; position:relative; border-radius:10px; padding:21px; margin-bottom: 15px; margin-right: 40px; box-shadow: 0px 0px 6px #0000000d; overflow: hidden;}
.egitim-box-icon {float: left;}
.egitim-icon-cover {
  border: 1px solid #d4d4d4;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 16px;
  line-height: 31px;
  border-radius: 50%;
  display: block;
}
.passive-row{
  color: #999999 !important;
  text-decoration: line-through !important;
}
.training-loader{
  opacity: 0.5;
}
.training-load-anim{
  position:fixed; left:0px; top: 0px; height:100%; width:100%; background:rgba(255,255,255,0.5); z-index: 999; display: flex; justify-content: center; align-items: center;
}
.egitim-box-content{float: left; margin-left: 10px;}
.infobox {padding:30px; background:#fff; min-height: 399px; border-radius:10px; box-shadow: 0px 0px 5px #0000001f;}

.gonderildi-text {color:rgba(20,178,68,1.00);}
.manuel-ekle {
    background: #caffcd;
    padding: 6px;
    font-size: 13px;
    display: inline-block;
    margin-left: 5px;
    border-radius: 5px;
}
.infobox-green {
    background: #ecffeb;
    border: 1px solid #8ace8a;
}
.mailingcover {
    margin-bottom: 15px;
    background: #fbf9d7;
    padding: 10px;
	border: 1px solid #ededed;
	display:flex;
	border-radius:10px;
}
.mailingcover span {padding:5px; }
.pasifrow td {text-decoration:line-through; color:#999;}
.infobox ul li{font-size:14px; border-bottom:1px solid #ededed; padding:10px 0px;}
.mailbox {
    display: inline-block;
    margin-left: 5px;
    padding: 5px;
    background: #fff;
    font-size: 13px;
    border-radius: 5px;
}
.red-box{border:1px solid #eccaca; padding:10px; background:#fff5f5; margin-bottom:5px;}
.green-box{border:1px solid #caecd8; padding:10px; background:#f5fff9; margin-bottom:5px;}
.selected-row td {background: #e3f0eb; font-weight: bold;}
.dt-buttons a {color: #27712d;}
.dt-buttons span {display:flex;}
.dt-buttons span svg {margin-right:5px;}
.infobox ul li:last-child {border:none;}
.infobox p{font-size:14px; padding-bottom:10px; color:rgba(62,86,255,1.00);}
.egitim-box .topics {overflow:hidden; min-height:105px;}
.topics ul li {padding-bottom: 5px;}
.egitim-adi {font-weight:bold; font-size:16px; padding-bottom:5px; display: block;}
.icon-list {width:100%; overflow:hidden; padding:15px 0px;}
.icon-list li {display:inline-block; margin:0px 15px;}
.icon-list img {width:30px; height:30px;}
.egitim-dates {display:block;}
.egitim-dates a {display:inline-block; padding:5px; background:#fff; border-radius:5px; margin-right:10px;}
.egitim-dates a.active {color:rgba(18,163,17,1.00);}
.egitim-box table {width:100%;}
.egitim-box table th {background:#eef2f6; padding:10px;}
.egitim-box table td {padding: 10px 5px; border-bottom:1px solid #ededed;}
.egitim-icon {width:40px; height:40px; text-align:center; font-size:20px;  border-radius:50%; line-height:40px; display:block; margin-left:-20px; position:absolute; left:50%; top:-20px;}
.icon-blue {background:#183ECC; color:#fff;}
.icon-green {background:#18CC6F; color:#fff;}
.icon-gray {background:#646879; color:#fff;}
.kontenjan-sayi {font-weight:bold; color:#1c25d5;}
.tum-link {
  display: inline-block;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  width: 70px;
  margin-top: -18px;
  margin-left: -35px;
  right: 20px;
}
.egitim-seciton-title {font-size:24px; text-align:center; margin:50px 0px; position:relative; color:#0f1142;}
.egitim-seciton-title span.leftline {background:#0f1142; width:50px; height:1px; position:absolute; margin-left:-70px; top:11px;}
.egitim-seciton-title span.rightline {background:#0f1142; width:50px; height:1px; position:absolute; margin-left:20px; top:11px;}
.egitim-duyuru {padding:50px 0px;}
.egitim-duyuru ul li {background:#fff; padding:20px; margin-bottom:10px;}
.egitim-duyuru h3 {font-size:18px; font-weight:bold; padding-bottom:30px;}
.egitim-duyuru ul li p {font-size:14px; font-weight:bold;}
.filtre-kayit{
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 5px #0000001f;
}
.filtre-kayit label {padding-bottom: 10px; font-weight: bold; display: block;}
.filtre-box-cover {border-bottom:1px solid #ededed; padding: 15px 0px 5px 0px;}
.border-tum {border:1px solid #000; padding:10px; border-radius:3px; text-align:center; font-weight:bold; color:#000; display:inline-block; margin-top:20px;}
.gizliform {height:1px !important; visibility:hidden; opacity:0;}
.gizliform-goster {height:260px; visibility:visible; opacity:1;}
.faturaarea .bg-sari {
  background: #fafffb;
  border: 1px solid #c1dac8;
}
.hidediv {display: none;}
.fatura-list {padding: 10px 10px 0px 10px;}
.fatura-list li {
  border-bottom: 1px solid #ededed;
  padding: 5px;
}
.fatura-list li:last-child {border:none;}
.faturatitle{
  padding-left: 15px;
  font-weight: bold;
  color: #0d7bff;
}
.faturaarea .not {color: #969696;}
.formgoster{
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.egitim-cover {
    position: absolute;
    top: -991px;
    width: 1500px;
    height: 1500px;
    right: -310px;
}
.kayit-title {font-size:24px; font-weight:bold; margin-top:30px; margin-bottom:20px;}
.kayit-title a{
    float: right;
    font-size: 14px;
    margin-top: 10px;
}
.kayit-sub-title {
    font-weight: bold;
    font-size: 20px;
    padding: 20px 0px;
    color: #666;
}
.durum0 {color:#B8B8B8; font-weight:bold;}
.durum1 {color:#148E26; font-weight:bold;}
.kayit-detay {background:#fff; margin:0px 0px 50px 0px; padding:30px;}
.kayit-header {padding:0px 0px 0px 0px;}
.kayitno {display:inline-block; background:#e1efe5; color:#000; padding:15px; border-radius:5px; font-size:16px; font-weight:bold;}
.small-table-cover {background:#f6f6f6; padding:30px; height:370px;}
.small-button-cover {background:#ededed; height:370px; position:relative;}
.odemedurumu {position:absolute; left:50%; top:50%; width:200px; height:70px; margin-left:-100px; margin-top:-35px; text-align:center;}
.durum-text {padding:10px 0px;}
.odemeno {
    display: inline-block;
    padding: 5px;
    background: #006EFF;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
}
.odemeok {
    display: inline-block;
    padding: 5px;
    background: #23B037;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
}
.odemebekle {
    display: inline-block;
    padding: 5px;
    border-radius: 3px;
    color: #7b7b7b;
    font-weight: bold;
    border: 1px solid #848484;
}

.upload-area {font-size:13px; border:2px dotted #d4d4d4; padding:30px; background:#fff;}
.onizleme-cover {border:2px dotted #d4d4d4; margin-top:10px; text-align:center; padding:10px;}
.onizleme-cover img {width:auto; height:100px;}

.small-table {width:100%;}
.small-table tr td:nth-child(1) {font-weight:bold; width:22%;}
.small-table tr td:nth-child(2) {font-weight:bold; width:3%;}
.small-table tr:last-child td {border:none;}
.small-table td {border-bottom:1px solid #d4d4d4; padding:10px;}
.egitim-header {position:relative; height:500px; width:100%; padding-top:100px;}
.egitim-header h1 {font-size:46px; font-weight:bold; color:#1d2875; display:block; float:left; width:100%; padding:30px 0px;}
.egitim-header .edu-text  {font-size:20px; color:#000; width:55%;}
.egitim-header .edu-text  p{margin-bottom: 10px;}
.edu-date {float:left; width:auto; border-radius:3px; text-align:center; font-size:13px !important; height:50px; color:#fff; line-height:50px; padding:0px 10px;}
.edu-name {float:left; font-size:16px; font-weight:bold; margin-left:5px; padding:10px; background:#fff; height:50px; border-radius:3px;}
.edu-name span {display:block; font-size:12px; color:#999;}
.close-edu-box {float:left;}
.close-title {font-size:14px; font-weight:bold; color:#1d2875; padding-bottom:10px;}
.egitim-menu {width:100%; float:left; overflow:hidden;}
.egitim-menu li {float:left; padding-right:5px; margin-right:5px;}
.egitim-menu li a {
    margin-right: 5px;
    padding: 0px 10px;
    color: #000;
    font-size: 16px;
    display: block;
    font-weight: bold;
    border-left: 3px solid #000;
}
.egitim-menu li a:hover {color:#2B55EE !important;}
.egitim-menu li.sorgula a{
    margin-right: 5px;
    padding: 0px 10px;
    color: #000;
    font-size: 16px;
    display: block;
    font-weight: bold;
    border-left: 3px solid #000;
}
.tarih-block {
    display: inline-block;
    border: 1px solid #9bd4ad;
    background: #e4ffec;
    padding: 10px;
    border-radius: 5px;
}
.tarih-block-dolu {
    display: inline-block;
    border: 1px solid #d49ba3;
    background: #ffe4e4;
    padding: 10px;
    border-radius: 5px;
}
.tarih-block-son {
    display: inline-block;
    border: 1px solid #d4d4d4;
    background: #ececec;
    padding: 10px;
    border-radius: 5px;
}
.desen {
    position: absolute;
    width: 500px;
    height: 500px;
    left: -300px;
    top: 440px;
    opacity: 0.5;
}
.egitim-detay {background:#fff;}
.egitim-detay h3 {font-size:16px; font-weight:bold; color:#0d7bfe; padding:5px 0px 10px 0px; position:relative;}
.egitim-detay h3.icoh3 {padding:5px 0px 10px 18px;}
.egitim-detay h3.icoh3 span {position:absolute; left:0px; top:2px;}
.egitim-detay label {color:#000; padding-bottom:5px;}
.egitim-detay label.form-check-label {
    color: #000;
    padding-bottom: 5px;
    padding-top: 7px;
    font-size: 13px;
}
.egitim-detay .form-check {
    border: 1px solid #ededed;
    border-radius: 5px;
    padding: 5px 10px 5px 30px;
    margin-bottom: 5px;
    float: left;
    clear: both;
    background: #fff;
    min-width: 160px;
    height: 40px;
}
.labeltitle {
    display: block;
    padding-bottom: 14px;
}
.yaay{
  width: 15px;
  height: auto;
  position: relative;
  top: 2px;
}
.yaay-footer{
  width: 15px;
  height: auto;
  position: relative;
}
.doldubg {background:#ededed !important; border: 1px solid #d4d4d4 !important;}
.selectdate{
    display: inline-block;
    background: #d0ecd2;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
}
.kayit-count  {
    border: 1px solid #ededed;
    border-radius: 5px;
    line-height:40px;
    margin-bottom: 5px;
	float:left;
	font-size:13px;
	min-width:155px;
	height:40px;
	margin-left:5px;
	text-align:center;
	background:#f6f6f6;
	background:#fff;
	padding:0px 10px
}
.doldu{
    position: absolute;
    left: 11px;
    top: 11px;
    color: #999;
}
.kayit-acan {
    background: #fdffed;
    padding: 15px;
	border-radius:5px;
}
.kayit-acan p.isim{padding-bottom:10px; border-bottom:1px solid #ededed; margin-bottom:10px;}
.edu-search-cover {width:50%; position:relative;}
.kayit-search-box .arabtn {position:absolute; right:-50px; top:0px; z-index:1;}
.kayit-count  span{font-weight:bold; color:#2DB974;}
.kayit-table {background:#fff; width:100%;}
.kayit-table th {background:#DBDFE8;}
.kayit-table tr td a{font-weight:bold; color:#105DDB;}
.kayit-table tr:hover td {background:#E8F7F2;}
.ikili tr td:nth-child(2) {width:2%;}
.kayit-table tr td {padding:8px 8px; border-bottom:1px solid #ededed;}
.kayit-table tr th {padding:14px 15px 14px 8px !important;}
.kayit-table tr th.thfix {padding: 16px 12px 20px 10px !important;}
.forcepad tr td {padding:16px 8px;}
.egitim-detay-tarih label {font-weight:bold; color:#000; padding-bottom:0px; padding-top:5px;}
.egitim-detail {
    background: #d6dfe9;
    padding: 21px;
}
.inputcover {overflow:hidden;}
.single-egitim-listesi h5 {
    font-size: 26px;
    font-weight: bold;
    color: #0d7bfe;
    padding: 5px 0px 10px 0px;
    position: relative;
}
.kont {
    border: 1px solid #e6e6e6;
    background: #eaf5fd;
    padding: 10px;
    border-radius: 3px;
	margin-bottom:15px;
}
.egitim-detail h1 {
    font-size: 24px;
    font-weight:bold;
}
.form-area {padding:30px; background:#f8f9fb; border-bottom: 1px solid #ededed; position:relative; overflow:hidden;}
.egitim-detail table {width:100%;}
.egitim-detail table th {padding:10px; background:#fff;}
.egitim-detail table td {padding:10px; border-bottom:1px solid #fff;}
.form-section {overflow:hidden; width:100%;}
.egitim-back {color:#000; display:block;}
.egitim-icerigi p{font-size:16px; padding-bottom:15px;}
.egitim-icerigi {font-size:16px;  padding:30px; line-height: 24px;}
.egitim-icerigi ul {padding-bottom:15px;}
.egitim-icerik-header {
    background: #cad2dc;
}
.egitim-detay h2 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding: 5px 0px 10px 0px;
    position: relative;
}
.egitim-tabs a.nav-link{font-size:16px; border-radius:0px; margin-bottom:0px !important; padding:20px 30px; color:#495057; border:none !important; display:flex;}
.spantext {padding-left:10px;}
.egitim-tabs a.active {color:#175CE4 !important; }
.tab-egitim {background:#fff; min-height:500px; padding:30px; font-size:14px;}
.egitim-detail-list li {border-bottom:1px solid #ededed; padding:15px 0px; display:flex;}
.egitim-detail-list {padding-bottom:20px;}
.tab-egitim h1 {font-size:24px; color:#165ce4; padding-bottom:10px;}
.tab-egitim h2 {font-size:18px; color:#000; padding-bottom:10px;}
.konular {padding-bottom:20px;}
.basvurbtn {
    border: 3px solid #2F68FF;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 15px;
    font-weight: bold;
    margin-top: 10px;
	color:#2e68ff;
}

.basvurbtn-passive {
    border: 3px solid #d4d4d4;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 15px;
    font-weight: bold;
    margin-top: 10px;
	color:#ccccc;
}

.steps {overflow:hidden; padding:30px 25px; border-bottom: 1px solid #dedfe0; display: flex;}
.steps > div {flex-grow:4; position:relative; display: flex;}
.steps > div:after {content:url(images/yanarrow.png); position:absolute; right:20px; top:20px;}
.steps > div .step-number {display:inline-block; border:3px solid #d4d4d4; border-radius:50%; width:50px; height:50px; text-align:center; line-height:45px; font-weight:bold; font-size:16px; color:#d4d4d4;}
.steps > div .step-text {line-height:45px; font-weight:bold; font-size:16px; color:#d4d4d4; margin-left:10px;}
.steps > div.active .step-number {color:#fff; border:3px solid #000; background:#000}
.steps > div.active .step-text {color:#000;}
.steps > div.passed .step-number {color:#999; border:3px solid #999;}
.steps > div.passed .step-text {color:#999;}
.egitim-takvim table td {font-size:14px; padding:10px 0px;}
.egitim-takvim table th {font-size:14px; padding:10px 0px;}
.egitim-sonuc table td {font-size:14px;}
.kisi {position:relative;}
.egitim-icerik-header img {width:40px; height:40px;}
.egitim-tabs {overflow:hidden; background:#89909C;}
.egitim-tabs li {float:left; border-right:1px solid #a7aeb9;}
.egitim-tabs li a {display:block; color:#d9dde4; padding:20px 30px; font-size:16px; font-weight:bold;}
.egitim-tabs li.active a {display:block; background:#45a59e; color:#fff; padding:20px 30px; font-size:16px; font-weight:bold;}
table.egitim-list {width:100%;}
table.egitim-list td{font-size:16px; border-bottom:1px solid #ededed; padding:10px 0px;}
table.egitim-list th{font-size:16px;}
.kayit-ol {position:absolute; right:20px; top:55px; background:#fff; padding:10px 20px 10px 30px;}
.kayit-ol span {
    position: absolute;
    left: 10px;
    top: 8px;
}
.cikar-btn {
    padding-top: 23px;
    display: block;
    position: absolute;
    right: 20px;
}

#etkinliklist_wrapper {width:100%;}
.borderred {border:3px solid #ff0000;}
#kisisil01 {display:none;}
.detay-icon-list {overflow:hidden; padding-top:20px;}
.detay-icon-list li {float:left;}
.detay-icon-list li img{float:left; width:50px; height:50px;}
.detay-icon-list li:last-child img{float:left; width:45px; height:45px; padding-top:10px;}
.detay-icon-list li p{float:left; font-size:18px; padding:20px 10px;}
.egitim-sonuc {padding:30px;}
.egitim-sonuc h3 {color:#666;}
.egitim-sonuc p {font-size:16px;}
.success-form {background:#B7EDD1; padding:30px; border-radius:5px; font-size:16px;}
.error-form {background:#ffbebe; padding:30px; border-radius:5px; font-size:16px;}
.success-item {background:#f6f6f6; padding:30px; border-radius:5px; margin-top:15px; font-size:16px;}
.sonuc-text {
    font-size: 24px;
    padding-top: 30px;
    font-weight: bold;
}

.form-cover {margin:50px 100px; border:3px solid #ededed; padding:30px;}
.form-cover .form-baslik {font-size:18px; font-weight:bold; color:#145BDB !important;}
.form-cover label {font-size:13px; color:#666;}
.form-cover .soru {font-size:14px !important; color:#000; font-weight:bold; line-height:normal; padding:1px 0px;}
.form-cover label {padding-right:10px;}
.bultenform .form-group {margin-bottom:20px;}

.close-edu-cover {margin-top:80px;}
.login-form {
    border: 5px solid #fff;
    /* border-radius: 10px; */
    padding: 60px;
    width: 500px;
    margin: 0px auto;
    background: #f8f9fb;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 50px;
    /* box-shadow: 0px 0px 20px #dcdcdc; */
}
.login-form h2 {font-size:24px; padding-bottom:30px; color:#777777;}
.login-form label {padding-bottom:10px;}
.usertitle {
    font-size: 24px;
    color: #999;
	font-weight:bold;
}
.useraratitle {font-size:16px; font-weight:bold;}
.egitim-card {
    padding: 15px 15px 15px 20px;
    border-radius: 3px;
    margin: 15px 0px 30px 0px;
    font-size: 14px;
	background:#f6f6f6;
}
.odenmedi{
    background: #ff0000;
    padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}
.egitim-table-cover {border:1px solid #ededed; margin-top:20px;}
.egitim-table-cover table th {background:#ededed; padding:8px; font-size:13px !important;}
.egitim-table-cover table td {padding:8px; font-size:13px !important;}
.passiveinput {
    border: 1px solid #ededed;
    font-size: 13px !important;
    padding: 10px;
    border-radius: 3px;
    background: #ededed;
}

.float-right {float:right;}

.mail-header {overflow:hidden; margin-top:50px; margin-bottom:20px;}
.mail-icon {width:25px; height:25px; float:left;}
.mail-text { float: left; font-size: 20px !important; color: #1d2875 !important; margin-left: 5px; margin-top: 3px; }
.harita-cover {background:url(images/mapp.png) center no-repeat;}
.mailtablo td {padding:5px 0px;}
.mailtablo td:first-child {font-weight:bold;}
.mailtablo td:nth-child(2) {padding:5px 10px;}
.mailtablo tr:hover td {border-bottom:1px solid #1450E6;}
.popup {position:fixed; background:rgba(0,0,0,0.6); left:0px; top:0px; width:100%; height:100%; z-index:999;}
.center-div {position:absolute; width:500px; height:300px; top:50%; margin-top:-150px; left:50%; margin-left:-250px; background:#fff; text-align:center; padding:50px;}
.popup-text { font-size: 16px; color: #999; padding-bottom: 17px; padding-top: 5px; } 
.check_mark { width: 80px; height: 110px; margin: 0 auto; } 
.hide {display:none;} 
.sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 0px auto; padding: 0; position: relative; box-sizing: content-box; }
.sa-icon.sa-success {border-color: #4CAF50;}
.sa-icon.sa-success::before, .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
.sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } 
.sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } 
.sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(76, 175, 80, .5); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } 
.sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.sa-icon.sa-success.animate::after {-webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in;}
.sa-icon.sa-success {border-color: transparent\9;}
.sa-icon.sa-success .sa-line.sa-tip {-ms-transform: rotate(45deg) \9;}
.sa-icon.sa-success .sa-line.sa-long {-ms-transform: rotate(-45deg) \9;}
.animateSuccessTip {-webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s;}
.animateSuccessLong {-webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s;}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
.sa-icon.sa-success .sa-line { height: 5px; background-color: #4CAF50; display: block; border-radius: 2px; position: absolute; z-index: 2; } 
.sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
.sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
.content-sidebar {}
.sidebar-title {font-size:32px; color:#72818b; font-weight:300; padding-bottom:0px; margin-bottom:0px;}
.sidebar-subtitle {font-size:16px; color:#000; font-weight:bold; padding-bottom:15px;}
.alert {width:100%;}
.alert-dismissible .close {padding: 6px 10px !important;}
.fix-title {font-size:24px; color:#999; font-weight:300; padding-top:7px;}
.content-sidebar-date li.active a {color:#1574fc; font-weight:bold;}
.epias-mobil-phone {position:absolute; margin-left:-70px; margin-top:130px;}
.epias-insan {width: 360px;height: auto;position: absolute;margin-left: -60px;margin-top: 130px;z-index:6;}
.tablefirsttd tr td:first-child {white-space:nowrap;}
.epias-seffaf {position:absolute; margin-left:-370px; margin-top:140px;}
.video-cover {height:425px; left:0px; width:100%; position:absolute; z-index:1; overflow:hidden;}
#myVideo{ position: absolute; right: 0; bottom: 0; top:-100px; opacity:0.3; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover;  z-index:3; }
.arge-bg {background:#fffff7 url(images/arge-bg.jpg)}
.diamond-bg {background:url(images/diamond-bg.jpg) repeat-x;}
.seffaflik-bg {background:#13133c url(images/seffaflik-bg.jpg)}
.mobil-wrapper {min-height:300px; position:relative;}
.piyasa-tema-cover {margin-bottom:20px;}
.mobil-title {font-size:74px; color:#fff; font-weight:300;}
.mobillist li {float:left; margin-right:5px;}
.mobillist li img {width:120px; height:auto;}
.mobil-text {font-size:16px; color:#fff; padding:35px 0px; line-height:24px;}
.mobil-head-content {padding: 90px 250px 0px 50px;height: 430px;}
.api-bg {background: #2b3377;background: -webkit-linear-gradient(to right, #2b3377, #141E30);background: linear-gradient(to right, #2b3377, #141E30);}
.arge-mobil-head-content {padding:140px 250px 140px 50px; position:relative; z-index:3;}
.color-bg {background: #9CECFB;  background: -webkit-linear-gradient(to bottom, #0052D4, #65C7F7, #9CECFB);  background: linear-gradient(to bottom, #0052D4, #65C7F7, #9CECFB); width:100%; height:100%; opacity:0.6; z-index:4; position:absolute;}
.mobil-content-text {padding:30px 250px 30px 50px; font-size:16px; line-height:24px;}
.gorus-link {background:#fff; border-radius:10px; padding:20px; display:inline-block; margin:15px 0px; box-shadow: 0px 0px 13px 0px #0000000d;}
.gorus-link a img {float:left; width:25px; height:25px;}
.gorus-link a span {float:left; margin-left:10px;}
.mobil-content-text h3 {font-weight:bold; padding:10px 0px; font-size:18px;}
#particles-js {height:400px; position:absolute; width:100%; left:0; top:0px;}
.mobil-content-text ul li {padding:10px 0px; list-style:inside disc; font-size:14px;}
.tema-content {padding:30px 0px;}
.tema-content p {padding-bottom:15px;}
.tema-duyuru li {list-style:none !important; background:#fff; padding:10px 15px !important; border-radius:3px; margin-bottom:10px;}
.tema-duyuru li a {font-weight:bold; font-size:16px; color:#195CEA;}
.tema-duyuru-tarih {display:block; color:#666; font-size:13px;}
.ilgili-duyuru {margin-top:20px; margin-bottom:20px;}
.fulllink { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; border: none !important; padding: 0px !important; z-index: 2; } 
.api-gorsel { position: absolute; top: -150px; width: 290px; height:2090px; z-index:2; } 
.api-gorsel2 { position: absolute; top: 400px; width: 102%; z-index: 1; height:51px; left: -4px; }
.cd-background-wrapper {perspective: 4000px;}
.cd-floating-background {transform-style: preserve-3d;} 
.cd-floating-background .epias-seffaf {transform: translateZ(50px);}
.other-markets {position: absolute;left: 0px;visibility:hidden;}
.other-markets-open {left:-50px; visibility:visible; animation:visible 1s;}
.other-markets li {text-align:center; line-height:50px;}
.other-markets li a {width: 50px; height: 50px;background: #fff;color:#22BF77;font-size:18px;display: block;border-bottom:1px solid #ededed;}
.other-markets li a:hover {color:#000;}
@keyframes visible{
0% {opacity:0;}
100% {opacity:1;}
}




#basvurbuton {background:rgba(255,128,0,1.00); border:none; color:#fff !important;}
.alert h4 {font-size:18px; font-weight:bold;}
.marginright0 {margin-right:0px !important;}
.piyasa-wrapper {}
.gray-bg {background:#e3e3ea;}
.piyasa-sidebar {background:#e3e3ea; padding:30px 50px;}
.piyasa-bar {width: 50px; height: 100%; position: absolute; background: rgb(192,204,219); background: -moz-linear-gradient(left, rgba(242, 245, 249) 0%, rgba(255, 255, 255) 100%); background: -webkit-linear-gradient(left, rgba(242, 245, 249) 0%,rgba(255, 255, 255) 100%);background: linear-gradient(to right, rgb(242, 245, 249) 0%,rgb(255, 255, 255) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0ccdb', endColorstr='#f2f2f2',GradientType=1 ); min-height: 500px; float: left; z-index: 5; box-shadow: 3px 3px 0px 0px #0000000d;}
.piyasa-bar-open {width:270px; box-shadow: 5px 0px 10px 0px #66666642;}
.piyasa-bar .icontext {visibility:hidden;}
.piyasa-bar-open .icontext {visibility:visible;  animation:visible 1s;}
.piyasa-bar ul li a {display:block; border-bottom:1px solid #ededed;}
.piyasa-bar ul li a:hover {font-weight:bold; color:#2257F1;}
.piyasa-bar ul li {white-space:nowrap;}
.piyasa-container h3 {font-size:18px; font-weight:bold; margin-bottom:15px; color:#007bff;}
.piyasa-bar ul li a .icontext {font-size:14px; padding-left:10px; line-height:50px;}
.piyasa-bar ul li a .baricon {font-size:16px; display:inline-block; width:50px; text-align:center; height:50px; line-height:50px; color:#999;}
.piyasa-bar ul li a:hover .baricon {color:#000;}
.piyasa-bar ul li.active a .baricon {background:#245DE9; color:#fff;}
.piyasa-bar ul.bar-dogalgaz li.active a .baricon {background:#5ead95; color:#fff;}
.piyasa-container {float:left; width:100%; height: 100%; padding-left:50px; background:#f4f4f9; min-height:500px;}
.piyasa-cover {background:#111f44 url(images/elektrik.jpg) no-repeat center; height:300px; position:relative; padding: 0px 10px;}
.piyasa-cover-dogal-gaz {background:#111f44 url(images/dogalgaz.jpg) no-repeat center; padding: 0px 10px;}
.turkiye {text-align:center;}
.trmap {width:800px; height:auto;}
.aylar span {display:inline-block; border:1px solid #d4d4d4; border-radius:3px; padding:3px 5px; margin-left:5px; font-size:12px; background:#ededed}
.top-data-container {position: absolute; top: -370px; left: 0px; width: 100%; height: 370px; background: rgba(69,72,87,0.95); z-index: 10; display:none;}
.top-data-container-open {top: 0px;}
.middle-data-container {display:none;}
.bottom-data-container {position: fixed; bottom: -260px; left: 0px; width: 100%; height: 370px; background: rgba(69,72,87,0.95); z-index: 10; display:none;}
.bottom-data-container:hover {bottom: 0px;}
.current-data {display:block;}
.setting-load {background:#000; position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:13; opacity:0; visibility:hidden;}
.setting-load-visible {opacity:0.7; visibility:visible;}
.gear-animation {position:absolute; left:50%; top:50%; width:30px; height:30px; margin-top:-15px; margin-left:-15px;}
.gear-animation img {width:30px; height:30px; -webkit-animation: rotation 2s infinite linear;}
.yon-foto {float: left; width: 215px; margin-right:20px; height:auto; border-radius:50%; border: 3px solid #ededed;}
.haber-foto img {border: 3px solid #a1a8b9; width:100%; height:auto;}
.page404 {padding:50px 0px;}
.page404 svg {margin: 0 auto;display: block;margin-top: 50px;}
.page404 polygon {transform:rotateY(-180deg) scale(0);transition: all 0.4s cubic-bezier(0.590, 0.720, 0.375, 1.650);transform-origin:center;}
.page404 polygon.processed {transform:rotateY(0deg) scale(1);}
.center-text {text-align:center;}
.center-text p {font-size:18px; padding:80px 0px; font-weight:bold; color:#8c939a;}
.bulten-kontrol {background: rgb(128,131,147); background: -moz-linear-gradient(-45deg, rgba(128,131,147,1) 0%, rgba(170,181,193,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(128,131,147,1) 0%,rgba(170,181,193,1) 100%); background: linear-gradient(135deg, rgba(128,131,147,1) 0%,rgba(170,181,193,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808393', endColorstr='#aab5c1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position:fixed; z-index:999; bottom:-50px; right:30px; width:auto; height:50px; border-radius:10px;}
.bulten-kontrol-show {bottom:30px; box-shadow: 0px 0px 17px 0px #00000047;}
.hide-bulten {display:none;}
.bulten-kontrol a {color: #fff;font-weight: bold;padding-left: 20px;padding-top: 17px;padding-right:20px;display:inline-block;font-size:14px;}
.veriler {position:relative;}
.veriler .market-title{color: #ffffff;}
.topdata {height:370px;}
.top-data-container .veriler .marque-wrapper {margin-top:20px;}
.top-data-container .konum-buttons span {color:#fff;}
.top-data-container .vericover{color:#fff; padding:20px 0px;}
.bottom-data-container .veriler .marque-wrapper {margin-top:20px;}
.bottom-data-container .konum-buttons span {color:#fff;}
.bottom-data-container .vericover{color:#fff; padding:20px 0px;}
.vericover.is-loading .veriler,
.vericover.is-loading .konum-buttons {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.prices-loading{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  height: 70px;
}

.prices-loading__box{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  font-weight: 600;
}

.prices-loading__spinner{
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255,255,255,.15);
  border-top-color: rgba(255,255,255,.65);
  border-radius: 50%;
  display: inline-block;
  animation: pricesSpin .8s linear infinite;
}

@keyframes pricesSpin{
  to { transform: rotate(360deg); }
}

.vericover{
  position: relative;
}

@-webkit-keyframes rotation {
		from {
				-moz-transform: rotate(0deg);  /* FF3.5/3.6 */
				-o-transform: rotate(0deg);  /* Opera 10.5 */
				-webkit-transform: rotate(0deg);  /* Saf3.1+ */
				transform: rotate(0deg);  /* Newer browsers (incl IE9) */
		}
		to {
				-moz-transform: rotate(359deg);  /* FF3.5/3.6 */
				-o-transform: rotate(359deg);  /* Opera 10.5 */
				-webkit-transform: rotate(359deg);  /* Saf3.1+ */
				transform: rotate(359deg);  /* Newer browsers (incl IE9) */
		}
}

@-webkit-keyframes rotation2 {
		from {
				-moz-transform: rotate(359deg);  /* FF3.5/3.6 */
				-o-transform: rotate(359deg);  /* Opera 10.5 */
				-webkit-transform: rotate(359deg);  /* Saf3.1+ */
				transform: rotate(359deg);  /* Newer browsers (incl IE9) */
		}
		to {
				-moz-transform: rotate(0deg);  /* FF3.5/3.6 */
				-o-transform: rotate(0deg);  /* Opera 10.5 */
				-webkit-transform: rotate(0deg);  /* Saf3.1+ */
				transform: rotate(0deg);  /* Newer browsers (incl IE9) */
		}
}

.form-control:focus,
.form-select:focus,
textarea:focus {
    border-color: #ced4da;     /* normal border rengi */
    box-shadow: none !important;
    outline: none !important;
}


.form-inline{display: flex;}
.sub-head {position:relative; width:100%; overflow:hidden; padding:15px 0px;}
.piyasa-title {font-size:26px; padding-bottom:15px; display:inline-block; text-transform:uppercase;}
.button-list {float:right;}
.button-list li {float:left; margin-left:5px;}
.catname {display: inline-block;font-size: 10px !important;color: #000; border-radius: 3px;border: 1px solid #000;padding: 2px 4px;text-transform: uppercase; letter-spacing: 1px;font-weight: bold;}
.main-piyasa-content {padding:50px;}
.main-piyasa-content h3 {font-size:16px; font-weight:bold; padding-bottom:15px;}
.piyasa-area {padding:46px 40px 0px 40px; overflow:hidden; float:left; width:100%;}
.piyasa-area .dogalgazdata li p{color:#1574fc;}
.piyasa-area .dogalgazdata li span{color:#999;}
.piyasa-area .data-info-text {color:#000;}
.piyasa-tabs .tab-pane {padding:20px 20px; background:#fff; margin-top:20px; border-bottom:5px solid #d0cfd6; border-radius:5px;float:left; width:100%;}
.piyasa-tabs .tab-pane {float:left; width:100%;}
.piyasa-duyuru-filtre {padding:10px; border:1px solid #fff; margin-bottom:15px; background:#f6f6f6;color:#666; border-radius:5px; height:35px; overflow:hidden;    box-shadow: 0px 0px 4px #a5a4a4;}
.filtre-open {height:auto;}
.filtre-title {font-size:12px; margin-bottom:0px; padding-bottom:0px; }
.white-bg {background:#fff; padding:20px; border-radius:5px;}
.filtre-title a {display:block; font-size:13px;}
.filtre-title span {display:inline-block; float:right;}
.filtre-form {margin-top: 15px;padding-top: 15px;border-top: 1px solid #ededed;}
.piyasa-sidebar-title {font-weight: bold;padding-top: 15px;font-size: 22px;}
.title-p {display:block; padding:10px 0px;}
.custom-pagination {margin-top:20px;}
.custom-pagination .current {font-weight:bold; background:#2556E5; color:#fff !important;}
.custom-pagination .page-numbers {display:inline-block; color:#999; border:1px solid #ededed; padding:5px 10px; border-radius:3px; font-size:13px;}
.custom-pagination a.page-numbers {color:#2556E5 !important;}
.epias-table th {background:#e7e8ea; border:none !important; font-size:13px !important}
.epias-table td {font-size:13px;}
.epias-table td a{font-size:13px;}
#sidemenu li ul {padding-left:30px;}
#sidemenu li ul>li>a {font-size:13px !important; color:#666 !important; position:relative;}
#sidemenu li ul>li>a:hover {color:#1837E1 !important;}
#sidemenu>li>a:before {content:url(images/menuok.png);font-family: FontAwesome;display: inline-block;margin-right:5px;} 
#sidemenu li ul>li>a:before {content: url(images/subok.png);display: inline-block;margin-left: -1.3em;margin-right: 3px;top: 50%;position: absolute;margin-top: -8px;}
#sidemenu li.current_page_item a {color:#1574fc !important; font-weight:bold;}
#sidemenu .current-menu-item a {color:#1574fc; font-weight:bold;}
.timeline {position: relative;width: 660px;margin: 0 auto;margin-top: 140px;padding: 1em 0;list-style-type: none;}
.timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
  display: block;
  width: 6px;
  height: 100%;
  margin-left: -3px;
  background: rgb(80,80,80);
  background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  z-index: 5;
}

.timeline li {padding: 1em 0;}
.timeline li:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.direction-l {position: relative;width: 300px;float: left;text-align: right;}
.direction-r {position: relative;width: 300px;float: right;}
.flag-wrapper {position: relative;display: inline-block;text-align: center;}

.flag { position: relative; display: inline; background: rgb(248,248,248); padding: 6px 10px; border-radius: 5px; color: #2340e4; font-weight: 600; text-align: left; } 
.direction-l .flag { -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); } 
.direction-r .flag { -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); } 
.direction-l .flag:before, .direction-r .flag:before { position: absolute; top: 50%; right: -40px; content: ' '; display: block; width: 12px; height: 12px; margin-top: -10px; background: #fff; border-radius: 10px; border: 4px solid #20B382; z-index: 10; } 
.direction-r .flag:before { left: -40px; } .direction-l .flag:after { content: ""; position: absolute; left: 100%; top: 50%; height: 0; width: 0; margin-top: -8px; border: solid transparent; border-left-color: rgb(248,248,248); border-width: 8px; pointer-events: none; } 
.direction-r .flag:after { content: ""; position: absolute; right: 100%; top: 50%; height: 0; width: 0; margin-top: -8px; border: solid transparent; border-right-color: rgb(248,248,248); border-width: 8px; pointer-events: none; } 
.time-wrapper { display: inline; line-height: 1em; font-size: 0.66666em; color: #20B382; vertical-align: middle; } 
.direction-l .time-wrapper { float: left; } .direction-r .time-wrapper { float: right; } 
.time { display: inline-block; padding: 4px 6px; background: rgb(248,248,248); } 
.desc { margin: 1em 0.75em 0 0; font-size:13px; font-style: italic; line-height: 1.5em; } 
.direction-r .desc { margin: 1em 0 0 0.75em; }

@media screen and (max-width: 660px) {
.timeline { width: 100%; padding: 4em 0 1em 0; } 
.timeline li { padding: 2em 0; } 
.direction-l, .direction-r { float: none; width: 100%; text-align: center; } 
.flag-wrapper { text-align: center; } .flag { background: rgb(255,255,255); z-index: 15; } 
.direction-l .flag:before, .direction-r .flag:before { position: absolute; top: -30px; left: 50%; content: ' '; display: block; width: 12px; height: 12px; margin-left: -9px; background: #fff; border-radius: 10px; border: 4px solid #20B382; z-index: 10; } 
.direction-l .flag:after, .direction-r .flag:after { content: ""; position: absolute; left: 50%; top: -8px; height: 0; width: 0; margin-left: -8px; border: solid transparent; border-bottom-color: rgb(255,255,255); border-width: 8px; pointer-events: none; } 
.time-wrapper { display: block; position: relative; margin: 4px 0 0 0; z-index: 14; } 
.direction-l .time-wrapper { float: none; } 
.direction-r .time-wrapper { float: none; } 
.desc { position: relative; margin: 1em 0 0 0; padding: 1em; background: rgb(245,245,245); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20); box-shadow: 0 0 1px rgba(0,0,0,0.20); z-index: 15; } 
.direction-l .desc, .direction-r .desc { position: relative; margin: 1em 1em 0 1em; padding: 1em; z-index: 15; }
}

@media screen and (min-width: 400px ?? max-width: 660px) {
.direction-l .desc, .direction-r .desc {margin: 1em 4em 0 4em;}
}
.content-sidebar-header { border-left: 3px solid #485156; padding: 25px; background: rgb(220,219,221); background: -moz-linear-gradient(-45deg, rgba(220,219,221,1) 0%, rgba(244,244,249,1) 53%); background: -webkit-linear-gradient(-45deg, rgba(220,219,221,1) 0%,rgba(244,244,249,1) 53%); background: linear-gradient(135deg, rgb(206, 216, 214) 0%,rgba(244,244,249,1) 53%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdbdd', endColorstr='#f4f4f9',GradientType=1 ); }
.content-sidebar-date {padding:20px 0px;}
.content-sidebar-date ul li a {font-size:16px; color:#000; padding:20px 0px; display:block; border-bottom:1px solid #ededed;}
.content-sidebar-date ul li a:hover {color:#1574fc;}
.bosluk50 {width:100%; height:50px;}
.arafiltre {display:none;}
.content-sidebar-kurumsal {padding:20px 30px;}
.content-sidebar-kurumsal ul li a {font-size:16px; color:#000; padding:20px 0px; display:block; border-bottom:1px solid #ededed;}
.content-sidebar-kurumsal ul li a:hover {color:#1574fc;}
.content-sidebar-kurumsal ul li.current-menu-item a {color:#1574fc; font-weight:bold;}
.content-sidebar-kurumsal ul li:last-child a {border:none;}
.content-sidebar-kurumsal ul li ul {padding-left: 15px;}
.content-sidebar-kurumsal ul li ul li a {font-size: 16px;}
.mobil-arama {display:none;}
.section-title { text-align: center; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; padding: 20px 0; background: white;}
.link { display: inline-block; padding: 10px 10px; background-size: 10px auto; font-weight: 600;	border: 1px solid #fff;	border-radius:5px;}
.subtitle { font-size: 14px; letter-spacing: 4px; text-transform: uppercase; font-weight: 300; color: #949494;}
.epias-slider { position: relative; width: 100%; height:650px; color: white; overflow: hidden;}
.epias-slider .epias-slider-items { position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; list-style-type: none; z-index: 0;}
.epias-slider .epias-slider-items li { position: absolute; content: ' '; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; box-shadow: 0 0 80px 20px rgba(0, 0, 0, 0.10); background: #3F3F3F no-repeat center center; background-size: cover; transition: transform 1800ms cubic-bezier(0.645, 0.045, 0.355, 1); will-change: transform;}
.epias-slider .epias-slider-items li.hidden-left { transform: translateX(-100%); opacity: 0; transition: transform 1800ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms, opacity 1ms linear 1880ms;}
.epias-slider .epias-slider-items li.hidden-right { transform: translateX(100%); opacity: 0; transition: transform 1800ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms, opacity 1ms linear 1880ms;}
.epias-slider .epias-slider-items li.hidden-left.hidden-right { transition: none;}
.epias-slider .epias-slider-items li:before { position: absolute; content: ' '; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); transition: background-color 1000ms linear 500ms;}
.epias-slider .epias-slider-items li.sliding:before { background-color: rgba(0, 0, 0, 0.6); transition: background-color 0ms linear;}
.epias-slider .slider-content { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); transition: all ease-in-out 400ms; z-index: 2;}
.epias-slider .slider-content .container { position: relative;}
.epias-slider .slider-content.hidden { transform: translateY(-50%) translateX(-50px); transition: all ease-in-out 600ms; opacity: 0;}
.epias-slider .slider-content h1 {
    max-width: 651px;
    color: white;
    margin-left: -5px;
    margin-bottom: 10px;
    font-size: 47px;
}
.haber-top { position: absolute; bottom: 0; left: 0; width: 100%; height: 110px; z-index: 2;}
.haber-top-wrapper { position: relative; z-index: 6;}
.haber-top .haber-top-content { position: relative;	}
.haber-top .haber-top-section { float: left; background:#fff; width:100%;}
.haber-top .haber-top-section p { height: 76.5px; width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0;}
.haber-top .haber-top-column-wrapper { display: flex;}
.haber-top .haber-top-column { height: 80px;}.haber-top h3 { font-size: 18px; width: 100%; margin: 0; text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;	color:#000;}
.haber-top-project h3 { font-size: 14px;	font-weight:bold; width: 100%; margin: 0; text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;	color:#fff !important;	border-bottom: 1px solid #5e6173; padding-bottom: 10px;}
.haber-top h3 br { display: none;}
.haber-top .note { margin-top: 10px; color:#000;}
.haber-top .haber-top-project { background:rgba(69,72,87,0.8); background-size: 7px auto; color: white; transition: filter 100ms linear, transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-color 400ms linear; height: 320px;}
.haber-top .haber-top-project:hover { filter: brightness(110%); transform: translateY(-170px);	background:rgba(46,45,56, 0.95); background-size: 7px auto;}
.haber-top .haber-top-project .note { color: black;}
.haber-top .haber-top-sld { height: 110px;}.haber-top .haber-top-nav { position: absolute; top: -45px; left: 0; padding: 0px;}
.haber-top .haber-top-nav .nav { float: left; content: ' '; width: 45px; height: 45px; background: white no-repeat center center; background-size: 7px auto; transition: all 100ms linear; cursor: pointer; opacity: 0.9;}
.haber-top .haber-top-nav .nav-left { background-image: url('images/arrow-left-dark.svg');}.haber-top .haber-top-nav .nav-right { border-left: 1px solid #eee; background-image: url('images/arrow-right-dark.svg');}
.haber-top .haber-top-nav .nav:hover { opacity: 1;}
@keyframes fadeIn { from { opacity: 0; } to  { opacity: 1; }}
@keyframes fadeInUp { from { opacity: 0; transform: translateY(15px); } to  { opacity: 1; transform: translateY(0); }}
@keyframes fadeInZoom { from { opacity: 0; transform: scale(0.95); } to  { opacity: 1; transform: scale(1); }}

.mobil-tarif {display:none;}
.tarif-link { padding: 10px; border-radius: 5px; margin-bottom: 0px; margin-top: 20px; display: inline-block; font-weight: bold; font-size: 14px; background: #008bff; color: #fff; border: none; } 
.yol-tarifi {margin-top:10px; overflow:hidden;} 
.yol-tarifi p { position:relative; border: 1px solid #d4d4d4; padding: 10px; border-radius: 3px; margin-right: 10px; font-size: 14px; background: #ededed; width:130px; text-align:center; font-weight:bold; padding-left:27px; display:inline-block; } 
.googlelogo { width: 20px; height: 20px; position: absolute; left: 8px; top: 6px; } 
.yandexlogo { width: 20px; height: 20px; position: absolute; left: 6px; top: 6px; }

.blackbox {background:rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; z-index: 999; width: 100%; height: 100%;}
#popup-container {width:650px; height:650px; margin-top:-325px; margin-left:-325px; position:fixed; left:50%; top:50%; z-index:1000;}
.kapat {position:absolute; right:-15px; background:#ff0000; width:30px; height:30px; border-radius:50%; text-align:center; color:#fff !important; line-height:30px; top:-15px;}
#popup-container img {width:100%; height:auto; border:5px solid #fff;}
.pass-box {width:500px; margin:0px auto; box-shadow: 0px 0px 20px 0px #0000001f; padding:50px; background:#fff;}
@media (min-width: 2401px) and (max-width: 2560px) {
.kurumsal-menu-icerik{left:-50% !important; position:relative;}
.kurumsal-menu-open .kurumsal-menu-icerik {left:50% !important;}
}
@media (min-width: 2201px) and (max-width: 2400px) {
.kurumsal-menu-open .kurumsal-menu-icerik {left:42%;}
}
@media (min-width: 2001px) and (max-width: 2200px) {
.kurumsal-menu-open .kurumsal-menu-icerik {left:35%;}
}
@media (min-width: 1921px) and (max-width: 2000px) {
.kurumsal-menu-open .kurumsal-menu-icerik {left:27%;}
}

@media (min-width: 1500px) and (max-width: 1699px) {
.anamenu li a {font-size:14px !important;}
.anamenu .menu > li > a {padding-left:5px;}
.menu-tabs li a {font-size:18px !important;}
.arama-input {width:120px;}
.menu--alonso .menu__line {width:150px !important;}
.menu--alonso .menu__link {width:150px !important; font-size:18px !important;}
.container {width: 1480px !important;max-width: 1480px !important;}
.anamenu ul {margin-left:0px; position:relative;}
.anamenu .menu > .children ul {margin-left: 0px;}
.top-section {padding:25px 80px;}
.open-div a {margin-top:16px;}
.mobil-remove {display:none !important;}
.mobil-block {display:block;}
}

@media (min-width: 1200px) and (max-width: 1499px) {
.egitim-box {margin-bottom:50px;}
.container {width: 96% !important;}
.mobil-remove {display:none !important;}
.sosyal li a {line-height: 28px;width: 28px; height: 28px;}
.anamenu .menu > li > a {padding-left:10px;}
.kisayollar>li {padding: 0px 5px;}
.mobil-block {display:block;}
.anamenu .menu li { padding-right: 5px; padding-left: 5px;}
.anamenu .menu > li > a {font-size:14px; padding-left: 3px;}
.menutabs a {padding:10px 7px;}
.menumobil {display:none;}
.egitim-cover {
    position: absolute;
    top: -791px;
    width: 1180px;
    height: 1280px;
    right: -220px;
}
.steps li:after {right: 10px;}
.steps li .step-text {font-size:14px;}
}

@media (min-width: 980px) and (max-width: 1199px) {
.logocoverexist {overflow:hidden; display:block; width:125px; left: 39%;}
.egitim-box {margin-bottom:50px;}
.egitim-cover {display:none;}
.egitim-header .edu-text {width:100%;}
.container {width: 100% !important;padding:0px 15px !important;}
.mobil-remove {display:none !important;}
.logo .epias-logo {margin-left:0px;}
.piyasalar {display:none;}
.anamenucover {display:none;}
.phone-show {display:block;}
.logo .menulink {display:none;}
.kurumsal-menu-open {width:100%;}
.kisayollar>li {width: 12.5%;}
.haberler .haber-foto {padding: 0px 15px;}
.haberler .haber-item {margin-bottom: 20px;padding-bottom: 20px;margin-right: 20px;}
.steps li .step-number {width: 30px; height: 30px; line-height: 25px;font-size: 14px;}
.steps li .step-text {font-size: 13px; margin-left: 5px;}
.steps li:after {right: 12px; top: 17px;}
.kisi{border-bottom: 1px solid #dadada; margin-bottom: 20px;}
}

@media (min-width: 768px) and (max-width: 979px) {
.footer-sosyal li {text-align: center;}
.egitim-image-cover {overflow: hidden;height: 150px;}
.kisi{border-bottom: 1px solid #dadada; margin-bottom: 20px;}
.steps { overflow: hidden; padding: 30px 30px;}
.kayit-ol {top: 25px;}
.steps li:after {left:55%;}
.egitim-icerik-header {height: 85px;padding: 0px 30px;}
.egitim-image-cover img {position:relative; margin-top:-200px;}
.egitim-detail {padding: 50px 30px;}
.step-text {display:none;}
.egitim-box {margin-bottom:50px;}
.egitim-cover {display:none;}
.egitim-header .edu-text {width:100%;}
.container {width: 100% !important;
max-width:100% !important;
padding:0px 15px !important;}
.piyasalar {display:none;}
.mobil-remove {display:none !important;}
.phone-show {display:block;}
.anamenucover {display:none;}
.phone-remove {display:none;}
.menuicon {right:50%; margin-right:-15px;}
.haber-foto {padding:0px;}
.haber-url {display:none;}
.arama-cover {margin-top:32px;}
.epias-slider .slider-content {left:15px;}
.haber-top .haber-top-nav {left:30px;}
.kurumsal-menu-open {width:100%;}
.kisayollar>li { width: 12.5%;}
.marque-text {width: 20%; color:#b4b7c3;}
.marque-content{width: 80%;}
.konum-buttons {display:none;}
.haber-top-sld {padding-left:15px;}
.haber-top .haber-top-nav {left:15px;}
.duyuru-content {padding: 30px 30px;}
.piyasa-sidebar {padding: 0px 0px 0px 33px;}
.middle-data-container {display:none !important;}
.kurumsal-menu-open .kurumsal-menu-icerik {left:180px; animation:none;}
.animasyon li.baraj-tirbun {display:none;}
.animasyon li.gunespanel {display:none;}
.haberler .haber-foto {padding: 0px 15px;}
.haberler .haber-item {margin-bottom: 20px;padding-bottom: 20px;margin-right: 20px;}
.haberler {margin:0px 5px;}
.habercover {padding-right:5px;}
.duyuru-list li {padding: 15px 35px 0px 0px;}
.content-area {padding: 30px;}
.yon-foto {width:175px;}
.content-area h1 {font-size:26px;}
.timeline {width:430px;}
.direction-r {width:190px;}
.direction-l {width:190px;}
.trmap {width:100%;}
.form-cover {margin:0px;}
.form-cover textarea {width:100% !important;}
}

@media (max-width: 767px) {
.logo .epias-logo {width:65px; height:auto;} 
.exist-logo {width: 90px;}
.kisayol-tr li:nth-child(1){width:9%;}
.kisayol-tr li:nth-child(2){width:9%;}
.kisayol-tr li:nth-child(3){width:9%;}
.kisayol-tr li:nth-child(4){width:14%;}
.kisayol-tr li:nth-child(5){width:10%;}
.kisayol-tr li:nth-child(6){width:14%;}
.kisayol-tr li:nth-child(7){width:28%;}
.kisayol-tr li:nth-child(8){width:7%;} 
.hizli-open {position: relative; right:-5px;}
.social-title {text-align: center;}
.footer-sosyal li {text-align: center;}
 .selectdil {padding-right: 0px;} 
 .dil {right: -20px;}
.form-cover {margin:0px;}
.form-cover textarea {width:100% !important;}
.step-text {display:none;}
#popup-container {width:90%; margin-left:-45%; margin-top: -40%;}
.container {width: 100% !important;max-width:100% !important;padding:0px 15px !important;}
.bulten-kontrol {display:none;}
.mobil-arama {display:block;}
.piyasalar {display:none;}
.piyasa-cover {overflow:hidden; height:auto;}
.mobil-remove {display:none !important;}
.phone-remove {display:none;}
.phone-show {display:block;}
.menuicon {right:50%; margin-right:-15px;}
.arama {display:none;}
.haber-top .haber-top-content {left:0px !important;}
.haber-cover {padding-right:15px;}
.haberler {margin:0px;}
.slider-content {padding-left:5px;}
.kisayollar>li:first-child {padding-left:0px;}
.fiyat {display: block;font-size: 26px;padding: 7px 0px;}
.white-bg {padding:5px;}
.fiyat-adi {color: #b4b7c3;}
.marque-text {width: 35%; color:#b4b7c3;}
.marque-content{width: 65%;}
.konum-buttons {display:none;}
.haber-top-sld {padding-left:15px;}
.haber-top .haber-top-nav {left:15px;}
.duyuru-list {padding-left: 25px;padding-right:25px;}
.duyuru-header {padding:25px;}
.content-wrapper {margin-bottom: 50px;margin-left: 15px;margin-right: 15px;}
.harita-cover {min-height:500px;}
.haber-baslik {padding:10px 0px;}
.mailler {width:100%; height:auto;}
#menuaccordion .btn-link {font-size:20px !important;}
.mobil-arama .searchinp { position: relative; width: 80%; border: 1px solid #fff; border-radius: 5px; margin-left: 15px; margin-bottom: 20px; padding: 2px; }
.piyasa-bar {display:none;}
.piyasa-container {padding-left:0px;}
.haber-header {margin-left:15px; margin-right:15px;}
.kisayollar li a {font-size:13px;}
.sosyal li a{line-height: 23px;width: 26px;height: 26px;}
.duyuru-content {padding: 30px 40px;}
.single .piyasa-container {padding-left:15px; padding-right:15px;}
.piyasa-container h3 {font-size:16px;}
.piyasa-sidebar {background: #e3e3ea;padding: 10px 15px;}
.duyuru-content {padding: 20px 15px;}
.piyasa-area {padding: 25px 15px 0px 30px;}
.content-links .category-name {display:none;}
.duyuru-content h1 {font-size:24px;}
.piyasa-sidebar-title {font-size:20px; position:relative;}
.mobile-scroll {overflow:scroll;}
.epias-slider {height:500px;}
.epias-slider .slider-content {top:45%;}
.epias-slider .slider-content h1 {font-size:34px;}
.kurumsal-menu-open {left:0px; width:90%;}
.kurumsal-menu-icerik ul {padding-left: 10px;}
.kurumsal-baslik {padding-left: 18px; padding-top: 40px;}
.mobil-alan {text-align:center;}
.sub-head {padding: 30px 25px 0px 15px;}
.sub-head .arafiltre {right: 20px;top: 28px;}
.single .onemli {margin: 30px 25px 0px 25px;} 
.arafiltre {display: block;position: absolute;right: 0px;top: 14px;}
.page .arafiltre {top:-3px;}
.metismenu .has-arrow:after {right:0px !important;}
.bread-cover {display:none;}
.content-area { padding: 30px 10px;}
.sidebar-title {position:relative;}
.content-sidebar {overflow:hidden;height:83px;}
.piyasa-sidebar-open {height:auto;}
.piyasa-side {height:53px;}
.page-template-page-yk .content p {display: block;clear: both;}
.page .piyasa-side .arafiltre {top:13px;}
.piyasa-sidebar-open {height:auto;}
.trmap {width:100%;}
.direction-l .flag:before, .direction-r .flag:before {top: -17px;left: 50%;margin-left: -5px;}
.timeline {margin-top:20px;}
.yon-foto {float:none;}
.yon-foto-cover {text-align:center;}
.mobil-head-content {padding: 80px 0px 0px 10px;height: 430px;}
.mobil-title {font-size: 44px;}
.mobil-content-text {padding: 0px 10px 30px 10px;}
.arge-mobil-head-content {padding: 70px 10px 38px 10px;}
.color-bg {height:400px;}
.video-cover {height:500px;}
.page-template-page-arge .mobil-wrapper {min-height:400px;}
.section-big-title { font-size: 35px;}
.bolticon {width: 40px; bottom:20px;}
.section-text { font-size: 14px; color: #fff; padding: 20px; width: 100%; padding-top: 20px; } 
.piyasavericover {width:100%; margin-top:20px;} 
.piyasavericover .fiyat { font-size: 25px; } 
.section-box { padding: 130px 20px 50px 20px; overflow: hidden; }
.absolutelogo {left:20px; width:80px;}
.section-box-title {font-size:22px;}
.mobil-absolute {position:absolute; z-index:1; padding:0px;}
.blue-bg-opacity {
background: -moz-linear-gradient(-45deg, rgba(15,97,220,0.79) 0%, rgba(62,72,160,0.85) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(15,97,220,0.79) 0%,rgba(62,72,160,0.85) 100%); 
background: linear-gradient(135deg, rgba(15,97,220,0.79) 0%,rgba(62,72,160,0.85) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90f61dc', endColorstr='#d93e48a0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.softgreen-bg-opacity {
background: -moz-linear-gradient(-45deg, rgba(15,182,220,0.79) 0%, rgba(62,88,160,0.85) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(15,182,220,0.79) 0%,rgba(62,88,160,0.85) 100%); 
background: linear-gradient(135deg, rgba(15,182,220,0.79) 0%,rgba(62,88,160,0.85) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90fb6dc', endColorstr='#d93e58a0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.blue-dark-bg-opacity {
background: -moz-linear-gradient(-45deg, rgba(114,129,139,0.79) 0%, rgba(62,88,160,0.85) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(114,129,139,0.79) 0%,rgba(62,88,160,0.85) 100%); 
background: linear-gradient(135deg, rgba(114,129,139,0.79) 0%,rgba(62,88,160,0.85) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c972818b', endColorstr='#d93e58a0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.section .row {margin-left:0px; margin-right:0px;}
.section-box-content .col-md-4{padding:0px;}
.section-box-content .col-md-12{padding:0px;}
.section-data-big {font-size: 24px; padding: 5px 0px;}
.section-box-content {margin-top: 30px;}
.absolutemenu {right: 20px;}
.section-box-menu {padding: 160px 20px;}
.leftkapa {right: 8px;top: 37px;}
.section-menu-kapa i {display:none;}
.kurumsal-menu-icerik ul li a {padding:6px 0px; font-size:14px;}
.kurumsal-menu-icerik {top:40px;}
.kurumsal-menu-open .kurumsal-menu-icerik {left:10px; animation:none; top:40px; width:90%;}
#menuaccordion {width:90%;}
.cizgi {margin: 5px 0px 30px 0px;}
.epias-accordion .card-header button {font-size:12px; overflow:hidden;}
.search-area {padding:10px 0px;}
.content-sidebar-filtre {margin:15px;}
.haber-item {margin-right:5px;}
.footer-wrapper {padding: 40px 0px 0px 0px;}
.footer-menu>ul>li {margin-bottom: 30px;}
.home .bosluk200 {height:100px;}
.logo #logo-2 {width: 192px;padding-top: 30px;}
.haber-container {padding-right:15px;}
.haber-sidebar {padding-right:15px; padding-left:15px; height:0px; overflow:hidden;}
.haber-sidebar-open {height:auto;}
.content-sidebar-filtre {margin:10px 0px;}
.haber-list-foto {height:auto;}
.haber-content {padding:5px 15px; background:none; box-shadow:none; border:none;}
.haber-cover {background:#fff; padding:20px; border-radius:15px;} 
.filtreleme {padding-right:0px;}
.gunluk-veriler .fiyat { font-size: 26px;}
.page .duyuru-content { padding: 20px 30px;}
.page .piyasa-sidebar {background: #e3e3ea; padding: 10px 30px;}
.single .onemli { margin: 25px 15px 0px 15px;}
.iletisim-header {padding:30px;}
.iletisim-container { padding: 30px;}
.mobil-tarif {display:block;}
.iletisim-box {margin-bottom:10px; width:100%}
.iletisim-title {margin-bottom:30px;}
.iletisim-numbers {margin-bottom:30px;}
.mail-header {margin-top:30px;}
.egitim-detail { padding: 30px; height:130px;}
.detay-icon-list li p {float: none; font-size: 14px; padding: 0px 10px; display: block;}
.detay-icon-list li img {float:none; display:inline-block;}
.detay-icon-list li {display: inline-block; text-align: center; float:none;}
.detay-icon-list {text-align:center; padding-top:5px;}
.egitim-box {margin-bottom:50px;}
.egitim-cover {display:none;}
.egitim-header .edu-text {width:100%;}
.egitim-header {padding-top:40px;}
.detay-icon-list li:last-child img {display:inline-block; float:none; margin-bottom:5px;}
.kayit-ol {right: 50%; width: 112px; margin-right: -56px; top: 137px;}
.egitim-icerik-header {height:210px;}
.page-template-page-egitim-form .egitim-icerik-header {height: 85px;padding:0px 30px;}
.page-template-page-egitim-form .kayit-ol {right: 4%; width: 112px; margin-right: 0px; top: 24px;}

.page-template-page-kayit-form-sonuc-php .egitim-icerik-header {height: 85px;padding:0px 30px;}
.page-template-page-kayit-form-sonuc-php .kayit-ol {right: 4%; width: 112px; margin-right: 0px; top: 24px;}
.kisi {position: relative; border-top: 3px solid #ededed; margin-top: 30px; margin-bottom: 20px; padding-top: 30px;}
.cikar-btn { padding-top: 0px; top: 16px; position: absolute; right: 20px;}
.sonuc-text {font-size:22px;}
.pass-box {
    width: 100%;
    margin: 0px auto;
    border: 1px solid #d4d4d4;
    padding: 35px 20px;
}
}
@media (min-width: 0px) and (max-width: 600px) {
.animasyon {width:100%;overflow:hidden;position:absolute;margin-top: -102px;}
.animasyon li {display:inline-block; position:relative;}
.animasyon li.petrol {padding-right: 6px;}
.animasyon li.petrol .rafine {width: 70px;padding-top:25px;}
.animasyon li.fabrika {padding-right:0px;}
.animasyon li.fabrika .fbr {width: 212px;padding-top:7px;}
.animasyon li.direk {/* padding-right:15px; */display: none;}
.animasyon li.direk img {width: 16px;padding-top: 2px;}
.animasyon li.ruzgar {width:100px; height:100px;}
.animasyon li.ruzgar img {width:27px;  padding-top:7px; position:absolute;}
.animasyon li.ruzgar2 {padding:0px 10px 0px 10px}
.animasyon li.ruzgar2 img {width:57px;  padding-top:15px;}
.animasyon li.ruzgar3 img {width:37px;  padding-top:7px; position:absolute;}
.animasyon li .ruzgar-direk {width:66px;}
.animasyon li .ruzgar-direk2 {width: 36px;padding-top: 13px;}
.animasyon li .ruzgar-direk3 {width: 3px;padding-top:68px;}
.animasyon li.ruzgar2{display:none;}
.animasyon li.ruzgar3{display:none;}
.animasyon li.baraj-tirbun {display:none;}
.animasyon li.gunespanel {display:none;}
.pervane2 {margin-left: 1px;margin-top: 23px;width: 35px;height: 35px;}
.damla {right: 9px;bottom: 60px;}
#smoke {left:104%; bottom:66px;}
#smoke span {border: 7px solid #132048;}
#smoke2 {left:74%; bottom:73px;}
#smoke2 span {border: 7px solid #132048;}
#smoke .s0 { animation: smokeLmobil 10s 0s infinite }
#smoke .s1 { animation: smokeRmobil 10s 1s infinite }
#smoke .s2 { animation: smokeLmobil 10s 2s infinite }
#smoke .s3 { animation: smokeRmobil 10s 3s infinite }
#smoke .s4 { animation: smokeLmobil 10s 4s infinite }
#smoke .s5 { animation: smokeRmobil 10s 5s infinite }
#smoke .s6 { animation: smokeLmobil 10s 6s infinite }
#smoke .s7 { animation: smokeRmobil 10s 7s infinite }
#smoke .s8 { animation: smokeLmobil 10s 8s infinite }
#smoke .s9 { animation: smokeRmobil 10s 9s infinite }
#smoke2 .s0 { animation: smokeLmobil 10s 0s infinite }
#smoke2 .s1 { animation: smokeRmobil 10s 1s infinite }
#smoke2 .s2 { animation: smokeLmobil 10s 2s infinite }
#smoke2 .s3 { animation: smokeRmobil 10s 3s infinite }
#smoke2 .s4 { animation: smokeLmobil 10s 4s infinite }
#smoke2 .s5 { animation: smokeRmobil 10s 5s infinite }
#smoke2 .s6 { animation: smokeLmobil 10s 6s infinite }
#smoke2 .s7 { animation: smokeRmobil 10s 7s infinite }
#smoke2 .s8 { animation: smokeLmobil 10s 8s infinite }
#smoke2 .s9 { animation: smokeRmobil 10s 9s infinite }
.kuyu {width: 34px;left: -1px;bottom: 4px;}
.kuyu-cubuk {display:none;}
.kuyu-cubuk2 {display:none;}
}

.menu__list { position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } 
.menu__item { display: block; margin: 1em 0; } 
.menu__link { font-size: 22px; font-weight: bold; display: block; padding: 30px 0px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 
.menu__link:hover, .menu__link:focus { outline: none; }
.menu--alonso .menu__item { margin: 0; width: 25%; text-align:center; }
.menu--alonso .menu__link {
	height: 3em;
	text-align: center;
	color: #FFFFFF;
	background: -webkit-linear-gradient(#3c4b86, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.menu--alonso .active a{
	background: -webkit-linear-gradient(#46a67d, #5FDBAA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;

}
.menu--alonso .menu__link:hover,
.menu--alonso .menu__link:focus {color: #d1dae8;}
.menu--alonso .menu__item--current .menu__link {color: #46a67d;-webkit-transition: color 0.5s;transition: color 0.5s;}
.menu--alonso .menu__line { position: absolute; top: 100%; left: 0; width: 25%; height: 2px; pointer-events: none; border: 1px solid #1b2b4d; border-width: 0 75px; background: #46a67d; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1); -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }
.menu--alonso .menu__item:nth-child(1).menu__item--current ~ .menu__line {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.menu--alonso .menu__item:nth-child(2).menu__item--current ~ .menu__line {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.menu--alonso .menu__item:nth-child(3).menu__item--current ~ .menu__line {-webkit-transform: translate3d(200%, 0, 0);transform: translate3d(200%, 0, 0);}
.menu--alonso .menu__item:nth-child(4).menu__item--current ~ .menu__line {-webkit-transform: translate3d(300%, 0, 0);transform: translate3d(300%, 0, 0);}
.menu--alonso .menu__item:nth-child(5).menu__item--current ~ .menu__line {-webkit-transform: translate3d(400%, 0, 0);transform: translate3d(400%, 0, 0);}

@media screen and (max-width:55em) {
	.menu--alonso .menu__line {
		top: 3em;
	}

	.menu--alonso .menu__item:nth-child(1).menu__item--current ~ .menu__line {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.menu--alonso .menu__item:nth-child(2).menu__item--current ~ .menu__line {
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}

	.menu--alonso .menu__item:nth-child(3).menu__item--current ~ .menu__line {
		-webkit-transform: translate3d(0, 6em, 0);
		transform: translate3d(0, 6em, 0);
	}

	.menu--alonso .menu__item:nth-child(4).menu__item--current ~ .menu__line {
		-webkit-transform: translate3d(0, 9em, 0);
		transform: translate3d(0, 9em, 0);
	}

	.menu--alonso .menu__item:nth-child(5).menu__item--current ~ .menu__line {
		-webkit-transform: translate3d(0, 12em, 0);
		transform: translate3d(0, 12em, 0);
	}
}

.text { display: inline-block; font-size: 40px; line-height: 1.205; } 
.text__first, .text__second { position: relative; } 
.text__second { font-size:18px; font-weight:300; } 
.text__word { opacity: 0; } 
.text__first-bg, .text__second-bg { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; transform-origin: left; transform: scaleX(0); } 
.text__first-bg { background-color: #fff; } 
.text__second-bg { background-color: #fff; }
.restart { position: absolute; font-size: 12px; bottom: 0; left: 0; right: 0; background-color: #fff; border: none; border-bottom: 1px dotted grey; padding: 0; margin: 0 auto 2%; cursor: pointer; color: grey; } 
.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } 
.scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; }
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow {cursor: default;}
.scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } 
.scroll-textarea > .scroll-content { overflow: hidden !important; } 
.scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; }
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0;width: 0;}
.scrollbar-inner {max-height: 427px;overflow: auto;}
.haberler .scrollbar-inner { max-height: 470px; }
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div{border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.scrollbar-inner > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrollbar-inner > .scroll-element.scroll-x {bottom: 2px;height: 8px;left: 0;width: 100%;}
.scrollbar-inner > .scroll-element.scroll-y {height: 94%;right: 12px;top: 10px;width: 8px;}
.haberler .scrollbar-inner > .scroll-element.scroll-y {right:0px;}
.scrollbar-inner > .scroll-element .scroll-element_outer {overflow: hidden;}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);opacity: 0.4;}
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #8b9fb9; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

.firmainput {
    width: 100%;
    padding: 5px;
}

.fc-state-default {background: #002147 !important; color: #fff !important; text-shadow: none !important; border: none !important; text-transform: uppercase;}
.fc-state-active {background: #0062cc !important; color: #fff !important; text-shadow: none !important; border: none !important;}
.takvim-title {
    font-size: 28px;
    font-weight: bold;
    padding: 20px 0px;
}

.fc th.fc-day-header {
    padding: 11px 7px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.fc-center h2  {
    font-weight: bold;
    font-size: 19px;
    padding-top: 5px;
}

.fc-unthemed td.fc-today {
    background: #e3f9ff !important;
}

.cbp_tmtimeline {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
    padding-bottom: 200px;
    padding-top: 27px;
}

.fc-sun, .fc-sat {
  background: #ebecf1;
  color: #999;
}

.fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: #d8d8de;
  background: #ffffff1c;
}


.egitim-scroll .scrollbar-inner {
  max-height: 630px;
  overflow: auto;
}

.ask-item {
  padding: 20px;
  border-bottom: 1px solid #ededed;
}


.lds-ring {
  display: inline-block;
  position: relative;
  width: 30px;
  opacity: 0.5;
  height: 30px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 3px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #ffffff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}