@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
html, body {min-height:100%; max-height:100%;}
body {font-family: 'Raleway', sans-serif; color:#000; margin:0; padding:0; }
wrapper {width:1200px; margin:0 auto; clear:both; display:block;}
* {box-sizing: border-box;}
a {color:#000; text-decoration:none;}
a:hover{color:#EC008C;}
ul {list-style:none; margin:0; padding:0;}
figure {margin:0;}
t {width:100%; height:100%; display:table;}
tc {width:100%; height:100%; display:table-cell; vertical-align:middle;}
input, textarea {font-family: 'Raleway', sans-serif;}
hr {clear: both;border:0;background: #ccc;height:1px;margin: 50px 0;display: block;position: relative;top: 20px;}
.left {float:left;}
.right {float:right;}
.none {display:none;}

header#header {width:100%;height: 130px;background:url(images/headerBg.jpg) center top no-repeat;background-size:cover;position:absolute;z-index:10000;}

header#header #top {width:100%;height: 30px;background: #000;}
header#header #top .left a{color: #fff;line-height: 30px;margin-right:20px;}
header#header #top .left a:hover{color: #ccc;}
header#header #top .left a i{position: relative;top: 4px;font-size: 22px;margin-right: 5px;color: #EC008C;}
header#header #top .left a i.fa-envelope{position: relative;top: 2px;font-size: 18px;margin-right: 5px;color: #EC008C;}
header#header #top .left a span{font-size: 13px;}

header#header #top .right a {color: #999;}
header#header #top .right a:hover{color: #ccc;}
header#header #top .right a i{font-size: 20px;position: relative;top: 4px;margin-left: 10px;}


header#header wrapper{overflow: hidden;}
header#header #logo{margin: 20px 0 0 0;float:left;}
header#header #logo img{height: 80px;}
header#header #slogan{float:right; font-family: 'Satisfy', cursive; color:#fff; font-size: 32px; padding-top: 28px;}

.header {width: 100%; height: 120px; background: #fff;    box-shadow: 0 10px 30px rgba(0,0,0,.1);}

nav#menu{float: right;text-transform:uppercase;line-height: 100px;} 
nav#menu ul{text-align: center;}
nav#menu ul li{float:left;line-height: 60px;    margin-right: 50px;}
nav#menu ul li:last-child{margin-right: 0;}
nav#menu li a{color: #000;font-weight: 400;padding: 0;font-size: 16px;display: block;line-height: 120px;}
nav#menu li a:hover{color:#EC008C;}
nav#menu li.selected a{color: #EC008C;}
nav#menu.fixed {}


section#slider {width:100%;height:500px;position: relative;top: 130px;}

section#slider #sliderFilter{position:absolute; width:100%; height:100%; top:0; left:0; background:url(images/sliderFilter.png); z-index:99;}
section#slider #sliderGradient{position:absolute; width:100%; height:100%; top:0; left:0; z-index:99;
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#slider .tp-caption{color:#fff; text-align:center;}
section#slider .tp-caption h1{margin:0; font-size:62px; text-transform:uppercase;}
section#slider .tp-caption h2{margin:0; font-size:20px; }

#phone {position: absolute;bottom: 20px;z-index: 9000;color: #000;padding: 5px 20px;left: 50%;text-align: center;background: rgb(252,234,187);background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );margin-left: -140px;border-radius: 48px;}
#phone span{font-weight: 700;font-size: 22px;position: relative;top: 3px;}
#phone i{font-size: 36px;float: left;margin-right: 20px;margin-top: 0px;}
#phone a:hover{color:#000;}
#phone:hover {transform: scale(1.1);}


#homepage {position:relative; top:160px;; }

section#homeText {text-align:center;overflow:hidden; padding-bottom:30px;}
section#homeText h2{text-transform:uppercase; font-weight:900; font-style:italic; margin-top:40px;  font-size:52px;}
section#homeText h2:after{content:""; display: block; background:#EC008C; width:200px; height:6px; margin: 10px auto;}


section#homeForm {text-align:center;overflow:hidden; padding-bottom:30px;}
section#homeForm h2{text-transform:uppercase; font-weight:900; font-style:italic; margin-top:40px;  font-size:52px;}
section#homeForm h2:after{content:""; display: block; background:#EC008C; width:200px; height:6px; margin: 10px auto;}
section#homeForm form{
    width: 36%;
    float: left;
}
section#homeForm form label{
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
}
section#homeForm form div{
    margin-bottom: 10px;
    padding: 6px;
    text-align: left;
}
section#homeForm form div span{
    margin: 0 20px 0 0;
}
section#homeForm form div input{
    padding: 10px;
    width: 100%;
}
section#homeForm form div select{
    padding: 10px;
    width: 100%;
}
section#homeForm form div input[type="radio"]{
    padding: 0;
    width: inherit;
}
section#homeForm form div input[type="submit"]{
    background: #ec008c;
    border: 0;
    padding: 21px;
    color: #fff;
	cursor:pointer;
    font-size: 20px;
}
section#homeForm form div input[type="submit"]:hover {background:#000;}
section#homeForm form div textarea{
    width: 100%;
}


.contact {text-align:center;}
.contact div{margin:0 40px;display: inline-block;font-size: 26px;}
.contact div strong{display:block;}


.formRight {float:right; width:50%;}
.formRight img{width:100%;}

section#boxs {width:100%; overflow:hidden;}
section#boxs ul{}
section#boxs ul li{float:left; width:33%; height:400px; text-align:center; margin:1px 0 0 1px; overflow: hidden;}
section#boxs ul li pic{width:100%; height:100%; display: block;}
section#boxs ul li:hover pic{transform:scale(1.2); }

section#boxs ul li div{width:100%; height:100%; background:rgba(0,0,0,.5);}
section#boxs ul li div h2{color:#EC008C; text-transform:uppercase; font-size:22px; font-style:italic;}
section#boxs ul li div h2:after{content:""; display: block; background:#EC008C; width:50px; height:6px; margin: 10px auto;}
section#boxs ul li div span{color:#fff;    padding: 20px;}












section#subSlider {width:100%;height:300px;position: relative;top: 150px;}
section#subPage {width:100%; overflow:hidden; position: relative; top: 150px;}
section#subPage h1{text-transform:uppercase; font-weight:900; font-style:italic; margin-top:40px;  font-size:52px; text-align:center;}
section#subPage h1 small{font-size: 18px; font-weight: 500; color: #999; letter-spacing: 2px;}
section#subPage h1:after{content:""; display: block; background:#EC008C; width:200px; height:6px; margin: 10px auto;}
section#subPage .content{line-height: 26px; font-size: 16px;}
section#subPage .content a:hover{color:#666;}

section#subPage ul.submenuBoxs{}
section#subPage ul.submenuBoxs.detailBoxs{position: relative; top: -180px;}
section#subPage ul.submenuBoxs li{float:left;width:100%;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
section#subPage ul.submenuBoxs li figure {float:left;width:300px;}
section#subPage ul.submenuBoxs li figure img{width:100%;}
section#subPage ul.submenuBoxs li div{float:left;width:calc(100% - 300px);padding-left: 60px;margin-top: 22px;}
section#subPage ul.submenuBoxs li div h2{color:#EC008C;text-transform:uppercase;font-size: 32px;font-style:italic;font-weight: 900;margin: 0 0 10px 0;letter-spacing: 2px;}
section#subPage ul.submenuBoxs li div a.rezBtn{background:#EC008C;color:#fff;text-transform:uppercase;font-size: 16px;font-style:italic;font-weight: 900;display: inline-block;padding: 10px;margin-top: 25px;border-radius: 10px;box-shadow: 3px 3px 0 #751417;letter-spacing: 2px;}
section#subPage ul.submenuBoxs li div span{color: #000;padding: 0;display: block;letter-spacing: 2px;}
section#subPage ul.submenuBoxs li div p.settings{margin: 40px 0 0 0;padding:0;float:right;}
section#subPage ul.submenuBoxs li div p.settings small{display: block;float: left;text-align: center;font-size: 14px;font-weight: 500;margin: 0 23px;text-transform: uppercase;color: #aaa;width: 75px;font-style: italic;}
section#subPage ul.submenuBoxs li div p.settings small img{width:auto;height: 32px;margin-bottom: 10px;}


article#subpageSlides {width:100%;}
article#subpageSlides .flex-control-nav{bottom:7px;}
article#subpageSlides .flex-control-paging li a{background:rgba(255,255,255,.5);}
article#subpageSlides .flex-control-paging li a.flex-active{background:rgba(255,255,255,1);}

body.services section#subPage ul.submenuBoxs{}
body.services section#subPage ul.submenuBoxs li{float:left; width:100%; height:400px; text-align:center; margin:1px 0 0 1px;}
body.services section#subPage ul.submenuBoxs li div{float:right;width:60%;height:100%;background: rgba(0,0,0,.5);padding: 0 20px;text-shadow: 1px 1px 3px #000;}
body.services section#subPage ul.submenuBoxs li:nth-child(2n) div{float:left;}
body.services section#subPage ul.submenuBoxs li div h2{color:#EC008C; text-transform:uppercase; font-size:22px; font-style:italic;}
body.services section#subPage ul.submenuBoxs li div h2:after{content:""; display: block; background:#EC008C; width:50px; height:6px; margin: 10px auto;}
body.services section#subPage ul.submenuBoxs li div span{color:#fff;    padding: 20px;}

body.transfers table{width:100%;}
body.transfers table tr{}
body.transfers table tr:nth-child(2n){background:rgba(0,0,0,.1);}
body.transfers table tr:hover{background:#EC008C;}
body.transfers table td{ padding:10px;}
body.transfers table td:nth-child(1){}
body.transfers table td:nth-child(2){}
body.transfers table td:nth-child(3){text-align:center;}
body.transfers table td:nth-child(4){text-align:center;}
body.transfers table td:nth-child(5){text-align:center;}


body.transfers a.all-prices {padding:10px 20px; margin-right:10x; margin-bottom:10px; font-weight: 700;font-size: 22px;border:0;color: #000;text-align: center;background: rgb(252,234,187);background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );border-radius: 48px;box-shadow: 0 0 10px rgba(0,0,0,.5);text-align:right; float:right; cursor:pointer;}

section#reservation {width:100%;position: relative;top: -40px;}
section#reservation wrapper{background:url(/images/reservation.png) right top no-repeat; overflow:hidden;}
section#reservation form{padding-top: 40px;}
section#reservation form h1{text-transform:uppercase; font-weight:900; font-style:italic; margin-top:40px;  font-size:52px; text-align:center;}
section#reservation form h1:after{content:""; display: block; background:#EC008C; width:200px; height:6px; margin: 10px auto;}
section#reservation form div{margin-bottom:10px; float:left; width:50%;}
section#reservation form div:last-child {width:100%;}
section#reservation form div:nth-last-child(2) {width:100%;}
section#reservation form div:nth-last-child(3) {width:100%;}
section#reservation form div.col25 {width:25%;}
section#reservation form div label{display:block;font-size: 14px;margin-bottom: 7px;padding-left: 5px;color: #EC008C;}
section#reservation form div input{padding:10px;width: 98%;border: 1px solid #ccc;}

section#reservation form div input.submit {font-weight: 700;font-size: 22px;border:0;width:350px;color: #fff;text-align: center;background: #EC008C;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.5);margin: auto;display: block;cursor:pointer;text-transform: uppercase;font-style: italic;}
section#reservation form div input.submit:hover {}
section#reservation form div input.checkbox{width:initial;}
section#reservation form div select{padding:10px;height: 40px;width:98%;border: 1px solid #ccc;}
section#reservation form div select.time{width:60px;}
section#reservation form div textarea{padding:10px;width: 98%;height: 100px;border: 1px solid #ccc;}

form#contactForm {}
.contact .left , .contact .right{width: 50%;}
form#contactForm div{margin-bottom:10px;}
form#contactForm div label{display:block; font-size:12px;}
form#contactForm div input{width:100%; padding:10px; border:1px solid #EC008C;}
form#contactForm div input.submit{background:#EC008C; color:#fff; padding:20px 0; cursor:pointer;}
form#contactForm div input.submit:hover{background:#c00;}
form#contactForm div textarea{width:100%; padding:10px;border:1px solid #EC008C;}

#captcha_cevap , #captcha_soru {float: left !important; width: 50% !important;}
#captcha_soru span {font-weight: 800; font-size: 24px;    color: #EC008C;}




footer#footerr {width:100%;height: 150px;background: #111;overflow:hidden;border-top:4px solid #EC008C;position: relative;top: 200px;}
footer#footerr #footer{width:100%;height: 100px;overflow:hidden;}
footer#footerr #footer nav#footerMenu{float:left;}
footer#footerr #footer nav#footerMenu ul{margin-top: 38px;}
footer#footerr #footer nav#footerMenu li{float: left;margin-right: 40px;}
footer#footerr #footer nav#footerMenu li a{color:#fff; line-height:24px;}
footer#footerr #footer nav#footerMenu li a:hover{color:#EC008C;}


footer#footerr #footer #footerLogos{float:right; text-align:right;}
footer#footerr #footer #footerLogos .footerSocial a{color:#fff;padding: 20px 10px;font-size:16px;display: inline-block;}
footer#footerr #footer #footerLogos img.footerLogo{margin-top: 24px;height:50px;}
footer#footerr #copyright{width:100%;height:50px;background: #000;overflow:hidden;line-height:50px;color:#fff;text-align:center;}

.efect{
	-webkit-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	   -moz-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
		 -o-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
			transition: all 600ms 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 */		
}


/*MOBILE*/
header#mobileHeader {width:100%;height:60px;position: fixed;top: 0;z-index: 10000; display:none; background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.3);}
header#mobileHeader a#mobileLogo {display:block;float: left;padding: 10px;}
header#mobileHeader a#mobileLogo img{height: 40px;}
header#mobileHeader a#mobileMenuBtn {float:right;display:block;padding: 18px 12px;}
header#mobileHeader a#mobileMenuBtn img{height: 24px;}

footer#mobileFooter {width:100%;display: none;background: #000;position: fixed;bottom: 0;height: 50px;}
footer#mobileFooter a{color:#fff;width: 50%;text-align: center;display: block;float: left;line-height: 50px;}
footer#mobileFooter a span{color:#fff}
footer#mobileFooter a i{color: #EC008C;}
footer#mobileFooter a:first-child {background:rgba(255,255,255,.2);}

nav#mobileMenu {display:none; position: fixed;top: 60px;background: #EC008C;z-index: 9999;width: 100%;text-align: center;height: 100%;text-transform: uppercase;}
nav#mobileMenu.open {display:block;}
nav#mobileMenu a{display: inline-block; padding: 10px 0; color:#fff;}
nav#mobileMenu ul {padding:10px 0;}
nav#mobileMenu ul li.mmsocial a{padding:5px; margin:0 5px;}
nav#mobileMenu ul.mobileChildMenu{display:none;}

@media screen and (max-width:1920px) { 
}

@media screen and (max-width:1600px) { 
}

@media screen and (max-width:1440px) { 
}

@media screen and (max-width:1366px) { 
}

@media screen and (max-width:1280px) { 
}

@media screen and (max-width:1024px) { 
wrapper {width:100%;}
header#header {display:none;}
header#mobileHeader {display:block;}
section {width: 100%;height: inherit; overflow: auto;}
section#slider {height:200px; top:60px;}
#homepage {top:60px;}
section#homeText h2 {font-size:24px;}
section#homeForm h2 {font-size:24px;}
section#boxs ul li {width:100%;}
section#subPage ul.submenuBoxs li {width:100%;}
section#reservation {top: 80px;}
section#reservation wrapper {background:none;}
section#reservation form {width:90%; margin:0 5%; padding-top: 0;}
section#reservation form h1 {font-size:24px;}
section#reservation form div {width:100%;}
footer {display:none;}
section#homeText wrapper {padding:0 20px;}
body.services section#subPage ul.submenuBoxs li div {width:100%;}
body.services section#subPage ul.submenuBoxs li {height:inherit;}
section#subPage {top:60px;margin-bottom: 60px;}
section#subPage h1{font-size:24px;}
section#reservation form h1{font-size:24px;}
section#subPage .content {padding: 0 20px;}
footer#mobileFooter {display:block;}
section#homeForm {top: 40px; position: relative; margin-bottom: 60px;padding: 0 20px;}
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:640px) { 
body.contact .content img {width:100%; height:auto;}

section#subSlider {top:60px; height:150px;}
section#subPage ul.submenuBoxs{}
section#subPage ul.submenuBoxs.detailBoxs{position: relative; top: 0;}
section#subPage ul.submenuBoxs li{float:left;width:100%;border-bottom: 1px solid #ddd;margin-bottom: 10px;padding-bottom: 40px;}
section#subPage ul.submenuBoxs li figure {float:left;width: 100%;}
section#subPage ul.submenuBoxs li figure img{width:100%;}
section#subPage ul.submenuBoxs li div{float:left;width: 100%;padding-left: 0;margin-top: 0;text-align: center;}
section#subPage ul.submenuBoxs li div h2{color:#EC008C;text-transform:uppercase;font-size: 32px;font-style:italic;font-weight: 900;margin: 0 0 10px 0;letter-spacing: 2px;width: 100%;}
section#subPage ul.submenuBoxs li div a.rezBtn{background:#EC008C;color:#fff;text-transform:uppercase;font-size: 16px;font-style:italic;font-weight: 900;display: inline-block;padding: 10px;margin-top: 25px;border-radius: 10px;box-shadow: 3px 3px 0 #751417;letter-spacing: 2px;}
section#subPage ul.submenuBoxs li div span{color: #000;padding: 0;display: block;letter-spacing: 2px;}
section#subPage ul.submenuBoxs li div p.settings{margin: 0;padding:0;float: none;width: 100%;overflow: hidden;}
section#subPage ul.submenuBoxs li div p.settings small{display: inline-block;float: none;text-align: center;font-size: 14px;font-weight: 500;margin: 0 23px;text-transform: uppercase;color: #aaa;width: 75px;font-style: italic;}
section#subPage ul.submenuBoxs li div p.settings small img{width:auto;height: 32px;margin-bottom: 10px;}

.formRight , section#homeForm form {
    float: right;
    width: 100%;
}
.contact .left, .contact .right {width: 100%; padding: 0 20px;}

}

@media screen and (max-width:480px) {

#phone {transform: scale(0.8); bottom: 5px;}
#phone:hover {transform: scale(1);}
}

@media screen and (max-width:320px) { 
}