@charset utf-8;@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i); @import url("styles/fonts.css"); html,body{width:100%;height:100%;min-height:100%;margin:0;padding:0;} body{font-family:Geometria, sans-serif;color:#666;} wrapper{display:block;width:1200px;position:relative;margin:0 auto;} *{box-sizing:border-box;} ul{list-style:none !important;margin:0;padding:0;} a{text-decoration:none;} a:hover{color: #EB2C17;} .left{float:left;} .right{float:right;} .none{display:none !important;} .hide{display:none !important;} .show{display:block;} .scrollHide {overflow:hidden !important;} h1,h2,h3,h4,h5,h6 {font-weight: normal;color: #111;} t {display:table;height:100%;width: 100%;} tc {display:table-cell;height:100%;vertical-align:middle;width: 100%;} input[type="text"],input[type="submit"],input[type="button"], input[type="date"], select, textarea {-webkit-appearance: none;} .fade{ -webkit-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); -moz-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); -o-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */ -webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */ } #homeLogo {position: absolute;z-index: 1000;left: 50%;margin-left: -160px;top: 20px;} #homeBooking {position: absolute;z-index: 1000;left:20px;top:50px;text-align: center;} #homeBooking a.btn{padding: 10px 20px;display: block;font-size: 14px;width:260px;background:#E22625;color:#fff;border: 1px solid; font-family: geometriabold;} #homeBooking a.hover{background:#000;} #homeBookingForm {opacity:0; background:rgba(0,0,0,.8); margin-top:5px; color: #fff;padding: 10px 20px;font-size: 14px;width:260px;min-height: 180px;border: 1px solid #666;} .phoneRed {color:#E22625;font-family: geometriabold;font-size: 17px;letter-spacing: 2px;position: absolute;top: -25px;width: 260px;left: 0;} .phonewats {color: #E22625; font-family: geometriabold; font-size: 17px; letter-spacing: 3px; position: absolute; top: -5px; width: 260px; left: 0;} .phoneWhite {color:#fff;font-family: geometriabold;display: block;padding: 10px;} #homeBookingForm.open {opacity:1; margin-top:5px;} #homeBookingForm form{} #homeBookingForm form div{width:100%;float: left;} #homeBookingForm form div.date{width: 48%;margin: 10px 1%;} #homeBookingForm form div.date input{border-bottom:1px solid #666;} #homeBookingForm form div.pax input{border-top:1px solid #666;} #homeBookingForm form div.pax{width: 31.3%;margin: 10px 1%;} #homeBookingForm form div input{width:100%;border: 0;background: none;color: #fff;text-align: center;} #homeBookingForm form div input.submit{background:#E22625;color:#fff;border: 1px solid;padding: 10px;} a.backbtn {float:right; color:#EB2C17;font-family: geometriabold;} a.backbtn:hover {color:#000;} #homeLang {position: absolute;z-index: 1000;right:20px; top:20px; text-align: center;} #homeLang a.btn{color: #fff;padding: 10px 20px;display: block;font-size: 14px;width:260px;border: 1px solid #666;font-family: geometriabold;} #homeLang a:hover{background:#000;} #homeLang a.hover{background:#000;} #homeLangArea {opacity:0; background:rgba(0,0,0,.8); margin-top:-220px; color: #fff;padding: 10px 20px;font-size: 14px;width:260px;min-height:160px;border: 1px solid #666;} #homeLangArea.open {opacity:1; margin-top:5px;} #homeLangArea a {color: #fff;padding: 10px 0; display: block; font-size: 14px; border-bottom: 1px solid #666; font-family: geometriabold;} #homeLangArea a:hover{color:#E22625;} #homeLangArea a:last-child{ border-bottom:none;} #popup {display: block;position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.6);top: 0;left: 0;z-index: 99999;} #popup ul.slides{height: 100%;} #popup ul.slides li{} #popup ul.slides li a {} #popup ul.slides li a img{height: 600px; width: auto; margin: auto;} #popup .close {position: absolute;top: 20px;right: 20px;padding: 2px;border-radius: 50%;text-align: center;color: #999;font-size: 32px;z-index: 99999; cursor:pointer;} #popup .close:hover {color:#fff;} #popup .flexslider {position: relative; top: 50%; margin-top: -300px;} .flex-control-nav {bottom:15px;} .online-sat { padding: 10px 20px; display: block; font-size: 14px; width: 260px; background: #E22625; color: #fff; border: 1px solid; font-family: geometriabold; text-align: center; } header#header{width:100%;height: 190px;position:absolute;z-index:900; padding-top: 5px; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4d000000',GradientType=0 ); } header#header div#logo{width:200px;margin: auto;} header#header div.right{width:calc(100% - 200px);} header#header div#logo img{height:120px;} header#header #top{height:35px;text-align: right;line-height: 35px;font-size: 14px;padding-right:20px;} header#header nav#menu{text-transform:uppercase;font-size: 14px; margin-top: 25px;} header#header nav#menu ul{ text-align: center; } header#header nav#menu li{font-weight: 300;position:relative;display: inline-block;} header#header nav#menu li a{color: #fff;display: inline-block;padding: 10px;} header#header nav#menu li a:hover{color: #A56A38;} header#header nav#menu li ul.headerSubmenu{display:none;position:absolute;background:#4CA5FF;width:220px;padding:10px;} header#header nav#menu li ul.headerSubmenu li{float:none;font-weight:300;text-shadow:none;} header#header nav#menu li ul.headerSubmenu li a{font-size:12px;padding:5px 0 5px 10px;} header#homeHeader{display:none; width:100%;height: 100px;position: absolute;z-index:900;background: #fff;} header#homeHeader.fixed{position: fixed; top:0;} header#homeHeader div#logo{float:left; width:200px;} header#homeHeader div.right{width:calc(100% - 200px);} header#homeHeader div#logo img{height: 100px;} header#homeHeader nav#menu{text-transform:uppercase;font-size: 14px;margin-top: 32px;} header#homeHeader nav#menu ul{float:right;} header#homeHeader nav#menu li{float:left;font-weight: 300;position:relative;} header#homeHeader nav#menu li a{color: #555;display:block;padding: 10px;} header#homeHeader nav#menu li a:hover{color: #E22625;} header#homeHeader nav#menu li.selected a{color: #E22625;} header#homeHeader nav#menu li ul.headerSubmenu{display:none;position:absolute;background:#4CA5FF;width:220px;padding:10px;} header#homeHeader nav#menu li ul.headerSubmenu li{float:none;font-weight:300;text-shadow:none;} header#homeHeader nav#menu li ul.headerSubmenu li a{font-size:12px;padding:5px 0 5px 10px;} header#header #top .callcenter{color:#E22625;} header#header #top .social{margin: 0 20px;position: relative;top: 10px;margin-right: 100px;} header#header #top .social img{width:32px; height:32px;} header#header #top .language {float:right;position: absolute;right: 0;padding: 5px 10px; z-index: 9;border: 1px solid #666;height: 34px;overflow: hidden;margin-top: 8px;background: rgba(255,255,255,.5);width: 75px;} header#header #top .language:hover {height: 106px; background:#F3F0ED;} header#header #top .language a{text-decoration: none;color: #333;font-size: 12px;display:block;line-height: 24px;} header#header #top .language a img{float:left;width:auto;height:25px;position: relative;top: -1px;margin-right: 5px;} header#header #top .language a span{position: relative;top: 0px;margin-right: 5px;} a.TRTR, a.ENEN, a.DEDE, a.RURU {display:none !important;} section#slider{width:100%;height:100%;position:relative;top:0;left:0;} section#slider .slideTitle{white-space: inherit; width: 100%; color: #fff; top: inherit!important; bottom: 80px; left: 0 !important; padding: 0 20px!important; text-align: center;} section#slider .slideTitle .tp-splitted{font-weight: normal; font-size: 98px; text-align: center; color: #fff; font-family: Gotham Extra Light;} section#ListSlider{width:100%;height:100%;position:relative;top:0;left:0;} body.noSlide section#ListSlider{display:none !important;} body.noSlide .exp{display:none;} body.noSlide .expUp{display:none;} body.noSlide header#homeHeader{display:none;} body.noSlide header#header{} body.noSlide section#imageMenu{top:0; margin-bottom: 0;} body.noSlider section#subSlider { width: 100%; height: 160px; position: relative; top: 0; left: 0; visibility: hidden; } section#ListSlider .slideTitle{white-space: inherit; width: 100%; color: #fff; top: inherit!important; bottom: 80px; left: 0 !important; padding: 0 20px!important; text-align: center;} section#ListSlider .slideTitle .tp-splitted{font-weight: normal; font-size: 98px; text-align: center; color: #fff; font-family: Gotham Extra Light;} #booking {width:100%; height:50px; position:absolute; bottom:0; z-index:91; background:rgba(255,255,255,.7); text-align:center; line-height:50px; color:#333; font-size:18px;} #booking form {display: inline-block;} #booking form span {} #booking form select {font-size: 14px; color:#333; border-radius:4px; padding: 7px; max-width: 150px; border:none;} #booking form input[type="text"] {font-size: 14px; color:#333; border-radius:4px; padding: 7px; max-width: 150px;border:none;} #booking form input[type="submit"] { font-size: 14px; background:#EB2C17; color:#fff; border-radius:4px; padding:9px 7px; max-width: 150px;border:none;} #booking .plus16 {border-radius:50%;border: 4px solid #EB2C17;color:#EB2C17;font-family: 'GeometriaBold';width: 45px;height: 45px;line-height: 38px;display: inline-block;position: absolute; right: -15px; top:3px;} #bookingMobile {display:none; width:100%;} #bookingMobile a{background:#EB2C17; color:#fff; font-family: 'GeometriaBold'; font-size:14px; padding:10px 0; display:block;} #bookingMobile a:nth-child(2){background:#eee; color:#EB2C17;} .ors-widget {width: 100% !important;} .ors-widget .hotellistsection{display:none !important;} .ors-widget .ors-widget-body{background: none !important; box-shadow: none !important;} .ors-widget form{width: 100% !important;} .ors-widget form input {max-width: inherit !important;} .ors-widget form select {max-width: inherit !important;} .ors-widget header {display:none !important;} .ors-widget fieldset {float: left !important; width: 75% !important;} .ors-widget .col {float: left !important; width: 33% !important;} .ors-widget footer {float: left !important; background: none !important; width: 22% !important;} .ors-widget .button{ border-radius: 4px !important; line-height: 34px !important; margin-top: -1px !important;} .ors-widget section.child1 , .ors-widget section.child2 , .ors-widget section.child3 {position: relative !important; top: -107px !important;} table.meeting-table {border-color: #ccc;} table.meeting-table small{display:none;} section#imageMenu{overflow:hidden;position:relative;margin:0;top: 0;margin-bottom: 0;} section#imageMenu h1{font-size:36px;text-align:center;} section#imageMenu ul{display:table; width: 100%;} section#imageMenu li{float:left;width: 50%;margin: 0;padding:0;position: relative;} section#imageMenu li div{opacity:0; background:rgba(0,0,0,.8); width:100%; height:100%;} section#imageMenu li div tc{padding: 20px 40px; text-align: center;} section#imageMenu li h3{margin:0 0 20px 0;color: #fff;font-size: 22px;letter-spacing: 12px; -webkit-font-feature-settings: "kern","liga" 0,"calt" 0; font-feature-settings: "kern","liga" 0,"calt" 0;} section#imageMenu li h3:after{content:"";display:block;width: 100%;height: 2px;background:#EB2C17;margin: 10px auto;} section#imageMenu li p{text-transform: none;color:#fff;font-size: 16px;margin:0;padding: 0 25%;text-align: justify;} section#imageMenu li p.v{text-align:center; margin-top:10px;} section#imageMenu li a{display: none; width: 100%; height: 100%;} section#imageMenu li a:first-child {display:block;} section#imageMenu li h2{opacity:1;position: absolute;bottom: 0;width: 100%;margin: 0;padding: 40px 20px;text-align: center;color: #fff;font-size: 18px;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );letter-spacing: 20px; -webkit-font-feature-settings: "kern","liga" 0,"calt" 0; font-feature-settings: "kern","liga" 0,"calt" 0;} section#imageMenu li:hover div{opacity:1;} section#imageMenu li:hover h2{opacity:0;} section#imageMenu h1{font-size: 50px;text-align:center;text-transform: uppercase;font-family: geometrialight;} section#imageMenu h1:after{content:""; display:block; width:100px; height:4px; background:#EB2C17; margin:20px auto} section#imageMenu h2{text-align: center;font-size: 20px;color: #999;font-family: geometrialight;padding: 0 20% 40px 20%;} section#listMenu{overflow:hidden;position:relative;margin: 0;} section#listMenu article:nth-child(2n){background: #f5f5f5; padding-top: 1px;} section#listMenu h1{font-size: 50px;text-align:center;text-transform: uppercase;font-family: geometrialight;} section#listMenu h2{text-align: center;font-size: 20px;color: #999;font-family: geometrialight;padding: 0 20% 40px 20%;} section#listMenu ul{display:table;} section#listMenu li{float:left;width: 50%;margin: 0;padding:0;position: relative;} section#listMenu li div{opacity:0; background:rgba(0,0,0,.8); width:100%; height:100%;} section#listMenu li div tc{padding: 20px 40px; text-align: center;} section#listMenu li h3{margin:0 0 20px 0;font-family: geometriabold;color: #fff;text-transform: uppercase;font-size: 22px;} section#listMenu li h3:after{content:""; display:block; width:100px; height:4px; background:#EB2C17; margin:20px auto} section#listMenu li p{text-transform: none;color:#fff;font-size: 18px;margin:0;} section#listMenu li a{display: block; width: 100%; height: 100%;} section#listMenu li h2{opacity:1; position: absolute;bottom: 0;width: 100%;margin: 0;padding: 40px 20px;text-align: center;font-family: geometriabold;color: #fff;text-transform: uppercase;font-size: 22px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } section#listMenu li:hover div{opacity:1;} section#listMenu li:hover h2{opacity:0;} section#trainer{width:100%;background:#4DA6FF;height:300px;color:#fff;} section#trainer img{float:left;margin-top:8px;height:292px;} section#trainer div{float:right;width:calc(100%-330px);text-align:right;line-height:30px;margin-top:40px;} section#trainer div p{font-size:18px;font-weight:300;} section#trainer div span{font-size:32px;font-weight:600;border-top:1px solid #fff;display:block;padding-top:10px;} section#trainer.detailTrainer{background:#eee;height:300px;color:#004E90;position:relative;} section#trainer.detailTrainer div{text-align:left;margin-top:40px;} section#trainer.detailTrainer div p{font-size:16px;font-weight:300;line-height:20px;} section#trainer.detailTrainer div span{font-size:24px;font-weight:600;border-top:none;display:block;padding-top:0;} section#sliderArea{width:100%;background:#00468C;height:360px;} section#sliderArea #sliderText{width:50%;float:left;height:360px;color:#fff;font-size:20px;font-weight:200;padding:40px 40px 40px 0;} section#sliderArea #sliderText star{font-size:44px;position:relative;top:-5px;} section#sliderArea #detailSlider{width:50%;height:360px;float:right;position:relative;} section#detailPage{width:100%;display:table;} section#detailPage #subpageContent{float:left;width:50%;padding-right:40px;font-weight:300;font-size:16px;line-height:20px;} section#detailPage #subpageExtra{float:right;width:50%;position:relative;top:-90px;color:#fff;} section#detailPage #subpageExtra .price{width:100%;background:#D93600;height:60px;line-height:62px;font-size:26px;font-weight:600;padding:0 20px;} section#detailPage #subpageExtra .price a{border:1px solid #fff;color:#fff;font-size:18px;font-weight:300;position:relative;top:-3px;margin-left:20px;padding:7px 10px;} section#detailPage #subpageExtra .price a:hover{background:rgba(255,255,255,.2);} section#detailPage #subpageExtra .desc{width:100%;background:#00468C;font-weight:300;font-size:16px;line-height:20px;padding:40px;} section#detailPage #subpageExtra .map iframe{width:100%;height:350px;} #contactForm label{display:block;font-size:16px;margin:15px 0 3px;} #contactForm input{border:1px solid #ccc;width:350px;padding:10px;} #contactForm textarea{border:1px solid #ccc;width:350px;margin-bottom:15px;padding:10px;} ul.list{width:100%;overflow:hidden;} ul.list li{float:left;width:33.33%;position:relative;padding:1px;} ul.list li a{display:block;height:100%;} ul.list li a h3{color:#4CA5FF;font-weight:400;background:#f9f9f9;margin:0;padding:15px;} table.yonetim-table{font-size:12px;width:100%;} table.yonetim-table tr:nth-child(2n){background:#f5f5f5;} table.yonetim-table td{border-left:1px solid #eee;padding:0 10px;} table.yonetim-table small{display:none;} section#homeText{margin: 40px 0;font-size: 16px;text-align: center;} section#homeText wrapper{padding:0 9%;} section#homeText strong{} section#homeText h1{font-family: 'GeometriaLight'; font-weight: normal; font-size: 40px; text-transform:uppercase;} section#subPage{width:1200px;position:relative;z-index:101;background:#fff;margin:0 auto;padding:40px 40px 100px;min-height: 400px;} section#subPage h1{font-size: 42px;text-transform:uppercase;padding-bottom:30px;margin:0;font-family: geometrialight;} section#subPage #subpageContent{float:right;width: 830px;} section#subPage #subpageContent.full{float:right;width: 100%;overflow: hidden;} section#subPage #subpageContent.full .left{width:50%; margin-right:5%;} section#subPage #subpageContent.full .right{float:right; width:45%; margin-bottom: 50px;} section#subSlider{width:100%;height: 600px;position: relative;top:0;left:0;} article#subpagePhotos{position: relative;clear: both;top: 40px;overflow: hidden;display: none;} article#subpagePhotos h2{font-size: 22px;color:#D93600;text-transform:uppercase;margin: 0 0 10px 0;font-family: geometriabold;} article#subpagePhotos ul li{float:left;width:24%;position:relative;margin-right: 1%;} article#subpagePhotos ul li div{opacity:0;position:absolute;width:100%;height:100%;text-align:Center;background:rgba(0,0,0,.7);top: 0;left: 0;color: #fff;font-size: 32px;} article#subpagePhotos ul li a{display: block;} article#subpagePhotos ul li a h3{background:#4CA5FF;color:#fff;font-weight:300;font-size:14px;margin:0;padding:10px;} article#subpagePhotos ul li:hover div{opacity:1;} article#list {clear: both;} article#list ul{} article#list ul li{float:left;width:32%;margin:0.5%;position:relative;font-size: 14px;font-weight: 500;} article#list ul li {} article#list ul li img{width:100%;} article#list ul li h3{float: left; font-weight: 600; text-transform:uppercase;} article#list ul li a.photo{float: right;color: #666;font-size: 26px;padding: 12px;} article#list ul li div.desc{display:none;position:absolute;top:0;bottom:57px;left:0;right:0;background:rgba(0,0,0,.6);padding: 20px;color: #fff;font-weight: 300;} article#list ul li:hover div.desc{display:block;} section#map{width:100%;height:400px;top:150px;position:relative;} section#map iframe{width:100%;height:400px;pointer-events:none;} footer#footer {width:100%;overflow: hidden;background: #111;padding: 20px 0;padding-bottom: 150px;} footer#footer div{float:left; width:25%;text-align:left;} footer#footer div ul {margin:0; padding:0; list-style:none;} footer#footer div ul h3{font-size:14px;text-transform: uppercase;color: #EB2C17;} footer#footer div ul li{font-size:12px;text-transform: uppercase;} footer#footer div ul li a{color: #eee;text-decoration:none;padding:3px 0;display:block;} footer#footer div ul li a:hover{color: #EB2C17;} footer#footer div ul p{font-size:12px;color: #eee;} footer#footer div ul p a {font-size:12px; color:#F1AD2D; padding:3px 0; } footer#footer div ul p a:hover{color: #EB2C17;} /**/ .callWe {margin-top:4px;} .sizi-arayalım-form{position: fixed;width: 500px;height: 560px;left: 50%;top: 35%;margin: -175px 0 0 -250px;background: #fff;z-index:9001;box-shadow: 0 0 20px rgba(0,0,0,.2);display:none;} .sizi-arayalım-form h1{background: #d6d6d6;margin: 0;padding: 10px 20px;font-size: 18px;text-transform: uppercase;} .sizi-arayalım-form form{padding: 20px;} .sizi-arayalım-form form div{overflow: hidden; margin-bottom: 20px;} .sizi-arayalım-form label{font-size: 12px; margin-bottom: 5px; display: block;} .sizi-arayalım-form input{width: 100%;padding: 10px;float: left;border: 1px solid #ccc;} .sizi-arayalım-form input.submit {} .sizi-arayalım-form select {width: 100%; float: left; padding: 10px; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial;} .main-rez-widget{position: fixed; left: 47%; bottom: 5px; height: 80px; z-index: 900; background: #fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); border-radius: 0 10px 10px 10px; width: 805px; margin-left: -355px;} .main-rez-widget h1{background: #d6d6d6;margin: 0;padding: 10px 20px;font-size: 18px;text-transform: uppercase;} .main-rez-widget form{padding: 10px;display: table;margin: auto;} .main-rez-widget form div{overflow: hidden;float: left;margin: 0 10px;} .main-rez-widget label{font-size: 12px; margin-bottom: 5px; display: block; color: #000; font-weight: 600; border-bottom: 1px solid #000;} .main-rez-widget select{height: 26px; border: 0px; padding-left: 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color: rgba(70,57,66,0.7); color: white; font-size: 14px; font-weight: 600;} .main-rez-widget input{float: left; padding-left: 8px; padding-right: 8px; height: 26px; border: 0px; background-image: url(images/calendar3.png); background-repeat: no-repeat; background-position: 95%; cursor: pointer; width: 140px; -webkit-border-radius: 5px 5px 5px 5px; background-color: rgba(70,57,66,0.7); color: white; font-size: 14px; font-weight: 600;} .main-rez-widget input.submit {background-image:none;} .pic_drp_adult {-webkit-appearance: menulist!important; width: 65px; height: 26px; border: 0px; padding-left: 5px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; /* background-color: rgba(70,57,66,0.7); */ /* background-color: rgba(3,7,11,0.7); */ background-color: rgba(70,57,66,0.7); color: white; font-size: 14px; font-weight: 600; } #overlay {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.9); display:none; z-index:9000;} #overlay a.x{position:absolute; right:0; top:0; padding:20px; font-size:32px; color:#999;} #overlay a.x:hover{color:#fff;} div.exp {position:absolute;bottom: 55px;left:50%;margin-left: -20px;width: 30px;height: 30px;color: #fff;z-index: 99;background: rgba(235, 44, 23,.3);text-align: center;font-size: 30px;} div.exp a {color:#fff;} div.expUp {position:absolute;bottom: 180px; color: #fff;z-index: 99;text-align: center;font-size: 14px; width: 100%; letter-spacing: 20px; -webkit-font-feature-settings: "kern","liga" 0,"calt" 0; font-feature-settings: "kern","liga" 0,"calt" 0;} div.expUp b{} /**/ header#mobileHeader{width:100%;height:60px;position:fixed;top:0;z-index:10000;display:none;background:#fff;} header#mobileHeader a#mobileLogo{display:block;float:left;padding:0 10px 0 0;} header#mobileHeader a#mobileLogo img{height:60px;} header#mobileHeader a#mobileMenuBtn{float:right;display:block;padding:18px 12px;} header#mobileHeader a#mobileMenuBtn img{height:24px;} footer#mobileFooter{width:100%; display:none; position: fixed;bottom: 0;background: #E22625;height: 50px;z-index: 10000;} footer#mobileFooter a{width:50%;display:block;color:#fff;float: left;text-align: center;line-height: 50px;font-size: 14px;} footer#mobileFooter a i{margin-right:10px;} footer#mobileFooter a:nth-child(2n){background:rgba(0,0,0,.2);} nav#mobileMenu #mobileMenuWrap{position: relative; width: 100%; height: 100%;overflow: auto; padding-bottom: 120px;} nav#mobileMenu{display:none;position:fixed;top: 60px;background: rgba(255,255,255,1);z-index:9999;width:100%;text-align:center;height: 100%;padding-top: 20px;} nav#mobileMenu li{font-weight:700;text-transform:uppercase;} nav#mobileMenu li a{color: #E22625;display:block;padding:10px;} nav#mobileMenu li ul li{font-weight:300;text-transform:none;font-size:14px;} nav#mobileMenu ul li ul{display:none;border-bottom:1px solid #ddd;} nav#mobileMenu div#mm_social small {display:block; font-size:12px; margin-bottom: 6px;} nav#mobileMenu div#mm_social {margin-top: 10px;} nav#mobileMenu div#mm_social a{color: #333;font-size: 22px;padding: 10px;} nav#mobileMenu div#mm_lang small {display:block; font-size:12px; margin-bottom: 6px;} nav#mobileMenu div#mm_lang {margin-top: 10px;} nav#mobileMenu div#mm_lang a{color: #E22625; font-size: 16px; padding: 10px;} nav#mobileMenu div#mm_hotels small {display:block; font-size:12px; margin-bottom: 6px;} nav#mobileMenu div#mm_hotels {margin-top: 10px;} @media screen and (max-width:1024px) { header#header,footer#footer,section#trainer,section#map,#homeLogo{display:none;} header#mobileHeader{display:block;} footer#mobileFooter{display:block;} section#imageMenu li{width:90%;margin:0 5%;} section#subSlider{width:100%;height:200px; top: 260px; margin-bottom: 60px;} section#subPage h1{font-size:26px;text-align:center;margin:20px 0 0;} section#subPage #subpageContent{line-height:20px;padding:0 20px;} section#sliderArea #sliderText{width:100%;float:left;height:inherit;color:#fff;font-size:16px;font-weight:200;margin-top:60px;padding:20px;} section#sliderArea #detailSlider{width:100%;height:200px;float:right;position:relative;} section#sliderArea{width:100%;background:#00468C;height:inherit;} section#sliderArea #sliderText h1{font-size:22px;margin:0;} section#sliderArea #sliderText h3{font-size:18px;margin:0;} section#sliderArea #sliderText star{font-size:30px;position:relative;top:-5px;} section#detailPage #subpageContent{width:100%;line-height:20px;padding:0 40px;} section#detailPage #subpageExtra{width:100%;top:0;} section#detailPage #subpageExtra .price{width:100%;background:#D93600;height:inherit;line-height:62px;font-size:26px;font-weight:600;text-align:center;padding:0 20px 15px;} section#detailPage #subpageExtra .price a{border:1px solid #fff;color:#fff;font-size:18px;font-weight:300;position:relative;top:-3px;margin-left:0;display:block;line-height:40px;padding:0;} wrapper,ul.list li{width:100%;} header#homeHeader {display:none !important;} section#imageMenu {top:60px;padding-bottom: 50px;} section#imageMenu ul {display: block;} section#imageMenu li div {display:none;} section#ListSlider .slideTitle .tp-splitted{font-size: 36px;} section#ListSlider .slideTitle{ bottom: 125px; line-height: 100px;} section#subPage #subpageContent.full .left{width:100%; margin-right:0%;} section#subPage #subpageContent.full .right{float:right; width:100%; margin-bottom: 50px;} div.expUp {bottom: 100px;letter-spacing: 10px;} div.exp {bottom: 60px;} /*mobil kutu but0nlar*/ #homeBooking {left: 50%;margin-left: -130px;top: 100px;} #homeLang {left: 50%;margin-left: -130px;top: 210px; z-index:999;} #homeLang a.btn {background:#000;} .sizi-arayalım-form {width: 90%;left: 5%;top:110px;margin:0;z-index: 99999999999;height: 80vh;overflow-y: auto;} #overlay a.x {top:50px;} /*mobil kutu but0nlar*/ a.backbtn {width: 100%; text-align: center; padding-bottom: 20px;} body.noSlide section#imageMenu { top: 60px; margin-bottom: 0;} #tawkchat-minified-box {margin-top: -36px!important;} } @media screen and (max-width:768px) { section#slider{height:auto;} section#homeText h1{font-size:24px;} section#imageMenu li{width:100%;margin:0 0 1px 0;} section#subPage{width:100%;margin: 0; padding: 0 0 50px 0; top: 260px; overflow: hidden;} section#subPage #subpageContent{margin:0 0 40px;padding:0 20px;} table.yonetim-table small{display:block;font-size:13px;margin-right:10px;width:100px;font-weight:800;} table.yonetim-table tr{padding-bottom:20px;display:table;border-bottom:1px solid #004A8C;} table.yonetim-table td{display:block;width:100%;margin-bottom:10px;} table.yonetim-table td p{text-align:left!important;margin:0;} section#homeText,section#imageMenu li a h3,.right{width:100%;} section#imageMenu li a img,table.yonetim-table tr:first-child,.tarih{display:none;} article#subpagePhotos ul li,.video-iframe{width:100%;margin:10px 0;} #popup ul.slides li a img {height: auto; width: 100%;} .main-rez-widget {display: none;} #tawkchat-minified-box {margin-top: -36px!important;} } @media screen and (max-width:640px) { table.yonetim-table small{display:inline-block;font-size:13px;margin-right:10px;width:100px;} table.yonetim-table tr{padding-bottom:20px;display:table;} table.yonetim-table tr:first-child{display:none;} table.yonetim-table td{display:block;width:100%;} table.yonetim-table td p{text-align:left!important;margin:0;} body.noSlider section#subSlider {height: 0;} table.meeting-table { border: 0; } table.meeting-table small{display:inline-block;font-size:13px;margin-right:10px;width: 100px;color: #999;} table.meeting-table tr{padding-bottom: 20px;display: table;width: 100%;} table.meeting-table tr:first-child{display:none;} table.meeting-table td{display: block;width:100%;border-bottom: 1px solid #ddd;padding: 5px 0;} table.meeting-table td p{text-align: left !important; margin: 0;} section#imageMenu li h2 {letter-spacing:5px;} } @media screen and (max-width:480px) { #contactForm textarea {width: 100%;} #contactForm input {width: 100%;} }