.popup {position: fixed;background: rgba(59, 91, 89, 0.83);left: 0px;right: 0px;bottom: 0px;top: 0;z-index: 99999999999999; display:none;}
.popup-inner {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;position: relative;display: table;margin: auto;top: 50%;width: 55%;right: 0;left: 0;margin: 0 auto;display: flex;justify-content: center;left: 0;margin: 0 auto;position: absolute;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.popup .close {cursor: pointer;height: auto;width: auto;position: absolute;top: -16px;color: #fff;font-size: 30px;font-family: monospace;font-weight: 300;right: 11%;}
.popup-content { box-sizing: border-box; height: 100%; display: table; width: 100%; display: flex; align-items: center; }
.popup-slider {float: left;display: inline-block;width: 45%;box-shadow: 0px 17px 46.06px 2.94px rgba(0, 0, 0, 0.32);background-image: url(../img/pop-up-finansman.jpg);background-repeat: no-repeat;height: 540px;background-size: cover;background-position: center;}
.popup-form {float: left;background: #393a3e;height: auto;width: 30%;display: inline-block;height: 540px;padding: 25px;box-sizing: border-box;box-shadow: 0px 17px 46.06px 2.94px rgba(0, 0, 0, 0.32);}
.popup-content .form-submit { width: 50%; display: table; margin: auto; color: #ffffff; font-size: 17px; }
.form-inner { display: table-cell; vertical-align: middle; }
.form-holder2 { width: 100%; height: 100%; display: table; }
/*flag*/
.intl-tel-input .selected-flag { height: 100% !important; }
.intl-tel-input .country-list { width: 260px; }
.intl-tel-input .country-list .country { font-size: 13px; }
.gen-bilgi a { color: white; border-bottom: 1px solid white; }
.country-list { overflow-x: hidden; }
.country-list li { width: 100% !important; overflow: hidden; color: black; }
.en { position: relative; right: 71px; color: #14b4b4; font-family: planerMedium; font-size: 23px; display: none; top: 2px; }
.en2 { margin-top: 11px; }
.icon { margin-top: 8px; }
/*
/*error*/
.contact-error { position: absolute; right: 0px; top: 0px; z-index: 2; width: auto; height: 100%; display: inline-block; }
.contact-error i { background-image: url('../img/info.png'); background-size: 4px; background-position: center center; background-repeat: no-repeat; width: 30px; height: 100%; display: inline-block; position: relative; top: 0px; background-color: #e92d2d; }
#crm-form ul li { width: calc(33.1% - 13.3px); float: left; margin-right: 14px; position: relative; padding: -2px; margin-bottom: 3px; }
#crm-form ul li:last-child { width: 100%; text-align: center; float: none; display: flex; margin-top: 20px; padding: 1px 15px; display: flex; justify-content: center; }
.contact-error span { position: absolute; right: 0px; bottom: 100%; width: 170px; background-color: #fd4a4a; color: #fff; font-size: 11px; text-align: center; padding: 5px 5px; box-sizing: border-box; font-family: arial; line-height: 15px; opacity: 0; visibility: visible; z-index: -9999; transition: all .2s ease-in-out; pointer-events: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.contact-error:hover span { z-index: 2; visibility: visible; opacity: 1; display: block; }
.contact_form input[type="submit"][disabled] { text-indent: -9999px; background: url(//www.crmfys.com/public/loader.gif) no-repeat center #f2f2f2; }
.iletisim-li a:hover { text-decoration: none; color: white; }
.regular-checkbox { display: none; }
.fancybox-button { background: #009688 !important; }
.top-header li { list-style-type: none; }
.top-header li a:hover { text-decoration: none; }
li { list-style-type: none; }
.tab-tip-1-2 { float: left; padding: 9px 81px 9px; background-color: #292c36; margin: 10px; color: white; text-align: center; font-size: 23px; transition: all 0.3s; transition-property: all; transition-duration: 0.3s; transition-timing-function: initial; transition-delay: initial; cursor: pointer; width: calc(49.4% - 10px); box-shadow: #949494 1px 1px 18px 1px; }
.en { background-color: #14b4b4; padding: 8px; color: white; margin-left: 10px; padding-top: 9px; padding-bottom: 8px; font-family: planerMedium; }
.e-cat { color: #c00e00; font-family: planerExtraBold; font-size: 18px; }
.genHeader { position: fixed; z-index: 999999999; width: 100%; background-color: white; transition: all 0.5s; }
ul li { list-style-type: none; }
.sticky-header { box-shadow: #4c4c4c96 1px 1px 8px 1px; transition: all 0.5s; }
.form .yazi a, .form .bilgi a { border-bottom: 1px solid white; }
}
ul { margin-bottom: 0; }
.sticky { max-width: 20% !important; transition: all 0.5s; }
.sticky-header-padding { margin-top: -20px !important; transition: all 0.5s; }
.regular-checkbox + label { border: 1px solid #83d0f5; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; /* border-radius: 3px; */
display: inline-block; position: relative; position: relative; left: -11px; }
.regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.regular-checkbox:checked + label { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; }
.regular-checkbox:checked + label:after { content: '\2714'; font-size: 15px; position: absolute; top: -5px; left: 4px; color: #86ba6c; right: 9px; }
.big-checkbox + label { padding: 12px; position: relative; top: -2px; float: left; }
.big-checkbox:checked + label:after { font-size: 24px; left: 2px; }
.tag { font-family: planerMedium; width: 200px; position: relative; top: 5px; font-weight: bold; text-transform: uppercase; display: block; float: left; }
.radio-1 { width: 193px; }
.button-holder { float: left; }
a { outline: 0; }
a:hover { text-decoration: none; }
.pd-iletisim-container { width: 100%; /* height: 100vh; */
position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
#lokasyonstyled { width: 100%; position: relative !important; left: 0px !important; top: 0px !important; height: 80vh !important; }
.lokasyonsayfa { position: absolute; left: 0px; bottom: 0px; z-index: 3; width: auto; height: auto; }
#marker-tooltip { position: absolute; z-index: 2; background-color: #15b4b4; color: #fff; padding: 12px 10px 5px; font-size: 13px; font-family: planerMedium; margin-left: -55px; margin-top: 0px; }
.fancybox-content { width: 50%; }
.bize-ulasin { position: fixed; right: -365px; padding: 20px; color: white; top: 308px; height: 65px; text-align: center; z-index: 9999999; transition: all 0.3s; }
.bize-ulasin-active { right: -20px !important; }
.bize-ulasin img:hover { cursor: pointer; }
.active-tip { background-color: #14b4b4 !important; }
#menuToggle { display: block; position: relative; z-index: 1; display: none; -webkit-user-select: none; user-select: none; z-index: 999; }
#menuToggle input { display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; /* hide this */
z-index: 2; /* and place it over the hamburger */
-webkit-touch-callout: none; z-index: 9999; }
.gen-bilgi { /* padding-top: 30px; */
  /* padding-bottom: 30px; */
  /* overflow: hidden; */
float: left; margin-top: 22px; left: -47px; width: 100%; }
.mobile-menu { background-color: black; height: 100vh; color: white; display: flex; align-items: unset; justify-content: center; flex-direction: column; font-size: 31px; position: fixed; top: 0; z-index: 999999999; right: 0; width: 100%; right: -150%; transition: all 0.5s; }
.mobile-menu li { list-style-type: none; padding-left: 40px; border-bottom: 1px solid #171717; margin-left: 50px; margin-right: 50px; padding-bottom: 10px; padding-top: 10px; }
.mobile-menu li a { text-decoration: none; color: white; font-family: planerMedium; font-size: 29px; }
.menu-left { right: 0; }
.menu-icon { display: none; width: 40px; height: 45px; position: fixed; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; right: 36px; z-index: 99999999999999999999999; }
.iti-mobile .intl-tel-input.iti-container { z-index: 9999999; }
.menu-icon .lines { display: block; /* position: absolute; */
height: 4px; width: 87%; background: #14b4b4; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; line-height: 2; padding-bottom: -4px; margin: 8px; }
.hidden { overflow: hidden; }
.menu-icon .lines:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.menu-icon .lines:nth-child(2) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.menu-icon .lines:nth-child(3) { top: 36px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.menu-icon.open .lines:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px; }
.menu-icon.open .lines:nth-child(2) { width: 0%; opacity: 0; }
.menu-icon.open .lines:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 39px; left: 8px; }
.menus ul li { margin: 19px; font-family: Loew-Bold; font-size: 0.7vw; padding-right: 29px; font-size: 14px; border-bottom: 1px solid #c23bac; padding-bottom: 25px; }
#menu { position: absolute; width: 47%; margin: -17px 0 0 -50px; padding: 50px; padding-top: 125px; background: #1c252c; list-style-type: none; -webkit-font-smoothing: antialiased; z-index: 99; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); margin-top: 45px; right: -50%; transition: all 0.3s; }
#menu li { padding: 10px 0; font-size: 22px; border-bottom: 1px solid #383838; }
#menu a { color: white; font-family: planerMedium; text-decoration: none; transition: all 0.3s; }
#menu a:hover { color: #23a09c; }
#menuToggle input:checked ~ ul { transform: translate(-93%, 0); margin: -32px 0 0 -50px; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  opacity: 1;
 color: #3a245a;
}

  ::-ms-input-placeholder {
  /* WebKit browsers */
  opacity: 1;
 color: #3a245a;
}

  ::-moz-input-placeholder {
  /* WebKit browsers */
  opacity: 1;
 color: #3a245a;
}
.iletisim-gen { width: 86%; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
 .iletisim-wrapper .form ::-webkit-placeholder {
  /* WebKit browsers */
  opacity: 1;
 color: #83d0f5;
}
 .iletisim-wrapper .form ::-moz-placeholder {
  /* WebKit browsers */
  opacity: 1;
 color: #83d0f5;
}
 .iletisim-wrapper .form ::-ms-placeholder {
  /* WebKit browsers */
  opacity: 1;
 color: #83d0f5;
}
.form a { color: #361e5a; text-decoration: none; }
 .iletisim-wrapper .form ::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #83d0f5;
}
 .iletisim-wrapper .form ::-moz-input-placeholder {
  /* Microsoft Edge */
  color: #83d0f5;
}
 .iletisim-wrapper .form ::-webkit-input-placeholder {
  /* Microsoft Edge */
  color: #83d0f5;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { overflow-x: hidden; }
p { margin-bottom: 0; }
a { text-decoration: none; list-style-type: none; }
table { border-collapse: inherit; }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: black !important; }
.fancybox-container { z-index: 8999999999999999 !important; }
.owl-nav img { width: 21vh; }
.owl-carousel .owl-stage-outer { overflow: inherit !important; }
.slider-sec .owl-carousel.owl-drag .owl-item { margin: -30px; }
.slider-sec .owl-carousel .owl-stage { margin-left: -54px; }
.owl-carousel .owl-stage { display: flex; justify-content: center; align-items: center; }
.galeri .owl-carousel1 { width: 93.3% !important; }
.owl-prev { display: inline-block; position: absolute; top: 105px; left: -29px; }
.owl-next { position: absolute; display: inline-block; right: -30px; top: 105px; }
.galeri .owl-prev { display: inline-block; position: absolute; }
.galeri .owl-next { position: absolute; display: inline-block; right: 0; }
.sosyal-alt .owl-prev, .sosyal-alt .owl-next { top: 425px; }
.container { max-width: 84.8%; padding-left: 0; padding-right: 0; position: relative; display: table; }
.container-page { max-width: 76.3%; padding-left: 0; padding-right: 0; position: relative; margin: 0 auto; height: 100%; }
.container-daire { max-width: 92%; padding-left: 0; padding-right: 0; position: relative; margin: 0 auto; height: 100%; }
.col-md-6, .col-md-7, .col-md-4, .col-md-5, .col-md-8 { float: left; }
.slider-sec .owl-item.active { opacity: 1; transition: all 0.6s ease-in-out; }
.slider-sec .owl-item { opacity: 0; transition: all 0.6s ease-in-out; }
.tabs-detay label { display: none; }
.sosyal-olanak .owl-item.active { opacity: 1; transition: all 0.6s ease-in-out; }
.sosyal-olanak .owl-item { opacity: 0; transition: all 0.6s ease-in-out; }
.genDiv { width: 100%; position: relative; overflow: hidden; }
.genDiv .top-header { text-align: right; height: 43px; text-align: right; height: 43px; margin-top: -5px; right: 19px; padding-top: 7px; transition: all 0.5s; position: relative; }
.genDiv .top-header ul li { display: inline-block; margin-left: 12px; }
.genDiv .top-header ul li span { display: none; }
.en.en2 { display: none; }
.genDiv .top-header ul li a { font-family: planerBold; }
.genDiv .top-header ul li:nth-child(1) img { background-color: #c00e00; margin-left: 10px; padding-top: 9px; }
.genDiv .top-header ul li:nth-child(1) a { color: #c00e00; font-family: planerExtraBold; font-size: 18px; }
.genDiv .top-header ul li:nth-child(1) span { background-color: #14b4b4; padding: 8px; color: white; margin-left: 10px; padding-top: 9px; padding-bottom: 8px; font-family: planerMedium; }
.genDiv .top-header ul li:nth-child(2) a { color: #14b4b4; font-family: planerExtraBold; font-size: 18px; }
.genDiv .header { display: flex; align-items: center; padding-bottom: 30px; }
.genDiv .header .logo, .genDiv .header .menuler { display: inline-block; }
.genDiv .header .logo { flex-grow: 1; }
.genDiv .header .logo img { max-width: 100%; transition: all 0.9s; }
.genDiv .header .menuler ul li { display: inline-block; margin: 17px; position: relative; top: 17px; }
.genDiv .header .menuler ul li a { text-decoration: none; color: #232323; font-family: planerExtraBold; font-size: 20.5px; }
.genDiv .header .menuler ul li:before { content: ''; position: absolute; width: 8px; height: 8px; background-color: #15b4b4; top: 11px; left: -22px; }
.genDiv .header .menuler ul li:first-child:before { content: none; }
.genDiv .header .menuler ul li:after { content: ''; position: absolute; width: 0%; height: 2px; background-color: #15b4b4; left: 0; bottom: 0; transition: all 0.3s; }
.genDiv .header .menuler ul li:hover:after { width: 100%; }
.genDiv .slider-wrapper { width: 100%; background-image: url(../img/slider-bg.jpg); background-size: cover; }
.genDiv .slider-wrapper .slider-bg { height: 838px; /* padding-top: 123px; */
max-width: 100%; }
.genDiv .slider-wrapper .slider-bg .container { height: 100%; background-color: #f4fafe; top: 123px; position: relative; }
.genDiv .slider-wrapper .slider-bg .container .genel-baslik { background-color: #351d5a; padding: 17px 0 31px 56px; height: 143px; display: flex; align-items: center; }
.genDiv .slider-wrapper .slider-bg .container .genel-baslik img { width: 43vw; }
.genDiv .slider-wrapper .slider-bg .container .resim-modern-bg { width: 100%; height: 82%; background-image: url(../img/resim-modern-bg.jpg); background-size: inherit; background-position-y: -318px; background-repeat: no-repeat; position: relative; background-position-x: -26px; }
.genDiv .slider-wrapper .slider-bg .container .resim-modern-bg img { right: -5%; position: absolute; top: -34%; max-width: 100%; }
.genDiv .slider-wrapper .slider-bg .container .slider-text { position: absolute; color: #351d5a; font-size: 27px; width: 54%; top: 283px; font-family: 'Open Sans', sans-serif; left: 89px; font-weight: 700; letter-spacing: 2px; transition: all 0.5s; }
.genDiv .slider-wrapper .slider-bg .container .slider-text span { font-weight: bolder; font-size: 30px; }
.genDiv .slider-wrapper .slider-bg .container .slider-sec { text-align: center; margin-top: -273px; z-index: 99999; position: relative; }
.genDiv .slider-wrapper .slider-bg .container .slider-sec .sec { width: 22vh; height: 22vh; background-color: #351d5a; display: inline-block; transform: rotate(45deg); border-radius: 15px; margin: 13px; transition: all 0.5s; cursor: pointer; position: relative; top: 33px; }
.genDiv .slider-wrapper .slider-bg .container .slider-sec .sec .sec-detail { transform: rotate(-45deg); text-align: center; color: white; right: -5%; position: relative; top: 24%; }
.genDiv .slider-wrapper .slider-bg .container .slider-sec .sec .sec-detail p { font-family: planerMedium; font-size: 16px; line-height: 1.2; color: #eaeaea; top: -10px; position: relative; }
.genDiv .slider-wrapper .slider-bg .container .slider-sec .sec .sec-detail p span { font-family: planerBold; }
.genDiv .slider-wrapper .slider-bg .container .slider-sec .sec .sec-detail img { position: relative; top: -32px; width: 8vh !important; transition: all 0.3s; }
.genDiv .slider-wrapper .slider-bg .container .slider-sec .sec:hover { background-color: #14b4b4 !important; }
.genDiv .slider-wrapper .slider-bg .container .slider-sec .sec:hover img { width: 6vh !important; }
.genDiv .slider-wrapper .slider-bg .container .slider-sec .alt { position: relative; top: 133px; }
.genDiv .slider-wrapper .slider-bg .container .loading { height: 7px; width: 0%; background-color: #14b4b4; position: absolute; z-index: 0; }
.genDiv .slider-wrapper .slider-bg .container .loading:before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #14b4b4; border-radius: 50px; right: -8px; z-index: 9999999999; top: -2px; }
.genDiv .sosyal-olanak { padding-bottom: 65px; }
.genDiv .sosyal-olanak .container { background-color: #f2f2f2; z-index: 0; padding-top: 13%; padding-bottom: 8%; }
.genDiv .sosyal-olanak .container .sosyal-ust { overflow: hidden; display: flex; align-items: center; }
.genDiv .sosyal-olanak .container .sosyal-ust .sosyal-sol { text-align: right; font-size: 60px; font-family: planerExtraBold; }
.genDiv .sosyal-olanak .container .sosyal-ust .sosyal-sol h1 { font-size: 79px; color: #1d1d1d; padding-right: 38px; }
.genDiv .sosyal-olanak .container .sosyal-ust .sosyal-sol h1:after { content: ''; content: ''; position: absolute; width: 36px; height: 5px; background-color: #14b4b4; transform: rotate(125deg); right: -7px; }
.genDiv .sosyal-olanak .container .sosyal-ust .sosyal-sag .sosyal-sag-text p { font-family: planerMedium; font-size: 22px; color: #4f535d; padding-left: 18px; padding-right: 34px; }
.genDiv .sosyal-olanak .sosyal-alt { text-align: center; margin-top: 90px; position: relative; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal { display: inline-block; position: relative; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal-baslik { width: 18vh; height: 18vh; position: absolute; background-color: #351d5a; z-index: 99; transform: rotate(45deg); border-radius: 9px; display: flex; align-items: center; justify-content: center; transition: all 0.5s; overflow: hidden; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal-baslik.sol { left: -150px; top: -25px; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal-baslik.orta { left: 13.5vh; top: -40px; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal-baslik.sag { right: -157px; top: -25px; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal-baslik.sol-alt { right: 23px; bottom: 59px; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal-baslik.sag-alt { right: -125px; bottom: 59px; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal-baslik img { transform: rotate(-45deg); width: 115px; width: 165% !important; position: absolute; right: 0; left: 19px; margin: 0 auto; bottom: 35px; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal { width: 45vh; height: 45vh; background-color: white; display: inline-block; transform: rotate(45deg); border-radius: 18px; border: 10px solid #351d5a; position: relative; overflow: hidden; transition: all 0.5s; cursor: pointer; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal img { transform: rotate(-45deg) scale(1.7); right: 262px; position: absolute; left: -203px; bottom: 0; top: -67px; width: 100% !important; right: 0; left: 7px; bottom: 0; top: 13px; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal:hover { border-color: #14b4b4; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal:hover .golge { opacity: 1; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal .golge { width: 43vh; height: 43vh; position: absolute; background-color: #1313138c; z-index: 99; opacity: 0; transition: all 0.5s; display: flex; align-items: center; justify-content: center; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal .golge img { left: 47%; top: 45%; max-width: 17%; transform: rotate(-45deg) scale(0.9); }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sosyal:before { content: ""; position: absolute; background-image: url("../img/sosyal-olanak1.jpg"); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sol-flow { right: 44%; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sag-flow { left: 44%; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sol-flow2 { right: 22%; top: -69px; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal .sag-flow2 { left: 22%; top: -69px; }
.genDiv .sosyal-olanak .sosyal-alt .gen-sosyal:hover .sosyal-baslik { background-color: #14b4b4; }
.genDiv .moduler { width: 100%; height: 87vh; background-image: url(../img/moduler-rotate-bg.png); margin-top: -209px; z-index: 99999999; position: relative; }
.genDiv .moduler .moduler-slogan { display: inline-block; width: 21%; top: 66px; position: relative; float: left; z-index: 9; }
.genDiv .moduler .moduler-slogan img { max-width: 100%; }
.genDiv .moduler .moduler-bg { float: left; width: 79%; height: 84vh; background-size: cover; right: 3%; position: relative; z-index: 0; background-position-y: 9vh; overflow: hidden; background-repeat: no-repeat; }
.genDiv .moduler .moduler-bg .moduler-text-left { text-align: right; color: white; height: 100%; display: flex; align-items: center; justify-content: flex-end; }
.genDiv .moduler .moduler-bg .moduler-text-left h1 { font-family: planerBold; font-size: 6.3vh; position: relative; top: 4%; right: -33%; }
.genDiv .moduler .moduler-bg .moduler-text-left h1:after { content: ''; position: absolute; width: 5px; height: 114px; background-color: #14b4b4; right: -67px; transform: translateY(-50%); top: 33%; border-radius: 5px; }
.genDiv .moduler .moduler-bg .moduler-text-right { display: flex; align-items: center; flex-direction: column; height: 100%; justify-content: center; padding-left: 75px; }
.genDiv .moduler .moduler-bg .moduler-text-right p { color: white; font-family: planerBold; font-size: 19px; letter-spacing: 2px; padding-right: 198px; left: 22%; position: relative; }
.genDiv .moduler .moduler-bg .moduler-text-right .thin { font-family: planerMedium; }
.genDiv .iletisim { margin-top: -10%; float: left; width: 100%; }
.genDiv .iletisim .container { padding: 55px 0 55px; text-align: center;  background-size:;
background-position-y: 136%; padding-top: 50px; padding-bottom: 0; background-size: auto; }
.genDiv .iletisim .container .form { width: 73.2%; right: 0; left: 0; margin: 0 auto; padding-bottom: 35px; }
.genDiv .iletisim .container .iletisim-bg { width: 100%; height: 100%; position: absolute; background-color: #efefefe3; top: 0;/*border: 1px solid #eaeaea;*/ }
.genDiv .iletisim .container .iletisim-footer { overflow: hidden; background-image: url(../img/iletisim-alt-bg.jpg); z-index: 99; position: relative; width: 100%; bottom: 0; padding-top: 30px; padding-bottom: 30px; }
.genDiv .iletisim .container .iletisim-footer .left-contact p { font-family: planerBold; font-size: 43px; color: white; display: inline-block; position: relative; margin-top: 20px; }
.genDiv .iletisim .container .iletisim-footer .left-contact img { position: absolute; left: -25px; top: -15px; }
.genDiv .iletisim .container .iletisim-footer .right-contact { float: right; }
.genDiv .iletisim .container .iletisim-footer .right-contact img { right: 43px; position: relative; float: right; }
.genDiv .iletisim .container .iletisim-footer a { color: white; text-decoration: none; background-color: transparent; }
.genDiv .iletisim h1 { font-family: planerBold; text-align: center; font-size: 31px; color: #3a245a; padding-bottom: 20px; display: inline-block; position: relative; margin-bottom: 30px; letter-spacing: 2px; }
.genDiv .iletisim h1:after { content: ''; position: absolute; width: 53px; height: 2px; background-color: #15b5b5; bottom: 0; right: 0; left: 0; margin: 0 auto; }
.genDiv .iletisim .form { z-index: 999999; position: relative; }
.genDiv .iletisim .form input { font-family: planerMedium; width: 27vh; padding: 15px; /* margin-right: 14px; */
 /* float: left; */
border: 1.8px solid #15b5b5; outline: 0; font-size: 1.8vh; background-color: transparent; /* left: 4px; */
position: relative; width: 100%; transition: all 0.5s; }
.genDiv .iletisim .form input[type='text']:hover { border: 1.8px solid #361e5a; }
.genDiv .iletisim .form input[type='text']:focus { border: 1.8px solid #361e5a; }
.genDiv .iletisim .form textarea { width: 99.5%; height: 170px; border: 1.8px solid #15b5b5; margin-top: 8px; background-color: transparent; outline: 0; padding-left: 19px; margin-left: 0; text-indent: 13px; left: -7px; position: relative; padding: 9px; top: 10px; transition: all 0.5s; font-size: 18px; }
.genDiv .iletisim .form textarea:hover { border: 1.8px solid #361e5a; }
.genDiv .iletisim .form textarea:focus { border: 1.8px solid #361e5a; }
.genDiv .iletisim .bilgi { display: flex; justify-content: center; color: #3a245a; padding: 5px; z-index: 999999; position: relative; font-family: planerMedium; font-size: 14px; font-weight: 600; }
.genDiv .iletisim .bilgi input { position: relative; top: 7px; margin-right: 10px; }
.genDiv .iletisim .gonder a { font-family: planerBold; background-color: #361e5a; padding: 14px 82px 16px; color: white; font-size: 21px; z-index: 999999; position: relative; font-size: 25px; transition: all 0.5s; }
.genDiv .iletisim .gonder a:hover { text-decoration: none; background-color: #14b4b4; }
.genDiv .iletisim.iletisim-wrapper .iletisim-bg { background-color: rgba(34, 37, 48, 0.9490196078431372); }
.genDiv .iletisim.iletisim-wrapper h1 { color: white; }
.genDiv .iletisim.iletisim-wrapper h1:after { background-color: #83d0f5; }
.genDiv .iletisim.iletisim-wrapper input, .genDiv .iletisim.iletisim-wrapper textarea { color: white; border: 1.2px solid #83d0f5 !important; font-family: planerMedium; }
.genDiv .iletisim.iletisim-wrapper p { color: white; }
.genDiv .iletisim.iletisim-wrapper input[type='submit'] { background-color: #2546b2; }
.genDiv .iletisim.iletisim-wrapper .yazi { background-color: transparent; color: white; outline: 0; }
.genDiv .iletisim.iletisim-wrapper .iletisim-footer { }
.genDiv .iletisim .alt-footer { padding-left: 7%; overflow: hidden; text-align: left; background-color: white; height: 90px; display: flex; align-items: center; border: 1px solid #eaeaea; width: 84.9%; right: 0; left: 0; margin: 0 auto; }
.genDiv .iletisim .alt-footer .sol { font-family: planerBold; font-size: 15px; }
.genDiv .iletisim .alt-footer .sag { text-align: right; right: 7%; }
.genDiv .iletisim .alt-footer .sag ul { top: 5px; position: relative; }
.genDiv .iletisim .alt-footer .sag ul li { list-style-type: none; display: inline-block; margin: 4px; position: relative; }
.genDiv .iletisim .alt-footer .sag ul li:after { content: ''; position: absolute; width: 1px; height: 9px; background-color: #4a4444; left: 41px; top: 10px; }
.genDiv .iletisim .alt-footer .sag ul li:last-child:after { content: none; }
.genDiv .iletisim .alt-footer .sag ul li img { transition: all 0.2s; cursor: pointer; }
.genDiv .iletisim .alt-footer .sag ul li img:hover { transform: scale(1.1); }
.genDiv .iletisim .alt-footer.son-footer { border: none; margin-bottom: 50px; display: flex; align-items: baseline; margin-top: 14px; }
.genDiv .iletisim .alt-footer.son-footer p { font-family: planerMedium; font-size: 12px; font-weight: 600; color: #5d5c5c; letter-spacing: 1px; }
.genDiv .iletisim .alt-footer.son-footer .sag { font-size: 13px; font-family: planerBold; letter-spacing: 1px; }
.genDiv .iletisim .alt-footer.son-footer .sag a { text-decoration: none; color: black; border-bottom: 1px solid grey; }
.genDiv .iletisim .alt-footer a { background-color: transparent; }
.genDiv .iletisim .alt-footer .iletisim-gen { width: 93%; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.genDiv .header-wrapper { height: 87vh; width: 100%; background-image: url(../img/sosyal-olanak-arkaplan.jpg); background-size: cover; background-position-y: 83%; margin-top: 175px; position: relative; }
.genDiv .header-wrapper:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.genDiv .header-wrapper .header-title { display: inline-block; font-family: planerMedium; position: absolute; bottom: 18vh; z-index: 9999; left: -11px; }
.genDiv .header-wrapper .header-title h1 { font-size: 70px; color: white; text-shadow: #4a4a4a 1px 7px 23px; font-weight: 800; }
.genDiv .header-wrapper .header-title h1 span { color: #14b4b4; }
.genDiv .header-wrapper.yatirim-degeri { background-image: url(../img/yatirim-deger-bg.jpg); margin-top: 175px; }
.genDiv .header-wrapper.yatirim-degeri .header-title { bottom: 5%; }
.genDiv .header-wrapper.yatirim-degeri .header-title h1 { font-size: 86px; }
.genDiv .header-wrapper.daire-plan { height: 0vh; ; margin-top: 175px; background-image: url(../img/daire-plan-bg.png); }
.genDiv .header-wrapper.daire-plan .header-title { bottom: 13%; left: 0%; }
.genDiv .header-wrapper.daire-plan .header-title h1 { font-size: 87px; }
.genDiv .olanaklar { float: left; /* padding-bottom: 180px; */
margin-top: -126px; }
.genDiv .olanaklar .olanak-gen1 { float: left; padding-bottom: 0vh; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; align-items: center; justify-content: center; position: relative; }
.genDiv .olanaklar .olanak-gen1 .detay { position: relative; right: 25px; }
.genDiv .olanaklar .olanak-gen1 .detay h1 { color: #057879; font-weight: 400; padding-bottom: 20px; font-size: 31px; }
.genDiv .olanaklar .olanak-gen1 .detay h1 span { font-weight: 800; }
.genDiv .olanaklar .olanak-gen1 .detay p { font-family: planerMedium; font-size: 20px; color: #858585; padding-right: 61px; line-height: 1.2; }
.genDiv .olanaklar .olanak-gen1 .detay.sol-yazi { left: 83px; }
.genDiv .olanaklar .olanak-gen1 .resim { position: relative; margin-bottom: -20px; float: right; }
.genDiv .olanaklar .olanak-gen1 .resim .gitar { position: absolute; margin-top: -20%; right: 14%; max-width: 100%; bottom: 0; }
.genDiv .olanaklar .olanak-gen1 .resim .popcorn { position: absolute; margin-top: -58%; right: 14%; width: 36%; right: -22%; bottom: 0; }
.genDiv .olanaklar .olanak-gen1 .resim .tabak { position: absolute; margin-top: -58%; right: 14%; width: 58%; left: -14%; bottom: -15%; }
.genDiv .olanaklar .olanak-gen1 .resim .yatak { position: absolute; right: -7%; max-width: 100%; bottom: -3%; }
.genDiv .olanaklar .olanak-gen1 .resim .bilardo { position: absolute; right: -7%; max-width: 47%; bottom: -18%; right: -30%; }
.genDiv .olanaklar .olanak-gen1 .resim .spa { position: absolute; margin-top: -61%; right: 14%; width: 63%; left: -14%; bottom: -1%; }
.genDiv .olanaklar img { max-width: 100%; height: auto; }
.genDiv .galeri { float: left; width: 100%; }
.genDiv .galeri img { transition: all 0.5s; }
.genDiv .galeri img:hover { transform: scale(1.1); }
.genDiv .galeri .owl-nav { display: none !important; }
.genDiv .yatirim { text-align: center; float: left; width: 100%; padding-top: 44px; background-color: #f1f6ed; }
.genDiv .yatirim .yatirim-left { float: left; width: 63%; position: relative; }
.genDiv .yatirim .yatirim-left .cat { width: 31%; float: left; padding: 3vh; position: relative; height: 169px; }
.genDiv .yatirim .yatirim-left .cat p { font-family: planerMedium; font-weight: 600; font-size: 16px; line-height: 1.1; }
.genDiv .yatirim .yatirim-left .cat p span { font-weight: bold; }
.genDiv .yatirim .yatirim-left .cat img { padding-bottom: 10px; max-width: 41%; }
.genDiv .yatirim .yatirim-left .cat:after { content: ''; position: absolute; height: 134px; width: 3px; background-image: url(../img/cat-border-right.png); right: 0; top: 20px; opacity: 0.6; }
.genDiv .yatirim .yatirim-left .cat:before { content: ''; position: absolute; height: 3px; width: 153px; background-image: url(../img/cat-border-alt.png); bottom: 0; left: 0; right: 0; margin: 0 auto; opacity: 0.6; }
.genDiv .yatirim .yatirim-left .cat:nth-child(3):after { background-image: none; }
.genDiv .yatirim .yatirim-left .cat:nth-child(6):after { background-image: none; }
.genDiv .yatirim .yatirim-left .cat:nth-child(7) { left: 31%; }
.genDiv .yatirim .yatirim-left .cat:nth-child(7):after { background-image: url(../img/cat-border-right.png); }
.genDiv .yatirim .yatirim-left .cat:nth-child(7):before { content: ''; position: absolute; height: 134px; width: 2px; left: -100%; background-image: url(../img/cat-border-right.png); }
.genDiv .yatirim .yatirim-left h2 { padding-bottom: 50px; padding-right: 115px; font-size: 33px; letter-spacing: 1px; margin-left: 62px; }
.genDiv .yatirim .yatirim-sag { position: absolute; top: -18vh; text-align: right; background-image: url(../../../../../); right: -45px; text-align: center; }
.genDiv .yatirim .yatirim-sag img { max-width: 100%; }
.genDiv .yatirim .yatirim-cat { float: left; text-align: center; }
.genDiv .yatirim .gen-yatirim { margin-left: 7vh; width: 80%; margin: 0 auto; display: flex; align-items: flex-start; position: relative; }
.genDiv .yatirim-moduler { background-image: url(../img/yatirim-moduler.png); float: left; width: 100%; display: flex; align-items: center; background-size: cover; padding-top: 20px; padding-bottom: 20px; }
.genDiv .yatirim-moduler .moduler-icerik { width: 48%; font-family: planerMedium; color: white; font-size: 23px; padding-right: 80px; padding-left: 62px; text-align: center; margin-top: 13px; }
.genDiv .yatirim-moduler .moduler-balik { align-self: flex-end; position: relative; top: 100px; }
.genDiv .yatirim-moduler .moduler-balik img { max-width: 100%; }
.genDiv .yatirim-moduler .moduler2 { align-self: flex-end; position: relative; top: 71px; left: 6%; }
.genDiv .yatirim-moduler .moduler2 img { max-width: 100%; }
.genDiv .fiyatlar { float: left; width: 100%; font-family: 'Montserrat', sans-serif; background-size: cover; padding-top: 23vh; padding-bottom: 23vh; display:none; }
.genDiv .fiyatlar .fiyat-tablosu { text-align: center; padding-left: 3%; }
.genDiv .fiyatlar .fiyat-tablosu .f1 th, .genDiv .fiyatlar .fiyat-tablosu .f2 th { font-family: planerMedium; font-size: 22px; padding: 9px; background-color: #282c36; color: white; }
.genDiv .fiyatlar .fiyat-tablosu .f1 span, .genDiv .fiyatlar .fiyat-tablosu .f2 span { font-family: planerBold; }
.genDiv .fiyatlar .fiyat-tablosu .f1 .f2 th, .genDiv .fiyatlar .fiyat-tablosu .f2 .f2 th { font-family: planerBold; }
.genDiv .fiyatlar .fiyat-tablosu .baslik th { font-family: planerBold; background-color: #5c727a; color: white; }
.genDiv .fiyatlar h2 { font-size: 27px; letter-spacing: 1.3px; padding-left: 20%; padding-bottom: 50px; text-align: center; display: inline-block; }
.genDiv .planlar { float: left; width: 100%; margin-top: -94px; position: relative; background-image: url(../img/daire-tip-bg.png); }
.genDiv .planlar .plan-detay { margin-top: 90px; }
.genDiv .planlar .container { top: 5vh; }
.genDiv .planlar .tab1, .genDiv .planlar .tab2 { font-family: planerMedium; font-size: 72px; color: white; text-align: center; padding: 7px 0px 3px 0px; transition: all 0.3s; }
.genDiv .planlar .tab1:hover, .genDiv .planlar .tab2:hover { background-color: #14b4b4 !important; }
.genDiv .planlar .tab1 { background-color: #292c36; }
.genDiv .planlar .tab2 { background-color: #292c36; }
.genDiv .planlar .plan-tip { float: left; width: 95%; display: flex; justify-content: center; position: relative; top: -5vh; }
.genDiv .planlar .plan-tip div { float: left; padding: 22px 103px 18px; background-color: #292c36; margin: 10px; color: white; text-align: center; font-family: planerMedium; font-size: 28px; transition: all 0.3s; cursor: pointer; }
.genDiv .planlar .plan-tip div:hover { background-color: #14b4b4; }
.genDiv .planlar .plan-detay { float: left; width: 100%; padding-left: 4%; background-image: url(../img/daire-tip-bg.png); padding-bottom: 20px; background-repeat: no-repeat; background-size: cover; margin-top: -24px; }
.genDiv .planlar .plan-detay .sol-plan { width: 50%; float: left; }
.genDiv .planlar .plan-detay .sol-plan .plan-resim { padding: 9px; }
.genDiv .planlar .plan-detay .sol-plan .plan-resim img { width: 100%; background-color: rgba(172, 175, 171, 0.6588235294117647); padding: 55px; }
.genDiv .planlar .plan-detay .sol-plan .plan-tip-tab { overflow: hidden; width: 33%; float: left; right: 0; left: 0; margin: 0 auto; }
.genDiv .planlar .plan-detay .sol-plan .plan-tip-tab { margin: -13px auto; }
.genDiv .planlar .plan-detay .sol-plan .plan-tip-tab div { float: left; padding: 8px 86px 9px; background-color: #292c36; margin: 10px; padding: 8px 64px 9px; color: white; text-align: center; font-size: 28px; transition: all 0.3s; cursor: pointer; width: 95%; float: left; box-shadow: #949494 1px 1px 18px 1px; }
.genDiv .planlar .plan-detay .sol-plan .plan-tip-tab div p { font-size: 23px; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: 1.3; }
.genDiv .planlar .plan-detay .sol-plan .plan-tip-tab div span { font-weight: 400; font-size: 18px; }
.genDiv .planlar .plan-detay .sol-plan .plan-tip-tab div:hover { background-color: #14b4b4; }
.genDiv .planlar .plan-detay .sag-plan { height: calc(100% - 95px); position: absolute; float: left; right: 0; padding: 8px; padding-right: 0; width: 50%; }
.genDiv .planlar .plan-detay .sag-plan .plan-tablo { height: 100%; background-color: #0c6f7a; display: flex; align-items: center; justify-content: center; color: white; font-size: 27px; }
.genDiv .planlar .plan-detay .sag-plan .plan-tablo th { font-weight: 100; border-bottom: 3px solid white; }
.genDiv .planlar .plan-detay .sag-plan .plan-tablo th.plan-ad { border-bottom: 3px solid #14b4b4; padding-bottom: 7px; font-family: planerMedium; }
.genDiv .planlar .plan-detay .sag-plan .plan-tablo th.plan-ad.brüt { font-family: nolanBold; color: white; padding: 18px 0px 13px 0px; text-align: left; }
.genDiv .planlar .plan-detay .sag-plan .plan-tablo th.m2 { text-align: right; }
.genDiv .planlar .plan-detay .sag-plan .plan-tablo tr { padding-bottom: 20px; font-family: planerBold; }
.genDiv .planlar .plan-detay .sag-plan .plan-tablo .brüt { font-family: planerBold; }
.genDiv .planlar .plan-detay .sag-plan .plan-tablo .brüt-m2 { color: white; text-align: right; }
.genDiv .planlar .plan-detay .plan-gen { float: left; width: 100%; position: relative; }
.genDiv .planlar .container { position: relative; top: -10vh; overflow: hidden; margin-top: 205px; }
.genDiv .proje-hakkinda { width: 100%; background-image: url(../img/proje-hakkinda-bg.png); background-size: cover; float: left; }
.genDiv .proje-hakkinda .sol-proje { position: relative; }
.genDiv .proje-hakkinda .sol-proje img:nth-child(1) { max-width: 100%; top: -8vh; position: relative; }
.genDiv .proje-hakkinda .sol-proje img:nth-child(2) { max-width: 50%; position: absolute; top: -50px; right: 15px; z-index: 999; }
.genDiv .proje-hakkinda .sag-proje { padding-left: 98px; text-align: center; }
.genDiv .proje-hakkinda .sag-proje p { font-family: planerMedium; font-size: 27px; color: white; }
.genDiv .proje-hakkinda .container { display: flex; align-items: center; justify-content: center; }
.genDiv .harita { float: left; width: 100%; position: relative; z-index: 0; }
.genDiv .harita.iletisimHarita { /* height: 67vh; */
margin-top: 20px; margin-bottom: 16px; overflow: hidden; background-image: url(../img/iletisim-bg2.png); background-size: auto; background-repeat: no-repeat; background-size: cover; }
.genDiv .harita.iletisimHarita.h2 { height: 67vh; margin-top: 136px; }
.genDiv .harita-tabs { z-index: 10; background-color: #0c6f7a; float: left; width: 100%; color: white; height: 386px; z-index: 9; position: relative; }
.genDiv .harita-tabs .tabs ul { display: flex; justify-content: center; align-items: center; margin-bottom: 0; }
.genDiv .harita-tabs .tabs ul li { list-style-type: none; display: inline-block; font-family: planerMedium; font-size: 25px; width: 20%; text-align: center; height: 75px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s; border-right: 2px solid white; }
.genDiv .harita-tabs .tabs ul li:nth-child(1) :hover, .genDiv .harita-tabs .tabs ul li:nth-child(1) a.active { background: #b8499b; }
.genDiv .harita-tabs .tabs ul li:nth-child(2) :hover, .genDiv .harita-tabs .tabs ul li:nth-child(2) a.active { background: #4980b9; }
.genDiv .harita-tabs .tabs ul li:nth-child(3) :hover, .genDiv .harita-tabs .tabs ul li:nth-child(3) a.active { background: #69bd45; }
.genDiv .harita-tabs .tabs ul li:nth-child(4) :hover, .genDiv .harita-tabs .tabs ul li:nth-child(4) a.active { background: #eb9d22; }
.genDiv .harita-tabs .tabs ul li:nth-child(5) :hover, .genDiv .harita-tabs .tabs ul li:nth-child(5) a.active { background: #c66b6b; }
.genDiv .harita-tabs .tabs ul li.active:nth-child(1) { background-color: #b8499b; }
.genDiv .harita-tabs .tabs ul li.active:nth-child(2) { background-color: #4980b9; }
.genDiv .harita-tabs .tabs ul li.active:nth-child(3) { background-color: #69bd45; }
.genDiv .harita-tabs .tabs ul li.active:nth-child(4) { background-color: #eb9d22; }
.genDiv .harita-tabs .tabs ul li.active:nth-child(5) { background-color: #b94a4a; }
.genDiv .harita-tabs .tabs-detay.tabs2 ul li span { background-color: #4980b9; }
.genDiv .harita-tabs .tabs-detay.tabs3 ul li span { background-color: #69bd45; }
.genDiv .harita-tabs .tabs-detay.tabs4 ul li span { background-color: #eb9d22; }
.genDiv .harita-tabs .tabs-detay.tabs5 ul li span { background-color: #b94a4a; }
.genDiv .harita-tabs .tabs ul li p {  display: flex; align-items: center; justify-content: center; height: 100%; }
.genDiv .harita-tabs .tabs ul li a { width: 100%; height: 100%; }
.genDiv .harita-tabs .tabs ul li a:hover { color: white !important }
.genDiv .harita-tabs .tabs ul li.active { font-weight: 600; }
.genDiv .harita-tabs .tabs ul li:hover { }
.genDiv .harita-tabs .tabs-detay { background-color: #f2f2f2; padding-top: 31px; padding-left: 29px;position: absolute; width: 100%; transition: all 0.3s; display:none; }
.genDiv .harita-tabs .tabs-detay.active{ display:block;}
.genDiv .harita-tabs .tabs-detay ul li { list-style-type: none; font-family: planerMedium; color: #434343; padding-bottom: 17px; font-size: 19px; }
.genDiv .harita-tabs .tabs-detay ul li span { margin-right: 16px; background-color: #b8499b; text-align: center; padding: 6px; border-radius: 146px; color: white; font-size: 15px; font-weight: 700; }
.genDiv .harita-tabs .tabs-detay .left { width: 50%; float: left; }
.genDiv .proje-kunyesi {position: relative;float: left;width: 100%;background-image: url(../img/kunye-bg.png);margin-top: 150px;}
.genDiv .proje-kunyesi .sol-kunye { display: flex; align-items: center; justify-content: center; height: 100%; padding-left: 14%; }
.genDiv .proje-kunyesi .sol-kunye h1 { font-family: planerBold; color: white; font-size: 61px; padding-right: 90px; text-align: center; }
.genDiv .proje-kunyesi .sol-kunye .kunye-text { position: relative; }
.genDiv .proje-kunyesi .sol-kunye .kunye-text p { font-size: 20px; color: white; font-family: planerMedium; padding: 50px; }
.genDiv .proje-kunyesi .sol-kunye .kunye-text:before { content: ''; position: absolute; width: 3px; height: 270px; background-color: white; top: 11px; left: -14px; }
.sag-proje span { font-family: planerBold; }
.genDiv .proje-kunyesi .sag-kunye { background-color: #0f8484; float: left; color: white; padding: 60px; }
.genDiv .proje-kunyesi .sag-kunye ul { position: relative; right: 17px; }
.genDiv .proje-kunyesi .sag-kunye ul li { list-style-type: none; width: 50%; float: left; text-align: center; padding: 16px 0px 5px 41px; font-family: planerBold; }
.genDiv .proje-kunyesi .sag-kunye ul li p { background-color: #14b4b4; padding: 6px; font-size: 16px; }
.genDiv .proje-kunyesi .sag-kunye ul li h3 { font-family: planerMedium; font-size: 22px; padding-top: 8px; white-space: nowrap; }
.genDiv .proje-kunyesi .sol-kunye-gen { position: absolute; left: 0; }
.genDiv .proje-kunyesi .sag-kunye-gen { float: right; }
.genDiv .hayat-donuyor { float: left; position: relative; width: 100%; background-size: cover; color: white; display: flex; align-items: center; justify-content: center; text-align: center; padding-top: 160px; padding-bottom: 160px; }
.genDiv .hayat-donuyor:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #272b35b0; z-index: 0; }
.genDiv .hayat-donuyor .sol-hayat { height: 100%; display: flex; align-items: center; justify-content: center; }
.genDiv .hayat-donuyor .sol-hayat img { position: relative; z-index: 9999; max-width: 100%; padding-left: 146px; padding-top: 9px; }
.genDiv .hayat-donuyor .sag-hayat { position: relative; z-index: 99; display: flex; height: 100%; align-items: center; }
.genDiv .hayat-donuyor .sag-hayat h2 { font-family: planerBold; letter-spacing: 3px; font-size: 24px; border-bottom: 2px solid #dad1d1; padding-bottom: 20px; }
.genDiv .hayat-donuyor .sag-hayat .ulasim { margin-left: 18%; margin-right: 10%; }
.genDiv .hayat-donuyor .sag-hayat .ulasim .ulasim-detay { float: left; width: 100%; margin-top: 33px; padding-bottom: 0px; border-bottom: 2px solid #dad1d1; }
.genDiv .hayat-donuyor .sag-hayat .ulasim .ulasim-detay ul li { text-decoration: none; display: inline-block; width: 25%; padding-bottom: 30px; height: 138px; float: left; font-family: planerMedium; font-size: 13px; line-height: 1.3; }
.genDiv .hayat-donuyor .sag-hayat .ulasim .ulasim-detay ul li img { padding-bottom: 5px; max-width: 62%; }
.genDiv .hayat-donuyor .sag-hayat .ulasim .ulasim-detay ul li p span { font-weight: 700; }
.genDiv .hayat-donuyor .sag-hayat .ulasim .ulasim-text { padding-top: 22px; float: left; }
.genDiv .hayat-donuyor .sag-hayat .ulasim .ulasim-text p { font-family: PlanerDemiBold; font-size: 20px; }
.genDiv .iletisim-harita-tab { margin: 0 auto; text-align: center; background-color: #282c36; display: table; margin-bottom: -63px; position: relative; top: -100px; }
.genDiv .iletisim-harita-tab ul { display: table-cell; margin-bottom: 0; height: 100%; margin: 0 auto; right: 0; left: 0; display: flex; align-items: center; justify-content: center; }
.genDiv .iletisim-harita-tab ul li { display: inline-block; color: white; font-family: planerMedium; border-right: 4.5px solid #2dbcbc; padding-right: 45px; padding: 48px 43px 38px; height: 100%; }
.genDiv .iletisim-harita-tab ul li h1 { font-weight: bold; font-size: 33px; letter-spacing: 1.8px; padding-bottom: 23px; }
.genDiv .iletisim-harita-tab ul li h1 span { font-weight: 100; }
.genDiv .iletisim-harita-tab ul li p { font-size: 17px; line-height: 1.7; }
.genDiv .iletisim-harita-tab ul li:last-child { border: none; }
.genDiv .iletisim-harita-tab ul li.active { margin-top: -55px; background-color: #2dbcbc; }
.genDiv .iletisim-harita-tab ul li.active h1 { font-size: 38px; }
.genDiv .iletisim-harita-tab ul li.active p { font-size: 20px; letter-spacing: 0.4px; }
.genDiv .iletisim-harita-tab ul li.active img { padding-bottom: 30px; }
.ulasim-form { display: inline-block; }
.gen-form { display: flex; flex-direction: column; padding: 20px 31px 24px; background-color: #0c6f7a; width: 345px;/* left: -500px; */
}
.gen-form input { /* margin: 5px; */
padding: 4px; text-indent: 10px; outline: 0; font-family: planerMedium; border-radius: 5px; border: 0; border: 1px solid #14b4b4; width: 100%; height: 48px; }
.gen-form input[type='submit'] { background-color: #14b4b4; border: 0; color: white; padding: 5px; cursor: pointer; transition: all 0.3s; }
.gen-form input[type='submit']:hover { background-color: #179494; }
.bize-ulasin .img { display: inline-block; float: left; }
.ulasim-form { display: inline-block; float: left; }
.modern-dunya .left-modern h1 { font-family: planerMedium; letter-spacing: 6px; font-size: 72px; line-height: 1.2; }
.modern-dunya .left-modern h1 span { font-size: 42px; }
.modern-dunya { padding-top: 132px; }
.left-modern { display: inline-block; padding-top: 80px; padding-bottom: 98px; position: relative; float: left; width: 30%; }
.left-modern:after { content: ''; position: absolute; width: 157px; height: 8px; background-color: #b16866; top: 0; right: 0; left: 0; margin: 0 auto; }
.left-modern:before { content: ''; position: absolute; width: 157px; height: 8px; background-color: #b16866; bottom: 0; right: 0; left: 0; margin: 0 auto; }
.container-modern { width: 100%; float: left; padding-bottom: 132px; position: relative; }
.modern-dunya img { max-width: 100%; position: relative; top: 6px; }
.orta-modern { display: inline-block; float: left; margin-left: 32px; margin-top: -130px; width: calc(40% - 81px); position: absolute; bottom: 0; }
.sag-modern { display: inline-block; float: left; width: 424px; font-family: planerBold; text-align: center; top: 60px; position: relative; width: 27%; float: right; }
.sag-modern p { font-size: 18.75px; color: #5e5e5e; letter-spacing: 1.5px; line-height: 1.6; }
.gunumuz-dunya { float: left; background-color: #1b0e2e; width: 100%; }
.sol-gunumuz-dunya { padding-top: 230px; padding-bottom: 190px; color: white; width: 40%; text-align: center; font-family: planerMedium; float: left; }
.sol-gunumuz-dunya p { font-size: 29px; letter-spacing: 1.1px; padding-right: 50px; }
.con-gen { display: table; padding-left: 230px; padding-right: 230px; width: 100%; }
.moduler-resim { display: table; float: left; padding-top: 140px; }
.container-modern.gunumuz { width: 100%; float: left; background-repeat: no-repeat; background-position: right; background-position-y: center; background-color: #1c0e2f; }
.gen-sosyal { display: table; padding-top: 140px; align-items: center; padding-bottom: 225px; width: 1189px; display: table; align-items: center; justify-content: center; /* text-align: center; */
margin: auto; }
.sosyal-olanak2 { padding-top: 0; padding-bottom: 35px; /* float: left; */
      
display: block; position: relative; }
.border, .olanak-ad { transition: all 0.5s; }
.gen-sosyal h1 { display: table; float: left; font-family: planerExtraBold; font-size: 62px; text-align: right; position: relative; }
.gen-sosyal h1:after { content: ''; position: absolute; width: 26px; height: 4px; background-color: #71a252; transform: rotate(-57deg); right: -33px; }
.gen-sosyal p { display: table; float: left; width: calc(100% - 565px); font-family: planerMedium; font-size: 21px; margin-left: 60px; margin-top: 20px; }
#owl2 .item { height: 555px; background-size: cover; background-repeat: none; }
.item.owl-lazy.ust { margin-top: -260px; }
.border { right: 0; left: 0; margin: 0 auto; top: 0; content: ''; position: relative; width: 85%; height: 85%; border: 8px solid #c2b39a; top: -67px; }
.item.owl-lazy.ust .border { content: ''; position: relative; width: 85%; height: 85%; border: 8px solid #c2b39a; right: 0; left: 0; margin: 0 auto; top: 152px; }
.border .olanak-ad { width: 150px; height: 150px; background-color: red; position: absolute; right: 0; overflow: hidden; }
.ust .border .olanak-ad { width: 150px; height: 150px; background-color: red; position: absolute; right: 0; bottom: 0; }
.border.bir .olanak-ad { background-color: #c2b39a !important; }
.border.iki { border: 8px solid #84796e !important; }
.border.iki .olanak-ad { background-color: #84796e !important; }
.border.uc { border: 8px solid #6b974f !important; }
.border.uc .olanak-ad { background-color: #6b974f !important; }
.border.dort { border: 8px solid #dedfe9 !important; }
.border.dort .olanak-ad { background-color: #dedfe9 !important; }
.border.bes { border: 8px solid #66aee9 !important; }
.border.bes .olanak-ad { background-color: #66aee9 !important; }
.border.alti { border: 8px solid #d8d179 !important; }
.border.alti .olanak-ad { background-color: #d8d179 !important; }
.border.yedi { border: 8px solid #262316 !important; }
.border.yedi .olanak-ad { background-color: #262316 !important; }
.border.sekiz { border: 8px solid #943669 !important; }
.border.sekiz .olanak-ad { background-color: #943669 !important; }
.border.dokuz { border: 8px solid #5d5a57 !important; }
.border.dokuz .olanak-ad { background-color: #5d5a57 !important; }
.border.on { border: 8px solid #84796e !important; }
.border.on .olanak-ad { background-color: #84796e !important; }
.border.bir .olanak-ad img { position: absolute; bottom: 0; transform: translateY(-50%); top: 50%; }
.border.iki .olanak-ad img { position: absolute; bottom: 0; transform: translateY(-50%); top: 50%; }
.border.uc .olanak-ad img { position: absolute; bottom: 0; transform: translateY(-50%); top: 50%; }
.border.dort .olanak-ad img { position: absolute; bottom: 0; transform: translateY(-50%); top: 50%; }
.border.bes .olanak-ad img { position: absolute; bottom: 0; transform: translateY(-50%); top: 50%; }
.border.alti .olanak-ad img { position: absolute; bottom: 0; transform: translateY(-50%); top: 50%; }
.border.yedi .olanak-ad img { position: absolute; bottom: 0; transform: translateY(-50%); top: 50%; }
.border.sekiz .olanak-ad img { position: absolute; bottom: 0; transform: translateY(-50%); top: 50%; }
.border.dokuz .olanak-ad img { position: absolute; bottom: 0; transform: translateY(-50%); top: 50%; }
.border.on .olanak-ad img { position: absolute; bottom: 0; transform: translateY(-50%); top: 50%; }
.yatirim.yat2 { background-size: cover; }
.yatirim-detay { display: inline-block; width: 54%; padding-bottom: 45px; position: relative; float: right; }
.yoltarifi select { width: 100%; height: 55px; background-color: #2dbcbc; border: 0; margin-bottom: 20px; border: 1px solid #2dbcbc; color: white; font-family: planerMedium; text-indent: 20px; outline: 0; }
.select_wrapper { width: 70%; margin: 0 auto; }
.yoltarifi .hidden { width: 50%; float: left; }
.btn_select { text-align: center; }
.yoltarifi input { width: 34%; padding: 11px; margin-bottom: 24px; border: 0; background-color: #282c36; color: white; font-family: planerMedium; font-size: 12px; font-weight: 600; cursor: pointer; outline: 0; transition: all 0.3s; }
.yoltarifi input:hover { background-color: #2dbcbc; }
.yoltarifi h4 { text-align: center; font-family: planerMedium; font-size: 36px; }
.yatirim-text ul li { font-family: planerMedium; display: inline-block; margin: 41px; }
.yatirim-text ul li strong { font-family: planerBold; color: #485160; }
.yatirim-img img { padding-bottom: 85px; }
.moduler-resim img { position: relative; top: 46px; }
.gen-form #crm-form ul li { /* float: none; */
width: 100% !important; margin-right: 0; /* padding-left: 0; */
display: inline-block; /* position: absolute; */
margin-bottom: 8px; }
.form-text { margin-top: 0 !important; }
.gen-form .form-textarea { width: 100%; padding-left: 17px; /* margin-left: 6px; */
font-family: planerMedium; padding: 15px; }
.gen-form #crm-form .gen-bilgi { margin-top: 0; font-size: 13px; font-family: planerMedium; /* margin-left: 22px; */
    /* padding-right: 44px; */
text-align: left; /* width: 91%; */
    /* padding-left: 29px; */
margin-left: 53px; position: relative; left: -26px; line-height: 1.5; }
.brüt-m2 { text-align: right; }
.first-soc { top: 50px; }
.bilgi { position: relative; }
.gen-form #crm-form ul li:last-child { margin-top: 5px; }
#crm-form ul li:last-child input { cursor: pointer; width: 30%;/* display: flex; */ background-color: #14b4b4; border: 0; }
.gen-form #crm-form ul li:last-child input { width: 62%; }
.popup-content li { width: 100% !important; margin-bottom: 10px; }
.popup-content li input, .popup-content li textarea { width: 100% !important; padding-bottom: 14px; /* margin-bottom: 10px; */
font-family: planerMedium; padding-top: 11px; position: relative; text-indent: 18px; }
.tel-popup { margin-bottom: 10px; }
.popup-content .gen-bilgi { margin-top: 0; color: white; font-family: planerMedium; }
.popup-content .gen-bilgi a { color: white; font-family: planerMedium; }
.popup-content .bilgi { left: 5%; margin-bottom: 25px; position: relative; top: 15px; }