/*
Theme Name: KF Kurumsal
Version: 1.0
Author: Ahmet DELİKTAŞ
Description: Wordpress Kurumsal Tema
Author URI: https://www.temakafa.com
*/
body {font-family:"Montserrat", sans-serif;background:#eeeeee;}
.mb50 {margin-bottom:50px;}
.mb40 {margin-bottom:40px;}
.mb30 {margin-bottom:30px;}
.mb20 {margin-bottom:20px;}
.mb10 {margin-bottom:10px;}
.mb0 {margin-bottom:0 !important;}
.prel {position:relative;}
.pabs {position:absolute;}
.top {top:0;}
.left {left:0;}
.bottom {bottom:0;}
.right {right:0;}

header {position:relative;}
header .ust ul {padding:0;list-style:none;position:relative;z-index:2;}
header .ust ul li {}
header .ust ul li a {padding:7.5px 20px;position:relative;float:left;font-size:12px;font-weight:600;margin-right:15px;color:#575757;border-right:1px solid rgba(0,0,0,0.3);text-decoration:none;}
header .ust ul li a.tel:before {position:absolute;left:0;top:8px;background:url("img/tel.png") no-repeat;width:15px;height:15px;content:"";}
header .ust ul li a.mail:before {position:absolute;left:0;top:10px;background:url("img/mail.png") no-repeat;width:14px;height:11px;content:"";}
header .ust ul li a.adres:before {position:absolute;left:0;top:8px;background:url("img/adres.png") no-repeat;width:12px;height:15px;content:"";}

header .ana_menu {position:relative;z-index:3 !important;height:98px;}
header .ana_menu ul {margin:0;padding:0;list-style:none;position:relative;float:left;}
header .ana_menu ul a {float:left;color:#fff;font-size:16px;font-weight:600;margin-right:25px;line-height:98px;text-decoration:none;}
header .ana_menu li {position:relative;float:left;}
header .ana_menu ul ul {display:none;position:absolute;top:100%;left:0;background:#fff;padding:0;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.36);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.36);}

header .ana_menu ul li:hover > ul {display:block;}
header .ana_menu ul ul li {float:none;width:180px;}
header .ana_menu ul ul a {color:#333;font-size:14px;font-weight:500;width:100%;border-bottom:1px dotted #ccc;line-height:14px;padding:12px 15px;display:block;}
header .ana_menu ul ul a:hover {color:#fff;}
header .ana_menu ul ul ul {top:0 !important;left:100%;}

header .sizi_arayalim {height:98px;width:100%;position:absolute;top:0;}
header .sizi_arayalim h3 {font-size:24px;font-weight:600;color:#fff;}
header .sizi_arayalim a {font-size:14px;color:#fff;text-decoration:none;}

header .logo {width:560px;height:170px;position:absolute;top:0;left:0;}
header .logo .kapsa {background:#fff;position:relative;top:0;left:0;width:100%;height:100%;display:table;z-index:3;font-size:40px;line-height:170px;font-weight:bold;text-align:right;color:#312783;}
header .logo .kapsa:after {z-index:1;position:absolute;content:"";right:-70px;top:0;width: 0;height: 0;border-style: solid;border-width: 170px 70px 0 0;border-color:#fff transparent transparent transparent;}
header .logo .bg {position:absolute;z-index:2 !important;content:"";right:-85px;top:0;width: 0;height: 130px;border-style: solid;border-width: 170px 85px 0 0;}

.site {width:100%;height:660px;position:absolute;z-index:1;top:0;left:0;}
.page_ust {width:100%;height:660px;position:absolute;z-index:1;top:0;left:0;}

.slider {width:100%;height:660px;position:absolute;z-index:1;top:0;left:0;}
.slider_kapali {height:180px;}

.btn-site {color:#fff !important;border-radius:25px;padding:9px 20px;font-size:18px;font-weight:bold;}

.site .slider h5 {font-size:18px;font-weight:bold;color:#575757;margin-top:300px;}
.site .slider h1 {font-size:30px;font-weight:bold;margin-top:0;}
.site .slider p {color:#575757;}
.site .slider_tek_gorsel {height:660px;}
.site .tanitim {margin-top:-100px;position:relative;z-index:10;}

.site .tanitim .kutu {background:#fff;padding:40px 20px;}
.site .tanitim .kutu h3 {font-size:18px;font-weight:bold;}
.site .tanitim .kutu p {color:#a5a5a5;margin-bottom:15px;}

.site .hakkinda {margin-top:50px;}
.site .hakkinda h1 {font-size:24px;font-weight:bold;}
.site .hakkinda p {color:#a5a5a5;margin-bottom:15px;}

.baslik {display:flex;margin-bottom:30px;}
.baslik .sol {flex:auto;height:10px;display:table;font-size:18px;font-weight:bold;}
.baslik .sol a {text-decoration:none;display:inline-block;}
.baslik .sag {flex:20;height:4px;width:100%;margin:auto;position:relative;}
.baslik .sag .daire {width:14px;height:14px;position:absolute;top:-5px;left:-7px;border-radius:100%;}
p.baslik_bilgi {color:#909090;font-size:13px;}

.haber {background:#fff;display:table;margin-bottom:30px;}
.haber .pr15 {padding-right:15px;}
.haber img {float:left;margin-right:20px;}
.haber h2 {font-size:18px;font-weight:bold;}
.haber h2 a {color:#000000;text-decoration:none;}
.haber p {font-size:12px;line-height:14px;color:#a5a5a5;}
.haber a.oku {font-size:12px;color:#312783 !important;}

.bg-dark {padding:30px 0;}
.bg-dark .baslik, .bg-dark .baslik .sol a {color:#fff;}
.bg-dark .baslik .sag, .bg-dark .baslik .sag .daire {background:#fff;}
.bg-dark p.baslik_bilgi {color:rgba(255,255,255,0.7);}
.proje {}
.proje .karart {width:100%;height:100%;z-index:3;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+69,0.85+100 */background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 69%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */}
.proje h3 {position:absolute;bottom:5px;left:20px;color:#fff;z-index:3;font-size:16px;font-weight:bold;}

.bg-alt {color:#fff;padding:50px 0;}
.bg-alt .kutu i {display:block;font-size:52px;margin-bottom:10px;}
.bg-alt .kutu img {margin:0 auto 10px auto;}
.bg-alt .kutu strong {font-size:30px;font-weight:bold;margin-bottom:15px;}
.bg-alt .kutu p {}

.liste {border:1px solid #ddd;border-top:0;text-align:center;padding-top:15px;margin-bottom:30px;}
.liste h3 {font-size:16px;font-weight:bold;margin:0 0 5px 0;}
.liste p {color:#a5a5a5;font-size:13px;}
.liste h3 a {text-decoration:none !important;color:rgb(51, 51, 51) !important;}

.site .page .content {background:#fff;padding:40px;margin-top:230px;margin-bottom:70px;}
.site .page .content h1 {font-size:24px;font-weight:bold;margin-top:0;}
.site .page .content p {color:#a5a5a5;margin-bottom:15px;}

.sidebar {margin-top:230px;}
.sidebar ul {padding:0;margin:0;list-style:none;}
.sidebar ul li a {font-size:14px;font-weight:600;color:#312783;background:#fff;display:block;padding:10px 10px;text-decoration:none;margin-bottom:2px;transition:.5s;}
.sidebar ul li a:hover {color:#fff;background:#312783;}
.sidebar ul li.title a {color:#fff;background:#ff9600;margin-bottom:5px;margin-top:20px;}
.sidebar .baslik {font-weight:600;color:#fff;background:#ff9600;margin-bottom:5px;margin-top:20px;padding:10px 10px;}

.referanslar {padding:40px 0 20px 0;}
.referanslar .ref {border:1px solid #e5e5e5;background:#fff;padding:20px;margin-bottom:20px;}

.blog {background:#eee;padding:30px;margin-top:230px;}

ol.breadcrumb {font-weight:500;}
ol.breadcrumb li a {color:#777 !important;}

.benzer img {float:left;margin-right:12px;}
.benzer h2 {font-size:14px;font-weight:500;}

.thumbnail {border-radius:0 !important;}
.modal-dialog {margin: 20vh auto 0px auto;}

.mesaj {padding:15px 0;color:#fff;font-size:14px;font-weight:500;}
.mesaj.success {background:#00CC6A;}
.mesaj.danger {background:#E81123;}

footer {margin-top:30px;}
footer .abone {margin-top:-35px;margin-bottom:50px;padding:15px;border-radius:35px;-webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.35);box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.35);}
footer .abone input {border:0;height:40px;border-radius:25px;box-shadow:none !important;}
footer .abone .btn {height:40px;line-height:20px;box-shadow:none !important;}
footer {padding:0 0 50px 0;background:#fff;}
footer .footer_logo {margin-bottom:20px;}
footer p {font-size:10px;line-height:14px;}
footer .menu_baslik {font-size:13px;font-weight:700;margin-bottom:10px;}
footer ul {margin:0;padding:0;list-style:none;}
footer ul li {}
footer ul li a {font-size:12px;line-height:20px;color:#575757;}

footer .iletisim {margin-bottom:30px;}
footer .iletisim div {padding:4px 25px;position:relative;font-size:14px;font-weight:600;}
footer .iletisim div.tel:before {position:absolute;left:0;top:5px;background:url("img/tel.png") no-repeat;width:15px;height:15px;content:"";}
footer .iletisim div.mail:before {position:absolute;left:0;top:7px;background:url("img/mail.png") no-repeat;width:14px;height:11px;content:"";}
footer .iletisim div.adres:before {position:absolute;left:0;top:5px;background:url("img/adres.png") no-repeat;width:12px;height:15px;content:"";}

footer ul.sosyal {margin:0;padding:0;list-style:none;}
footer ul.sosyal li a {float:left;margin-right:10px;padding:6px 10px;border:1px solid #ddd;}
@media(max-width:1880px){
header .logo {width:500px !important;}
}
@media(max-width:1780px){
header .logo {width:400px !important;}
}
@media(max-width:1580px){
header .logo {width:300px !important;}
header .logo a {font-size:30px;line-height:170px;line-height:40px;}
}
@media(max-width:1380px){
header .logo {width:250px !important;}
header .logo a {font-size:20px;}
}
@media(max-width:1280px){
header .logo {width:220px !important;}
header .logo a {font-size:20px;}
}
@media(max-width:992px){
.baslik .sag {display:none;}
.site {position:static !important;}
.site .tanitim {margin-top:0;}
.page_ust {height:0;}
.haber {padding:15px;}
.mobil_header {padding:15px;}
.mobil_header .logo a {color:#fff !important;font-size:28px;font-weight:bold;}
.site .page .content {margin-top:10px;}
.site .page .sidebar {display:none;}
}
.navbar-collapse {padding:0;margin:0;}
.mobil_menu_buton {color:#fff;border:0;padding:10px 10px;font-weight:600;margin-bottom:10px;}
.navbar-toggle {border-radius:0;margin-right:0;}
#mobil_menu ul {padding:0;margin:0;list-style:none;}
#mobil_menu ul li {}
#mobil_menu ul li a {display:block;background:#fff;padding:8px 15px;text-decoration:none;margin-bottom:2px;font-weight:500;}
#mobil_menu ul li a:hover {color:#fff;}
.mobil_header {margin-bottom:20px;}
.mobil_header .logo {margin-top:20px;text-align:center;}
.mobil_header .logo img {margin:10px auto;}