*{box-sizing:border-box;font-family:AvertaStd}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;font-family:AvertaStd}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
p{font-size:.9vw;line-height:1.6;color:#000;font-weight: 400;}
strong{font-weight:700}
main{overflow-x:hidden;background-color:#fff;transition:all .3s cubic-bezier(.48,-.02,.57,.95);right:0}
img{max-width:100%;display:block;height:auto}
.ty-wrapper{width:100%;height:100vh;display:table;background-color:#333}
.ty-vertical{display:table-cell;vertical-align:middle;text-align:center;font-size:25px;color:#fff}
.w100{display:inline-block;position:relative;float:left;width:100%}
.pdn{padding:100px 0}
.mtop{margin-top:100px}
.bgGrey{background-color:#757e8d}
.container{margin:0 auto;position:relative;width:90%;max-width:1500px}
.topBar{height:106px;background-color:#757e8e;position:fixed;top:0;left:0;right:0;width:100%;z-index:99}
.topBar .container{height:100%;display:flex;align-items:center;justify-content:center}
.topBar .container ul{display:flex;align-items:center;justify-content:space-between;width:43%;height:100%}
.topBar .container ul:last-child{padding-right:125px}
.topBar .container ul li{position:relative}
.topBar .container ul li a{color:#fff;font-size:.95vw;font-weight:600;position:relative;z-index:1}
.logo{width:14%;text-align:center;margin-inline:60px}
.homeCarousel{height:100%;background-color:#f8f9fa}
.homeCarousel .owl-stage-outer{height:100%}
.homeCarousel .owl-stage{height:100%}
.homeCarousel .owl-item{height:100%}
.homeCarousel .items{height:100%;max-height:initial!important}
.homeCarousel .owl-next,.homeCarousel .owl-prev{position:absolute;background:0 0;max-width:30px;bottom:17px;z-index:4;left:50%;margin-left:140px;transform:translateX(-50%)}
.homeCarousel .owl-prev{margin-left:-140px}
.homeCarousel .owl-dot:before{display:none}
.hakkinda figure{width:45%;float:left;margin-left:0;position:relative;z-index:1}
.hakkinda article{float:left;width:54%;padding-left:3%;padding-right:0;z-index:2;position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hakkinda article p:last-child{margin-bottom:0}
.hakkinda article h3{font-size:1.1vw;display:inline-block;width:100%;color:#686f7d}
.hakkinda.reverse figure{float:right;margin-left:0;width:45%}
.hakkinda.reverse article{float:left;padding-left:0;padding-right:10%;right:initial;left:0}
.hakkinda p{font-size:.9vw;line-height:1.7;font-weight:400;color:#333;margin-bottom:25px;width:100%;display:inline-block}
.hakkinda p:last-child{margin-bottom:0}
.title2{width:100%;display:inline-block;margin-bottom:25px;position:relative}
.title2 span{display:inline-block;width:100%;font-size:1vw;color:#e95b00;font-weight:500;margin-bottom:15px}
.title2 h2{font-size:2.4vw;display:inline-block;color:#757e8d;font-weight:900;position:relative;line-height:1}
.title2.center{text-align:center}
.title2 p{font-size:.8vw;margin-top:20px;color:#838383}
.hakkinda .container{height:100%;display:table}
.title2 h2::after,.title2 h2::before{content:"";position:absolute;left:calc(100% + 30px);top:45%;height:2px;width:100px;background-color:#757e8d}
.title2 h2::after{top:75%}
.title{font-size:2.5vw;display:block;color:#757e8d;font-weight:700;position:relative;line-height:1;text-align:center;margin-bottom:50px}
.title *{position:relative;display:inline-block}
.title h2::Before,.title h2::after{content:"";position:absolute;left:calc(100% + 30px);height:10px;border-top:1px solid #757e8d;border-bottom:1px solid #757e8d;width:80px;top:55%;transform:translateY(-50%)}
.title h2::Before{left:initial;right:calc(100% + 30px)}
.olanaklar{text-align:center;width:100%;display:flex;align-items:center;justify-content:space-between}
.olanaklar li{width:12vw;aspect-ratio:1/1;margin:1%;border:4px solid #757e8d;flex-direction:column;text-align:center;position:relative;padding:35px 2%;border-radius:360px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.olanaklar li figure{margin-bottom:20px;max-width:50%;margin:0 auto 15px;position:relative;z-index:1;display:table}
.olanaklar li span{font-size:.95vw;line-height:1.2;position:relative;z-index:1;color:#1c1c23;font-weight:700}
.olanaklar li::before{content:"";position:absolute;right:0;left:initial;top:0;bottom:0;background-color:#dfdfdf;width:0;transition:all .2s ease-in-out}
.olanaklar li:hover::before{width:100%;left:0}
.adimProjeList{border:1px solid #e2e2e2}
.adimProjeBox{height:500px}
.adimProjeBox article{width:50%;float:left;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:50px 4% 0;position:relative}
.adimProjeBox figure{float:right;width:50%;height:100%;background-size:cover;background-position:center}
.adimProjeBox article h3{font-size:2vw;font-weight:700;color:#757e8d;margin-bottom:20px;line-height:1.2;position:relative;z-index:1}
.number{position:absolute;top:10px;left:4%;font-size:6vw;font-weight:700;line-height:1;color:rgb(32 32 32 / 10%);z-index:0;pointer-events:none}
.adimProjeBox article p{position:relative;z-index:1}
.adimProjeBox:nth-child(2n+2) figure{float:left}
.adimProjeBox:nth-child(2n+2) .number{left:initial;right:4%}
.videoBox{background-size:cover;background-position:center;width:100%;height:550px;position:relative}
.videoBox a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.videoBox a figure{position:relative;z-index:2;transition:all .2s ease-in-out}
.videoBox a::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:rgb(0 0 0 / 40%)}
.gallery-carousel{margin:65px 0 0 0}
.gallery-carousel .owl-nav{position:absolute;bottom:0;right:calc(100% + 50px);display:flex;align-items:center;justify-content:center;flex-direction:column}
.gallery-carousel .owl-next,.gallery-carousel .owl-prev{display:inline-flex;align-items:center;justify-content:center;height:75px;width:35px}
.gallery-carousel .owl-next:hover,.gallery-carousel .owl-prev:hover{background-color:#fff}
.gallery-carousel .owl-prev{margin-bottom:22px}
.gallery-carousel button{background:0 0!important}
.map iframe{width:100%;height:100%}
.diger img {
    height: 80px;
}
.footerMenu ul li a:hover{color:#838383}
.footerContact ul li a:hover{text-decoration:none}
.footerTitle{color:#fff;font-size:1.1vw;margin-bottom:20px;display:inline-block;width:100%;font-weight:800;border-bottom:1px solid #898989;padding-bottom:15px;letter-spacing:1px}
.footerMenu ul{width:100%}
.footerMenu ul li{margin-bottom:20px}
.footerMenu ul li a{color:#dfdfdf;font-weight:400;transition:all .2s cubic-bezier(.42,0,.34,1.05);font-size:.9vw}
.footerMenu ul li:last-child{margin-bottom:0}
.footerContact{width:100%}
.footerContact ul li{display:flex;flex-direction:column;margin-bottom:30px}
.footerContact ul li:last-child{margin-bottom:0}
.footerContact ul li img{margin-right:20px}
.footerContact ul li a,.footerContact ul li p{color:#f3f6f6;font-size:.8vw;line-height:1.6}
.footerContact ul li a{text-decoration:underline}
.footerlogo{width:100%;margin-bottom:20px}
.footerContent{width:100%}
.ft3{width:25%;float:left}
.footer{background-color:#151c2f;overflow-x:hidden}
.bottom{width:100%;display:inline-block;padding:60px 0;float:left}
.copyright{width:100%;display:inline-block;float:left;background-color:#757e8d;padding:20px 0;text-align:center;color:#fff;font-size:14px}
.footerContent p{color:#dfdfdf}
.bottom .container{display:flex;align-items:flex-start;justify-content:space-between}
.footerContact ul li span{display:block;color:#fff;margin-bottom:10px;font-weight:700}
.footerContact ul li:nth-child(1){margin-bottom:30px}
.headerInner{height:450px;background-size:cover;display:flex;align-items:start;justify-content:center}
.headerInner2{padding:70px 0}
.pageTitle{text-align:center;font-size:2vw;color:#fff;font-weight:700;margin-top:70px}
.mtopImg{width:100%;display:inline-block;margin-top:-270px}
.mtopImg img{width:100%}
.content-1{padding:80px 0}
.content-1 p{margin-bottom:30px;line-height:1.8}
.content-1 p:last-child{margin-bottom:0}
.title.white{color:#fff!important}
.olanaklar.white li{border-color:#fff}
.olanaklar.white li img{filter:brightness(0) invert(1)}
.olanaklar.white li span{color:#fff}
.title.white h2::Before,.title.white h2::after{border-color:#fff}
.olanaklar.white li::before{background-color:#5d6471}
.grid-wrapper>a{display:flex;justify-content:center;align-items:center;position:relative;z-index:1;transition:all .2s ease-in-out;background-color:#fff}
.grid-wrapper>a>img{width:100%;height:100%;object-fit:cover;transition:all .2s ease-in-out}
.grid-wrapper{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(calc(31.33% - 20px),1fr));grid-auto-rows:330px;grid-auto-flow:dense}
.grid-wrapper .wide{grid-column:span 2}
.grid-wrapper .tall{grid-row:span 2}
.grid-wrapper .big{grid-column:span 2;grid-row:span 2}
.grid-wrapper::before{content:"";position:absolute;right:-50px;top:-50px;width:300px;height:300px;background-color:#757e8e;z-index:0}
.grid-wrapper::after{content:"";position:absolute;left:-50px;bottom:-50px;width:300px;height:300px;background-color:#757e8e;z-index:0}
.threeColumn{display:grid;grid-template-columns:33.33% 33.33% 33.33%}
.hBox{width:90%;position:relative;background-color:#fff;padding:50px 8%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:center;margin:25px auto;border:1px solid #e2e2e2}
.hBox figure{width:80px;margin-bottom:30px}
.hBox span{font-size:1.5vw;color:#000;margin-bottom:20px;position:relative;font-weight:700}
.hBox p{line-height:1.4;font-size:1vw;font-weight:400;text-align:left}
.hBox p a{color:#000;text-decoration:underline}
.hBox span::before{content:"";position:absolute;left:-15px;bottom:-5px;height:20px;right:-15px;background-color:rgb(117 126 142 / 10%);z-index:0}
.hBox span strong{position:relative;z-index:1}
.formTitle{font-size:3vw;line-height:1.3;font-weight:400;color:#000;width:calc(100% - 650px);margin-bottom:150px}
.contactForm{position:absolute;top:-50px;right:0;z-index:2;width:650px;padding:40px 40px;box-shadow:0 10px 30px rgb(0 0 0 / 15%);background-color:#fff}
.logo2{position:absolute;right:-20px;top:100px;width:7%;display:flex;justify-content:flex-end}
.logoMobile,.menu-trigger{display:none}
.topMenu{display:flex;align-items:center;justify-content:center;width:100%}
.hBox::before{content:"";background-image:url(../images/path.jpg);width:20px;height:20px;background-repeat:no-repeat;background-position:right bottom;position:absolute;right:5px;bottom:5px}
.form-btn{width:280px;height:50px;position:fixed;z-index:20;display:flex!important;align-items:center;justify-content:center;transform:rotate(-90deg);right:-115px;top:45%;cursor:pointer;transition:all ease-in-out .3s;color:#fff;font-size:22px;background:#151c2f;border-radius:10px 10px 0 0}
.kapatForm{width:60px;height:60px;position:absolute;left:-30px;top:10px;background-color:#fff;text-align:center;font-size:30px;font-weight:300;padding:10px 0;box-sizing:border-box;cursor:pointer;box-shadow:0 5px 29px 0 rgba(0,0%,0%,30%);display:flex;align-items:center;justify-content:center}
.form-holder{display:block!important;text-align:center;position:fixed;right:-460px;padding:20px 35px;box-sizing:border-box;z-index:21;width:300px;height:auto;min-height:350px;background-color:#151c2f;box-shadow:0 5px 29px 0 rgba(0,0%,0%,30%);transition:all .6s cubic-bezier(.42,0,.07,.99);top:150px;transform:translateX(100%);background-size:cover;border-radius:15px 0 0 15px}
.form-holder.active{right:0;transform:translate(0)!important}
.form-title{font-size:25px;margin:0 0 15px;line-height:1.2;color:#fff;display:inline-block;width:100%;text-align:center;font-weight:700}
.formDiv ul li{margin-bottom:15px}
.form-holder input[type=email],.form-holder input[type=number],.form-holder input[type=tel],.form-holder input[type=text],.form-holder textarea{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:none;height:45px;padding:0 20px;font-size:17px;color:#000;outline:0;text-align:left;margin:0}
.form-holder input[type=submit]{width:100%;width:130px;height:40px;border:0;border-radius:0;text-align:center;font-size:16px;color:#fff;color:#151c2f;margin:auto;margin-top:10px;outline:0;background-color:#fff;display:inline-block;padding:5px;cursor:pointer;transition:all .2s ease-in-out}
.gallery-carousel figure{width:100%;height:550px;position:relative;background-size:cover;background-position:center}
.gallery-carousel a{width:100%;display:inline-block;height:100%;position:relative;transition:all .2s ease-in-out}
.contactForm form ul{display:inline-block;width:100%}
.contactForm form ul li{width:100%;display:inline-block;position:relative;margin-bottom:20px}
.contactForm form ul li input,.contactForm form ul li textarea{width:100%;box-sizing:border-box;background-color:#fff;height:50px;border-radius:3px;padding:0 20px;transition:all .2s ease-in-out;border:1px solid #e2e2e2;font-size:16px;color:#000;outline:0}
.contactForm input[type=submit]{width:100%;display:inline-block;position:relative;cursor:pointer;width:100%;border:none;background-color:#757e8d;color:#fff;height:50px;border-radius:3px;font-weight:700;font-size:16px;transition:all .2s ease-in-out;outline:0;border-radius:360px;width:190px}
.contactForm input[type=submit]:hover{background-color:#000;color:#fff}
.contactForm form ul li textarea{resize:none;height:200px;padding:15px 20px}
.form-btn:hover{opacity:.7}
.topBar .container ul li:not(.logo)::before{content:"";position:absolute;left:50%;height:3px;z-index:0;background-color:#2c2c2c;bottom:-12px;transition:all .2s cubic-bezier(.42,0,.21,1.1);width:0}
.topBar .container ul li:hover:not(.logo)::before{left:0;width:100%}
.videoBox a:hover figure{transform:scale(1.2)}
.gallery-carousel a:hover,.grid-wrapper>a:hover img{opacity:.5}
.hBox p a:hover{text-decoration:none}
.form-holder textarea{height:110px;padding-top:15px}
.formDiv{width:100%}
.container.container2{max-width:1250px}
.diger{position:absolute;right:20px;transform:translateY(-50%);top:50%}
.logo2.left{right:initial;left:0;top:0;width:7%}
.lokasyon{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:7%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s cubic-bezier(.42,0,.32,1.04)}
.mapDisable{display:none}
.lokasyon:Hover{margin-top:-15px}
.homeCarousel .owl-dots{margin:0 auto;display:inline-flex;align-items:center;justify-content:center;width:auto;padding:30px 10px;background-color:#f8f9fa;position:relative;left:50%;transform:translateX(-50%)}
.homeCarousel .owl-dot{width:35px;height:2px;background-color:#aeaeae;margin:0 7px}
.homeCarousel .owl-dot.active{background-color:#333}
.homeCarousel .owl-dot.active::before{opacity:1}
.homeCarousel .owl-dots{counter-reset:dots}
.homeCarousel .owl-dot:before{counter-increment:dots;content:'0'counter(dots);opacity:0;position:absolute;left:-45px;top:48%;transform:translateY(-50%);font-size:30px;font-weight:300;width:50px;text-align:right}
.homeCarousel .owl-dot span{display:none}
.total-slides{position:absolute;right:50%;bottom:17px;transform:translateX(+50%);font-size:30px;font-weight:300;z-index:1}
.total-slides{display:none}
.formError{z-index:990}
.formError .formErrorContent{z-index:991}
.formError .formErrorArrow{z-index:996}
.ui-dialog .formError{z-index:5000}
.ui-dialog .formError .formErrorContent{z-index:5001}
.ui-dialog .formError .formErrorArrow{z-index:5006}
.inputContainer{position:relative;float:left}
.formError{position:absolute;top:300px;left:300px;display:block;cursor:pointer;text-align:left}
.formError.inline{position:relative;top:0;left:0;display:inline-block}
.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent{width:100%;background:#ee0101;position:relative;color:#fff;min-width:120px;font-size:11px;border:2px solid #ddd;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;-o-box-shadow:0 0 6px #000;padding:4px 10px 4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;box-sizing:border-box}
.formError.inline .formErrorContent{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}
.greenPopup .formErrorContent{background:#33be40}
.blackPopup .formErrorContent{background:#393939;color:#fff}
.formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;position:relative}
body.rtl .formError .formErrorArrow,body[dir=rtl] .formError .formErrorArrow{margin:-2px 13px 0 0}
.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;margin:0 0 0 12px;top:2px}
.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;-o-box-shadow:0 2px 3px #444;font-size:0;height:1px;background:#ee0101;margin:0 auto;line-height:0;font-size:0;display:block}
.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none}
.greenPopup .formErrorArrow div{background:#33be40}
.blackPopup .formErrorArrow div{background:#393939;color:#fff}
.formError .formErrorArrow .line10{width:13px;border:none}
.formError .formErrorArrow .line9{width:11px;border:none}
.formError .formErrorArrow .line8{width:11px}
.formError .formErrorArrow .line7{width:9px}
.formError .formErrorArrow .line6{width:7px}
.formError .formErrorArrow .line5{width:5px}
.formError .formErrorArrow .line4{width:3px}
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd}
.kvkk_popup{display:flex!important;position:relative!important;align-items:center!important;flex-direction:row-reverse;justify-content:start}
.kvkk_popup input{width:17px!important;margin-right:3px;height:auto!important}
.kvkk_popup span{font-size:12px;text-align:left;cursor:pointer}
.kvkk-page li{margin-bottom:10px;line-height:initial}
.kvkk-page li,.kvkk-page p{font-size:18px}
.kvkk-page strong{font-size:20px}
.popupForm{width:70%;height:80vh;overflow-y:scroll;padding:30px;display:none;color:#5c5e60}
.popupForm li,.popupForm p{color:#5c5e60!important;font-size:16px;margin-bottom:10px}
.popupForm h2,.popupForm h3,.popupForm p{margin-bottom:10px}
.form-holder .kvkk_popup span{font-size:10px;color:#fff}
.whatsapp{position:fixed;bottom:60px;right:20px;display:inline-block;width:60px;height:60px;border-radius:100%;z-index:5}
.fancybox-toolbar button:first-child{display:none!important}
.img100{width:100%}
.img100 img{width:100%}
.map img{width:100%;float:left}
.mobile-map{display:none}
#map{width:100%;height:550px}
.bilgicler-logo{display:block;float:left;width:100%;background-color:#757e8e;padding:10px 0}
.mtopImg iframe{width:100%}
.social{width:100%;float:left;margin-top:10px}
.social a{width:25px;float:left;margin-right:13px;display:block;transition:all ease-in-out .3s}
.social a:hover{opacity:.5}
.social a img{margin:0!important}
.about-head{align-items:center}
.about-head .pageTitle{margin-top:0}
.copyright{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-bilgicler-logo { width: 25%; padding-left: 30px;}
.copyright-text{ width: 50%;}
.footer-bilgicler-logo img {
    max-height: 20px;
}
.footer-bilgicler-logo.designer {
    display: flex;
    justify-content: end;
    padding-right: 30px;
}

.footer-bilgicler-logo.designer img {
    max-width: 120px;
    filter: brightness(0) invert(1);
}


.lang {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.lang a {
    background-color: #fff;
    padding: 10px 15px 10px;
    display: inline-block;
    color: #000;
    font-weight: bold;
    font-size: 13px;
}

.crmLogo {
    width: 125px;
    padding-right: 30px;
}
.crmLogo img {
    filter: brightness(0) invert(1);
}