@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;400;600&display=swap');

ul{ margin: 0; padding: 0; }
li{ list-style: none; }

a, a:hover, a:active, a:focus{ text-decoration: none; outline: none; }
button:hover, button:active, button:focus{ text-decoration: none; outline: none; }

.pdy{ padding: 0; }
.pdy-sol{ padding-left: 0; }
.pdy-sag{ padding-right: 0; }
.pdy-sol-m{ padding-left: 0; }
.pdy-sag-m{ padding-right: 0; }
.padding-yok{ padding: 0 !important; }
.pdr5{ padding-right: 5px; }

.w100{ width: 100%; }
.mw100{ max-width: 100%; }

.display-b{ display: none; }
.display-n{ display: block; }

.fancybox-skin{ padding: 0 !important; }

.raleway{ font-family: 'Raleway', sans-serif; }



header{ float: left; width: 100%; padding: 25px 0; position: relative; }
.menu{ float: left; width: 100%; margin-top: 30px; }
.menu ul li{ float: none; display: inline-block; margin-right: 25px; }
.menu ul li:last-child{ margin-right: 0; }
.menu ul li a{ color: #242d36; transition: all ease .7s; }
.menu ul li a:hover{ color: #4f819d; }

.mobile-nav{ display: none; position: absolute; right: 20px; top:40px; color: #242d36; font-size: 25px; }
.offcanvas-body{ text-align: left !important; }
.offcanvas-body ul li{ float: left; width: 100%; margin-bottom: 10px; }
.offcanvas-body ul li a{ color: #242d36; }
.offcanvas-body ul li a i{ font-size: 10px; position: relative; top: -2px; }
.menu-socials{ float: left; width: 100%; margin-top: 30px; padding-top: 10px; border-top: 1px solid #eee; }
.menu-socials h5{ font-size: 20px; font-weight: bold; }
.menu-socials a{ display: inline-block; margin-right: 5px; font-size: 25px; color: #242d36; }
.menu-socials a:hover{ color: #4f819d; }

.slider{ float: left; width: 100%; position: relative; z-index: 99; }

.about{ float: left; width: 100%; padding: 150px 0 80px; }
.about-inner{ float: left; width: 100%; position: relative; }
.about-inner::before{ content: 'SİN YAPI'; display: block; width: 100%; color: #e9eaeb; font-size: 200px; position: absolute; top: -300px; text-align: center; font-weight: bold; }
//.about-content{ float: left; width: 100%; margin-bottom: 20px; margin-top: 50px; }
.a-c-header{ float: left; width: 100%; margin-bottom: 20px; }
.a-c-header h1{ font-size: 25px; color: #000; font-weight: bold; position: relative; }
.a-c-header h1::before{ content: ''; display: block; width: 2px; height: 100px; background: #4781a1; position: absolute; left: 10px; top: -130px; }
.a-c-header h1::after{ content: ''; display: block; width: 2px; height: 100px; background: #4781a1; position: absolute; left: 10px; bottom: -130px; }
.a-c-txt{ float: left; width: 100%; padding-left: 50px; color: #000; font-weight: 100; margin-bottom: 15px; }
.a-c-link{ float: left; width: 100%; padding-left: 50px; }
.a-c-link a{ color: #4781a1; }

.projects{ float: left; width: 100%; padding: 30px 0; }
.p-header{ float: left; width: 100%; font-size: 25px; color: #4781a1; margin-bottom: 40px; font-weight: bold; }
.p-slider{ float: left; width: 100%; }
.p-slider .slick-prev{ left: -90px; z-index: 9; }
.p-slider .slick-next{ right: -90px; z-index: 9; }
.p-slider .slick-prev{ background: url(../images/left.png); width: 77px; height: 62px; }
.p-slider .slick-prev:before{ content: ""; }
.p-slider .slick-next{ background: url(../images/right.png); width: 77px; height: 62px; }
.p-slider .slick-next:before{ content: ""; }
.p-slider .slick-slide{ margin: 0 15px; }
.p-slider .slick-list { margin: 0 -15px; padding: 10px 0; }
.p-box{ float: left; width: 100%; }
.p-b-img{ float: left; width: 100%; margin-bottom: 20px; position: relative; }
.p-number{ position: absolute; top: 0; left: 0; padding: 20px; font-size: 30px; font-weight: bold; color: #000; background: #fff; }
.p-b-content{ float: left; width: 100%; }
.p-b-title{ float: left; width: 100%; margin-bottom: 10px; position: relative; }
.p-b-title a{ color: #000; font-weight: bold; font-size: 18px; }
.p-b-title::after{ content: ''; display: block; width: 2px; height: 30px; bottom: -40px; background: #4781a1; position: absolute; left: 0; }
.p-b-txt{ float: left; width: 100%; padding-left: 12px; font-size: 100; color: #000; }

.areas{ float: left; width: 100%; padding: 50px 0; background-image: url(../images/areas-bg.png); background-position: right center; background-repeat: no-repeat; }
.ar-row{ float: left; width: 100%; margin-bottom: 60px; }
.ar-content{ float: left; width: 100%; margin-bottom: 20px; text-align: right; padding-top: 120px; }
.ar-c-city{ float: left; width: 100%; color: #4781a1; margin-bottom: 5px; }
.ar-c-title{ float: left; width: 100%; font-size: 20px; font-weight: bold; margin-bottom: 5px; }
.ar-c-txt{ float: left; width: 100%; font-weight: 100; }
.ar-c-link{ float: left; width: 100%; }
.ar-c-link a{ color: #4781a1; }

.a-c-img img{ height: 400px; object-fit: cover; width: 100% !important; }

.text-left{ text-align: left !important; }

.video{ float: left; width: 100%; }

.refs{ float: left; width: 100%; padding: 80px 0 30px; }
.refs .p-header{ margin-bottom: 60px; }
.r-box{ float: left; width: 100%; margin-bottom: 80px; }

.news{ float: left; width: 100%; padding: 30px 0; }
.n-box{ float: left; width: 100%; margin-bottom: 30px; }
.n-b-img{ float: left; width: 100%; margin-bottom: 10px; position: relative; }
.n-arrow{ position: absolute; right: 0; bottom: 0; }
.n-b-info{ float: left; width: 100%; margin-bottom: 5px; color: #4781a1; }
.n-b-title{ float: left; width: 100%; margin-bottom: 10px; }
.n-b-title a{ color: #000; font-size: 18px; }
.n-b-txt{ float: left; width: 100%; font-weight: 100; }

.more-btn{ float: left; width: 100%; margin-top: 30px; }

footer{ float: left; width: 100%; padding: 80px 0; background: #242d36; }
.footer-logo{ float: left; width: 100%; margin-bottom: 30px; }
.footer-box{ float: left; width: 100%; margin-bottom: 30px; color: #fff; }
.f-header{ float: left; width: 100%; margin-bottom: 15px; }
.f-txt{ float: left; width: 100%; margin-bottom: 10px; font-size: 13px; }
.f-txt a{ color: #fff; }
.f-social{ float: left; width: 100%; }
.f-social a{ display: inline-block; margin-right: 5px; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #fff; color: #242d36; border-radius: 50%; }

.about-detail{ float: left; width: 100%; padding: 30px 0 60px; }
.a-d-img{ float: left; width: 100%; position: relative; }
.a-d-img::after{ content: 'SİN YAPI'; display: block; width: 100%; color: #e9eaeb; font-size: 200px; position: absolute; top: 190px; z-index: -1; text-align: center; font-weight: bold; }
.a-d-slogan{ position: absolute; width:50%; left: -25%; top: 50%; transform: translateY(-50%); padding: 20px 20px 20px 0; background: #fff; color: #000; font-size: 30px; font-weight: bold; z-index: 99; }
.a-d-breadcrumb{ position: absolute; left: -25%; width: 30%; bottom: 0; color: #4781a1; }
.a-d-breadcrumb img{ position: relative; top: -5px; }

.about-txts{ float: left; width: 100%; padding: 200px 0; background-image: url(../images/about-bg.png); background-position: left center; background-repeat: no-repeat; }
.a-header{ float: left; width: 100%; margin-bottom: 20px; }
.a-header h3{ font-size: 20px; font-weight: bold; position: relative; }
.a-header h3::after{ content: ''; display: block; width: 100px; height: 2px; position: absolute; left: 102%; top: 12px; background: #4781a1; }
.a-txt{ float: left; width: 100%; line-height: 28px; margin-bottom: 20px; }

.project-about-txts{ float: left; width: 100%; padding: 100px 0; background-image: url(../images/project-bg.png); background-position: left center; background-repeat: no-repeat; }
.p-a-table{ float: left; width: 100%; }
.p-g-slider{ float: left; width: 100%; margin-top: 50px; }
.p-g-slider .slick-prev{ left: -90px; z-index: 9; }
.p-g-slider .slick-next{ right: -90px; z-index: 9; }
.p-g-slider .slick-prev{ background: url(../images/left.png); width: 77px; height: 62px; }
.p-g-slider .slick-prev:before{ content: ""; }
.p-g-slider .slick-next{ background: url(../images/right.png); width: 77px; height: 62px; }
.p-g-slider .slick-next:before{ content: ""; }
.p-g-slider .slick-slide{ margin: 0 15px; }
.p-g-slider .slick-list { margin: 0 -15px; padding: 10px 0; }

.contact{ float: left; width: 100%; padding: 15px 0 60px; }
.maps{ float: left; width: 100%; }
.maps iframe{ float: left; width: 100%; height: 450px; }

























@media (min-width: 1281px){

}

@media (min-width: 1025px) and (max-width: 1280px){
    .a-d-img::after{ font-size: 100px; }
}

@media (min-width: 768px) and (max-width: 1024px){
    .mobile-nav{ display: block; }
    .menu{ display: none; }
    .about-inner::before{ font-size: 100px; top: -225px; }
    .p-slider .slick-prev{ left: 0; }
    .p-slider .slick-next{ right: 0; }
    .p-g-slider .slick-prev{ left: 0; }
    .p-g-slider .slick-next{ right: 0; }
    .a-d-slogan{ left: -5%; }
    .a-d-breadcrumb{ position: unset; width: 100%; margin-top: 10px; }
    .a-d-img::after{ font-size: 100px; }
}

@media (min-width: 481px) and (max-width: 767px){
    .mobile-nav{ display: block; }
    .menu{ display: none; }
    .about{ padding: 50px 0; }
    .about-inner::before{ font-size: 50px; top: -85px; }
    .a-c-header h1::before{ display: none; }
    .about-content{ margin-top: 0; }
    .p-slider .slick-prev{ left: 0; }
    .p-slider .slick-next{ right: 0; }
    .p-g-slider .slick-prev{ left: 0; }
    .p-g-slider .slick-next{ right: 0; }
    .ar-content{ padding-top: 0; }
    .a-d-slogan{ position: unset; transform: unset; width: 100%; }
    .a-d-breadcrumb{ position: unset; width: 100%; margin-top: 10px; }
    .a-d-img::after{ display: none; }
    .a-header h3::after{ display: none; }
    .about-txts{ padding: 20px 0 80px; }
    .project-about-txts{ padding: 20px 0 80px; }
}

@media (min-width: 320px) and (max-width: 480px){
    .mobile-nav{ display: block; }
    .menu{ display: none; }
    .about{ padding: 50px 0; }
    .about-inner::before{ font-size: 50px; top: -85px; }
    .a-c-header h1::before{ display: none; }
    .about-content{ margin-top: 0; }
    .p-slider .slick-prev{ left: 0; }
    .p-slider .slick-next{ right: 0; }
    .p-g-slider .slick-prev{ left: 0; }
    .p-g-slider .slick-next{ right: 0; }
    .ar-content{ padding-top: 0; }
    .a-d-slogan{ position: unset; transform: unset; width: 100%; }
    .a-d-breadcrumb{ position: unset; width: 100%; margin-top: 10px; }
    .a-d-img::after{ display: none; }
    .a-header h3::after{ display: none; }
    .about-txts{ padding: 20px 0 80px; }
    .project-about-txts{ padding: 20px 0 80px; }
  
}

@media (min-width: 200px) and (max-width: 321px){
    .mobile-nav{ display: block; }
    .menu{ display: none; }
    .about{ padding: 50px 0; }
    .about-inner::before{ font-size: 50px; top: -85px; }
    .a-c-header h1::before{ display: none; }
    .about-content{ margin-top: 0; }
    .p-slider .slick-prev{ left: 0; }
    .p-slider .slick-next{ right: 0; }
    .p-g-slider .slick-prev{ left: 0; }
    .p-g-slider .slick-next{ right: 0; }
    .ar-content{ padding-top: 0; }
    .a-d-slogan{ position: unset; transform: unset; width: 100%; }
    .a-d-breadcrumb{ position: unset; width: 100%; margin-top: 10px; }
    .a-d-img::after{ display: none; }
    .a-header h3::after{ display: none; }
    .about-txts{ padding: 20px 0 80px; }
    .project-about-txts{ padding: 20px 0 80px; }
}