header{

background:#fff;
padding-top:15px;
width:%100;
background-color:#e6e6fa;
/*background-color:#eaeaf9;*/

}

body{
    overflow-x:hidden;
}

.navbar {

background:#020046; important;
border:0;
outline: 0;
margin-top:10px;
margin-left:0px auto;
margin-right:0px auto;

}

.navbar-default .navbar-nav>li>a{
color:white;


}

.navbar-default .navbar-nav>li>a:hover{
background:royalblue;
color:white;


}

.navbar-default .navbar-nav>ul>a:hover{

background:royalblue;
}
.content .colon{
	margin:15px 0px;
	text-align: justify;
	margin-top: -10px

}

.content .colon img{
opacity: 1; 
border: 1px solid #CCC; 
border-radius: 5px; padding: 3px; 
border-width: 1px;

}

.content .colon2 h3{
	margin:0;
	padding:0;
	


}

.content .colon2 p{
	font:14px/23px "Helvatice Neue",Helvatice,Arial,sans-serif;
	text-align:justify;
	margin-top:15px;

}

/*Hakkımızda*/


 img{
vertical-align:center;
}


.content .colon3 h3{
	margin:0;
	padding:0;
	
}

.margintop40{
margin-top:25px;

}

.content .colon3 p{
	font:14px/23px "Helvatice Neue",Helvatice,Arial,sans-serif;
	text-align:justify;
	margin-top:15px;

}
 /* h */

/*Genel Tanımlar  */

.container-fluid{

margin:0;
padding:0;
text-decoration: none;


}

.margintop25{
margin-top:25px;
text-decoration: none;

}

.margintop35{
margin-top:25px;
}

.marginbottom25{
margin-bottom:25px;
}


body{
	
	/*padding-top:20px;*/
	/* SAYFANIN ÜSTÜNDE BOŞLUK BIRAKIYORDU O YÜZDEN KALDIRDIM */

}
.carousel {
    margin-bottom: -25px;
    padding: 0 40px 30px 40px;
    margin-top:10px;
    padding-bottom:0; 
    transition-duration: 5s ease-in-out;
    transform:1;
     transition-timing-function: ease-in-out;
	-o-transition: all 5s ease-in-out;
}


/* The controlsy */
.carousel-control {
	left: -12px;
    height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    margin-top: 160px;
   

}
.carousel-control.right {
	right: -12px;
    margin-right: 0px;
}
/* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
	background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}


/*deneme*/

    .btn-read {
        background: transparent;
        border-radius: 0;
        border: 1px solid #ffffff;
        color: #fff;
    }
	.section-box-one{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-one figure {
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
    }
    .section-box-one img{
        height: 100%;
        position: absolute;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box-one:hover img{
        transform: translate(100%, -100%);
        -webkit-transform: translate(100%, -100%);
        -moz-transform: translate(100%, -100%);
    }

    .section-box-two{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-two figure {
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
    }
    .section-box-two img{
        height: 100%;
        position: absolute;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box-two:hover img{
        transform: translate(-100%, -100%);
        -webkit-transform: translate(-100%, -100%);
        -moz-transform: translate(-100%, -100%);
    }

    .section-box-three{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-three figure {
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
    }
    .section-box-three img{
        height: 100%;
        position: absolute;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box-three:hover img{
        transform: translate(-100%, 100%);
        -webkit-transform: translate(-100%, 100%);
        -moz-transform: translate(-100%, 100%);
    }

    .section-box-four{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-four figure {
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
    }
    .section-box-four img{
        height: 100%;
        position: absolute;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box-four:hover img{
        transform: translate(-100%,0);
        -webkit-transform: translate(-100%,0);
        -moz-transform: translate(-100%,0);
    }

    .section-box-five{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-five figure {
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
    }
    .section-box-five img{
        height: 100%;
        position: absolute;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box-five:hover img{
        transform: translate(100%,0);
        -webkit-transform: translate(100%,0);
        -moz-transform: translate(100%,0);
    }

    .section-box-six{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-six figure {
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
    }
    .section-box-six img{
        height: 100%;
        position: absolute;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box-six:hover img{
        transform: translate(0,-100%);
        -webkit-transform: translate(0,-100%);
        -moz-transform: translate(0,-100%);
    }

    .section-box-seven{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-seven figure {
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
    }
    .section-box-seven img{
        height: 100%;
        position: absolute;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box-seven:hover img{
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        opacity: 0;
    }

    .section-box-eight{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
        transform: rotateY(-180deg);
        transition: ease-in-out .5s;
    }
    .section-box-eight:hover {
        transform: rotateY(0deg);
    }
    .section-box-eight:hover img {
        transform: rotateY(-180deg);
        backface-visibility: hidden;
        transition: ease-in-out .5s;
    }
    .section-box-eight figure {
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
    }
    .section-box-eight img{
        height: 100%;
        position: absolute;
    }

    .section-box-nine{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-nine figure {
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
    }
    .section-box-nine img{
        height: 100%;
        position: absolute;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box-nine:hover img{
        transform: scale(3);
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        opacity: 0;
    }

    .section-box-ten{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-ten figure {
        position: absolute;
        text-align: left;
        padding: 10px 19px 19px 19px;
        width: 100%;
        height: 100%;
        border-top: 1px solid #fff;
        background: rgba(0, 0, 0, 0.71);
        bottom: -80%;
        transition: ease-in-out .5s;
    }
    .section-box-ten:hover figure {
        bottom: 0;
    }
    .section-box-ten figure h3{
        margin: 0;
        padding-bottom: 10px;
    }
    .section-box-ten img{
        height: 100%;
    }


    .section-box-eleven{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-eleven figure {
        position: absolute;
        padding: 10px 15px;
        width: 100%;
        bottom: -25%;
        transition: ease-in-out .5s;
        background: rgba(0, 0, 0, 0.71);
        border-top: 1px solid #fff;
    }
    .section-box-eleven:hover figure {
        bottom: 0;
    }
    .section-box-eleven img{
        height: 100%;
    }

    .section-box-twelve{
        height: 250px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .section-box-twelve figure {
        position: absolute;
        text-align: center;
        padding: 10px 19px 19px 19px;
        width: 100%;
        height: 100%;
        transition: ease-in-out .5s;
        opacity: 0;
        transform: scale(2);
    }
    .section-box-twelve:hover figure {
        opacity: 1;
        transform: scale(1);
        background: rgba(0, 0, 0, 0.71);
    }
    .section-box-twelve figure a{
        color: #fff;
        font-size: 3em;
        top: 35%;
        position: relative;
    }
    .section-box-twelve img{
        height: 100%;
    }


/* d */

footer{
	color:#fff;
	background-color:#020046;
	min-height:auto; !important;
	padding:0 auto;
	margin:0 auto;
	margin-top:25px;

}

/*Head group*/

.button {
  border-radius: 4px;
  background-color: #fff;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

footer ul{
	list-style:none;
	margin:0px 10px 0px 10px;
	padding:0;
	margin-top: 35px;
	margin-bottom: 10px;
	
}

footer ul span.fbaslik{
	font:16px/20px "Helvatica Neue", Helvatice, Arial, sans-serif;
	font-weight:auto;
	color:white;
		
}

footer ul li{
	list-style: none;
	margin:0;
	padding:0;
	color:white;
}

footer ul li p{
	list-style: none;
	margin:0;
	padding:5px 0px;
	text-decoration:none;
	color:white;
}

footer ul li a{

	text-decoration:none;
	color:white;	
	
}


/* 
    Only Needed in Multi-Coloured Variation */
                                               
			.social-fb:hover {
				color: #3B5998;
			}
			.social-tw:hover {
				color: #4099FF;
			}
			.social-gp:hover {
				color: #d34836;
			}
			.social-em:hover {
				color: #f39c12;
			}
			.nomargin { margin:0px; padding:0px;}

.footer-bottom {
	font-size: 12px;
	font-style: italic;
	font-family: "sans-serif;"
    background-color: #000014;
    min-height: 30px;
    width: 100%;
}
.copyright {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
}
.design {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
    color: #fff;
}
			.social-fb:hover {
				color: #3B5998;
			}
			.social-tw:hover {
				color: #4099FF;
			}
			.social-gp:hover {
				color: #d34836;
			}
			.social-em:hover {
				color: #f39c12;
			}
			.nomargin { margin:0px; padding:0px;}

.footer-bottom {
	text-decoration: none;
    background-color: #000030;
    min-height: 30px;
    width: 100%;
}
.copyright {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
}
.design {
	text-decoration: none;
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
	text-decoration: none;
    color: #fff;
}

.link-title{
overflow: auto;
overflow-wrap: scroll;
font-family: "Calibri";
font-size: 18px;
color: #020046;
text-decoration: none;
cursor: pointer; 
transition: all 0.3s;

}


li{
    list-style-type:none;
}

/* TAKVİM */

/* Tab Content */
            .current-events {position: relative; height: 251px; overflow: hidden; }
            .current-events .bx-wrapper .bx-controls-direction a {width:18px; height:18px;  }
            .current-events .bx-wrapper .bx-prev {  top: 95%;right: 0; background: url('../img/icons/controls-activities.png') no-repeat 0 -18px;       }
            .current-events .bx-wrapper .bx-next {top: 20px; right: 0;  background: url('../img/icons/controls-activities.png') no-repeat 0 0;} 
            .current-events .bx-wrapper .bx-prev:hover {background-position: -18px -18px;}
            .current-events .bx-wrapper .bx-next:hover {background-position: -18px 0; }
                ul.activities-slider {}
                ul.activities-slider > li {}
                ul.activities-slider > li + li {background: url('../img/bg/line-horizontal.png') no-repeat bottom left;}
                .current-event {height: 84px;  padding: 7px 0 0 0; overflow: hidden; }
                .activities-slider  a {color: #000;}
                .current-event h6 {font-size: 13px;}
                .current-event ul {}
                .current-event ul li { line-height: 16px;}
                .current-event > ul > li:first-child {float: left; margin-right: 5px;}
                .current-event ul li span {}
                
            .current-brochure {position: relative; height: 251px; overflow: hidden; }
                .brochure-img {width: 30%; float: left; padding-left: 10px;
                -webkit-transition: all 2100ms ease-in;
                -moz-transition: all 200ms ease-in;
                -ms-transition: all 200ms ease-in;
                -o-transition: all 200ms ease-in;
                transition: all 200ms ease-in;}
                .brochure-img img {}
                .brochure-info {width: 70%; float: right;}
                .current-brochure a {color:#5e5e5e; text-decoration: none;}
                .brochure-info h6 {line-height: 15px; margin-bottom: 15px;}
                .brochure-info p {line-height: 15px;}
                .current-brochure a:hover .brochure-img {padding-left: 15px;}
            
            /* Events Calendar */
            .calendar-area {width: 100%; height: auto; margin:0 10px 0 0; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; float: left;}
            .calendar-area h5 {height: 40px;text-align: center; line-height: 40px; background: #0c1a65; color:#fff; border-bottom: 1px solid #cbefeb;}
                ul.calendar-days {padding:0; width: 100%; height: 35px; background: #294fbb;}/* #b9eae6 - bbdfa0  #0A8278-#00962B*/
                ul.calendar-days li {float: left; line-height: 35px; color:#fff; width: 14.285%; text-align: center;}
                ul.calendar {padding: 0;}
                ul.calendar li {height: 31px; line-height: 29px; float: left; width: 14.285%; text-align: center; border-top: 1px solid #dbdbdb;  
                border-left: 1px solid #dbdbdb;}
                ul.calendar li.inactive {color:#adadad;}
                ul.calendar li:hover {color:#26a7c2; cursor: pointer;}
                ul.calendar li.inactive:hover {cursor: default; color:#adadad;}
                ul.calendar li.active {color:#26a7c2; font-weight: bold;}
                ul.calendar li.events {background: url('../img/bg/events-arrow.png') no-repeat bottom right;}

            .activities-list{display:none;}
            .activities-list.active{display:block;}
            .current-activities {width: 37%; height: 251px; float: right; position: relative;}

            .current-activities ul {}
            .current-activities ul li {
            height: 50px;
            border-left:5px solid #fff;
            background: url('../img/bg/trans.png');
            font-weight: bold;
            position: relative;
            width: 100% !Important;
            -webkit-transition: all 2100ms ease-in;
            -moz-transition: all 200ms ease-in;
            -ms-transition: all 200ms ease-in;
            -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in;
            overflow: hidden;
            line-height: 13px;
            }
            .current-activities ul li span {display: block; position: absolute;  background: #c1c1c1; right: 5px; bottom: 5px;
            -webkit-transition: all 2100ms ease-in;
            -moz-transition: all 200ms ease-in;
            -ms-transition: all 200ms ease-in;
            -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in;}
            .current-activities ul li span.line-right {width: 1px; height: 12px; }
            .current-activities ul li span.line-bottom {width: 12px; height: 1px;}
            .current-activities ul li:hover span.line-right {height: 30px;}
            .current-activities ul li:hover span.line-bottom {width: 30px;}
            .current-activities ul li + li {}
            .current-activities ul li a {display: block; height: 100%;padding: 0 10px; color:#5e5e5e; text-decoration: none;}
            
            .current-activities ul li.sinema {border-color:#e52e3e;}
            .current-activities ul li.tiyatro {border-color:#e27f09;}
            .current-activities ul li.c_tiyatro {border-color:#ef9830;}
            .current-activities ul li.konser {border-color:#207dc5;}
            .current-activities ul li.seminer {border-color:#1abc9c;}
            .current-activities ul li.etkinlik {border-color:#5bac0c;}
            
            a.all-activities {display: block; position: absolute; width: 100%; height: 35px; background: #fff; line-height: 35px; padding: 0 0 0 25px;
             bottom: 0; left: 0; color:#000; text-decoration: none;}
            a.all-activities:hover { background: #b9eae6; color:#0393b1;}
            .current-activities .bx-wrapper .bx-controls-direction a {width:20px; height:20px; bottom: -32px; top: auto;  }
            .current-activities .bx-wrapper .bx-prev { right: 30px; background: url('../img/icons/controls-activities2.png') no-repeat -20px 0;}
            .current-activities .bx-wrapper .bx-next {right: 5px;   background: url('../img/icons/controls-activities2.png') no-repeat 0 0;}    


/*liste*/

.thumbna{
    position: relative;
    padding: 0px;
    margin:0px;
    margin-bottom: 20px;
    margin-left: auto; 


}

.thumbna > h4 {
    padding: 7px 5px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;

}
.thumbna h4 .info {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 0.6em;
    padding-left: 0px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 4px;
    border-radius: 0px;
    border-bottom-left-radius: 5px;
    cursor:  pointer;
    
}

.thumbna h4 .info > span {
    margin-right: 10px;   
}

.thumbna img {
    width: 75%;

}
.thumbna a.btn {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


/*end liste*/

 .iletim{</pre>
//Arkaplan Rengi İçin Gradient kullanılarak maviden beyaza doğru giden bir renk tonu alındı.
background: #999CFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#999CFF), to(#FAFBF9));
background: -webkit-linear-gradient(#999CFF, #FAFBF9);
background: -moz-linear-gradient(#999CFF, #FAFBF9);
background: -ms-linear-gradient(#999CFF, #FAFBF9);
background: -o-linear-gradient(#999CFF, #FAFBF9);
background: linear-gradient(#999CFF, #FAFBF9);
}
 
// Tablo içerisindeki text alanları ve textarea için CSS3 yeniliklerinden radius özelliği ve genişlik/yükseklik ayarlamaları yapıldı

table input{border-radius: 10px; width: 350px; height: 40px;}
table input:focus{border: 2px solid darkblue;}
table textarea{border-radius: 10px; width: 250px; height: 100px;}
table text{border-style: bold; font-style: bold;  }
table textArea:focus{border: 2px solid darkblue;}
 
// Tablo dışında kalan butonlar için buradaki işlemler gerçekleştirildi.
 
input{width: 200px; height: 35px; border-radius: 8px;}