﻿

.head{width:100%;display:table;position:absolute;z-index:99}
.head>div:first-child{float:left;height: 85px;padding: 30px;padding-left: 70px;}
.head>div:last-child{float:right;height: 145px;padding:0 55px 0px 0px;}
.head>div:first-child>a>img{height:100%;}
.head>div:last-child>ul{display:table-row;width:100%;height: 145px;position:relative}
.head>div:last-child>ul>li{display:table-cell;vertical-align:middle;padding:0 15px;}
.head>div:last-child>ul>li>a{color:#fff;display:block;letter-spacing: 1px;padding-bottom: 7px; border-bottom:2px solid rgba(255, 255, 255, 0)}

.head>div:last-child>ul>li:hover>a{border-bottom: 2px solid #cb7d30}
.head>div:last-child>ul>li>.active{border-bottom: 2px solid #cb7d30}

.altmenu{position: absolute;padding-top: 10px;display:none;}
.altmenu>ul>li{padding: 10px 10px;border-bottom: 1px solid rgba(204, 204, 204, 0.25);    font-size: 15px; min-width:150px}
.altmenu>ul>li:hover{border-bottom: 1px solid rgba(204, 204, 204, 1);}
.altmenu>ul>li>a{color: #fff;padding:0 5px}
.head>div:last-child>ul>li:hover>.altmenu{display:block;}


.slider{height:100%  ;}
.slider img {width: 100%;}
.slide-yazi{position:absolute;/* top: 50%; *//* left: calc(50% - 325px); */color: #fff;font-size: 28px;text-align:center;/* height: 100%; */width: 100%;line-height: 35px;height: 100%;z-index: 9999999999;top: 0;left: 0;display: table;vertical-align: middle;background:rgba(0, 0, 0, 0.50)}
.slide-yazi>div{display:table-cell;vertical-align:middle}
.slide-yazi>div>div{max-width:800px; margin:0 auto;}
.slide-yazi>div>div>p{margin-bottom:30px;font-size: 35px;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.80);}
.slide-yazi>div>div>span{text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.80);font-family: 'futura_ltlight'; font-size: 26px;font-style: italic;letter-spacing: 1px;}


.acilissayfa{ margin:0; padding:0px; font-family:RobotoSlab-Thin;font-size: 150%; line-height: 120%; color: #333; font-weight: 300; background:url(/img/gediz-akdeniz.jpg?v=1254545) no-repeat center bottom fixed; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.acilissayfa div{width: 160px; height:36px;text-align:center;    padding: 20px;    position: absolute;    top: 50%;    left: 50%; margin-left: -200px;    margin-top: -18px; line-height:36px;}
.acilissayfa div a{ text-decoration:none; padding:16px 40px; background:#000; margin:5px; color:#fff; border:1px solid #444 }
.acilissayfa div a:hover{ background:#FFF; color:#999}

.aciklamagaleri{}
.aciklamagaleri>p{text-align:center}
.uluslararasiyayin{text-align:left;margin-top:25px}

@media (max-width: 600px) {
	.acilissayfa{ background:url(/img/gediz-akdeniz.jpg) no-repeat right top fixed;font-size: 100%;}
	.acilissayfa div{width: 100px; height:36px;text-align:center;    padding: 10px;    position: absolute;    top: 50%;    left: 25%; margin-left: -80px;    margin-top: -18px; line-height:36px;}
	}
@media (max-width: 4000px) and (min-width: 981px){
    header .top-bar .title-area h1 a{padding: 30px 60px!important;}
    }

.gizlidiv {
    left: 0;
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.62);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    display: block;
    height: 0px;
    top: 0;
}

.gizlialt {
    width: 50%;
    height: 40%;
    display: table;
    position: relative;
    color: #000;
    margin: 0 auto;
    background: #fff;
    border: 15px solid #bbbaba;
    padding: 40px;
    top: calc(50% - 380px);
}

#yorumkapat {
    position: absolute;
    right: 26px;
    top: 17px;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    padding: 5px 5px 5px 5px;
    border-radius: 60px !important;
}

    #yorumkapat > .fa {
        font-size: 20px;
        color: #2c221a;
    }

.gizlialt iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.rsImg {margin-left:0!important;height: initial !important;width: initial !important;margin:0!important;position: relative;left: 50%;transform: translateX(-50%);}
.rsDefault .rsArrow {height: 100%;width: 44px;position: absolute;display: block;cursor: pointer;z-index: 21;}
.rsDefault.rsHor .rsArrowLeft {left: 0;top: 0;}
.rsDefault .rsArrowIcn {width: 32px;height: 32px;top: 50%;left: 50%;margin-top: -16px;margin-left: -16px;position: absolute;cursor: pointer;background: url(/img/rs-default.png);background-color: rgba(0,0,0,0.75);border-radius: 2px;}
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {background-position: -64px -32px;}
.rsDefault.rsHor .rsArrowRight {right: 0;top: 0;}
.rsDefault .rsArrow {height: 100%;width: 44px;position: absolute;display: block;cursor: pointer;z-index: 21;}
.rsDefault .rsArrowIcn {width: 32px;height: 32px;top: 50%;left: 50%;margin-top: -16px;margin-left: -16px;position: absolute;cursor: pointer;background: url(/img/rs-default.png);background-color: rgba(0,0,0,0.75);border-radius: 2px;}
.rsDefault.rsHor .rsArrowRight .rsArrowIcn {background-position: -64px -64px;}
.popgenel{width:500px;height: 650px;position:relative;background:#fff;margin:0 auto}
/*.popgenel>div{width:48%}*/
.popgenel>div:first-child{height:100%;width:100%;}
.popgenel>div:first-child>h1{color:#000;font-family: 'Roboto Slab', sans-serif;font-size:19px;text-align:center}
.popgenel>div:nth-child(2n){float:right;max-height: 510px;overflow: hidden;overflow-y: scroll;}
.popgenel>div:nth-child(2n) input, .popgenel>div:nth-child(2n) textarea {display: block;font-size: 14px;line-height: initial;margin: 9px 0px 0px 0px;padding: 10px 15px 10px 15px;border-width: 1px;border-style: solid;border-radius: 2px;font-weight: normal;border: 1px solid rgba(0, 0, 0, 0.2);float: left;outline: none;font-family: Arial;}
.popgenel>div:nth-child(2n) input {width: calc(100% - 32px);}
.popgenel>div:nth-child(2n) textarea {width: calc(100% - 32px); resize: none;height: 150px;}
.popgenel .gonder-btn {padding: 8px 16px;font-size: 15px;font-weight: 600;color: #000;border: none;margin-top: 20px;border: 1px solid #000;cursor: pointer;outline: none;background: #fff;}
.popgenel>div:nth-child(2n)>h1{color:#000;font-family: 'Roboto Slab', sans-serif;font-size:19px}
.royalSlider{height:85%!important;}
.loaderdv{position:absolute;height:100%;width:100%;background:rgba(255, 255, 255, 0.73);z-index:99;text-align:center;display:none;}
.loaderdv>img{margin-top:10%}
.tesekkurler{width:calc(100%);color: #0a960f;text-align:center;padding:0;display:none;font-size: 22px;font-weight: 600;}
.tesekkurler p{font-family: 'Roboto Slab', sans-serif;font-size:19px}
.sosyalmedya{width: 370px;height: 50px;padding-top: 10px;position: absolute;bottom: 0;right: 0;}
.yorumlar{font-size: 13px;font-family: 'Roboto Slab', sans-serif;line-height: 22px;max-width: 420px;padding:0}
.yorumlar li {border-bottom: 1px solid #CCC;padding: 5px 0;list-style-type:none}
.yorumlar small{font-size: 11px;color: #900;}

.galeri .item{height: 100%;overflow:hidden;}
.derslink {
    height: 50px !important
}


.dersler{display:table;width:100%;height:100%;padding:25px; margin:0 auto;text-align:center;background:#fff}
.dersler a{display:block;line-height:22px}

.resimyazisi{width:100%;margin:0 auto;position: absolute;bottom: 66px;z-index: 2;background: #fff;}
.resimyazisi>p{text-align:center;margin-top:15px;font-family: sans-serif;font-size: 14px;}

@media (max-width: 1280px) {
    .popgenel{height:500px}
    .gizlialt{top: calc(50% - 300px);}
}

@media (max-width: 1000px) {
    .popgenel > div{width:100%}
}

@media (max-width: 700px){
    
    header .top-bar .title-area h1{line-height:0}
    header .top-bar .title-area h1 a{height:50px;padding-top:6px !important}
    header .top-bar .title-area h1 span{line-height:25px}
    .gizlialt{width:90%;height:60%}
    .royalSlider{height:350px!important;overflow:hidden}
    .column, .columns{margin-bottom:20px}
    .popgenel{height:auto;overflow-y:scroll;max-height:400px}
    .popgenel>div:nth-child(2n){overflow-y:unset;margin-top:25px}
    .popgenel>div{padding-left:0!important;padding-right:20px}
    .contact_link a{line-height:30px}
    .center{padding:10px 0}
    body{background:none}
    .gorselbasin h2{color:#000!important;text-shadow:none!important}
    .gorselbasin, #about .center{padding-bottom:0!important}
    header .top-bar .title-area h1 a img{margin-bottom:5px}
    .gorselbasin hr{display:none}
    .popgenel{width:250px}
    .gizlialt{top: calc(50% - 230px);}

}
