/*
	Theme Name: Hayda Theme
	Theme URI: http://meltemkoleji.com
	Author: Emre BELGE
	Author URI: http://belgemre.com
	Description: Bootstrap, responsive ilkokul, ortaokul, lise ve kolej teması.
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: okul teması, ilkokul teması, ortaokul teması, özel okul teması, kolej teması, üniversite teması, wordpress okul teması,responsive okul teması, bootstrap okul teması 
	Text Domain: haydatheme
	
	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.
*/
@import url("css/bootstrap-theme.css");
@import url("css/bootstrap.css");
@import url("css/owl.carousel.css");
@import url("css/owl.theme.css");
@import 'https://fonts.googleapis.com/css?family=Courgette';
@import url('https://fonts.googleapis.com/css?family=Dosis:500');
@media screen and (max-width: 767px) {	
	/*-------------------------Genel-------------------------*/
	#baslik-bolumlar{font-size:150% !Important; width:100%; font-family:'Helvetica Neue',Roboto,sans-serif!important; margin-bottom:20px !Important;}
	.main{margin:0 -20px!Important;overflow:hidden !Important;}
	.main2{margin:2px -25px!Important;overflow:hidden !Important;}
	.main3{margin:2px -10px!Important;overflow:hidden !Important;}
	.main4{margin:0 -15px!Important;overflow:hidden !Important; height:auto !Important;}
	.main5{margin:15px -35px!Important;overflow:hidden !Important; height:auto !Important;}
	.none{display:none;}
	.ikonlar i{margin-top:10px !Important;}
	/*-------------------------Bilgi Bankası-------------------------*/
	.bilgibank p{margin-top:10px !Important;font-size:100% !Important;}
	/*-------------------------Footer-------------------------*/
	footer {text-align:center !Important;}
	.sosyal-medya-footer a{margin:0 15px;}
	footer .kurumlist {font-size:13px;}
	footer .dot{padding:3px !Important;}
	footer a{color:#fff !Important;}
	.footer-ct-text{text-align: center !Important;}
	.footer-ct-sosyal{text-align: center !Important;}
	.back-to-top{bottom:130px !Important;}
	/*-------------------------Sosyal-Nav-------------------------*/
	.slogan{font-size:100% !Important; line-height:22px;margin-left:-15px;}
	.sosyal-medya{margin-right:-15px;}
	
	/*-------------------------Navbar-------------------------*/
	ul#menu-ana-menu.nav.navbar-nav {padding-inline-start: 0px !Important;}
	.navbar-default{margin-top:0px;}
	.navbar-default .navbar-nav > li > a {line-height:20px !Important;}
	img.logo-img{height:60px !Important;margin:10px auto !Important;}
	.meltem-logo{padding:5px 0px !Important;z-index:99999;text-align:center;}
	/*-------------------------HOVEREFFECT-------------------------*/
	.hovereffect h2 { font-size:12px !Important; margin-top:0;}
	
	/*-------------------------TimeLine-------------------------*/
	.timeline{margin-left:-30px;}
	ul.timeline>li>.timeline-panel {margin-left:-20px !Important;}

h4.courgette{margin-bottom:20px; font-size:26px;}
.anasinifitemplate-banner,.anasinifitemplate,.ilkokultemplate-banner,.ilkokultemplate,.ortaokultemplate-banner,.ortaokultemplate,.anadolulisesitemplate-banner,.anadolulisesitemplate{padding:20px 10px !Important;	}
.geniskadro .col-lg-4{height:400px; overflow:hidden;}
.geniskadro .col-xs-6{height:240px; overflow:hidden;}


/*------------------------- Erken Kayıt Formu -------------------------*/
#kayit-banner{ background-repeat:repeat !Important; background-position: right -50px !Important; height:680px !Important; }
#kayit-inner{width:100% !Important; padding:10px !Important;}
#kayit-formu{width:100% !Important; float:center !Important;margin:0px !Important; margin-top:80px !Important;-moz-box-shadow:0 0 0 !Important;box-shadow:0 0 0 !Important; border:1px solid #e42153  !Important; }
.kayit-baslik{width:100% !Important; background:#fff !Important; color:#e42153  !Important; margin-top:15px !Important;}
#ContactForm .button{width:100% !Important; background:#e42153  !Important;border:1px solid #e42153  !Important; }
#ContactForm .button:hover{background:#d92855 !Important;}
#ContactForm span {color:#e42153  !Important;}


/*------------------------- HABERLER -------------------------*/
.item{padding:0 !Important;}
#controls{clear:both !Important; margin-top:-20px !Important; }
.duyurudate{display:block !Important; margin-left:0 !Important;}
.duyurulink{min-height:40px !Important;}
#newscontent{height:60px !Important;}

/*------------------------- KURUMLAR -------------------------*/

.bottom-fix{right:0 !Important; bottom:10px !Important;}
.bottom-fix-right{right:30px !Important; bottom:10px !Important;}
.kurumlar,.hizmetler{ margin-top:-30px !Important;}
.cizgi{margin-top:20px !Important; margin-bottom:20px !Important;}
.anasinifitemplate{padding:0 !Important;}
.kurumlar h2{font-size:18px !Important;}
.kurumlar{height:130px !Important; padding-top:10px !Important; overflow:hidden !Important; }
.focus-box .service-icon {margin:0 auto;width: 75px !Important;height: 75px !Important;border: 5px solid #ececec !Important;}
/*------------------------- Tanıtım Filmi -------------------------*/
.tanitimfilm{margin:15px -40px !Important; overflow:hidden !Important;}
.tanitim-sag span{display:block;font-size:100% !Important;line-height:20px !Important;}
/******************************************************** Erken Kayıt Banner ***********************************************************************/
.erken-kayit a{font-size:150% !Important;}

}
@media (min-width: 768px) and (max-width: 992px) {
.none{display:none;}
.ikonlar i{margin-top:10px !Important;}
	
		/*-------------------------Navbar-------------------------*/
	img.logo-img{height:100px !Important;margin:10px auto !Important;}
	.meltem-logo{padding:5px 0px !Important;z-index:99999;text-align:center;}
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.sticky {
    top: 0;
    position: fixed;
}

/*-------------------------Genel-------------------------*/
body{background:#fff !Important;overflow:hidden;}
.ofhidden{overflow:hidden !Important;}
.br0{border-radius:0 !Important;}
.main{background-color: #fff !Important;padding:25px !Important;margin-bottom:5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.ana{padding:0 !Important; margin:20px auto !Important;}
.hot-container{width:85% !Important; margin:0 auto !Important;}
.clr,.clear{clear:both;}
.link{color:#999 !Important;}
.link:hover{color:#d92855 !Important;text-decoration: none !Important;}
.opacity{opacity:0.3;}
.opacity:hover{opacity:1;}
#baslik-bolumlar{max-width:300px; margin:0 auto; padding-bottom:10px;color: #e42153 ;font-size:200%; font-weight:bold;margin-bottom:50px; margin-top:-20px; border-bottom:2px solid #e42153 ;font-family: 'Courgette', cursive; }
#sliderborder{border-bottom:5px solid rgb(19, 128, 216)!important ;}
h1.courgette,.overlay h2{color:white !Important;}

/*-------------------------Buton Style-------------------------*/
.btn-white{background-color:transparent; color:#fff;border-radius:20px; border: 1px solid #fff;}
.btn-white:hover{background-color:#fff !Important; color:#d92855;}
.btn-pink{background-color:transparent; color:#d92855;border-radius:20px; border: 1px solid #d92855;}
.btn-pink:hover{background-color:#d92855 !Important; color:#fff;}
.btn-green{background-color:transparent; color:#7a8c03;border-radius:20px; border: 1px solid #7a8c03;}
.btn-green:hover{background-color:#7a8c03 !Important; color:#fff;}
.btn-blue{background-color:transparent; color:#048fa7;border-radius:20px; border: 1px solid #048fa7;}
.btn-blue:hover{background-color:#048fa7 !Important; color:#fff;}
.btn-purple{background-color:transparent; color:#850786;border-radius:20px; border: 1px solid #850786;}
.btn-purple:hover{background-color:#850786 !Important; color:#fff;}
.btn-fume{background-color:transparent; color:rgb(8, 140, 120);border-radius:20px; border: 1px solid rgb(8, 140, 120);}
.btn-fume:hover{background-color:rgb(8, 140, 120) !Important; color:#fff;}

/*-------------------------Reklamlar-------------------------*/
.reklam1{max-width:1000px; margin:10px auto;}
/*-------------------------H Type-------------------------*/

/*-------------------------FOnt Size-------------------------*/ 
.f12{ font-size:12px !Important;}
.f14{ font-size:14px !Important;}
.f16{ font-size:16px !Important;}
.f18{ font-size:18px !Important;}
.f20{ font-size:20px !Important;}
.f22{ font-size:22px !Important;}
.f24{ font-size:24px !Important;}
.f32{ font-size:32px !Important;}
.f36{ font-size:36px !Important;}
/*-------------------------Font-------------------------*/
.bold{font-weight:bold;}
.white{color:white !Important}
/*-------------------------Margin - Padding -------------------------*/ 
.padding0{ padding:0 !Important;}
.margin0{ margin:0 !Important;}
.padding15{padding:15px;}
.padding15e{padding:-15px !Important;}
.margin15{margin:15px !Important;}
.margin15e{margin:-15px !Important;}
.m5left{margin-left:5px;}
.m5right{margin-right:5px;}
.m5right-{margin-right:-5px !Important;}
.m5bottom{margin-bottom:5px;}
.margin5{margin:5px !Important;}
.m5top{margin-top:5px;}
.m10top{margin-top:10px !Important;}
.m15bottom{margin-bottom:15px !Important;}
.m10bottom{margin-bottom:10px !Important;}
.m15top{margin-top:15px !Important;}
.m20top{margin-top:20px !Important;}
.m15right{margin-right:15px !Important;}
.m30right{margin-right:30px !Important;}
/*-------------------------MinHeight-------------------------*/ 
.minh400{ min-height:400px;}
/*-------------------------Up Text-------------------------*/ 
.uptext{ text-transform: uppercase !Important;}
/*-------------------------Renkler-------------------------*/ 
.red{color:#FF0000 !Important;;}
.blue{color:#00CCFF !Important;;}
.black{color:#000 !Important;;}
.darkblue{color:#167ac6 !Important;}
.gri{color:#999 !Important;}
.darkgri{color:#343a3f !Important;}
.bordo{color:#d9534f !Important;}
.green{color:#5cb85c !Important;}
.white{color:#fff !Important;}
.turuncu{color:#f60 !Important;}
.pink{color:#d92855 !Important;}
.b-darkblue{border-color:#167ac6 !Important;}
/*-------------------------Bg Renkler-------------------------*/ 
.bgwhite{background-color:#fff !Important;}
.bgblue{background-color:#00CCFF !Important;}
.bgpink{background-color:#e42153  !Important;}

/*-------------------------------------------------------------------------       NavBar         ----------------------------------------------------------------------------*/ 
.navbar{margin-bottom:0px !Important;}
.navbar , .navbar-default{border:0 none !Important; background:#fff !Important;}
.navbar-collapse ul.navbar-nav li a{padding:10px 15px !Important; }
.dropdown-menu > li > a:hover {color:#fff !Important; background:rgb(19, 128, 216)  !Important;}
.navbar-nav > li > .dropdown-menu {margin-left: -1px;border: 0 !Important;}
.navbar-default .navbar-nav > li > a {font-size:18px; color: #555555  !Important; line-height:40px; text-align:center;font-weight:400;}
.navbar-default .navbar-nav > li > a:hover{color: #fff !Important; background:#ee224f!important; line-height:40px;}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {color: #fff !Important;background: #ee224f !important;}
.dropdown-menu > .active > a:focus {background-color: rgb(19, 128, 216)!important;}
.affix {top: 0;width: 100%; z-index:1000000; opacity:1;}
.affixmenu{padding-top:20px;}
.navbar-default .navbar-toggle {border-color: rgb(19, 128, 216) ; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: rgb(19, 128, 216) ;color:#fff !Important;}
.navbar-default .navbar-toggle:focus span{background-color: rgb(19, 128, 216) ;color:#fff !Important;}
.navbar-default .navbar-toggle .icon-bar {background-color: rgb(19, 128, 216) ;}
.navbar-default .navbar-toggle:hover .icon-bar {background-color: #fff;}
.navbar-toggle {margin-top:10px !Important;}
.h1-logo{margin-top:0px;}
/*-------------------------Top Bar-------------------------*/ 
.top-menu-wrapper{background:#fff  !Important; height:auto; color:#fff; z-index:1;}
.top-menu-wrapper h4{font-family: 'Dosis', sans-serif; font-weight:bold;}
.sosyal-medya{margin-top:8px;}
.sosyal-medya a{color:#fff; margin:5px; font-size:18px;}
.sosyal-medya span{font-size:20px;}

/* tablo */
table { border-collapse: separate; margin-bottom: 1.4em; width: 100%;white-space: normal;line-height: normal;font-weight: normal;font-size: medium;font-variant: normal;font-style: normal;}
th { font-weight: bold; }
th, td, caption { padding: 5px 10px 5px 10px; }
table, td, th { border:1px solid #fff;}
td, th {display: table-cell;vertical-align: inherit;}
.tbaslik {color: #fff;background: #D92854;font-weight: 700;}
.tbaslik2 {color: #fff;background: #D92854;font-weight: 700;}

/*-------------------------SLİDER-------------------------*/ 
.carousel-indicators .active {background-color: #e42153  !Important;}
.carousel-indicators li{border: 1px solid #e42153  !Important;}
#owl-demo-veli blockquote {text-align: center;border: none;}
#owl-demo .item img{display: block;width: 100%;height: auto;}#bar{width: 0%;max-width: 100%;height: 4px;background: #e42153!important;}
#progressBar{width: 100%;background: #fff;}
/*-------------------------Video-Haber-Duyurular-------------------------*/
.haber-duyuru-main{background-color: #fff !Important;padding:25px !Important;margin-bottom:5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.2); height:490px; overflow:hidden;}
.serit{width:100%;padding:40px;}
.serit-bg{width:100%;padding:40px;background-image: url("https://meltemkoleji.com/wp-content/uploads/2016/09/bg_haber.jpg");background-position: right -50px; background-attachment: fixed; }
.serit-bg2{width:100%;padding:40px;background:url(../img/ust-bg.png) repeat-x; }
.main-sfb{ position:relative;background-color: #fff !Important;padding:25px !Important;margin-bottom:5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.2); height:160px; overflow:hidden;}
.bottom-fix{position:absolute;bottom:20px; right:40px;}
.bottom-fix-right{position:absolute;bottom:20px; right:20px;}
.haber{margin-bottom:5px;}
.cizgi{margin-top:5px; margin-bottom:15px;}
.misyontext{line-height:44px;}
.duyurulink{display:inline;}

/*.tanitim-sag{margin-top:15px;}*/
.tanitim-sag span{display:block;font-size:130%;line-height:42px; color:#000;}
.tanitim-sag i{color:#e42153  !Important;}
/*-------------------------Bilgi Bankası-------------------------*/
.bilgibank p{color:#999;margin-top:15px;font-size:120%;}

/*-------------------------GaleryGo-------------------------*/
.hovereffect {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
color:#fff;
}

.hovereffect .overlay {
position: absolute;
overflow: hidden;
width: 80%;
height: 80%;
left: 10%;
top: 10%;
border-bottom: 1px solid #FFF;
border-top: 1px solid #FFF;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0,1);
-ms-transform: scale(0,1);
transform: scale(0,1);
}

.hovereffect:hover .overlay {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.hovereffect img {
display: block;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}

.hovereffect:hover img {
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="https://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
}

.hovereffect h2 {
text-transform: uppercase;
text-align: center;
position: relative;
font-size: 17px;
background-color: transparent;
color: #FFF;
padding: 1em 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
color: #FFF;
padding: 1em 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
color:#fff;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*-------------------------------*/
/*     veliiiiiiiiiiii         */
/*      @belgemre            */
/*-------------------------------*/
.profile-circle {width: 100px;height: 100px;margin: 0 auto;border-radius: 100px;}

/************************* FOOTER **********************************************/
footer {width:100%;background-color: rgb(19, 128, 216)!important ;text-align: left;z-index: 0;padding:30px;color: #fff;line-height: 20px;font-size:16px;}
footer h3 {
color: #fff;
margin-bottom:20px;
}
footer .kurumlist {
color: #fff;
margin-bottom:40px;
}
footer p{display:inline;}
footer .dot{padding:10px;}
footer .harita{margin-top:35px;}
.sosyal-medya-footer{margin-top:20px; margin-left:-30px;}
.sosyal-medya-footer a{color:#fff;margin:20px;}
.footer-ct-sosyal{text-align: right ;}
.footer-ct{padding:20px 5px;}

/****************************************************                    TEMPLATE PAGES                              ************************************************************/
/********ANASINIFI**************/
.anasinifitemplate-banner{
width:100%;
background-color: rgb(8, 140, 120);
background-size: auto;
background-repeat: repeat;
z-index: 0;
padding:40px;
text-align:center;
color:#fff;}
.path{color:#fff;}
.path a{color:#fff !Important;}
.anasinifitemplate{margin:0; padding:40px; font-family:'Helvetica Neue',Roboto,sans-serif!important;}
.anasinifitemplate h2{color:rgb(8, 140, 120) !Important; font-size:22px;}
.anasinifitemplate h3{color:rgb(8, 140, 120) !Important;text-align:left; margin-left:20px;font-size:18px; }
.anasinifitemplate blockquote{ text-align:center; border:0 none; line-height:32px;}
/********İLKOKUL**************/
.ilkokultemplate-banner{
width:100%;
background-color: #7a8c03;
background-size: auto;
background-repeat: repeat;
z-index: 0;
padding:40px;
text-align:center;
color:#fff;}
.ilkokultemplate{margin:0; padding:40px;font-family:'Helvetica Neue',Roboto,sans-serif!important;}
.ilkokultemplate h2{color:#7a8c03 !Important;}
.ilkokultemplate h3{color:#7a8c03 !Important;text-align:left; }
.ilkokultemplate blockquote{ text-align:center; border:0 none; line-height:32px;}
/********ORTAOKUL**************/
.ortaokultemplate-banner{
width:100%;
background-color: #048fa7;
background-size: auto;
background-repeat: repeat;
z-index: 0;
padding:40px;
text-align:center;
color:#fff;}
.ortaokultemplate{margin:0; padding:40px; font-family:'Helvetica Neue',Roboto,sans-serif!important;}
.ortaokultemplate h2{color:#048fa7 !Important;}
.ortaokultemplate h3{color:#048fa7 !Important;text-align:left; }
.ortaokultemplate blockquote{ text-align:center; border:0 none; line-height:32px;}
/********ANADOLU LİSESİ**************/
.anadolulisesitemplate-banner{
width:100%;
background-color: #850786;
background-size: auto;
background-repeat: repeat;
z-index: 0;
padding:40px;
text-align:center;
color:#fff;}
.anadolulisesitemplate{margin:0; padding:10px 40px;}
.anadolulisesitemplate h2{color:#850786 !Important;font-family:'Helvetica Neue',Roboto,sans-serif!important;}
.anadolulisesitemplate h3{color:#b90388 !Important;text-align:left;font-family:'Helvetica Neue',Roboto,sans-serif!important; }
.anadolulisesitemplate blockquote{ text-align:center; border:0 none; line-height:32px;font-family: 'Didact Gothic', sans-serif;}
.pagetemplate-banner{width:100%;
background-color: rgb(19, 128, 216);
background-size: auto;
background-repeat: repeat;
z-index: 0;
padding:20px;
text-align:center;
color:#fff;}
.pagetemplate{margin-top:10px !Important;margin-bottom:10px !Important;}
.pagetemplate h2{color:#e42153  !Important;}
.pagetemplate h3{color:#e45177 !Important;text-align:left; }
.pagetemplate blockquote{ text-align:center; border:0 none; line-height:32px;}
.container b, strong{color:#e42153 !Important;}

.tarih-kutusu{color:#666; margin-top:40px; text-align:right;}
/****************************************************                    ANASINIFI TİMELİNE                              ************************************************************/
.timeline{list-style:none;padding:20px 0;position:relative}.timeline:before{top:0;bottom:0;position:absolute;content:" ";width:3px;background-color:#eee;left:50%;margin-left:-1.5px}.timeline>li{margin-bottom:20px;position:relative;width:50%;float:left;clear:left}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-panel{width:95%;float:left;border:1px solid #d4d4d4;position:relative;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.175);box-shadow:0 1px 6px rgba(0,0,0,.175)}.timeline>li>.timeline-panel:before{position:absolute;top:26px;right:-15px;display:inline-block;border-top:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-bottom:15px solid transparent;content:" "}.timeline>li>.timeline-panel:after{position:absolute;top:27px;right:-14px;display:inline-block;border-top:14px solid transparent;border-left:14px solid #fff;border-right:0 solid #fff;border-bottom:14px solid transparent;content:" "}.timeline>li>.timeline-badge{color:#fff;width:24px;height:24px;line-height:50px;font-size:1.4em;text-align:center;position:absolute;top:16px;right:-12px;z-index:100}.timeline>li.timeline-inverted>.timeline-panel{float:right}.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline-badge>a{color:#C5C7C5!important}.timeline-badge a:hover{color:#000!important}.timeline-title{margin-top:0;color:inherit}.timeline-body>p,.timeline-body>ul{padding:5px 20px;margin-bottom:0}.timeline-body>p+p{margin-top:5px}.timeline-footer{padding:20px;background-color:#f4f4f4}.timeline-footer>a{cursor:pointer;text-decoration:none}.timeline>li.timeline-inverted{float:right;clear:right;margin-top:30px;margin-bottom:30px}.timeline>li:nth-child(2){margin-top:60px}.timeline>li.timeline-inverted>.timeline-badge{left:-12px}@media (max-width:767px){ul.timeline:before{left:40px}ul.timeline>li{margin-bottom:20px;position:relative;width:100%;float:left;clear:left}ul.timeline>li>.timeline-panel{width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px);float:right}ul.timeline>li>.timeline-badge{left:28px;margin-left:0;top:16px}ul.timeline>li>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}ul.timeline>li>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li.timeline-inverted{float:left;clear:left;margin-top:30px;margin-bottom:30px}.timeline>li.timeline-inverted>.timeline-badge{left:28px}}




/****************************************************                    AFFİX LEFT MENU                             ************************************************************/
.yp-list-box .panel-heading {
color: #e42153  !Important;
border-radius: 0;
font-weight: 600;
margin-left:-15px;
font-size:14px;
font-family:'Helvetica Neue',Roboto,sans-serif!important;
}
.sidebar-page-list h2,.sidebar-page-list-hd h2 {
color: #e42153  !Important;
border-radius: 0;
font-weight: 600;
text-transform:uppercase;
font-size:14px;
font-family:'Helvetica Neue',Roboto,sans-serif!important;
}
.sidebar-page-list-hd{padding:0 10px 10px 10px;}
.sidebar-page-list ul {
width:100%;
text-align: left;
padding:0px;

}
.sidebar-page-list ul li.page_item {
list-style: none;
padding:5px 15px;
}

.sidebar-page-list .page_item a:link, .sidebar-page-list .page_item a:visited {
color: #000;
font-family:'Helvetica Neue',Roboto,sans-serif!important;
position: relative;
cursor: pointer;
line-height: 25px;
padding: 5px 5px;
}

.sidebar-page-list .page_item a:hover{color:#e42153 ; text-decoration:none;}

.yp-list-box .panel-body{padding:0}
.panel{border-radius:0 !Important; padding:0 !Important; border:0 none !Important; box-shadow:0 0 0 !Important;}

/******************************************************** kadrolar ***********************************************************************/
.geniskadro img{margin:0 auto !Important;padding:5px; margin-bottom:15px; box-shadow:0 0 15px #d6d6d6;}
.geniskadro strong{display:block; margin:15px 0 -15px 0;}
strong.mudur{margin-top:-5px !Important;}

/* ===========================
====== Contact Form ======= 
=========================== */
#name,#email{ width:165px;}
input, textarea,select {
padding: 5px 10px;
border: 1px solid #E5E5E5;
color: #999999;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;		
}

textarea {
width: 290px;
height: 120px;
margin-bottom:-5px;
max-width: 330px;
max-height:120px;
line-height: 18px;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
border-color: 1px solid #C9C9C9;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;	
}

.form label {
margin-left: 10px;
color: #999999;
}

.submit input {
width: 290px; 
height: 30px;
background-color: #474E69; 
color: #FFF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;		
}

#kayit-banner{background:url(../hayda/img/bg2.png) no-repeat top center; width:100%; height:780px; margin-top:-80px;}
.kayit-banner{margin-bottom:8px; width:100%}
#kayit-inner{ width:1000px; margin:0 auto; margin-top:60px;}
#kayit-formu{width:275px; float:right; background:#FFF; border:1px  #e42153  solid; border-radius:5px;-mox-border-radius:5px;-webkit-border-radius:5px; padding:10px; position:relative; margin-right:80px; margin-top:10px; -moz-box-shadow:0 0 5px #e42153 ;box-shadow:0 0 15px #e42153 ; }
.kayit-baslik{width:275px;background:#e42153 ; margin:-10px;border-radius:5px 5px 0 0; margin-bottom:20px;font-size:20px;font-weight:700;color:#fff;line-height:40px; text-align:center;}
#ContactForm { margin:2px auto; }
#ContactForm .not {width:auto; margin:6px 5px 6px 5px; padding:0;float:left;display:inline; color:#999;font-size:12px;}
#ContactForm .button {font-size:20px;font-weight:700;color:#fff;line-height:35px;width:250px;padding:5px; margin:0;text-align:center;background:#e42153;position:relative;text-decoration:none;cursor:pointer;border:1px solid #e42153;margin-bottom:10px;}
#ContactForm .button:hover {background:#e42153 ;}
#ContactForm  span {display:block; color: #2496b4;font-weight:700 font-size:9px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


/******************************************************** KURUMLAR-GO ***********************************************************************/

.focus-box{text-align:center; margin-bottom:20px;}
.focus-box .service-icon {
margin-bottom: 30px;
width: 145px;
height: 145px;
margin: auto;
border-radius: 50%;
border: 10px solid #ececec;
margin-bottom: 20px;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding:5px !Important;
}
.focus-box:nth-child(4n+1) .service-icon:hover {
border: 10px solid #fedb69;
}
.focus-box:nth-child(4n+2) .service-icon:hover {
border: 10px solid #bb494a;
}
.focus-box:nth-child(4n+3) .service-icon:hover {
border: 10px solid #17797a ;
}
.focus-box:nth-child(4n+4) .service-icon:hover {
border: 10px solid #46ba83;
}
.focus-box .service-icon .pixeden {
border-radius: 50%;
}

.focus-box h3 {
margin-top:0px;
margin-bottom: 15px;
color: #404040;
position: relative;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
font-size: 17px;
float: none;
width: auto;
background: none;

}
.red-border-bottom:before {
position: absolute;
margin: auto;
z-index: 1;
content: "";
width: 75%;
height: 2px;
background: #e96656;
bottom: -9px;
left: 12.5%;
}
.focus-box:nth-child(4n+1) .red-border-bottom:before {
background: #fedb69;
}
.focus-box:nth-child(4n+2) .red-border-bottom:before {
background: #bb494a;
}
.focus-box:nth-child(4n+3) .red-border-bottom:before {
background: #17797a ;
}
.focus-box:nth-child(4n+4) .red-border-bottom:before {
background: #46ba83;
}


/******************************************************** HABERLER ***********************************************************************/
.wp-post-image {
width: 100% !Important;
height:auto;
border-radius:0.5em 0.5em 0em 0em !Important;
-webkit-border-radius:0.5em 0.5em 0em 0em !Important;
-moz-border-radius:0.5em 0.5em 0em 0em !Important;
}
.haberitem{padding:20px !Important;}
.haberler{box-shadow: 1px 1px 3px rgba(0,0,0,0.2);border-radius:0.5em 0.5em 0.5em 0.5em;}
.haber-bilgi{padding:20px; background:#fff;border-radius:0em 0em 0.5em 0.5em; height:100px;overflow:hidden;}
.haber-bilgi a{color:#e42153 ; text-decoration:none;font-size: 14px;display:block;}
.baslikhaber{height:40px; overflow:hidden;}
.duyurular{margin-top:-60px !Important;}
.ticker_container{ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
background: #FFFFFF;
padding: 10px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
overflow: auto;}
.tum-haber{margin-top:-10px; margin-right:20px;}
.tarih{position:relative; bottom:-15px;margin:0 auto;font-size:11px;}
/******************************************************** img-galery ***********************************************************************/ 

#wpbgallery li img { padding: 5px;
border: solid 1px #EFEFEF;}
#wpbgallery li img:hover{border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;}
/******************************************************** Yükleniyor ***********************************************************************/ 		

div.yuklendi{position:fixed;z-index:4000;}div.yuklenecek{top:0px;left:0px;} div.yuklendi{_position:absolute;}div.yuklenecek{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}

/******************************************************** Neden Meltem Link ***********************************************************************/ 

.nedenmeltemlink{
width:350px;
margin:0 auto;
color:#f60 !Important;
border: 1px solid;
border-radius: 5px;
line-height: 42px;
padding: 0 28px;
display: inline-block;
text-transform: uppercase;
font-family: 'LatoHeavy', sans-serif;
height: 42px;
}

/******************************************************** Neden Meltem Link ***********************************************************************/
.contactformcontent{background:rgb(19, 128, 216)!important;height:auto; padding:30px 10px !Important; color:#fff;}
/******************************************************** Erken Kayıt Banner ***********************************************************************/
.erken-kayit{width:100%; min-height:60px;padding:10px; text-align:center;background:#e42153; position:fixed; bottom:0; z-index:1000;border-top:3px solid #fff;}
.erken-kayit a{color:white;font-size:200%; font-family: 'Dosis', sans-serif;}

/******************************************************** Pagination ***********************************************************************/
.pagination {
  display: inline-block;
  float:right;
}

.pagination a, .pagination span {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #ddd;
}

.pagination span.current {
  background-color: #e42153;
  color: white;
  border: 1px solid #e42153;
}

.pagination a:hover {background-color: #ddd;}

.pagination a:first-child,.pagination span:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pagination a:last-child,.pagination span:last-child  {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/******************************************************** Back To Top ***********************************************************************/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 325px;
	right:20px;
    display:none;
    z-index:1001;
	width: 38px;
    height: 38px;
    border-radius: 50%;
	border-color:rgb(19, 128, 216)!important;
	color:rgb(19, 128, 216)!important;
	background:#fff;
	}
.grecaptcha-badge { 
    display:none !important; 
}
/******************************************************** Logolar Head ***********************************************************************/
.ikonlar{padding:35px 10px;color:#555555;text-align:center;font-weight:400;  }
.ikonlar i{margin-top:30px;}
.ikonlar i,label{color:#575757;}
.ikonlar a:hover i,.ikonlar a:hover label{color:#e42153;}
.ikonlar-ata{padding:7.5px 10px;}
.meltem-logo{padding:32.5px 0px;}

/******************************************************** Video responsive ********************************************************************/
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }