/* GENEL */
html,body{  margin:0;padding: 0;}
.inverted {filter: invert(100%);}
.social a{display:inline-block;color:black;font-size: 14pt;padding: 15px;text-decoration: none;position: relative;font-family: 'Proxima Nova Rg';transition:ease all 500ms;}
.social a:Hover{transform:scale(1.4);}
.squreImage{overflow: hidden;}
/* ANASAYFA */
#anasayfa,
#anasayfa body{  overflow: hidden;  background-color: #000000;}
#anasayfa .text {  position: absolute;  top: 40vh;  left: 0;  right: 0;  text-align: center;  color: #000000;  font-family: sans-serif;}
#anasayfa .lamp {  margin-bottom: -2px;  display: flex;  flex-direction: column;  align-items: center;  transform-origin: top center;  animation: swing 5s ease-in-out infinite;  will-change: transform;}
#anasayfa .stand {  margin-bottom: -2px;  width: 2px;  height: 30px;  background-color: #4e5a65;}
#anasayfa .shade {  margin-bottom: -1px;  width: 30px;  height: 30px;  background-color: #4e5a65;  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);}
#anasayfa .light {  width: 100vw;  height: 150vh;margin-top: -10px;  background-color: #fff;  clip-path: polygon(calc(50% - 15px) 0%, calc(50% + 15px) 0%, 100% 100%, 0% 100%);}
#anasayfa .text img{margin-bottom: 5vh;height: 25vh;}transition:ease all 500ms;}
#anasayfa .text img:Hover{transform:scale(1.4);}
#anasayfa .text .content {display: none;}
@keyframes swing {
  0%,  0.8%,  99.2%,  100% {    transform: rotate(8deg);  }
  49.2%,  50.8% {    transform: rotate(-8deg);   }
}

/* MENU */
.menu{padding: 30px;}
.menu a{display:inline-block;color:black;font-size: 14pt;padding: 15px;text-decoration: none;position: relative;font-family: 'Proxima Nova Rg';}
.menu a:hover{text-decoration: none;}
.menu a:after{content: ' ';display: block;width: 0%;height: 3px;background-color: black;position: absolute;bottom: 10px;left: 0;right:0;margin: auto;transition: ease all 500ms}
.menu a:hover:after{width: calc(100% - 30px);}
.menu a.active:after{width:calc(100% - 30px);}

/* Açılır menü stilleri */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

/* HEADER */
header .logo{display:inline-block; margin: 37px;}
header .logo img{width: 104px;   }
header .menu{float:right;}

/* FOOTER */
footer{text-align:center;padding:100px 15px 100px 15px;}
footer .info a{display:inline-block;color:black;font-size: 14pt;padding: 15px;text-decoration: none;position: relative;font-family: 'Proxima Nova Lt';}
footer p{display:inline-block;color:black;font-size: 14pt;padding: 15px;text-decoration: none;position: relative;font-family: 'Proxima Nova Lt';}


/* BIZ KIMIZ */
main{width:100%;margin:30px;max-width:70%;margin:auto;padding:150px 15px 100px 15px;}
main h1{color:black;font-size:30pt;font-family: 'Proxima Nova Rg';text-align:center;}
main p{color:black;font-size:12pt;font-family: 'Proxima Nova Lt';text-align:center;margin:10px 0 0 0;min-height: 40px;}
main .btn{background-color:#000;color:#fff;padding:15px 40px;display:table;text-decoration:none;font-family: 'Proxima Nova Lt';margin:30px auto 0 auto;transition:ease all 500ms;}
main .btn:Hover{transform:scale(1.1);}
main .personel{padding-top:100px;}
main .personel:after{content:' ' ;clear:both;display:block;}
main .personel>div{width:25%;float: left;text-align:centeR;transition:ease all 500ms;}
main .personel>div:Hover{transform:scale(1.05);}
main .personel>div img{width:70%;  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
main .personel>div strong{display:block;font-weight: bold;}
main .personel>div p{min-height: 80px;}

/* NELER YAPTIK */

main .neler-yaptik{padding-top:50px;}
main .neler-yaptik:after{content:' ' ;clear:both;display:block;}
main .neler-yaptik>div{width:25%;float: left;text-align:centeR;transition:ease all 500ms;}
main .neler-yaptik>div:Hover{transform:scale(1.1);}
main .neler-yaptik>div img{width:100%;  -webkit-filter: grayscale(100%); filter: grayscale(100%);transition:ease all 500ms;}
main .neler-yaptik>div:hover img{ -webkit-filter: grayscale( 0%); filter: grayscale( 0%);}
main .neler-yaptik>div strong{display:block;}
main .neler-yaptik>div a{text-decoration:none;background-color:#efefef;display:block;margin:15px;padding:30px;}
/*  REFERANS */

main .referans{padding-top:50px;}
main .referans h2{display:block;color:black;font-size:16pt;font-family: 'Proxima Nova Lt';text-align:center;margin-bottom:20px;margin-top:30px;}
main .referans:after{content:' ' ;clear:both;display:block;}
main .referans>div{width:calc(20% - 60px);float: left;text-align:centeR;transition:ease all 500ms;}
main .referans>div:Hover{transform:scale(1.1);}
main .referans>div img{height:auto;border-radius:400px;width:100%;  -webkit-filter: grayscale( 100%); filter: grayscale( 100%);transition:ease all 500ms;}
main .referans>div:hover img{ -webkit-filter: grayscale( 0%); filter: grayscale( 0%);}
main .referans>div strong{display:block;}
main .referans>div {transition:ease all 200ms;text-decoration:none;background-color: #fff;border:solid 2px #efefef; display:block;margin:10px;padding:10px;}
main .referans>div p{margin:0px;font-size:16px;}
main .referans>div:hover{border-color:#000;}



/* HİZMETLER */
.hizmetler{}
.hizmetler .liste{text-align:left;font-family: 'Proxima Nova Lt';margin-top:70px;}
.hizmetler .liste h2{font-family: 'Proxima Nova Rg';color:#fff;position:relative;cursor:pointer;}
.hizmetler .liste h2:after{content:' ' ;clear:both;display:block;}
.hizmetler .liste h2 span{transition:ease all 500ms;cursor:pointer;position:absolute;righT: 3px;width: 34px;top: -8px;background-color:#fff;display:inline-block;color:#000;text-align:center;padding:5px;font-size:20pt;}
.hizmetler .liste li{font-size:14pt;}
.hizmetler .liste .content{display:none;margin-bottom:30px;}
.hizmetler .liste .content ul,
.hizmetler .liste .content ul li{margin:0px;padding:0px;}
.hizmetler .liste .content ul{margin-left:20px;}
.hizmetler .liste>div{background-color:#000;padding:3px 25px;margin-bottom:30px;}
.hizmetler .liste>div:hover h2>span{transform:scale(1.3);}
.hizmetler .liste>div.active{background-color:#eee; }
.hizmetler .liste>div.active h2{color:#000;}
.hizmetler .liste>div.active h2 span{background-color: #000;color:#fff;}
.hizmetler .liste>div.active .content,
.hizmetler .liste>div.active .content p{display:block;text-align:left;}

.hizmetler.detail ul,
.hizmetler.detail ul li{margin:0px;padding:0px;}
.hizmetler.detail ul{margin-left:20px;}
.hizmetler.detail .footer-menu{background-color: #efefef;padding: 30px;margin-top: 30px;}
.hizmetler.detail .footer-menu h3{font-family: 'Proxima Nova Rg';}
.hizmetler.detail .footer-menu a{display: block;margin: 7px 0; text-decoration: none;color:#000000;font-family: 'Proxima Nova Lt'; }
.hizmetler.detail .footer-menu a:before{content: ' ';display: inline-block; width: 5px;height: 5px;margin-bottom: 2px;margin-right:5px;border-radius: 100px;border:solid 1px gray;}


 /* İLETİSİM */
.formBox{ margin-top: 50px;background-color: #efefef;overflow: hidden;}
.formBox:after{content:' ' ;clear:both;display:block;}
.formBox>div{width:50%;float: left;text-align:centeR;  }
.formBox label{color:black;font-size:14pt;font-family: 'Proxima Nova Lt';text-align:left;display:block;padding:15px 0;}
.formBox .form-control{background-color: #fff;border:none;padding:15px;}
.formBox button{background-color: #fff !important;border:none;color:#000;padding: 0px;font-weight: 600;font-size: 18px;cursor: pointer;}
.formBox button:hover{color:#ed1f35;}
.form-control {
  display: block;width: 100%;padding: .5rem .75rem;font-size: 1rem;line-height: 1.25;color: #464a4c;background-color: #fff;background-image: none;
  -webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
form{margin:20px 50px 50px 50px;}
input,
textarea{    width: 95% !important;}
button{  margin-top:30px;}

/* SCROLL BUTTON */
#scrollUp {position: fixed;bottom: 40px;right: 40px;z-index: 9999999999; text-align: center;padding:15px 20px;background: #eee;color: #444;cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#scrollUp:hover {    background: #000;color:#fff;}
#scrollUp.show {    opacity: 1;}