﻿
.icerik{padding: 90px 0;font-size: 16px;line-height: 24px;}
.icerik h1{font-size: 35px;text-align: center;margin-bottom: 40px;font-family: "AvenirNextLTPro-Bold";letter-spacing: 5px;line-height: 50px;}
.icerik p{margin-bottom: 35px;text-align:center;font-size: 20px;line-height: 32px;font-family: "AvenirNextLTPro-Regular";letter-spacing: 1px;}
.icerik p:last-child{margin-bottom:0}
.icerik p span{font-weight:600}
.icerik ul{margin-bottom:20px}
.icerik ul:last-child{margin-bottom:0}
.icerik ul li{list-style: circle;margin-left: 20px;}
.mimari.icerik ul li, .referanslar ul li,.iletisim ul li{list-style: none;margin-left: 0;}
.icerik .referanslar, .icerik .parkur{margin-top:0}
.altortala{max-width:1200px;margin:0 auto;width:100%}

.slogan.mb0{margin-bottom:0;margin-top:0}

.head{width:100%;display: flex;position:absolute;z-index:99;background: #fff;border-bottom: 1px solid #1db3c6;}
.head>div:first-child{float:left;}
.head>div:first-child>a>img{height:100%;}

.head>div:first-child>div:first-child{}
.head>div:first-child>div:first-child>a img{width: 250px;}

.icobg-4 {
    background-image: url(/img/slider/banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 850px;
    padding-bottom: 100px;
    background-size: cover;
}

.head>div:nth-child(2){/* background: #e88a42; */display: table;width: 100%;}
.head>div:nth-child(2)>ul{display: flex;width:100%;position:relative;justify-content: space-between;align-items: center;}
.head>div:nth-child(2)>ul>li:first-child{margin-left:80px;}
.head>div:nth-child(2)>ul>li:nth-child(6) a{display:-webkit-inline-box;padding:0 4px}
.head>div:nth-child(2)>ul>li i{font-size: 33px;}
.head>div:nth-child(2)>ul>li{display:table-cell;vertical-align:middle;padding:0 15px;cursor:pointer;text-align: center;position: relative;}
.head>div:nth-child(2)>ul>li:hover>.altmenu{display:block;}
.head>div:nth-child(2)>ul>li:hover{background: #1db3c6;}
.head>div:nth-child(2)>ul>li:hover a{color:#fff}
.head>div:nth-child(2)>ul>li:nth-child(6):hover, .head>div:nth-child(2)>ul>li:nth-child(8):hover{background:none}
.head>div:nth-child(2)>ul>li:last-child{}
.head>div:nth-child(2)>ul>li:last-child>a{display:block}
.head>div:nth-child(2)>ul>li:last-child>a>img{width:40px}
.head>div:nth-child(2)>ul>li>a{color: #000000;display:block;letter-spacing: 1px;font-size: 15px;font-family: "AvenirLT-Medium";display: block;line-height: 98px;}
.head>div:nth-child(2)>.active{border-bottom: 2px solid #cb7d30}

.altmenu{position: absolute;padding-top: 10px;display:none;}
.altmenu>ul>li{padding: 10px 10px;border-bottom: 1px solid rgba(204, 204, 204, 0.25);    font-size: 15px; min-width:150px}
.altmenu>ul>li>a{color: #fff;padding:0 5px}

.bksbaslik{text-align:center;margin-top: 70px;font-size: 26px;font-family: "AvenirNextLTPro-Bold";letter-spacing: 3px;}

.slider{height: 60%;padding-top: 98px;width:100%;}
.slider img {width: 100%;}
.slide-yazi{position:absolute;color: #000;font-size: 28px;background: rgba(255, 255, 255, 0.90);text-align:center;z-index: 99;bottom: 100px;left: 210px;display: table;vertical-align: middle;padding: 45px 42px;}
.slide-yazi>div{display:table-cell;vertical-align:middle}
.slide-yazi>div>div{max-width:800px; margin:0 auto;}
.slide-yazi>div>div>p{font-size: 36px;font-family: "AvenirNextLTPro-Bold";text-align: left;letter-spacing: 5px;}
.slide-yazi>div>div>span{font-size: 22px;margin-top: 10px;letter-spacing: 1px;font-family: "AvenirLT-Medium";text-align: left;display: table;color: #404040;}

.anasayfabks{margin-top:70px!important}
.anasayfabks iframe{height:450px!important}
.anasayfa{width:100%;position:relative;margin-top: 100px;}
.ortala{max-width:1500px;margin:0 auto;width:100%}
.uygulamalarimiz{margin-top:100px}
.uygulamalarimiz>div:first-child{width:70%;margin:0 auto}
.uygulamalarimiz>div:first-child>h1{font-size: 35px;text-align:center;margin-bottom:40px;font-family: "AvenirNextLTPro-Bold";letter-spacing: 5px;}
.uygulamalarimiz>div:first-child>p{text-align:center;font-size:22px;line-height:32px;font-family: "AvenirNextLTPro-Regular";letter-spacing: 2px;}

.uygulamalar{display:table;width:100%;margin-top:90px}
.uygulamalar>ul{display:table-row;}
.uygulamalar>ul>li{display:table-cell;vertical-align:middle;width: calc((100% / 2) - 20px);float:left;position:relative;margin-right: 20px;margin-bottom: 20px;}
.uygulamalar>ul>li:nth-child(2n){margin-right:0}
.uygulamalar>ul>li img{width:100%}
.uygulamalar>ul>li a{display:block}
.uygulamalar>ul>li .uygulamaaciklama{position:absolute;top:0;width:100%;height:100%;text-align:center;z-index:2;opacity:0;    transition: all 0.8s ease-in-out;}
.uygulamalar>ul>li .uygulamaaciklama>div:first-child{display:table;width:100%;height:100%}
.uygulamalar>ul>li .uygulamaaciklama>div:first-child>div{display:table-cell;vertical-align:middle}
.uygulamalar>ul>li .uygulamaaciklama>div>div>h1{color:#fff;font-size: 28px;font-family: "AvenirNextLTPro-Bold";letter-spacing: 2px;}
.uygulamalar>ul>li .uygulamaaciklama .urungoster{width:100%;margin-top: 30px;}
.uygulamalar>ul>li .uygulamaaciklama .urungoster>div{width: 180px;margin: 0 auto;border: 2px solid #fff;padding: 15px;}
.uygulamalar>ul>li .uygulamaaciklama .urungoster p{color:#fff;letter-spacing: 2px;font-family: "AvenirNextLTPro-Regular";font-size: 15px;}
.uygulamalar>ul>li .siyahbg{position:absolute;top:0;background: rgba(0, 0, 0, 0.85);z-index:1;width:100%;height:100%;opacity:0;transition: all 0.8s ease-in-out;}

.uygulamalar>ul>li:hover .uygulamaaciklama, .uygulamalar>ul>li:hover .siyahbg{opacity:1}

.hakk{width:100%;height:100%;}
.hakk>div:first-child{width:70%;margin:0 auto}
.hakk>div>h1{font-size: 35px;text-align:center;font-family: "AvenirNextLTPro-Bold";margin-bottom:40px;letter-spacing: 5px;}
.hakk>div>p{text-align:center;font-size:22px;line-height: 32px;font-family: "AvenirNextLTPro-Regular";letter-spacing: 1px;}
.hakk>div:nth-child(2){width:100%;margin-top:50px}
.hakk>div:nth-child(2)>div{width:180px;margin:0 auto;border:2px solid #000;padding: 15px;cursor:pointer;}
.hakk>div:nth-child(2)>div>a{display:block;text-align:center;margin:0;padding:0;font-family: "AvenirNextLTPro-Regular";letter-spacing: 1px;font-size: 15px;}

.iletisim button:hover{background:#000}
.uygulamalar>ul>li .uygulamaaciklama .urungoster>div:hover{background:#e88a42;border-color:#e88a42}
.hakk>div:nth-child(2)>div:hover{background:#000;border-color:#000}
.iletisim button:hover, .hakk>div:nth-child(2)>div:hover a{color:#fff}

.slogan{width:100%;display:table;background:#e88a42;margin-top: 90px;margin-bottom: 90px;}
.slogan>div{padding: 40px 50px;}
.slogan>div>h1{line-height: 40px;text-align:center;color:#fff;font-size: 40px;letter-spacing: 3px;font-family: "BrushScriptBT-Regular";font-weight: 100;}

.projeslider{position:relative}
.projelerimiz{width:100%;height:100%;margin-top:100px;}
.projelerimiz>div:first-child{width:70%;margin:0 auto;margin-bottom: 60px;}
.projelerimiz>div>h1{font-size: 40px;text-align:center;font-family: "AvenirNextLTPro-Bold";margin-bottom:40px;letter-spacing: 5px;}
.projelerimiz>div>p{text-align:center;font-size:22px;line-height: 32px;font-family: "AvenirNextLTPro-Regular";}

#owl-demo .item { margin: 10px;position:  relative;border: 1px solid #ededed;padding-bottom: 25px; }
.zoom>a{width:100%; height:100%; display:block}

#owl-demo .item img {display: block;width: 100%;height: auto;margin: 0 auto;}
.prev{position: absolute;left: -90px;top: calc(50% - 80px);cursor:pointer;}
.next {position: absolute;right: -90px;top: calc(50% - 80px);cursor:pointer;}
.prev>div{background-image: url(/img/left-black.png);width: 50px;height: 50px;background-repeat: no-repeat;background-size: 100%;}
.next>div{background-image: url(/img/right-black.png);width: 50px;height: 50px;background-repeat: no-repeat;background-size: 100%;}

.projeyazi{padding:25px 25px 0 25px}
.referans>ul>li>h1, .projeyazi>h1{color: #1db3c6;margin-bottom:10px;font-family: "AvenirNextLTPro-Bold";letter-spacing: 1px;font-size: 19px;text-align: left;}
.projeyazi>p{margin: 0;font-family: "AvenirNextLTPro-Regular";text-align: left;}

.bizitakip{background:#f4f4f7}
.bizitakip>div{display:table;width: 280px;margin:0 auto;padding: 15px 0;}
.bizitakip>div>ul{display:table-row;}
.bizitakip>div>ul>li{display:table-cell;vertical-align:middle;}
.bizitakip>div>ul>li>h1{text-align:center;font-family: "AvenirNextLTPro-Regular";letter-spacing:1px;}
.bizitakip>div>ul>li>a{text-align:center;margin:0 5px}

.footer{padding: 50px 0;margin:0 auto;text-align:center;}
.footer>div{}
.footer>div>h1{font-size: 18px;margin-bottom:20px;font-family: "AvenirNextLTPro-Bold";letter-spacing: 2px;}
.footer>div>p{margin-bottom:20px;font-family: "AvenirNextLTPro-Regular";}
.footer>div>a{display:block;font-family: "AvenirNextLTPro-Regular";margin-bottom: 5px;}

.kirmizibar{width:100%;height:16px;background: #1db3c6;}


.telefon{position: fixed;right:-110px;bottom: 195px;z-index: 9999;transition: all 0.8s ease-in-out;}
.telefon:hover{right:0;transition: all 0.8s ease-in-out;}
.telefon>div{}
.telefon>div>a{display:block}
.telefon>div>a>img{width:100%}

.altsayfa{width:100%;padding-top: 98px;}
.altsayfa>.althead{width:100%;height: auto;overflow:hidden;position:relative;max-height:350px}
.altsayfa>.althead>img{width:100%;}
.altsayfa>.althead>div{position:absolute;width:100%;text-align:center;bottom: 0px;display:table;height: 100%;}
.altsayfa>.althead>div h1{color:#fff;font-size: 35px;border-bottom: 6px solid #ef3c28;width:auto;display: table;margin: 0 auto;padding-bottom: 25px;}
.altsayfa>.althead>div h1 p{font-size:18px;margin-top:15px}
.altsayfa>.althead>div>div{display:table-cell;vertical-align: bottom;}

.referans{overflow:hidden}
.referans>ul{display:table;width:100%;border-bottom:1px solid #e1e1e1;padding-left:35px}
.referans>ul>li{display:table-cell;vertical-align:middle; width:calc(100% / 2)}
/*.referans>ul>li>h1{font-size:18px;margin:0 auto;text-align:left;letter-spacing:1px;font-family:"AvenirNextLTPro-Regular"}*/
.referans>ul>li>p{font-size:18px;margin:0;text-align:left;letter-spacing:1px;margin-bottom:25px}

.iletisimform {position:relative;}

.form-basarili {color: #098a08;display: none;text-align: center;margin-bottom: 30px;padding: 0 20px;font-weight: 600;margin-top: 30px;font-family: "AvenirNextLTPro-Regular";font-size: 16px;}
.loading {text-align: center;position: absolute;display: none;width:100%;height:100%;background: #111;opacity: 0.6;}
.loading>div{display:table;height:100%;width:100%}
.loading>div>div{display:table-cell;vertical-align:middle}

.iletisim button {background: #fff;border: 1px solid #000000;padding: 14px 15px;color: #000000;cursor: pointer;margin-top: 25px;width: 200px;font-family: "AvenirNextLTPro-Regular";letter-spacing: 1px;font-size: 15px;}
.iletisim input, .iletisim textarea {width: 100%;padding: 10px 5px;margin-bottom: 10px;border: 0;border-bottom: 1px solid #ccc;font-size: 16px;}
.iletisim .harita {width: 100%;margin-top: 70px;}
.iletisim .harita > iframe {width: 100%;height: 450px;}
#twonclick  {background: url(http://sefaataman.com.tr/siteler/siyah-bg.svg) no-repeat 0 0 transparent;bottom: 15px;height: 148px;position: fixed;right: 10px;width: 28px;z-index:999;background-size:  100% auto;}
#twonclick .twonclick{display:block;height:90px;outline:none;text-indent:-9999px;width:37px;background-size: 17px;display: block;}


.iletisimbolum{display:table;width:100%;height:auto}
.iletisimbolum>div{width:50%;display:table-cell;vertical-align: MIDDLE;}
.iletisimbolum>div>div{width:90%}
.iletisimbolum h1{margin-bottom:20px;letter-spacing: 1px;text-align: left;}
.iletisimbolum p{letter-spacing:1px;text-align:left;font-size: 18px;margin:0;line-height: 27px;}
.iletisimbolum a{font-family:"AvenirNextLTPro-Regular"}

.mt35{margin-top:35px}

.menufix{position:absolute;width: 300px;left: 0;top: 100%;overflow: hidden;z-index: 999;}

.acmenu{display: flex;background: #000000;width:100%;transition: all 0.5s ease-in-out;max-height: 0;opacity: 0;overflow: hidden;}
.acmenu ul{display: flex;width:100%;flex-direction: column;padding: 0;margin: 0;}
.acmenu ul>li{text-align:center;border-bottom: 1px solid #fff;width: 100%;padding: 15px 10px;}
.acmenu ul>li:last-child{border-right: 0px;}
.acmenu.hizmet ul>li{}
.acmenu.hizmet ul>li:hover{background: #1db3c6;}
.acmenu ul>li a{color:#fff;display:block;line-height: 19px;font-family: "AvenirLT-Medium";font-size: 14px;}
.footer-bottom {
    border-top: 1px solid #000;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-bottom p {
    color: #000;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 14px;
}

.footer-links {
    display: flex;
    gap: 20px;
}

.footer-links a {
    text-decoration: none;
    transition: color 0.3s ease;
    color: #000;
    font-family: "AvenirNextLTPro-Regular";
    font-size: 14px;
}

.footer-links a:hover {
    color: var(--primary-color);
}
a {}
.head>div:nth-child(2)>ul>li:hover .menufix {}
.head>div:nth-child(2)>ul>li:hover .acmenu {max-height: 500px;opacity: 1;}

.urungaleri{display:table;width:100%;height: 100%;margin-top: 70px;}
.urungaleri>ul{display:table-row;}
.urungaleri>ul>li{display: inline-block;vertical-align:middle;width: calc((100% / 3) - 20px );float: left;list-style: none;overflow: hidden;margin: 0;margin-bottom: 30px;margin-right: 20px;}
.urungaleri>ul>li img{width:100%}
.urungaleri>ul>li:nth-child(3n){margin-right:0}
.urungaleri>ul>li p{font-size: 16px;background: #1db3c6;color: #fff;line-height: 50px;}

.galeri{display:table;width:100%;height: 100%;margin-top: 70px;}
.galeri>ul{display:table-row;}
.galeri>ul>li{display: inline-block;vertical-align:middle;width: calc((100% / 5) - 20px );float: left;list-style: none;overflow: hidden;margin: 0;margin-bottom: 20px;margin-right: 20px;}
.galeri>ul>li img{width:100%}
.galeri>ul>li:nth-child(5n){margin-right:0}

.mobile-menu{width: 40%;height:100%;background: rgb(0, 0, 0);display:block;position:fixed;z-index: 99999;top:0;transition: 0.5s;right: -100%;/*opacity:0;*/max-width: 951px;}
.mobile-menu>div:nth-child(2){/* padding:20px; */height: 100%;/* padding-left: 30px; */position: relative;width: 100%;display: table;}

.mobile-menu .mobile-menu-icerik .mobile-home{display:block;width: calc(100%);opacity:1;padding: 0;margin: 0;}
.mobile-menu .mobile-menu-icerik ul>li{/* width: calc(100% - 20px); */padding:10px 0px;font-weight: 600;-webkit-transition-delay: 0.25s;transition-delay: 0.25s;/* border-bottom: 1px solid rgba(255, 255, 255, 0.92); */}
.mobile-menu .mobile-menu-icerik ul>li>a{color:#fff;text-align: center;display:block;font-size: 24px;line-height: 20px;font-family: "AvenirNextLTPro-Bold";}
.mobile-menu .mobile-menu-icerik .mobile-menu-secimler{padding: 20px 0;color: #000000;font-size: 18px;font-weight: 600;height:20px;}
.mobile-menu-secimler ul>li{float:left;padding-right:15px;}
.mobile-menu .mobile-menu-icerik>div{display:table-cell; vertical-align:middle}

.mobile-menu>.mobile-menu-head{width:100%;height:80px;position: absolute;/* background: #fff; */z-index: 9999;}
.mobile-menu-head>.mobile-dil-sec{float: left;padding: 30px;font-size: 20px;}
.mobile-menu-head>.mobile-menu-kapat{float: right;cursor:pointer;display:none;color: #fff;margin: 30px 50px 0 0;}
.mobile-menu-kapat img{width: 40px;}
.mobile-menu-footer{height:130px;}
.mobile-menu-footer>div{float:right;padding:20px;}
.mobile-menu-footer>div ul{float:left}
.mobile-menu-footer>div ul>li{float:left;color:#fff;padding:20px;}
.mobile-menu-footer>div>div{float:right;padding:17px;font-weight:600;font-size:20px;}
.mobile-home-img{width:100%;height:100%; overflow:hidden;display:none;}
.mobile-home-img img{height: 100%;width: auto;position: relative;left: 50%;transform: translateX(-50%);}

.overlays{background:rgba(0, 0, 0, 0.85) none repeat scroll 0 0;height:100%;position:absolute;width:100%;top:100%;display:none}
.overlays > div{height:auto;margin-top:0;position:absolute;top:50% !important;width:100%;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);}
.overlays span:first-child{padding-top:0;padding-bottom:5px;font-family:'AvenirMedium', sans-serif;font-weight:bold;}
.overlays span:last-child{border-bottom:0 none;margin-top:0;padding:0;font-family:'AvenirLight', sans-serif;}
.overlays span{border-bottom:none;color:rgba(255, 255, 255, 0.9);display:block;font-weight:normal;margin:0 0px 0;padding:0 0 0;text-align:center;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);text-transform:uppercase;}
.overlays span{border-bottom:none;color:rgba(255, 255, 255, 0.9);display:block;font-weight:normal;margin:0 0px 0;padding:0 0 0;text-align:center;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);text-transform:uppercase;letter-spacing:0.1em;}
.overlays span + br{height:1px;display:none;line-height:0.1;}
.link-intern{position:absolute;left:0;right:0;top:0;bottom:0;width:calc(100%);height:calc(100% );z-index:1;opacity:0;}

.mobilmenuicon{display:none;}
.mobilmenuicon>div{display:table-cell;vertical-align:middle}
.mobilmenuicon>div>a{display:block}
.mobilmenuicon>div>a>img{width: 45px;}


.twonclick {width: 22px!important;position: fixed;right: 22px!important;z-index: 2;bottom: 40px;float: right;}
.twonclick > a > img {width: 100%}
.juxtapose {margin:0 auto}

@media (max-width: 1650px) {

}

@media (max-width: 1550px) {
.altortala, .ortala{width:95%;overflow:hidden}
.slider img{object-fit: cover;width: 100%;height: 100%;}
}

@media (max-width: 1360px) {
.head>div:first-child{padding: 19px 0px 19px 35px;width:39%}
.head>div:nth-child(2)>ul>li{padding:0 9px}
}
@media (max-width: 1280px) {
    .menufix{left: calc((100% - 520px) / 2);}
}

@media (max-width: 1200px) {
    .head>div:nth-child(2){display:none;}
    .head > div:first-child{width:85%}
    .mobilmenuicon{display:table;height: 97px;/* float: right; */margin-right: 30px;}
}

@media (max-width: 1000px) {
    .iletisimbolum > div{width:100%;float:left}
    .iletisimform{margin-top:70px}
    .icerik h1{font-size:28px}
    .urungaleri > ul > li{width: calc((100% / 4) - 20px );}
    .urungaleri>ul>li:nth-child(4n){margin-right:0;}
    .urungaleri>ul>li:nth-child(5n){margin-right:20px;}
    .slogan > div > h1{font-size:30px}
    .icerik{padding:40px 0}
    .urungaleri{margin-top:40px}
    .uygulamalarimiz > div:first-child, .hakk>div:first-child, .projelerimiz>div:first-child{width:90%}
    .slide-yazi{display:none}
    .referans > ul{border-bottom:0;padding:0}
    .referans>ul>li{width:100%;float:left;padding-bottom:10px;border-bottom:1px solid #dedede}
}



@media (max-width: 750px) {
    .head > div:first-child > div:last-child{/* display:none */}
    .head > div:first-child{padding: 0 0px 19px 0;}
    .iletisimbolum > div > div{width:100%}
    .urungaleri > ul > li{width: 100%;}
    .urungaleri>ul>li:nth-child(2n){margin-right:0;}
   .urungaleri>ul>li:nth-child(4n), .urungaleri>ul>li:nth-child(5n){margin-right:20px;}
   .altortala, .ortala{width:90%;overflow:hidden}
    .telefon{display:none}
    .mobile-menu .mobile-menu-icerik ul > li > a{font-size:25px}
     .slogan > div > h1{font-size:20px;line-height:25px}
     .uygulamalarimiz>div:first-child>h1, .hakk>div>h1, .projelerimiz>div>h1{font-size:25px;line-height:28px;margin-bottom:15px}
    .bizitakip > div{width:300px}
    .icerik h1{line-height:40px}
    .uygulamalarimiz>div:first-child>p,.hakk>div>p, .projelerimiz>div>p{font-size:19px;line-height:25px}
    .icerik p{line-height:28px}
    .uygulamalar > ul > li{width:100%}
    .uygulamalarimiz > div:first-child, .hakk>div:first-child, .projelerimiz>div:first-child{width:95%}
    .rsAml.rsHor .rsArrowLeft{left:20px!important}
    .rsAml.rsHor .rsArrowRight{right:20px!important}
   .rsAml.rsHor .rsArrowRight .rsArrowIcn,.rsAml.rsHor .rsArrowLeft .rsArrowIcn{background-size:100%!important;width:50px!important}
   .rsAml .rsArrow{width:50px!important}
    .rsAml .rsBullets{bottom:25px!important}
    .icerik h1{margin-bottom:20px}
    .referans > ul > li > h1, .projeyazi > h1{font-size:20px!important;margin-bottom:10px!important}
    .slider{height: calc(100% - 250px);}
    .slider img{width:inherit!important}
}
@media (max-width: 550px) {
.slider {height: calc(100% - 320px);}
}
