/*/////////////////// 
 
Tasarim: Efe EKER  
Copyright 2023 Tum Haklari Saklidir.
 
///////////////////*/

/* Ana Ayarlar */

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap');

*{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
input::-moz-focus-inner{border:0}
a{outline:0}
::-moz-focus-inner{border:0}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
body{color:#1d1d1b;font-family: 'Playfair Display', sans-serif;font-weight:400;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{color: #ba9157;font-family: 'Playfair Display', sans-serif;font-weight:400}
a{color:#ba9157;font-family: 'Roboto Condensed', sans-serif;}
a:hover,a:focus{color:#ba9157;text-decoration:none;outline:none}
p{font-weight:400;font-family: 'Roboto Condensed', sans-serif;font-size: 15px;}
 
 
/* Ust Kisim */
.navbar-brand {padding: 0.5rem 0;}
.logo {margin-left:12px;}
.topbar {color:#1d1d1b; text-align: center;height:40px;padding:1rem 0; /* background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgb(0, 0, 0) 50%);*/}
.topbar a{color:#1d1d1b;font-weight:400;}
.topbar a:hover{color:#ba9157;}
.topbar p {font-size:13px;margin:2px 0;font-weight:300}
.slayt {margin:0 7rem 10rem 7rem;}
.slaytgenel {padding:20px;position:absolute;top:60%;left:5%;z-index:0;font-size:75px;color:#fff;text-shadow:1px 2px #1d1d1b;font-weight:600}
.slaytgenel p{font-size:35px;color:#fff;} 

/* Alt Kisim */
footer {max-height:500px;color:#fff;padding:7rem;margin:7rem;background:#000000 url(../images/altbg.jpg);background-position: center right;background-repeat: no-repeat;}
footer a{color:#fff;font-family: 'Playfair Display', sans-serif;}
footer a:hover{color:#ba9157}
footer h4{margin-top:0;margin-bottom:15px}
footer p{color:#fff;font-family: 'Playfair Display', sans-serif;font-size:17px;}
 
 
 
 
/* Menu Ayarlari */
.promenu {background-color:transparent;border:0}
.navbar-inverse .navbar-nav>li>a{padding:35px 20px;color:#1d1d1b;font-weight:600;text-transform:uppercase;font-family: 'Roboto Condensed', sans-serif;transition:all .5s ease-in-out; }
.navbar-inverse .navbar-nav>li>a:hover{letter-spacing:1px;color: #ba9157;background-color: transparent; }
 
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#000;color:#ba9157}
.navbar-inverse .navbar-nav .dropdown-menu{background-color:#000;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;padding:0;}
.navbar-inverse .navbar-nav .dropdown-menu>li>a{padding:8px 15px;color:#fff;font-size:13px;font-weight:600}
.navbar-inverse .navbar-nav>li>a:focus {color:#ba9157}
.navbar-inverse .navbar-nav .dropdown-menu>li:hover>a,.navbar-inverse .navbar-nav .dropdown-menu>li:focus>a,.navbar-inverse .navbar-nav .dropdown-menu>li.active>a{background-color:#ba9157;color:white}
.navbar-inverse .navbar-nav .dropdown-menu>li:last-child>a{border-radius:0 0 3px 3px}
.navbar-inverse .navbar-nav .dropdown-menu>li.divider{background-color:rgba(0,0,0,0.1)}

.navbar-inverse .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar {background-color: #ba9157;}
.navbar-inverse .navbar-toggle{margin-top:23px;background-color:#1d1d1b;border:none;}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color:transparent}
.dropdown-menu{margin-top:-1px;min-width:180px}
ul.breadcrumb{margin:0;background:transparent}
ul.breadcrumb>li{text-shadow:none}
ul.breadcrumb>li>a,ul.breadcrumb>li .divider{color:#fff}
ul.breadcrumb>li.active{color:rgba(255,255,255,0.7)}

 
 
/* Orta Kısım */
.anaorta {margin-top: 5rem;background-color:#1d1d1b;padding:7rem 0rem 10rem 0rem}
.anaorta h1 {border-left:15px solid #ba9157;padding-left:15px;margin-bottom:30px;color: #fff;}
.hovereffect{margin-bottom: 25px;width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;background:#000}
.hovereffect .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;padding:20px; background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(0,0,0,1) 100%);}
.hovereffect img{display:block;position:relative;max-width:none;width:calc(100% + 20px);-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.hovereffect:hover img{opacity:.4;filter:alpha(opacity=40);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.hovereffect h2{text-shadow:1px 1px 1px #0000006e;font-weight:600;text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:20px;overflow:hidden;padding:.5em 0;margin:30rem 0 0 0}
.hovereffect h2:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;content:'';-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.hovereffect:hover h2:after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.hovereffect a,.hovereffect p{text-transform:uppercase;margin-top:3px; letter-spacing: 2px;  font-size:15px;font-weight:600;color:#FFF;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.hovereffect:hover a,.hovereffect:hover p{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.kenar {margin: 0 7rem;}
.deneyim {text-align: right;padding-right:25px;border-right: 15px solid #1d1d1b;margin-top: 7rem;}
.deneyim h2 {line-height: 65px; font-size:80px; color:#e6e6e7; margin-bottom:15px;transition:color .5s ease-in-out;}
.deneyim:hover h2 { color:#ba9157;animation: flicker 3s linear infinite;}
.deneyim p {line-height:15px;font-size:20px;color:#1d1d1b;letter-spacing: 1.5px;font-weight: 600;}
 
#kadinyuz { width:749px;height:700px }
.kadinsol {bottom: -55px; left: -120px}
.kadinsag {bottom: -140px;}

/* Duzenlemeler */


/* .sagkare {z-index:-1;height: 86rem;width: 40%;background-color: #1d1d1b;position: absolute;right: 0;}  */
.sagkare {height: 27rem;z-index:-1;width:40%;position: absolute;right:0;background: #000 url(https://thumbs.gfycat.com/RarePositiveFugu-size_restricted.gif);background-position: top right;background-repeat: repeat-x; filter: brightness(0.50); }


.no-margin{margin:0;padding:0;}
.img-responsive {width:100%}
.referans {border:1px solid #efefef;filter:gray;-webkit-filter:grayscale(1);-webkit-transition:all .2s ease-in-out;}
.referans:hover{filter:none;-webkit-filter:grayscale(0)}
.icerik {min-height:500px;margin-bottom:7rem;margin-top:7rem; }
.altbaslik {height:300px;margin:0 7rem;background-image: url(../images/cms.jpg);background-position: center center;background-size: cover;}
.altbaslik h1{letter-spacing:5px;margin:13rem 0;font-size:40px;font-weight:400;color:#fff;text-transform: uppercase; }
.alan {padding:10rem 0}
.arkagri {background-color: #efefef;}
.anaalan {padding:17rem 0;}
.anaalan h1,h2,h3{color:#1d1d1b;margin-bottom:2rem}
a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {background-color:transparent;border:1px solid #ba9157;color:#ba9157;font-weight:600;}

hr {margin-top: 15px;margin-bottom: 15px; }
.pagination>li>a, .pagination>li>span {color: #ffffff;background-color: #ba9157;border: 1px solid #ba9157;padding: 10px 15px;font-weight: 600;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {color: #ffffff;background-color: #1d1d1b;border-color: #1d1d1b;  }
.pagination>li>a:hover {color: #fff; background-color: #1d1d1b; border: 1px solid #1d1d1b;}
.anaresim {outline: 2px solid #fff;outline-offset: -1rem;transition:all .5s ease-in-out;}
 
 
 
.kutusiyah{outline: 1px solid #fff;outline-offset: -1rem;color:#fff;background-color:#1d1d1b;padding:5rem;min-height:201px;margin:0;text-align: center;transition:all .5s ease-in-out;}
.kutusiyah:hover  {outline-offset: -1.5rem;outline: 1px solid #ba9157;}
.kutusiyah h4{font-weight: 600;color:#fff;font-size: 30px;text-transform: uppercase;transition:all .5s ease-in-out;}
.kutusiyah:hover h4 {letter-spacing: 2px;color:#ba9157;}
.kutusiyah i{margin-top:1rem;color:#fff;transition:all .5s ease-in-out;}
.kutusiyah:hover i{margin-top:1rem;}
.kutusiyah a{color:#fff;font-size: 16px;}
.kutusiyah:hover a{color:#fff;}

.haber {background-color: #1d1d1b;padding:3px;}
 
.haber img{filter: grayscale(100%);transition:all .5s ease-in-out;}
.haber:hover img{filter: grayscale(0%);}
.haber a{color:#fff;}
.haber p{color:#fff;height: 7rem;padding:1.3rem;transition:all .5s ease-in-out;}
.haber:hover p{margin-left:5px;}
.haber>.tarih {z-index: 1;height: 25px;color:#fff;background-color: #1d1d1b;position: fixed;top:1rem;}
.haber>.tarih p{height: 0;padding:0;font-size: 12px;margin:5px;}
.habersolyazi {margin-bottom: 7px !important;margin-top: 5rem;font-size:50px;font-weight: 500;}
.kariyer h4{color:#1d1d1b;}

.panel-heading a{color:#1d1d1b;}
.panel-heading h4{color:#1d1d1b;}

 

.owl-controls {display:none !important}

.totop{position:fixed;bottom:10px;right:10px;z-index:104400;}
.totop a i{display:block;width:40px;height:40px;line-height:35px;text-align:center;font-size:25px;background:#ba9157;border:2px solid #fff;border-radius: 20px !important;}
.totop a:hover i{background:#fff;border:2px solid #ba9157;color:#ba9157;}
.totop a, .totop a:visited{color:#fff;}
.totop a:hover{color:#eee;text-decoration:none;}
.aktif {color:#ba9157 !important}

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #ba9157;
}


/* Slayt */
.jssorb05{position:absolute}.jssorb05 div,.jssorb05 div:hover,.jssorb05 .av{position:absolute;width:16px;height:16px;background:url(img/b05.png) no-repeat;overflow:hidden;cursor:pointer}.jssorb05 div{background-position:-7px -7px}.jssorb05 div:hover,.jssorb05 .av:hover{background-position:-37px -7px}.jssorb05 .av{background-position:-67px -7px}.jssorb05 .dn,.jssorb05 .dn:hover{background-position:-97px -7px}.jssora031{display:block;position:absolute;cursor:pointer}.jssora031 .a{fill:#fff}.jssora031:hover{opacity:.8}.jssora031.jssora031dn{opacity:.5}.jssora031.jssora031ds{opacity:.3;pointer-events:none}
 
@media (max-width: 767px) {
.navbar-inverse .navbar-nav>li>a{padding:0;color:#fff;text-align:center;line-height:40px;}
.navbar-inverse .navbar-nav .dropdown-menu{background-color:#1d1d1b;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;padding:0;margin-top:-3px}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #fff;text-align:center}
.navbar-inverse .navbar-nav>li>a:focus {color:#fff}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color:#ba9157}
.navbar-inverse .navbar-nav {padding:20px 0;background-color:#1d1d1b; position: relative; z-index: 1;margin:0}
.navbar-inverse .navbar-nav>li>a:hover{background-image:none}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-top:0;margin:10px 0;z-index: 2;position: relative;}
.altbaslik {height:80px;margin:0;}
.altbaslik h1{margin:2.9rem 0;font-size:20px; }

}
 

 

@media (max-width:480px){
.navbar-fixed-top { position: absolute;box-shadow:none; }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #1d1d1b;text-align:center}
.m-ortala {text-align:center}
.promenu {padding:0;margin:0;height: 80px;}
.navbar-inverse .navbar-nav>li>a:hover{background-image:none}
.kutusiyah{margin-bottom:20px}
.promenu img{width: 210px;}
.slayt {margin:0}
.anaalan{padding-top: 3rem;margin:0 1rem}
footer{margin:0}
.telif a{line-height: 50px;}
.topbar {height:unset; padding: 0 1rem ;}
.navbar-brand {margin-left: 25px;}
.navbar-toggle {margin-right: 10px;}
.navbar-inverse .navbar-nav {opacity:1 !important;}
.hovereffect {margin-bottom:25px}
.hovereffect h2 {margin: 48rem 0 0 0}
.hovereffect a, .hovereffect p {opacity:1;filter:unset;-webkit-transition:unset;transition:unset;-webkit-transform:unset;transform:unset;}
#kadinyuz { width:525px;display: flex; }
.kadinsag {bottom:0}
.alan {padding: 5rem 0;}
.icerik{padding: 35px;}
.kadinsol {left: -150px;}
.wow {animation: none !important;}
}