/*@import "fonts.css";*/ @import "mobile-menu.css"; html, body {font-family: 'Montserrat', sans-serif;} :root { --main-color:#2460AB; --main-color-flu: rgba(36,96,171,.8); --handwritefont: 'Oooh Baby', cursive; } p.hd {color: #444;font-weight: 300;margin: 50px 0;} p.hd.md {font-size: 45px;} p.hd strong {font-weight: 900;color: #346a50 !important;} p.hd.xl {font-size: 55px;} p.hd.xxl {font-size: 65px;} form {position: relative;} form .loading{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,.7);display: none;} .font-nycd {font-family: 'Caveat', cursive;font-size: 45px;} .table-content{display: table; width: 100%; height: 100%;} .table-cell-content{display: table-cell; vertical-align: middle; text-align: center;} .table-content.left{display: table; width: 100%; height: 100%;} .table-content.left .table-cell-content{display: table-cell; vertical-align: middle; text-align: left;} .disp-block {display: block !important;} .m0 {margin: 0 !important;} .p0 {padding: 0;} * {outline: none !important;} .fl-r {float: right;} .s-margin {margin: auto 60px;} .df-center {display: flex;align-items: center;} p.baslik{color: var(--main-color);font-size: 65px;font-family: 'Caveat', cursive;line-height: normal;font-weight: 200;} p.baslik.small{font-size: 40px !important;} p.baslik.big{font-size: 135px !important;} .mt75 {margin-top: 75px !important;} .mt50 {margin-top: 50px !important;} .mt30 {margin-top: 30px !important;} .mobile-visible{display:none;} .wp-mesaj {position: fixed;bottom: 30px;right: 30px;z-index: 5;} .wp-mesaj img{max-width: 50px;} a {text-decoration: none !important;} .h-fix {height:1px; min-height: 100%;} .h-full {height:100%;} .img-box {width: 100%; position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent;} .img-box::after {display: block; padding-bottom: 100%; content: '';} .img-box.h50::after {display: block; padding-bottom: 50% !important; content: '';} .h-m100 {min-height: 100vh;} .img-box p.type {padding: 8px 30px; color: #fff; font-weight: 500; letter-spacing: 1px; position: absolute;bottom: 30px; right: 0; border-radius: 100px 0 0 100px;} .img-box p.type.satilik {background: #34db3a;} .img-box p.type.kiralik {background: #dce50d; color: #000;} .m0a {margin: 0 auto; display: inline-block;position: relative;left: 50%;transform: translateX(-50%);} h1.head {font-weight: 500; font-size: 65px; margin: 70px 0; color: #B42330;text-align: center;} .pl0 {padding-left: 0;} .hidden {display: none !important;} /* width */ ::-webkit-scrollbar {width: 5px;} /* Track */ ::-webkit-scrollbar-track {background: #fff;} /* Handle */ ::-webkit-scrollbar-thumb {background: #8D112CFF;border-radius: 100px;} .show {display: block !important;} #page-head {position: relative;border-radius: 20px;overflow:hidden;margin-bottom: 45px;} #page-head img {width: 100%;height: auto;max-height: 250px;object-fit: cover;object-position: center center;} #page-head .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);display: flex;align-items: center;justify-content: flex-start;padding-left: 105px;} #page-head .overlay h1 {font-size: 46px;color: #fff;font-weight: 500;letter-spacing: -0.01em;text-transform: uppercase;} #sizi_arayalim_button {position: fixed;bottom: 50px;right: 50px;z-index: 10;background: #8D112C;border-radius: 100px;padding: 10px;transition: all .4s;} #sizi_arayalim_button img {max-width: 70px;border-radius: 100px;} #sizi_arayalim_button:hover {transform: scale(1.2);} header {height: 130px;display: flex;align-items: center;justify-content: space-between;padding: 0 100px;border-radius: 20px;background: #F9F9F9;position: relative;top: 0;margin: 20px 100px;z-index: 3;} header.absolute {position: absolute;width: calc(100% - 200px);} header .menus {display: flex;align-items: center;justify-content: center;gap: 70px;} header .menus ul {display: flex;align-items: center;justify-content: center;gap: 30px;padding: 0;margin:0;list-style: none;} header .menus ul li a {font-size: 18px;color: #8d112c;font-weight: 400;position: relative;transition: all .4s;} header .menus ul li a:hover {color: #B42330;} header .menus ul li a::before {content: '';position: absolute;bottom: -5px;left: 0;height: 1px;width: 0;background: #B42330;transition: all .4s;} header .menus ul li a:hover::before {width: 70%;} header .menus ul.social {gap: 30px;} #home {padding:0 100px;display: flex;} #home .left {width: 200px;} #home .right {width: calc(100% - 200px);} #home .homeThumbs {height: calc(100vh - 200px);width: 150px;} #home .homeThumbs .swiper-slide {width: 150px;opacity: .4;transition: all .4s;height: 25%;background-position: left center !important;} #home .homeThumbs .swiper-slide.swiper-slide-active {opacity: 1;} #home .homeThumbs .swiper-slide {width: 150px;height: 140px;background-size: cover;background-position: center center;border-radius: 20px;border: 5px solid #fff;} #home .homeSlider .swiper-slide {width: 70%;height: calc(100vh - 200px);border-radius: 30px;padding: 50px;} #home .homeSlider .swiper-slide p {display: flex;flex-direction: column;font-size: 72px;color: #fff;font-weight: 700;letter-spacing: -0.03em;line-height: 120%;} #home .homeSlider .swiper-slide p strong {font-weight: 700;letter-spacing: normal;} #home .homeSlider .swiper-slide {position: relative;} /*#home .homeSlider .swiper-slide a {margin-top: 30px;padding: 10px 40px;border-radius: 100px;background: #fff;font-size: 16px;font-weight: 300;color: #B42330;border: 1px solid #fff;transition: all .4s;display: inline-block;}*/ #home .homeSlider .swiper-slide a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;} #home .homeSlider .swiper-slide a:hover {background: transparent;color: #fff;} #onecikanlar {display: flex;align-content: stretch;justify-content: center;gap: 30px;margin: 50px 0;padding: 0 100px;} #onecikanlar .left {width: 30%;border-radius: 20px;background: #F6F6F6;padding-left: 40px;padding-right:70px;display: flex;justify-content: center;flex-direction: column;align-items: flex-start;gap: 40px;} #onecikanlar .left h2 {display: flex;flex-direction: column;font-size: 26px;font-weight: 600;color: #000;} #onecikanlar .left h2 strong {color: transparent;-webkit-text-stroke: 1px #000;letter-spacing: 0.1em;font-weight: 900;} #onecikanlar .left a {font-size: 16px;color: #000;font-weight: 300;padding: 10px 30px;border-radius: 100px;border: 1px solid #000000;display: inline-block;width: auto;text-align: center;transition: all .4s;} #onecikanlar .left a:hover {background: #000;color: #fff;} #onecikanlar .right {width: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 30px;} #onecikanlar .right .project-item {width: calc(33.3% - 20px);} .project-item {border-radius: 20px;position: relative;overflow:hidden;} .project-item > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;} .project-item .overlay {background: linear-gradient(180deg, rgba(255, 255, 255, .7) 70%, rgba(255, 255, 255, .7) 70%);padding: 40px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;transition: background .4s;} .project-item:hover .overlay {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 12.62%, #000000 100%);} .project-item .overlay p.projectName {font-size: 22px;color: #000;font-weight: 700;max-width: 75%;transition: all .4s;line-height: 110%;} .project-item:hover .overlay p.projectName {color: #fff;} .project-item .overlay a {font-size: 16px;color: #000;font-weight: 400;text-decoration: underline !important; transition: all .4s;} .project-item:hover .overlay a {color: #fff;} .popup {background: transparent;width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;z-index: 124;display: none;max-width: 90%;} @media screen and (min-width: 1200px) { .popup {max-width: 500px;} } .popup .item {background: #fff;padding: 60px;flex: 1;height: 100%;display: flex;align-items: center;justify-content: center;flex:0 0 50% !important;flex-direction: column;align-items: flex-start;} .popup .item img{width: 100% !important;height: 100% !important;} .popup .item.grey {background: #F4F5F6;display: flex;flex-direction: column;justify-content: space-between;padding: 0 !important;} .popup .item input{font-size: 18px;color: #959596;font-weight: 300;border: 0;border-bottom: 1px solid #959596;padding: 10px 0;margin-bottom: 30px;width: 100%;} .popup .item textarea{font-size: 18px;color: #959596;font-weight: 300;border: 0;border-bottom: 1px solid #959596;padding: 10px 0;margin-bottom: 30px;width: 100%;resize: none;} .popup .item .flexx{display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;} .popup .item .flexx .formitem {display: flex;align-items: flex-start;justify-content: flex-start;gap: 10px;} .popup .item .flexx .formitem label {font-weight: 400;user-select: none !important;} .popup .item .flexx .formitem label a{color: #000;font-weight: 600;} .popup .item .flexx .formitem input {width: 20px !important;height: 20px !important;} .popup form {margin-top: 30px !important;} .popup .item button {background: #8d112c;padding: 10px 30px;border-radius: 100px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #fff;font-weight: 300;border: 0;margin-top: 20px;border: 1px solid #8D112C;transition: all .4s;} .popup .item button:hover {color: #8d112c;background: transparent;} .popup .item button img {margin-right: 10px;} #sayilarlaKgm {margin: 80px 100px;padding: 50px 60px;border-radius: 20px;background: #F6F6F6;display: flex;align-items: center;justify-content: space-between;} #sayilarlaKgm .right {display: flex;align-items: center;justify-content: center;gap: 50px;} #sayilarlaKgm .right .item {display: flex;align-items: center;justify-content: center;flex-direction: column;} #sayilarlaKgm .right .item img {height: 50px;} #sayilarlaKgm .right .item p {font-size: 18px;color: #000;font-weight: 300;line-height: 185%;display: flex;flex-direction: column;text-align: center;margin-top: 30px;} #sayilarlaKgm .right .item p strong {font-size: 30px;font-weight: 900;} #cards {display: flex;align-content: stretch;justify-content: center;gap: 15px;margin: 50px 0;padding: 0 100px;} #cards .item {display: flex;align-items: center;justify-content: center;gap: 70px;flex-direction: column;background: #F6F6F6;padding: 50px 50px;text-align: center;border-radius: 30px;width: 25%;position:relative;transition: all .4s;overflow:hidden;z-index: 1;background-size: cover;background-position: center center;background-repeat: no-repeat;height: 500px;} #cards .item .overlay {background:#F6F6F6;position: absolute;top: 0;left: 0;width: 100%;height: 100%; display: flex;align-items: center;justify-content: flex-start;flex-direction: column;padding: 70px 30px;transition: all .4s;} #cards .item:hover .overlay {background:rgba(103,16,35,.8);} /*#cards .item:before {content: '';width: 100%;height: 100%;top: 0;left: 0;position: absolute;background: url(/front/images/other/redBack.jpg) center center no-repeat;background-size: cover;opacity: 0;transition: all .4s;}*/ /*#cards .item:hover:before {opacity: 1;}*/ #cards .item * {position: relative;z-index: 3;} #cards .item:hover {box-shadow: 0px 16px 14px 2px rgba(0, 0, 0, 0.08);transform: scale(1.15);z-index: 2;} #cards .item:hover * {color: #fff;} #cards .item h1 {font-size: 22px;color: #000;font-weight: 500;display: flex;align-items: center;justify-content: center;flex-direction: column;line-height: 150%;text-transform: uppercase;margin-bottom: 20px;} #cards .item h1 strong {color: transparent;-webkit-text-stroke: .5px #7A7A7A;font-weight: 900;} #cards .item p {font-size: 14px;color: #000;font-weight: 300;line-height: 160%;} .tabContent {padding: 0 100px;} .tabContent .tab-links {display: flex;align-items: center;justify-content: center;gap: 70px;list-style: none;margin: 0;padding: 60px 0;border-radius: 20px;background:#F9F9F9;width: 100%;} .tabContent .tab-links li a {color: #000000;font-weight: 400;font-size: 18px;position: relative;} .tabContent .tab-links li a::before {content: '';width: 0;height: 2px;border-radius: 50px;position: absolute;bottom:-4px;left: 0;transition: all .4s;background: #BA2631;} .tabContent .tab-links li a:hover::before {width: 20px;} .tabContent .tab-links li a.active::before {width: 50px !important;} .tabContent .tabs {margin-top: 40px;} .tabContent .tabs .tab {display: flex;align-items: stretch;justify-content: center;gap: 80px;} .tabContent .tabs .tab.ik {display: flex;align-items: flex-start;justify-content: center;gap: 80px;} .tabContent .tabs .tab img {border-radius: 20px;object-fit: cover;max-width: 30%;} .tabContent .tabs .tab:not(:first-child) {display:flex;display: none;} .tabContent .tabs .tab .text {border: 15px solid transparent;border-image: url(/front/images/border.svg) 30 stretch;display: flex;align-items: center;justify-content: center;padding: 0 40px;flex-direction: column;} .tabContent .tabs .tab .text * {width: 100%;} .tabContent .tabs .tab .text h2 {font-size: 18px;color: #000;font-weight: 300;line-height: 180%;} .tabContent .tabs .tab .text p {font-size: 16px;color: #000;font-weight: 300;line-height: 180%;} .tabContent .tabs .tab .text p strong {color: #B42330;font-weight: 600;} .tabContent .tabs .tab .text p:not(:first-child) {margin-top: 40px;} .tabContent .tabs .tab .text p .colored {font-weight: 500;color: #B42330;} /*.tabContent .tabs .tab.baskaninMesaj .text p {font-size: 14px;}*/ .tabContent .tabs .tab.ik .text h2 {text-align: left;width: 100%;font-weight: 700;margin-bottom: 0;} .tabContent .tabs .tab.ik .text p {margin-top: 10px;} .tabContent .tabs .tab .projeler {display: flex;align-items: center;justify-content: flex-start;gap: 30px;width: 100%;flex-wrap: wrap;} .tabContent .tabs .tab .projeler .proje {width: calc(50% - 25px);border-radius: 20px;overflow:hidden;position: relative;} .tabContent .tabs .tab .projeler .proje .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background: rgba(255,255,255,.7);display: flex;align-items: flex-start;justify-content: flex-end;flex-direction: column;padding: 35px;transition: all .4s;} .tabContent .tabs .tab .projeler .proje .overlay p.projectName {font-size: 24px;color: #444;font-weight: 700;transition: all .4s;} .tabContent .tabs .tab .projeler .proje .overlay div.view {font-size: 16px;color: #000;font-weight: 300;text-decoration: underline !important;transition: all .4s;} .tabContent .tabs .tab .projeler .proje > img {transition: all .4s;width: 100% !important;max-width: 100% !important;} .tabContent .tabs .tab .projeler .proje:hover img {transform: scale(1.3);} .tabContent .tabs .tab .projeler .proje:hover .overlay {background: rgba(0,0,0,.35);} .tabContent .tabs .tab .projeler .proje:hover .overlay p.projectName {color: #fff;} .tabContent .tabs .tab .projeler .proje:hover .overlay .view {color: #fff;} .tabContent .tabs .tab.simpleProjects .projectsSimple {display: flex;align-items: center;justify-content: flex-start;gap: 30px;width: 100%;flex-wrap: wrap;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple {background: #F9F9F9;padding:40px;border-radius: 20px;width: calc(33.3% - 20px);} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple .img-content {overflow: hidden;position: relative;border-radius: 20px;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple .img-content > img {width: 100% !important;max-width: 100% !important;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple .img-content .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(141,17,44,.7);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all .4s;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple .img-content:hover .overlay {opacity: 1;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple .img-content .overlay img {border-radius: 0;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple .img-content > img {height: 250px;object-fit: cover;width: 100%;transition: all .4s;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple .img-content:hover > img {transform: scale(1.2);} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple p.projectName {font-size: 20px;font-weight: 700;color: #000;margin-top: 20px;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple p.projectContent {font-size: 16px;font-weight: 300;color: #000;margin-bottom: 0;} .tabContent.haberler {} .tabContent.haberler .tabs .tab .items {display: flex;align-items: center;justify-content: flex-start;width: 100%;gap: 30px;flex-wrap: wrap;} .tabContent.haberler .tabs .tab .items .item {width: calc(50% - 15px);display: flex;align-items: stretch;justify-content: center;gap: 30px;padding: 30px;background: #F9F9F9;border-radius: 20px;} .tabContent.haberler .tabs .tab .items .item img {border-radius: 20px;object-fit: cover;height: 250px;width: 50%;} .tabContent.haberler .tabs .tab .items .item .content {display: flex;align-items: flex-start;justify-content: center;flex-direction: column;gap: 30px;padding-right: 50px;width: 50%;} .tabContent.haberler .tabs .tab .items .item .content h2 {font-size: 24px;color: #444;font-weight: 700;margin:0;} .tabContent.haberler .tabs .tab .items .item .content p {font-size: 18px;color: #8B8B8B;font-weight: 300;margin: 0;} .tabContent.haberler .tabs .tab .items .item .content a {font-size: 16px;color: #fff;font-weight: 500;padding: 5px 30px;background: #8d112c;border-radius: 100px;transition: all .4s;border: 2px solid #8d112c;} .tabContent.haberler .tabs .tab .items .item .content a:hover {background: transparent;color: #8d112c;} .tabContent.haberler .tabs .tab.tanitim-filmleri .items .item {padding: 30px !important;} .tabContent.haberler .tabs .tab.tanitim-filmleri .items .item iframe {width: 100%;height: 300px;border-radius: 20px;} #haber_detay {padding: 0 100px;} #haber_detay > a img {border-radius: 20px;width: 100%;} #haber_detay .text-content {padding: 50px;border-radius: 30px;position: relative;z-index: 2;box-shadow: 3px 3px 33px rgba(0,0,0,.07);background: #fff;margin:0 100px;margin-top: -400px;} #haber_detay .text-content * {font-size: 18px;color: #000;font-weight: 300;margin-top: 30px; text-align: center;} #haber_detay .text-content > h1 {font-size: 36px;color: #8d112c;font-weight: 700;margin-bottom: 70px;} #kariyer {padding:0 100px;} #kariyer .text {text-align: center;} #kariyer .text p {font-size: 18px;color: #000;line-height: 160%;max-width: 50%;display: inline-block;} #kariyer .is-basvurusu {padding:0 15%;} #kariyer .is-basvurusu > p{font-size: 18px;color: #333;font-weight: 300;margin:30px 0 !important;} #kariyer .is-basvurusu form {position: relative;} #kariyer .is-basvurusu form input{font-size: 22px;color: #000;font-weight: 300;padding:10px 0;width: 100%;border:0;background:none;border-bottom: 1px solid #000;} #kariyer .is-basvurusu form input::placeholder{color: #000 !important;} #kariyer .is-basvurusu div[class^='col-md'] {padding: 0 40px;} #kariyer .is-basvurusu .item{height: 80px;display: flex;align-items: center;} #kariyer .is-basvurusu .item.radiobtn{display: flex;justify-content: flex-start;align-items: center;} #kariyer .is-basvurusu .item.radiobtn .input-group {margin-right: 30px;display: flex;align-items: center;cursor: pointer;flex-direction: row;} #kariyer .is-basvurusu .item.radiobtn .input-group input[type=radio] {filter:grayscale(100%);display: inline-block;margin-right: 10px;width: auto;position: relative;margin-top:0 !important;transform: scale(1.4);cursor: pointer;} #kariyer .is-basvurusu form label {font-size: 22px;color: #000;font-weight: 300;margin-bottom:0 !important;cursor: pointer;} #kariyer .is-basvurusu .item.radiobtn .input-group:last-child {margin-right: 0;} #kariyer .is-basvurusu button {font-size: 22px;color: #fff;font-weight: 300;padding: 18px 50px;border: 1px solid #8D112C;background:#8D112C;margin-top: 50px;transition: all .4s; border-radius: 10px;} #kariyer .is-basvurusu button:hover {background: transparent;color:#333;} #kariyer .is-basvurusu .form-loading {background: #8D112C !important;} #haberler {padding:0 100px;} #project .home {padding:0 100px;height: 100vh;background-size: cover;background-position: center center;background-repeat: no-repeat;display: flex;align-items: center;justify-content: flex-start;} #project .home h1 {font-size: 55px;color: #fff;font-weight: 400;margin: 0;} #project .flx-r {padding: 0 100px;display: flex;align-items: center;justify-content: flex-end;} #project .form-content {max-width: 550px;background: #FFFFFF;box-shadow: 0px 15px 25px 5px rgba(0, 0, 0, 0.05);border-radius: 20px;padding: 60px;position: relative;margin-top: -400px;} #project .form-content h2 {margin: 0;font-size: 36px;color: #000;font-weight: 700;text-align: center;} #project .form-content form {display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;margin-top: 60px;gap: 10px;} #project .form-content form input {border:0;font-size: 18px;font-weight: 400;padding:20px 30px;border-radius:10px;background:#F5F5F5;color: #000;width: calc(50% - 5px);} #project .form-content form textarea {border:0;font-size: 18px;font-weight: 400;padding:20px 30px;border-radius:10px;background:#F5F5F5;color: #000;width: 100%;min-width: 100%;min-height: 150px;resize: none;} #project .form-content form label {display: inline-block;width: 100%;font-size: 18px;color: #000;font-weight: 300;margin: 30px 0;} #project .form-content form label a {font-weight: 700;color: #000;} #project .form-content form button {border:0;padding: 15px 60px;background: #8D112C;color: #fff;font-size: 18px;border-radius: 10px;} #project .project-about {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 90px;padding: 0 20%;margin-top: 90px;} #project .project-about p {font-size:18px;color: #000;font-weight: 300;margin: 0;line-height: 200%;text-align: center;} #project .project-about p strong {color: #8D112C;font-weight: 500;} #project .handwriteSection {display: flex;align-items: stretch;justify-content: center;margin-top: 180px;padding: 0 100px;} #project .handwriteSection img {width: 50%;border-radius: 20px;} #project .handwriteSection .item {width: 50%;display: flex;align-items: center;justify-content: center;} #project .handwriteSection .item p {font-size: 72px;color: #000;margin: 0;font-family: var(--handwritefont);} #project .handwriteSection .item p span {color: #8D112C;} .mekanFoto {display: flex;align-items: stretch;justify-content: center;margin-top: 90px;padding:0 100px;} .mekanFoto .head {display: flex;align-items: center;justify-content: center;width: 40%;} .mekanFoto .head h2 {font-size: 42px;color: #000;font-weight: 400;line-height: 130%;} .mekanFoto .imageContent {width: 60%;overflow: hidden;} .mekanFoto .imageContent .item {max-width: 100%;border-radius: 20px;overflow: hidden;} .mekanFoto .imageContent .item img {border-radius: 20px;transition: all .4s;} .mekanFoto .imageContent .item:hover img {transform: scale(1.2);} .mekanFoto .imageContent .owl-carousel {overflow: auto !important;} .mekanFoto .imageContent .owl-carousel .owl-nav {margin-top: 20px;} .mekanFoto .imageContent .owl-carousel .owl-prev {margin-right: 20px;} .grey-content {margin: 0 100px;border-radius: 20px;padding: 80px 90px;background: #F9F9F9;margin-top: 90px;} .grey-content .head {display: flex;align-items: center;justify-content: space-between;} .grey-content .head h2 {font-size: 42px;color: #000;font-weight: 400;margin: 0;} .grey-content .head p {font-size: 46px;color: #000;font-family: var(--handwritefont);} .grey-content .head p span {color: #8D112C;} .grey-content .items {display: flex;align-items: center;justify-content: center;margin-top: 90px;flex-wrap: wrap;gap: 25px;} .grey-content .items .item {width: calc(25% - 20px);gap: 40px;position: relative;margin-bottom: 50px;} .grey-content .items .item img {transition: all .4s;width: 100%;border-radius: 20px;} /*.grey-content .items .item:hover img {transform: scale(1.2);}*/ /*.grey-content .items .item .overlay {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: flex-start;justify-content: flex-end;padding: 20px;font-size: 20px;color: #fff;font-weight: 400;flex-direction: column;}*/ .grey-content .items .item .overlay {position: relative;display: flex;align-items: flex-start;justify-content: flex-end;font-size: 20px;color: #000;font-weight: 400;flex-direction: column;padding-top: 20px;} .grey-content .items .item .overlay span {font-size: 46px;color: #000;font-weight: 300;line-height: 130%;} .grey-content .items .item .overlay span b {font-size: 66px;letter-spacing: -0.03em;font-weight: 300;} #detaylar {display: flex;align-items: stretch;justify-content: space-between;padding: 0 100px;flex-wrap: wrap;} #detaylar .left, #detaylar .right {width: 50%;} #detaylar.revert {display: flex;align-items: stretch;justify-content: space-between;padding: 0 100px;flex-direction: row-reverse;} #detaylar.revert .left {padding-left: 100px;} #detaylar .left {display: flex;align-items: flex-start;justify-content: center;flex-direction: column;} #detaylar .left h2 {font-size: 42px;color: #000;font-weight: 400;line-height: 130%;} #detaylar .left ul {margin:0;margin-top: 50px;display: flex;align-items: flex-start;justify-content: center;gap: 15px;flex-direction: column;list-style-image: url(/front/images/icons/ul-dot.svg);} #detaylar .left ul li {font-size: 18px;color: #000;font-weight: 300;padding-left: 15px;} #detaylar .right img {border-radius: 20px;} #detaylar .left img {border-radius: 20px;} #detaylar > h2 {width: 100%;font-size: 42px;color: #000;font-weight: 400;} #detaylar.mt100 {margin-top: 100px;} #detaylar.mt100 > h2 {margin-bottom: 50px;} #detaylar .img-content {border-radius: 20px;overflow: hidden;} #detaylar .img-content img {transition: all .4s;} #detaylar .img-content:hover img {transform: scale(1.2);} #iletisim {padding:0 100px;} #iletisim .contact-detail {display: flex;align-items: center;justify-content: center;margin: 0 100px;background: url(/front/images/contact-detail.jpg) center center no-repeat;background-size: cover;border-radius: 20px;transform: translateY(-50%);position: relative;z-index: 1;padding: 70px 0;} #iletisim .contact-detail ul {display: flex;align-items: flex-start;justify-content: center;gap: 150px;padding: 0;margin:0;} #iletisim .contact-detail ul li {margin: 0;list-style: none;padding:0;} #iletisim .contact-detail ul li a {display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;font-size: 18px;color: #fff;font-weight: 300;line-height: 140%;gap: 5px;} #iletisim .contact-detail ul li a strong {font-weight: 600;} #iletisim .grey-content {padding: 90px 200px;background: #F9F9F9;border-radius: 20px;} #iletisim .grey-content .text {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 30px;} #iletisim .grey-content .text h2 {font-size: 36px;color: #000;font-weight: 600;margin: 0;} #iletisim .grey-content .text p {font-size: 18px;color: #000;font-weight: 300;margin: 0;padding: 0 15%;text-align: center;} #iletisim .form-content {margin-top: 90px;display: flex;align-items: stretch;justify-content: center;gap: 30px;} #iletisim .form-content img {width: calc(50% - 15px);object-fit: cover;border-radius: 20px;} #iletisim .form-content form {width: calc(50% - 15px);padding: 50px;border: 15px solid transparent;border-image: url(/front/images/border.svg) 30 stretch;display: flex;align-items: center;justify-content: center;gap: 12px;flex-direction: column;} #iletisim .form-content form input {background: #F2F2F2;font-size: 16px;color: #000;font-weight: 300;padding: 15px 30px;width: 100%;border: 0;border-radius: 10px;} #iletisim .form-content form input::placeholder {color: #000;} #iletisim .form-content form .textarea-content {position: relative;height: auto;width: 100%;max-width: 100%;} #iletisim .form-content form textarea {background: #F2F2F2;font-size: 16px;color: #000;font-weight: 300;padding: 20px 30px;width: 100%;border: 0;border-radius: 10px;height: 200px;max-height: 300px;max-width: 100%;min-height: 150px;min-width: 100%;padding-right: 110px;} #iletisim .form-content form textarea::placeholder {color: #000;} #iletisim .form-content form button {transition:all .4s;border: 1px solid #8D112C;padding: 5px 20px;background: #8D112C;color: #fff;font-size: 14px;font-weight: 300;border-radius: 100px;position: absolute;bottom: 20px;right: 20px;} #iletisim .form-content form button:hover {color: #8D112C;background: #F2F2F2;} footer {margin: 70px 100px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 90px 0;border-radius: 20px;background:#F9F9F9;gap: 40px;} footer p.adres {margin-top:-10px;font-size: 18px;color: #000;font-weight: 400;text-align: center;} footer a.tel {font-size: 34px;color: #8D112C;font-weight: 500;} footer ul {display: flex;align-items: center;justify-content: center;gap: 30px;list-style: none;margin: 0;padding: 0;} footer ul li a {color: #8B8B8B;font-size: 18px;font-weight: 400;position: relative;} footer ul li a:hover {color: #B42330;} footer ul li a::before {content: '';position: absolute;bottom: -5px;left: 0;height: 1px;width: 0;background: #B42330;transition: all .4s;} footer ul li a:hover::before {width: 70%;} @media screen and (max-width: 768px) { .mobile-hidden {display: none !important;} #iletisim {padding:0 15px;} #iletisim iframe {height: 200px;} #iletisim .contact-detail {flex-direction: column;transform: translateY(-50px);margin: 0 30px;} #iletisim .contact-detail ul {flex-direction: column;gap: 30px;} #iletisim .contact-detail ul li a {font-size: 14px;} #iletisim .grey-content {padding: 60px 15px;} #iletisim .grey-content .text h2 {font-size: 18px;text-align: center;} #iletisim .grey-content .text p {font-size: 14px;padding: 0 30px;} #iletisim .form-content {flex-direction: column;align-items: center;} #iletisim .form-content img {width: 100%;height: auto;} #iletisim .form-content form {width: 100%;height: auto;padding: 15px;} #iletisim .form-content form input {font-size: 14px;} #iletisim .form-content form textarea {font-size: 14px;} #iletisim .form-content form input::placeholder {font-size: 14px;} #iletisim .form-content form textarea::placeholder {font-size: 14px;} #iletisim .contact-detail {padding: 50px 0;} header {margin: 15px;padding: 0 15px;height: 100px;} header img.logo {max-width: 50%;} .outer-menu .checkbox-toggle:checked + .hamburger > div {background: #fff;} .outer-menu .menu > div > div > ul > li > a {color: #fff !important;} .outer-menu{display: block !important; top: 40px !important;} .outer-menu .menu > div > div > ul > li {line-height: 30px !important;} .outer-menu .menu > div > div > ul > li > a {font-size: 18px !important;} #home {padding: 0 15px;flex-direction: column-reverse;} #home .left {width: 100%;} #home .right {width: 100%;} #home .homeSlider .swiper-slide {height: 150px;background-size: cover;border-radius: 10px;} #home .homeThumbs {margin: 0 15px;} #home .homeThumbs {width: auto;height: auto;} #home .homeThumbs .swiper-slide {height: 60px;border-radius: 15px;background-position: left center;} #sayilarlaKgm {margin: 30px 15px;flex-direction: column;padding: 40px 15px;} #sayilarlaKgm .left img {max-width: 65%;} #sayilarlaKgm .right {gap: 30px;margin-top: 40px;flex-wrap: wrap;} #sayilarlaKgm .right .item {width: calc(50% - 15px);} #sayilarlaKgm .right .item p {font-size: 12px;margin-top: 15px;} #sayilarlaKgm .right .item p strong {font-size: 16px;} #sayilarlaKgm .right .item img {height: 40px;} #cards {padding: 0 15px;flex-direction: column;} #cards .item {width: 100%;transform: scale(.95);} #cards .item:hover {transform: scale(1);} footer img.footer-logo {max-width: 50%;} footer {margin: 15px;gap: 20px;padding: 40px 0;} footer p.adres {font-size: 14px;margin-top: 10px;margin-bottom: 0;} footer p.tel {font-size: 24px;} footer ul.footer-menu {flex-direction: column;gap: 10px;margin: 5px 0;} footer ul.footer-menu li a {font-size: 16px;} footer a.tel {font-size: 26px;} .tabContent {padding: 0 15px;} #page-head {margin-bottom: 30px;border-radius: 15px;} #page-head .overlay {padding-left: 15px;} #page-head .overlay h1 {font-size: 16px;color: #fff;font-weight: 600;margin:0;} #page-head {height: 100px;} #page-head img {height: 100%;width: 100%;object-fit: cover;object-position: center;} .tabContent .tab-links {flex-direction: column;gap: 15px;} .tabContent .tab-links li a {font-size: 15px;font-weight: 300;} .tabContent .tabs .tab {flex-direction: column;} .tabContent .tabs .tab .text {padding: 0 15px;} .tabContent .tabs .tab.ik .text h2 {font-size: 16px;margin-bottom: 15px;} .tabContent .tabs .tab .projeler .proje {width: 100%;} .tabContent .tabs .tab .projeler .proje .overlay p.projectName {font-size: 18px;margin-bottom: 0;} .tabContent .tabs .tab .projeler .proje .overlay div.view {font-size: 14px;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple .img-content {border-radius: 10px;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple {width: 100%;gap: 20px;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple p.projectName {font-size: 16px;} .tabContent .tabs .tab.simpleProjects .projectsSimple .projectSimple p.projectContent {font-size: 14px;} #kariyer {padding: 0 15px;} #kariyer .text p {max-width: 75%;font-size: 14px;} #kariyer .is-basvurusu {padding: 0 15px;} #kariyer .is-basvurusu form input {font-size: 16px;border-radius: 0 !important;} #kariyer .is-basvurusu div[class^='col-md'] {padding: 0 15px;} #kariyer .is-basvurusu form label {font-size: 16px;} #kariyer .is-basvurusu .item {height: auto;padding: 10px 0;} #kariyer .is-basvurusu button {margin-bottom: 40px;margin-top: 25px;padding: 10px 30px;font-size: 16px;} .tabContent.haberler .tabs .tab .items {} .tabContent.haberler .tabs .tab .items .item {width: 100%;flex-direction: column;} .tabContent.haberler .tabs .tab .items .item img {width: 100%;} .tabContent.haberler .tabs .tab .items .item .content {width: 100%;} .tabContent.haberler .tabs .tab .items .item .content h2 {font-size: 18px;} .tabContent.haberler .tabs .tab .items .item .content p {font-size: 16px;} .tabContent.haberler .tabs .tab .items .item .content a {font-size: 12px;} #haber_detay {padding: 0 15px;flex-direction: column;} #haber_detay .text-content {margin: 0 20px;padding: 15px;margin-top: -50px;} #haber_detay .text-content > h1 {font-size: 17px;margin-bottom: 30px;} #haber_detay .text-content * {font-size: 14px;} #iletisim .grey-content {padding: 30px 15px;margin:0;margin-top: 30px;} #iletisim .form-content {margin-top: 40px;} header.absolute {width: calc(100% - 30px);} #project .form-content {margin-top: 0;padding: 40px 15px;} #project .home {padding: 0 15px;height: 40vh;padding-top: 120px;} #project .home h1 {font-size: 18px;} #project .flx-r {padding: 0 15px;} #project .form-content h2 {font-size: 24px;} #project .form-content form input {font-size: 14px;} #project .form-content form textarea {font-size: 14px;} #project .form-content form input::placeholder {font-size: 14px;} #project .form-content form textarea::placeholder {font-size: 14px;} #project .form-content form label {font-size: 16px;margin: 20px 0;} #project .form-content form button {font-size: 16px;padding: 10px 50px;} #project .project-about {margin-top: 40px;padding: 0 15px;gap: 30px;} #project .project-about img {max-width: 30%;} #project .project-about p {font-size: 14px;} #project .handwriteSection {flex-direction: column;margin-top: 60px;} #project .handwriteSection img {width: 100%;} #project .handwriteSection .item {width: 100%;} #project .handwriteSection .item p {font-size: 32px;margin-top: 30px;} #project .handwriteSection {padding: 0 15px;} .mekanFoto {flex-direction: column;padding: 0 15px;margin-top: 60px;} .mekanFoto .head {width: 100%;justify-content: flex-start;} .mekanFoto .head h2 {font-size: 32px;} .mekanFoto .imageContent {width: 100%;margin-top: 20px;} .owl-nav button img {max-width: 10px;} #project .grey-content {margin: 0 15px;padding: 20px 15px;margin-top: 60px;} #project .grey-content .head {flex-direction: column;align-items: flex-start;} #project .grey-content .head h2 {font-size: 32px;} #project .grey-content .head p {font-size: 20px;margin-top: 5px;} #project .grey-content .items .item {width: calc(50% - 20px)} #project .grey-content .items .item .overlay {font-size: 14px;} #project .grey-content .items .item .overlay span {font-size: 27px;margin-top: 15px;} #project .grey-content .items .item .overlay span b {font-size: 56px;} #project .grey-content .items .item img {border-radius: 10px;} #project .grey-content .items .item {margin-bottom: 20px;} #detaylar {flex-direction: column-reverse;padding: 0 15px;margin-top: 50px;} #detaylar .left,#detaylar .right,#detaylar .right img {width: 100%;} #detaylar .left h2 {font-size: 32px;width: 100%;text-align: center;} #detaylar .left ul li {font-size: 14px;} #detaylar.revert {flex-direction: column-reverse;padding: 0 15px;margin-top: 50px;} #detaylar.revert .left,#detaylar .right,#detaylar .right img {width: 100%;} #detaylar.revert .left h2 {font-size: 32px;width: 100%;text-align: center;} #detaylar.revert .left ul li {font-size: 14px;} #detaylar.revert .left {padding-left: 0;} #detaylar h2 {margin: 40px 0;} #detaylar ul {padding: 0;padding-left: 20px;margin-top: 0 !important;} #detaylar ul li {padding-left: 5px;} #detaylar.mt100 {margin-top: 60px;} #detaylar .img-content {margin-top: 15px;} #detaylar .img-content img {width: 100%;} #detaylar.mt100 {flex-direction: column;} #detaylar.mt100 > h2 {margin-top: 0;margin-bottom: 10px;font-size: 26px;text-align: center;} #project .grey-content .head {align-items: center;text-align: center;} #project .grey-content .items {margin-top: 20px;gap: 25px;} #project .grey-content .items {align-items: stretch;} #project .mekanFoto .head h2 {width: 100%;text-align: center;font-size: 26px;margin:0;} #project .form-content form {margin-top: 40px;} #project .home h1 {width: 100%;text-align: center;} #project .handwriteSection .item p {text-align: center;} .mekanFoto .imageContent .owl-carousel .owl-nav {display: flex;align-items: center;justify-content: center;} .tabContent .tabs .tab img {max-width: 100%;} .tabContent .tabs .tab .text p {font-size: 13px;} .tabContent .tabs .tab .text p strong {font-weight: 500;} .tabContent .tabs .tab .projeler .proje .overlay {padding: 15px;} .tabContent .tabs .tab .projeler .proje .overlay div.view {font-size: 11px;} .tabContent .tabs .tab .projeler .proje .overlay p.projectName {font-size: 14px;} .tabContent .tabs .tab img {border-radius: 10px;} .tabContent .tabs .tab .projeler .proje {border-radius: 10px;} .popup {max-height: 80%;} .popup form.mt75 {margin-top: 20px !important;width: 100%} .popup #citizenship {font-size: 12px !important;line-height: normal !important; } .popup p.hd.md {font-size: 16px;} .popup .item {padding: 20px !important;} .popup .item input {margin-bottom: 10px;} .popup .item input {font-size: 14px !important;width: 100% !important;} .popup .item button {padding: 8px 23px;font-size: 14px;margin-top: 15px !important;} p.hd.md{font-size: 25px;} p.hd.xl {font-size: 32px;} p.hd {margin: 0;} .popup .items .item {max-height: initial !important;} .popup .items .item .flexx {margin-top: 15px;} .popup .items .item label {font-size: 12px !important;} #sizi_arayalim_button {bottom: 30px;right: 30px;} #sizi_arayalim_button img {max-width: 50px;} }