/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap'); h1, h2, h3, h4, h5, strong, b { font-weight: 600; } a, a:hover { text-decoration: none; color: #222; } .crow { float: left; width: 100%; min-height: 1px; position: relative; margin-bottom: 10px; } .cp1, .cp2, .cp3, .cp4, .cp5, .cp6, .cp7, .cp8, .cp9, .cp10, .cp11 { float: left; min-height: 1px; position: relative; } .cp12 { width: 100% } .cp11 { width: 91.66666667% } .cp10 { width: 83.33333333% } .cp9 { width: 75% } .cp8 { width: 66.66666667% } .cp7 { width: 58.33333333% } .cp6 { width: 50% } .cp5 { width: 41.66666667% !important; } .cp4 { width: 33.33333333% } .cp3 { width: 25% } .cp2 { width: 16.66666667% !important; } .cp1 { width: 8.33333333% } .center { width: 100%; max-width: 1200px; margin: auto; display: block; position: relative; } .alert { float: left; width: 100%; background: #fff; color: #333; padding: 10px; margin-bottom: 10px; border-radius: 8px; font-size: 14px; } .alert.error { border: 1px solid maroon; background: pink; } .alert.success { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; } .alert.info { color: #c09853; background: #fcf8e3; border: 1px solid #fbeed5; } .alert.text { background: #3a87ad; color: #fff; } .alert p { float: left; margin: 5px 0 5px 0; padding: 0; font-size: 13px; } .alert a { color: inherit; font-weight: bold; } .alert.small { width: auto; border-radius: 3px; padding: 3px 8px 3px 8px; } ul.alert { margin: 0; padding: 20px; text-align: left; } ul.alert li { list-style: inside; } label.key { font: 700 13px / 1.3 Arial, Helvetica, "Helvetica Neue", sans-serif; float: left; width: 100%; margin-bottom: 5px; font-size: 13px; font-weight: 600; color: #7B7B7B; } button, input[type=submit], input[type=radio], input[type=checkbox] { cursor: pointer; } input[type=file] { border: 1px solid #EEE; padding: 5px; font-size: 13px; cursor: pointer; } select[multiple=multiple].styleinput { height: 150px; padding: 5px; } .link { font-size: 12px; color: #06c; text-decoration: none; display: inline-block; } .link:hover { text-decoration: underline; } label.radio { cursor: pointer; } *[readonly=readonly] { background: #f9f9f9; color: #666; } input.styleinput.error, textarea.styleinput.error, select.styleinput.error { border: 2px solid #9F0000 !important; background: #FFF4F4 !important; } label.error { display: none !important; } .bilgi { float: left; width: 100%; text-align: center; font-size: 14px; font-weight: 400; color: #999; margin-bottom: 10px; } .cptable { float: left; width: 100%; border: 1px solid #ddd; border-bottom: 0; border-left: 0; } .cptable thead > tr { background: #F5F5F5; } .cptable td { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; } /*btn*/ .btn { font-weight: normal; text-decoration: none; display: inline-block; color: #666; font-size: 14px; padding: 9px 20px; border-radius: 4px; text-align: center; cursor: pointer; background: #eee; border: 1px solid #ddd; } .btn:hover { color: #222; background: #dfdfdf; border: 1px solid #bbb; } .btn.full { float: left; width: 100%; } .btn.disabled { cursor: default } .btn.small { line-height: normal; padding: 4px 12px 4px 12px; font-size: 13px; } .btn.yesil { color: #fff; background: #83C41A; border: 1px solid #75AD1A; } .btn.yesil:hover { background: #8ACE0D; border: 1px solid #7BB118; } .btn.yesil.disabled { background: #e0f7dc; border: 1px solid #c7eebf; color: #c6eac0 } .btn.beyaz { background: #fff; color: #505050; border: 1px solid #cdcdcd } .btn.beyaz:hover { background: #fdfdfd; color: #505050; border: 1px solid #b8b8b8 } .btn.kirmizi { color: #fff; background: #CC2738; border: 1px solid #92031C } .btn.kirmizi:hover { background: #92031C; } .btn.siyah { color: #fff; background: #666; border: 1px solid #232323 } .btn.siyah:hover { background: #888; border: 1px solid #050505 } .btn.facebook { color: #fff; background: #354c8c; border: 1px solid #3B599F; } .btn.facebook:hover { background: #3b5998; border: 1px solid #0F3B9C; } /*btn*/ /*popup*/ .sw_popup_bg { background: #222; opacity: 0.8; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 19; } .sw_popup_loading { width: 113px; height: 113px; position: fixed; left: -20000px; top: -20000px; bottom: -20000px; right: -20000px; z-index: 20; margin: auto; color: #FFF; text-align: center; } .sw_popup_loading > i { font-size: 70px; } .sw_popup_loading:before { content: 'Lütfen Bekleyiniz'; width: 140px; text-align: center; z-index: 11; display: block; position: relative; left: -13.5px; top: -10px; font-size: 13px; } .sw_popup_content { display: none; background: #fff; z-index: 25; border: 0; box-shadow: 0 0 100px #222; } .sw_popup_content > .append { overflow-y: auto; height: 100%; } .sw_popup_content iframe { width: 100%; height: 100%; display: block; } .sw_popup_content .popup_kapat_button { position: absolute; top: 0; right: -30px; text-align: center; width: 30px; height: 30px; background: #900; color: #fff; cursor: pointer; } .sw_popup_content .popup_kapat_button i { line-height: 30px; font-size: 17px; } .sw_popup_content .popup_kapat_button:hover { background-color: #fff; color: #222; } .popup_title { float: left; width: 100%; height: 62px; padding-top: 15px; background: #F5F5F5; background: -moz-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #F5F5F5 0%, #f1f1f1 50%, #dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#dddddd', GradientType=0 ); /* IE6-9 */ font-size: 23px; text-align: center; border-bottom: 1px solid #dddddd; position: relative; } .popup_title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; } .popup_body { float: left; width: 100%; padding: 20px; } .sw_popup_content .sw_popup_txt { float: left; font-weight: bold; font-size: 13px; width: 100%; padding: 20px; border-bottom: 1px solid #ddd; color: #333; text-align: center; } .sw_popup_content .sw_popup_buttons { float: left; width: 100%; margin: 10px 0 10px 0; text-align: center; } .sw_popup_content .sw_popup_buttons .btn { margin: 0 3px 0 3px; } .sw_popup_content.sw_confirm { border: 7px solid #ddd; } .sw_popup_content.sw_alert { border: 7px solid #fff; } .sw_popup_content.sw_confirm .popup_kapat_button, .sw_popup_content.sw_alert .popup_kapat_button { top: -7px; right: -37px; } .sw_popup_content div.alert { margin: 0; border-radius: 0; text-align: center; } /*popup*/ /*paging*/ .pager { float: left; width: 100%; margin: 10px 0 10px 0; text-align: center; display: flex;justify-content: center;flex-wrap: nowrap;align-items: center;flex-direction: row;} .pager a { height: auto; padding: 5px 15px; display: inline-block; font-size: 14px; color: #333; text-decoration: none; margin: 0 1px;} .pager a > i { font-weight: bold; padding-top: 1px; } .pager a.active, .pager a:hover { color: #FFF; } /*paging*/ * { scrollbar-width: auto; scrollbar-color: #ff5000 rgba(255,255,255,.5); } *::-webkit-scrollbar { width: 7px; } *::-webkit-scrollbar-track { background: rgba(255,255,255,.5); } *::-webkit-scrollbar-thumb { background-color: #ff5000; border-radius: 10px; } section{width:100%;max-width: 1200px;height: 100%;} *, *:before, *:after{ -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0; } html{width: 100%;height: 100%;} body { padding: 0; margin: 0; font-family: 'Jost', sans-serif; font-size: 13px; color: #222; background: #FFF; font-weight: 400; letter-spacing:0.01em; line-height: 1.65; background-image: url("../design/bg.jpg"); background-size:cover; background-position: center center; background-repeat: no-repeat;width: 100%;height: 100%;border-bottom: 10px solid #FF5000;} body.cinema{background-image: url("../design/bg-cinema.jpg"); } body.store{background-image: url("../design/bg-store.jpg"); } body.fc{background-image: url("../design/bg-fc.jpg"); } body.contact{background-image: url("../design/bg-moa.jpg"); } header { position: absolute; background-color: rgba(255,255,255,.7); height: 60px; display: flex;justify-content: center;align-items: center;box-shadow: 0 2px 7px rgba(0,0,0,.1);border-bottom: 1px solid #fff;left: 0;right: 0;top: 0;z-index: 5;} header > section{display: flex;align-items: center;} header .logo{margin-right:50px;} header .logo > img{float: left;} header.mini{ position:fixed; top:-200px; left:0; height:80px; border-bottom:1px solid #ddd; -webkit-transition:0; -khtml-transition:0; -moz-transition:0; -ms-transition:0; -o-transition:0; transition:0; z-index:3; } header.mini.active{ top:0;-webkit-transition: all .4s ease-in-out; -khtml-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .4s ease-in-out; } main { width: 90%;display: flex;justify-content: center;align-items: center;position: absolute;top: 70px;bottom:60px;left: 5%; right: 5%;} main > section{ display: flex;align-items: center;justify-content: center;width: 100%;} body.home main > section{display: flex;align-items: center;justify-content: center;width: 100%;left: 0; right: 0;} .inner-shadow{position:relative;} .inner-shadow:before{-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.4); box-shadow:inset 0 0 10px rgba(0,0,0,.4);position: relative;position: absolute;left: 0;top: 0;right: 0;bottom: 0;content: "";} .circle{background: #f8f8f8;border-radius: 500px;border-width:5px;box-shadow: 0 2px 7px rgba(0,0,0,.1);aspect-ratio: 1 / 1;border-color: #FFF;border-style: solid;position: relative;} .circle > a{transition: transform .2s;transform: scale(1);} .circle > a:hover{transform: scale(1.1);} ._mc{display: flex;align-items: center;justify-content: center;text-align: center;} ._mc > a{width: 100%;aspect-ratio:1;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;padding: 7px;overflow: hidden;color:#FFF;font-weight: 600;font-size: 12px;} .working-hours{position: absolute;bottom: 0;right: 165%;display: flex;justify-content: center;align-items: center;width: 15vh;aspect-ratio: 1 / 1;background:rgba(255,80,0,1);border-radius: 500px;} .working-hours > span{width: 75%;position: absolute;border-radius: 500px;background-color:#FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);aspect-ratio: 1 / 1;padding: 7px;transition: transform .2s;} .working-hours:hover > span{transform: scale(1.1);} .working-hours > span > i{background-image: url("../design/working_hours.svg");background-repeat: no-repeat;background-position: center center;width:100%;aspect-ratio: 1 / 1;float: left;} .working-hours > .box-container{visibility: hidden;position:absolute;z-index: 4;bottom: 100%;text-align: center;transition: all 200ms;opacity: 0;} .working-hours > .box-container > .box{float: left;width: 300px;box-shadow: 0 2px 7px rgba(0,0,0,.1);border-radius: 7px;background-color:rgba(255,255,255,.75);padding: 20px;display: flex; flex-direction: column;align-items: center;} .working-hours > .box-container > .box > h3{padding: 0;margin: 0;width: 100%;float: left;font-size:23px;color:#FF5000;font-weight: 500;} .working-hours > .box-container > .box > div{width:100%;float: left;padding: 10px 0;} .working-hours > .box-container > .box > div > .text{width:100%;float: left;font-weight: 500;font-size: 18px;line-height: 20px;} .working-hours > .box-container > .box > div > .subtext{width:100%;float: left;font-size: 13px;line-height: 15px;margin-bottom: 5px;} .working-hours > .box-container > .box > div > .times{width:100%;float: left;display: flex;justify-content: space-around;background: #FF5000;color:#FFF;font-size: 30px;font-weight: 700;position: relative;text-align: center;padding: 7px 0;border-radius: 5px;} .working-hours > .box-container > .box > div > .times > span{line-height: 23px;} .working-hours > .box-container > .box > div > .times > span:before{width:100%;float: left;content: attr(data-t);font-size: 13px;font-weight: 500;} .working-hours > .box-container > .box:before {width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 15px solid rgba(255,255,255,.75);content: "";position: absolute;bottom: -15px;} .working-hours:hover > .box-container{visibility: visible;opacity: 1;transition: all 500ms;} .c_165{height:20%;} .c_235{height:25%;} .c_250{height:30%;} .c_145{height:11vh;} .c_100{height:10vh;} ._c1{right: -55px;background-color: #d82126;border-width: 3px;} ._c2{top: -5px;background-color:#FF5000; /*#1274a1;*/} ._c3{right: 10px;top: 10px;background-color: #feb500;} ._c4{right: -5px;top: -30px;background-color: #FFF;border-width: 3px;} ._c2 i{transform: rotate(-15deg);} ._sr{background: #FFF;opacity: .7;} ._s1{height: 8vh;right: 5px;float: right;top: -13px;animation: shaking 5s infinite;} ._s2{height: 5vh;right: 15px;float: right;top: 15px;animation: shaking 9s infinite;} ._s3{height: 5vh;position: absolute;right: -110px;animation: shaking 7s infinite;} ._s4{height: 5vh;position: absolute;right: 70px;top: 55px;animation: shaking 11s infinite;} ._s5{height: 12vh;position: absolute;right: 130px;top: 25px;animation: shaking 7s infinite;} ._s6{height: 7vh;position: absolute;right: 140px;top: 40%;animation: shaking 5s infinite;} ._a1{margin: 0;float: right;top: -95%;margin-right: -200px;border-color:#ff5000;background: #FFF;height:20%;} ._w1{animation: shaking 1s infinite;} ._w3{animation: shaking 3s infinite;} ._w5{animation: shaking 5s infinite;} ._w7{animation: shaking 7s infinite;} ._w9{animation: shaking 9s infinite;} ._w11{animation: shaking 11s infinite;} ._w13{animation: shaking 13s infinite;} ._w15{animation: shaking 15s infinite;} ._w17{animation: shaking 17s infinite;} .shake { animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95); } @keyframes shaking { 0% { transform: translate(0, 0); } 25% { transform: translate(5px, 5px); } 50% { transform: translate(0, 0); } 75% { transform: translate(-5px, 5px); } 100% { transform: translate(0, 0); } } @keyframes rshaking { 0% { transform: translate(0, 0) rotate(0deg); } 25% { transform: translate(5px, 5px) rotate(5deg); } 50% { transform: translate(0, 0) rotate(0eg); } 75% { transform: translate(-5px, 5px) rotate(-5deg); } 100% { transform: translate(0, 0) rotate(0deg); } } #rightcontainer {height:75%;border-width:15px;position: relative;top: 20px;} #homemenu{height:95%;position: relative;display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;align-items: flex-end;} #slidercontainer{height: 90%;z-index: 2;overflow: hidden;pointer-events: none;} #rightcontainer ._arrows{float: right;top: -12%;right: -1px;z-index: 2;transform: rotate(317deg);-webkit-filter: grayscale(100%);filter: grayscale(100%);} #rightcontainer ._arrows > .swiper-button-next:after, #rightcontainer ._arrows > .swiper-button-prev:after{font-size:4vh; } #rightcontainer ._arrows > .swiper-button-next{right: 5px;} #rightcontainer ._arrows > .swiper-button-prev{left: 5px;} #rightcontainer ._arrows > .swiper-button-next, #rightcontainer ._arrows > .swiper-button-prev{bottom:0;top:0;margin: auto;} .swiper {width: 100%;height: 100%;} .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;} .pages{height: 85%; display:flex;align-items: flex-start;flex-direction: column;background:rgba(255,255,255,.85);padding: 25px;border-radius: 15px;border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);position: relative;} .pages > .page-title{line-height:25px;float: left;width: 100%;font-weight:600;padding: 0;margin: 0;color:#ff5000;height: auto;display:flex;flex-direction: row;align-content: space-between;align-items: flex-start;} .pages > .page-content {float: left;width: 100%;font-weight: 400;position: relative;top: 0; flex-grow: 1; overflow: auto;font-size: 14px;} .pages > .page-content img{ max-width:100%; } .pages > .igallery{width:100%;float: left;} .pages > .igallery > a{width:25%;float: left;padding: 5px;} .pages > .igallery > a > span{width:100%;float: left;overflow: hidden;aspect-ratio: 1 / 1;border-radius: 4px;box-shadow: 0 2px 7px rgba(0,0,0,.1);display: flex;justify-content: center;} .pages > .igallery > a > span > img{height:100%;float: left;opacity: .7;transition: 0.2s;} .pages > .igallery > a:hover > span > img{opacity: 1;} /* CINEMA PART */ .cinemapage{height: 85%; display:flex;align-items: flex-start;flex-direction: column;padding: 25px;border-radius: 15px;position: relative;width: 100%;} .cinemapage > .tabheader {position:absolute;right: 0;top: 0;} .cinemapage > .tabheader > a{padding: 7px 15px;float: left;font-weight: 600;font-size: 15px;display: flex;align-items: center;} .cinemapage > .tabheader > a:before{content: "";width: 16px;background: #222;border-radius: 50px;margin-right: 5px;float: left;aspect-ratio: 1/1;} .cinemapage > .tabheader > a[data-visible="0"]{color:#222;} .cinemapage > .tabheader > a[data-visible="0"]:before{background:#222;} .cinemapage > .tabheader > a[data-visible="1"]{color:#ff5000;} .cinemapage > .tabheader > a[data-visible="1"]:before{background:#ff5000;} .cinemapage > .page-title{line-height:50px;float: left;width: 100%;font-weight:600;padding: 0;margin: 0;color:#ff5000;height: 50px;display:flex;align-items: center;flex-direction: row;} .cinemapage > .page-content {float: left;width: 100%;font-weight: 400;position: relative;top: 0; flex-grow: 1; overflow: auto;font-size: 14px;} .cinemapage ul.films{padding:0;margin: 0;list-style: none;display: flex;align-content: space-between;justify-items: center;width: 100%;float: left;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;} .cinemapage ul.films > li{width: 24%;height: auto;background: rgba(255,255,255,.7);box-shadow: 0 2px 7px rgba(0,0,0,.1);padding: 10px;margin-bottom: 1%;margin-right: 1%;display: flex;flex-direction: column;align-items: flex-start;} .cinemapage ul.films > li a{width: 100%;} .cinemapage ul.films > li a > .img{width:100%;float: left;display: flex;overflow: hidden;aspect-ratio: .7 / 1;position: relative;} .cinemapage ul.films > li a > .img > img{transition: transform .8s;transform: scale(1);} .cinemapage ul.films > li a > .img:before{content: "";border:2px solid #FFF;top: 5px;bottom: 5px;left: 5px;right: 5px;position: absolute;opacity: 0;z-index: 2; transition: 0.2s;} .cinemapage ul.films > li a:hover > .img:before{opacity: 1;} .cinemapage ul.films > li a:hover > .img > img{transform: scale(1.05);} .cinemapage ul.films > li a > .name{width:100%;float: left;display: flex;align-items: center;height: 60px;font-weight: 500;line-height: 18px;} .cinemapage ul.films > li a > .vision{position: relative;left:-10px;padding: 0 7px;border-left: 5px solid #ff5000;font-weight:700;color:#FF5000} /*.cinemapage ul.films > li.next a > .vision{border-color:#999;color:#999;}*/ .cinemapage ul.films > li img{width: 100%;} .cinemapage ul.films > li. a{width: 100%;} body.event .cinemapage ul.films > li a > .img{ aspect-ratio:auto; } .pages.cinemadetail{border-radius:0;width:100%;} .pages.cinemadetail > .page-title{line-height: 20px; margin-bottom: 25px;color:#222;position: relative;} .pages.cinemadetail > .page-title:before{height: 50px;width: 5px;background: #ff5000;position: absolute;left:-26px;content: "";top: -25px;} .pages.cinemadetail > strong{color:#ff5000;} .pages.cinemadetail > .page-content{width:calc(100% - 320px);} .pages.cinemadetail > .backtopage {position: absolute;right: 310px;top:10px;} .pages.cinemadetail > .backtopage > a{padding: 4px 10px;font-size: 13px;color:#222;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;} .pages.cinemadetail > .backtopage > a > i{width: 20px;aspect-ratio: 1 / 1;background-image: url("../design/fragment.svg");background-color: #222;background-repeat: no-repeat;background-position: center center;border-radius: 500px;transform:scaleX(-1);} .pages.cinemadetail > .backtopage > a > span{padding-left: 7px;font-size: 12px;} .pages.cinemadetail > .backtopage > a:hover{color:#ff5000;} .pages.cinemadetail > .backtopage > a:hover > i{background-color:#ff5000;} .film_left_detail{width:100%;float: left;display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;padding-right: 20px;} .film_left_detail > .movie-info{width:100%;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: flex-start;align-items: flex-start;margin-bottom: 20px;} .film_left_detail > .movie-info > .movie-poster{width:40%;} .film_left_detail > .movie-info > .movie-poster > .cineimg{width:100%;float: left;display: flex;overflow: hidden;aspect-ratio: .7 / 1;} .film_left_detail > .movie-info > .movie-detail{display: flex; padding-left: 25px;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;} .film_right_detail{width:30%;float: left;display: flex;flex-direction: column;justify-content: center;padding: 25px;} .film_left_detail > .movie-info > .movie-detail > span{ width: 100%;float: left;margin-bottom: 10px;font-size: 16px;} .film_left_detail > .movie-info > .movie-detail span:before{ content: attr(data-nm);font-weight: 600;width: 100%;float: left; line-height: 20px;font-size: 14px;} .film_left_detail > .movie-info > .movie-detail .shapebox{width: 100%;float: left;margin-bottom: 20px;} .film_left_detail > .movie-info > .movie-detail .shapebox > span{background:#222;color:#FFF;border-radius: 3px;padding: 5px 30px;max-width: 200px;display: flex;margin-right: 10px;flex-direction: column;justify-content: center;align-content: flex-start;float: left;position: relative;line-height: 20px;} .film_left_detail > .movie-info > .movie-detail .shapebox span:nth-child(1):after{content: '';position: absolute;background: #ff5000;border-radius: 500px;width: 30px;height: 30px;right: -24px;z-index: 2;border: 4px solid #FFF;} .film_right_detail > .cinetitle{ padding:0;margin: 0;font-weight: 600;font-size:30px;color:#ff5000;margin-bottom: 15px; } .film_left_detail > .movie-info > .movie-detail span > em{float:left;width: auto;padding: 2px 7px;border:1px solid #ddd;border-radius: 3px;margin:5px 5px 0 0;font-size: 12px;font-weight: 500;} .film_left_detail > .movie-subject{ width: 100%;float: left;margin-bottom: 10px;font-size: 16px;} .film_left_detail > .movie-subject:before{ content: attr(data-nm);font-weight: 600;width: 100%;float: left; line-height: 20px;font-size: 16px;margin-bottom: 10px;} .film_left_detail > .movie-info > .movie-detail .cinema-buttons{width: 100%;float: left;margin-bottom: 20px;padding: 10px 0;margin-bottom: 0;} .film_left_detail > .movie-info > .movie-detail .cinema-buttons > a{width: auto;float: left;display: flex;background: #ff5000; color:#FFF;font-weight: 500;font-size: 15px;padding: 0 20px;margin-right: 10px;height: 40px;flex-direction: row;justify-content: space-between;align-items: center;border-radius: 4px;transition: 0.2s;} .film_left_detail > .movie-info > .movie-detail .cinema-buttons > a:hover{background: #222;} .film_left_detail > .movie-info > .movie-detail .cinema-buttons > a > i{ width: 30px; height: 23px; aspect-ratio: 1 / 1;background-repeat: no-repeat;background-position: center center;margin-left: 10px;} .film_left_detail > .movie-info > .movie-detail .cinema-buttons > a > i.fragment{background-image: url("../design/fragment.svg");} .film_left_detail > .movie-info > .movie-detail .cinema-buttons > a > i.ticket{background-image: url("../design/ticket.svg");} .film_end_detail{position:absolute;right: 0;top: 0;bottom: 0;background: rgba(248,248,248, .5);width:310px;padding: 20px;display: flex;flex-direction: column;overflow: auto;} .film_end_detail > .cinemaphone{width: 100%;display: flex;flex-direction: row;margin-bottom: 35px;} /*.film_end_detail > .cinemaphone > .phone{width: 20%;aspect-ratio: 1 / 1;background: url("../design/cinema_phone.svg") no-repeat top right;background-size: 85%; }*/ .film_end_detail > .cinemaphone > span{width: 80%;display: flex;flex-direction: column;padding-left: 10px;} .film_end_detail > .cinemaphone > span > em{color: #848484;font-size:.7vw;transition: 0.2s;} .film_end_detail > .cinemaphone > span > strong{font-size: .96vw;line-height: 22px;transition: 0.2s;} .film_end_detail > .cinemaphone:hover > span > em{color: #FF5000;} .film_end_detail > .cinemaphone > .phone{width: 20%;aspect-ratio: 1 / 1;background-color: #222;-webkit-mask-image: url(../design/cinema_phone.svg); mask-size: 85%;-webkit-mask-size: 85%;-webkit-mask-repeat:no-repeat;-webkit-mask-position: top right;mask-image: url(../design/cinema_phone.svg);mask-repeat:no-repeat;mask-position: top right;transition: 0.2s;} .film_end_detail > .cinemaphone:hover > .phone{background-color: #FF5000;} /*.cinemapage ul.films > li a > .img:before{content: "";border:2px solid #FFF;top: 5px;bottom: 5px;left: 5px;right: 5px;position: absolute;opacity: 0;z-index: 2; transition: 0.2s;}*/ .film_end_detail > .price_contents *:before{content: attr(data-nm);} .film_end_detail > .price_contents > .cinema_price{width:100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;position: relative;background: #222;border-radius: 7px;color:#FFF;padding: 35px 30px 15px 30px;min-height: 90px;margin-bottom: 15px;} .film_end_detail > .price_contents > .cinema_price:before{position: absolute;left: 0;right: 0;top: -25px;margin: auto;width: 60px;text-align: center;font-weight: 600;border-radius: 500px;background: #222;border:3px solid #fff;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;line-height: 16px;} .film_end_detail > .price_contents > .cinema_price:after{content: '';aspect-ratio: 1 / 1; position: absolute;left: 0;right: 0;top:45px;margin: auto;width: 35px;background:url("../design/cinema_ticket.svg") no-repeat center center; } .film_end_detail > .price_contents > .cinema_price.color{background: #ff5000;} .film_end_detail > .price_contents > .cinema_price.color:before{background: #ff5000;} .film_end_detail > .price_contents > .cinema_price > .text{width:30%;text-align: right;line-height: 17px;} .film_end_detail > .price_contents > .cinema_price > .price{width: 25%;font-size: 2.5em;font-weight: 600;display: flex;flex-direction: column;line-height: 30px;} .film_end_detail > .price_contents > .cinema_price > .price:before{font-size:0.35em;line-height: 17px;} .film_end_detail > .price_contents > .cinema_price > .price strong:after{content: '₺';font-weight: 400;font-size: 0.6em;margin-left: 5px;} .film_end_detail > .price_contents > .cinema_price > .days{position: absolute;bottom: 15px;font-weight: 500;color:#FFF;width: 100%;text-align: center;left: 0;right: 0;font-size: .9em;} .film_end_detail > .price_contents > .cinema_price:nth-child(2){padding-bottom: 30px;} .film_end_detail > .price_contents > .cinema_price:nth-child(3){padding-bottom: 50px;} /* CINEMA PART END ---------------------------------------------------------------------------- SHOPS PART */ .pages.shops-content-page{background:none;border: none;box-shadow: none;padding: 0;display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;width: 100%;} .pages.shops-content-page > .shops-content{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-start;position: relative;bottom: 0;top: 0;overflow: hidden;justify-content: space-between;height: 100%;width: 100%;} .shops-content > .shops{width: 73%;height: 100%;overflow: auto;} .shops-content > .shops > ul{padding:0;margin: 0;list-style: none;width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;} .shops-content > .shops > ul > li{width: 19%;aspect-ratio: 1 / 1;padding: 0 5px 5px 0;} .shops-content > .shops > ul > li > a{width: 100%;aspect-ratio: 1 / 1;padding: 0 5px 5px 0;float: left;} .shops-content > .shops > ul > li > a > span{width: 100%;aspect-ratio: 1 / 1;overflow: hidden;background: #FFF;padding: 7px;float: left;border-radius: 4px;box-shadow: 0 2px 7px rgba(0,0,0,.1);align-items: center;justify-content: center;align-content: center; position: relative;} .shops-content > .shops > ul > li > a > div{display: none;} .shops-content > .shops img{width:100%;transition: transform .2s;transform: scale(1);} .shops-content > .shops > ul > li > a:hover > span > img{transform: scale(1.1);} .shops-content > .shops > ul > li > a > span > img{ position: absolute; margin:auto; display: block; left:0; right:0; bottom:0; top:0; } .shops-content > .shops.detail{background: #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);border-radius: 4px;padding: 15px 30px 30px 30px;position: relative;} .shops-content > .shops.detail > .shop-floor{position: absolute;left: 30px;top: 0;background: #FF5000;color:#FFF;text-transform: uppercase;width: 80px; height: 80px;display: flex;align-items: center;flex-direction: column;justify-content: center;font-size: 15px;font-weight: 600;line-height: 20px;padding-bottom: 10px;} .shops-content > .shops.detail > .shop-floor:after {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 0; border-width: 0 40px 10px 40px;border-color: transparent transparent #fff transparent;border-style: solid;} .shops-content > .shops.detail > .shop-header{width:100%;float: left;display: flex;flex-direction: column;flex-wrap: nowrap;padding-left: 100px;} .shops-content > .shops.detail > .shop-header > span{width:100%;float: left;font-size: 15px;color:#CCC;} .shops-content > .shops.detail > .shop-header > h1{width:100%;float: left; padding: 0;margin: 0;} .shops-content > .shops.detail > .shop-cart-details{display: flex;flex-direction: row;flex-wrap: nowrap;float: left;width: 100%;margin: 40px 0;justify-content: center;align-items: center;} .shops-content > .shops.detail > .shop-cart-details > .shop-logo{width:25%;} .shops-content > .shops.detail > .shop-cart-details > .shop-logo > .img{width:100%;aspect-ratio: 1 / 1;border-radius: 500px;overflow: hidden;border: 1px solid #ddd;float: left;box-shadow: 0 2px 7px rgba(0,0,0,.1); display: flex; justify-content: center;align-items: center;} .shops-content > .shops.detail > .shop-cart-details > .shop-logo > .img > img{width:100%;float: left;} .shops-content > .shops.detail > .shop-cart-details > .shop-info{width:50%;padding-left:25px;font-size: 16px;} .shops-content > .shops.detail > .shop-cart-details > .shop-info > *:before{content: attr(data-nm); width: 35%;float: left;font-weight: 500;} .shops-content > .shops.detail > .shop-cart-details > .shop-info > *{width: 100%;margin-bottom: 10px;} .shops-content > .shops.detail > .shop-cart-details > .shop-info > * > span:before{content: ':';width: auto;float:left;margin-right: 10px;} .shops-content > .shops.detail > .shop-about{width:100%;float: left;font-size: 15px;line-height: 24px;} .shops-content > .shops.detail > .shop-gallery{width:100%;float: left;margin: 30px 0; } .shops-content > .shops.detail > .shop-gallery > .gallery{width:100%;float: left;} .shops-content > .shops.detail > .shop-gallery > .gallery > a{width:25%;float: left;padding: 5px;} .shops-content > .shops.detail > .shop-gallery > .gallery > a > span{width:100%;float: left;overflow: hidden;aspect-ratio: 1 / 1;border-radius: 4px;box-shadow: 0 2px 7px rgba(0,0,0,.1);} .shops-content > .shops.detail > .shop-gallery > .gallery > a > span > img{width:100%;float: left;opacity: .7;transition: 0.2s;} .shops-content > .shops.detail > .shop-gallery > .gallery > a:hover > span > img{opacity: 1;} .shops-content > .plans-categories{width: 25%;display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;background: #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);border-radius: 4px;height: 100%;position: relative;} .shops-content > .plans-categories > .plans{width:100%;float: left;border-bottom: 1px solid #eee;padding: 20px;} .shops-content > .plans-categories > .plans > a{width:100%;float: left;display: flex;align-items: center;flex-direction: row;flex-wrap: nowrap;position: relative;transition: 0.2s;} .shops-content > .plans-categories > .plans > a:hover{color:#FF5000;} .shops-content > .plans-categories > .plans > a > i{width: 20%;aspect-ratio: 1 / 1;background: url("../design/floorplan.svg") no-repeat top right;} .shops-content > .plans-categories > .plans > a > span{width: 80%; font-weight: 500;font-size: 20px;padding-left: 15px;line-height: 20px;} .shops-content > .plans-categories > .plans > a:after{position: absolute;right:-20px;width: 5px;top: 0;bottom: 0;background: #FF5000;content: '';transition: 0.2s;} .shops-content > .plans-categories > .plans > a:hover:after{background: #222;} .shops-content > .plans-categories > .categories{width: 100%;float: left;overflow: auto;position: absolute;bottom: 10px;top: 100px;} .shops-content > .plans-categories > .categories:before{width: 100%;float: left;padding: 10px 30px;border-bottom: 1px solid #eee;color:#FF5000;content: attr(data-nm);font-weight: 500;} .shops-content > .plans-categories > .categories > ul{padding: 0;margin: 0;list-style: none;width: 100%;bottom: 0;position: absolute;top: 50px;overflow: auto;} .shops-content > .plans-categories > .categories > ul > li {width: 100%;} .shops-content > .plans-categories > .categories > ul > li > a {width: 100%;float:left;padding:5px 30px;font-size: 14px;font-weight: 500;transition: 0.2s;} .shops-content > .plans-categories > .categories > ul > li > a.active, .shops-content > .plans-categories > .categories > ul > li > a:hover {color:#FF5000;} .shops-content-page > .search{width:25%;height: 40px; position: absolute;right: 0;top: -25px;} .shops-content-page > .search > form{width:100%;height: 100%; position: relative;background: #FFF; border-radius: 50px;box-shadow: 0 2px 7px rgba(0,0,0,.1);overflow: hidden;} .shops-content-page > .search > form > input{width:100%;height: 100%;float: left;border: 0;padding: 0 45px 0 15px;} .shops-content-page > .search > form > label{width:36px;height: 36px;position: absolute;right: 2px;top: 2px;} .shops-content-page > .search > form > label > input{width:36px;height: 36px;border-radius: 50px;border: 0;font-size: 30px;background: #ff5000;color: #FFF;line-height: 35px;cursor: pointer;transition: 0.2s;} .shops-content-page > .search > form > label > input:hover{background:#222;} /* SHOPS PART END ---------------------------------------------------------------------------- POPUP PART */ .overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0; margin: auto;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;display: flex;justify-content: center;align-items: center;z-index:99;} .overlay:target {visibility: visible;opacity: 1;} .popup {padding: 20px;background: #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);border-radius: 5px;width: 90%;height: 90%;position: relative;transition: all 5s ease-in-out;} .popup .close {position: absolute;top: 5px;right: 10px;transition: all 200ms;font-size: 40px;font-weight: bold;text-decoration: none;color: #333;width: 40px;height: 50px;text-align: center;display: flex;align-items: center;justify-content: center;z-index: 3;opacity: .7;} .popup .close:hover {color: #FF5000;opacity: 1;} .popup .content {height: 100%;overflow: auto;position: relative;} .popup.mini{padding: 20px 60px 20px 20px;width: 50%;height: 30%;} .responsive-iframe{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 98%;border: 0;} /* POPUP PART END ---------------------------------------------------------------------------- MOA ART PART */ body.show main > section{ max-width:1000px; } .moa-art{display: flex;width: 90%;height: 80%;flex-direction: row;justify-content: center;align-items: center;} .moa-art > a{aspect-ratio: 1 / 1;border-radius: 4px;box-shadow: 0 2px 7px rgba(0,0,0,.1);display: flex;background: #FFF;border-radius: 500px;background-position: center center;background-repeat: no-repeat;background-size: 65%;background-color:#FFF;height:60%;margin: 0 25px;position: relative;} .moa-art > .moa-gosteri{background-image: url("../design/moa_gosteri_merkezi.svg");} .moa-art > .moa-sahne{height: 50%;background-image: url("../design/moa_sahne.svg");} .moa-art > a:hover{background-color: #f8f8f8;} .pages.moa-art-show{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-start;justify-content: space-between;width: 100%;position: relative;} .pages.moa-art-show > .art-content{position: relative;overflow: auto;height: 100%;width: 100%;} .pages.moa-art-show > .art-content .page-title{padding:0;margin: 0; margin-bottom:20px; width: 100%;float: left;color:#ff5000;} .pages.moa-art-show > .art-content > .video-frame{width: 100%;float: left;position: relative;background: #FFF;border-radius: 5px;box-shadow: 0 2px 7px rgba(0,0,0,.1);overflow: hidden;border: 1px solid #FFF;} .pages.moa-art-show > .art-content > .video-frame > video{width: 100%;float: left;} .pages.moa-art-show > .art-content > .art-info{width:100%;float: left;font-size: 15px;line-height: 24px;} .pages.moa-art-show > .art-content > .art-gallery{width:100%;float: left;margin: 30px 0; } .pages.moa-art-show > .art-content > .art-gallery > .gallery{width:100%;float: left;} .pages.moa-art-show > .art-content > .art-gallery > .gallery > a{width:25%;float: left;padding: 5px;} .pages.moa-art-show > .art-content > .art-gallery > .gallery > a > span{width:100%;float: left;overflow: hidden;aspect-ratio: 1 / .56;border-radius: 4px;box-shadow: 0 2px 7px rgba(0,0,0,.1); display: flex;align-items: center;justify-content: center;} .pages.moa-art-show > .art-content > .art-gallery > .gallery > a > span > img{width:100%;float: left;opacity: .7;transition: 0.2s;} .pages.moa-art-show > .art-content > .art-gallery > .gallery > a:hover > span > img{opacity: 1;} .pages.moa-art-show > .art-shows{position: absolute;width: 30%;right: 0;top: 0;bottom:0;border-radius: 15px;background: rgb(248 248 248 / 65%);overflow: hidden;} .pages.moa-art-show > .art-shows .art-shows-title {width: 100%;float: left;color: #FF5000;font-weight: 600;border-bottom: 1px solid #eee;padding: 10px 10px 10px 20px;box-shadow: 0 2px 7px rgba(0,0,0,.1);} .pages.moa-art-show > .art-shows ul {position: absolute;right: 0;top: 40px;bottom: 0;overflow: auto;left: 0;list-style: none;padding: 0 20px;margin: 0;} .pages.moa-art-show > .art-shows ul > li {width: 100%;height: auto;padding: 15px 0;display: flex;flex-direction: column;align-items: flex-start;border-bottom: 1px dashed #222;} .art-shows ul > li > span:nth-child(1){width: 100%;float: left;font-weight: 600;text-transform: uppercase;font-size: 16px;} .art-shows ul > li > span:nth-child(1):after {background: #222;color: #FFF;font-size: 13px;padding: 0 7px;content: attr(data-tm);margin-left: 25px;font-weight: 400;top: -2px;position: relative;} .art-shows ul > li > span:nth-child(2){width: 100%;float: left;font-weight: 600;font-size: 18px;color: #ff5000;} .art-shows ul > li > span:nth-child(3){width: 100%;float: left;} .art-shows ul > li > span:nth-child(3) > a{width: auto;height: auto; float: left;padding: 3px 15px;display: flex;border-radius: 4px;border:1px solid #222;} .art-shows ul > li > span:nth-child(3) > a:hover{background: #ff5000;color:#FFF;border-color:#ff5000;} .pages.moa-art-show > .art-shows ul > li.off {opacity:.2;} /* MOA ART PART END ---------------------------------------------------------------------------- EVENT PART */ .paging{width: 100%;align-items: center;justify-content: center;flex-direction: row;flex-wrap: nowrap;display: flex;} .paging > a{width: 30px; aspect-ratio: 1 /1;box-shadow: 0 2px 7px rgba(0,0,0,.1);background:#FFF;border-radius:50px;display:flex;align-items:center;justify-content: center;margin: 0 3px;} .paging > a:hover{background: rgb(255 80 0 / 42%);color:#FFF;} .paging > a.active, .paging > a:hover.active{background:#FF5000;color:#FFF;} .cinemapage.eventspage ul.films > li a > .name{height:70px;font-weight: 400;} .cinemapage.eventspage ul.films > li a > .detail{width: auto;height: auto;float: right;padding: 0 15px;background: #ff5000;color:#FFF;font-weight: 500;} /*.cinemapage.eventspage ul.films > li.next a > .detail{background: #ccc;color:#FFF;}*/ .cinemapage.eventspage .paging{width: 95%;position: absolute;bottom:-30px;} .eventspagedetail{height: 85%; display:flex;align-items: flex-start;flex-direction: column;padding:0;border-radius: 15px;position: relative;width: 100%;} .eventspagedetail > .page-title{padding: 0;margin: 0;width: 100%;float: left;height: 50px;line-height: 50px;color:#ff5000;} .eventspagedetail > .page-container{width:100%;position: relative;height: 100%;} .eventspagedetail > .page-container > .page-content{width:70%;position: absolute;left:0;right:0;bottom:0;top:0;overflow: auto;padding: 25px;border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);background: rgba(255,255,255,.85);padding-top: 0;} .eventspagedetail > .page-container > .page-content > .subpage-title{width:100%;float: left;display: block;margin: 0;position: relative;font-weight:600; font-size:24px; padding: 20px 30% 20px 0;} .eventspagedetail > .page-container > .page-content > .subpage-title:before{content: attr(data-status);font-weight: 600;font-size: 15px;width: 100%;float: left;color:#FF5000;} .eventspagedetail > .page-container > .page-content > .subpage-title:after{content: ''; width: 5px;top:20px;bottom: 15px;left:-25px;background: #FF5000;position: absolute;} .eventspagedetail > .page-container > .page-content > .buyticket{position:absolute;right:20px;top:20px;width:auto;height:40px;border-radius:50px;background:#FF5000;color:#FFF;padding:0 20px;line-height:40px;font-weight:500;} .eventspagedetail > .page-container > .page-content > .buyticket > i{ width: 30px; height: 17px; aspect-ratio: 1 / 1;background-image: url("../design/ticket.svg");background-repeat: no-repeat;background-position: center center;margin-left: 10px;float:right;margin-top: 10px;} .eventspagedetail > .page-container > .page-content > .img{width:50%;float: left;border:7px solid #FF5000;border-radius: 4px;position: relative;} .eventspagedetail > .page-container > .page-content > .img > img{width:100%;float: left;} .eventspagedetail > .page-container > .page-content > .detail{width:50%;float: left;padding-left: 25px;font-size: 15px;line-height: 20px;} .eventspagedetail > .page-container > .page-content > .detail strong{ color:#ff5000; } .eventspagedetail > .page-container > .page-content > .detail.dates p{ max-width:250px; background:#ff5000; color:#fff; padding:5px 10px; border-radius:4px; } .eventspagedetail > .page-container > .other_events{width: 30%;position: absolute;right: 0;top: 0;bottom: 0;padding: 0;} .eventspagedetail > .page-container > .other_events > .others_scrollbox{width: 100%;float: left;overflow: auto;padding: 0;position: absolute;right: 0;bottom: 0;top: 0;padding-left: 20px;} .others_scrollbox > ul{width: 100%;float:left;padding: 7px;margin: 0;list-style: none;display: flex;flex-direction: row;flex-wrap: wrap;border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);background: rgba(255,255,255,.85);} .eventspagedetail > .page-container > .other_events > .subtitle{position:absolute;right: 0;top:-50px;left: 20px;font-weight: 500;font-size: 18px;color:#ff5000;line-height: 50px;} .eventspagedetail > .page-container > .other_events > .subtitle > a{position:absolute;right: 0;background-color: #ff5000;color:#FFF;top: 10px;bottom: 10px;border-radius: 50px;padding: 0 20px;font-size: 14px;line-height: 30px;} .others_scrollbox > ul > li{width: 50%;float:left;padding: 7px;} .others_scrollbox > ul > li > a{width: 100%;float:left;display: flex;flex-direction: column;align-items: center;} .others_scrollbox > ul > li > a > .img{width: 100%;float:left;display: flex;aspect-ratio: .7 / 1;} .others_scrollbox > ul > li > a > .img > img{width: 100%;float:left;} .others_scrollbox > ul > li > a > .name {line-height: 15px;height: 40px;display: flex;align-items: center;justify-content: center;width: 100%;text-align: center;font-size: 12px;} .eventspagedetail > .page-container > .page-content > .galleries{width:100%;float: left;margin-top: 20px;} .galleries > .gallerytitle{width:100%;float: left;display: block;font-weight: 500;padding: 7px ;font-size: 15px;} .galleries > .gallery{width:100%;float: left;} .galleries > .gallery > a{width:25%;float: left;padding: 5px;} .galleries > .gallery > a > span{width:100%;float: left;overflow: hidden;aspect-ratio: 1 / .56;border-radius: 4px;box-shadow: 0 2px 7px rgba(0,0,0,.1); display: flex;align-items: center;justify-content: center;} .galleries > .gallery > a > span > img{width:100%;float: left;opacity: .7;transition: 0.2s;} .galleries > .gallery > a:hover > span > img{opacity: 1;} /* EVENT PART END ---------------------------------------------------------------------------- CONTACT PART START */ .contactpage{height: 85%; display:flex;align-items: flex-start;flex-direction: column;padding:0;border-radius: 15px;position: relative;width: 100%;flex-wrap: nowrap;} .contactpage > .form-map{width: 100%;display: flex;height: 100%;} .contactpage > .form-map > .map-part{width: 65%;display: flex;flex-direction: column;flex-wrap: nowrap;height: 100%;padding: 25px;border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);background: rgba(255,255,255,.85);position: relative;} .contactpage > .form-map > .map-part > .pagetitle{width: 100%;float: left;display: block;padding: 0;margin: 0; font-size: 18px;font-weight: 500;color:#FF5000;margin-bottom: 15px;} .contactpage > .form-map > .map-part > .how-to-go{position:absolute;right: 20px;top: 30px;height: 60px;width: 80px;height: 80px;display: flex;border-radius: 500px;align-items: center;justify-content: center;background: #FF5000;} .contactpage > .form-map > .map-part > .how-to-go > span{font-weight: 500;font-size: 16px;line-height: 20px;color:#FFF;text-align: center;} .contactpage > .form-map > .map-part > .how-to-go > a{position:absolute;background: #FF5000;border-radius: 500px;padding: 7px;transition: 0.2s;} .contactpage > .form-map > .map-part > .how-to-go > a:hover{background: #222;} .contactpage > .form-map > .map-part > .how-to-go > a.tramvay{left: -40px;top: -20px;width: 45px; height: 45px;} .contactpage > .form-map > .map-part > .how-to-go > a.otobus{left: -45px;top: 30px;width: 40px;height: 40px;} .contactpage > .form-map > .map-part > .how-to-go > a.araba{left: -20px;top: 70px;width: 35px;height: 35px;} .contactpage > .form-map > .map-part > .how-to-go > a.contactlink{left:20px;top: 85px;width: 30px;height: 30px;} .contactpage > .form-map > .map-part > .how-to-go > a > i{width: 100%; aspect-ratio: 1 / 1;background-repeat: no-repeat;background-position: center center;display: flex;align-items: center;justify-content: center;} .contactpage > .form-map > .map-part > .how-to-go > a.otobus > i{background-image: url("../design/bus.svg");} .contactpage > .form-map > .map-part > .how-to-go > a.araba > i{background-image: url("../design/car.svg");} .contactpage > .form-map > .map-part > .how-to-go > a.tramvay > i{background-image: url("../design/tram.svg");} .contactpage > .form-map > .map-part > .how-to-go > a.contactlink > i{background-image: url("../design/locationpg.svg");} .contactpage > .form-map > .map-part > .adress-line{width:100%;float: left;height:auto;margin-bottom: 15px;border-bottom: 1px solid rgb(255 81 1 / 13%);} .contactpage > .form-map > .map-part > .adress-line > a{width: auto;float: left; clear: left; margin-right: 20px;align-items: center;display: flex;padding: 5px 0;font-size: 15px;} .contactpage > .form-map > .map-part > .adress-line > a > i{height: 30px; aspect-ratio: 1 / 1;background-repeat: no-repeat;background-position: center center;margin-right: 10px;float: left;} .contactpage > .form-map > .map-part > .adress-line > a > i.location-phone{background-image: url("../design/location_phone.svg");} .contactpage > .form-map > .map-part > .adress-line > a > i.location-map{background-image: url("../design/location.svg");} .contactpage > .form-map > .map-part > .contact-content{height: 100%;border-radius: 5px;border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);background: rgba(255,255,255,.85);overflow: auto;} .contactpage > .form-map > .map-part > .contact-content img, .contactpage > .form-map > .map-part > .contact-content table{width:100% !important;margin-top: 20px;border-collapse: collapse;} .contactpage > .form-map > .map-part > .contact-content table table{display:none;border:1px solid #FF5000;} .contactpage > .form-map > .map-part > .contact-content > table > tbody > tr{border:1px solid #e8e8e8;border-right: 0;border-left: 0;} .contactpage > .form-map > .map-part > .contact-content > table > tbody > tr:first-child{background: #FF5000;color:#FFF;font-weight: 500;} .contactpage > .form-map > .map-part > .contact-content > table td{padding: 5px;} .contactpage > .form-map > .map-part > .contact-content > table > tbody > tr > td:first-child{background: #FF5000;color:#FFF;font-weight: 500;border-color:#FFF;} .contactpage > .form-map > .map-part > .contact-content > table > tbody > tr > td:last-child{border-left: 1px solid #e8e8e8;} .contactpage > .form-map > .map-part > .contact-content > table table > tbody > tr:first-child{background: #FF5000;color:#FFF;font-weight: 500;} .contactpage > .form-map > .map-part > .contact-content > table table > tbody > tr > td:first-child{border-right: 1px solid #FF5000 } .contactpage > .form-map > .map-part > .contact-content > table table > tbody > tr > td{text-align:center;} .contactpage > .form-map > .map-part > .contact-content p{padding:0;margin: 0;} .contactpage > .form-map > .map-part > .map{ position: relative; height: 100%;border-radius: 5px;border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);background: rgba(255,255,255,.85);} .contactpage > .form-map > .map-part > .map iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:0; } .contactpage > .form-map > .form{width: 35%;display: flex;padding-left: 20px;flex-direction: column;flex-wrap: nowrap;height: 100%;overflow: auto;} .contactpage > .form-map > .form > form{width:100%;display: flex;border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);background: rgba(255,255,255,.85);flex-direction: column;flex-wrap: nowrap;padding: 25px;} .contactpage > .form-map > .form > form:before{content: attr(data-formname);font-size: 18px;font-weight: 500;color:#FF5000;margin-bottom: 15px;} form > .forminputs{width:100%;display: flex;flex-direction: column;flex-wrap: nowrap;} form > .forminputs > label{width:100%;float: left;margin-bottom: 15px;} form > .forminputs > label:before{content: attr(data-fname); width:100%;float: left;font-size: 14px;font-weight: 500;} form > .forminputs > label > input, form > .forminputs > label > textarea{width:100%;float: left;padding: 0;margin: 0;height: 40px;border-radius: 0;border: 1px solid #e8e8e8;padding: 0 10px;} form > .forminputs > label > textarea{height: 70px;padding: 10px;resize: none;} form > .read{width:100%;float: left;display: flex;flex-direction: column;flex-wrap: nowrap;margin-bottom: 15px;} form > .read > .rw{width:100%;float: left;margin:5px 0;} form > .read > .rw > label{line-height: 20px;width:auto;float: left;margin-right: 10px;} form > .read > .rw > a{font-weight: 500;line-height: 20px;float: left;} form > .read > .rw > label > input{-moz-appearance:none;-o-appearance:none;width:20px;height: 20px;padding: 0;margin: 0;border: 1px solid #e8e8e8;float: left;margin-right: 10px;} input[type=checkbox]:before {content: "✓";font-size: 20px;color: transparent !important;background: #FFF;display: block;width: 20px;height: 20px;border: 1px solid #e8e8e8;line-height: 20px;text-align: center;} input[type=checkbox]:checked:before { color: black !important;} form input.error,form textarea.error,input[type=checkbox].error:before{border-color:#E93838 !important;} /* CONTACT PART END ---------------------------------------------------------------------------- RENT PART START*/ .rentpage{border-radius: 0;position: relative;width: 100%;} #kform{width:100%;float: left;display: flex;flex-direction: column;} #kform .fieldset{width:100%;float: left;display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;} #kform .endform{width:100%;float: left;padding: 25px 0;display: flex;flex-direction: column;} #kform fieldset{width:30%;border: 1px solid #e8e8e8;padding: 10px 25px;} #kform fieldset > legend{font-weight: 500;color:#7ab4d1;font-size: 15px;} #kform fieldset > label{ width:100%; float: left;margin-bottom: 15px;} #kform fieldset > label > input, #kform fieldset > label > select{width:100%;float: left;padding: 0;margin: 0;height: 40px;border-radius: 0;border: 1px solid #e8e8e8;padding: 0 10px;} #kform textarea{width:100%;float: left;padding: 0;margin: 0;height: 40px;border-radius: 0;border: 1px solid #e8e8e8;height: 70px;padding: 10px;resize: none;} #kform label:before{content: attr(data-fn); width:100%;float: left;font-size: 14px;font-weight: 500;margin-bottom: 5px;} #kform .endform > .gform{display: flex;align-items: center;justify-content: center;flex-direction: column;flex-wrap: nowrap;padding: 20px 0;} #kform .endform > .gform > label{margin-bottom: 25px;} #kform .endform > .gform > label > a{float: left;padding: 2px 0;} #kform .endform > .gform > label > input{float: left;margin-right: 15px;} #kform .endform > .gform > button{width: 200px; } /* RENT PART END ---------------------------------------------------------------------------- PRESS PART START */ .presspage{height: 85%; display:flex;align-items: flex-start;flex-direction: column;padding:0 25px 25px 25px;border-radius: 15px;position: relative;width: 100%;flex-wrap: nowrap;} .presspage .page-title{line-height:50px;float: left;width: 100%;font-weight:600;padding: 0;margin: 0;color:#ff5000;height: 50px;display:flex;flex-direction: row;align-content: space-between;align-items: flex-start;} .presspage > .innercontent {float: left;width: 100%;position: relative;display: flex;flex-direction: row;height: 100%;} .presspage > .innercontent > .press-left {float: left;width: 70%;position: relative;display: flex;flex-direction: column;padding-right: 20px;} .press-left > .page-content {float: left;width: 100%;position: relative;top: 0;overflow: auto;padding-right: 25px;line-height: 24px;} .press-left > .page-content > ul{padding:0;margin: 0;list-style: none;width: 100%;float: left;display: flex;flex-direction: row;flex-wrap: wrap;} .press-left > .page-content > ul > li{width: 100%;float: left;margin-bottom: 15px;} .press-left > .page-content > ul > li > a{width: 100%;float: left;display: flex;flex-direction: column;flex-wrap: nowrap;border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);background: rgba(255,255,255,.85);padding: 10px;border-radius: 5px;position: relative;padding-left: 80px;} .press-left > .page-content > ul > li > a:hover{background: rgba(255,255,255,1);} .press-left > .page-content > ul > li > a:before{width:60px;border-radius: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0;content: attr(data-ty);display: flex;position: absolute;left: 0;top: 0;bottom: 0;background: #ff5000;color:#fff;font-weight: 500; align-items: center;justify-content: center;} .press-left > .page-content > ul > li > a[data-ty=".docx"]:before, .press-left > .page-content > ul > li > a[data-ty=".doc"]:before{background:#589CFF;} .press-left > .page-content > ul > li > a[data-ty=".xls"]:before, .press-left > .page-content > ul > li > a[data-ty=".xlsx"]:before{background:#4EF794;} .press-left > .page-content > ul > li > a[data-ty=".pdf"]:before{background:#F65555;} .press-left > .page-content > ul > li > a > .name{font-weight: 500;font-size: 15px;} .presspage > .innercontent > .press-right {float: left;width: 30%;position: relative;display: flex;flex-direction: column;padding-right: 20px;} .press-right > .page-content {float: left;width: 100%;position: relative;top: 0;overflow: auto;padding-right: 25px;line-height: 24px;} .press-right > .page-content > ul{padding:0;margin: 0;list-style: none;width: 100%;float: left;display: flex;flex-direction: row;flex-wrap: wrap;} .press-right > .page-content > ul > li{width: 100%;float: left;margin-bottom: 15px;} .press-right > .page-content > ul > li > a{width: 100%;float: left;display: flex;flex-direction: column;flex-wrap: nowrap;border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);background: rgba(255,255,255,.85);padding: 10px;border-radius: 5px;position: relative;padding-left: 80px;} .press-right > .page-content > ul > li > a:hover{background: rgba(255,255,255,1);} .press-right > .page-content > ul > li > a:before{width:60px;border-radius: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0;content: attr(data-ty);display: flex;position: absolute;left: 0;top: 0;bottom: 0;background: #ff5000;color:#fff;font-weight: 500; align-items: center;justify-content: center;} /* PRESS PART END ---------------------------------------------------------------------------- NEWS PART START */ .newspage{height: 85%; display:flex;align-items: flex-start;flex-direction: column;padding:0 25px 25px 25px;border-radius: 15px;position: relative;width: 100%;flex-wrap: nowrap;} .newspage > .page-title{line-height:50px;float: left;width: 100%;font-weight:600;padding: 0;margin: 0;color:#ff5000;height: 50px;display:flex;flex-direction: row;align-content: space-between;align-items: flex-start;} .newspage > .page-content {float: left;width: 100%;font-weight: 400;position: relative;top: 0;flex-grow: 1;overflow: auto;font-size: 14px;} .newspage ul{padding:0;margin: 0;list-style: none;width: 100%;float: left;display: flex;flex-direction: row;flex-wrap: wrap;} .newspage ul > li{width: 25%;float: left;padding: 0 10px 10px 0; min-width: 250px;} .newspage ul > li > a{width: 100%;float: left;border-radius: 5px;border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);background: rgba(255,255,255,.85);padding: 10px;position: relative;padding-bottom: 30px;} .newspage ul > li > a > span {width: 100%;float: left;display: flex;} .newspage ul > li > a > span.img{aspect-ratio: 1 / .65;justify-content: center;align-items: flex-start;overflow: hidden;border-radius: 5px;position: relative;} .newspage ul > li > a > span.img > img{width: 100%;float: left;} .newspage ul > li > a > span.newsbody{flex-direction: column;flex-wrap: nowrap;} .newspage ul > li > a > span.newsbody > span{display: flex;align-items: center;} .newspage ul > li > a > span.newsbody > .name{font-weight: 500;height: 50px;line-height: 18px;font-size: 14px;} .newspage ul > li > a > span.newsbody > .desc{height: 70px;justify-content: center;line-height: 16px;font-size: 13px;} .newspage ul > li > a > span.newsbody > .date{background: #FF5000;color:#FFF;position: absolute;bottom:0;left: 0;right: 0;border-radius: 5px;border-top-left-radius: 0;border-top-right-radius: 0;padding: 0 10px;} .newspage .paging {width: 95%;position: absolute;bottom: -30px;} .newspage-detail{height: 85%; display:flex;align-items: flex-start;flex-direction: column;padding:0 25px 25px 25px;border-radius: 15px;position: relative;width: 100%;flex-wrap: nowrap;} .newspage-detail .page-title{line-height:25px;float: left;width: 100%;font-weight:600;padding: 0;margin: 0;color:#ff5000;height: 50px;display:flex;flex-direction: row;align-content: space-between;align-items: flex-start;} .newspage-detail > .innercontent {float: left;width: 100%;position: relative;display: flex;flex-direction: row;height: 100%;} .newspage-detail > .innercontent > .news-left {float: left;width: 80%;position: relative;display: flex;flex-direction: column;padding-right: 20px;} .news-left > .npage{border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);background: rgba(255,255,255,.85);padding: 25px 0 25px 25px;display: flex;flex-direction: column;height: 100%;} .news-left > .npage > .page-content {float: left;width: 100%;position: relative;top: 0;overflow: auto;padding-right: 25px;line-height: 24px;} .news-left > .npage > .page-content > span.img {float: left;width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;padding-bottom: 15px;margin-top: 15px;} .news-left > .npage > .page-content > span.img > img{float: left;max-width: 70%;border-radius: 15px;border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.2);} .newspage-detail > .innercontent > .news-right {float: left;width: 20%;position: relative;display: flex;flex-direction: column;padding-right: 10px;} .news-right > .npage{border:1px solid #FFF;box-shadow: 0 2px 7px rgba(0,0,0,.1);background: rgba(255,255,255,.85);padding: 10px 0 10px 10px;display: flex;flex-direction: column;height: 100%;} .news-right > .npage > .page-content {float: left;width: 100%;font-weight: 400;position: relative;top: 0;flex-grow: 1;overflow: auto;font-size: 14px;padding-right: 10px;} .news-right > .npage > .page-content > ul{padding:0;margin: 0;list-style: none;width: 100%;float: left;display: flex;flex-direction: column;flex-wrap: wrap;} .news-right > .npage > .page-content > ul > li{width: 100%;float: left;margin-bottom: 15px;} .news-right > .npage > .page-content > ul > li > a{width: 100%;float: left;display: flex;flex-direction: column;position: relative;opacity: .7;transition: 0.2s;} .news-right > .npage > .page-content > ul > li > a > span.img{aspect-ratio: 1 / .65;justify-content: center;align-items: flex-start;overflow: hidden;border-radius: 5px;} .news-right > .npage > .page-content > ul > li > a > span.img > img{width: 100%;float: left;} .news-right > .npage > .page-content > ul > li > a > span.name{font-weight: 500;height: 50px;line-height: 15px;font-size: 13px;display: flex;align-items: center;} .news-right > .npage > .page-content > ul > li > a.active > span.img{border:1px solid #ff5000;} .news-right > .npage > .page-content > ul > li > a.active{opacity: 1;} .news-right > .npage > .page-content > ul > li > a.active, .news-right > .npage > .page-content > ul > li > a:hover{opacity: 1;} .news-right > .npage > .page-content > ul > li > a.active > span.name{color:#FF5000;} /* NEWS PART END ---------------------------------------------------------------------------- */ #bread-crumbs { display: none; } #bread-crumbs > ul{padding:0;margin: 0;list-style: none;width: 100%;float: left;display: flex;position: absolute;justify-content: flex-end;} #bread-crumbs > ul li a{color:#ccc;padding: 3px 7px;font-style: italic;} .social{position:absolute;left: 120%;bottom:2%; height:15%; aspect-ratio: 1 / 1;z-index: 1;} .social a{float: left; display: flex;align-items: center;justify-content: center;border: 0;padding: 7px;aspect-ratio: 1 / 1;margin: 5px;position: absolute;} .social a > i {height: 100%; aspect-ratio: 1 / 1;background-repeat: no-repeat;background-position: center center;float: left;transition: transform .2s;transform: scale(1);} .social a:hover > i{transform: scale(1.1);} .social a.fb > i { background-image: url(../design/facebook.svg); } .social a.ins > i { background-image: url(../design/instagram.svg);} .social a.tr > i { background-image: url(../design/tripadvisor.svg); } .social a.ins { background-color: #cd486b;height: 50%;padding: 9px; left: 0; top: 0;} .social a.tr { background-color: #48DDB6; height: 45%;left: 25%; top: 55%;} .social a.fb { background-color: #3A589B;height: 40%;left: 60%; top: 15%;} footer { float: left; height: 50px; width: 100%; position: fixed;bottom:0;display: flex;justify-content: center;align-items: center;} footer > section{display: flex;justify-content: space-between;align-items: center;flex-direction: row;background: #fff;} footer:before,footer:after{content:''; width:50px;height: 50px;background-image: url("../design/menu_path.svg"); background-repeat: no-repeat; background-position: center center;} footer:after{transform:scaleX(-1);} a.sadeceweb{ position: absolute; right:10px; bottom:20px; width: 32px; height: 27px; background: url("../design/sadeceweb.png") no-repeat; opacity: .5; } a.sadeceweb:hover{ opacity: 1; } footer nav { float: left; position: relative; z-index: 2; font-size:12px;} footer nav > ul { width: auto; margin: 0; padding: 0; display: flex;align-items: center; text-align: center; position: relative; } footer nav > ul > li { display: block; list-style: none; position: relative; margin: 0; float: left; } footer nav > ul > li > a { float: left; color: #222; padding: 0 15px; line-height: 30px; border-radius: 0;letter-spacing:0.03em;} footer nav > ul > li:hover > a{ background: rgba(255,80,0,.7); color: #FFF; padding:10px 15px;transition: 0.2s;} footer nav > ul > li.active:hover > a, footer nav > ul > li.active > a { background: #FF5000; color: #FFF; padding:10px 15px;} footer .langs{height: 100%;display: flex;flex-direction: row;align-items: center;overflow: hidden;} footer .langs > a{width: auto;height: auto;float: left;display: block;color:#999;padding:0 7px;position: relative;} footer .langs > a:after{content: "";background:#999; width: 1px;height: 15px;position: absolute;left: 0;right: 0;top: 100%;margin: auto;} footer .langs > a.active{color:#FF5000; } footer .langs > a.active:after{background:#FF5000; width: 3px;} footer .langs > a:hover{color:#FF5000; } footer .langs > a:hover:after{background-color:#FF5000;} #homemenu.mobilehomemenu{display: none;} .backto {position: absolute;right: 15px;top: 105px;} .backto > a{padding: 4px 10px;font-size: 13px;color:#222;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;} .backto > a > i{width: 20px;aspect-ratio: 1 / 1;background-image: url("../design/fragment.svg");background-color: #222;background-repeat: no-repeat;background-position: center center;border-radius: 500px;transform:scaleX(-1);} .backto > a > span{padding-left: 7px;font-size: 12px;} .backto > a:hover{color:#ff5000;} .backto > a:hover > i{background-color:#ff5000;} @media screen and (max-width:1210px) { header .logo{ margin-left:10px; } } @media screen and (min-width:1023px) { .is_mobil { display: none; } header a.formenu { display: none; } header nav { float: left; position: relative; z-index: 2; font-size:15px;} header nav > ul { width: auto; margin: 0 auto; padding: 0; display: flex; text-align: center;align-items: center; position: relative; } header nav > ul > li { display: block; list-style: none; position: relative; margin: 0; float: left; } header nav > ul > li.fmenu{ display: none; } header nav > ul > li > a { float: left; color: #222; padding: 0 15px; line-height: 30px; border-radius: 0;transition: 0.4s;} header nav > ul > li.lmenu > a{ color:#FF5000; } header nav > ul > li:hover > a{ background: rgba(255,80,0,.7); color: #FFF; padding:15px;} header nav > ul > li.active:hover > a, header nav > ul > li.active > a { background: #FF5000; color: #FFF; padding:15px;} header nav > ul > li.has-sub > a:after { display: inline-block; margin-left: 5px; font-family: 'FontAwesome'; content: "\f0d7"; font-size: 13px; } header nav > ul > li ul { opacity: 0; visibility: hidden; position: absolute; left: 0; top: 100%; width:230px;background:#fff;box-shadow:5px 6px 5px rgba(0, 0, 0, 0.1);margin:0;padding:0;text-align: left; } header nav > ul > li ul li { float: left; width: 100%; list-style: none; position: relative; } header nav > ul > li ul li a { -webkit-transition: all 200ms linear; float: left; width: 100%; padding: 10px 15px 10px 15px; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(255,255,255,.1); color: #222; } header nav > ul > li ul li a:hover { background: #222; color: #FFF; border-color: transparent; } header nav > ul li > ul { -webkit-transition: all 200ms linear; opacity: 0; top: 125%; } header nav > ul > li:hover > ul { top: 100%; opacity: 1; visibility: visible; } header nav > ul > li ul ul { left: 100%; top: 0; border-left: 1px solid rgba(0,0,0,.1); } header nav > ul > li ul li:hover > ul { opacity: 1; visibility: visible; } header nav > ul > li li.has-sub > a:after { float: right; font-family: 'FontAwesome'; content: "\f0da"; font-size: 13px; } } @media screen and (max-width:1023px) { .is_desktop { display: none; } .openhidden{width: 50px;height: 50px;position: absolute;right: 15px;top: 90px;z-index: 3;display: flex;background: rgba(255,80,0,.9) url(../design/openhidden.svg);background-position: center center;background-repeat: no-repeat;background-size: 65%;border-radius: 4px;} .dnone { display: none; } .center { float: left; padding: 0 7px 0 7px; } main{position: relative;width: 100%;height: 100%;left: 0;right: 0;top:0;bottom:0;overflow: scroll;padding:90px 15px 0 15px;} header a.formain{ position:absolute; left:30px; top:30px; } header a.foruser{ position:absolute; right:30px; top:25px; font-size:23px; color:#111; } header a.foruser.active{ color:#1A73E8; } a.formenu .nav-icon { position: relative; display: inline-block; cursor: pointer; z-index: 1; margin:0; padding:0; -webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transform-origin: top left } a.formenu .nav-icon i{ margin: 3px 0; padding: 0 } a.formenu .nav-icon:before, a.formenu .nav-icon:after, a.formenu .nav-icon i { content: ""; display: block; width: 24px; height: 3px; background: #111; -webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } a.formenu.active .nav-icon:before, a.formenu.active .nav-icon:after, a.formenu.active .nav-icon i { -webkit-border-radius:.1rem;-khtml-border-radius:.1rem; -moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;border-radius:.1rem } a.formenu.active .nav-icon:before { -webkit-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0); -khtml-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0); -moz-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0); -ms-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0); -o-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0); transform: rotate(45deg) translate3d(4.5px, 4.5px, 0) } a.formenu.active .nav-icon:after { -webkit-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0); -khtml-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0); -moz-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0); -ms-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0); -o-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0); transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0) } a.formenu.active .nav-icon i { opacity: 0 } header nav.drillmenu{ position:fixed; left:-100%; top:75px; width:100%; height:auto; padding:0; -webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;overflow: auto; } header nav.drillmenu > ul{ position:relative; float:left; width:100%; background:#FFF; margin:0; padding:0; list-style:none; } header nav.drillmenu > ul li ul{ float:left; margin:0; padding:0; text-indent:20px; width:100%; display:none; border-radius:0; } header nav.drillmenu > ul li.hc ul{ display:block; } header nav.drillmenu ul li{ float:left; width: 100%; background:#fff; position:relative; list-style:none; margin:0; } header nav.drillmenu ul li.has-sub i{ font-size:23px; position:absolute; right:10px;top:calc(50% - 10px); color:#CCC;} header nav.drillmenu ul li a{float:left;width:100%;text-decoration:none;font-size:18px !important; font-weight:400; padding:13px; background:none !important; border:0 !important; border-radius:0 !important; border-bottom:1px solid rgba(0,0,0,.15) !important;border-top:1px solid rgba(255,255,255,.07) !important; color:#444 !important; position:relative;} header nav.drillmenu ul li a.active,header nav.drillmenu li:hover > a, header nav.drillmenu li.active > a{ } header nav.drillmenu.active{ left:0;bottom:0; } header nav.drillmenu ul li.active > ul{ display:block; } header nav > ul > li.l1{border-bottom:5px solid #222; } #bread-crumbs > ul{ padding-left:15px; } .contact-form .sw8,.contact-form .sw4,.contact-form-bottom > .sw7{ width:100%; margin:0 0 10px 0 !important; padding:0; } .contact-form-bottom > .sw2,.contact-form-bottom > .sw3{ width:50%; } .contact-form-bottom > .sw7{ margin-top:30px !important; } .gmap iframe{ height:500px; } .entry-content{ padding:0 15px; } header,header .logo{ height:75px; } header .logo{ float:none; margin:auto; display:block; display: flex;justify-content: center;align-items: center;position: absolute;left: 0;right: 0;} header .logo > img{ height:25px; } .offer-search-content{margin:0;padding:20px;} .offer-search-content > span{ margin-bottom:40px; } .offer-search-content .popular a{ font-size:13px; padding:4px 6px; margin:3px; } .offer-search ,.offer-search .swiper-container{ height:450px; } .offer-search .swiper-container .swiper-slide{ background-position:bottom right !important; background-size:auto 50% !important; } .index-how ul{ padding:0 10px; } .index-how ul li{ margin-top:25px; text-align:center; } .index-how ul li > span,.index-how ul li > div{ width:100%; } .index-how ul li > div{ padding:0; } footer{ padding-top:40px; } footer nav,footer .footer-right{ width:100%; margin:10px 0; } footer div.bottom{ margin-top:30px; } .pages > .page-title,.cinemapage > .page-title{ font-size:24px; } .shops-content-page > .search{ position: relative; width:100%; margin:10px 0 30px 0; } .shops-content-page > .search > form > label > input{ height: 30px; line-height:18px; } .pages.shops-content-page > .shops-content{ top:10px; } .shops-content > .shops{ width: 100%; } .shops-content > .plans-categories{ width: 350px; position: absolute; right:-500px; } .shops-content > .shops > ul > li{ width: 33%; } .shops-content > .shops.detail > .shop-cart-details{ display: block; text-align: center;} .shops-content > .shops.detail > .shop-cart-details > .shop-logo{ display: inline-block; width: 200px; } .shops-content > .shops.detail > .shop-cart-details > .shop-info{ display: block; width:100%; margin-top: 20px; text-align: left; } .shops-content > .shops.detail > .shop-gallery > .gallery > a{ width: 33.33333%; } .cinemapage{ padding: 0;height: 95%; } .cinemapage ul.films > li{ width: 49%; margin-bottom: 20px; } .cinemapage > .tabheader{ position: relative; width: 100%; } .cinemapage > .tabheader > a{ width: 100%; } .film_left_detail{padding-right:0;} .film_left_detail > .movie-info > .movie-detail{padding-left:0;width: 100%;} .film_left_detail > .movie-info > .movie-detail .shapebox{display: flex;justify-content: space-between;margin-top: 20px;} .film_left_detail > .movie-info > .movie-detail .shapebox > span{width: 48%;} .film_left_detail > .movie-info > .movie-detail .cinema-buttons{display: flex;justify-content: space-between;} .pages{ width: 100%; height: 95%;} .film_end_detail{ display:none; } .pages.cinemadetail > .page-content{ width: 100%; } .pages.cinemadetail > .backtopage{ right:0; } .film_left_detail > .movie-info{ display:block; } .film_left_detail > .movie-info > .movie-detail .shapebox > span,.film_left_detail > .movie-info > .movie-detail .cinema-buttons > a{ margin:0 0 20px 0; } .film_left_detail > .movie-info > .movie-poster{ width:100%; } .pages.cinemadetail > .page-title{ line-height: 36px; height: auto; } .contactpage > .form-map > .map-part > .how-to-go{top:-45px} .contactpage > .form-map{ display: block; } .contactpage > .form-map > .map-part,.contactpage > .form-map > .form{ width: 100%; margin: 0 0 20px 0; } .contactpage > .form-map > .form{ padding: 0; } .pages.moa-art-show > .art-content{padding-right: 0;width: 100%;} .newspage ul{width:100%;} .newspage ul > li{width:33.33%;min-width: unset;} label.langs{float:right;padding: 0 10px 0 0;position: absolute;right: 0;} label.langs > select{padding: 10px;border-radius: 500px;border: 1px solid #ddd;font-size: 14px;} .shops-content-page > .search{ top: 5px; } a.sadeceweb{ bottom:5px; left: 5px; } } @media(max-width:768px){ .pages.moa-art-show > .art-content > .art-gallery > .gallery > a{width:33.333%;} ._mc > a > span, #bread-crumbs{display:none;} .eventspagedetail{height: 95%;} .eventspagedetail > .page-container > .other_events{right:-1000px;} .eventspagedetail > .page-container > .page-content{width: 100%;} .eventspagedetail > .page-container > .other_events > .others_scrollbox{padding-left:0;} .eventspagedetail > .page-container > .other_events{width:55%;} .eventspagedetail > .page-container{overflow:hidden;} .eventspagedetail > .page-container > .page-content > .detail{width: 100%;padding-left: 0;} .eventspagedetail > .page-container > .page-content > .img{width: 100%;margin-bottom:15px;} .eventspagedetail > .page-container > .page-content > .subpage-title{padding: 20px 0;} #kform .fieldset{flex-direction: column;} #kform fieldset{width: 100%;} .newspage-detail{height:95%;overflow: hidden;padding: 25px 0; } .newspage-detail > .innercontent{flex-direction: column;} .newspage-detail > .innercontent > .news-right{position: absolute;left:-1000px;} .newspage-detail > .innercontent > .news-left{width: 100%;padding-right: 0;} .presspage > .innercontent{flex-direction: column;} .presspage > .innercontent > .press-left{padding-right:0;} .presspage > .innercontent > .press-left, .presspage > .innercontent > .press-right{padding-right:0;width: 100%;} .press-left > .page-content, .press-right > .page-content{padding-right:0;} .plans-categories{width: 100%;max-width: 350px;} .eventspagedetail > .page-container > .page-content > .buyticket{position: unset;border-radius:50px;background:#FF5000;color:#FFF;padding:0 20px;line-height:40px;font-weight:500;display: flex;width: fit-content;margin-bottom: 10px;} body{border-bottom:none;} header{z-index: 4;position: fixed; background:rgba(255,255, 255, .9);} body.home main > section{flex-direction: column;flex-wrap: nowrap; justify-content: flex-start;float: right;} #slidercontainer {height: auto;width: 100%;} #rightcontainer{width:100%;height: unset;top:0;} #rightcontainer > .shake._w9, #rightcontainer > .shake._w3, #rightcontainer > .shake._w5{display: none;} #rightcontainer ._arrows{top: 70%;left: 70%;position: absolute;border: none;background: rgba(255,255,255,.5);} .circle{border-radius: 4px !important;} #homemenu{display: none;} #homemenu.mobilehomemenu{display: flex;width: 100%;height: auto;flex-direction: row;flex-wrap: wrap;padding-bottom: 40px;} #homemenu.mobilehomemenu .circle, .working-hours{border-radius:2px;width: 30%;right: unset;left: unset;top: unset;bottom: unset;height: unset;border-width:0;margin: 3% 1.5% 0 1.5%;position: relative;} .working-hours > .box-container{right: 0;} .working-hours > .box-container > .box{background-color:rgba(255,255,255,.95)} #homemenu.mobilehomemenu .social {width: 100%;position: relative;float: left;left: 0;right: unset;top: unset;bottom: unset;aspect-ratio: 1/1;aspect-ratio:unset;height: auto; display: flex;justify-content: center;} #homemenu.mobilehomemenu .social > a{width: 15%;/*position: absolute;*/float:left;margin: 3% 1.5% 0 1.5%;} /* #homemenu.mobilehomemenu .social > a:nth-child(1){left: 0;top: 0;} #homemenu.mobilehomemenu .social > a:nth-child(2){right: 0;top: 0;} #homemenu.mobilehomemenu .social > a:nth-child(3){left: 0;bottom: 0;}*/ ._w1, ._w3, ._w5, ._w7, ._w9, ._w11, ._w13, ._w15, ._w17{animation:unset; } .newspage ul > li{width:50% !important;min-width: unset;} } @media(max-width:480px){ .pages.moa-art-show > .art-content > .art-gallery > .gallery > a{width:50%;} .newspage ul > li{width:100% !important;min-width: unset;} .film_left_detail > .movie-info > .movie-detail .cinema-buttons{flex-direction: column;} .film_left_detail > .movie-info > .movie-detail .shapebox > span{padding: 5px 20px;} .cinemapage ul.films > li{ width:100%; margin: 0 0 20px 0; } .shops-content > .shops > ul > li{ width: 50%; } .eventspagedetail > .page-container > .other_events{width: 100%;} } @media(min-width:769px and max-width:1024px){} @media(min-width:1025px and max-width:1200px){}