:root {--renk: #0d379b;--renk2:#0080c7;--back:#59a1c9 ;--back2:#22355c;--title:#383d46}

*{margin:0;padding:0;outline:none}
body {font-family: 'Jost', sans-serif; margin: 0; padding: 0; background: #fff; font-weight: 400; font-size: 15px; line-height: 1.42857143; color: #353552; background-size: 100%; overflow-x: hidden;margin: 0 auto; position: relative; }
a { color: var(--renk); text-decoration: none !important; transition: all .3s ease }
a:hover { color: var(--renk2); text-decoration: none !important }
a:focus { text-decoration: none }
strong, b { font-weight:700; }
img { max-width: 100% }
input:focus, a:focus, textarea:focus { outline: 0 }
.no-padding-left { padding-left: 0 }
.no-padding-right { padding-right: 0 }
.no-padding-down { padding-bottom: 0 !important}
.no-padding { padding: 0 }
li{list-style:none}
.relative{position:relative;}

.tarzbutton {border:0; background: var(--renk); padding:10px 20px;color:#fff;font-size:15px; border-radius: 3px;background:linear-gradient(268deg, var(--renk) 0%, var(--renk) 0%, var(--renk2) 100%); }
.tarzbutton:hover{background:var(--renk)}

.top-menu{width:100%;height:auto;padding:15px 0;color:#fff;position:absolute;z-index:999;top:0;font-size:16px; }
.top-menu ul li{float:left;list-style:none;margin:0 25px 0 0;}
.top-menu ul li span{color:#fff;padding:0 5px 0 0;}
.top-menu ul li a{color: #fff;padding:5px;}
.top-menu ul li a:hover{color:var(--renk2);}
.top-menu ul li a i{font-size:16px;}

.menu{width:100%;height:80px;transition: all .8s ease;z-index:999;position:absolute;margin-top:55px;text-transform:uppercase;background:#00000059}
.menu.sticky{position: fixed;top: 0;left: 0;border-radius: 0;margin:0;background: #00000099;}
.menu .logo{width:auto;height:auto;float:left;padding:15px 0;}
.menu .acilir-menu{width:auto;float:right;}
.menu .acilir-menu li img{height:13px;}
.mobil-logo{width:100%;height:auto;text-align:center;}
.mobil-logo img{height:auto!important;}
.menu-fixed {width:100%!important;position: fixed;left:0; top: 0; }

.hamburger{float:right;font-size:25px;padding:25px;cursor:pointer;    display: block; position: relative; z-index: 999999999;}
.hamburger a{color:#fff;}
.hamburger:hover{color:#af262c}

.sizi-arayalim { background: var(--renk); padding:10px 20px;margin:20px 0 0 25px;color:#fff;font-size:15px; border-radius: 3px;background:linear-gradient(268deg, var(--renk) 0%, var(--renk) 0%, var(--renk2) 100%); }
.sizi-arayalim:hover{transform: scale(1.1);border-top:5px #fff solid;color:#fff;}

#hero{width:100%;height:800px;position:relative;}
#hero.heroalt{height:350px!important;background:url(/Upload/Menu/cesme-alacati-otel.jpg) no-repeat center top;background-size: auto!important;}

#hero .hero-mask{background:#101321;opacity:0.25;position:absolute;width:100%;height:100%;z-index:1;overflow: hidden;}
#hero .container{z-index:99;display:block;}

#hero .hero-box{width:60%;height:auto;margin:0 auto;text-align:center;}

#hero .hero-box i{color: #ffffff; font-size: 25px; font-style: normal;}
#hero .hero-box h1{color:#fff;font-size:65px;font-weight:600;line-height:75px;letter-spacing:1px;margin-top:0;text-shadow:1px 1px #060606;}
#hero .hero-box h1 b{font-weight:800}
#hero .hero-box h1 .c1{font-weight:800;color:var(--renk)}
#hero .hero-box h1 .c2{font-weight:800;color:#3ad663}
#hero .hero-box h2{color:#c4c4c4;font-size:23px;line-height:35px;}
#hero .hero-box a { display: table;  padding: 10px 30px;transition: all .4s ease; border-radius: 30px; font-size: 23px; color: var(--renk2); font-weight: 600;border:solid 2px var(--renk2); margin:0 auto;margin-top: 40px;    text-shadow: 2px 1px #000;}
#hero .hero-box a:hover{background:var(--renk2);color:#fff;transform: scale(1.1);}

.altbanner{width:100%;height:280px;position:relative;}
.altbanner h1{width:100%;font-size:40px;font-weight:700;color:#fff;text-align:center;z-index:9;padding-top:200px;position:relative;display:block;margin:0;}

#slidercarousel{width:100%!important;height:800px;}
.carousel-relative{height:800px;position:relative;}
.carousel .item{height:800px;}
.carousel-inner{z-index:99}
.carousel .item .carousel-bg{z-index:1; width:100%;position:absolute;height:800px;right:0;background-size:cover!important;}
.carousel .carousel-buttons{position: absolute;z-index:99;top:50%;width:100%;}
.carousel .carousel-buttons span{font-size:50px;opacity:0.7;}

#rezervasyon{padding:25px;background:#fff;position:absolute;z-index:999;bottom:50px;left:-50%;right:-50%; margin:0 auto;}
#rezervasyon .select{width:47%;float:left;margin-right:1%;}
#rezervasyon .rezervasyon-title{font-size:22px;}
#rezervasyon .btn-primary{height:42px}

#content{width:100%;min-height:500px;} 
table{border:solid 1px #eee;width: 100%!important;}
table td{padding:8px;}
table tr:nth-child(2n){background:#f4f4f4}
table p{margin:0}

.section{width:100%;height:auto;padding:50px 0 70px 0;position:relative;}
.section.white{background:#fff;}
.section.gray{background:#f4f4f4;}
.section.bg-renk{background:var(--back);padding-bottom:60px;background:linear-gradient(268deg, var(--back2) 0%, var(--back2) 0%, var(--back) 100%);}

.section-low{background:#fff}

.section-title{width:100%;height:auto;font-weight:800;color:var(--title);font-size:45px;}
.section-title .big-shadow{font-size:98px;color:#ebebeb;margin-left:-5px}
.section-title .title{font-style:normal;display: block;margin: 20px 0 10px 0px;}

.blog-link{font-size:18px;text-align:center;font-weight:700;padding:15px 0;}

.services{width:100%;height:auto;padding:30px 0;}
.services .service-box .service{display:table;min-height:300px;padding:25px;color:#353552;font-size:20px;border-radius:5px;font-weight:700;margin-bottom:30px;width: 100%;transition: transform 450ms;will-change: transform;background:#fff;text-align:center}
.services .service-box .service:hover{transform: translateY(-10px);transition: transform 125ms;}
.services .service-box .service .service-icon{background:#fff;opacity:0.9;border-radius:50px;width:100px;height:100px;text-align:center;line-height:100px;box-shadow:5px 5px #ddd;color:var(--renk);margin:0 auto;display:table;}
.services .service-box .service .service-text{float:right;width:100%;line-height:22px;display:table;margin:0 auto;margin-top:30px;}
.services .service-box .service .service-text b{text-transform:uppercase;padding-bottom:10px;display:block;}
.services .service-box .service .service-text span{font-size:15px;font-weight:400;}

.nedenbiz{font-size:17px;line-height:22px;text-align: justify;height:auto;}
.nedenbiz-img img{border-radius:15px;border-left: solid 10px var(--back2);margin-top:30px}

.stats{background:#00000026;padding:25px 15px 10px 15px;text-align:center;font-size:18px;margin-top:30px;color:#fff;min-height:225px}
.stats i{font-size:40px;color:#fff}
.stats .sayi{font-size:50px;font-weight:800;padding: 10px 0; display: inline-table;}

.references{background:url(../img/ref-bg.jpg) no-repeat center top;height:450px;margin-top:20px;}
.references .section-title .big-shadow{opacity:0.3;}

.blog{width:100%;height: auto;font-size:16px;margin:25px 0;}
.blog a{color:var(--title)}
.blog a:hover{color:var(--renk)}
.blog .blog-resim{width:50%;height:200px;overflow:hidden;float:left;}
.blog .blog-resim img{width:100%;height:auto}
.blog .blog-resim img:hover{opacity:0.9}
.blog .blog-yazi{width:45%;height:200px;overflow:hidden;float:right;}
.blog h4{margin:5px 0;font-size:20px;min-height:30px;}
.blog span{padding:5px 0;display:table;margin-top:10px;color:var(--renk);font-weight:500}

#footer {width:100%;min-height:350px;padding:50px 0;background:#727272;color:#fff;}

#footer .footer-logo{margin:20px 0 ;}
#footer .footer-social{padding:15px 0;font-size:25px;font-weight:600;}
#footer .footer-social a{color:#fff;padding:10px 10px 10px 0;}
#footer .footer-social a:hover{color:var(--renk)}

#footer .footer-menu{font-size:16px;line-height:30px;padding-top:10px;}
#footer .footer-menu .footer-title{font-size:20px;font-weight:600;color:#fff;padding:10px 0;}
#footer .footer-menu .doublemenu{width:45%;float:left}
#footer .footer-menu a{color:#fff}
#footer .footer-menu a:hover{color:var(--renk)}
#footer .footer-menu span{margin-right:5px;}
#footer .footer-menu.contact{font-size:15px;}

.galeri{margin-top:20px;}
.galeri .galeri-item{margin-bottom:25px;font-weight:400}
.galeri .galeri-resim{width:100%;height: 135px;display: table;position: relative; overflow: hidden;text-align:center;border:solid 1px #ddd;padding:5px;transition: all .3s ease;margin-bottom:15px}
.galeri .galeri-resim img{margin:0;height:200px;}
.galeri .galeri-resim:hover{border:solid 1px #0f4294}
.galeri .profil-foto{height:260px;}
.galeri .profil-foto .icresim .enicresim{max-height:260px;}

#bottom{width:100%;padding:25px 0;background:#fff;width:100%;}


.modal {text-align: center;padding: 0 !important;}
.modal:before {content: ''; display: inline-block;height: 100%;vertical-align: middle; margin-right: -4px; }
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
.modal-content{border-radius:3px;}
.modal-title{font-size:25px;font-weight:700;padding: 15px; background: #787878;color:#fff;}
.modal-title button{background:#787878}
.modal-footer {  text-align: center; background: #eee;}

.form-control{padding:10px 12px;border: 1px solid #a7a7a7;height:42px;}


.side-menu{width:100%;height:auto;}
.side-menu .side-title{padding:15px;background:#eee;font-size:16px;font-weight:700;text-transform:uppercase;margin-bottom:15px;}
.side-menu ul{width:100%;height:auto;}
.side-menu ul li{border-bottom:solid 1px #eee;transition: all .3s ease}
.side-menu ul li:hover{background:#eee;}
.side-menu ul li a{padding:20px 15px;list-style:none; text-transform: uppercase;display:list-item;color: #353552;}
.side-menu ul li.icerde a{padding:15px 10px 15px 30px;font-size: 11px;background:var(--renk2);}
.side-menu ul li a:hover {background: var(--renk2); color: #ffffff;border-radius: 5px; }
.side-menu ul li span{margin: 2px 20px 0 0;float:left;display:block;}
.side-menu ul li.active, .side-menu ul li.active a {background: var(--renk2); color: #ffffff;border-radius: 5px; }


.content-detail h1{margin:0;padding:12px;font-size:30px;margin-bottom:10px;  font-weight: 700;}
.content-detail h1 a{color:#353552}
.content-detail h1 a:hover{color:var(--renk)}

.content-detail .content-detail-alt{padding:15px;line-height:30px;font-size:17px;padding-bottom:50px;text-align: justify;}
.content-detail .content-detail-alt p{margin:0 0 20px 0}
.content-detail .content-detail-alt a{color:#a026af;font-weight:500}
.content-detail .content-detail-alt a:hover{color:#04304d}

.content-detail .blog-kisa{width:100%;padding:15px 0;font-size:17px;font-weight:600;}
.content-detail .blog-tarih{color: #9f9f9f;    padding: 0 12px;}
.content-detail .blog-resim{width:100%;height: 400px;overflow: hidden;background-size: 100% auto!important;margin-bottom:20px;border-radius: 10px;}

.referans { width: 100%;position:relative;height:auto;margin-bottom:20px;text-align:center;}
.referans img:hover{opacity:0.8}
.referans .referans-bg {height: 450px; background-size:auto 100%!important;background-repeat: no-repeat;}


.referans .referans-ortala{ display: table; position: absolute;top: 0;left: 0;  height: 100%;  width: 100%;}
.referans .referans-ortala-ic{  display: table-cell; vertical-align: middle;}
.referans .referans-ortala-ic .web-tasarim{padding:50px;background:#fff;margin-left: -70px;width:90%;}

.referans:nth-child(2n) .referans-bg{float:right!important;}
.referans:nth-child(2n) .referans-title{float:left!important;}
.referans:nth-child(2n) .referans-title .referans-ortala-ic .web-tasarim{margin-right: -70px;margin-left: auto;}


.basarili {
    font-size: 20px;
    padding: 15px 0;
}
.basarili span{font-size:50px;color:#168028}
.basarili h5{font-size:25px;color:#168028}

.mouse { position: absolute; left: 50%; bottom: 5%; z-index: 99; width: 26px; margin-left: -13px;z-index:999 }
.scroll { width: 26px; height: 45px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 15px; cursor: pointer; position: relative; text-align: center; display: block; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
.mouse-wheel { height: 6px; margin: 2px auto 0; display: block; width: 4px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; -webkit-animation: 1.6s ease infinite wheel-up-down; -moz-animation: 1.6s ease infinite wheel-up-down; animation: 1.6s ease infinite wheel-up-down; }

@-webkit-keyframes wheel-up-down {
 0% { margin-top: 2px; opacity: 0; }
 30% { opacity: 1; }
 100% { margin-top: 20px; opacity: 0; }
}

@-moz-keyframes wheel-up-down {
 0% { margin-top: 2px; opacity: 0; }
 30% { opacity: 1; }
 100% { margin-top: 20px; opacity: 0; }
}

@keyframes wheel-up-down {
 0% { margin-top: 2px; opacity: 0; }
 30% { opacity: 1; }
 100% { margin-top: 20px; opacity: 0; }
}


.renksecici{width:130px;height:auto;position:fixed;z-index:9999;background:#fff;padding:10px 20px;right:-130px;top:200px;}
.renksecici .renkbuton { background: #fff; position: absolute; margin-left: -55px; padding: 7px 7px 5px 7px; font-size: 18px;cursor:pointer;} 
.renksecici .renkbuton:hover{color:var(--renk2)}
.renksecici ul li{width:25px;height:25px;float:left;margin:10px;cursor:pointer;}
.renksecici ul li.mavirenk{background:#0d379b}
.renksecici ul li.kirmizirenk{background:#9b0d0d}
.renksecici ul li.yesilrenk{background:#168028}
.renksecici ul li.turuncurenk{background:#d17318}
.renksecici ul li.morrenk{background:#720d9b}
.renksecici ul li.pemberenk{background:#bd0f79}