body{font:normal 1em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
a{color:#000;text-decoration:none}
a:hover{text-decoration:none}
ul{list-style:none}
input,select,textarea,button{border:0;outline:0}

.gizle{display:none}

#header{padding:.5rem 0;background-color:#2980b9;box-shadow:0 0 10px #000}
#header-menu{font-weight:600;margin:.5rem 0 -1rem}
#header a{display:inline-block;padding:0 .8rem .5rem;background-color:#2980b9;border-radius:10px}
#header-menu a{color:#fff}
#header-menu a:after{content:'';display:block;width:0;height:1px;background-color:#fff;transition:width .3s}
#header-menu a:hover:after{width:100%}
#header a.active:after{width:100%}
#header img{width:auto}

#head-reservation{background-color:#27ae60;color:#fff}

#mobilemenu{line-height:50px;padding-left:2rem;color:#fff}
#mobile-menu{position:fixed;top:75px;left:0;width:100%;height:100%;background-color:#fff}

#slider{width:100%;height:450px;height:calc(100vh - 200px);background:#f8f8f8 url('/images/cover.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;margin-bottom:100px}
#slider:before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:1}
#slider-text{width:100vw;height:450px;height:calc(100vh - 200px);position:relative;display:table-cell;text-align:center;vertical-align:middle;z-index:2;color:#fff;font-size:1.7rem;text-shadow:-1px -1px 5px #000}
#slider-text strong{font-size:2.5rem}
#slider-reservation{position:absolute;bottom:-50px;left:0;width:100%;z-index:2}
#slider-reservation .container{background-color:#fff;padding:1rem 2rem}
#slider-reservation strong{line-height:80px}
#slider-reservation button{margin-top:30px}

.box .img{background:url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==') no-repeat center center;background-size:cover}
.box .text{padding:5rem 1rem;text-align:center;font-size:1.1rem}
.box h4{margin-bottom:1rem}

.vbox{text-align:center}
.vbox>div{background-color:#f9f9f9;box-sizing:border-box}
.vbox>div:not(:last-child){border-right:solid 5px #fff}
.vbox i,.vbox em{font-size:3rem;display:inline-block;margin:10px 0 20px}
.vbox>div:hover i,.vbox>div:hover em{animation:fa-spin .3s linear}

.steps{width:100%;max-width:900px;margin:0 auto;min-height:90px;padding:30px 0 0;position:relative}.steps .steps-container{background:#DDD;height:10px;width:100%}.steps .steps-container li{text-align:center;float:left}.steps .steps-container li .step{padding:0 50px}.steps .steps-container li .step .step-image{margin:-14px 0 0}.steps .steps-container li .step .step-image span{background-color:#DDD;display:block;width:37px;height:37px;margin:0 auto;border-radius:37px}.steps .steps-container li .step .step-current{color:#000;margin:-32px 0 20px;font-size:20px}.steps .steps-container li .step .step-description{color:#323232;font-weight:600}.steps .steps-container li.activated .step .step-image span{background-color:#5DC177}.steps .steps-container li.activated .step .step-image span:after{background-color:#FFF;display:block;content:'';position:absolute;z-index:1;width:27px;height:27px;margin:5px;border-radius:27px;box-shadow:4px 4px 0 0 rgba(0,0,0,.15)}.steps .step-bar{background-color:#5DC177;height:10px;position:absolute;top:30px;border-radius:10px 0 0 10px}.steps .step-bar.last{border-radius:10px}.steps-container li{width:25%}
.table,.trow{width:100%!important}
.table{display:table;margin-bottom:50px}
.trow{display:table-row;background:#fff}
.trow.header{background:#2c3e50!important;color:#fff}
.trow:nth-child(2n+1){background:#ecf0f1}
.cell{display:table-cell;color:#323232;line-height:1.2;padding-top:20px;padding-bottom:20px;vertical-align:middle}
.trow.header .cell{color:#fff;line-height:1.2;padding-top:19px;padding-bottom:19px}
.trow .cell:first-child{padding-left:20px}
.trow .cell:last-child{width:150px;font-size:20px;font-weight:600}
.trow:hover{background:#27ae60;color:#fff;cursor:pointer}
.trow:hover .cell,.trow:hover .cell:before{color:#fff}
.trow.header .cell{font-size:15px}
.pricec{display:block;text-decoration:line-through;font-size:12px;font-weight:400}

.res:not(:empty){padding:1rem;margin-bottom:1rem;background-color:#dc3545;color:#fff}

#call{background:url('/images/callme.jpg') no-repeat center;background-size:cover;padding:5rem;text-align:center;color:#fff}
#call a,#call button{color:#fff}
#call a{text-decoration:underline}
#call input{background:rgba(44,62,80,.65);color:#fff;font-weight:600;padding:20px;margin:0 -2px}
#call input::placeholder{color:#bdc3c7}
#call button{background-color:#2c3e50;padding:20px 40px;margin:0 0 0 -2px;border-top-right-radius:5px;border-bottom-right-radius:5px;transition:all linear .25s}
#call button:hover{margin:0 -15px 0 -2px;padding:20px 40px 20px 55px}
#call input[name=isim]{border-top-left-radius:5px;border-bottom-left-radius:5px}
#call #kvkk-homepage{margin-top:15px;margin-right:5px}

.gallery{width:25%;width:calc(25% - 20px);padding:.5%;display:inline-block;overflow:hidden;box-sizing:border-box}
.gallery img{width:100%}
.gallery span{display:block;padding:5px 0;text-align:center}

#odaliste a{display:block;padding:20px;background:#ecf0f1;border-radius:5px;cursor:pointer}
#odaliste a:nth-child(2n+1){background:#fff}
#odaliste a:hover{background:#34495e;color:#fff;position:relative}
#odaliste a:hover:before{position:absolute;display:block;top:80px;left:80px;font-family:'Font Awesome 5 Free';font-weight:900;font-size:100px;content:"\f14a"}
#odaliste figure{width:200px;float:left;margin:5px 20px 20px 0}
#odaliste img{width:100%;height:auto}
#odaliste strong{font-size:18px}
#odaliste .price{font-size:30px;display:block;margin-top:-18px}
#odaliste span>span{font-size:12px}
#odaliste .pricec{margin:-5px 10px 0 0}

.blockquote{position:relative;font-size:1rem;background-color:#ecf0f1;padding:1rem;box-sizing:border-box}
#testimonials-page .blockquote:before{display:block;position:absolute;top:-10px;left:-10px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f10d";font-size:18px}

#footer{background-color:#fff}
#footer .col-md-3>strong{display:inline-block;border-bottom:solid 1px #dedede;padding:0 2rem 0 .5rem;margin:0 -.5rem 1rem 0}

#footer .contact{display:block;margin-bottom:7px;transition:all linear .3s;font-size:.85rem}
#footer .contact i{display:inline-block;font-size:20px;width:30px;padding:10px 5px;text-align:center;vertical-align:top;border-radius:5px}
#footer .contact>div{display:inline-block;width:calc(100% - 50px);padding-left:7px;line-height:40px}
#footer .contact p{line-height:20px;margin-bottom:0}
#footer .contact strong{font-size:24px}
#footer .contact:hover{background-color:#f0f0f0;border-radius:5px}

#footer ul{padding-left:0;line-height:35px;font-weight:600}
#footer li:before{display:inline-block;width:20px;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f105"}
#footer li:hover{margin-left:10px;transition:all linear .25s}

#footer label.form-check-label{font-size:.8rem}
#footer label.form-check-label a{font-weight:600}

.bubble{display:inline-block;width:220px;padding:10px;background:#ecf0f1;font-size:18px;font-weight:600;border-radius:10px;animation:bubble 3s ease infinite;animation-delay:2s}
.bubble:before{content:'';position:absolute;bottom:0;left:50%;width:0;height:0;border:20px solid transparent;border-top-color:#ecf0f1;border-bottom:0;margin-left:-20px;margin-bottom:-20px}

.widget-bl,.widget-br{position:fixed;bottom:20px;z-index:999}
.widget-bl{left:85px}
.widget-br{right:50px}
.widget-bl button,.widget-br button{position:fixed;bottom:70px}
.widget-bl button{left:20px}
.widget-br button{right:20px}

.widget>.gizle{width:280px;border-radius:10px}
.widget button,.widget>.gizle{box-shadow:0px 0px 50px 5px rgba(182,182,182,.2)}
.wtitle{padding:30px 30px 25px 50px;background:#3498db;color:#ecf0f1;border-top-left-radius:10px;border-top-right-radius:10px}
.wbody{padding:20px 30px 30px 50px;background:#ecf0f1;border-bottom-right-radius:10px;border-bottom-left-radius:10px}
.wtitle h4{text-align:center;font-size:18px}
.wtitle p{margin:10px 0 0 -20px;text-align:center}
.wtitle a{color:#ecf0f1;position:absolute;top:10px;right:15px;font-size:20px}

.widget button{background:#ecf0f1;color:#3498db;border-radius:50px;width:70px;height:70px;font-size:24px;z-index:9;transition:all linear .3s}
.widget button:hover{background:#3498db;color:#ecf0f1;animation:fa-spin .3s linear}
.wbody .fa{border:0}
.wbody input{background:#ecf0f1;color:#000;border:0;border-bottom:solid 1px #3498db;padding-left:15px}
.wbody .inputicon i{top:18px;left:-30px;color:#3498db}
.widget>button,.widget>button i{animation:shake 5s ease infinite}
.widget>button i{animation-delay:.5s}

#whatsappbutton{background:#00e676;color:#fff;font-size:40px;line-height:40px}

@keyframes shake{0%{transform:translate3d(0,0,0)}1%{transform:translate3d(-10px,0,0)}2%{transform:translate3d(10px,0,0)}3%{transform:translate3d(-10px,0,0)}4%{transform:translate3d(10px,0,0)}4.5%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}
@keyframes bubble{2%{transform:translate(0, 6px) rotate(0)}4%{transform:translate(0, -8px) rotate(0)}6%{transform:translate(0, 0px) rotate(0)}8%{transform:translate(0, 6px) rotate(0)}10%{transform:translate(0, 0px) rotate(0)}12%{transform:translate(0, -9px) rotate(0)}14%{transform:translate(0, -6px) rotate(0)}16%{transform:translate(0, 9px) rotate(0)}18%{transform:translate(0, 10px) rotate(0)}20%{transform:translate(0, -9px) rotate(0)}22%{transform:translate(0, -4px) rotate(0)}24%{transform:translate(0, -5px) rotate(0)}26%{transform:translate(0, 2px) rotate(0)}28%{transform:translate(0, -3px) rotate(0)}0%,30%,100%{transform:translate(0, 0) rotate(0)}}
@keyframes slidetext{0%{top:-150px;opacity:0}50%{top:150px}100%{top:30px;opacity:1}}

@media screen and (max-width: 767px){
    #header img{max-height:50px}
    #mobile-menu a{background-color:#fff}
    #header a.d-md-none{color:#fff}
	
	#logo-text{font-size:1.2rem;line-height:50px;margin:.5rem 0 -1rem}

    #slider{margin-bottom:300px}
    #slider-reservation{position:static}
    #slider-reservation strong{line-height:40px}
    #slider-reservation button{margin:0}

    .box .img{height:260px}
    .box .text{padding:2rem;font-size:1rem;margin-top:-100px;background-color:#fff;box-shadow:0 1px 30px 0 #999;border-radius:20px}
    .vbox > div{padding:1rem;margin:0 0 .5rem}
    .vbox i{float:left;margin-right:15px}
    .vbox p{font-size:.85rem}
}

@media screen and (min-width: 768px){
    #header{height:50px}
    .boxr .img{order:2}
    .vbox i{display:block}
    .vbox > div{padding:2rem}
    .vbox strong{display:block;margin-bottom:1rem}

    #testimonials-page .blockquote{width:47.5%;margin:.5%}
}

#otelvasyon{width:130px;height:26px;fill:#2980b9}