@font-face {
  font-family: MR;
  src: url(../fonts/MerriweatherSans-Regular.ttf);
}
body *{
	font-family: MR;
	background-repeat:no-repeat;
}
body{
    overflow: hidden;
    margin: 0;
	background-image:url("../images/map.png");
}
body.p-donem,body.p-fonksiyon{
	background-image:url("../images/map.png");
}
.vh{visibility:hidden;}
.bgd{background-color:#c9bcb2;}
.bg1{background-color:#965748;}
.cd{color:#965748;}
.dn{display:none;}
.tc{text-align:center;}
.bd{border:3px solid #dda05d;}
.fb{font-weight:bold;}
li {list-style: none;}
.bs{
	-webkit-box-shadow: 7px 8px 19px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: 7px 8px 19px -1px rgba(0,0,0,0.5);
	box-shadow: 7px 8px 19px -1px rgba(0,0,0,0.5);
}
.br_w{border-radius: 85px;}
.screensaver{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 1111;
}
.container {
    width: 1080px;
    height: 1920px;
    position: relative;
}
#mainTitle {
    position: absolute;
    top: -46px;
    left: 30%;
    width: 40%;
    height: 168px;
    border-radius: 50px;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    padding-top: 66px;
	z-index: 1111;
}
#mainTitle p,#mainTitle.title2 p{
	margin-top: 53px;
}
#mainTitle.title3 p{
	margin-top: 32px;
}
#lang {
    position: absolute;
    top: 20px;
    left: 15px;
    width: 42px;
    height: 26px;
    text-align: center;
    border-radius: 8px;
	z-index: 1111;
}
#map div{
	width: 186px;
    position: absolute;
    text-align: center;
}
#map div.btn i{
	width:80px;
	height:80px;
	background-image:url("../images/pin_off.png");
	background-size:100%;
	display:block;
	margin:0 auto;
}
#map div.btn.on i{
	background-image:url("../images/pin_on.png");
}
#map div p{
	margin:0;
	color:#965748;
}
#map div.btn7{
	top: 1350px;
    left: 476px;
    background-color: #c9bcb2;
    border-radius: 24px;
    width: 154px;
    height: 62px;
    line-height: 3.3;
    font-weight: bold;
    font-size: 19px;
}
.btn1 {
    top: 374px;
    left: 94px;
}
.btn2 {
    top: 566px;
    left: 640px;
}
.btn3 {
    top: 635px;
    left: 100px;
}
.btn4 {
    top: 674px;
    left: 854px;
}
.btn5 {
    top: 789px;
    left: 694px;
}
.btn6 {
    top: 874px;
    left: 194px;
}
.windowY{
    position: absolute;
	bottom: 350px;
    left: -1110px;
    width: 90%;
    min-height: 100px;
    padding: 5%;
}
.windowY img{
	border: 5px solid #965748;
}
#btn2_detail img,#btn3_detail img{
	max-width:62%;
}
#btn1_detail img,#btn4_detail img,#btn5_detail img,#btn6_detail img{
	max-width: 86%;
}
.windowY .rBlock i{
	background-image:url("../images/el_dikey.png");
    background-size: contain;
    position: absolute;
    top: 200px;
    right: -16px;
    width: 79px;
    height: 88px;
}
/*** BTN DETAY 1 ***/
#btn1_detail {
    
}
#btn1_detail .lBlock {
    padding-top: 28px;
}
/*** BTN DETAY 2 ***/
#btn2_detail,#btn3_detail {
    padding: 5% 5% 0;
}
#btn2_detail .lBlock {
    padding-top: 25px;
}
/*** BTN DETAY 3 ***/
#btn3_detail .lBlock{
	padding-top: 15px;
}
#btn2_detail ul,#btn3_detail ul{
	height: 390px;
    padding: 0;
    overflow: scroll;
    position: relative;
    top: -60px;
    margin-bottom: 0;
}
#btn2_detail ul::-webkit-scrollbar,#btn3_detail ul::-webkit-scrollbar {
	display: none;
}
.windowY ul li{
	position: relative;
	margin-bottom:30px;	
}
.windowY.sc_n ul li{
	text-align: left;
}
.windowY.sc_y ul li{
	text-align: center;
}

/*** BTN DETAY 4 ***/
#btn4_detail .lBlock {
	padding-top: 25px;
}
/*** BTN DETAY 5 ***/
#btn5_detail .lBlock {
    padding-top: 130px;
}
/*** BTN DETAY 6 ***/
#btn6_detail .lBlock {
    padding-top: 80px;
}
.detail_content .bl{
	float:left;
	height:100%;
}
.detail_content .lBlock{
	width:65%;
}
.lBlock .title{
	font-size: 39px;
	font-weight: bold;
	margin-top: 0;
}
.lBlock .content_1,.lBlock .content_2{
	font-weight: bold;
	font-size: 17.7px;
}
.detail_content .rBlock{
	width:35%;
	text-align: center;
	padding-top: 45px;
}
.windowY.on{
	left:0;
	-webkit-animation:linear;
	-webkit-animation-name: btn_on;
	-webkit-animation-duration: 1s;
}
@-webkit-keyframes btn_on {
    0% { left: -1110px;}
    100%{ left: 0px;}
}
.windowY.off{
	left:-1110px;
	-webkit-animation:linear;
	-webkit-animation-name: btn_off;
	-webkit-animation-duration: 1s;
}
@-webkit-keyframes btn_off {
    0% { left: 0px;}
    99%{ left: 1100px;display:none;}
    100%{ left: -1110px;display:block;}
}

#mil-taslari{
	position:absolute;
	bottom:-840px;
	width:100%;
	height:840px;
	z-index:111;
}
#mil-taslari.on{
	bottom:0;
	-webkit-animation:linear;
	-webkit-animation-name: run_on1;
	-webkit-animation-duration: 1s;
}
@-webkit-keyframes run_on1 {
    0% { bottom: -840px;}
    100%{ bottom: 0px;}
}
#mil-taslari.off{
	bottom:-840px;
	-webkit-animation:linear;
	-webkit-animation-name: run_off1;
	-webkit-animation-duration: 1s;
}
@-webkit-keyframes run_off1 {
    0% { bottom: 0px;}
    100%{ bottom: -840px;}
}

#top-content div {
    float: left;
}
#top-content .photoBox{
	width:25%;
	padding: 60px 0 0;
}
#top-content .infoBox{
	width:50%;
}
.infoBox p {
    font-size: 14px;
}
#top-content img{
	width:80%;
	margin-bottom: 15px;
}
#top-content .title {
    font-size: 29px;
}
#top-content p{
	color:#965748;
}
#mil-taslari .photoBox p {
    margin: 0;
}
#bottom-content i{
	display:block;
	background-image:url("../images/el_yatay.png");
	background-size:100%;
	width:128px;
	height: 72px;
    margin: 15px auto 0;
}
#galery {
    width: 100%;
    height: 100%;
    z-index: 111;
    position: relative;
	background-image:url("../images/map.png");
}
.imgBox {
    width: 70%;
    margin: 0 auto;
    position: absolute;
    top: 35%;
    left: 15%;
}
.imgBox img{
    width: 100%;
	border: 5px solid #965748;
}
#galery .prev, #galery .next{
	width:64px;
	height:64px;
	position:absolute;
	top: 885px;
	background-size: 100%;
}
#galery .prev{
	background-image:url("../images/prev.png");
	left: 54px;
}
#galery .next{
	background-image:url("../images/next.png");
	right: 54px;
}
.btnClose{
	position: absolute;    
	width: 56px;
    height: 56px;
    font-size: 27px;
	background-image:url("../images/close.png");
	background-size:100%;
}
#mil-taslari .btnClose{
	top: -15px;
    right: 24px;
	display:none;
}
.windowY .btnClose{
	top: -15px;
    right: 24px;
}
#mil-taslari.on .btnClose{
	display:block;
}
#galery .btnClose{
	top: 15px;
    right: 15px;
}
#timeline{
	width: 72%;
    height: 180px;
    position: absolute;
    bottom: 32px;
    left: 14%;
}
#timeline div{
	width: 62%;
    height: 7px;
    margin-left: 19%;
}
#timeline_slide{
	width: 72%;
    height: 180px;
    position: absolute;
    bottom: 32px;
    left: 14%;
}
.swiper-pagination span,i#t0,i#t1,i#t2{
	width: 15px;
    height: 15px;
    background-color: #965748;
    display: block;
    border-radius: 50%;
    position: absolute;
	top: -14px;
	border: 3px solid #fff;
}
.swiper-pagination span:nth-child(1){    
    left: -5px;
}
.swiper-pagination span:nth-child(2){
	left: 235px;
}
.swiper-pagination span:nth-child(3){
    right: -5px;
}
#timeline i.on{
	background-color: #c89658;
}
#timeline a{	
    position: absolute;
    top: -30px;
}
a.dt1 {
    left: 104px;
}
a.dt2 {
    left: 349px;
}
a.dt3 {
    right: 104px;
}
#timeline p{
	margin-top: 30px;
}
#timeline em{
	background-image:url("../images/el_yatay.png");
    background-size: 100%;
	position: absolute;
    bottom: -37px;
    left: 43%;
    width: 14%;
    height: 72px;
}
.windowY .detail_content ul li i,.btn7 i{
    background-image:url("../images/hand_right.png");
	width: 48px;
    height: 96px;
    position: absolute;
    bottom: -56px;    
    top: inherit;
}
.btn7 i{
	top: 38px;
    right: -26px;
    background-size: 59%;
}
.windowY.sc_n .detail_content ul li i{
	right: 20px;
}
.windowY.sc_y .detail_content ul li i{
	right: 49px;
}
#screen_1{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:1111;
}
#screen_1 #bg_effect {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: rgba(74,82,71,0.8);
}
#screen_1 div{
    position: absolute;
    top: 820px;
    left: 290px;
    width: 500px;
    height: 222px;
    text-align: center;
	font-size: 45px;
}
#screen_1 div.main_title{
	border-radius: 24px;
}
#screen_1 div p{
	margin:0;
	font-weight: bold;
}
#screen_1 div p:first-child{
	margin-top: 55px;
}
#screen_1 div i{
	background-image:url("../images/hand_right.png");
	background-size: 60%;
    position: absolute;
    width: 65px;
    height: 76px;
    bottom: -48px;
    right: -35px;
}
#reminder_screen{
	position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    top: 0;
    left: 0;
	z-index: 111111;
}