html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; }
/* HTML5 reset-browser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: 'Montserrat Light', arial; }
@font-face { font-family: 'Gotham-Black'; src: url(../fonts/Gotham-Black.eot) format('embedded-opentype'), url(../fonts/Gotham-Black.woff) format('woff'), url(../fonts/Gotham-Black.ttf) format('truetype'), url(../fonts/Gotham-Black.svg) format('svg'); font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none }
:focus { outline: 0 }
.clear { clear: both }
img { max-width: 100%; height: auto; }
.form-holder { line-height: 20px; text-align: center; width: 330px; font-size: 12px; position: absolute; right: 0; top: 0; bottom: 0; background: #fff; padding: 20px; display: table; height: 100%; box-sizing: border-box; }
.form-holder .form-title { text-align: center; font-size: 18px; padding-bottom: 5px; letter-spacing: 1px; margin-bottom: 10px; }
.tesekkurler { display: none; padding: 20px 10px; text-align: center }
.form-inner { display: table-cell; vertical-align: middle; }
.wrapper {position: absolute;left: 0;top: 0;right: 330px;background: url(../images/bg-1.jpg) left bottom no-repeat;bottom: 0;background-size: cover;}
.sub-page {position: absolute;max-width: 100%;top: -1100px;height: auto;background-color: rgba(255, 255, 255, 0.91);-webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o-transition: all 1.3s ease;-ms-transition: all 1.3s ease;transition: all 1.3s ease;z-index: 1;width: 570px;margin-left: 0;left: 29.4%;/* border: 2px solid #fff; */}
.sub-page h3 { margin: 5px 0; }
.sub-page-open { top: 11.8%; }
.sub-title { color: #FFFFFF; /*+text-shadow:1px 1px 2px #307180;*/ -moz-text-shadow: 1px 1px 2px #307180; -webkit-text-shadow: 1px 1px 2px #307180; -o-text-shadow: 1px 1px 2px #307180; text-shadow: 1px 1px 2px #73182A; /*[empty]float:;*/ padding: 5px; font-weight: 300; font-size: 16px; background: #ab1735; height: 40px; border-bottom: 5px solid #5d1826; line-height: 40px; padding-left: 30px; }
.close-btn { position: absolute; z-index: 2222222222; color: #fff; text-align: center; display: inline-block; margin: 0 auto; cursor: pointer; right: -15px; top: 15px; }
.close-btn A { display: block; text-align: center; font-size: 22px; font-weight: 300; line-height: 29px; margin-top: 0; margin: auto; width: 35px; height: 35px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 20px; background: #233588; color: #fff; border: 1px solid #fff; }
.box-inner { box-sizing: border-box; padding: 25px 25px; display: inline-block; font-weight: 300; width: 100%; font-size: 13px; border-top: 2px solid #fff; font-family: 'Montserrat Light', arial; color: #233588; }
.box-inner p { margin-bottom: 10px; font-size: 14px; font-size: 12px; color: #233588; font-family: 'Montserrat Light', arial; display: inline-block; }
.mobil-menu { display: none; }
.galeri LI { float: left; width: 24%; margin: 0.5%; position: relative; box-sizing: border-box; padding: 1px; text-align: center; font-size: 15px; }
.galeri LI span { position: absolute; top: 0px; bottom: 0px; left: 0px; background: rgba(171, 23, 53, 0.5); right: 0px; color: #fff; text-align: right; box-sizing: border-box; padding: 5px; font-size: 18px; font-weight: 300; }
.galeri LI A:hover { opacity: 0.8; }
.galeri LI IMG { display: block; width: 100%; height: auto; padding: 2px; box-sizing: border-box; border: 1px solid #fff; }
.sub-page h1 { text-align: center; width: 100%; font-size: 30px !important; color: #1f2d5e; }
.sub-page-open h1, .sub-page h1 { text-align: center; width: 100%; color: #233588; font-size: 40px; font-weight: 100; }
.galeri { position: relative; width: 100%; padding: 0; display: inline-block; }
.menu { width: auto; height: 40px; display: inline-block; position: absolute; left: 49%; top: 7%; box-sizing: border-box; z-index: 99; }
.menu ul li { text-align: right; float: left;/* margin-left: 20px; */ width: 130px; padding-bottom: 12px; padding-right: 8px; margin-left: 5px; }
.menu ul li a { font-weight: normal; display: block; color: #fff; font-size: 13px; box-sizing: border-box; font-family: 'Gotham-Black'; }
.menu ul { display: inline-block; width: 100%; }
a.active { color: #233588 !important; }
.firsat { position: absolute; top: 0; left: 0; bottom: 0; }
.firsat img { max-width: 100%; max-height: 100%; }
.form-holder:before { content: ''; background: url(../images/form-before.png) no-repeat; background-size: cover; width: 29px; position: absolute; left: -29px; top: 0; bottom: 0; }
.logo { display: block; margin: 0 auto 40px; }
a.telefon { display: block; margin: 0 auto; width: 70%; }
.menu ul li:nth-child(3) { width: 100px; }
.menu ul li:nth-child(1) { background: url(../images/menu-bg.png) bottom right no-repeat; background-size: 100%; width: 100px; }
.menu ul li:nth-child(3) { background: url(../images/menu-bg.png) bottom right no-repeat; background-size: 100%; }
.menu ul li:nth-child(2) { background: url(../images/menu-bg-2.png) bottom right no-repeat; background-size: 100%; padding-right: 0; width: 118px; margin-left: 0; }
.menu ul li:nth-child(4) { background: url(../images/menu-bg-2.png) bottom right no-repeat; background-size: 100%; padding-right: 1px; width: 118px; margin-left: 0; }
.scroll { height: 300px; margin-right: 5px; }
h2.h2 { font-size: 15px; margin-top: 10px; margin-bottom: 10px; text-align: center; }
a.tel { display: table; margin: 10px auto; font-size: 20px; }
.odeme LI { float: left; width: 24% !important; margin: 0.5%; position: relative; box-sizing: border-box; padding: 1px; text-align: center; font-size: 15px; }
.odeme LI span { position: absolute; top: 0px; bottom: 0px; left: 0px; background: rgba(171, 23, 53, 0.5); right: 0px; color: #fff; text-align: right; box-sizing: border-box; padding: 5px; font-size: 18px; font-weight: 300; }
 
.odemeplani_wrapper { float: left; width: 100%; padding: 10px; box-sizing: border-box; }
.odemeplani_wrapper .row { float: left; width: 100%; }
.odemeplani_wrapper .col-md-3 { float: left; width: 24.6%; box-sizing: border-box; padding: 10px; background: #fff; color: #233588; margin: 0.2%; border: 1px solid #233588; font-size: 13px; text-align: center; }
.odemeplani_wrapper .row_title { background: #233588; color: #fff; float: left; width: 100%; text-align: center; padding: 10px; box-sizing: border-box; margin-top: 10px; }
.odemeplani_wrapper .row.fiyatlar strong { border-top: 1px solid #d8ddf7; padding: 5px 0; display: block; margin-top: 7px; }
.odemeplani_wrapper .row.fiyatlar .col-md-3 { height: 100px; }
.mapframe { border: 2px solid #233588!important; padding: 3px; box-sizing: border-box; }
.firsat-m { display: none; }
.tabmenu li a.active { color: #fff !important; transition: all 0.3s; }
.tab-page { display: none; }
.tab-page-open { display: block; }
ul.tabmenu { display: inline-block; margin: 10px auto; }
ul.tabmenu li { float: left; display: block; background: #3b7db3; margin-left: 5px; width: 70px; height: 40px; }
.tab_wrapper { margin: 5px auto; float: left; width: 100%; }
ul.tabmenu li a { .slogan {
position: absolute;
left: 6%;
width: 30%;
top: 18%;
}
color: #fff;
font-weight: bold;
display: block;
height: 30px;
border-bottom: 3px solid #233588;
padding-left: 10px;
padding-top: 10px;
transition: all 0.3s !important;
color: #fff !important;
}
.tabmenu a.active { background: #847d6a; border-bottom: 3px solid #b2cde3; }
div.tab-page p { font-size: 11.5px; }
.tab_wrapper { float: left; width: 100%; }
.tab-page { display: none; }
.tab-page-open { display: block; }
.tabmenu { float: left; width: 100%; margin-bottom: 3px; }
.tabmenu li { float: left; }
.tabmenu li a { float: left; color: #fff; padding: 15px; background: #33698e; border-top: 2px solid #fff; margin-right: 3px; margin-bottom: 3px; text-align: center; }
.tabmenu li a.active { background: #847d6a; }
.tabmenu li a > strong { display: block; }
.roommenu { float: left; width: 100%; }
.room-page { display: none; }
.room-page-open { display: block; }
.roommenu li { float: left; width: 33.333%; text-align: center; }
.roommenu li a { float: left; color: #fff; padding: 5px 0; background: #33698e; border: 1px solid #847d6a; width: 100%; border-top-color: #fff; border-bottom-color: #fff; }
.roommenu li a.active { background: #847d6a; color: #fff !important; }
.panel { border: 1px solid #fff; float: left; width: 100%; margin: 5px 0; }
.panel-heading { display: block; background: #847d6a; padding: 5px 10px; color: #fff; letter-spacing: 0.5px; }
.panel-body { float: left; width: 100%; padding: 0; background: #847d6a; }
.panel-body ul li { border: 1px solid #222; width: 48.3%; float: left; text-align: center; margin: 0.2%; padding: 2px; color: #222; background: #fff; }
.tahmini_kazanciniz { float: left; width: 100%; text-align: center; font-size: 15px; font-weight: bold; color: #222; letter-spacing: 1px; margin: 10px 0; }
.tahmini_kazanciniz img { width: 17px; position: relative; top: 3px; margin-right: 5px; background: #33698e; }
.kazanctablosu .panel-body ul li { height: 60px; }
.kazanctablosu .panel-body ul li:nth-child(5), .kazanctablosu .panel-body ul li:nth-child(8), .kazanctablosu .panel-body ul li:nth-child(9) {/* padding-top: 15px; */ }
.ulrow { float: left; width: 100%; }
.w20 { float: left; width: 20%; }
.w80 { float: left; width: 79.8%; margin-left: 0.2%; }
.w20 .ulrow li { float: left; width: 100%!important; margin-top: 0; }
.ulrow li { float: left; width: 24.6%!important; margin-bottom: 3px!important; height: 40px; }
.ulcontent { float: left; width: 70%; }
.panel.fiyat-endeksi li { font-size: 12px; margin-top: 0; }
span.h2 { float: left; width: 100%; font-size: 22px; text-align: center; margin: 10px 0; }
span.h5 { float: left; width: 100%; }
small { float: left; width: 100%; margin: 15px 0; }
.nicescroll-cursors { margin-right: -20px; }
.panel.kazanctablosu .panel-body ul li { height: 90px; width: 32.9%; }
.galeri LI { float: left; width: 23%; margin: 0.5%; position: relative; box-sizing: border-box; padding: 1px; text-align: center; font-size: 15px; }
.galeri LI span { position: absolute; top: 0px; bottom: 0px; left: 0px; background: rgba(171, 23, 53, 0.5); right: 0px; color: #fff; text-align: right; box-sizing: border-box; padding: 5px; font-size: 18px; font-weight: 300; }
.galeri LI A:hover { opacity: 0.8; }
.galeri LI IMG { display: block; width: 100%; height: auto; padding: 2px; box-sizing: border-box; border: 1px solid #fff; }
.panel.kazanctablosu .panel-body ul li { height: 95px; padding-top: 5px; }
p.big { font-size: 25px; text-align: center; font-weight: bold; border-bottom: 5px solid #000; display: table; margin: 0 auto 20px; padding-bottom: 5px; }
h1.metin { position: absolute; left: -300px; width: 300px; }
.panel.kazanctablosu .panel-body ul li:nth-child(2) { padding-top: 10px; }
.panel.kazanctablosu .panel-body ul li:nth-child(3) { padding-top: 10px; }
.panel.kazanctablosu .panel-body ul li:nth-child(4) { padding-top: 6px; }
.panel.kazanctablosu .panel-body ul li:nth-child(5) { padding-top: 10px; }
.panel.kazanctablosu .panel-body ul li:nth-child(7) { padding-top: 10px; }
.panel.kazanctablosu .panel-body ul li:nth-child(8) { padding-top: 10px; }
.panel.kazanctablosu .panel-body ul li:nth-child(9) { padding-top: 10px; }
.scroll { height: 290px; float: left; width: 100%; }
.box-inner p strong { font-size: 14px; display: inline-block; }
.panel-body ul li:nth-child(1) { color: #847d6a; }
.panel-body ul li:nth-child(3) { color: #847d6a; }
.panel-body ul li:nth-child(5) { color: #847d6a; }
.panel-body ul li:nth-child(7) { color: #847d6a; }
.panel-body ul li:nth-child(9) { color: #847d6a; }
.m-logo { display: none; }
.dice-kayek {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 19%;
}
.teslim {
    position: absolute;
    left: 2%;
    top: 15%;
    width: 125px;
}
.konum{
    position: absolute;
    bottom: 0;
    width: 320px;
}