.head{width:100%;display:table;position:absolute;z-index:99;}
.head>div{ display:table-cell;vertical-align:middle}
.head>div:first-child{width:20%; position:relative; background:#fff }
.head>div:first-child>div:first-child{ position:absolute; top: 0;width: 100%;text-align: center; background:#fff}
.head>div:first-child>div img{width:70%;}
.head>div> .alt{
    /* width: calc(100% - 100px); */
    top: 97px;
    height: 0;
    border-top: 66px solid white;
    border-right: 374px solid transparent;
    position:  absolute;
    /* border-bottom: 80px solid #fff; */
    /* border-left: 100px solid transparent; */
}
.head>div:first-child>a>img{height:100%;}
.head .menu{width: 70%;background: #0b4e72;}
.head .menu>ul{display:table;width:100%;height: 97px;position:relative;}
.head .menu>ul>li{display:table-cell;vertical-align:middle;border-left:1px solid #246588;border-right:1px solid #062e43;}
.head .menu>ul>li:last-child{border-right:0px}
.head .menu>ul>li:hover{background:#062e43}
.head .menu>ul .active{background:#062e43}
.head .menu>ul>li>a{color:#fff;display:block;letter-spacing: 0;border-bottom:2px solid rgba(255, 255, 255, 0);font-family: 'open_sanssemibold';line-height: 94px;text-align:  center;font-size: 0.95vw;}

.head>div:last-child{height: 97px;width: 10%;background: #fff;}

/*.head>div:last-child>ul>li:hover>a{border-bottom: 2px solid #cb7d30}.head>div:last-child>ul>li>.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:hover{border-bottom: 1px solid rgba(204, 204, 204, 1);}
.altmenu>ul>li>a{color: #fff;padding:0 5px}
.head>div:last-child>ul>li:hover>.altmenu{display:block;}


.slider{height:100%  ;}
.slider img {width: 100%;}
.slide-yazi{position:absolute;/* top: 50%; *//* left: calc(50% - 325px); */color: #fff;font-size: 28px;text-align:center;/* height: 100%; */width: 100%;line-height: 35px;height: 100%;z-index: 9999999999;top: 0;left: 0;display: table;vertical-align: middle;/* background:rgba(0, 0, 0, 0.50); */}
.slide-yazi>div{display:table-cell;vertical-align:middle}
.slide-yazi>div>div{max-width: 35%;/* margin: 0; */margin-left: 78px;text-align:  left;/* margin-top: 50px; */font-family: 'open_sanslight';}
.slide-yazi>div>div>p{margin-bottom:30px;line-height: 1.5vw;font-size: 1.3vw;/* font-family: 'open_sansregular'; */font-family: 'open_sanslight';text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.80);color: #fff;}
.slide-yazi>div>div>span{text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.80);font-family: 'futura_ltlight'; font-size: 26px;letter-spacing: 1px;}
.slide-yazi>div>div>span a{border:1px solid #fff; text-align:center; padding:10px 15px; color:#fff; font-family: 'open_sanslight';font-size: 1vw;}

.altbottom{background:#0b4e72; padding:25px 0; color:#fff; text-align:center;font-family: 'open_sansregular'; line-height:20px; font-size:14px}
.altbottom img{width:200px}
.altbottom a{color:#fff}

.slider .teklifal{position:absolute;width:400px;min-height:50px;background:#fff;bottom:  0;z-index:  9;right: 0; font-family: 'open_sansregular'; font-size:0.95vw; line-height:1.25vw}
.slider .teklifal .ust{top: -66px;height: 0;border-bottom: 66px solid white;border-left: 400px solid transparent;position: absolute;}
.slider .teklifal .alt{padding:35px;}
.slider .teklifal .alt h1{font-size:2vw; font-family: 'open_sansextrabold'; margin-bottom:20px}
.slider .teklifal .alt p{}
.slider .teklifal .alt span{display:block; margin-top:25px}
.slider .teklifal .alt a{border:1px solid #0b4e72; text-align:center; padding:5px 8px; color:#0b4e72; font-family: 'open_sanssemibold';font-size: 1vw;}
.slider .teklifal>div{ position:relative; width:100%}

.sosyalmedya{ width:80px; height:100%; position:absolute; z-index:8; right:0}
.sosyalmedya>div{display:table; height:100%; width:100%}
.sosyalmedya>div>ul{display:table-row}
.sosyalmedya>div>ul>li{display:table-cell}
.sosyalmedya>div>ul>li div {text-align:center}
.sosyalmedya>div>ul>li div a{margin-bottom:5px; display:block}
.sosyalmedya>div>ul>li div img{width:40px;}
.sosyalmedya>div>ul:first-child>li{height: 30px;}
.sosyalmedya>div>ul:nth-child(2)>li{background:url(/img/semsiye.svg) no-repeat; background-size:100% auto; height:350px}
.sosyalmedya>div>ul:nth-child(3)>li{padding:25px 0;height: 10px;}
.sosyalmedya>div>ul:nth-child(4)>li{background: url(/img/semsiye.svg) no-repeat top;background-size:100% auto;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}

.altsayfa > .altsayfahead {width: 100%;position: relative;}
.altsayfa > .altsayfahead > img {width: 100%;}

.ortala{max-width:1160px;margin:0 auto;}
.pt80{padding:80px 0}
.pt100{padding:100px 0}

.hakkimizda{}
.hakkimizda h1{font-family: 'open_sanssemibold';padding:25px 0;text-align:center;font-size:45px;color: #0b4e72;}
.hakkimizda h1 span{font-family: 'open_sanslight';}
.hakkimizda p{font-family: 'open_sanslight';text-align:center;font-size: 1vw;line-height:25px;margin:20px 0;}

.alt-menu {position: absolute;/* padding: 15px 0px; */background: #062e43;z-index: 99;width: 40%;display: none;}
.alt-menu > ul > li {width: calc((100% / 2) - 20px);padding: 8px 10px;float: left;text-align: left;}
.alt-menu > ul > li:hover {background: rgb(11, 78, 114);}
.alt-menu > ul > li > a {color: #fff;text-align: left;line-height: 25px;display: block;font-family: 'open_sanslight';font-size: 15px;letter-spacing: 0.6px;}
.alt-menu > ul > li:nth-child(2n) {border-right: 0;}
.head .menu>ul>li:hover > .alt-menu {display: block;}

.alt-sayfa-ust{height: 550px;position:relative;overflow:  hidden;}
.alt-sayfa-ust>div{/* padding:50px 0; *//* margin-bottom:50px; */}
.alt-sayfa-ust>div>div>h3{color: #f9f9f9;font-size:35px;text-align:center;padding-bottom:20px;    padding-top: 110px;background: url(../img/musteri-memnuniyeti.svg) no-repeat center top;    background-size: 100px;}
.alt-sayfa-ust>div>div>div>p{text-align:center;font-size:20px;color: #f9f9f9;}
.alt-sayfa-ust>div>div>div>p>span{font-weight:600}
.alt-sayfa-ust>div>div>div>div{text-align:center;padding:30px 0}
.alt-sayfa-ust>div>div>div>div>a{padding:7px 10px;border:1px solid #fff;color:#fff;font-family: 'open_sansregular';font-size: 21px;}

.alt-sayfa-yazi{text-align:center;}
.alt-sayfa-yazi>div>h1{font-weight: 200;font-size:40px;margin-bottom: 25px;  font-family: 'open_sansextrabold';}
.alt-sayfa-yazi>div>p{line-height: 27px;color:#888888;margin-bottom: 13px;font-family: 'open_sansregular';color: #555;font-size: 20px;}
.alt-sayfa-yazi>div>p span{font-weight: 700;}
.alt-sayfa-yazi>div>h3{line-height: 27px;font-size: 20px;padding: 10px 0;}
.alt-sayfa-yazi>div>ul>li p{line-height: 27px;margin-bottom: 13px;font-family: 'open_sansregular';font-size: 20px;}

.konut-teklifi-al{background:url(../img/konut-teklifi-alin.png) center top no-repeat;position:relative}
.konut-teklifi-al>div{padding: 90px 0;margin-bottom:50px;background: rgba(149, 49, 44, 0.72);}
.konut-teklifi-al>div>div>h3{color: #f9f9f9;font-size: 50px;text-align:center;MARGIN-BOTTOM: 20px;font-family: 'open_sansextrabold';}
.konut-teklifi-al>div>div>p{text-align:center;font-size: 22px;color: #f9f9f9;font-family: 'open_sanslight';line-height:25px;}
.konut-teklifi-al>div>div>p>span{font-weight:600}
.konut-teklifi-al>div>div>div{text-align:center;padding:30px 0}
.konut-teklifi-al>div>div>div>a{padding:5px 10px; border:1px solid #fff;color:#fff;border-radius:8px;background: rgba(0, 0, 0, 0.53);}

.solbeyaz{position:absolute;bottom:0;left:0;width:50%;height: 25px;overflow: hidden;}
.solbeyaz>div:first-child{width: calc(100% - 22px);background: #fff;float:left;padding:0;height: 30px;}
.solbeyaz>div:last-child{width: 22px;-webkit-transform: rotate(-29rad);background: #fff;float:left;height: 0px;margin-top: -0.7px;}
.sagbeyaz{position:absolute;bottom:0;right:0;width:50%;height: 25px;overflow: hidden;}
.sagbeyaz>div:first-child{width: calc(100% - 23px);background: #fff;float:right;padding:0;height: 30px;}
.sagbeyaz>div:last-child{width: 22px;-webkit-transform: rotate(-15rad);background: #fff;float:right;height: 0px;}

.form-konut-teklifi-al{margin-bottom:50px;overflow: hidden;}
.form-konut-teklifi-al>div{position:relative}

.input-arrow{position:absolute;left:11px; top:8px;z-index: 9;transition: transform 10s linear;-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s;}

.resimyazi{position:absolute;bottom: 10px;z-index:99;width:100%;}
.resimyazi>div{width: 800px;margin:0 auto;}
.alt-sayfa-ust>div>div>div>p{font-family: 'open_sanslight';font-size: 27px;line-height: 30px;text-shadow: 0px 2px #000;}
.form-basarili{color:#098a08; display:none; text-align: center;margin-bottom: 30px;padding: 0 20px;font-weight: 600;}

.resimicon{position:absolute;margin:0 auto;text-align:center;width: 100%;}
.resimicon>div{}
.resimicon>div>img{}

.homeform > form > ul > li {padding-right: 15px;width: calc((100% / 3) - 15px);float: left;display: block;}
.homeform > form > ul > li:nth-child(6) {width: calc(100% - 15px);float: none;}
.homeform > form > ul > li:nth-child(6) > input {height: 70px;}
.homeform > form > ul > li:nth-child(4), .homeform > form > ul > li:nth-child(5) {width: calc(50% - 15px);}
.homeform > form > ul > li > span {font-size: 14px;}
.homeform > form > ul > li > button {text-align: center;width: 150px;margin-top: 5px;padding: 15px 0;background: #0b4e72;border: 0;color: #fff;cursor: pointer;font-size: 15px;display: block;margin:0 auto}
.homeform > form > ul > li input {width: calc(100% - 20px);padding: 10px;text-align: center;margin-bottom: 10px;border: 1px solid #dcdada;outline: none;text-align: left;font-family: 'open_sanslight';}
.homeform > form > ul > li:nth-child(5) > input[type=checkbox], input[type=radio] {box-sizing: border-box;padding: 0;margin: 4px 0 0;margin-top: 1px\9;line-height: normal;width: initial}
.homeform > form > ul > li:last-child {float: inherit;margin:0 auto;padding:50px 0}
.homeform>div{padding:50px 0}
.homeform>div>p{text-align:center;font-size: 23px;font-family: 'open_sansregular';line-height: 28px;color: #555;}

.ustbosluk{height:95px}
.iletisim{}
.iletisim>div{}
.iletisim>div>h1{text-align:center;font-size:34px;font-family: 'open_sansbold';color: #0b4e72;}
.iletisim>div>h1 img{width: 30px;padding-right: 5px;margin-bottom: -7px;}
.iletisim>div>p{text-align:center;margin:80px 0;font-size:20px;line-height:25px;letter-spacing:1px}
.iletisim>div:last-child>p{margin:40px 0}
.iletisim>div>p span{font-weight:600}

.iletisimform > form > ul > li {padding-right: 15px;width: calc((100% / 2) - 15px);float: left;display: block;}
.iletisimform > form > ul > li:nth-child(5) {width: calc(100% - 15px);float: none;}
.iletisimform > form > ul > li:nth-child(5) > input {height: 70px;}
.iletisimform > form > ul > li > span {font-size: 14px;}
.iletisimform > form > ul > li:nth-child(6){width:calc(100% - 15px)}
.iletisimform > form > ul > li p{padding:50px 0;text-align:center}
.iletisimform > form > ul > li > button {text-align: center;width: 150px;margin-top: 5px;padding: 15px 0;background: #0b4e72;border: 0;color: #fff;cursor: pointer;font-size: 15px;display: block;margin:0 auto}
.iletisimform > form > ul > li input {width: calc(100% - 20px);padding: 15px 10px;text-align: center;margin-bottom: 10px;border: 1px solid #dcdada;outline: none;text-align: left;font-family: 'open_sanslight';}
.iletisimform > form > ul > li:nth-child(5) > input[type=checkbox], input[type=radio] {box-sizing: border-box;padding: 0;margin: 4px 0 0;margin-top: 1px\9;line-height: normal;width: initial}
.iletisimform > form > ul > li:last-child {float: inherit;margin:0 auto;padding:50px 0}

.harita{margin:25px 0}

.loaderdv {position: absolute;height: 100%;width: 100%;background: rgba(255, 255, 255, 0.73);z-index: 99;text-align: center;display: none;top: 0;left: 0;}
.loaderdv>img {position: absolute;top: calc(50% - 32px);left: calc(50% - 32px);max-width: 64px;}


.teklif input, .teklif textarea {width: 100%;padding: 10px 5px;margin-bottom: 10px;border: 0;border-bottom: 1px solid #ccc;font-size: 20px}
.teklif input::placeholder, .teklif textarea::placeholder {font-size: 14px}
.teklif .ikilibartable h1 {font-size: 25px;letter-spacing: 1px}
.teklif .ikilibartable > div:last-child > a {display: block;margin-bottom: 15px}
.teklif .ikilibartable > div:last-child > p {font-size: 14px}
.teklif button {background: #fff;border: 1px solid #0b4e72;padding: 10px 16px;font-size: 18px;color: #0b4e72;cursor: pointer;margin-top: 25px;}
.form-basariliiki {color: #098a08;text-align: center;margin-bottom: 30px;padding: 0 20px;font-weight: 600;margin-top: 30px;font-size: 20px;display: none;}
.loading {text-align: center;position: absolute; margin-left: 500px;margin-top: 180px; display: none}
.iletisimform h1{font-size: 25px;  font-family: 'open_sansbold';margin-bottom: 29px;margin-top: 5px;padding-top: 3px;}
.iletisimform p{margin:10px 0}
.golge{position:absolute;bottom:0;background:url(../img/golge.png);background-size:100%;width: 100%;background-position: bottom;background-repeat:no-repeat;height: 268px;}
.twonclick {width: 22px!important;position: relative;right: 50px!important;z-index: 1;bottom: 100px;float: right;}
.twonclick > a > img {width: 100%}

.menutik{width: 40px;float:right;padding-top: 55px;display: none;padding-right: 15px;position:absolute;right:0;z-index:99;}
.menutik>img{width:100%;cursor:pointer;}
.menukapat{display:none;}
.mobil-menu{position: absolute;top: 115px;z-index: 999;width: 100%;left: 0;background: #fff;border-top: 2px solid #194d79;display:none;}
.mobil-menu>ul>li{border-bottom: 1px solid #e3e3e3;}
.mobil-menu>ul>li>a{display: block;text-align: center;color: #194d79;padding: 12px 0;font-weight: 600;font-size: 15px;}

.mobil-menu>ul>li>.alt-menu{position:unset;}

.mobil-menu>ul>li>.alt-menu>ul>li{border-left:none;border-bottom: 1px solid #727171;display: block;float:  initial;height:  25px;}
.mobil-menu>ul>li>.alt-menu>ul>li>a{    text-align: center;}
.mobil-menu>ul>li>.alt-menu>ul>li:hover{border-left:none}




@media(max-width:1800px){
    .slide-yazi > div > div{margin-left:180px}
}
@media(max-width:1650px) {
}
@media(max-width:1280px) {
    .sosyalmedya{display:none}
    .slide-yazi > div > div > p{line-height: 1.7vw;font-size: 1.5vw;}
    .slider .teklifal .alt p{font-size: 1.3vw;}   
    .slider img{height:100%}
    .head>div:first-child>div:first-child{top:15px}
   .pt100{padding-top:50px}
   .alt-menu{width:500px}
   .head .menu>ul>li:hover:nth-child(5n) .alt-menu{right:0}
}

@media(max-width:1200px) {
 .alt-sayfa-yazi{width:90%;margin:0 auto}
   .iletisim, .hakkimizda, .form-konut-teklifi-al > div{width:90%;margin:0 auto}
}

@media(max-width:1100px) {
.menutik{display:block}
.head .menu, .head>div:last-child, .head>div> .alt{display:none}
.head > div:first-child > div:first-child{width:100%}
.head > div:first-child > div img{width: 250px;float: left;padding:  15px;}
.hakkimizda p{font-size: 1.8vw;}
.alt-menu > ul > li{width: calc((100% / 1) - 20px);}
.alt-menu{width: 100%;}
.alt-sayfa-yazi>div>h1{font-size: 30px;}
}

@media(max-width:900px) {
  .iletisimform,  .resimyazi>div{width:90%;margin:0 auto}
    .slider img{height:100%}
    .slide-yazi > div > div > p{font-size:22px;line-height:24px}
    .slide-yazi>div>div{max-width:50%}
    .slide-yazi>div>div>span a{font-size:15px}
    .slider .teklifal .alt h1{font-size: 25px;}
    .slider .teklifal .alt p {font-size: 19px;line-height: 22px;}
    .slider .teklifal .alt a{font-size:18px}
    .rsAml .rsBullets{left:20px!important}
    .slide-yazi > div > div{margin-left: 100px}
}
@media(max-width:800px) {
    .teklifal{display:none}
    .slide-yazi > div > div{margin-left: 25%;margin-top: 15%;}
    .altbottom>ul{width:90%;margin:0 auto}
}
@media(max-width:700px) {
    .konut-teklifi-al>div>div>h3{font-size:40px}
    .konut-teklifi-al>div>div>p{font-size:18px}
    .iletisimform > form > ul > li, .homeform > form > ul > li:nth-child(4), .homeform > form > ul > li:nth-child(5), .homeform > form > ul > li{width:calc(100% - 15px)}
    .hakkimizda p {font-size: 18px;line-height: 28px;}
    .slide-yazi > div > div{max-width: 60%;}
    .rsAml.generic h1{font-size: 28px!important;}
    .konut-teklifi-al > div > div > h3{font-size:26px}
    .slider img{width:auto;position: relative;transform: translateX(-50%);left: 50%;}
    .slider{height: calc(100% - 118px);padding-top: 118px;}
    .head > div:first-child > div:first-child{top:0}
}
@media(max-width:600px) {
    .iletisim > div > h1{font-size: 25px;}
    .hakkimizda{padding:0}
    .iletisim > div > p{    font-size: 20px;}
    .alt-sayfa-yazi>div>h1{font-size:20px}
    .hakkimizda h1{font-size:29px}
    .iletisimform > form > ul > li p{padding:20px 0}
    .golge{height:100%;background-size:inherit}
    .slide-yazi{display:none}
}