@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,span,hr,table,tr,td,ul,li,ol,img,a{ margin:0; padding:0}
img{ border:0}
a{ text-decoration:none;}
*{ font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
color: #000;}
.clear{ clear:both}
li{ list-style-position:inside; list-style:none}

body{ overflow-x:hidden  }

@font-face {
	font-family:'CenturyGothic-Regular';
	src: url('CenturyGothic_gdi.eot');
	src: url('CenturyGothic_gdi.eot?#iefix') format('embedded-opentype'),
		url('CenturyGothic_gdi.woff') format('woff'),
		url('CenturyGothic_gdi.ttf') format('truetype'),
		url('CenturyGothic_gdi.svg#CenturyGothic-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-F003;
}

#container { background:url(../images/bg.png) top left repeat-x #f5f5f5;}

.headerbg{height:132px; border-bottom:1px solid #cecacc}
header {

top: 0;
width: 100%;
z-index: 9999999;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
background-color:#232323;
}

.logo{ }
.top-social{  width:auto; margin-top:20px;}
.top-social li{  list-style:none; display:inline; margin:0 4px;}
.menu{ 
width: 100%;
margin-top: 18px;}
.menu li{list-style:none; display:inline; font-family:'CenturyGothic-Regular'; font-size:15px; color:#f2f2f2; padding:19px 12px; border-right:1px solid #313131 }
#sliderx{ position:relative; }
.slider-top{ width: 1170px;
height: 756px;
position: absolute;
z-index: 100;
top: 0;}

.slider-right{ width: 268px;
height: 100%;
position: absolute;
right: 0;
background-color: #a10000;
top: 0;
padding: 10px;}
.slider-right h1{ font-size:22px; color:#fff; letter-spacing:2px; }
.slider-right p{ color:#fff; font-size:14px;}

.slider-bottom{ width:100%; height:200px;}
.duyuru{ background-color:#000; height:200px; background:url(../images/new.png) top right no-repeat #000;}
.duyuru div{ width: 440px;
height: 178px;
margin: 5px;
float: left;}
.duyuru div img{ float:left}
.duyuru div h2{ font-size:16px; color:#fff;}
.duyuru div p{ color:#fff;}
.duyuru div span{ color:#fff; float:right}
.etkinlik{ background-color:#2a2a2c; height:200px; }
.etkinlik div{ float:left; width:100%; background:url(../images/etkinlik-img.png) top right no-repeat; height:196px;}
.etkinlik div li{ float:left; width:222px; color:#cdcdcd; list-style-image:url(../images/im.png); list-style-position:inside;margin: 5px 0;}
.etkinlik div h2{ color:#fff; font-size:16px; letter-spacing:2px}
.etkinlik div li:hover{ text-decoration:underline }

.paragraf p{ color:#989898; }
.paragraf div{ color:#989898; }
.bg-grey{
    background-color:#232323 !important;
}
.bsk{ color:#D1D1D1; font-size:16px; letter-spacing:1px;}
.txt-center{ text-align:center}
.btnn{ background-color:#70ad67; padding:7px; border-radius:5px; color:#fff; font-size:13px; letter-spacing:1px;}
.about{ background:url(../images/aboutbg.png) bottom left repeat-x}

.space{ padding:20px 0;}
.spacing p{ margin:20px 0}
.sutun{ background-color:#fff; width:100%; margin-left: 9px; height: 488px;}
.mp3{ width:100%; height:488px;}
.son-album{ width:100%; height:auto;}
.video{ height:270px; margin-top: 30px;}
.-linkk{ float:left; width:100%; list-style:none; text-align:center;line-height: 117px; }
.-linkk span{ font-size:15px; color:#fff; letter-spacing:2px; padding:10px;}
.li-space{ margin-bottom:4px;}
.slider-align{ width: 100%;
margin-left: 10%;}

#bottom {

background-color:#414141;padding-top: 20px;

}
.bottom-bsk{ font-size:26px; letter-spacing:2px; color:#c1c1c1;  width:100%}
.konser li{ list-style:none; float:left; width:200px; height:337px;  margin: 25px 30px;}
.konser-img{ width:200px; height:200px;}
.konser-img img{ width:200px; height:200px;  border-radius:130px; border:25px solid #313131}
.konser-txt{ width:100%; padding:5px 0;}
.konser-txt h4{ color:#d3d3d3; font-size:16px; text-align:center; }
.konser-txt span{  color:#d3d3d3; font-size:13px; text-align:center; width:100%; float:left }

footer{ height:50px; background-color:#232323;}
.ajans{ float:left;  width:100%; text-align:right;margin-top: 12px;}
.ajans a{  color:#000; font-size:11px; letter-spacing:1px;color:#d3d3d3 }

.slider_loading{ height:500px; overflow:hidden; vertical-align:middle; }
.videoBox {
float: left;
position: relative;
width:350px;
height:270px;
background-color: white;
overflow:hidden;
text-align:center;
}
.playIcon {
position: absolute;
width: 31px;
height: 31px;
top:60px;
left: 44%;
margin-top: 50px;
}

.videoName {
position: absolute;
width:350px;
height: auto;
bottom: 0px;
text-align: center;
color: white;
background:rgba(133,133,133, 0.8);
padding: 10px 0px 10px 0px;

}
.page-img{ width: 100%;
    height: 200px;
    /* border-radius: 20px; */
    text-align: center;
    overflow: hidden;
    margin: 10px 0;}
.page-img img{  }
.page{ min-height:550px}
.page-content{ }
.menejerlik-bg{ background:url(../images/menejerlik-bg.png) bottom right no-repeat; min-height:573px; padding-top:30px;}
.page-content p{ font-size:15px}
.page-content div{ font-size:15px}

.left-page{ width:100%; height:auto; border-right:1px solid #c6c6c6}
.path{ }
.basin-list li{ float:left; position:relative; border-bottom:1px solid #c6c6c6;padding: 10px 0; width:286px;    margin: 15px; }
.basin-list li p{ line-height:18px !important; padding-top:5px; font-size:14px !important  }
.draw{ height:160px; border:1px dashed #444444; padding:10px; text-align:center; border-radius:20px;}
.draw-big{ width:auto;  border:1px dashed #444444; padding:10px; text-align:center; border-radius:20px;}
.draw img{ border-radius:20px;}

.draw-large{ max-width:490px;  border:1px dashed #444444; padding:10px; text-align:center; border-radius:20px;}
.draw-large img{ border-radius:20px;}

.draw-small{max-width: 229px;
    border: 1px dashed #444444;
    /* padding: 5px; */
    text-align: center;
    border-radius: 10px;
    float: left;
    margin: 7px;}
.draw-small img{ border-radius:20px;}

.draw-gallery{  height:120px; border:1px dashed #444444; padding:5px; text-align:center; border-radius:20px;}
.draw-gallery img{ border-radius:20px;}

.draw-big img{ border-radius:20px;}
.date{ position:absolute; width:48px; height:48px; background:url(../images/takvim.png) top center no-repeat;top: 10px;
left: 10px;}
.month{  width:100%; text-align:center; color:#fff; font-size:11px; float:left; margin-top: -1px;}
.day{ width: 100%;
text-align: center;
color: #000;
font-size: 20px;
float: left;
font-weight: bold;
margin-top:3px;}
.gallery-list li{ list-style:none; display:inline; float:left; margin: 6px;}
.page-txt{ width:100%; height:auto; float:left}
.page-social{ width:100%; margin-top:10px; float:left}
.page-social li{ list-style:none; float:left; margin:5px 10px; float:left}


.sayfalama{ float:left; width:100%; margin:10px 40%}
.sayfalama li{ float: left; 
font-size: 14px;
font-weight: 600;
/* width: auto !important; */
margin: 0 5px;
/* padding: 5px; */
cursor: pointer;
list-style: none;
color: #959595;
width: 22px;
height: 22px;
text-align: center;}
.n:hover{ border:1px dashed #959595; border-radius:10px; color:#959595}
#sayfalama-active{ border:1px dashed #959595; border-radius:10px;color:#959595}
.-nav-tabs{ width:330px; background-color:#959595 !important; border-radius:10px; color:#fff;}
.-nav-tabs li a{ color:#fff !important;}
.-nav-tabs li:hover{ background:none !important}

.-nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #b5b5b5 !important;
cursor: default;
background-color: #959595 !important;
border:none !important;
border-bottom-color:none !important;
}
.haber-list li{ float:left; width:350px; list-style:none; margin: 5px 0;}
.news-img{ float:left; width:105px; height:70px; overflow:hidden; text-align:center; border-radius:5px; margin-right:8px;}
.news-btn{ float:right; margin:5px 0; color: #989898;}

.album-box{ list-style: none;
float: left;
width: 510px;
height: 310px;
padding: 20px;}
.album-img{ width:245px; height:164px; border:1px dashed #444444; padding:5px; text-align:center; border-radius:20px;}
.album-img img{ border-radius:20px;}
.album-list li{ list-style-image:url(../images/album-list.png); width:198px; float:left; color:#676767; margin:5px 0}
.album-list{ float:left; }
.album-path{ float:left; background:url(../images/album-path.png) center center no-repeat; width:13px; height:382px; margin: 0 50px;}

.gallery li{  float: left;
    list-style: none;
    /* width: 497px; */
    /* height: 334px; */
    margin: 4px;
    /* padding: 0px; */
    border: 1px dashed #444444;
    border-radius: 10px;}
.gallery{ float:left; margin-left:10px;}

.gallery-li li{ float:left; list-style:none; border:1px dashed #444444; padding:10px 2px; text-align:center; border-radius:10px; display:inline; margin: 4px; }
.gallery-li li span{ background-color:#959595;border-radius:10px; padding:10px 30px; color:#fff; letter-spacing:2px; }

.video-link li{ width:280px; height:103px !important; list-style:none; text-align:center;line-height: 103px; }
.video-link li span{ font-size:15px; color:#fff; letter-spacing:2px; padding:10px;}
.large-video{ float: right;
width: 620px;
height: 410px;
clear: both;}

.videoBoxx {
float: left;
position: relative;
width:620px;
height:410px;
background-color: white;
overflow:hidden;
text-align:center;
}
.playIconn {
position: absolute;
width: 31px;
height: 31px;
top:120px;
left: 44%;
margin-top: 50px;
}
.row-path{ float:left; width:100%; height:15px; background-color:#959595}
.vidoe-gallery{ width:100%; padding:20px 0; float:left; margin-left:80px}
.vidoe-gallery li{ float:left; list-style:none; width:314px; height:300px; margin: 10px; }
.videoBoxxx {
float: left;
position: relative;
width:314px;
height:208px;
background-color: white;
overflow:hidden;
text-align:center;
}
.vidoe-gallery li div{ height:45px; overflow:hidden; margin:5px 0}
.vidoe-gallery li hr{ float:left; width:100%; color:#959595; height: 2px; background-color:#959595}

.z-defteri-left{ float:left; width:390px; height:auto;}
.z-defteri-left ul{ float:left; margin-top:13px;}
.z-defteri-left li{ list-style:none; float:left; width:100%; margin: 5px 0; }
.z-defteri-left li span{ float:left; width:80px; text-align:right; color:#7a7a7a; letter-spacing:1px;padding: 16px 5px;font-weight:bold}
.z-defteri-left li input{ float:left; width:300px; background-color:#d9d9d9; border-radius:10px; line-height:27px; padding:10px; border:none}
.z-defteri-right{   float:left; width:390px; height:auto;}
.z-defteri-right span{ float:left; width:100%; color:#7a7a7a; letter-spacing:1px; font-weight:bold}
.z-defteri-right textarea{ float:left; width:100%; height:170px; background-color:#d9d9d9;padding:10px; border:none;border-radius:10px; }
.z-defteri-right input{ color:#7a7a7a; padding:10px;font-weight:bold;letter-spacing:1px; background-color:#d9d9d9;border:none; float:left; margin:5px;border-radius:10px;}

.mesaj li{ list-style:none; float:left; width:100%; background-color:#d9d9d9;color:#7a7a7a;letter-spacing:1px; padding:10px; border-radius:10px;margin: 4px 0;  }
.mesaj li span{ float:left; width:100%; padding:0 0 10px 0}

.duvar-kagidi li{ float:left; width:310px; height:449px; background:url(../images/duvar-ka%C4%9F%C4%B1d%C4%B1_bg.png) top center no-repeat; margin: 0 30px; position:relative}
.duvar-kagidi-img{ float:left;  width:256px; height:365px; overflow:hidden; text-align:center;margin-left: 27px;
margin-top: 57px;}
.duvar-kagidi-img img{ text-align: center;
margin: 0 -66%;}
.etiket{ float: right;
width: 84px;
height: 47px;
position: absolute;
z-index: 100;
bottom: 27px;
right: 27px;}
.mp3-list { float:left; margin-left:40px;}
.mp3-list li{ float: left;
list-style: none;
width: 316px;
height: 250px;
margin: 20px;}

.draw-mp3{ width:316px; border:1px dashed #444444; padding:5px; text-align:center; border-radius:20px; float:left; }
.draw-mp3 img{ border-radius:20px;}
.mp3-bottom{ float:left; width:100%;}
.mp3-list li span{ float:left; padding:5px 12px;color:#7a7a7a; font-size:14px; background:url(../images/x.png) bottom center no-repeat }
.mp3-list li span a{ color:#7a7a7a; font-size:14px}
.mp3-list li span a:hover{ text-decoration:underline}

.form-iletisim li{ float:left; list-style:none; display:inline}
.form-iletisim li input{ background-color:#fefefe; padding:10px; width:100%; border:1px solid #e9e9e9; color:#b1b1b1; font-size:14px; margin:0 5px;}

.mesaj-txt{background-color:#fefefe; padding:10px; border:1px solid #e9e9e9; color:#b1b1b1; font-size:14px; margin:0 5px;  width:100%; height:200px }
.iletisim div{ float:left; width:100%; height:auto; margin-bottom:10px}
.iletisim div span{ padding:10px; color:#fff; letter-spacing:2px; background-color:#6eab65; border-radius:5px; margin:5px; float:left}

.btn {
    padding: 10px;
    color: #fff;
    letter-spacing: 2px;
    background-color: #7b0101;
    border-radius: 5px;
    margin: 5px;
    float: left;
}
.btn:hover{  color: #fff !important; }
.form-iletisim li{ margin:2px 12px}

.tab-content li {
    float: left;
    list-style: none;
    width: 100%;
    border-bottom: 1px dashed #afafaf;
    padding: 10px 0;
}
.tab-content li img {
    float: left;
    padding: 0 10px 0 0;
}
.tab-content li h2 {
    padding: 5px 0;
    color: #a10000;
    font-size: 13px;
}
.tab-content li p {
    padding: 5px 0;
}

.tab-content{height: 427px;
    overflow-y: scroll; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff !important;
    cursor: default;
    background-color: #a10000 !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.left-list li{ margin:0 !important}



    #homeSlide{
      position: relative;
    }


@media (max-width:1100px){
	.menu li {
   
    width: 100%;
    float: left;
    padding: 3px;
	}

.tracklist{ margin-top:12px !important}


/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
     .slider-right{
      position: relative;
      width:100%;
     }   
     .flexslider { 
         height:160px !important;
     }
        .flexslider .slides > li { 
         height:160px !important;
     }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
     .slider-right{
      position: relative;
      width:100%;
     }  
          .flexslider { 
         height:160px !important;
     }
        .flexslider .slides > li { 
         height:160px !important;
     } 
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }