@charset "utf-8";
/* CSS Document */

html, body {font-family: 'Hind', sans-serif; color: #000;}

.tepe {margin: 70px 0 0 0; position:relative; z-index:999;}



.footer {position:relative; background: #0c468a; margin:50px 60px 0 60px; padding:130px 0 0 0; z-index:999;}
    .footeryaz{text-align:center;}
    .footeryaz div:nth-of-type(1){color:#fff; font-size:36px; font-weight:300;}
    .footeryaz div:nth-of-type(2){color:#fff; font-size:16px; font-weight:400;}
    .footeryaz div:nth-of-type(3){margin-top:30px; padding:15px 0;}
    .footeryaz div:nth-of-type(3) a{padding:10px 20px; border:2px solid #fff; border-radius:5px; color:#fff; font-size:16px; font-weight:500; transition:.2s;}
    .footeryaz div:nth-of-type(3) a:hover{text-decoration:none; padding:10px 40px; border:2px solid #fff; color:#0c468a; background:#fff;}

    .footeralt{border-top:1px solid #3a6496; margin:40px 0 0 0; padding:40px 0;}
        .footeraltdiz{padding:0;}
        .footeraltbaslik{font-size:16px; color:#fff; font-weight:500; padding:0;}
        .footeraltyaz{margin:15px 0 0 0; font-size:16px; color:#fff; font-weight:300; padding:0;}
        .footeraltdiz a{font-size:16px; color:#fff; font-weight:300; transition:.2s; text-decoration:none;}
            .footeraltdiz a:hover{color:#00a2ff;}

        .sosyal{text-align:right; padding:0;}
            .sosyal i{color:#fff; font-size:30px; transition:.2s;}
            .sosyal i:hover{color:#308fff;}
            .sosyal a{margin:0 0 0 10px;}

.copyright{height:80px; line-height:80px; font-size:14px;}

            .islermasonry{position:relative; z-index:10; margin:-90px auto 0 auto;}
.isgrubu{margin:0 0 50px 0;}
.isgrubu .nav-item a{margin:0; color:#969696; text-decoration:none; transition:.2s; font-size:16px;}
.isgrubu .nav-item a:hover{color:#977f4c;}
.isgrubu .nav-item a.active{color:#00a2ff; background-color:transparent !important;}

.isdiz{display:block; position:relative; overflow:hidden;}
.isdiz a{display:block; position:relative; min-height:100%; height:100%;}
.isdiz a span.isacikla{opacity:0; display: block; position: absolute; width:100%; height:0px; background:rgba(60,67,77,0.8); z-index:999; transition:.3s;}
    .isdiz a:hover span.isacikla{top:0; width:100%; height:100%; opacity:100;}

.isdiz a span.isacikla span.isadi{opacity:0; position: absolute; left:10%; top:10%; color:#fff; font-size:36px; font-weight:700; transition:.4s; line-height:40px;}
        .isdiz a span.isacikla span.isadi span{display:block; font-size:20px; font-weight:300;}
.isdiz a span.isacikla span.isplus{opacity:0; display:block; position: absolute; font-size:250px; line-height:100px; bottom:5%; right:5%; font-weight:300; color:#9b8452; transition:.4s;}
    .isdiz a:hover span.isacikla span.isadi{opacity:100;}
    .isdiz a:hover span.isacikla span.isplus{opacity:100;}

.isdiz a span.isres{display: block; position: relative; z-index:1;}
.isdiz a span.isres img{transition:.2s;}
    .isdiz a:hover span.isres img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}

.isdetay{margin:-150px 0; position:relative; z-index:1;}

.geributon{position:fixed; top:266px; left:20px; z-index:999;}
.geributon i{}
.geributon a{font-size:30px; color:#fff; display:block; background:#0c468a; text-align:center; line-height:52px; width:50px; height:50px; border-radius:50%; border:2px solid #fff; transition:.2s; box-shadow: 0px 0px 0px 2px #0c468a;}
    .geributon a:hover{color:#fff; border:2px solid #977f4c; background:#977f4c;}

.isdetayyaz{position:absolute; width:1338px; margin:0 -674px; top:266px; left:50%; right:50%; z-index:998; padding:0 15px;}
    .isdetaynitelik{font-size:16px; font-weight:500; color:#fff;}
    .isdetaybaslik{font-size:40px; font-weight:700; color:#fff;}
    .siteyegit{font-size:16px; font-weight:300; color:#fff;}
        .siteyegit a{font-size:16px; font-weight:600; color:#fff;}

.sayfa{margin-top:90px;}
.sayfabaslik{font-size:64px; line-height:64px; color:#1b2634; letter-spacing:-2px;}
.sayfaacikla{font-size:16px; color:#aaa;}
.sayfa2baslik{font-size:64px; line-height:64px; color:#0c468a; letter-spacing:-2px;}
.sayfa2acikla{font-size:20px; color:#0c468a;}

.sayfayaz{margin:90px 0; font-size:20px; color:#1b2634; font-weight:300; line-height:32px;}
.hizmetler{background:#94a3b5; padding:100px 0 300px 0; margin:0 0 -200px 0;}
.hizmetlerdiz{}
.hizmetlerbaslik{font-size:64px; color:#fff; font-weight:300; margin:0 0 80px 0; letter-spacing:-2px;}

.hizmetdiz{height:342px; border:1px solid #fff; background:#94a3b5; text-align:center; font-size:16px; font-weight:500; transition:.3s;}
    .hizmetdiz span.hizmetikon{display:block; color:#fff; margin-top:100px; overflow:hidden; transition:.3s;}
    .hizmetdiz span.hizmetadi{display:block; color:#fff; margin-top:10px; transition:.3s;}
        .hizmetdiz i{padding-right:20px; font-size:70px;}
.hizmetdiz:hover{background:#fff; color:#94a3b5;}
    .hizmetdiz:hover span.hizmetikon{margin-top:90px; color:#94a3b5;}
    .hizmetdiz:hover span.hizmetadi{margin-top:25px; color:#94a3b5;}

.markalardiz {padding: 0; margin-top: 90px;}
    .markadiz{position:relative; overflow:hidden; margin-bottom:30px; transition:.2s;}
        .markalogo{position:absolute; width:100%; z-index:900; transition:.4s; left:0;}
            .markadiz:hover .markalogo{left:5%;}
        .markabg{position:relative; width:100%; z-index:1; transition:.2s;}
            .markadiz:hover .markabg{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}

.ibilyaz{margin:90px 0 0 0;}
.ibas{font-size:32px; color:#000; font-weight:600;}

.iyaz{font-size:22px; color:#000; font-weight:300; margin:30px 0 15px 0;}
.iyaz a{font-size:22px; color:#000; font-weight:300; text-decoration:none; transition:.2s;}
    .iyaz a:hover{color:#977f4c}

.imail{font-size:22px; color:#000; font-weight:300; margin:15px 0;}
.imail a{font-size:22px; color:#000; font-weight:300; text-decoration:none; transition:.2s;}
    .imail a:hover{color:#977f4c}

.isosyal{font-size:42px; font-weight:300;}
    .isosyal a{color:#9aa8b9; transition:.2s;}
    .isosyal a:hover{color:#0c468a;}

.iform{height:80px; line-height:80px; font-size:20px; border-radius:0px; border: 1px solid #ccc; }
    .formdiz{padding:0 10px; margin:10px 0;}
.iformta{height:150px !important; font-size:20px; border-radius:0px; border: 1px solid #ccc; }

.butonkoy{padding:0;}
.ibuton{width:100%; height:65px; border-radius:5px; border:none; background:#0c468a; font-size:16px; font-weight:500; color:#fff; transition:.2s;}
.ibuton:hover{background:#977f4c; color:#fff;}

    .basarili{padding:0 20px; height:65px; line-height:65px; background:#a2ff85; font-size:18px; color:#1b2634; border-radius:5px; border:1px solid #7cca65;}
    .uyari{padding:0 20px; height:65px; line-height:65px; background:#ff9090; font-size:18px; color:#1b2634; border-radius:5px; border:1px solid #c46f6f;}

    .harita{margin:90px 0 -200px 0;}
    .map{width:100%; height:800px;}

    .yoltarifi{margin:20px 0 80px 0;}
.yoltarifi a{width:100%; padding:10px 20px; height:65px; border-radius:5px; border:none; background:#0c468a; text-decoration:none; font-size:16px; font-weight:500; color:#fff; transition:.2s;}
.yoltarifi a:hover{padding:10px 35px; background:#977f4c; color:#fff;}

@media only screen and (max-width: 1650px) {
    .banneryaz{margin-top:-250px;}
}
@media only screen and (max-width: 1500px) {
    .banneryaz{margin-top:-200px;}
}

@media only screen and (max-width: 1360px) {
    .footer {background: #0c468a; margin:50px 40px 0 40px;}
    .isdetayyaz{width:1080px; margin:0 -570px; padding:0 30px;}
    .banneryaz{opacity:0;padding-bottom:200px;}
}
@media only screen and (max-width: 1200px) {
    .footer {background: #0c468a; margin:50px 30px 0 30px;}
    .isdetayyaz{display:none;}
         .banneryaz{opacity:0;}
}

@media only screen and (max-width: 992px) {
    .footer {background: #0c468a; margin:50px 20px 0 20px;}
    .isdetayyaz{display: none;}

    .anabanner{display:none;}
    .anabannerarka{display:block;}
    .tepe .menugoster{background:#000; padding:180px 0 690px 0; position:fixed; height:100%; left:0; top:0px; width:100%; z-index:980; }
    .tepe .menugoster a{color:#fff !important; padding: 5px 40px !important; margin:0; text-align:right; font-weight:300; font-size:40px;}
    .tepe .menugoster a:hover{color:#fff !important; background:#333; border:none !important;}
        .menugoster a.aktif {color:#fff; border:none !important;}

    .tepe .menugoster li{padding: 0; margin:0;}
    .isgrubu{margin-left:30px;}
    .isler{padding:0 30px 0 0 !important; margin:0 0 0 25px !important;}
	.footeraltdiz:nth-of-type(2){margin-top:15px;}
}

@media only screen and (max-width: 768px) {
    .footer {background: #0c468a; margin:50px 10px 0 10px;}
    body{overflow-x:hidden;}
}