/*/////////////////// 
 
Tasarim: Efe EKER  
Copyright 2022 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:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;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:#121212;font-family: 'Oswald', sans-serif;font-weight:400}
h1,h2,h3,h4,h5,h6{color: #fbbf13;font-family: 'Oswald', sans-serif;font-weight:600}
a{color:#fbbf13;}
a:hover,a:focus{color:#fbbf13;text-decoration:none;outline:none}
p{font-weight:400;font-family: 'Roboto', sans-serif;font-size: 15px;}
 
 
/* Ust Kisim */
.navbar-brand {padding: 0.5rem 0;}
.logo {margin-left:12px;}
.topbar {color:#121212;background-color:#fff;text-align: center;}
.topbar a{color:#121212;font-weight:400; }
.topbar a:hover{color:#121212;}
.topbar p {font-size:14px;margin:2px 0;font-weight:300}
.slayt {margin:0 4rem 4rem 4rem;}
.slaytgenel {padding:20px;position:absolute;top:60%;left:5%;z-index:0;font-size:75px;color:#fff;text-shadow:1px 2px #121212;font-weight:600}
.slaytgenel p{font-size:35px;color:#fff;}

/* Alt Kisim */
footer{background-color:#121212;color:#fff;padding:10rem 0;margin:4rem}
footer a{color:#fff;font-family: 'Oswald', sans-serif;}
footer a:hover{color:#fbbf13}
footer h4{margin-top:0;margin-bottom:15px}
footer p{color:#fff;font-family: 'Oswald', sans-serif;font-size:17px;margin:0 !important}
 
.telif{padding:0 4rem;color:#fff;font-size:17px; }
.telif {color:#fff;font-size:17px;}
.telif a{color:#fff;font-size:17px;}
.telif a:hover{color:#fbbf13  }
 
 
/* Menu Ayarlari */
.promenu {margin:4rem 4rem 0 4rem;background-color:#121212;border:0}
.navbar-inverse .navbar-nav>li>a{font-size:14px;padding:35px 20px;color:#fff;font-weight:600;text-transform:uppercase;font-family: 'Roboto', sans-serif;}
.navbar-inverse .navbar-nav>li>a:hover{color: #fbbf13;}
.navbar-inverse .navbar-nav>li>a:hover::after {color: #fff;content: " I"; animation: blink 1s infinite;}
.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:#fff;color:#fbbf13}
.navbar-inverse .navbar-nav .dropdown-menu{background-color:#fff;-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:#121212;font-size:13px;font-weight:600}
.navbar-inverse .navbar-nav>li>a:focus {color:#fbbf13}
.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:#fbbf13;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: #fbbf13;}
.navbar-inverse .navbar-toggle{margin-top:23px;background-color:transparent;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)}

.sagdil {background-color: #fbbf13 !important;color:#121212 !important;margin: 30px -7px 0 25px;padding: 5px 50px 0px 10px !important;height: 30px;transition: margin 0.5s;}
.sagdil:hover {margin: 30px 0 0 18px;}
.sagdil:hover::before, .sagdil:hover::after {content:none !important;animation: none !important;}
.dilmobil {background-color:#fbbf13;}
.anaorta {margin-top: 5rem;background-color:#121212;padding:5rem 4rem 8rem 4rem; }
.anaorta h1 {border-left:15px solid #fbbf13;padding-left:15px;margin-bottom:30px;color: #fff;}
.ortakutular{width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;background:#121212; }
.ortakutular .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;padding:20px;background-color:#000000be; }
.ortakutular:hover .overlay{background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4990371148459384) 50%, rgba(0,0,0,0.3029586834733894) 100%);}
.ortakutular img{filter: grayscale(100%);display:block;position:relative;max-width:none;width:calc(100% + 20px);-webkit-transition:opacity 0.5s,-webkit-transform .35s;transition:opacity 0.5s,transform .35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ortakutular:hover img{filter:contrast(125%);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.ortakutular h2{bottom:1rem;right:2rem;letter-spacing:2px; font-weight:600;text-transform:uppercase;color:#fff;position:absolute;font-size:20px;overflow:hidden;padding-bottom:4px}
.ortakutular h2:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fbbf13;content:'';-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.ortakutular:hover h2:after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.ortakutular:hover h2{ animation: flicker 3s linear infinite;}
.ortakutular a,.ortakutular p{font-size:20px;font-weight:600;color:#fbbf13;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.5s,-webkit-transform .35s;transition:opacity 0.5s,transform .35s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.ortakutular:hover a,.ortakutular:hover p{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.deneyim {text-align: right;padding-right:25px;border-right: 15px solid #121212;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:#fbbf13;animation: flicker 3s linear infinite;}
.deneyim p {line-height:15px;font-size:20px;color:#121212;letter-spacing: 1.5px;font-weight: 600;}
.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:250px;margin:0 4rem;background-image: url(../images/cmsbg.jpg);background-position: center center;background-size: cover;}
.altbaslik h1{letter-spacing:5px;margin:10rem 0;font-size:40px;font-weight:600;color:#fff;text-transform: uppercase; }
.alan {padding:10rem 0}
.anaalan {padding-top:10rem;margin:0 4rem}
.anaalan h1,h2,h3{color:#121212;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 #fbbf13;color:#fbbf13;font-weight:600;}
.haber {color: #fbbf13;padding:10px 25px;border:1px solid #fbbf13}
.haber a{color:#fbbf13;}
.haber a:hover{color:#121212 }
hr {margin-top: 15px;margin-bottom: 15px; }
.pagination>li>a, .pagination>li>span {color: #ffffff;background-color: #fbbf13;border: 1px solid #fbbf13;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: #121212;border-color: #121212;  }
.pagination>li>a:hover {color: #fff; background-color: #121212; border: 1px solid #121212;}
.anaresim {outline: 2px solid #fff;outline-offset: -1rem;transition:all .5s ease-in-out;}
.anaresim:hover {outline: 2px solid #fbbf13; ;outline-offset: -2rem; }
.kutusiyah{outline: 1px solid #fff;outline-offset: -1rem;color:#fff;background-color:#121212;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 #fbbf13;}
.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:#fbbf13;}
.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;}
.kariyer h4{color:#121212;}
.owl-controls {display:none !important}
.aktif {color:#fbbf13 !important}

.card{position:relative;float:left;padding-bottom:74.5%;width:100%;text-align:center;border:1px solid #f5f5f5}
.card__front,.card__back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s}
.card__front{background-color:transparent}
.card__back{display: flex;justify-content: center;align-items: center;background-color:#121212;color:#fff;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
.card.effect__hover:hover .card__front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
.card.effect__hover:hover .card__back{-webkit-transform:rotateY(0);transform:rotateY(0)}
.card p{font-size:12px}

/* 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:#121212;-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:#fbbf13}
.navbar-inverse .navbar-nav {padding:20px 0;background-color:#121212; position: relative; z-index: 99;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}
.altbaslik {height:80px;margin:0;}
.altbaslik h1{margin:2.9rem 0;font-size:20px; }
#proyaz {position: relative;z-index: 0;}
}
 

@media (max-width:480px){
.navbar-fixed-top { position: absolute;box-shadow:none; }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #121212;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{padding:4rem 0;margin:0}
.telif a{line-height: 50px;}

.animated {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

}

@keyframes blink {
50% {opacity: 0;}
}

@keyframes flicker {
0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% { opacity: .99; }
20%, 21.999%, 63%, 63.999%, 65%, 69.999% { opacity: 0.4; }
}