@font-face {font-family:GothamNarrow-Book; src:url(../fonts/GothamNarrow-Book.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamNarrow-Book.otf) format("opentype"), url(../fonts/GothamNarrow-Book.woff) format("woff"), url(../fonts/GothamNarrow-Book.ttf) format("truetype"), url(../fonts/GothamNarrow-Book.svg#GothamNarrow-Book) format("svg"); font-weight:400; font-style:normal}
@font-face {font-family:GothamNarrow-Bold; src:url(../fonts/GothamNarrow-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamNarrow-Bold.otf) format("opentype"), url(../fonts/GothamNarrow-Bold.woff) format("woff"), url(../fonts/GothamNarrow-Bold.ttf) format("truetype"), url(../fonts/GothamNarrow-Bold.svg#GothamNarrow-Book) format("svg"); font-weight:400; font-style:normal}
@font-face {font-family:'Kelson Sans'; src:url(../fonts/KelsonSans-Regular.eot); src:url(../fonts/KelsonSans-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/KelsonSans-Regular.woff2) format('woff2'), url(../fonts/KelsonSans-Regular.woff) format('woff'), url(../fonts/KelsonSans-Regular.ttf) format('truetype'), url(../fonts/KelsonSans-Regular.svg#KelsonSans-Regular) format('svg'); font-weight:400; font-style:normal}
@font-face {font-family:'Kelson Sans'; src:url(../fonts/KelsonSans-Light.eot); src:url(../fonts/KelsonSans-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/KelsonSans-Light.woff2) format('woff2'), url(../fonts/KelsonSans-Light.woff) format('woff'), url(../fonts/KelsonSans-Light.ttf) format('truetype'), url(../fonts/KelsonSans-Light.svg#KelsonSans-Light) format('svg'); font-weight:300; font-style:normal}
@font-face {font-family:'Kelson Sans'; src:url(../fonts/KelsonSans-Bold.eot); src:url(../fonts/KelsonSans-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/KelsonSans-Bold.woff2) format('woff2'), url(../fonts/KelsonSans-Bold.woff) format('woff'), url(../fonts/KelsonSans-Bold.ttf) format('truetype'), url(../fonts/KelsonSans-Bold.svg#KelsonSans-Bold) format('svg'); font-weight:700; font-style:normal}
@font-face {font-family:DINPro-Light; src:url(../fonts/DINPro-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/DINPro-Light.otf) format('opentype'), url(../fonts/DINPro-Light.woff) format('woff'), url(../fonts/DINPro-Light.ttf) format('truetype'), url(../fonts/DINPro-Light.svg#DINPro-Light) format('svg'); font-weight:400; font-style:normal}
@font-face {font-family:DINPro-Bold; src:url(../fonts/DINPro-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/DINPro-Bold.otf) format('opentype'), url(../fonts/DINPro-Bold.woff) format('woff'), url(../fonts/DINPro-Bold.ttf) format('truetype'), url(../fonts/DINPro-Bold.svg#DINPro-Bold) format('svg'); font-weight:400; font-style:normal}
@font-face {font-family:'Gotham Rounded'; src:url(GothamRounded-Medium.eot); src:url(GothamRounded-Medium.eot?#iefix) format('embedded-opentype'), url(GothamRounded-Medium.woff2) format('woff2'), url(GothamRounded-Medium.woff) format('woff'), url(GothamRounded-Medium.ttf) format('truetype'), url(GothamRounded-Medium.svg#GothamRounded-Medium) format('svg'); font-weight:500; font-style:normal}
@font-face {font-family:Roboto; src:url(../fonts/Roboto-Regular.woff2) format('woff2'), url(../fonts/Roboto-Regular.woff) format('woff'); font-weight:400; font-style:normal}
*{scroll-behavior: smooth;}
a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, ul, var, video {margin:0; padding:0; border:0; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {font-family:Roboto}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:after, blockquote:before, q:after, q:before {content:''; content:none}
table {border-collapse:collapse; border-spacing:0}
a {text-decoration:none}
a:hover {color:#000}
:focus {outline:0}
.clear {clear:both}
img {max-width:100%; height:auto}
.ty-wrapper {width:100%; height:100vh; display:table; background-color:#1e1c1c}
.ty-vertical {display:table-cell; vertical-align:middle; text-align:center; font-size:25px; color:#fff}
.form-holder {text-align:center; position:fixed; right:-460px; padding:0 45px; box-sizing:border-box; z-index:5; border: 2px solid #3f5519; background-color: #c6cfb5 !important;  display:table; width:400px; height:auto; box-shadow:0 5px 29px 0 rgb(0 0 0 / .3); transition:all .6s cubic-bezier(.42,0,.07,.99); bottom: 150px; z-index:10; min-height:280px; background-color:#c6cfb5; border-top-left-radius:15px; border-bottom-left-radius:15px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;}
.form-title {font-size:20px; text-align:center; margin:30px 0 15px; line-height:27px; color:#404040; font-family:Roboto;  display:inline-block; width:90%}
.form-title strong {font-size:17px}
.tesekkurler {display:none; padding:20px 10px; text-align:center}
.tel {display:inline-block; text-align:center; font-size:36px; color:#fff; margin-bottom:0}
.tel a {color:#fff; font-size:18px; display:inline-block; width:100%; text-align:center; margin-top:5px; font-weight:700}
.wrapper {background:url(../images/bg.jpg) no-repeat; background-position:right center; width:100%; height:100vh; position:absolute; box-sizing:border-box; background-size:cover}
.form-inner {display:table-cell; vertical-align:middle; position:relative; z-index:2; padding-bottom:50px; box-sizing:border-box}
.formNm {text-align:left; font-size:16px; font-weight:700; margin-bottom:15px; color:#cbcbcb}
.spCont {width:100%; display:inline-block; position:relative; margin-top:-8px; display:none}
.spCont::before {content:""; position:absolute; right:0; top:82%; height:1px; background-color:#fff; width:calc(100% - 90px)}
.socialForm {position:absolute; bottom:-25px; right:0}
.socialForm li {float:left; margin-left:3px; width:20px}
.tel2 {display:inline-block; margin:0; position:absolute; right:0; bottom:20px}
.tel2 a {color:#fff; font-size:19px; display:inline-block; position:relative; top:0; right:0; font-weight:700}
.sinpas {margin:0; width:90px; float:left}
.contact_form LABEL a {font-size:100%}
.formBtn {width: 300px; position:fixed; right:-25px; bottom:50px; transform:translateY(-50%); cursor:pointer; z-index:9; display: block !important;}
.form-holder.active {right:0}
.formBtn.dl {opacity:0; pointer-events:none}
.logo2 {position:absolute; left:1%; top:2%; width:16%}
.kapatForm { position:absolute; right:10px; top:10px; z-index: 9999; cursor: pointer; }
.iletisim-m {display:none}
.contact_form LI:nth-child(3) {border-bottom:solid 1px #cbcbcb; padding-bottom:5px; box-sizing:border-box}
.homePage {position:relative; width:100%; display:inline-block; height:100vh}
#homeSlide {position:relative; display:inline-block; width:100%}
#homeSlide .item {position:relative; display:inline-block; width:100%; height:100vh}
.fullGorsel {position:relative; display:inline-block; width:100%; height:100%; background-size:cover!important; background-repeat:no-repeat!important}
.homeBorder {position:relative; width:100%; height:100%; display:inline-block; box-sizing:border-box}
#homeSlide .owl-dots {display:block!important; position:absolute!important; bottom:10px!important; right:10px!important}
#homeSlide .owl-dots .owl-dot {width:20px; height:20px; margin:5px 6px; background:#f69b1e; display:inline-block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:30px; box-sizing:border-box; display:none}
#homeSlide .owl-dots .owl-dot.active {background:#f69b1e; border:solid 5px #595858; box-sizing:border-box; transform:scale(1.4)}
.kesfet {position:absolute; top:48%; left:10px; z-index:1; font-size:20px; color:#fff; font-weight:700; transform:rotate(-90deg); cursor:pointer; text-shadow:0 0 21.6px rgb(0 0 0 / .41)}
.kesfet::before {content:""; position:absolute; width:114px; height:2px; background:#fff; left:90px; top:11px; box-shadow:0 0 21.6px rgb(0 0 0 / .41)}
.kesfet::after {content:""; position:absolute; width:114px; height:2px; background:#fff; right:90px; top:11px; box-shadow:0 0 21.6px rgb(0 0 0 / .41)}
.col.col28 .img img {max-width:85%!important}
.homeLeft {position:absolute; z-index:1; top:70px; left:230px}
.logo {position:relative; display:table; width:215px}
.homeSlogan {position:relative; display:inline-block; color:#fff; margin-top:30px}
.homeTitle {position:relative; font-size:70px; color:#dec56b; font-weight:700; display:table}
.homeLine {position:relative; width:48%; display:table; margin-top:20px; margin-bottom:25px}
.homeLeft p {position:relative; display:table; font-size:34px; font-weight:400}
.homeLeft p strong {color:#d3b763; font-weight:700}
.bottomText {position:relative; display:table; margin-top:50px; width:500px}
.bottomText strong {color:#fff; font-size:25px; font-weight:500; display:block; padding-bottom:6px; box-sizing:border-box; padding-left:5px}
.bottomText ul {position:relative; display:inline-block; width:100%}
.bottomText ul li {position:relative; float:left; width:calc(40% - 4px); margin-right:6px; margin-bottom:5px}
.bottomText ul li a {display:block; color:#2d164e; font-size:23px; height:50px; border:solid 3px #200f39; box-sizing:border-box; text-align:center; line-height:48px; background-image:-moz-linear-gradient(51deg,#f7e57d 0,#ccae5e 100%); background-image:-webkit-linear-gradient(51deg,#f7e57d 0,#ccae5e 100%); background-image:-ms-linear-gradient(51deg,#f7e57d 0,#ccae5e 100%); font-weight:700; border-radius:30px}
.bottomText ul li:nth-child(2) {width:20%; width:calc(20% - 4px)}
.bottomText ul li:nth-child(3) {margin-right:0}
.bottomText ul li:nth-child(4) {width:calc(50% - 6px)}
.bottomText ul li:last-child {width:50%; margin-right:0}
section {position:relative; display:inline-block; width:100%}
.container {position:relative; width:1480px; margin:auto}
.about {position:relative; padding:50px 0; display:inline-block; width:100%; background:#153f62; background:-moz-linear-gradient(top, rgb(21 63 98) 0, rgb(18 39 69) 99%); background:-webkit-linear-gradient(top, rgb(21 63 98) 0, rgb(18 39 69) 99%); background:linear-gradient(to bottom, rgb(21 63 98) 0, rgb(18 39 69) 99%)}
.aboutTitle {position:relative; display:table; font-size:65px; padding-bottom:10px; width:100%; text-align:justify; font-family:'Kelson Sans'; color:#fff}
.about-p {position:relative; display:table; font-size:19px; color:#fff; line-height:30px; font-weight:400}
.aboutTitle span {color:#e0c76c}

.neden {position:relative; width:100%; display:inline-block; background:#fff}
.nedenTitle {position:relative; display:table; margin:auto; text-align:center; font-size:65px; color:#242424; font-weight:700; padding:50px 0; box-sizing:border-box}
.nedenTitle span {position:relative; display:block; color:#205685}
.nedenList {position:relative; width:100%; display:inline-block; height:1436px}
.nedenList ul {position:relative; display:inline-block; text-align:center; width:100%}
.nedenList ul li {position:relative; height:auto; width:calc(30.33%); box-shadow:0 7px 57px 0 rgba(0, 0, 0, .26); margin-bottom:20px; transition:.3s; cursor:pointer; z-index:2; visibility:visible; left:0; display:inline-block; margin:1%; margin-top:0}
.nedenList ul li:hover .neden-p {background:#213d7e; transition:.3s; color:#fff}
.nedenBg {position:relative; width:100%; display:inline-block; height:580px; background-size:cover!important; background-position:center!important}
.neden-p {position:relative; width:100%; height:100px; background:#fff; color:#2e184f; display:table; transition:.3s}
.nedenList ul li a {position:relative; width:100%; height:auto; display:inline-table; border:solid 7px #213d7e; box-sizing:border-box}
.neden-p span {position:relative; display:block; width:95px; height:95px; background:#fff; text-align:center; line-height:95px; color:#200f39; font-size:55px; font-weight:700; box-shadow:0 10px 29px 0 rgba(0, 0, 0, .1); margin-left:10px; margin-top:-28px; float:left}
.neden-p p {position:relative; font-size:19px; font-weight:400; width:330px; box-sizing:border-box; display:table-cell; vertical-align:middle; padding-right:20px; text-align:left; padding-left:10px}
.listSlogan {position:absolute; top:50%; transform:translateY(-50%); background:rgba(255, 255, 255, .85); font-size:25px; color:#242424; text-align:center; width:395px; padding:20px 45px; box-sizing:border-box; left:50%; margin-left:-197.5px; font-weight:700}
.fotoGaleri {position:relative; width:100%; display:inline-block; margin-top:80px}
.galeri a:hover img {transform:scale(1.2)}
.galeri a img {transition:.3s}
.galeri a {margin-bottom:10px; display:block; overflow:hidden; cursor:zoom-in; position:relative}
.galeri a span {position:absolute; bottom:5%; text-align:center; width:100%; color:#ffffff; font-size:32px; transition:all .7s ease-in-out;}
.galeri a:hover span {letter-spacing:5px; transition:all .7s ease-in-out;}
.galleryContainer {display:none; width:100%; position:relative}
.galleryContainer.open {display:inline-block}
ul.tabMenu {position:relative; display:table; margin-bottom:10px}
ul.tabMenu li {position:relative; float:left; background:#205685; width:240px; margin-right:10px}
ul.tabMenu li a {position:relative; display:block; color:#fff; font-weight:700; box-sizing:border-box; text-align:center; padding:15px 0}
ul.tabMenu li a.active {background:#153e61}
.video {position:relative; display:inline-block; width:100%; margin-top:20px}
.iletisim {position:relative; width:100%; display:inline-block; padding-top:155px; box-sizing:border-box; padding-bottom:30px}
section#sect6 {background:#0d2f4c; margin-top:-135px}
.yolTitle {position:relative; display:table; color:#fff; margin:auto; font-size:35px; padding-bottom:20px; font-weight:700; box-sizing:border-box; text-align:center}
section#sect5 {z-index:2}
#map_canvas {width:100%; height:530px; display:inline-block; box-shadow:0 7px 57px 0 rgba(0, 0, 0, .26)}
.adres {position:relative; float:left; box-sizing:border-box; margin-top:0; padding-left:5px}
.adresTitle {position:relative; display:block; color:#fff; font-weight:700; font-size:35px; margin-bottom:13px}
.adres p {color:#fff; font-size:18px; line-height:30px; font-family:DINPro-Light}
.adres p strong {display:block; font-family:DINPro-Bold}
.logoTel {position:relative; float:left; margin-right:20px; border-right:1px solid #fff; padding-right:25px}
.logoTel i {position:relative; display:block; width:125px}

.logoTel a {position:relative; display:block; color:#fff; font-weight:700; font-size:24px; margin-top:10px}
.detay {position:absolute; width:100%; height:100vh; left:0; right:0; top:0; bottom:0}
.detayRight {position:absolute; width:78%; height:760px; background:#fff; border:solid 9px #2c154e; box-sizing:border-box; margin-top:100px; display:none; box-shadow:0 7px 57px 0 rgba(0, 0, 0, .26); z-index:9; left:50%; transform:translateX(-50%)}
.detayClose {position:absolute; background:#fff; box-shadow:0 5px 29px 0 rgba(0, 0, 0, .3); width:56px; height:56px; text-align:center; line-height:56px; top:-8px; right:-65px; cursor:pointer}
.nedenList ul li.active {top:-220px; left:-190px; transition:.3s}
.nedenList ul li.kaybol {opacity:0; transition:.3s; visibility:hidden}
.nedenList.nHeight {height:530px; transition:.3s}
.icDetay1Left {position:relative; float:left; height:100%; width:100%}
.detay1Bg {position:relative; display:inline-block; width:100%; background-size:cover!important; height:100%; box-sizing:border-box}
.icDetay-p {position:absolute; width:34%; height:240px; padding:120px 35px 25px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; top:40px; right:0; background:#fff}
.icDetay-p strong {position:relative; display:table; font-size:25px; font-weight:700; color:#242424; padding-bottom:12px}
.icDetay-p p {position:relative; display:table; font-size:17px; font-weight:400; color:#242424; padding-bottom:20px; box-sizing:border-box; width:100%; line-height:26px}
div#detaySlide1 {position:relative; float:right; display:inline-block; height:100%; width:calc(100% - 740px)}
div#detaySlide1 .item {position:relative; width:100%; height:742px; display:inline-block}
.detayBg {width:100%; height:100%; background-size:cover!important; background-position:center!important; display:inline-block}
.detayNum {position:absolute; top:-16px; left:-40px; background:#fff; height:96px; display:table; box-shadow:0 10px 29px 0 rgba(0, 0, 0, .1); z-index:4; width:100%}
.detayNum span {position:relative; float:left; width:96px; text-align:center; height:100%; line-height:96px; font-size:55px; font-weight:700; color:#200f39; box-shadow:0 10px 29px 0 rgba(0, 0, 0, .1)}
.detayNum p {position:relative; color:#242424; font-size:25px; font-weight:700; padding:10px 20px; box-sizing:border-box; display:table-cell; vertical-align:middle; line-height:normal}
div#detaySlide2 {width:1000px; height:100%; display:inline-block; float:left}
div#detaySlide2 .item {position:relative; display:inline-block; width:100%; height:742px}
.icDetay2Right {position:relative; float:right; height:100%; display:inline-block; width:calc(100% - 1000px)}
.detay2Bg {position:relative; display:inline-block; width:45%; height:100%; float:left}
.detay2Bg ul {position:relative; display:inline-block; width:100%; height:100%}

.detay2Bg ul li {position:relative; display:block; width:100%; height:33.33%; border-left:solid 3px #fff; border-bottom:solid 3px #fff; box-sizing:border-box; background-size:cover!important; background-position:right!important}
.detay2Bg ul li:last-child {border-bottom:none}
.icDetay2-p {position:relative; float:right; width:100%; height:100%; padding:0 40px; padding-top:165px; box-sizing:border-box}
.icDetay2-p strong {position:relative; display:block; font-size:35px; color:#242424; font-weight:700; padding-bottom:30px; box-sizing:border-box}
.icDetay2-p p {position:relative; display:block; font-weight:400; font-size:19px; color:#242424; margin-bottom:25px; line-height:1.6}
.icDetay2Right .detayNum {bottom:auto; top:20px; width:580px; left:auto; right:0}
.icDetay3Left {position:relative; float:left; height:100%; width:390px; border-right:solid 3px #fff; box-sizing:border-box}
.detay3Bg {position:relative; display:inline-block; width:100%; height:560px; background-size:cover!important}
.owl-nav {position:absolute; bottom:10px; left:20px}
#detaySlide1 .owl-nav {position:absolute; bottom:10px; right:20px; left:auto}
.owl-nav .owl-prev {background:url(../images/prev.png) no-repeat; background-size:cover; width:55px; height:55px; display:inline-block; color:transparent; transition:.3s}
.owl-nav .owl-prev:hover {background-color:#a9964d; transition:.3s}
.owl-nav .owl-next {background:url(../images/next.png) no-repeat; background-size:cover; width:55px; height:55px; display:inline-block; color:transparent; transition:.3s}
.owl-nav .owl-next:hover {background-color:#a9964d; transition:.3s}
div#detaySlide3 {width:100%; position:relative; display:inline-block; height:calc(100% - 560px); border-top:solid 3px #fff; box-sizing:border-box}
div#detaySlide3 .item {position:relative; display:inline-block; width:100%; height:182px}
.icDetay3Right {position:relative; float:right; height:100%; width:100%}
.icDetay3-p {position:absolute; width:65%; display:inline-block; height:auto; padding-left:35px; padding-top:125px; padding-right:50px; box-sizing:border-box; top:0; z-index:2; background-color:#fff; padding-bottom:25px}
.icDetay3-p strong {display:block; font-size:30px; color:#242424}
.icDetay3-p p {display:block; font-size:17px; color:#242424; padding-top:20px; box-sizing:border-box}
.detay3Bg2 {position:relative; width:100%; display:inline-block; height:100%; background-size:cover!important; background-position:center!important}
.icDetay3Right .detayNum {bottom:auto; top:17px; width:65%; left:0; z-index:3}
div#detaySlide4 {position:relative; display:inline-block; height:100%; width:100%; box-sizing:border-box}
div#detaySlide4 .item {position:relative; display:block; width:100%; height:742px}
.icDetay4Right {position:absolute; display:inline-block; float:right; bottom:0; right:0; background-color:#fff; width:50%}
.detay4Bg {position:relative; width:100%; display:inline-block; background-size:cover!important; background-position:center bottom!important}
.icDetay4-p {position:relative; width:100%; display:inline-block; padding-top:65px; padding-left:45px; padding-right:46px; box-sizing:border-box; padding-bottom:20px}
.icDetay4-p strong {display:block; font-size:30px; color:#242424}
.icDetay4-p p {display:block; font-size:17px; color:#242424; padding-bottom:15px; box-sizing:border-box}
.icDetay4Right .detayNum {width:480px; left:-30px}
.icDetay5Ust {position:relative; width:100%; display:inline-block; height:270px}
.icDetay5-p {position:relative; display:inline-block; padding-left:120px; padding-right:80px; padding-top:125px; box-sizing:border-box}
.icDetay5-p strong {display:inline-block; font-size:26px; color:#242424; float:left; width:calc(200px - 10px); text-align:right; padding-right:10px}
.icDetay5-p p {display:inline-block; font-size:17px; color:#242424; float:left; width:calc(100% - 200px); padding-top:18px}
.icDetay5Ust .detayNum {bottom:auto; left:0; margin-top:25px; position:relative}
div#detaySlide5 {position:relative; display:inline-block; width:100%; height:calc(100% - 240px)}
div#detaySlide5 .item {position:relative; display:inline-block; width:100%; height:472px}
.icDetay6Left {position:relative; display:inline-block; height:100%; width:495px; float:left}
.detay6Bg {width:50%; display:inline-block; height:100%; background-size:cover!important; background-position:center!important}
div#detaySlide6 {position:relative; display:inline-block; width:40%; height:100%; border-top:solid 3px #fff}
div#detaySlide6 .item {position:relative; display:inline-block; width:100%; height:342px}

.icDetay6Right {position:relative; float:right; height:100%; width:60%}
.detay6Bg2 {position:relative; float:left; width:50%; height:100%; background-size:cover!important; background-position:center!important; border-left:solid 3px #fff; box-sizing:border-box}
.icDetay6-p {position:relative; float:right; width:50%; height:100%; padding-top:150px; padding-left:35px; padding-right:35px; box-sizing:border-box; line-height:1.6}
.icDetay6-p strong {display:block; font-size:30px; color:#242424}
.icDetay6-p p {display:block; font-size:17px; color:#242424; padding-top:15px; box-sizing:border-box}
.icDetay6Right .detayNum {top:20px; width:480px; left:auto; right:0}
.yolTel {display:none}
.fotoGaleri-m {display:none}
.galleryContainer-m {display:none; width:100%; position:relative}
.galleryContainer-m.open {display:inline-block}
.neden-m {display:none}
.detay-m {display:none}
#wrapper_video {width:100%; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}
#brand a:focus, p a:focus {border:1px #999 dotted; outline:0}
.pull-left {float:left; position:absolute; left:-5px; top:40%; z-index:2}
.sr-only {position:absolute!important; clip:rect(1px, 1px, 1px, 1px); padding:0!important; border:0!important; height:1px!important; width:1px!important; overflow:hidden}
.hide {display:none}
.show-inline {display:inline-block}
.px-video-img-captions-container * {box-sizing:border-box; width:100%; display:inline-block}
.px-video-img-captions-container {position:relative}
.px-video-progress {width:100%; height:1px}
.px-video-progress[value] {-webkit-appearance:none; border:none}
.px-video-progress[value]::-webkit-progress-bar {background-color:#e6e6e6}
.px-video-progress[value]::-webkit-progress-value {background-color:#e0c76c; position:relative; height:3px; top:-1px}
.px-video-time {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; float:right; font-size:20px; color:#fff; margin-top:40px}
.px-video-captions {position:absolute; top:0; left:0; width:100%; padding:.5em; min-height:2.5em; background-color:#000; color:#fff; font-size:1.1em; text-align:center; opacity:.75; opacity:0}
.px-video-controls button {border:1px #fff solid; background:0 0; padding:0; margin:0 5px; width:78px; height:78px; overflow:hidden; background:url(../images/playBtn.png) no-repeat}
.px-video-controls button:focus {border:1px #999 dotted; outline:0}
.px-video-controls button {cursor:pointer}
.px-video-controls button.px-video-restart {background-position:-6px -333px; margin-left:0; display:none}
.px-video-controls button.px-video-restart:focus, .px-video-controls button.px-video-restart:hover {background-position:-6px -297px}
.px-video-controls button.px-video-rewind {background-position:-6px -189px; display:none}
.px-video-controls button.px-video-rewind:focus, .px-video-controls button.px-video-rewind:hover {background-position:-6px -153px}
.px-video-controls button.px-video-pause {background:url(../images/pauseBtn.png) no-repeat}
.px-video-controls button.px-video-pause:focus, .px-video-controls button.px-video-pause:hover {background:url(../images/pauseBtn.png) no-repeat}
.px-video-controls button.px-video-forward {background-position:-6px -261px; display:none}
.px-video-controls button.px-video-forward:focus, .px-video-controls button.px-video-forward:hover {background-position:-6px -225px}
.px-video-fullscreen-btn-container label {display:inline-block; width:25px; height:20px; margin-left:10px; background:no-repeat url(https://paypal.github.io/accessible-html5-video-player/images/px-video-sprite.png); background-position:-6px -907px; display:none!important}
.px-video-fullscreen-btn-container input[type=checkbox]:focus+label {outline:1px #999 dotted; background-position:-6px -943px}
.px-video-fullscreen-btn-container input[type=checkbox]:hover+label {background-position:-6px -943px; cursor:pointer}
.px-video-fullscreen-btn-container input[type=checkbox]:focus+label {outline:1px #999 dotted; background-position:-6px -943px}
.px-video-fullscreen-btn-container input[type=checkbox]:checked+label {background-position:-6px -979px}
.px-video-fullscreen-btn-container input[type=checkbox]:checked:hover+label {background-position:-6px -1015px}

.px-video-captions-btn-container label {display:inline-block; width:25px; height:20px; margin-left:10px; background:no-repeat url(https://paypal.github.io/accessible-html5-video-player/images/px-video-sprite.png); background-position:-6px -835px; display:none!important}
.px-video-captions-btn-container input[type=checkbox]:focus+label {outline:1px #999 dotted; background-position:-6px -799px}
.px-video-captions-btn-container input[type=checkbox]:hover+label {background-position:-6px -799px; cursor:pointer}
.px-video-captions-btn-container input[type=checkbox]:focus+label {outline:1px #999 dotted; background-position:-6px -799px}
.px-video-captions-btn-container input[type=checkbox]:checked+label {background-position:-6px -871px}
.px-video-mute-btn-container label {display:inline-block; width:25px; height:20px; margin-left:240px; margin-top:2px; background:no-repeat url(https://paypal.github.io/accessible-html5-video-player/images/px-video-sprite.png); background-position:-6px -476px; display:none!important}
.px-video-mute-btn-container input[type=checkbox]:focus+label {outline:1px #999 dotted; background-position:-6px -440px}
.px-video-mute-btn-container input[type=checkbox]:hover+label {background-position:-6px -440px; cursor:pointer}
.px-video-mute-btn-container input[type=checkbox]:focus+label {outline:1px #999 dotted; background-position:-6px -440px}
.px-video-mute-btn-container input[type=checkbox]:checked+label {background-position:-6px -692px}
.px-video-mute-btn-container input[type=checkbox]:checked:focus+label, .px-video-mute-btn-container input[type=checkbox]:checked:hover+label {background-position:-6px -656px}
.px-video-controls input[type=range] {-webkit-appearance:none; height:6px; width:100px; margin-top:8px; background-color:#e6e6e6; outline:0; display:none}
.px-video-controls input[type=range]:focus::-webkit-slider-thumb {outline:1px #999 dotted}
.px-video-controls input[type=range]::-moz-range-track {-moz-appearance:none; height:6px; background-color:#e6e6e6; border:none}
.px-video-controls input[type=range]::-webkit-slider-thumb {-webkit-appearance:none!important; height:10px; width:6px; background-color:#666}
.px-video-controls input[type=range]::-moz-range-thumb {height:12px; width:8px; background-color:#666}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
.px-video-controls input[type=range] {position:relative; padding:0; height:8px; top:-3px}
.px-video-time {margin-top:4px}
.px-video-captions {padding:8px; min-height:36px}
}

.px-video-container.fullscreen {position:fixed; top:0; bottom:0; left:0; right:0; -webkit-cursor-visibility:auto-hide}
.px-video-controls.js-fullscreen-controls {position:absolute; bottom:0; width:100%; z-index:940; background:#fff}
.px-video-captions.js-fullscreen-captions {min-height:3.5em; font-size:2.5em; padding:1em}
div#myvid {width:100%!important}
.px-video-controls {position:absolute; width:90%; bottom:13%; left:5%}
.socialTel-m {display:none}
.galeriKat .item a {background:url(../images/katBg.jpg) no-repeat; background-size:cover; width:100%; display:inline-block; height:170px}
.galeriKat .item a strong {position:absolute; color:#fff; font-weight:400; font-size:25px; padding:20px 20px; bottom:0; top:0; left:0; right:0}
.galeriKat .item a:after {content:""; position:absolute; width:15px; height:15px; right:0; bottom:0; background:#fff; transition:.3s}
.galeriKat .item a:hover:after {width:40px; height:40px; transition:.3s}
.fBg {position:fixed; width:100px; height:100px; background:#fff; bottom:0; z-index:10; left:50%; margin-left:-50px; border-radius:50%; transform:scale(0); transition:1s}
.fBg.active {transform:scale(17); transition:1s}
.ulasimSecenek {position:relative; width:100%; display:inline-block; background:#331a58; box-shadow:0 0 117px 0 rgba(0, 0, 0, .21)}
.ulasim {position:relative; width:100%; display:inline-block; padding-top:190px; box-sizing:border-box}
.ulasimTitle {position:relative; display:table; margin:auto; text-align:center; color:#fff; font-size:35px; font-weight:700; margin-bottom:60px}
.ulasim ul {position:relative; display:inline-block; width:100%; margin-bottom:50px}
.ulasim ul li {position:relative; float:left; width:20%}
.ulasim ul li i {position:relative; display:block; text-align:center; margin-bottom:20px}
.ulasim ul li p {position:relative; display:block; text-align:center; color:#fff; font-size:35px; font-weight:400}
.ulasim ul li p span {display:block; font-size:19px}
.ulasim ul li p strong {display:block; padding-top:10px; box-sizing:border-box}
.ulasim ul li::before {content:""; position:absolute; width:1px; height:90px; background:#fff; right:0; top:30%}
.ulasim ul li:last-child::before {background:0 0}
.contactLeft {position:relative; float:left; margin-top:40px}
.contactRight {position:relative; float:right; margin-top:70px}
.takip {position:relative; display:block; text-align:right; color:#fff; font-size:20px}
.social {position:relative; display:inline-block; width:100%; margin-top:28px}
.social ul {position:relative; display:inline-block; width:100%}
.social ul li {position:relative; float:left; margin-right:30px}
.social ul li a {display:block}
.social ul li a span {position:relative; float:left; color:#fff; display:inline-block; font-size:24px}
.social ul li:last-child {margin-right:0}
.social ul li a i {position:relative; float:left; top:-3px; margin-right:5px}
.detayArrow {position:absolute; right:-65px; box-shadow:0 5px 29px 0 rgba(0, 0, 0, .3); top:48px}
.detayNext {position:relative; display:table; width:56px; height:56px; background:#153e61; transition:.3s}

.detayNext a {display:table-cell; vertical-align:middle; text-align:center}
.detayPrev {position:relative; display:table; width:56px; height:56px; background:#153e61; border-top:solid 3px #fff; transition:.3s}
.detayPrev a {display:table-cell; vertical-align:middle; text-align:center; transform:rotate(-180deg); transition:.3s}
.ulasimSecenek-m {display:none}
.footerLogo-m {display:none}
.homeLeft-m {display:none}
.bg-m {display:none}
.detayNext:hover {background:#205685; transition:.3s}
.detayPrev:hover {background:#205685; transition:.3s}
.detayKapat {position:absolute; width:100%; height:100%}
.detayNum.detayNum5 {width:auto; top:20px}
ul.vGaleriList {display:table; margin:auto; width:100%; box-sizing:border-box}
ul.vGaleriList li {width:100%; float:left; text-align:center; box-sizing:border-box; margin-right:15px}
ul.vGaleriList li a {height:320px; color:#fff; font-size:25px; display:block; padding-top:70px; box-sizing:border-box; transition:.3s; background-size:cover!important; background-position:center!important}
ul.vGaleriList li a i {display:table; margin:0 auto 20px; transition:.3s}
ul.vGaleriList li a strong {font-size:33px; display:block}
ul.vGaleriList li a:hover {letter-spacing:5px}
ul.vGaleriList li a:hover i {transform:scale(.8); transition:.3s}
ul.vGaleriList li:last-child {margin-right:0}
.daireImg {position:absolute; bottom:3%; left:43%; width:35%; text-align:left; transition:all .3s ease-in-out}
.daireImg.active {width:40%; left:48%}
.yolTitle a {color:#fff; transition:all .2s ease-in-out}
.yolTitle a:hover {color:#5c91c0}
.slogan2 {font-size:50px; margin-top:40px}
.slogan2 strong:nth-child(2) {border-left:3px solid #fff; padding-left:15px}
.sol-yazi {position:relative; height:auto; left:0; box-sizing:border-box; width:100%!important}
.sol-yazi.yazi2 {width:51%!important}
.alt-slider {position:relative; bottom:0; width:100%; color:#fff; font-size:19px; background-color:#0e142edb; margin:10px 0 20px; line-height:1.4}
.alt-slider p {text-align:left}
.slider1 {background-image:url(../../assets/images/vadekamp-v4/vadeBg.jpg); background-size:contain; height:100vh; display:flex; align-items:center; background-position:top center; background-color:#fff; background-repeat:no-repeat;}
.slider2 {background-image:url(../../assets/images/bg.jpg); background-size:cover; height:100vh}
.mobileSlider {display:none!important}
.homeLogo-m {display:none}
.kriter {width:100%; margin:0 auto}
.kriter-m {display:none}
.tarih {position:absolute; bottom:8px; right:0; background-color:#122846; color:#fff; padding:9px; font-size:18px; z-index:2}
.innerPage {display:none; width:100%}
.innerPage.open {display:inline-block}
.innerTab {margin:20px 0 15px; float:left; display:inline-block; width:100%}
.innerTab li {float:left; margin-right:20px}
.innerTab li a {color:#606060; border-bottom:1px solid transparent}
.innerTab li a.active {border-bottom:1px solid rgba(0, 0, 0, 1); color:#000; font-weight:700}
.yImg {box-shadow:0 30px 110px rgba(48, 50, 69, .6); width:138px; height:138px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; overflow:hidden; float:left; position:relative; z-index:2; background:#fff; margin-left:70px}
.yImg img {width:auto!important}
section.yasam {float:left; display:inline-block; margin-bottom:50px; position:relative; box-sizing:border-box; margin-top:100px}
.yTitle {float:left; width:190px; margin-left:30px; margin-top:37px; font-size:14px}
.yTitle strong {display:block; font-size:18px}
.yBorder {width:168px; height:35px; display:block; background:url(../images/yasam/yasamBorder.png); position:absolute; bottom:36px; left:116px; z-index:0}
.yasam .item {padding:70px 0 50px; display:inline-block; box-sizing:border-box}
.yBorder span {width:12px; height:12px; position:absolute; right:8px; top:7px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}
section.yasam:before {content:""; background:#e3dee8; width:100%; height:260px; display:block; bottom:0; position:absolute; z-index:1; left:0}
.tabpage {position:absolute; left:0; bottom:170%; background:rgba(37, 16, 64, .8); font-size:20px; line-height:24px; padding:20px; width:320px; transition:.3s; opacity:0; visibility:hidden; z-index:0; color:#fff}
.tabpage-open {bottom:calc(100% + 15px); opacity:1; visibility:visible; transition:.3s}

.tabpage-open:before {bottom:0; top:100%; left:60px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(136, 183, 213, 0); border-top-color:rgba(37, 16, 64, .8); border-width:10px; margin-left:-10px}
.bottomText ul li a.active {color:#fff}
.yasamTitle {position:absolute; z-index:2; font-size:42px; font-weight:700; color:#251040; left:13%; top:-30px}
.yasam .owl-dots {display:table; margin:auto; position:absolute; right:15%; top:-10px}
.yasam .owl-dots .owl-dot {width:20px; height:20px; float:left; background:#b3b0bc; margin:0 3px; left:0; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; border:2px solid rgba(105, 106, 112, .1)}
.yasam .owl-dots .owl-dot.active {background:#251040; border:#ffdead; transform:scale(1.2); margin:0 5px}
.listSlogan strong {font-weight:700; display:block; font-size:120%}
.icDetay4-p h3 {font-size:18px; margin-bottom:5px; width:100%; display:inline-block}
button.fancybox-button.fancybox-button--right {position:absolute; right:0; top:50%; margin-top:-22px; background-color:#c8b361; z-index:9999999; color:#000}
.fancybox-controls {position:static}
.fancybox-infobar__body {position:relative}
button.fancybox-button.fancybox-button--left {position:absolute; left:0; top:50%; margin-top:-22px; background-color:#c8b361; z-index:9999999; color:#000}
.fancybox-buttons {z-index:99999}
.fancybox-container--thumbs .fancybox-controls .fancybox-button--right, .fancybox-container--thumbs .fancybox-controls .fancybox-buttons {right:220px}
.formLogo {width:70%; margin:20px auto 0; display:none}
.formLogoRenkli {display:none}
.galeri a::before, .galeri-m a::before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; opacity:1; transition:all .2s ease-in-out}
.galeri a::after, .galeri-m a::after {content:""; position:absolute; left:4%; top:5%; width:150px; height:150px; background-size:100%; background-repeat:no-repeat; background-position:left top; z-index:3; transition:all .2s ease-in-out; opacity:1}
.galeri a:hover::before {opacity:0}
.galeri a:hover::after {opacity:0; top:-5%}
.galeriLogo {cursor:inherit!important}
.galeriLogo img {transform:scale(1)!important}
.zoomNone::before {display:none}
.slogan2 span {position:relative; float:left; width:310px; margin-right:20px; margin-top:-36px}
.ornekDaire {position:absolute; left:-25%; width:20%; z-index:4; top:-40px}
.ornekDaire:hover {transform:scale(.95)}
.dil {position:absolute; right:450px; top:0; z-index:3; padding:10px 0; background-color:#242424}
.dil li {float:left; border-right:1px solid #fff; padding:0 10px; line-height:1; display:inline-block}
.dil li:last-child {border-right:0}
.dil li a {color:#fff; line-height:1; font-size:18px}
.dairepage {display:none; width:100%; position:relative}
.dairepage.open {display:inline-block}
.innerTab2 {margin:5px 0 15px; float:left; display:inline-block; width:100%}
.innerTab2 li {float:left; margin-right:20px}
.innerTab2 li a {color:#767676; border-bottom:1px solid transparent}
.innerTab2 li a.active {border-bottom:1px solid rgba(0, 0, 0, 1); color:#000; font-weight:700}
.galeri .owl-dots {display:inline-block; float:right; margin:10px 0 5px}
.galeri .owl-dot {margin-left:5px; width:16px; height:16px; float:left; background:#b3b0bc; margin:0 3px; left:0; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; border:2px solid rgba(105, 106, 112, .1)}
.galeri .owl-dot.active {background-color:#fff}
.solyaziContainer {width:35%; height:100%; position:relative; display:flex; align-items:center; justify-content:center; box-sizing:border-box; background-color:#0e142e; flex-direction:column; padding:30px 3% 20px 90px}
.sagBg {width:65%; float:left; position:absolute; top:0; right:0; bottom:0; background-size:cover; background-position:40% 50%}
.ornDaire {width:100%; display:inline-block; cursor:pointer; transition:all .2s ease-in-out}
.ornDaire:hover {opacity:.7}
.about p {text-align:justify; color:#fff; font-size:28px; line-height:1.5}
.detay p:last-child {margin-bottom:0}
.icDetay5Right {height:240px}
.detay1Bg .detayNum {top:10px; right:180px}
.slogan {position:absolute; left:50%; top:4%; transform:translate(-50%); color:#fff; font-size:55px; text-align:center; font-family:'Gotham Rounded'; display:table; z-index:2; padding:15px; box-sizing:border-box; text-shadow:2px 9px 25px rgba(20, 38, 77, .74); text-shadow:2px 9px 25px rgba(20, 38, 77, .89)}
.slogan strong {display:block; font-weight:400; color:#f7c100}

.fiyatPat {position:absolute; z-index:5; left:2%; bottom:2%; width:24%}
.superPat {position:absolute; z-index:5; left:2%; top:2%}
.icDetay-p.iki {right:auto; left:3%; width:47%; padding-top:120px; height:160px}
.icDetay-p.iki .detayNum {width:60%; left:-30px}
.icDetay-p.uc .detayNum {left:-30px; top:-20px}
.icDetay-p.uc {width:39%; padding-top:120px; height:190px}
.icDetay-p.dort {width:40%; top:16px}
.icDetay-p.dort .detayNum {left:-31px; right:0}
.icDetay-p.bes {top:auto; bottom:0; width:50%; height:190px}
.icDetay-p.bes .detayNum {width:65%}
.way {position:absolute; left:0; right:0; bottom:0; width:100%; z-index:1; pointer-events:none}
.pesinatVade {position:absolute; z-index:1; left:4%; top:4%; width:14%}
.kazanc {position:absolute; z-index:2; top:2%; left:37%; width:23%}
.efsane {position:absolute; width:85%; left:5%; top:0; height:100%; display:flex; align-items:center; justify-content:center}
.form-holder2 {text-align:center; position:fixed; right:-450px; padding:0 45px; box-sizing:border-box; bottom:0; display:table; width:400px; height:auto; background-color:#000; box-shadow:0 5px 29px 0 rgba(0, 0, 0, .3); transition:all .6s cubic-bezier(.42, 0, .07, .99); top:50%; transform:translateY(-50%); z-index:10}
.form-holder2.active {right:0}
.form-holder2 .form-submit {background-image:none; background-color:#b49e86; color:#fff}
.form-holder h2, .form-holder2 h2 {font-size:25px; color:#fff; width:100%; text-align:center; margin-top:50px; line-height:1}
.form-title2 {font-size:15px; text-align:center; margin:5px 0 15px; line-height:1.2; color:#fff; font-family:'Kelson Sans'; font-weight:700; display:inline-block; width:100%}
.kapatForm2 {width:60px; height:60px; position:absolute; left:-30px; top:25px; background-color:#fff; text-align:center; font-size:30px; font-weight:300; padding:10px 0; box-sizing:border-box; cursor:pointer; font-family:'Kelson Sans'; box-shadow:0 5px 29px 0 rgba(0, 0, 0, .3)}
.formBtn2 {position:fixed; right:0; bottom:15%; z-index:4; cursor:pointer; transition:all .2s ease-in-out; width:55px}
.secim {display:none}
.homeReturn {position:absolute; left:-52px; top:15%; z-index:2; background-color:#3958b2; font-size:17px; color:#fff; padding:10px 18px; transform:rotate(-90deg)}
.homeReturn img {float:left; display:inline-block; width:27px}
.homeReturn span {margin-left:12px; position:relative; top:3px; line-height:1}
.containerAbout {width:70%; margin:0 auto; position:relative; max-width:1200px}
.ppdkShadow {position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0, 0, 0, .5); z-index:4; opacity:0; pointer-events:none; visibility:hidden; transition:all .5s ease-in-out}
.ppdkShadow.active {opacity:1; pointer-events:inherit; visibility:visible}
.ppdkCont {width:70%; background-color:#d72229; padding:25px; box-sizing:border-box; position:fixed; left:0; top:50%; transform:translateY(-50%); z-index:5; transition:all .5s ease-in-out; left:-100%}
.ppdkCont.active {left:0}
.ppdkCont img {width:100%}
.ppdkBtn {position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:4; cursor:pointer; width:40px}
.ppdkClose {position:absolute; right:20px; top:20px; width:30px; cursor:pointer}
.overlay_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:.6; display:none; z-index:9}
.overlay_bg.overlay_bg_active {display:block}

a.roundedBtn {
  height: 70px;
  line-height: 70px;
  position: relative;
  display: inline-block;
}
a.roundedBtn span {
  font-size: 20px;
  color: #606060;
  position: relative;
  display: inline-block;
  padding: 0 30px 0 90px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 600;
}
a.roundedBtn:before {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  content: "";
  background: #9e0c4f;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a.roundedBtn:after {
  display: block;
  width: 24px;
  height: 19px;
  content: "";
  background: url(https://sinpasgyo.com/Content/assets/images/icons/rightArrow.svg) no-repeat center;
  position: absolute;
  left: 25px;
  top: 25px;
  background-size: 100% auto;
}
a.roundedBtn:hover span {
  color: #fff;
}
a.roundedBtn:hover:before {
  width: 100%;
}
a.roundedBtn.cookieBtn {
  height: 40px;
  line-height: 40px;
}
a.roundedBtn.cookieBtn span {
  font-size: 14px;
  padding: 0 20px 0 40px;
  color: #fff;
}
a.roundedBtn.cookieBtn:before {
  width: 100%;
  height: 40px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
a.roundedBtn.cookieBtn:after {
  top: 11px;
  left: 8px;
  width: 18px;
  height: 14px;
  background-size: contain;
}

.cookie {
  border: 1px solid #8D98A1;
  width: 28%;
  position: fixed;
  bottom: -1500px;
  right: 20px;
  background-color: #fff;
  z-index: 99;
  padding: 30px;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.cookie.active {
  bottom: 20px;
}
.cookie strong {
  font-size: 18px;
  color: #525252;
}
.cookie p {
  font-size: 13px;
  color: #525252;
  margin: 10px 0;
}
.cookie a.cookie-content {
  font-size: 13px;
  color: #0213bf;
  text-decoration: underline;
}
.cookie .btns {
  margin-top: 20px;
}
.cookie .btns .cookie-reject {
  height: 50px;
  line-height: 50px;
  padding: 10px 25px;
  background-color: #d8d8d8;
  color: #262626;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
.cookie .btns .cookie-reject span {
  font-size: 14px;
  color: #262626;
}

#cookie-content {
  z-index: 9999999;
  width: 85%;
  height: 75%;
  overflow-x: scroll;
}
#cookie-content .fancybox-button {
  top: 45px;
  right: 30px;
}
#cookie-content ul {
  margin: 20px 0 20px 20px;
}
#cookie-content ul li {
  list-style-type: disc;
}
#cookie-content ul li ul {
  margin: 10px 10px 10px;
}

@media screen and (max-width: 1024px) {
  .cookie {
    width: 95%;
    right: 10px;
  }

  #cookie-content {
    width: 92%;
  }
}



@media only screen and (max-width:1550px) {
    .ppdkBtn {top:53%}
    .kapatForm{top: 15px; right: 10px;}
}

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

    .ppdkClose {display:none!important}
    .ppdkBtn {display:none!important}
    .ppdkCont {display:none!important}
    .ppdkShadow {display:none!important}
}

.homelogo {position:absolute; top:2%; left:13%}
.tecrube {position:absolute; top:4%; left:3%; width:33%; z-index:2;}
.tecrube img {width:100%; max-width:616px;}
.vadeSlogan {position:absolute; left:0%; width:23.55%; bottom:0%;}
.vadeSlogan img {width:100%}
.rezervasyon {position:absolute; bottom:15%; left:3%; width:20%}
.homeKmp {position:absolute; top:7%; right:28%; width:15%;}
.homeKmp img {width:100%; max-width:296px;}
.vadeLogo {position:absolute; left:0; top:0; width:28%;}
.vadeLogo img {width:100%; max-width:523px;}
.sinpasLogo {position:absolute; right:0; bottom:0; width:15%}
.hayatevesigar {position:absolute; bottom:0; right:0; width:20%;}

@media only screen and (max-width:1100px) {
    .tecrube {}
    .rezervasyon {}
    .vadeSlogan {}
}

@media (min-height:500px) and (max-height:630px) {}

@media only screen and (max-width:768px) {
    .galeri a span {font-size:20px;}
    .slider1 {background-image:url(../images/vadekamp-v4/vadeBg-m.jpg)}
    .homeKmp-m {position:absolute; bottom:25%; width:54%; right:0}
    .vadeTop-m {position:absolute; top:13%; width:90%; left:0}
    .vadeLogo-m {position:absolute; top:3%; width:300px}
}

@media only screen and (max-width:600px) {
    .vadeTop-m {top:17%; width:97%}
    .vadeLogo-m {top:3%; width:220px}
    .hayatevesigar {width:30%;}
}

@media only screen and (max-width:375px) {
    .vadeTop-m {top:21%}
}

@media only screen and (max-width:320px) {
    .slider1 {height:500px!important}
    .vadeLogo-m {top:3%; width:160px}
    .vadeTop-m {top:16%}
    .vadeTop-m {top:15%}
}