html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html{position:relative;height:100%;overflow:hidden;} body { position:relative; min-height:100%; line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } img { border: 0; } :focus { outline: 0; } a{-webkit-transition:all ease 150ms;-moz-transition:all ease 150ms;-ms-transition:all ease .150ms;transition:all ease 150ms;} @font-face { font-family: 'neo'; src: url('fonts/947570801-Neou-Bold.Melo4.eot'); src: url('fonts/947570801-Neou-Bold.Melo4.eot?#iefix') format('embedded-opentype'), url('fonts/947570801-Neou-Bold.Melo4.woff') format('woff'), url('fonts/947570801-Neou-Bold.Melo4.ttf') format('truetype'), url('fonts/947570801-Neou-Bold.Melo4.svg#neou.melo4regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Din'; src: url('fonts/DINTr.eot'); src: url('fonts/DINTr.eot?#iefix') format('embedded-opentype'), url('fonts/DINTr.woff') format('woff'), url('fonts/DINTr.otf') format('opentype'), url('fonts/DINTr.svg#neou.melo4regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir'; src: url('fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Avenir-Medium.woff') format('woff'), url('fonts/Avenir-Medium.ttf') format('truetype'), url('fonts/Avenir-Medium.svg#Avenir-Medium') format('svg'); font-weight: normal; font-style: normal; } body{background:url(images/bg-home.jpg?v=1) no-repeat fixed;background-size:cover;overflow:hidden;} .clear{clear:both;} /* home */ #animation-bg{background-color:#f4f2f2;position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0;z-index:9999;} #animation-container{position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;right:0;text-align:center;z-index:10000} #animation-container img{height:100%;position:absolute;left:50%;top:0;/*opacity:0;*/display:none;margin:0 auto;-webkit-transition:all ease 400ms;transition:all ease 400ms;-moz-transition:all ease 400ms;-ms-transition:all ease 400ms;-o-transition:all ease 400ms;max-width:1805px;max-height:989px;} #skip{position: absolute;z-index: 99999;color: #47382d;font-family: Din;font-size: 16px;right: 25px;top: 20px;font-weight: bold;} #logo{position: absolute;top: 54px;left: 85px;width: 220px;} #big_logo{position:absolute;height:100%;/*left:50%;*/left:0;top:0;width:auto;z-index:-1;pointer-event:none;display:none;max-width:1805px;max-height:989px;} #logoLink{position:absolute;left:0;top:0;width:20%;height:24%;z-index:99999;} #right-menu{position: absolute;right: -125px;width:220px;height:300px;top:50%;margin-top:-170px;z-index: 999;-webkit-transform: scale(.9);transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);} #right-menu ul{} #right-menu ul li{margin-bottom:-40px;position:relative;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-ms-transition:all ease .2s;transition:all ease .2s;} #right-menu ul li:hover{margin-bottom:-40px;position:relative;margin-left:-30px;} #right-menu ul li img{width:220px;} #bottom-menu{position:fixed;width:880px;bottom:-247px;left:50%;margin-left:-335px;z-index:999;} #bottom-menu ul{} #bottom-menu ul li{float:left;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-ms-transition:all ease .2s;transition:all ease .2s;margin-left:-55px;position:relative;width:180px;height:300px;} #bottom-menu ul li:hover{position:relative;} #bottom-menu ul li#menu-item1:hover, #bottom-menu ul li#menu-item1:active{margin-top:-128px;} #bottom-menu ul li#menu-item2:hover, #bottom-menu ul li#menu-item2:active{margin-top:-118px;} #bottom-menu ul li#menu-item3:hover{margin-top:0;} #bottom-menu ul li#menu-item4:hover{margin-top:0;} #bottom-menu ul li#menu-item5:hover, #bottom-menu ul li#menu-item5:active{margin-top:-113px;} #bottom-menu ul li img{} #bottom-menu ul li ul{margin-top: 50px;width: 100px;margin-left: 77px;} #bottom-menu ul li ul li{float:none;margin-bottom:4px;margin-left:0px;position:relative;width:auto;height:auto;} #bottom-menu ul li ul li:hover{margin:0px 0px 4px 0;} #bottom-menu ul li ul li a{font-family:Din;color:#a4938c;font-size:11px;} #bottom-menu ul li ul li a:hover{color:white !important;} /* contact */ #content{position:absolute;width:100%;height:520px;bottom:0;background:#bcaca0;} #content .container{width:660px;margin:0 auto;position:relative;margin-top:50px;} #content .col-l{width:200px;float:left;} #content .col-r{width:410px;float:right;} #content input[type="text"], #content textarea{width:100%;box-sizing:border-box;margin-bottom:10px;background:none;border:1px solid #6b5c50;color:#514136;padding:7px;font-family:'Titillium Web', sans-serif;font-size:15px;} #content input[type="text"]::-webkit-input-placeholder {color:#514136} #content textarea::-webkit-input-placeholder {color:#514136} #content input[type="text"]:-moz-input-placeholder {color:#514136} #content textarea:-moz-input-placeholder {color:#514136} #content input[type="image"]{float:right;} #content #request-message{ font-family: 'Titillium Web', sans-serif;padding:15px;background:#67574a;color: white;} #content #request-message h5{margin-bottom:15px;text-decoration:underline;font-size:20px;font-weight:bold;} #content #request-message ul{list-style: inherit;padding-left: 20px;} #content #request-message ul li{margin-bottom:5px; line-height: 19px;} /* life */ .life-page{/*background:url(images/bg-hayata-gecirenler.jpg) no-repeat top center fixed;background-size:cover*/} #content-life{position:absolute;width:100%;height:520px;bottom:0;background:#bcaca0;} #content-life .container{width:800px;margin:0 auto;position:relative;padding-top:50px;} #content-life .col-l{width:270px;float:left;} #content-life .col-l ul{} #content-life .col-l ul li{line-height:28px;color:#45372c;font-family:neo;font-size:16px;} #content-life .col-l ul li a{color:#45372c;} #content-life .col-l ul li a:hover{color:#fff} #content-life .col-r{width:450px;position:relative;float:right;display:table;margin-top: 36px;} #content-life .col-r .logo-frame{width:180px;display:table-cell;padding-top: 7px;} #content-life .col-r .text{display:table-cell;width:309px;vertical-align: top;font-family: 'Titillium Web', sans-serif;color:#45372c;line-height:25px;} .life-item{display:none;} .life-item:first-child{display:block;} .white{text-decoration:underline !important;color:White !important;} .render{top:0;left:0;background: #bcaca0;opacity: .9;position: absolute;width: 100%;height: 100%;z-index: -999999;} /* line */ #big-head{width:100%;margin-bottom:15px;} #big-head #line{margin-top:-50px;} #big-head h1{color:white;font-family:neo;font-size:24px;text-shadow: 1px 1px 5px #626262;margin-top:-2px;margin-left: 3px;line-height:30px;} /* vaziyet planı */ .table{height:100%;width:100%;display:table;} .table-cell{display:table-cell;vertical-align:middle;text-align:center;} #vaziyet{} /* apartment */ #page-apartment{background:url(images/apartment_bg_1407.jpg) no-repeat top center;background-size:cover;} #container-apartment{margin:0 auto;width:750px;height:600px;position:relative;} #container-apartment .arrow-left{position:absolute;left: -20px;bottom: -30px;} #container-apartment .arrow-right{position:absolute;left: 764px;bottom: -30px;z-index: 99;} .gallery-page #container-apartment .arrow-right{position:absolute;left: 574px;bottom: -30px;z-index: 99;} #apartment-img{width:540px;height:100%;float:left;} #apartment-img img{max-width:100%;} #apartment-img .gallery-img{box-shadow: 0 0 16px -1px #000;max-height:540px;} #apartment-img.gallery-item{position:Absolute;bottom:50px;height:auto;width:750px;left: -70px;} #apartment-info{width:188px;height:100%;float:right;text-align:left;} #apartment-code{font-family:neo;font-size:21px;color:white;text-shadow:2px 2px 3px #8F8989;margin-bottom:10px;} #apartment-line{margin-bottom:10px;} #apartment-properties{} #apartment-properties ul{} #apartment-properties ul li{clear:both;font-family:Din;font-size:13px;margin-bottom:4px;display: inline-block;width: 100%;} #apartment-properties .left{float:left;} #apartment-properties .right{float:right;} #left-menu{width:290px;background:url(images/logo-line.png) no-repeat;position: absolute;left: 10px;top: 0;text-align:right;z-index:99;} #container-left-menu{margin-top: 337px;} #left-menu h1{font-family:neo;color:white;font-size:30px;text-shadow:2px 2px 3px #8f8989} #left-menu ul{margin-top:20px;} #left-menu ul li{margin-bottom:5px;display:inline-block;width:100%;} #left-menu .left-button{box-shadow:0 0 10px -3px #000;width:110px;border-radius:30px;background:#6f5c4e;padding:10px;text-align:right;display:inline-block;font-size:13px;color:white;font-family:neo;clear:both;float:right;} #left-menu .left-button.active{background:#958073;} #left-menu .left-button:hover{background:#958073;} #left-menu .left-button-small{box-shadow: 0 0 10px -3px #000;border-radius: 8px;background: #958073;padding: 6px;font-size: 16px;margin-left: 9px;margin-top: 16px;display: inline-block;color: white;font-family: Din;} #left-menu .left-button-small.active{background:#6f5c4e;} #left-menu .left-button-small:hover{background:#6f5c4e;} #left-menu #message {color:#382c23;float:right;font-family:Din;font-size:15px;width:240px;margin-top:10px;text-align:right;line-height:18px;} .part{display:inline-block;width:100%;height:10px;} #container-item{} #container-item li.item{display:none;} #container-item .item:first-child{display:block;} #info{line-height: 19px;width: 820px;text-align: center;color: #45362c;font-family: Titillium Web;font-size: 17px;position: absolute;bottom: -48px;} /* BG */ #page-villa{background:url(images/bg-villa.jpg) no-repeat top center;background-size:cover;} #page-cift{background:url(images/cd_2211_2.jpg) no-repeat top center;background-size:cover;} #page-cift-2{background:url(images/bg_cift_dubleks_0707.jpg) no-repeat top center;background-size:cover;} #page-mustakil{background:url(images/bg-mustakil.jpg) no-repeat top center;background-size:cover;} #page-sira{background:url(images/bg-sira.jpg) no-repeat top center;background-size:cover;} /* Language */ #language{position: absolute;top: 40px;right: 40px;z-index: 999;font-family: Din;font-size: 14px;color: white;} #language a{color: white;} #language strong{display:inline-block;height:25px;background:url(images/dotted.png) bottom center no-repeat;} /* ÇARŞI KÖY */ .carsi-koy{background:url(images/bg-carsikoy.jpg) no-repeat top right;background-size:cover;} /* CONTACT */ #contact-info{text-align: left;font-family: Din;font-size: 15px;line-height: 19px;color: #45372c;margin-left: 50px;width: 310px;} .input-block{color: #514136;font-family: 'Titillium Web', sans-serif;font-size: 15px;display:inline-block;margin-right: 4px;} #detayli-ulasim{font-family:Din;max-width: 700px;max-height: 550px;display:none;} #detayli-ulasim h3{font-size: 15.5px;font-weight: bold;margin-bottom: 2px;margin-top: 12px;} #detayli-ulasim p{line-height: 20px;font-size:14px;} /* HAYATA GEÇİRENLER */ #koyde-hayat{width:1100px;position:relative;margin:0 auto;top:150px;-webkit-transform: scale(.9);-webkit-transform-origin: top;} #koyde-hayat .item{position:absolute;} #koyde-hayat .item:hover .writing{display:block;} #koyde-hayat .writing{position:absolute;font-size:16px;font-family:Titillium Web;color:#45372c;line-height:20px;display:none;} #koyde-hayat #item0{width:252px;height:255px;background:url(images/icon_canta_s.png) no-repeat;top:10px;} #koyde-hayat #writing0{text-align: right;top: -146px;left: 108px;width: 340px;} #koyde-hayat #item0:hover{background:url(images/icon_canta.png) no-repeat;} #koyde-hayat #item1{width:247px;height:317px;background:url(images/icon_saglik_s.png) no-repeat;left: 400px;top: 20px;} #koyde-hayat #writing1{top: 250px;left: -100px;width: 190px;} #koyde-hayat #item1:hover{background:url(images/icon_saglik.png) no-repeat;} #koyde-hayat #item2{width:312px;height:325px;background:url(images/icon_kitap_s.png) no-repeat;top: -80px;right: -30px;} #koyde-hayat #writing2{width: 210px;top: -50px;left: 30px;} #koyde-hayat #item2:hover{background:url(images/icon_kitap.png) no-repeat;} #koyde-hayat #item3{width:418px;height:264px;background:url(images/icon_kemik_s.png) no-repeat;top: 390px;left: -120px;} #koyde-hayat #writing3{top: 186px;left: -10px;width: 410px;text-align: right;} #koyde-hayat #item3:hover{background:url(images/icon_kemik.png) no-repeat;} #koyde-hayat #item4{width:262px;height:373px;background:url(images/icon_kosu_s.png) no-repeat;top: 290px;left: 370px;} #koyde-hayat #writing4{top: -60px;width: 190px;left: -60px;} #koyde-hayat #item4:hover{background:url(images/icon_kosu.png) no-repeat;} #koyde-hayat #item5{width:297px;height:323px;background:url(images/icon_spor_s.png) no-repeat;top: 290px;right: 30px;} #koyde-hayat #writing5{left: -40px;width: 190px;top: 40px;} #koyde-hayat #item5:hover{background:url(images/icon_spor.png) no-repeat;} #koyde-hayat #item6{width:384px;height:234px;background:url(images/icon_yuzme_s.png) no-repeat;top: 0;} #koyde-hayat #writing6{width: 290px;text-align: right;left: 50px;top: -20px;} #koyde-hayat #item6:hover{background:url(images/icon_yuzme.png) no-repeat;} #koyde-hayat #item7{width:310px;height:328px;background:url(images/icon_agac_s.png) no-repeat;top: -90px;left: 450px;} #koyde-hayat #writing7{width: 250px;left: 50px;top: 12px;} #koyde-hayat #item7:hover{background:url(images/icon_agac.png) no-repeat;} #koyde-hayat #item8{width:228px;height:318px;background:url(images/icon_kiraz_s.png) no-repeat;top: -60px;right: 0;} #koyde-hayat #writing8{top: -40px;width: 220px;left: 240px;} #koyde-hayat #item8:hover{background:url(images/icon_kiraz.png) no-repeat;} #koyde-hayat #item9{width:733px;height:364px;background:url(images/icon_park_s.png) no-repeat;top: 296px;} #koyde-hayat #writing9{width: 191px;left: 258px;top: 20px;} #koyde-hayat #item9:hover{background:url(images/icon_park.png) no-repeat;} #koyde-hayat #item10{width:221px;height:363px;background:url(images/icon_defter_s.png) no-repeat;right: 30px;top: 390px;} #koyde-hayat #writing10{top: 290px;left: 160px;width: 210px;} #koyde-hayat #item10:hover{background:url(images/icon_defter.png) no-repeat;} /* ZOOM */ .zoomContainer{z-index:99} .zoomLens{border-radius:100%;} /* ODULLERIMIZ */ #content-life .col-l ul li a.odulLink.active{color:white !important;} .odul{display:none;} #odul0{display:block;} /* GALLERY */ #gallery-container{position:absolute;width:100%;height:100%;} #gallery-container .item{width:100%;height:100%;position:Absolute;z-index:-2;} #gallery-container .gal-img{} .full-arrow-left{position: absolute;left: 290px;bottom: 80px;margin-top: 25px;z-index: 9999;padding: 23px 11px;border-radius: 100%;background: rgba(111, 92, 78, 0.87);} .full-arrow-right{position: absolute;right: 290px;bottom: 80px;margin-top: 25px;z-index: 9999;padding: 23px 11px;border-radius: 100%;background: rgba(111, 92, 78, 0.87);} /* LOOP IMAGES */ #loopImages{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%} .loopImg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-3;background-size:cover;width:100%;height:100%;display:none;} #loopImg1{display:block} /* FORM */ #form ul li{position:relative;} label.error{position: absolute; right: -79px; color: white; top: 5px; width: 72px; font-family: Din; font-size: 13px;} /* PRESS */ #camera{display:block;} .pressLink.active{color:white !important;} #press{height: 390px;overflow: hidden;position:relative;display:none;font-family:Din;} #press p{font-size: 15px;line-height: 19px;margin-bottom:13px;} #press h2{font-size: 18px;font-weight: bold;margin-bottom: 20px;} #press h3{font-size: 16px;font-weight: bold;margin-bottom: 5px;text-decoration: underline;} #press ul{} #press ul li{width:30%;display:inline-block;font-family:Titillium Web;margin-bottom:35px;text-align: center;} #press ul li img{margin-bottom: 9px;width:157px;height:108px;} #press ul li a{color:white !important;} #press ul li a h4{font-weight:bold;font-size: 18px;margin-bottom: 3px;} #press ul li a h5{} .news{display:none;} #ins-doc{display:none;} #ins-doc ul{} #ins-doc ul li{color:white;font-size: 15px;font-family:Titillium Web;width:18%;margin-left:14%;display:inline-block;margin-bottom:50px;} #ins-doc ul li img{width:100%;} #ins-doc ul li a{color:white;} #loading{display:none;position: absolute;left: 50%;margin-left: -10px;} .fancybox-inner{padding-bottom:3px !important;} /* PAYMENT PLAN PAGE */ .payment-plan-text{font-family:Avenir;font-size:13px;color:#473C32;line-height:16px;text-align:center;} #payment-list{font-family:Avenir;line-height:15px;text-align:center;padding:20px 0 10px 0;margin:10px 0;border-top:1px solid #473C32;border-bottom:1px solid #473C32;} #payment-list li{width:200px;background:#49382e;display:inline-block;margin-right:30px;text-align:center;color:white;font-size:12px;padding-bottom:10px;vertical-align:top;} #payment-list li:nth-child(3){margin-right:0 !important;} #payment-list li .number{width:35px;padding:10px 0;border-radius:100%;background:#49382e;color:white;display:block;margin:-15px auto 0 auto;font-size:20px;} #payment-list li h4{letter-spacing:-1px;font-size:16px;width:100%;background:#2f2118;padding:5px 0;margin-bottom:10px;} #payment-list li .list-line{width:100%;border-bottom:1px solid white;margin:2px 0;} #payment-list li .tl-icon{display:inline-block;} #payment-list li .tl-icon:after{font-family:Myriad Pro;content: '₺';font-style:normal;display:inline-block;} #price-table-detail{color:white;font-size:14px;background:#67574a;font-family:Titillium Web;} #price-table-detail table{} #price-table-detail table thead{font-weight:bold;} #price-table-detail table tbody{ } #price-table-detail table tr{ } #price-table-detail table tr td{text-align:center;padding: 7px;vertical-align: middle;border: 1px solid #736355;} /* RESPONSIVE */ @media all and (min-height: 860px){ #content{height:600px;} #content-life{height:600px;} } @media all and (max-height: 768px){ #left-menu{margin-top: -30px;} } @media all and (max-height: 680px){ #left-menu{margin-top: -60px;} } @media all and (max-width: 1400px) { #container-apartment{margin-left:400px;-webkit-transform: scale(.9);-webkit-transform-origin:top} #left-menu{-webkit-transform: scale(.9);-webkit-transform-origin: top left;} #info{width:804px;} #koyde-hayat{margin:0;top:100px;left:380px;-webkit-transform: scale(.7);-webkit-transform-origin: top left;height: 750px;} } @media all and (min-width: 1401px) { #apartment-img .gallery-img{box-shadow: 0 0 16px -1px #000;max-height:630px;} #apartment-img.gallery-item{position:Absolute;bottom:50px;height:auto;width:870px;left: -70px;} #container-apartment .arrow-right{left:754px} .gallery-page #container-apartment .arrow-right{left:704px !important;} } @media all and (max-height: 730px) { #container-left-menu {margin-top: 275px;} } @media only screen and (min-device-width : 752px) and (max-device-width : 1280px) and (orientation : landscape) { #right-menu{-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);} #apartment-img .gallery-img{margin-right:-160px;} #container-apartment .arrow-right{left:740px} #bize-ulasin-gorsel{left:350px !important;} .gallery-page #container-apartment .arrow-right{left:675px} .gallery-page #container-apartment .arrow-left{left:50px;} .input-block{margin-right:0px;} #container-apartment{margin-left:285px;-webkit-transform: scale(.8);-webkit-transform-origin:top} #left-menu{-webkit-transform: scale(.8);-webkit-transform-origin: top left;} #koyde-hayat .writing{display:block;} #koyde-hayat #item0{width:170px;height:255px;background:url(images/icon_canta.png) no-repeat;top:40px;background-size:100%;} #koyde-hayat #writing0{text-align: right;top: -163px;left: 28px;width: 320px;} #koyde-hayat #item0:hover{background:url(images/icon_canta.png) no-repeat;background-size:100%} #koyde-hayat #item1{width:175px;height:317px;background:url(images/icon_saglik.png) no-repeat;left: 270px;top: 49px;background-size:100%;} #koyde-hayat #writing1{top: 166px;left: -163px;width: 250px;} #koyde-hayat #item1:hover{background:url(images/icon_saglik.png) no-repeat;background-size:100%;} #koyde-hayat #item2{width:205px;height:325px;background:url(images/icon_kitap.png) no-repeat;top: -30px;right: 300px;background-size:100%;} #koyde-hayat #writing2{width: 210px;top: -80px;left: 8px;} #koyde-hayat #item2:hover{background:url(images/icon_kitap.png) no-repeat;background-size:100%;} #koyde-hayat #item3{width:310px;height:264px;background:url(images/icon_kemik.png) no-repeat;top: 520px;left: -120px;background-size:100%;} #koyde-hayat #writing3{top: 106px;left: -10px;width: 350px;text-align: right;} #koyde-hayat #item3:hover{background:url(images/icon_kemik.png) no-repeat;background-size:100%;} #koyde-hayat #item4{width:200px;height:373px;background:url(images/icon_kosu.png) no-repeat;top: 400px;left: 272px;background-size:100%;} #koyde-hayat #writing4{top: -60px;width: 190px;left: -60px;} #koyde-hayat #item4:hover{background:url(images/icon_kosu.png) no-repeat;background-size:100%;} #koyde-hayat #item5{width:215px;height:323px;background:url(images/icon_spor.png) no-repeat;top: 378px;right: 317px;background-size:100%;} #koyde-hayat #writing5{left: -64px;width: 190px;top: -38px;} #koyde-hayat #item5:hover{background:url(images/icon_spor.png) no-repeat;background-size:100%;} #koyde-hayat #item6{width: 224px;height: 234px;background: url(images/icon_yuzme.png) no-repeat;top: 0;background-size: 100%;left: -110px;} #koyde-hayat #writing6{width: 290px;text-align: right;left: 0px;top: -40px;} #koyde-hayat #item6:hover{background:url(images/icon_yuzme.png) no-repeat;background-size:100%;} #koyde-hayat #item7{width: 190px;height: 328px;background: url(images/icon_agac.png) no-repeat;top: -50px;left: 227px;background-size: 100%;} #koyde-hayat #writing7{width: 250px;left: 33px;top: -23px;} #koyde-hayat #item7:hover{background:url(images/icon_agac.png) no-repeat;background-size:100%;} #koyde-hayat #item8{width: 158px;height: 318px;background: url(images/icon_kiraz.png) no-repeat;top: -60px;right: 430px;background-size: 100%;} #koyde-hayat #writing8{top: -40px;width: 220px;left: 167px;} #koyde-hayat #item8:hover{background:url(images/icon_kiraz.png) no-repeat;background-size:100%;} #koyde-hayat #item9{width: 513px;height: 364px;background: url(images/icon_park.png) no-repeat;top: 356px;background-size: 100%;left: -100px;} #koyde-hayat #writing9{width: 281px;left: 188px;top: -30px;} #koyde-hayat #item9:hover{background:url(images/icon_park.png) no-repeat;background-size:100%;} #koyde-hayat #item10{width: 141px;height: 363px;background: url(images/icon_defter.png) no-repeat;right: 450px;top: 360px;background-size: 100%;} #koyde-hayat #writing10{top: 180px;left: 100px;width: 200px;} #koyde-hayat #item10:hover{background:url(images/icon_defter.png) no-repeat;background-size:100%;} #koyde-hayat-next{right:330px !important;} #koyde-hayat-prev{left:-140px !important;} #big_logo{width:1000px !important;height: auto !important} #carsikoy-logo{margin-top:0 !important;} } @media all and (max-width: 1024px) and (orientation : landscape) { #right-menu{-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);} #apartment-img .gallery-img{margin-right:-160px;} #container-apartment .arrow-right{left:740px} #bize-ulasin-gorsel{left:250px !important;} .gallery-page #container-apartment .arrow-right{left:675px} .gallery-page #container-apartment .arrow-left{left:50px;} .input-block{margin-right:0px;} #container-apartment{margin-left:180px;-webkit-transform: scale(.8);-webkit-transform-origin:top} #left-menu{-webkit-transform: scale(.8);-webkit-transform-origin: top left;} #koyde-hayat .writing{display:block;} #koyde-hayat #item0{width:170px;height:255px;background:url(images/icon_canta.png) no-repeat;top:40px;background-size:100%;} #koyde-hayat #writing0{text-align: right;top: -163px;left: 28px;width: 320px;} #koyde-hayat #item0:hover{background:url(images/icon_canta.png) no-repeat;background-size:100%} #koyde-hayat #item1{width:175px;height:317px;background:url(images/icon_saglik.png) no-repeat;left: 270px;top: 49px;background-size:100%;} #koyde-hayat #writing1{top: 166px;left: -163px;width: 250px;} #koyde-hayat #item1:hover{background:url(images/icon_saglik.png) no-repeat;background-size:100%;} #koyde-hayat #item2{width:205px;height:325px;background:url(images/icon_kitap.png) no-repeat;top: -30px;right: 300px;background-size:100%;} #koyde-hayat #writing2{width: 210px;top: -80px;left: 8px;} #koyde-hayat #item2:hover{background:url(images/icon_kitap.png) no-repeat;background-size:100%;} #koyde-hayat #item3{width:310px;height:264px;background:url(images/icon_kemik.png) no-repeat;top: 520px;left: -120px;background-size:100%;} #koyde-hayat #writing3{top: 106px;left: -10px;width: 350px;text-align: right;} #koyde-hayat #item3:hover{background:url(images/icon_kemik.png) no-repeat;background-size:100%;} #koyde-hayat #item4{width:200px;height:373px;background:url(images/icon_kosu.png) no-repeat;top: 400px;left: 272px;background-size:100%;} #koyde-hayat #writing4{top: -60px;width: 190px;left: -60px;} #koyde-hayat #item4:hover{background:url(images/icon_kosu.png) no-repeat;background-size:100%;} #koyde-hayat #item5{width:215px;height:323px;background:url(images/icon_spor.png) no-repeat;top: 378px;right: 317px;background-size:100%;} #koyde-hayat #writing5{left: -64px;width: 190px;top: -38px;} #koyde-hayat #item5:hover{background:url(images/icon_spor.png) no-repeat;background-size:100%;} #koyde-hayat #item6{width: 224px;height: 234px;background: url(images/icon_yuzme.png) no-repeat;top: 0;background-size: 100%;left: -110px;} #koyde-hayat #writing6{width: 290px;text-align: right;left: 0px;top: -40px;} #koyde-hayat #item6:hover{background:url(images/icon_yuzme.png) no-repeat;background-size:100%;} #koyde-hayat #item7{width: 190px;height: 328px;background: url(images/icon_agac.png) no-repeat;top: -50px;left: 227px;background-size: 100%;} #koyde-hayat #writing7{width: 250px;left: 33px;top: -23px;} #koyde-hayat #item7:hover{background:url(images/icon_agac.png) no-repeat;background-size:100%;} #koyde-hayat #item8{width: 158px;height: 318px;background: url(images/icon_kiraz.png) no-repeat;top: -60px;right: 430px;background-size: 100%;} #koyde-hayat #writing8{top: -40px;width: 220px;left: 167px;} #koyde-hayat #item8:hover{background:url(images/icon_kiraz.png) no-repeat;background-size:100%;} #koyde-hayat #item9{width: 513px;height: 364px;background: url(images/icon_park.png) no-repeat;top: 356px;background-size: 100%;left: -100px;} #koyde-hayat #writing9{width: 281px;left: 188px;top: -30px;} #koyde-hayat #item9:hover{background:url(images/icon_park.png) no-repeat;background-size:100%;} #koyde-hayat #item10{width: 141px;height: 363px;background: url(images/icon_defter.png) no-repeat;right: 450px;top: 360px;background-size: 100%;} #koyde-hayat #writing10{top: 180px;left: 100px;width: 200px;} #koyde-hayat #item10:hover{background:url(images/icon_defter.png) no-repeat;background-size:100%;} #koyde-hayat-next{right:330px !important;} #koyde-hayat-prev{left:-140px !important;} #big_logo{width:1000px !important;height: auto !important} #carsikoy-logo{margin-top:0 !important;} } @media all and (max-width: 800px) and (orientation : landscape) { #content-life .container{width:600px;} #content-life .col-l{width:197px !important;} #content-life .col-r{width:382px !important;} #ins-doc ul li{font-size:13px;} #ins-doc ul li:first-child{margin-left: 177px !important;} #content-life .col-r .text{width:279px} #big-head h1{font-size:20px;line-height:26px} #odul0 img{margin-left: -20px !important;width: 240px;} #odul1 img{height: 240px !important;margin-top:0 !important;} #content-life .col-l ul li{margin-bottom:7px;line-height:20px;} .logo-frame img {margin-left:-40px;} #left-menu{width:200px;} #left-menu h1{font-size:23px;} #left-menu #message{width:130px !important} #container-apartment{width:640px !important;margin-left: 96px;} #info{width:550px;left: 50%;margin-left: -248px;} #container-apartment .arrow-left{position: absolute;left: 50px;bottom: -100px;} #container-apartment .arrow-right{position: absolute;left: 570px;bottom: -100px;} .gallery-page #container-apartment{margin-left:64px !important;} #apartment-img .gallery-img{max-height:400px;max-width:600px;} .gallery-page #container-apartment .arrow-left{left:83px;bottom:-30px;} .gallery-page #container-apartment .arrow-right{left:625px;} #apartment-img{width:450px;} #contact-info{width:230px;} #bize-ulasin-gorsel{left:140px !important} #content .col-r{width:460px;} #content input[type="image"]{margin-right:50px;} #carsikoy-logo{width:160px;} #koyde-hayat #item0{width: 170px;height: 255px;background: url(images/icon_canta.png) no-repeat;top: 40px;background-size: 100%;left: -190px;} #koyde-hayat #writing0{text-align: right;top: -163px;left: 28px;width: 320px;} #koyde-hayat #item0:hover{background:url(images/icon_canta.png) no-repeat;background-size:100%} #koyde-hayat #item1{width: 175px;height: 317px;background: url(images/icon_saglik.png) no-repeat;left: 10px;top: 110px;background-size: 100%;} #koyde-hayat #writing1{top: 166px;left: -163px;width: 250px;} #koyde-hayat #item1:hover{background:url(images/icon_saglik.png) no-repeat;background-size:100%;} #koyde-hayat #item2{width: 205px;height: 325px;background: url(images/icon_kitap.png) no-repeat;top: 10px;left: 242px;background-size: 100%;} #koyde-hayat #writing2{width: 210px;top: -80px;left: 8px;} #koyde-hayat #item2:hover{background:url(images/icon_kitap.png) no-repeat;background-size:100%;} #koyde-hayat #item3{width: 310px;height: 264px;background: url(images/icon_kemik.png) no-repeat;top: 445px;left: -220px;background-size: 100%;} #koyde-hayat #writing3{top: 106px;left: -10px;width: 350px;text-align: right;} #koyde-hayat #item3:hover{background:url(images/icon_kemik.png) no-repeat;background-size:100%;} #koyde-hayat #item4{width: 200px;height: 373px;background: url(images/icon_kosu.png) no-repeat;top: 400px;left: 242px;background-size: 100%;} #koyde-hayat #writing4{top: -60px;width: 190px;left: -60px;} #koyde-hayat #item4:hover{background:url(images/icon_kosu.png) no-repeat;background-size:100%;} #koyde-hayat #item5{width: 215px;height: 323px;background: url(images/icon_spor.png) no-repeat;top: 728px;right: 837px;background-size: 100%;} #koyde-hayat #writing5{left: -64px;width: 190px;top: -38px;} #koyde-hayat #item5:hover{background:url(images/icon_spor.png) no-repeat;background-size:100%;} #koyde-hayat #item6{width: 224px;height: 234px;background: url(images/icon_yuzme.png) no-repeat;top: 0;background-size: 100%;left: -110px;} #koyde-hayat #writing6{width: 290px;text-align: right;left: 0px;top: -40px;} #koyde-hayat #item6:hover{background:url(images/icon_yuzme.png) no-repeat;background-size:100%;} #koyde-hayat #item7{width: 190px;height: 328px;background: url(images/icon_agac.png) no-repeat;top: 40px;left: 217px;background-size: 100%;} #koyde-hayat #writing7{width: 250px;left: 33px;top: -23px;} #koyde-hayat #item7:hover{background:url(images/icon_agac.png) no-repeat;background-size:100%;} #koyde-hayat #item8{width: 158px;height: 318px;background: url(images/icon_kiraz.png) no-repeat;top: 230px;left: -140px;background-size: 100%;} #koyde-hayat #writing8{top: -40px;width: 220px;left: 167px;} #koyde-hayat #item8:hover{background:url(images/icon_kiraz.png) no-repeat;background-size:100%;} #koyde-hayat #item9{width: 513px;height: 364px;background: url(images/icon_park.png) no-repeat;top: 666px;background-size: 100%;left: -100px;} #koyde-hayat #writing9{width: 281px;left: 188px;top: -30px;} #koyde-hayat #item9:hover{background:url(images/icon_park.png) no-repeat;background-size:100%;} #koyde-hayat #item10{width: 141px;height: 363px;background: url(images/icon_defter.png) no-repeat;right: 850px;top: 300px;background-size: 100%;} #koyde-hayat #writing10{top: 180px;left: 100px;width: 200px;} #koyde-hayat #item10:hover{background:url(images/icon_defter.png) no-repeat;background-size:100%;} #koyde-hayat-next{position: absolute;top: 950px !important;left: 370px;right:auto !important;} #koyde-hayat-prev{top: 950px !important;} #vaziyet{height:auto !important;max-height: 90%;max-width: 90%;} }