@charset "utf-8";
html, body { width: 100%; min-height: 100%;	-webkit-font-smoothing: antialiased;font-family: 'Trirong', serif;letter-spacing:0px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,span { margin:0; padding:0;font-family: 'Trirong', serif;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;letter-spacing:0.2px;    font-family: 'Trirong', serif; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input, textarea { font: 12px 'Trirong', sans-serif; }
ul{list-style-type: none;}
.saver { clear:both !important; height:0px !important; line-height:0px !important; float:none !important; display:block !important; }
.hiddenText { font-size:0px !important; text-indent:-9999px !important; }
.hide { display:none;}
a img { border:0; }
a { outline:0; cursor:pointer; text-decoration:none;font-family: 'Trirong', serif; }
img { border:none;vertical-align: middle;}
.leftContainer { float:left; display:block;}
.rightContainer { float:right; display:block;}
.centerContainer { margin:0 auto;}
.noMargin{ margin:0 !important; }
.noMarginRight{ margin-right:0 !important;}
.noMarginLeft{ margin-left:0 !important;}
.temizle{clear:both}
.bold {font-family: 'Trirong', serif;}
html, body{height:100%;}
p{}

.Reserviert{background: rgba(57, 46, 44, 0.07);    color: rgba(57, 46, 44, 0.35);
}
.ortala{width:calc(100% - 40px); max-width:1200px; padding:0 20px;margin:0 auto;}
.icortala{max-width:900px; width:100%;margin:0 auto;}
.textcenter{text-align:center;}
.margintopbot50{margin-bottom:50px; margin-top:50px;}
.btn1{border:1px solid #ca7c2f;margin:0 auto;width:170px;margin-top:20px;}
.btn1>a{color:#ca7c2f;padding:5px 0;display:block;}
.btn2{border: 1px solid #b2b0b0;float:left;margin-right:20px;margin-top:20px;}
.btn2>a{color:#6a6969;padding: 7px 30px;display:block;}


.head{width: 275px;position:fixed;z-index:99;letter-spacing:0.2px;height:100%;background: rgba(57, 46, 44, 0.9);}
.head>div:first-child{height: 140px;padding: 30px; position:relative;text-align: center;}
.head>div:first-child>a>img{height:90%;}

.head>div:nth-child(2){ position:relative; width:90%; margin:0 auto; margin-top:25px}
.head>div:nth-child(2)>ul>li{ height:35px; text-align:center}
.head>div:nth-child(2)>ul>li>a{color:#c8c8c8; line-height:35px}
.head>div:nth-child(2)>ul>li>a:hover{color:#fff}
.head>div:last-child>div{height: 145px;padding: 35px 50px;margin-top:19px;display:table;margin: 0 auto;   }

@media(max-width:1300px) {.head > div:last-child > div {padding-left: 111px;}}

.head>div:last-child>div>ul{display:table-row;width:100%;height: 145px;}
.head>div:last-child>div>ul>li{display:table-cell;vertical-align:middle;padding: 0 10px;position:relative;min-width: 110px;text-align: center;}
.head>div:last-child>div>ul>li>a{color:#fff;display:block;font-size: 18px;font-weight: 600;padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0)}
.head>div:last-child>div>ul>li>a:hover{border-bottom: 1px solid rgba(255, 255, 255, 1);}
.head>div:last-child>div>ul>li>a.active{border-bottom: 1px solid rgba(255, 255, 255, 1);}

/*.head>div:last-child>ul>li>a::before {width: 1px;height: 0;background: #fff;display: block;content: "";position: absolute;top: 15%;left: 50%;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;
}
.head>div:last-child>ul>li>a::after {width: 1px;height: 0;background: #fff;display: block;content: "";position: absolute;bottom: 15%;left: 50%;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}*/

/*.head>div:last-child>ul>li>a:hover::before, .head>div:last-child>ul>li>a:hover::after, .head>div:last-child>ul>li>a.active::before, .head>div:last-child>ul>li>a.active::after {
    height: 20%;
}*/

.galeriust{height:120px;background:rgba(57, 46, 44, 0.9); height:120px; display:none}
.anaekran{width:100%;height:100%;}
.anaekran>div:first-child{width: 100%;float:left;height: 100%;}
.anaekran .sag-border{width:44px;float:left;height:calc(100% - 44px);}
.anaekran .sag-border>div:first-child{width:100%;height:40%;}
.anaekran .sag-border>div:last-child{width:100%;height:60%;background:#9d7d57}
.alt-border{width: 100%;float:left;height: 44px;border-top: 1px solid #e1e1e1;}
.alt-border>div:first-child{width:100%;height:44px;float:left}
.alt-border>div:first-child>p{line-height: 44px;padding: 0px 50px;font-size: 13px;text-align:center}
/*.anaekran .alt-border>div:last-child{width:40%;height:44px;background:#9d7d57;float:left}*/


.slider{height:100%;position:relative;width: 100%;}
.slider img {width: 100%;position: relative;top: 50%;transform: translateY(-50%);/*transition: transform 10s linear;*/}
.slider img.bottom {transform: translateY(-50%);/*transition: transform 10s linear;*/}
.slider img.top {transform: translateY(-45%);/*transition: transform 10s linear;*/}
.slide-yazi{position:absolute;/* top: 50%; *//* left: calc(50% - 325px); */color: #fff;font-size: 28px;text-align: left;/* height: 50px; */width: 100%;line-height: 35px;height: 100%;z-index: 9999999999;top: -37px;left: 0;;/*display: table; */vertical-align: middle;/* background:rgba(0, 0, 0, 0.50); */display: none}
.rsSlide:first-child .slide-yazi{display: table !important; }
.slide-yazi>div{display:table-cell;vertical-align: bottom;}
.slide-yazi>div>div{max-width: 100%;/* margin:0 auto; */width:calc(100% - 250px); right:0; float:right}
.slide-yazi>div>div>p{line-height: 28px;margin-bottom:30px;font-size: 26px;/* background: #9d7d57; */padding: 5px 50px;font-weight: 200;text-align: center;}

.galeri-bg{display:none;background:rgba(53, 49, 44, 0.9);width:100%;height:130px;}


.video-camera{width: 65px;position:absolute;/* bottom:0; right: 38px; background:#000; */  bottom:50px;    margin-left: 87px;z-index: 999999;}
.video-camera>img{width:80px;}
.video-camera>p{font-size:20px;padding-top: 10px;color: #fff;text-align: center;}
.video-camera>a{background:url(../img/live.svg);width: 80px;height: 80px;display:block;background-size:100% 100%;}
/*.video-camera>a:hover{background:url(../img/live-hover.svg);background-size:100% 100%}*/
.sliderbg{ background:url(../img/slider/bg.png); position:absolute; width:100%; height:100%; z-index:9999}

.altsayfa{letter-spacing:0.5px;padding-left: 275px !important;width: calc(100% - 275px);min-height: 100%;-webkit-transition: all .7s;-moz-transition: all .7s;-ms-transition: all .7s;transition: all .7s;}
.altsayfabaslik{width:100%;height:300px;overflow:hidden;border-bottom: 10px solid #ececec;}
.kisa{height:190px;border-bottom: 5px solid #fff; background:#574f44}
.altsayfabaslik img, .kisa img{ width:100%;position: relative;top: 50%;transform: translateY(-65%);}
.altsayfamenu{ background:#f0f0f0; padding:20px 0; text-align:center}
.altsayfamenu a{ border-right:1px solid rgba(0, 0, 0, 0.2); padding:0 25px; }
.altsayfamenu a:last-child{border:0}

.altsayfabaslikbar{width: calc(100% - 275px);/*background:#ececec;*/text-align:center;line-height:45px;position:absolute;margin-top:-90px;}
.altsayfabaslikbar>h1{ font-size:35px; padding:15px;    font-weight: 300; color:#fff}
.ortala{ width: calc(100% - 40px); max-width:1024px; margin:0 auto;}


.icerik{ padding:65px 20px; text-align:center; font-size:16px; line-height:23px; color:#6a6969;font-weight:300;width:calc(100% - 40px)}
.icerik>p, .bant2 p{margin:15px 0}
.icerik>.resim>img{ width:150px;margin-bottom:25px;border-radius: 0%; border:4px solid #ececec}
.icerik>p>span{color:#000;font-weight: 500; font-size:18px; line-height:25px;}
.icerik>h2{ font-size:24px}
.icerik>h3{font-style: italic;    font-size: 24px;    margin-bottom: 10px; font-weight:300; margin:15px 0}
.bant2{ width:100%; text-align:center; font-size:17px; line-height:20px; font-weight:100;}
.bant2>div{padding:85px 20px;}
.bant2 h1{font-size:40px; font-weight:100; line-height:45px; margin-bottom:25px}


.bant3{ width:calc(100% - 40px); text-align:center; font-size:21px; line-height:26px; font-weight:100;}
.bant3>div{padding:20px 20px;}
.bant3 h1{font-size:40px; font-weight:100; line-height:45px; margin-bottom:25px}

#twonclick {background: url(../img/sence.svg) no-repeat 0 0 #fff;bottom:80px;height: 122px;position: fixed; right: 0px; width: 32px; z-index: 999;background-size: 18px; background-position: 5px 10px;}
#twonclick .twonclick{ display:block; height:100%; outline:none; text-indent:-9999px; width:37px;background-size: 17px;}



.sbg{background:rgba(0, 0, 0, 0.55)}
.gribg{background:#ececec}

.image1{ background:#000; background:url(../img/slider/2.jpg) center;color:#fff; background-size:100% auto  }
.image2{ background:#000; background:url(../img/slider/1.jpg) center;color:#fff; background-size:100% auto  }
.image3{ background:#000; background:url(../img/slider/3.jpg) center;color:#fff; background-size:100% auto  }
.image4{ background:#000; background:url(../img/slider/4.jpg) center;color:#fff; background-size:100% auto  }
.image5{ background:#000; background:url(../img/slider/6.jpg) center;color:#fff; background-size:100% auto  }


.table{display:table}
.table>ul{display:table-row}
.table>ul>li{display:table-cell; padding:0 15px}
.table>ul>li .resim>img{ width:150px;margin-bottom:25px;border-radius: 0%; border:4px solid #ececec}
.gribg .table>ul>li .resim>img{ border:4px solid #fff}
.mimar{ font-weight:300;}
.mimar>ul>li p{font-size:15px; line-height:19px; color:#6a6969} 
.mimar>ul>li p span{ font-style:italic}
.mimar>ul>li h2{ font-size:20px; margin-bottom:15px; line-height:22px}
.mimar>ul>li h2>span{font-size:14px}
.mimar>ul:nth-child(2n){background:#ececec;}
.mimar>ul>li{ padding:35px !important; width:495px }

.nooval>img{border-radius: 0% !important; border:0!important}

.katlar>ul:first-child{background:#574f44; color:#fff}
.katlar>ul>li{height:35px; border-bottom:1px solid #ececec; vertical-align:middle;font-weight: 500;}
.katlar>ul>li:first-child{text-align:left; padding:5px 10px}
.katlar>ul:first-child>li{vertical-align: middle; font-size:14px; line-height:18px; padding:7px 10px; font-weight:500}
.katlar>ul:first-child>li:first-child{text-align:left;}
body i{color:#574f44}

.plan{ width:100%; text-align:center; padding:25px 0;display:table}
.plan img{ width:300px;}
.plan>ul{display:table-row}
.plan>ul>li{display:table-cell}

.icerik a{ border:1px solid #cb7d30; padding:1px 10px; color:#ca7c2f}
.iletisim a{ border:0; padding:0;color:#000; display:block; margin-top:2px; font-weight:500}
.iletisim>ul{display:table; width:100%}
.iletisim>ul>li{    display: table-cell; border-right: 1px solid #ccc;padding:0 15px; width:30%}
.iletisim>ul>li:first-child{ width:40%; padding-left:0}
.iletisim>ul>li:last-child{padding-right:0; border-right:0}
.hcenter{margin-bottom:45px}
.hcenter h5{ color:#000;font-weight:500;font-size: 18px;margin-bottom: 5px;}

.qgaleri>div{background:rgba(154, 150, 143, 0.2); width:100%; height:100%}
.galeri .baslik{display:table; width:100%; margin-bottom:20px}
.galeri .baslik>li{ display:table-cell; width:20%;text-align:center;border-top: 1px solid rgba(255, 255, 255, 0.5);border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5);}
.galeri .baslik>li:first-child{border-left: 1px solid rgba(255, 255, 255, 0.5);}
.galeri .baslik>li.active{background: #484540; color:#fff; padding:15px 0; border:1px solid  rgb(72, 69, 64)}
.galeri .baslik>li:hover{background: #6b6863; color:#fff; padding:15px 0; cursor:pointer; border:1px solid #6b6863}
.galeri .galeriresim{ display:none; width:100%}
.galeri .galeriresim>li{display:inline-block; padding:7px 6px; width:calc(100% /3 - 8px);float:left}
.galeri .galeriresim>li:nth-child(3n){padding-right:0}
.galeri .galeriresim>li:nth-child(3n+1){padding-left:0}
.galeri .galeriresim>li>a{border:0 !important; padding:0; height:100%;display:block; overflow:hidden;}
.galeri .galeriresim>li>a img{width:100%;}
.galeri h1{    font-size: 38px; margin-bottom: 37px;margin-top: 25px;}

/*.galeri{     width: calc(100%);
    height: calc(100%);
    position: absolute;
    overflow: hidden;   

}
.galeri img{ width:100%;top: 50%;transform: translateY(calc(-10%))}

.galeri .slider-count {
    position: absolute;
    font-size: 100px;
    color: #fff;
    right: 100px;
    top: 44%;
    z-index: 999;
    font-weight: 100;
    letter-spacing: -4px;
    margin-right: 140px;
}*/

.owl-nav {
    display: block;
    position: absolute;
    width: 76px;
    height: 42%;
    top: 26%;
    right: 0;
    right:15px
}

.owl-nav .owl-prev {
    display: block;
    width: 100%;
    height: 50%;
    margin-bottom: 4px;
    background-color: #574f44;
    background-attachment: scroll;
    background-image: url(../img/icon-prev.png);
    background-position: center 10%;
    background-repeat: no-repeat;
}

.owl-nav .owl-next {
    display: block;
    width: 100%;
    height: 50%;
    margin-bottom: 4px;
    background-color:#574f44;
    background-attachment: scroll;
    background-image: url(../img/icon-next.png);
    background-position: center 90%;
    background-repeat: no-repeat;
}

 .owl-prev,.owl-next { cursor: pointer;}

#maintop, #toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 10px;
    overflow: hidden;
    width: 40px;
    border: none;
    height: 40px;
    background:#574f44;
    /*text-indent: -9999px;*/
    border-radius: 20px;
    text-align: center;
    cursor:pointer
}

#maintop i, #toTop i{color:#fff}
  #maintop i, #toTop i{padding: 11px;}

.nav_button{display: inline-block;padding: 34px 20px;cursor:pointer;}
.nav_button span{display: block;width: 46px;height: 3px;margin: 6px 0;background-color: #fff;}

.mobil-menu1{width:100%;position:absolute;top: 127px;left:0;background: rgba(87, 79, 68, 0.85);text-align:center;display:none;padding: 15px 0;}
.mobil-menu1>ul>li{border-bottom:1px solid rgba(111, 102, 89, 0.85);transition: background-color .5s ease-in-out ,color .7s ease-in-out;}
.mobil-menu1>ul>li>a{color: #e2e2e2;display:block;line-height:38px;font-size:12px;font-weight:600;font-family: 'Raleway', sans-serif;transition: color .5s ease-in-out ,color .7s ease-in-out;}
.mobil-menu1>ul>li:last-child{border-bottom:0px solid #6f6659}
.mobmenu>li>ul{height: 0px;overflow: hidden;}
.mobmenu>li>ul>li>a{color:#fff;padding:4px 0;display:block;font-size:12px;font-weight:500;font-family: 'Raleway', sans-serif;}

.mobil-menu1>ul>li:hover{background:#fff}
.mobil-menu1>ul>li:hover>a{color:#574f44}


.mobmenu>li>.altmenu{position: inherit;display:none;background: #c07933;}
.mobmenu>li>.altmenu>ul>li{width:auto;text-align: center;border-bottom: 1px solid rgb(201, 142, 85);padding: 0px;    transition: background-color .5s ease-in-out ,color .7s ease-in-out;}
.mobmenu>li>.altmenu>ul>li:last-child{border-bottom:none;}
.mobmenu>li>.altmenu>ul>li>a{text-align: center;width:auto;font-weight:300;color:#e2e2e2;font-size: 14px;transition: color .5s ease-in-out ,color .7s ease-in-out;padding: 10px 0px;display:block;}

.mobmenu>li>.altmenu>ul>li:hover{background:#fff}
.mobmenu>li>.altmenu>ul>li:hover>a{color:#c66a12}

.menu-bar2{width:100%;height:70px;position:absolute;z-index:9999;background: url(../img/bg-menu7.jpg) bottom;display:none;/* border-bottom: 3px solid #d92426; */top:0;}
.mobil-dil{display: table-cell;width: 50px;vertical-align: middle;}
.mobil-dil>a{margin-left:20px;font-weight: bold;font-size: 13px;display: block;color: #fff;font-family: 'Raleway', sans-serif;}
.menu-bar2>.logo{width:100%;display: table-cell;text-align: center;background: url(../img/logo-bg.png);background-size: 100%;position: absolute;width: 143px;left: calc(50% - 69px);z-index: 999;}
.menu-bar2>.logo>a>img{width: 115px;padding: 11px 0;}
.menu-bar2 .menutik{width: 50px;height: 50px;vertical-align: middle;display: table-cell;float: left;}
.menu-bar2 .menutik>div{float:left;margin-right: 5px;margin-top: 10px;line-height:54px;font-size:40px;color:#fff;cursor:pointer;}
.menu-bar2 .menutik>div>a{color:#000}
.menu-bar2 .menutik>img{float: right;margin-right: 20px;margin-top: 20px;width: 30px;cursor:pointer;}

.menukapat{display:none;padding: 21px 20px;width: 31px;position: absolute;top: 1px;right: 1px;cursor:pointer;}
.menukapat>img{width:100%;}

.popup-pdf{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(255, 255, 255, 0.8);display:none;opacity:1;z-index: 9999;}
.popup-pdf>.popup-pdf-yazi{display:table-cell;vertical-align:middle;text-align:center;color:#000;font-size:40px;font-weight: 100;}
.popup-pdf>.popup-pdf-yazi>div{width:calc(100% - 40px);padding: 70px 20px;max-width:1000px;margin:0 auto;background: #574f44;color: #fff;position:relative;}
.popup-pdf-kapat{position:absolute;right: -25px;top: -25px;background: #9d9386;border-radius: 100px;width: 46px;height: 46px;cursor:pointer;}
.popup-pdf-kapat>img{width: 25px;padding-top: 0px;}

.mesaj{position: absolute;z-index: 9; width: calc(100% - 275px);height: 100%;right:0}
.mesaj>ul{display:table;width: 100%;height: 100%;}
.mesaj>ul>li{display: table-cell;vertical-align: bottom;text-align: center;}
.mesaj>ul>li>div{font-size: 25px;border: 1px solid rgba(255,255,255,0.5);display: table;margin: 0 auto;padding: 15px;font-weight: 300;margin-bottom: 91px;color: #fff;/* background: rgba(57, 46, 44, 0.2); */}

.sencelogo{position:absolute;bottom: 20px;margin:  0 auto;text-align:  center;width: 100%;display:none}
.sencelogo a{display:block}
.sencelogo img{width: 180px;text-align:  center;margin:  0 auto;}

@media(max-width:1350px) {.ortala{max-width:950px;}}

@media(max-width:1100px)
{
    .head{position:fixed;left:-275px;-webkit-transition: all .7s;-moz-transition: all .7s;-ms-transition: all .7s;transition: all .7s;z-index:99999}
    .head>div:first-child{display:none;}
    .head>div:nth-child(2){padding-top:50px;}
    .head>.video-camera{display:none;}
    .altsayfa{padding-left: 0px !important; width:100%; }
    .altsayfabaslikbar{width:100%}
    .menu-bar2{display:table;-webkit-transition: all .7s;-moz-transition: all .7s;-ms-transition: all .7s;transition: all .7s;}
    .video-camera{width: 65px;position:absolute;bottom:50px;right: 30px;top: 20px;}
    /*.video-camera>a {width:55px; height:55px}*/
    .ortala{max-width:990px;}
    .slide-yazi>div>div{max-width: 100%;/* margin:0 auto; */width:100%; right:0; float:0}
    .rsAml .rsBullets{width:100%!important}
    .galeri-bg{display:block;}
    .mesaj{width: calc(100% - 25px);right:12.5px}
    #twonclick{display:none}
    .sencelogo{display:block}
    .galeriust{display:block}
}

@media(max-width:1000px)
{
    .popup-pdf>.popup-pdf-yazi>div{width: calc(100% - 100px);}

}


@media(max-width:700px) {
    .iletisim>ul>li{width: 100% !important;float: left;/* border-bottom: 1px solid #ccc; */padding:0px;padding-bottom: 15px;border-right:0px;}
    .rsArrow { display:none !important}
    .slider img{ width:100% !important; height:auto% !important}    
    .altsayfabaslik{height:220px}
    .altsayfabaslikbar>h1{ font-size:20px}  
    .galeri .galeriresim>li>a{pointer-events: none;}
    .slide-yazi>div>div>p{    display: none;}
.galeri .galeriresim>li{display:inline-block; padding:7px !important; width:calc(100% - 14px )}


}

@media(max-width:600px) {
.image1{ background-size:auto 100%   }
.image2{ background-size:auto 100%  }
.image3{ background-size:auto 100%   }
.image4{ background-size:auto 100%   }
.image5{ background-size:auto 100%  }
.mimar>ul>li{ display:table; width:100% !important; padding:0 !important; margin-top:25px}
    .galeri-cont .galeri-slider .owl-stage-outer .owl-stage .owl-item .item img { width: auto;height: 100% !important; min-width:100%}
    .galeri-cont {padding:0 !important}
    
    .owl-nav{width: 57px !important; height: 27%!important; top: 36%!important;}

    /*.galeri .galeriresim>li{display:inline-block; padding:7px 6px; width:calc(100% /2 - 9px)}
    .galeri .galeriresim>li:nth-child(3n){padding-right:6px}
    .galeri .galeriresim>li:nth-child(3n+1){padding-left:6px}
.galeri .galeriresim>li:nth-child(2n){padding-right:0}
.galeri .galeriresim>li:nth-child(2n+1){padding-left:0}*/

}


@media(max-width:450px) {
    .altsayfabaslik{height:185px}
        .slider img{ width:auto !important; height:100% !important}    

}

@media(max-width:400px){

.galeri .baslik>li>span{display:none;}
.galeri .baslik>li[data-sort="0"]::after{content:"Q"}
.galeri .baslik>li[data-sort="1"]::after{content:"Q1"}
.galeri .baslik>li[data-sort="2"]::after{content:"Q2"}
.galeri .baslik>li[data-sort="3"]::after{content:"Q3"}
.galeri .baslik>li[data-sort="4"]::after{content:"Q4"}
}


/*Responsive Table*/
.table-responsive>table{ width:100%}                                                                                                                                                                                                                 
#accordion .panel-heading{padding:0}
#accordion .panel-title > a{display:block;padding:10px 15px;background-color:#8d7f7a;color:#fff;font-size:1.2vw;transition:all .6s ease-in-out}
#accordion .panel-body{padding:0}
#accordion .table > thead > tr > th{background-color: #392E2C;border:medium none!important;color:#fff;text-align:center;padding: 7px 10px;}
#accordion .table > tbody > tr > td:first-child, #accordion .table > thead > tr > th:first-child{text-align:left}

#accordion .table > tbody > tr > td{/*font-size:0.8vw;*/padding:12px 5px;text-align:center;font-weight: 500;border-bottom: 1px solid rgba(57, 46, 44, 0.13);}
.table-hover > tbody > tr:hover,.table-hover > tbody > tr[data-svg="svg"],.table-hover > tbody > tr[data-cho="cho"]{background-color:#ecebe9;cursor:pointer}
#accordion .table > tbody > tr > td a{color:#574f44; border:0}a:focus,a:hover{text-decoration:none}#accordion .panel-title > a:hover,#accordion .panel-title > a.act,#accordion .panel-title > a:not(.collapsed){background-color:#f5e0c5;color:#99353e}#accordion #gen23.table tr > td:first-child,#accordion #gen23.table tr > th:first-child{text-align:left}

@media only screen and (max-width: 800px){

/*#accordion .table > tbody > tr > td{text-align:center}#accordion .table > tbody > tr{transition:all .6s ease-in-out}#accordion #gen20.table > tbody > tr > td[data-sort="3"]::after,#accordion #gen20.table > tbody > tr > td[data-sort="4"]::after,#accordion #gen20.table > tbody > tr:first-child > td[data-sort="5"]::after,#accordion #gen21.table > tbody > tr > td[data-sort="3"]::after,#accordion #gen21.table > tbody > tr > td[data-sort="4"]::after,#accordion #gen22.table > tbody > tr > td[data-sort="3"]::after,#accordion #gen22.table > tbody > tr > td[data-sort="4"]::after{content:" m²"}*/
.table:not(#gen23) thead tr{display:none}.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti{display:block;float:left;text-align:center!important;width:100%}
#accordion .table > tbody > tr{border-bottom:27px solid #fff}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="0"]{width:100%;text-align:center!important;font-weight:700;font-size:18px;padding:9px 4px 8px}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="0"]::before{content:""}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="1"]::after{content:" Etage"}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="2"]::after{content:"-WHG"}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="3"]::before{content:"WOHNEN (BF) : "}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="4"]::before{content:"TERRASSE (AF) : "}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="5"]::before{content:"GARTEN-OASE (AF) : "}
/*.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="5"]::after{content:" m²"}*/
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="6"]::before{content:"VERKAUFSPREIS : "}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="7"] a::before{content:"GRUNDRISS "}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="0"]{font-size:18px;font-weight:700;text-align:center!important;width:100%}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="0"]{background-color:#574f44; color:#fff}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="6"],.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="7"]{text-align:center!important;width:100%}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="1"]{text-align:center!important}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="4"]{text-align:center!important}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="3"]{text-align:center!important}

/*#accordion #gen20.table > tbody > tr > td[data-sort="5"]{display:none !important}*/
#accordion #gen20.table > tbody > tr:nth-child(4) > td[data-sort="5"]{display:block !important}


#accordion .table > tbody > tr > td{padding: 7px 0;border-bottom: 1px solid #eaeaea;}

.sta.grundrisse-preise #accordion .table tbody tr:nth-child(5) td.sorti[data-sort="2"]{display:none}

.grundrisse-preise #accordion .table:not(#gen23) tbody tr:last-child td.sorti[data-sort="2"]{display:none}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr:last-child td.sorti[data-sort="3"]::before{content:"(BF) : "}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr:last-child td.sorti[data-sort="4"]{display:none}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr:last-child td.sorti[data-sort="5"]{display:none}
.grundrisse-preise #accordion .table:not(#gen23) tbody tr:last-child td.sorti[data-sort="5"]{display:none}
tr.status5>td.sorti[data-sort="2"]{display:none!important}
tr.status5>td.sorti[data-sort="3"]{display:none!important}
tr.status5>td.sorti[data-sort="4"]{display:none!important}
tr.status5>td.sorti[data-sort="5"]{display:none!important}

tr.status6>td.sorti[data-sort="2"]{display:none!important}
tr.status6>td.sorti[data-sort="3"]{display:none!important}
tr.status6>td.sorti[data-sort="4"]{display:none!important}
tr.status6>td.sorti[data-sort="5"]{display:none!important}
.tablogizle{display:none!important}
#accordion #gen20.table > tbody > tr:nth-child(4) > td[data-sort="5"]{display:none!important}    

}
             

                                                                                                                                                                                 
/*@media only screen and (max-width: 500px){.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="0"]{padding:8px 4px 6px!important}form#kontakt{margin-left:0;width:100%;margin-bottom:110px}.ms-options-wrap > button:focus,.ms-options-wrap > button{font-size:10px!important}#iso svg{height:176px;width:300px}.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="0"]{width:33%}.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="1"]{width:33%}.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="2"]{width:33%}.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti{width:33%}.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="5"]::before{content:""}.grundrisse-preise #accordion .table:not(#gen23) tbody tr td.sorti[data-sort="5"]{width:33%}#accordion .table > tbody > tr > td{font-size:12px}#accordion .table > thead > tr > th{font-size:9px}
                                                                                                                                                                                                                 

}*/

@media only screen and (max-width: 500px){

.altsayfabaslikbar{    display: none;}
}

  /*Responsive Table bitti*/


      .q4{ width:100%; text-align:center; padding:25px 0; background:#fff !important; position:relative}
    .q4 h1{font-size: 36px;    color: #4c4241;   font-family: 'Trirong', serif;  font-weight: 500;}
    .q4>.q4katalog{    position: absolute;  z-index: 1; right: 50px;  top: 36px;}
    .q4>.q4katalog>a{color:#4c4241;padding: 8px 13px;border:1px solid #4c4241; display:block}
    .q4>.q4katalog>a:hover{ background:#4c4241;color:#fff}
    .qgaleri>div{ background:#fff !important}
    
    .popup{ width:calc(100% - 80px); margin:0 auto; position: absolute; z-index:9999; top:40px; left:40px; height:calc(100% - 80px);background: #000;}
    .popup>img.resim{ width:100%}
    .popup>div {width:60px; height:60px; position:absolute; right:15px; top:15px}
    .popup>div>a>img.resim{height:100%}
    .popup>div.metinbar{width:25%; position:absolute; right:150px; height:calc(100% - 150px); top:75px; display:table}
    .popup>div.metinbar>div{display:table-cell; vertical-align:middle; text-align:center; color:#fff}
    .popup>div.metinbar>div>a{color:#fff; border:1px solid #fff; padding:5px 10px}
    .popup>div.metinbar>div>img{width:150px;margin-bottom:35px}
    .popup>div.metinbar>div>h1{font-size:20px; margin-bottom:25px}
    .popup>div.metinbar>div>p{ margin-bottom:35px}


.popupclose {        
     display:none;
     
}

@media only screen and (max-width: 1000px) {
     .popup{ width:calc(100% - 20px); top:10px; left:10px;}
     .popup>div.metinbar{width:50%;  right:50px; height:calc(100% - 75px); top:75px; display:table}
}

@media only screen and (max-width: 800px) {     
     .popup>div.metinbar{width:80%;  right:calc(10%); margin-top:25px}
         .popup>div.metinbar>div>h1{font-size:17px; margin-bottom:20px}
    .popup>div.metinbar>div>p{ margin-bottom:35px; font-size:13px; line-height:16px}
    .popup>div.metinbar>div>img{width:100px;margin-bottom:25px}
     .popup{ height:calc(100% - 60px);}
      .popup>div {width:40px; height:40px;}
}
 

    .zeliha{width: 42%; position:absolute;z-index:1;top:0; right:0}
    .zeliha>a>img{width:100%}

      @media only screen and (max-width: 800px){
          .q4 h1{display:block; width:100%}
          .q4>.q4katalog{position: relative; display:table; margin:0 auto; right:0;top: 15px;}
           .q4>.q4katalog>a{width: calc(100% - 10px);}
       .zeliha{width: 90%; position:absolute;top:auto; right:5%;    bottom: 65px;}    
           }