﻿
.menubar{ position:fixed; width:100%;z-index:99;background:#000;font-family: optima_tr_normalnormal; font-size:14px}
.menubar .irtibat{background: #e9e9e9;color: #383838;padding:12px 0;}
.menubar .irtibat i{color:#e5e5e5}
.menubar .irtibat>div{width:100%; margin:0 auto; max-width:1080px;}
.menubar .irtibat>div ul{display:table; width:100%}
.menubar .irtibat>div ul>li{display:table-cell;width: calc(100% / 3);font-family: 'optima_tr_boldbold';font-size: 16px;}
.menubar .irtibat>div ul>li a{font-family: 'optima_tr_boldbold';font-size: 16px;}
.menubar .irtibat>div ul>li:last-child{text-align:right}

.head{width:100%;display:table;border-bottom:1px solid #e8e8e8;}
.head>div>div:first-child{float:left;height: 60px;}
.head>div>div:last-child{float:right;height: 60px;}
.head>div>div:first-child>a>img{height:100%;}
.head>div>div:last-child>ul{display: table;width:100%;height: 100%;position:relative;}
.head>div>div:last-child>ul>li{display:table-cell;vertical-align:middle;padding:0 15px;height: 100%;}
.head>div>div:last-child>ul>li>a{color:#fff;font-size: 14px;display:block;letter-spacing: 0.5px;font-family: optima_tr_normalnormal;line-height: 60px;}

.head>div>div:last-child>ul>li:hover{ background:url(../img/ucgen.png) no-repeat bottom}
.head>div>div:last-child>ul>li.active{background:url(../img/ucgen.png) no-repeat bottom}

.head>div{position:relative; width:100%; max-width:1100px; margin:0 auto}
.altmenu{position: absolute;padding: 10px 0;display:none;background: #000;}
.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:hover{border-bottom: 1px solid rgba(204, 204, 204, 1);}
.altmenu>ul>li>a{color: #fff;padding:0 5px;font-family: optima_tr_boldbold;cursor: pointer;display: block; }
.head>div>div:last-child>ul>li:hover>.altmenu {display: block;}


.genel{width:100%;height:100%;position:relative}
.orjinalparcalar{width:100%;background:#e5e5e5}
.orjinalparcalar>div{width:100%;max-width:1100px;margin:0 auto;text-align:center;padding:80px 0}
.orjinalparcalar>div>h1{font-size: 30px;line-height:25px;font-family: 'optima_tr_boldbold';margin-bottom: 10px;}
.orjinalparcalar>div p {font-size: 20px;line-height: 28px;font-family:'optima_tr_normalnormal';}

.servis{width:100%;}
.altsayfa .servis{width:100%; max-width:1100px; margin:0 auto; margin-bottom:50px}
.servis > div { padding: 0; overflow: hidden;  height: auto;  display: table;}
.servis>div h2{font-size:32px;font-weight:600;margin-bottom:20px;color:#000; font-family: 'optima_tr_boldbold';}
.servis>div p{font-size: 16px;font-weight:400;color: #333;line-height: 21px;font-family: 'optima_tr_normalnormal';padding-bottom: 9%;}
.kuafor p{padding-bottom:0!important;}
.servis>div>div{width:50%;display: table-cell;vertical-align: middle;padding:0; height:290px}
.servis>div>div>img{width:100%;}
.bg{width:100%;background: #e5e5e5;height:20px}
.w80{width:80%;margin:0 auto}
.w60{width:60%;margin:0 auto;float: left;padding-left: 10%;}
.txtright{text-align:right}
.servis > div span{border: 1px solid rgba(0, 0, 0, 0.28);padding: 13px;}
.servis > div span a{font-family: 'optima_tr_boldbold';}

.teknisyenler{width:100%;background:#000;}
.teknisyenler>div:first-child{max-width:1100px;margin:0 auto;width:100%;text-align:center;padding-top:100px;padding-bottom:50px}
.teknisyenler>div>h1{color:#fff;font-size: 34px;margin-bottom:15px;font-family: 'optima_tr_boldbold';}
.teknisyenler>div>p{color:#fff;font-size: 21px;font-family: 'optima_tr_normalnormal';line-height:29px;}
/*.teknisyenler>div:nth-child(2n)>img{width:100%}*/
.teknikresim{width:100%; overflow:hidden; color:#fff}
.teknikresim>div{position:absolute;width:50%;right:0;background:rgba(110, 2, 3, 0.85);height: 473px;display:table;overflow: hidden;}
.teknikresim>div>div{vertical-align:middle;display:table-cell}
.teknikresim>div>div>div>h1{font-size: 32px;font-weight: 600;margin-bottom: 20px;color: #fff;font-family: 'optima_tr_boldbold';}
.teknikresim>div>div>div p{font-size: 20px;font-weight: 400;color: #fff;line-height: 25px;font-family: 'optima_tr_normalnormal';padding-bottom: 5%;}
.teknikresim>div>div>div span {border: 1px solid rgba(255, 255, 255, 0.52);padding: 13px;}
.teknikresim>div>div>div  a{font-family: 'optima_tr_boldbold';color:#fff}


/*soner*/
/*.teknikyenresim{ position:relative; width:100%; height:465px}
.teknikyenresim>img{width:auto; height:100%}
.teknikyenresim>div{position:absolute; right:0; width:50%; display:table; top:0; height:100%;background: #6e0203cf;}
.teknikyenresim>div>div{display:table-cell; vertical-align:middle}*/

.hizmet{width:100%;}
.hizmet>div:first-child{width:50%;float:left;height: 200px;background:#000;color:#fff;display:table-cell;}
.hizmet>div:first-child>div{display: table;vertical-align:middle;text-align: right;height: 100%;width: 60%;/* margin: 0 auto; */margin-right: 10%;float: right;}
.hizmet>div:first-child>div h2{font-size: 33px;font-family: 'optima_tr_boldbold';margin-bottom:15px;}
.hizmet>div:first-child>div p{font-size: 20px;font-family: 'optima_tr_normalnormal';}
.hizmet>div:first-child>div>div{max-width: 50%;margin: 0 auto;display: table-cell;vertical-align: middle;}

.hizmet>div:nth-child(2n){width:50%;float:right;height: 200px;background:#e5e5e5;color:#000;display:table-cell;overflow: hidden;}
.hizmet>div:nth-child(2n)>div{display:table-cell;vertical-align:middle;text-align: center;}
.hizmet>div:nth-child(2n)>div h2{font-size: 33px;font-family: 'optima_tr_boldbold';margin-bottom:15px;}
.hizmet>div:nth-child(2n)>div p{font-size: 20px;font-family: 'optima_tr_normalnormal';}
.hizmet>div:nth-child(2n)>div>div{max-width: 50%;margin: 0 auto;}
.hizmet>div:nth-child(2n)>img{width:100%;position: relative;top: 50%;transform: translateY(-50%);}


.dortluhizmet{width: calc(100% - 100px);display:table;padding: 50px;}
.dortluhizmet>ul{display:table-row;}
.dortluhizmet>ul>li{display:table-cell;width:calc(100% / 4);color:#fff}
.dortluhizmet>ul>li>div>img{width:80px;}
.dortluhizmet>ul>li>div{width: 80%;margin:0 auto;text-align:center;}
.dortluhizmet>ul>li h1{color:#000;padding: 40px 0;font-family: 'optima_tr_boldbold';font-size:25px}
.dortluhizmet>ul>li p{color:#000;font-family: 'optima_tr_normalnormal';font-size: 16px;line-height: 23px;}

.footer{height:450px;width:100%;background:#000;bottom:0;overflow: hidden;position: relative;/* margin-top: 100px; */}
.footer>div{max-width: 600px;margin:0 auto;width:100%;padding:50px 0;color:#fff;text-align: center;}
.footer>div:nth-child(2n){padding:10px 0!important}
.footer>div>h1{font-size: 16px;line-height: 29px;font-family: 'optima_tr_normalnormal';color:rgba(255, 255, 255, 0.8);}
.footer>div  a{color: rgba(255, 255, 255, 0.8);}
.footer>div>h2{padding-top: 15%;font-family: 'optima_tr_normalnormal';color: rgba(255, 255, 255, 0.8);}
.footer>div>p{font-family: 'optima_tr_normalnormal';color: rgba(255, 255, 255, 0.8);}

.altsayfa{position:relative;width:100%;height:auto; padding-top: 99px; }
.servisler>Div>div{display:table;width:100%;position:relative;text-align: center;}
.servisler>div>ul{display:table-row;}
.servisler > div > ul > li {display: table-cell;width: calc((100% / 2) - 30px);float: left;text-align: center;padding: 15px;min-height: 460px;max-height: 430px;}
.servisler>div>ul>li>ul>li img{width: 100%}
.servisler>div>ul>li h1{margin: 15px 0;font-family: 'optima_tr_boldbold';font-size: 18px;}
.servisler>div>ul>li p{font-family: 'optima_tr_normalnormal';line-height: 22px;font-size: 17px;color: #333;}
.servisler>div>ul>li{display: table;}

.servisdortlu{min-height: 480px!important;}
.servisler>div>ul> li:hover .ikincili{padding: 20px 0;min-height: 141px;background: #000;}
/*.servisler>div>ul> li:hover div {background: #000;}
.servisler>div>ul>li:hover p{color:#fff;margin: 10px 0;}
.servisler>div>ul>li:hover h1{color:#fff;margin-bottom: 10px;}*/

.servisler>div>ul>li>ul{}
.servisler>div>ul>li>ul>li:first-child{padding: 0;border: 0;overflow: hidden; height: 250px;margin: 0;}
.servisler>div>ul>li>ul>li:nth-child(2n){}
.ikincili a{display:block}
.servisyazi{padding: 70px 0;/* background: #000; */border-top: 1px solid #fff;width:calc(100% - 40px); margin:0 auto}
.servisyazi>div{max-width:1100px;margin:0 auto;}
.servisyazi>div h1{font-size: 32px;color: #020202;margin-bottom: 10px;margin: 0 auto;}
.servisyazi>div p {line-height: 24px;font-size: 18px;color: #333;margin-top: 35px;}

.kuafor h2{font-size:24px !important}

.sicerik>div{display:table; width:100%; height:150px;}
.sicerik>div>div{display:table-cell;vertical-align:middle}

.hakkimizda{width:calc(100% - 40px);max-width: 1100px;padding:70px 20px;margin:0 auto;line-height:25px; text-align:center}
.hakkimizda>h1{padding-bottom:20px;color: #000;font-family: optima_tr_boldbold;font-size: 32px;}
.hakkimizda>p{color: #333;}
.altheader {width: 100%;height:200px;background-size: 100% 100%;border-top: 1px solid #ffffff;}

.menubaslik{width:calc(100% - 30px); background:rgba(0, 0, 0, 0.09); padding:15px;font-family: optima_tr_boldbold; font-size:13px}
.menubaslik>div{width:100%; margin:0 auto; max-width:1100px}

.hometop{height:99px; width:100%}

.ortala {width: calc(100% - 40px);max-width: 1100px;padding: 0 20px;margin: 0 auto;margin-top:10px}
.ikilibartable {width: 100%;display: table;padding: 60px 0;}
.ikilibartable > div {display: table-cell;vertical-align: middle;}
.iletisim .ikilibartable h1 {font-size: 32px;letter-spacing: 1px;}
.altsayfa h1{font-size: 32px;margin-bottom: 29px;margin-top: 5px;padding-top: 3px;}
.ikilibartable > div:last-child {width: 40%;}
.loading {text-align: center;position: absolute;margin-left: 500px;margin-top: 120px;display: none;}
.form-basarili {font-family: 'optima_tr_normalnormal';color: #098a08;display: none;text-align: center;margin-bottom: 30px;padding: 0 20px;font-weight: 600;margin-top: 30px;font-size: 20px;}
.iletisim input, .iletisim textarea {width: 100%;padding: 10px 5px;margin-bottom: 10px;/* border: 0; *//* border-bottom: 1px solid #ccc; */font-size: 14px;border: 0;border: 1px solid rgba(0, 0, 0, 0.12);}

.iletisim .harita {width: 100%;margin: 25px 0;}
.iletisim .harita > iframe {width: 100%;height: 350px;}
.iletisimadres{
    text-align: center;
}
.iletisimadres h1{}
.iletisimadres a{line-height: 25px;}

.randevual{width:100%;max-width:1100px;margin: 0 auto;position:relative;padding: 60px 0;}
.iletisimform h1, .randevual>h1{font-size: 25px;text-align: center;}

.randevual input, .randevual textarea, .randevual select {width:calc(100% - 20px);padding: 10px 5px;margin-bottom: 10px;border: 0;border: 1px solid rgba(0, 0, 0, 0.08);font-size: 17px;font-family: 'optima_tr_normalnormal';}
.randevual select{border: 1px solid #cccccc45;font-family: 'optima_tr_normalnormal';}
.iletisim button, .randevual button {background: #fff;border: 1px solid #000000;padding: 10px 16px;font-size: 18px;color: #000000;cursor: pointer;margin-top: 25px;}
.iletisim button:hover, .randevual button:hover{background:#000; color:#fff}

.randevuloading {text-align: center;position: absolute;margin-left: 500px;margin-top: 180px;display: none;    }
.randevuform-basarili {color: #098a08;opacity:0; text-align: center;margin-bottom: 30px;padding: 0 20px;font-weight: 600;margin-top: 30px;font-size: 20px;font-family: 'optima_tr_normalnormal';}

.iletisimform h1{}

.servisgotur{padding: 15px 0;display: table;width: 90%;margin: 0 auto;}
.servisgotur input{background: #fff;color: #0000007a;/* width: 15%; */cursor:pointer;border: 1px solid #a9a9a9;height: 47px;}
.servisgotur input:first-child{margin-right:10px}
.servisgotur div a, .tutanak{background: #fff;color: #0000007a;/* width: 13%; */cursor:pointer;display:block;padding:10px;text-align:center;border: 1px solid #a9a9a9;margin: 0 auto;}
.tutanak{font-family: 'optima_tr_normalnormal'; font-size:17px; color:#000;}
.servisgotur input:hover, .servisgotur div a:hover, .tutanak:hover{background:#000;color: #fff;}
.servisgotur>div:first-child{display: table-cell; margin: 0 auto; width: 50%;}
.servisgotur>div:nth-child(2n){display: table-cell; margin: 0 auto; width: 50%;}

.teklifformuaciklama{ text-align:center; margin-bottom:25px}

.talepform-yazi{cursor:pointer;background: #6e0203;padding: 10px;color: #fff;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);position: fixed;/* width: 123px; */right: -51px;z-index: 50;bottom: 45%;}
.talepform-yazi a{color:#fff;display: block;font-size: 20px;}

.twonclick {width: 22px!important;position: relative;right: 50px!important;z-index: 1;bottom: 300px;float: right;}
.twonclick > a > img {width: 100%}

.teklifformu{padding:0px 0 60px }
.fullresim img {width:100%}
.mobile-menu-icon{display:none}
.sol{float:left}
.sag{float:right}

.servis>div>div.degis{display:table ; }
.degis>div{ display: table-cell;  vertical-align:middle; padding: 0;}
.hasarresim ul>li{ display:table-cell}
.hasarresim ul>li img{ width:100%}


#toTop{bottom: 5px;bottom: 20px;display: none;position: fixed;right: 20px;font-size: 35px;cursor: pointer;border-radius: 20px;width:40px;height:40px; background:rgba(0, 0, 0, 0.67); color:#fff;text-align: center;}
#toTop:hover{background:rgba(110, 2, 3, 0.65); color:#fff}
.kuaforesim{}
.kuaforesim>img{width:100%}

.instagram{display:table;width:100%;/* margin:20px 0; */background: #000;padding: 10px 0 0 0;}
.instagram>ul{display:table-row;}
.instagram>ul>li{display:table-cell;vertical-align:middle;width: calc((100% / 7) - 10px);float: left;/* max-height: 160px; */height: 210px;overflow: hidden;position: relative;margin-bottom:10px;margin-right: 10px;}
/*.instagram>ul>li:nth-child(5n){margin-right:0}*/
.instagram>ul>li img{min-width: 100%; min-height:100%;position: relative;}
.genisimg {width: auto;height: 100%;left: 50%;transform: translatex(-50%);        }

.darimg {width: 100%;height: auto;top: 50%;transform: translatey(-50%);}


.instagram a{display:block;width: 100%;height: 100%;}
.instagram>ul>li:hover .dahafazlasi>div{bottom: 10px;}
.dahafazlasi{background:#000;/* display: table; */width: 100%;height: 100%;}
.dahafazlasi>div{position: absolute;width: 100%;z-index: 1;bottom: -45px;transition: all 0.4s ease-in-out;}
.dahafazlasi>div>div{background: #fff;border-radius: 40px;text-align: center;margin: 0 auto;height: 45px;width:65%;}
.dahafazlasi>div>div i{font-size: 22px;float: left;margin-top: 11px;margin-left: 20px;}
.dahafazlasi>div>div>a{color:#000;line-height: 45px;margin:0;font-size: 15px;text-decoration:none}
/*.dahafazlasi:hover img {opacity: 0.7;width: 115%;}*/

.dahafazla{width:100%;background: #121212;height:100px;display:table;}
.dahafazla>div{display:table-cell;vertical-align:middle}
.dahafazla a{/* width: 100%; */text-decoration:none;/* height: 100%; */display: block;/* vertical-align: middle; */}
.dahafazla>div>div img{float:left;width: 30px;}
.dahafazla:hover{background: #6e0203;}
.dahafazla a > div {width: 340px;display: table;margin: 0 auto;/* height: 100%; *//* margin-top: 72px; */}
.dahafazla>div p{color:#fff;float:right;display:table;font-family: 'optima_tr_normalnormal';margin: 0;line-height: 33px;font-size: 19px;}
.dahafazla>div p>span{color:#fff;font-family: 'optima_tr_boldbold';}
.dahafazla>div>div{width: 335px;margin:0 auto;}

.hizmetyeterlilik{display:table;margin-top:25px;border:1px solid #333;margin:25px auto 0 auto;height: 40px;padding:0 15px}
.hizmetyeterlilik:hover{background:#000}
.hizmetyeterlilik:hover a{color:#fff}
.hizmetyeterlilik>a{font-size: 16px;line-height: 40px;display:block}

@media (max-width:1380px) {
    .dortluhizmet>ul>li>div {width: 85%}
    .hizmet>div:first-child>div,.w60{width:80%}
    .teknikresim, .teknikresim > div{height:350px}
}
@media (max-width:1280px) {.hakkimizda,.ortala,.altsayfa .servis,.servisyazi>div, .randevual{width:90% !important}}
@media (max-width:1024px) { 
    .head > div > div:last-child{ display:none}
    .mobile-menu-icon{display:block}
    .orjinalparcalar > div{padding:40px 0;}
     .servis>div>div{ height:auto; vertical-align:top; padding:25px 0}    
    .dortluhizmet>ul>li{width: calc(100% / 2); display:inline-block; float:left; margin-bottom:35px}
    .dortluhizmet>ul>li:nth-child(2n+1){clear: both;}
}
@media (max-width:600px) {
    .instagram > ul > li {  width: calc((100% / 3) - 10px);}
    .hizmet>div:first-child>div>div,.teknikresim>div{width:100%}  
    .dortluhizmet>ul>li{width: calc(100%); clear: both;}
   .hizmet>div:first-child, .servis>div>div{display:table; width:100%;}
    .w80, .w60{text-align:center; width:90%; padding-left: 5%;}
    .hizmet>div:first-child>div>div{max-width:90%; text-align:center}
    .hizmet>div:nth-child(2n){display:none}    
    .menubar .irtibat>div ul>li:first-child{display:none}
     .menubar .irtibat>div ul>li:last-child{display: table; width: 100%; text-align: center;;}
     .menubar .irtibat{background: #6e0203; color: #ffffff}
     .menubar .irtibat>div ul>li a{color:#fff}
    .twonclick{bottom:100px}
    .menubaslik>div{text-align:center}
    .menubar .irtibat>div ul>li{width:100%}
   .altsayfa.hasar{width:100%;overflow:hidden}
}



