/*!
 * Yunus Emre VERGÜL */


 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

/*Genel Ayarlar*/

body {font-family: 'Noto Sans', sans-serif; margin:0; padding:0; color:#606060; font-weight:400; font-size:14px;}
a {text-decoration:none; transition:0.4s all ease; cursor: pointer;}
a:hover{text-decoration: none;}
img {border:none;}
input {box-shadow:none; outline:0; box-shadow:none;}
textarea {box-shadow:none; outline:0;box-shadow:none;}
select {box-shadow:none; outline:0;box-shadow:none;}
.p-0-30 {padding:0 30px;}
.p-20 {padding:15px 0 25px 0;}
.p-15 {padding: 15px;}
.p-b-30 {padding-bottom:30px;}
.m-auto {margin: 0 auto!important;}
.m-15 {margin:15px;}
.m-0 {margin:0!important; padding:0;}
.m--00 {margin:50px 0 30px 0!important; padding:0;}
.m-t-30 {margin-top:30px;}
.m-t-b-30 {margin: 30px 0;}
.m-b-30 {margin-bottom: 30px;}
.w-100 {width: 100%;}
.m-w-100 {max-width: 100%;}
.w-100 {width: 100%;}
.m-w-60 {max-width: 60%;}
.m-r-10 {margin-right:10px!important;}
.m-t-15 {margin-top:15px!important;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.blue {color:#0076d1;}
.relative {position:relative;}
.p-30 {padding: 30px;}
.p-100 {padding: 100px 0;}
.vh100 {height: 100vh!important;}
.p-t-30 {padding-top:30px;}
.border-bottom {border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;}
.d-block {display: block;}


header {position: absolute; top: 0; z-index: 1; left: 0; margin:0; padding:0; width:100%;}
.logo {position: absolute; width: 270px; top: 30px; left: 50px; z-index: 555; height: 85px; background: url(/img/logo.svg) no-repeat center center;}
.nav {display: flex; text-align: center; margin-top: 60px;}
.nav ul {margin:0 auto; padding: 0; }
.nav ul li {float: left; list-style-type: none;}
.nav ul li a {display: inline-block; color:#edeeee; padding:0 0 10px 0; font-size:16px; margin-right: 35px; transition: 0.4s all ease;}


footer {
    margin:50px 0;
    position: relative;
}
.b-logo {width: 200px; display: block; height: 65px; background: url(/img/b-logo.svg) no-repeat left center;}
.bottom-mail {color:#1d1d1b; font-size:22px; display: inline-block; font-weight: 700;}
.bottom-social {text-align: right;}
.bottom-social a {display: inline-block; margin-left:20px; font-size:22px;}
.bottom-social a i {color:#1d1d1b;}

.bottom-menu {margin:20px 0;}
.bottom-menu ul {margin:0; padding:0;}
.bottom-menu ul li {float: left; list-style-type: none;}
.bottom-menu ul li a {display: block; margin-right:30px; color:#1d1d1b;}
.agency {
    display: block;
    width: 23px;
    height: 125px;
    background: url(/img/kreatif_logo.png) center center no-repeat;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top:-62.5px;
}
.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #edeeee;
    transition: width .3s;
}

.cool-link:hover::after {
    width: 100%;
}
.cool-link2::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #edeeee;
    transition: width .3s;
}

.cool-link2:hover::after {
    width: 43%;
}
.cool-link4::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #1d1d1b;
    transition: width .3s;
}

.cool-link4:hover::after {
    width: 100%;
}


.hamburger-menu {position: absolute; cursor: pointer; display: inline-block; color:#edeeee; z-index: 1; right:50px; top:60px; font-size:16px;}
.hamburger-menu span {color:#edeeee;}
.hamburger-menu:hover {color:#edeeee;}
.hamburger-menu img {margin-left: 20px;}

.carousel-caption {top:30%; position:absolute; z-index: 200!important; text-shadow:none; text-align: left;}
.tit-2 {font-size:1.5em; line-height: 1.3; margin-bottom: 30px; font-weight:400; color:#fff; display:block;}
.tit-1 {font-size:3.8em; line-height: 1;  margin-bottom: 30px; font-weight:700; color:#fff; display:block;}
.slide-btn {font-size:1.5em; color:#fff; display:inline-block;}
.slide-btn:hover {color:#fff}
.slide-btn i {margin-left:10px;}


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
    background: url(/img/loading.gif) center no-repeat #fff;
    background-size:25%;
}


/*İç Sayfa Stilleri*/

.page-back {
    position: relative;
    padding:90px 0 60px 0;
    background:url(/img/header-back.jpg) no-repeat center center;
    background-size:cover; 
}
.page-head {background: #1d1d1b; padding: 30px;}
.page-head h1 {color:#edeeee; font-weight: 700; display: block; font-size:24px; margin-bottom:15px;}
.page-link ul{margin:0; padding: 0;}
.page-link ul li {float: left; list-style-type: none;}
.page-link ul li a {display: block; margin-right: 10px; color:#edeeee; font-size: 13px;}
.page-link ul li a i {color:#edeeee;}

.content {margin:50px 0;}
.sidemenu {border-left: #1d1d1b 1px solid; padding:0; margin:0; }
.sidemenu ul {margin: 0; padding:0;}
.sidemenu ul li {list-style-type: none; float: none;}
.sidemenu ul li a {padding:10px 15px 10px 15px; display: block; color:#1d1d1b}
.sidemenu ul li a:hover {border-left:2px solid #1d1d1b; color:#1d1d1b}

.slogan {font-size:1em; font-weight: 700; color:#1d1d1b; margin:30px 0;}
.ik-form label {font-size:12px;}
.form-txt {border:1px solid #1d1d1b; widtH:100%; color:#edeeee; padding:10px 15px; color:#1d1d1b; margin-bottom:15px;}
.form-btn {background: #1d1d1b; padding:10px 15px; text-align: center; color:#fff; font-size:14px;}
.form-btn:hover {background: #606060; color:#fff;}

.project {margin-bottom: 30px;}
.project img:hover {margin-left:5px; transition: 0.4s all ease;}
.project .text {padding:200px 0;}
.project .text h2 {font-weight: 900; color:#1d1d1b; font-size: 1.5em; display: block; margin:15px 0;}
.project .text p {font-size: 1em; color:#606060; display: block; margin:15px 0;}
.project .text a {display:inline-block; color:#1d1d1b; font-size:14px; }
.project .text a:hover {color:#1d1d1b;}
.project .text a i {margin-left:10px;}
.project .p-title {border-left:5px solid #daad88; margin-top:30px;  padding:10px 20px; display: block; margin-bottom: 30px;}
.project .p-title h3 {color:#1d1d1b; font-size:1.3em; font-weight: 900; margin:0; padding:0}
.project .p-content {padding-left:25px;}
.project .p-images {margin-bottom: 30px; display:block; padding: 5px; border:1px solid #edeeee;}
.project .p-images img {width:100%}
.project .p-images img:hover {margin-left: 0!important;}
.project .p-properties {border-left:1px solid #daad88; margin-bottom:30px; padding-left:10px;}
.project .p-properties span {display: block; font-weight: 900; color:#daad88; font-size:1.3em;}
.project .p-properties span.small {font-size:13px; font-weight: 400; color:#c1c1c1;}

.detail-form {height: 100%; width: 100%;}
.detail-form .title {background: #daad88; padding:23px 30px; color:#1d1d1b; font-size:16px; font-weight: 900;}
.detail-form .form-inner {background: #edeeee; padding:30px 15px; height: auto;}
.detail-form .form-inner p {padding:0 15px 30px 15px; display: block;}
@media (max-width: 480px) {
    .logo {    
        width: 140px;
        left: 30px;
        top: 15px;
    }
    .hamburger-menu {
        right: 30px;
        top: 45px;
        font-size: 14px;
    }
    .hamburger-menu img {
        margin-left:10px;
    }
    .carousel-caption {
        top:40%;
        left:30px;
    }
    .tit-1 {
        font-size:22px;
    }
    .tit-2 {
        font-size:18px;
    }
    .slide-btn {font-size:18px;}

    .hr .slogan {font-size:10px;}

    .bottom-mail {font-size:16px; margin:30px 0; display: block;}
.bottom-social {text-align: left;}
.bottom-social a {margin-right:20px; margin-left:0;} 
.bottom-menu ul li {float: none; list-style-type: none;}
.bottom-menu ul li a {display: block; margin-top:10px;}
}
@media (max-width: 768px) {
}
@media (max-width: 990px) {
  
}