@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Brygada+1918&family=Comfortaa:wght@300;400;500&family=Quicksand:wght@300;400&family=Roboto:wght@100;300;400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@800&display=swap");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

:root {
  --text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-bold: 'Rubik', sans-serif;
  font-family: "Roboto", sans-serif;
  /* font-size: 10pt; */
}

html {
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: black;
  display: block;
}

ul {
  list-style: none;
}

h3 {
  font-size: 1.7rem;
  color: #707070;
}

input, button {
  border: none;
}

img {
  max-width: 100%;
}

section {
  margin: 3rem 0;
}

.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.container-sm {
  margin: 0 auto;
  width: 100%;
  max-width: 768px;
}

.container-md {
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
}

.container-lg {
  padding: 0 120px;
  -webkit-transition: .4s;
  transition: .4s;
  max-width: 2000px;
  margin: 0 auto;
}

.m1 {
  margin: 1rem;
}

.mt2 {
  margin-top: 2rem;
}

.t-center {
  text-align: center;
}

.btn-tel {
  background: #0006;
}

.btn-br {
  border-radius: 20px;
  padding: 3px .5rem;
}

.btn-social {
  border: 1px solid;
}

.btn-social .social-icon {
  height: 1rem;
  width: 1rem;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: none;
  text-decoration: none;
}

.flexbox-var {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.more-item-btn {
  min-width: 7rem;
  text-align: center;
  padding: 8px 10px;
  border: 1px solid;
  left: 50%;
  position: relative;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  max-width: 12rem;
  cursor: pointer;
  -webkit-transition: .4s;
  transition: .4s;
}

.more-item-btn:hover {
  color: white;
  background: black;
}

.header {
  height: 120px;
}

.header .header-content {
  background: #f7f7f7;
  background-size: cover;
  background-position: bottom;
  padding-top: 1rem;
  position: relative;
  height: 100%;
}

.header .header-left {
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
}

.header .header-left .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}

.header .header-left .nav .header-logo {
  width: 18rem;
}

.header .header-left .nav .header-top-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header .header-left .nav .header-top-content .header-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: none;
}

.header .header-left .nav .header-top-content .header-contact a {
  color: white;
  font-size: 13px;
  line-height: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 5px;
}

.header .header-left .nav .header-top-content .navbar-toggler {
  height: 2rem;
  width: 2rem;
  float: right;
  display: none;
  cursor: pointer;
  margin-bottom: 1rem;
}

.header .header-left .nav .header-top-content .navbar-toggler .line {
  height: 3px;
  width: 2rem;
  background: black;
  margin: 6px 0;
}

.header .header-left .nav .header-top-content .navbar .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header .header-left .nav .header-top-content .navbar .nav-list .nav-item {
  margin-left: 1rem;
  height: 2rem;
}

.header .header-left .nav .header-top-content .navbar .nav-list .nav-item > a {
  color: black;
  font-size: 15px;
  padding: 0.5rem;
  height: 100%;
  position: relative;
  display: block;
  white-space: nowrap;
}

.header .header-left .nav .header-top-content .navbar .nav-list .nav-item.menu-active {
  background: #BD3232;
}

.header .header-left .nav .header-top-content .navbar .nav-list .dropdown {
  position: relative;
  display: inline-block;
}

.header .header-left .nav .header-top-content .navbar .nav-list .dropdown .dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 160px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 32px;
}

.header .header-left .nav .header-top-content .navbar .nav-list .dropdown .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  padding: 10px 14px;
  font-size: 14px;
}

.header .header-left .nav .header-top-content .navbar .nav-list .dropdown .dropdown-content .dropdown-link::after {
  content: '';
  display: block;
  background: #dfdfdf;
  height: 1px;
  width: 94%;
  position: relative;
  left: 3%;
}

.header .header-left .nav .header-top-content .navbar .nav-list .dropdown .dropdown-content .dropdown-link a:hover {
  background: #fff;
  text-shadow: 1px 1px 1px #dfdfdf;
}

.header .header-left .nav .header-top-content .navbar .nav-list .dropdown:hover .dropdown-content {
  display: block;
}

.header .header-left .header-bot {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  height: 20rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.671)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.671), rgba(0, 0, 0, 0));
  color: white;
}

.header .header-left .header-bot h2 {
  font-size: 35px;
}

.header .header-left .head-btn {
  position: absolute;
  bottom: 30px;
  height: 8rem;
  width: 9rem;
  background: rgba(255, 255, 255, 0.533);
  padding: 1rem;
  font-size: 1.5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.header .header-left .head-btn .mini-btn {
  border: 1px solid black;
  font-size: 14px;
}

.header .header-left .head-btn .mini-btn a {
  padding: .2rem 0.3rem;
}

.header .header-left .head-btn .mini-btn:hover, .header .header-left .head-btn .mini-btn:hover a {
  border-color: white;
  color: white;
  -webkit-transition: .5s;
  transition: .5s;
}

.header .header-left .head-btn-left {
  right: 0;
  border-radius: 20% 0 0 20%;
}

.header .header-right {
  width: 30%;
  background: black;
  -webkit-transition: .5s;
  transition: .5s;
}

.header .header-right .owl-head-project__item {
  position: relative;
}

.header .header-right .owl-head-project__item img {
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}

.header .header-right .owl-head-project__item .head-project-text {
  position: absolute;
  width: 100%;
  text-align: center;
  color: white;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.533);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .5rem;
}

.header .header-right .owl-head-project__item .head-project-btn .mini-btn {
  border: 1px solid black;
  font-size: 14px;
}

.header .header-right .owl-head-project__item .head-project-btn .mini-btn a {
  padding: .2rem 0.3rem;
}

.header .header-right .owl-head-project__item .head-project-btn .mini-btn:hover, .header .header-right .owl-head-project__item .head-project-btn .mini-btn:hover a {
  border-color: white;
  color: white;
  -webkit-transition: .5s;
  transition: .5s;
}

.header .header-right .owl-head-project__item .head-btn {
  position: absolute;
  bottom: 30px;
  height: 2rem;
  width: 12rem;
  background: #ffffff88;
  padding: 1rem;
  font-size: 1.5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.header .header-right .owl-head-project .owl-nav {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 7rem;
  color: white;
  font-weight: lighter;
  line-height: 5rem;
}

.header .header-right .owl-head-project .owl-nav .owl-next {
  -webkit-transform: translate(-50%, 20%);
          transform: translate(-50%, 20%);
}

.sidebar {
  height: 100vh;
  width: 20rem;
  position: fixed;
  z-index: 9;
  top: 0;
  left: -25rem;
  background-color: #09142d;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: fixed;
  display: block;
  overflow: hidden;
}

.sidebar .sidebar-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sidebar .sidebar-top > a {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: white;
  font-weight: bold;
  padding: 0 1rem;
}

.sidebar .sidebar-top .closebtn {
  /* position: absolute;
            top: 20px;  
            right: 45px;
            float: right; */
  padding: 0 1rem;
  font-size: 40px;
}

.sidebar .sidebar-mid .sidebar-item:hover {
  background: #101b33;
}

.sidebar .sidebar-mid .sidebar-item .sidebar-link {
  /* background-color: #eee;
                color: #444; */
  color: white;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sidebar .sidebar-mid .sidebar-item .sidebar-link a {
  padding: 15px;
  display: block;
  width: 100%;
  color: white;
}

.sidebar .sidebar-mid .sidebar-item .sidebar-accordion:after {
  content: '\002B';
  /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  font-weight: bold;
  color: #777;
  float: right;
  margin-left: 5px;
  position: absolute;
  right: 1rem;
  line-height: 45px;
}

.sidebar .sidebar-mid .sidebar-item .accordion-submenu {
  /* padding: 0 18px; */
  background-color: white;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.sidebar .sidebar-mid .sidebar-item .accordion-submenu .accord-sub-item {
  height: 2.5rem;
}

.sidebar .sidebar-mid .sidebar-item .accordion-submenu .accord-sub-item > a {
  color: black;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 18px;
}

.sidebar .sidebar-mid .sidebar-item .accord-active:after {
  content: "\2212";
}

.sidebar .sidebar-list {
  display: block;
  overflow: auto;
  min-height: calc(100vh - 48px);
  margin: auto;
}

.sidebar .sidebar-bot .sidebar-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 57px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.sidebar .sidebar-bot .sidebar-social a {
  width: 100%;
  text-align: center;
  height: 100%;
  line-height: 57px;
  color: white;
}

.sidebar .sidebar-bot .sidebar-social a:hover {
  background: #101b33;
}

.sidebar-item::after, .sidebar-bot::before {
  background: rgba(255, 255, 255, 0.231);
  width: 96%;
  height: 1px;
  display: block;
  content: '';
  left: 2%;
  position: relative;
}

#sticky {
  background-color: white;
  position: fixed;
  top: -144px;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: top 0.6s;
  transition: top 0.6s;
  z-index: 3;
  -webkit-box-shadow: 5px -3px 5px gray;
          box-shadow: 5px -3px 5px gray;
}

#sticky > .container-lg {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#sticky > .container-lg .sideicon {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: black;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
  text-decoration: none;
  font-size: 17px;
}

#sticky > .container-lg .sideicon .sticky-icon {
  cursor: pointer;
}

#sticky > .container-lg .sideicon .sticky-icon .line {
  width: 1.5rem;
  height: 2px;
  background-color: black;
  margin: .3rem;
  /* transition: 4s; */
}

#sticky > .container-lg .nav-item {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: .5s;
  transition: .5s;
}

#sticky > .container-lg .sticky-logo {
  display: inline-block;
  padding: .5rem;
  position: absolute;
  background: white;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  border-radius: 50%;
}

#sticky > .container-lg .sticky-logo > a img:nth-child(1) {
  height: 6rem;
}

#sticky > .container-lg .sticky-search {
  color: black;
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}

#sticky > .container-lg .sticky-search i {
  color: black;
}

#sticky > .container-lg .sticky-search-form {
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  max-width: 600px;
  width: 75%;
  height: 44px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}

#sticky > .container-lg .sticky-search-form input {
  width: 100%;
  height: 44px;
  background: transparent;
  color: black;
  border: none;
  outline: none;
  font-size: 18px;
}

#sticky > .container-lg .sticky-search-form .sticky-search-close {
  position: absolute;
  right: -20px;
  top: 0;
  height: 44px;
  font-size: 18px;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

#sticky > .container-lg .sticky-search-form::before {
  content: '\f002';
  position: absolute;
  top: 11px;
  left: -26px;
  font-size: 18px;
  color: black;
  font-family: fontAwesome;
}

.nav-item.hide-item {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.sticky-search-form.nav-active {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.services-head {
  margin-top: 1rem;
}

.services-head h3 {
  font-size: 1.7rem;
  color: #707070;
}

.services-bot {
  padding: 2rem 0;
}

.services-top .services-content, .services-bot .services-content {
  margin: 0 -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.services-top .services-content .services-item, .services-bot .services-content .services-item {
  background: #f7f7f7;
  height: 10rem;
  margin: 2rem 1rem 1rem 1rem;
  width: calc(100% / 3 - 32px);
}

.services-top .services-content .services-item .services-block, .services-bot .services-content .services-item .services-block {
  height: 100%;
}

.services-top .services-content .services-item .services-block img, .services-bot .services-content .services-item .services-block img {
  top: 50%;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.services-top .services-content .services-item .services-name, .services-bot .services-content .services-item .services-name {
  padding: 1rem 3px;
  text-align: center;
  color: gray;
}

.services-top .services-content .services-item:hover, .services-bot .services-content .services-item:hover {
  background: #FA0;
}

.lastproject-head {
  margin: 2rem 0 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  color: #707070;
}

.lastproject-head a {
  font-size: 12px;
  color: #707070;
  -webkit-transition: .5s;
  transition: .5s;
}

.lastproject-head a:hover {
  color: black;
}

.owl-lastproject, .owl-lastproject .owl-item {
  height: 330px;
}

.owl-lastproject img, .owl-lastproject .owl-item img {
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}

.owl-lastproject .last-project-text, .owl-lastproject .owl-item .last-project-text {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.333);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem;
}

.owl-lastproject .last-project-text .project-item-head, .owl-lastproject .owl-item .last-project-text .project-item-head {
  -webkit-transition: .5s;
  transition: .5s;
  top: 15%;
  position: relative;
  text-align: center;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.owl-lastproject .last-project-text .project-info, .owl-lastproject .owl-item .last-project-text .project-info {
  width: 100%;
  font-size: 14px;
  text-align: center;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0;
  top: 30%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.owl-lastproject .last-project-text:hover .project-item-head, .owl-lastproject .owl-item .last-project-text:hover .project-item-head {
  top: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.owl-lastproject .item:hover .project-info {
  -webkit-transition: .5s;
  transition: .5s;
  visibility: visible;
  opacity: 1;
  top: 0;
}

.information {
  position: relative;
  margin: 3rem 0;
  height: 380px;
  background: url("https://images.unsplash.com/photo-1543500422-bf591449002c?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1334&q=80") no-repeat fixed;
  background-size: cover;
}

.information .information-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.659);
}

.information .information-bg .down-arrow {
  width: 0;
  height: 0;
  border-top: 30px solid white;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.information .information-bg .info-ok {
  height: 4.5rem;
  width: 4.5rem;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -92%) rotate(45deg);
          transform: translate(-50%, -92%) rotate(45deg);
}

.information .information-bg .information-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 90%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.information .information-bg .information-content .information-header {
  text-align: center;
  color: white;
  margin: 1rem;
}

.information .information-bg .information-content .information-header h1 {
  -webkit-transition: .4s;
  transition: .4s;
  font-size: 50px;
}

.information .information-bg .information-content .information-text {
  color: white;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
}

.information .information-bg .information-content .info-btn {
  margin: 1rem 0;
  width: 100%;
  max-width: 8rem;
  text-align: center;
  left: 50%;
  position: relative;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  color: white;
  border: 1px solid white;
}

.information .information-bg .information-content .info-btn a {
  padding: .2rem .3rem;
  color: white;
  border-color: white;
}

.il-isimleri {
  position: absolute;
  z-index: 2;
}

.il-isimleri div {
  font-family: 'Open Sans';
  display: inline-block;
  background: red;
  -webkit-box-shadow: 0 0 5px gray;
          box-shadow: 0 0 5px gray;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
}

.svg-turkiye-haritasi {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.svg-turkiye-haritasi svg {
  width: 100%;
  height: auto;
}

.svg-turkiye-haritasi svg path {
  cursor: pointer;
  fill: #e6e6e6;
}

.svg-turkiye-haritasi svg path:hover {
  fill: red;
}

.total-project {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.total-project li {
  width: 100%;
  max-width: 10rem;
}

.total-project li .count {
  font-size: 2rem;
  font-family: var(--font-bold);
  color: #00000094;
}

.send-message {
  background: -webkit-gradient(linear, left top, right top, from(#c40505), color-stop(black), to(#7d6d6d));
  background: linear-gradient(90deg, #c40505, black, #7d6d6d);
  color: white;
  padding: 2rem 0;
}

.send-message .main-contact-title {
  text-align: center;
}

.send-message .main-contact-subtitle {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.send-message .main-contact-subtitle::before, .send-message .main-contact-subtitle::after {
  content: '';
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-bottom: solid 1px #fff;
  height: 7px;
}

.send-message .main-contact-subtitle h4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 0 15px 0 15px;
  color: #fff;
}

.send-message .main-contact-form {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.send-message .main-contact-form div {
  width: 100%;
  margin-top: 20px;
}

.send-message .main-contact-form div .main-contact-formbutton {
  width: 95%;
  margin-top: 1rem;
  height: 4rem;
  background: -webkit-gradient(linear, left top, right top, from(#ac0000), to(#240000));
  background: linear-gradient(90deg, #ac0000, #240000);
  color: white;
  font-size: 24px;
  border-radius: 5px;
  cursor: pointer;
}

.send-message .main-contact-form div .form-element input {
  background: none;
  border-bottom: 1px solid white;
  width: 95%;
  color: white;
  padding: 5px 0;
}

.send-message .main-contact-form div input::-webkit-input-placeholder {
  color: white;
}

.send-message .main-contact-form div input:-ms-input-placeholder {
  color: white;
}

.send-message .main-contact-form div input::-ms-input-placeholder {
  color: white;
}

.send-message .main-contact-form div input::placeholder {
  color: white;
}

.send-message .main-contact-form .main-contact-form-right textarea {
  width: 95%;
  float: right;
  background: rgba(108, 64, 64, 0.251);
  border: none;
  height: 9.6rem;
  padding: 9px;
  color: white;
  resize: vertical;
  max-height: 20rem;
  font-family: var(--text-font);
  font-size: 14px;
}

.send-message .main-contact-form textarea::-webkit-input-placeholder {
  color: white;
}

.send-message .main-contact-form textarea:-ms-input-placeholder {
  color: white;
}

.send-message .main-contact-form textarea::-ms-input-placeholder {
  color: white;
}

.send-message .main-contact-form textarea::placeholder {
  color: white;
}

.send-message .main-contact-form .contact-button.xs {
  display: none;
  padding: 1rem;
  margin-top: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#ac0000), to(#240000));
  background: linear-gradient(90deg, #ac0000, #240000);
  color: white;
  font-size: 20px;
  border-radius: 5px;
  cursor: pointer;
}

.word {
  text-align: center;
  color: #8b8686;
  font-size: 3rem;
  font-family: 'Dancing Script', cursive;
  -webkit-transition: .5s;
  transition: .5s;
}

/* Eleman | http://127.0.0.1:5500/insaat.html */
.buildInfo-content {
  min-height: 300px;
}

.buildInfo-content .kaydir {
  height: 300px;
  min-width: 40%;
  -o-object-fit: cover;
     object-fit: cover;
  float: right;
  padding: 0 0 10px 10px;
}

.buildInfo-content .buildInfo-txt {
  font-family: var(--text-font);
  color: #6f6f6f;
  font-size: 12pt;
}

.featured-project {
  margin: 2rem 0;
}

.featured-project .featured-project-title {
  text-align: center;
}

.featured-project .featured-project-title h3 {
  font-size: 2rem;
}

.featured-project .owl-featured-project {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  padding: 2rem 0;
  margin: 10px 0;
}

.featured-project .owl-featured-project .owl-featured__item img {
  height: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.all-build .all-build-title {
  background: #132A5E;
  color: white;
  padding: 2rem;
  text-align: center;
  margin-bottom: 2rem;
}

.all-build .build-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -10px;
}

.all-build .build-list .build-item {
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#132A5EC4), to(#132A5EC4)), url("https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1353&q=80");
  background: linear-gradient(#132A5EC4, #132A5EC4), url("https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1353&q=80");
  margin: 10px;
  height: 400px;
}

.all-build .build-list .build-item .build-content {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  color: white;
}

.all-build .build-list .build-item .build-content p {
  font-size: 20px;
  text-align: center;
}

.all-build .build-list .build-item .build-content a {
  color: white;
  border: 1px solid;
  padding: 3px 20px;
  -webkit-transition: .2s;
  transition: .2s;
}

.all-build .build-list .build-item .build-content a:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 0 8px 4px white;
          box-shadow: 0 0 8px 4px white;
}

.services-tab {
  position: relative;
  width: 100%;
}

.services-tab input {
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
}

.services-tab input:checked ~ .tab-content {
  max-height: 30rem;
  overflow-y: auto;
}

.services-tab input:checked ~ label i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.services-tab label {
  color: #fff;
  cursor: pointer;
  display: block;
  line-height: 5;
  margin-bottom: 0.5em;
  padding: 0 1rem;
  border-radius: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 42, 94, 0.769)), to(rgba(19, 42, 94, 0.769))), url("http://selerinsaat.com/wp-content/uploads/2016/07/%C4%B0ZM%C4%B0%C4%B0R.jpg") 50% 50%;
  background: linear-gradient(rgba(19, 42, 94, 0.769), rgba(19, 42, 94, 0.769)), url("http://selerinsaat.com/wp-content/uploads/2016/07/%C4%B0ZM%C4%B0%C4%B0R.jpg") 50% 50%;
  background-size: cover;
  background-attachment: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.services-tab label i {
  -webkit-transition: .4s;
  transition: .4s;
  font-size: 20px;
}

.services-tab .tab-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  scrollbar-color: rgba(19, 42, 94, 0.769) #f7f7f7;
  scrollbar-width: thin;
}

.services-tab .tab-content::-webkit-scrollbar {
  width: 6px;
}

.services-tab .tab-content::-webkit-scrollbar-thumb {
  background-color: rgba(19, 42, 94, 0.769);
}

.services-tab .tab-content ul li {
  margin: 0 5px;
  border-top: 1px solid #cecece;
}

.services-tab .tab-content ul li a {
  padding: 15px;
  -webkit-transition: .4s;
  transition: .4s;
}

.services-tab .tab-content ul li a:hover {
  color: #bd3232;
  -webkit-animation: anim-sagsol cubic-bezier(0.46, 0.03, 0.52, 0.96) 2s infinite;
          animation: anim-sagsol cubic-bezier(0.46, 0.03, 0.52, 0.96) 2s infinite;
}

.services-tab .tab-content ul li:first-child {
  border: none;
}

.tab-wrapper {
  position: relative;
}

.tab-wrapper .tabline {
  width: calc(100% / 2);
  border-bottom: 3px solid #C3512F;
  position: absolute;
  top: 56px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.tab-wrapper .tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.33em;
}

.tab-wrapper .tabs label {
  position: relative;
  font-weight: normal;
  letter-spacing: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  width: calc(100% / 2);
  text-align: center;
  background: #ddd;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  margin: auto;
  height: 59px;
}

.tab-wrapper .tabs input {
  display: none;
  cursor: pointer;
}

.tab-wrapper .tabs input:checked + label {
  background: #fff;
  color: #C3512F;
}

.tab-wrapper .tabs #tab1:checked ~ .tabline {
  left: 0%;
}

.tab-wrapper .tabs #tab2:checked ~ .tabline {
  left: 50%;
}

.tab-wrapper .tabs .tab-contents {
  letter-spacing: normal;
  background: #fff;
  padding: 30px 0;
  margin: 0 -10px;
}

.tab-wrapper .tabs .tab-contents .tab-item {
  display: none;
}

#tab1:checked ~ .tab-contents #tab-content1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#tab2:checked ~ .tab-contents #tab-content2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.project-card {
  width: calc(100% / 3 - 20px);
  margin: 0 10px;
  margin-bottom: 1.5rem;
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.039);
          box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.039);
}

.project-card a {
  position: relative;
  max-height: 360px;
}

.project-card a img {
  height: 100%;
  width: 100%;
  height: 17rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.project-card a .prj-back {
  height: 17rem;
  position: absolute;
  width: 100%;
  top: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.project-card a h4 {
  top: 90%;
  width: 100%;
  margin: 15px 0 20px 0;
  padding: 0 10px;
  -webkit-transition: .4s;
  transition: .4s;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.project-card a .project-card-txt {
  position: absolute;
  height: 17rem;
  top: 0;
  opacity: 0;
  color: white;
  -webkit-transition: .6s;
  transition: .6s;
  padding: 10px 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.project-card a .project-card-txt strong {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 135px;
}

.project-card a .project-card-txt div {
  width: 99%;
  margin-bottom: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.project-card:hover .project-card-txt {
  opacity: 1;
  background: rgba(0, 0, 0, 0.471);
}

.project-detail-sc {
  margin-top: 0;
}

.project-detail-page-wrapper {
  position: relative;
  margin-bottom: 1rem;
  -webkit-transition: .3s;
  transition: .3s;
}

.project-detail-page-wrapper .prj-detail-head {
  position: absolute;
  z-index: 2;
  padding: 10px;
  font-size: 3rem;
  bottom: 30%;
  left: 6%;
  color: white;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.712);
  max-width: calc(100% - 120px);
}

.owl-project-detail img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: .3s;
  transition: .3s;
}

.owl-project-detailBig {
  position: relative;
}

.owl-project-detailBig:hover .owl-nav {
  opacity: 1;
}

.owl-project-detailBig .project-detail__item {
  color: #FFF;
  text-align: center;
}

.owl-project-detailBig .project-detail__item img {
  height: 40rem;
}

.owl-project-detailBig .owl-nav {
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0;
}

.owl-project-detailBig .owl-nav .owl-next, .owl-project-detailBig .owl-nav .owl-prev {
  width: 50px;
  height: 50px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  background: #f7f7f794 !important;
  margin: 0 !important;
  padding: 10px !important;
  border-radius: 0 !important;
}

.owl-project-detailBig .owl-nav .owl-prev {
  left: 0px;
}

.owl-project-detailBig .owl-nav .owl-next {
  right: 0px;
}

.owl-project-detailSmall {
  padding: 1rem;
  background: rgba(247, 247, 247, 0.58);
}

.owl-project-detailSmall .project-detail__item {
  color: #FFF;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  border: 4px solid transparent;
}

.owl-project-detailSmall .project-detail__item h1 {
  font-size: 18px;
}

.owl-project-detailSmall .project-detail__item img {
  height: 10rem;
}

.owl-project-detailSmall .current.project-detail__item {
  border: 4px solid #bd3232;
}

.project-deail-text .project-title {
  font-size: 2rem;
  font-weight: 300;
  color: #bd3232;
  padding: 1rem 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.project-deail-text li {
  padding: 5px 0;
}

.project-deail-text li span {
  min-width: 165px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #c2b9ad;
}

.project-deail-text li span strong:last-child {
  margin: 0 5px;
}

.project-deail-text p {
  font-family: var(--text-font);
  line-height: 1.7;
}

.aboutus-wrapper-back {
  margin: 0 0 2rem 0;
  position: relative;
  width: 100%;
  top: 0;
  background-image: url("../../assets/images/header_bg.jpg");
  height: 650px;
}

.aboutus-wrapper-back .aboutus-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
}

.aboutus-wrapper-back .aboutus-wrapper .aboutus-content picture {
  position: absolute;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.aboutus-wrapper-back .aboutus-wrapper .aboutus-content .aboutus-text {
  min-height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.aboutus-wrapper-back .aboutus-wrapper .aboutus-content .aboutus-text h2 {
  padding: 1rem 0;
}

.aboutus-wrapper-back .aboutus-wrapper .aboutus-content .aboutus-text p {
  font-family: var(--text-font);
  color: #626262;
  text-align: center;
  line-height: 30px;
}

.president-msg-sect {
  margin: 150px 0;
  position: relative;
}

.president-msg-sect .president-message-wrapper {
  background: #F3E8D9;
}

.president-msg-sect .president-message-wrapper .president-content {
  padding: 2rem;
  text-align: center;
}

.president-msg-sect .president-message-wrapper .president-content img {
  height: 7rem;
  width: 7rem;
  border-radius: 50%;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}

.president-msg-sect .president-message-wrapper .president-content h4 {
  margin: 1rem 0;
}

.president-msg-sect .president-message-wrapper .president-content p {
  font-family: var(--text-font);
  line-height: 25px;
  color: #626262;
}

.president-msg-sect .bordered-box {
  max-width: 768px;
  border: 1px solid #626262;
  top: -35px;
  bottom: -35px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
}

.president-msg-sect .bordered-box::after {
  width: 1px;
  height: 80px;
  content: "";
  background-color: #626262;
  position: absolute;
  bottom: -80px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.president-msg-sect .bordered-box::before {
  width: 1px;
  height: 80px;
  content: "";
  background-color: #626262;
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.services-short {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.services-short .drawings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.services-short .services-short-content {
  max-width: 1200px;
  width: 100%;
  background: #f3e8d9;
  margin: 0 0 0 auto;
  padding: 20px;
}

.services-short .services-short-content h4 {
  font-size: 20px;
  line-height: 3;
}

.services-short .services-short-content ul {
  list-style: inside;
}

.services-short .services-short-content ul li {
  line-height: 2;
  -webkit-transition: .4s;
  transition: .4s;
}

.hand-text {
  margin-top: 3rem;
}

.contact-wrapper .contact-adress ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1rem;
}

.contact-wrapper .contact-adress ul li {
  width: calc(100% / 2 - 20px);
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px 10px 0;
  margin: 10px;
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.102);
          box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.102);
}

.contact-wrapper .contact-adress ul li i {
  padding: 0 2rem;
  font-size: 20px;
}

.contact-wrapper .contact-form form {
  border: 1px solid #bd3232;
  margin: 1rem;
  padding: 3rem 0;
}

.contact-wrapper .contact-form form .form-group-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.contact-wrapper .contact-form form .form-group-sm span::before {
  font-family: fontAwesome;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 1rem;
  color: #4a4a4a70;
}

.contact-wrapper .contact-form form .form-group-sm .form-group-item {
  width: 100%;
  margin: 1rem;
  position: relative;
}

.contact-wrapper .contact-form form .form-group-sm .form-group-item input {
  height: 3rem;
  width: 100%;
  border-bottom: 1px solid #bd3232;
  padding: 10px 10px 10px 2.5rem;
}

.contact-wrapper .contact-form form .form-group-sm .form-group-item .icn-subject:before {
  content: '\f02e';
}

.contact-wrapper .contact-form form .form-group-sm .form-group-item .icn-tel:before {
  content: '\f879';
}

.contact-wrapper .contact-form form .form-group-sm .form-group-item .icn-name:before {
  content: '\f007';
}

.contact-wrapper .contact-form form .form-group-sm .form-group-item .icn-mail:before {
  content: '\f0e0';
}

.contact-wrapper .contact-form form .form-group {
  margin: 1rem;
}

.contact-wrapper .contact-form form .form-group textarea {
  border: none;
  border-bottom: 1px solid #bd3232;
  width: 100%;
  max-width: 100%;
  min-width: 15%;
  max-height: 8rem;
}

.contact-wrapper .contact-form form .chck-wrapper {
  text-align: center;
  line-height: 2rem;
  padding: 10px;
  background: #f7f7f7;
}

.contact-wrapper .contact-form form .chck-wrapper input[type=checkbox], .contact-wrapper .contact-form form .chck-wrapper label {
  cursor: pointer;
}

.contact-wrapper .contact-form form input[type=submit] {
  cursor: pointer;
  padding: 10px 15px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 10rem;
  min-width: 5rem;
}

.contact-wrapper .adress-map {
  margin: 1rem;
}

.contact-wrapper .adress-map iframe {
  width: 100%;
}

#footer {
  margin-top: -5rem;
}

.footer-after {
  background: #F3E8D9;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}

.footer-after .footer-after-bg {
  background: url("../../assets/images/fon.png");
  height: 13rem;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #09142d;
  -webkit-transition: .4s;
  transition: .4s;
}

.footer-after .footer-after-bg span {
  font-size: 32px;
}

.footer-after .footer-after-bg p {
  font-size: 15px;
  letter-spacing: 5px;
  margin: 10px 0;
  text-align: center;
}

.footer-after .footer-after-bg div a {
  padding: 10px 20px;
  background: white;
  color: #623800;
}

.footer {
  padding-top: 8rem;
  background: #f7f7f7;
}

.footer-top {
  min-height: 380px;
  position: relative;
  padding-bottom: 30px;
}

.footer-top .footer-element-wapper {
  margin: 0 -1rem;
}

.footer-top .footer-element-wapper .footer-element {
  min-width: 150px;
  max-width: 400px;
  margin: 0 1rem;
}

.footer-top .footer-element-wapper .footer-element .footer-element-title {
  position: relative;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bolder;
}

.footer-top .footer-element-wapper .footer-element ul {
  margin: 1rem 0;
  position: relative;
}

.footer-top .footer-element-wapper .footer-element ul li a {
  padding: 5px 0;
  font-size: 14px;
  color: #8c8c8c;
  -webkit-transition: .5s;
  transition: .5s;
}

.footer-top .footer-element-wapper .footer-element ul li a i {
  font-size: 20px;
  min-width: 30px;
}

.footer-top .footer-element-wapper .footer-element ul li a:hover {
  color: #BD3232;
}

.footer-top .footer-element-wapper .footer-element ul li .tel-item {
  font-size: 2rem;
}

.footer-top .footer-element-wapper .footer-element .footer-btn-item a {
  border: 1px solid;
  border-radius: 35px;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3rem;
}

.footer-top .footer-element-wapper .footer-element.center-element .footer-element-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-top::before {
  content: '';
  height: 80px;
  position: absolute;
  background: #f7f7f7;
  width: 100%;
}

.footer-bottom {
  background: #f7f7f7;
  padding: 1rem 0;
  font-size: 13px;
  border-top: 1px solid #c2b9ad;
}

.footer-bottom a {
  color: rgba(0, 0, 0, 0.333);
  -webkit-transition: .5s;
  transition: .5s;
}

.footer-bottom .designby a:hover {
  color: #7d0000;
}

.fade-in {
  -webkit-animation: fadeIn 4s;
          animation: fadeIn 4s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.anim-top-left {
  -webkit-animation: animTopLeft 2s;
          animation: animTopLeft 2s;
}

@-webkit-keyframes animTopLeft {
  from {
    -webkit-transform: translate(-3rem, -3rem);
            transform: translate(-3rem, -3rem);
  }
  to {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@keyframes animTopLeft {
  from {
    -webkit-transform: translate(-3rem, -3rem);
            transform: translate(-3rem, -3rem);
  }
  to {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

.anim-right {
  -webkit-animation: animRight 2s;
          animation: animRight 2s;
}

@-webkit-keyframes animRight {
  from {
    -webkit-transform: translate(3rem, 0);
            transform: translate(3rem, 0);
  }
  to {
    -webkit-transform: 0;
            transform: 0;
  }
}

@keyframes animRight {
  from {
    -webkit-transform: translate(3rem, 0);
            transform: translate(3rem, 0);
  }
  to {
    -webkit-transform: 0;
            transform: 0;
  }
}

.anim-left {
  -webkit-animation: animLeft 2s;
          animation: animLeft 2s;
}

@-webkit-keyframes animLeft {
  from {
    -webkit-transform: translate(-3rem, 0);
            transform: translate(-3rem, 0);
  }
  to {
    -webkit-transform: 0;
            transform: 0;
  }
}

@keyframes animLeft {
  from {
    -webkit-transform: translate(-3rem, 0);
            transform: translate(-3rem, 0);
  }
  to {
    -webkit-transform: 0;
            transform: 0;
  }
}

.anim-bot {
  -webkit-animation: animBot 2s;
          animation: animBot 2s;
}

@-webkit-keyframes animBot {
  from {
    -webkit-transform: translate(0, 3rem);
            transform: translate(0, 3rem);
  }
  to {
    -webkit-transform: 0;
            transform: 0;
  }
}

@keyframes animBot {
  from {
    -webkit-transform: translate(0, 3rem);
            transform: translate(0, 3rem);
  }
  to {
    -webkit-transform: 0;
            transform: 0;
  }
}

.anim-bot-right {
  -webkit-animation: animBotRight 2s;
          animation: animBotRight 2s;
}

@-webkit-keyframes animBotRight {
  from {
    -webkit-transform: translate(3rem, 3rem);
            transform: translate(3rem, 3rem);
  }
  to {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@keyframes animBotRight {
  from {
    -webkit-transform: translate(3rem, 3rem);
            transform: translate(3rem, 3rem);
  }
  to {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@-webkit-keyframes anim-sagsol {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 1.5rem;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes anim-sagsol {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 1.5rem;
  }
  100% {
    margin-left: 0;
  }
}

.anim-updown {
  -webkit-animation: animUpdown 4s infinite ease-in-out;
          animation: animUpdown 4s infinite ease-in-out;
}

@-webkit-keyframes animUpdown {
  0% {
    -webkit-transform: translate(0, 46%);
            transform: translate(0, 46%);
  }
  50% {
    -webkit-transform: translate(0, 55%);
            transform: translate(0, 55%);
  }
  100% {
    -webkit-transform: translate(0, 46%);
            transform: translate(0, 46%);
  }
}

@keyframes animUpdown {
  0% {
    -webkit-transform: translate(0, 46%);
            transform: translate(0, 46%);
  }
  50% {
    -webkit-transform: translate(0, 55%);
            transform: translate(0, 55%);
  }
  100% {
    -webkit-transform: translate(0, 46%);
            transform: translate(0, 46%);
  }
}

@media only screen and (max-width: 1200px) {
  .container-lg {
    padding: 0 80px;
  }
  .navbar-toggler {
    display: block !important;
  }
  .navbar {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .container-lg {
    padding: 0 40px;
  }
  .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 85px;
  }
  .header .header-left {
    width: 100%;
    height: 100%;
  }
  .header .header-right {
    width: 100%;
  }
  .header .header-right .owl-head-project__item img {
    height: 300px;
  }
  .services-name {
    font-size: 14px;
  }
  .flexbox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer-top .footer-element-wapper .footer-element {
    max-width: 100%;
  }
  .footer-element.center-element {
    width: 100%;
    border-top: 1px solid rgba(87, 87, 87, 0.15);
    margin-top: 1rem !important;
  }
  .footer-element.center-element .footer-element-item a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  /* inşaat sayfası başlancıç */
  .build-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .build-list .build-item {
    width: calc(100% / 3 - 20px) !important;
    height: 250px !important;
  }
  .build-list .build-item:nth-last-child(2), .build-list .build-item:nth-last-child(1) {
    width: calc(100% / 2 - 20px) !important;
  }
  /* inşaat sayfası son */
  /* proje sayfası */
  .project-detail-page-wrapper .prj-detail-head {
    font-size: 2.5rem;
  }
  /* proje sayfası */
}

@media only screen and (max-width: 768px) {
  .container-lg {
    padding: 0 20px;
  }
  .buildInfo-content .kaydir {
    padding: 0;
    float: none;
    width: 100%;
  }
  .buildInfo-content h3 {
    margin: 10px 0;
  }
  /* projeler sayfası başlagıç */
  .project-card {
    width: calc(100% / 2 - 20px);
  }
  /*proje ayrıntı*/
  .project-detail-page-wrapper .prj-detail-head {
    font-size: 2rem;
    max-width: calc(100% - 95px);
  }
  .project-detail-page-wrapper .owl-project-detailBig .project-detail__item img {
    height: 30rem;
  }
  .project-detail-page-wrapper .owl-project-detailSmall .project-detail__item img {
    height: 8rem;
  }
  /* projeler sayfası son */
  /* iletişim sayfası başlangıç */
  .contact-wrapper .contact-adress ul {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .contact-wrapper .contact-adress ul li {
    margin: 10px 0;
    width: 100%;
  }
  .contact-wrapper .contact-adress ul li p {
    font-size: 14px;
  }
  /* iletişim sayfası son */
  /* kurumsal sayfası başlangıç*/
  .bordered-box {
    width: auto;
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .president-msg-sect .president-message-wrapper {
    margin: 0 -14px !important;
  }
  .aboutus-wrapper-back .aboutus-wrapper .aboutus-content .aboutus-text {
    font-size: small;
    padding: 1rem;
  }
  .aboutus-wrapper-back .aboutus-wrapper .aboutus-content .aboutus-text p {
    line-height: 25px;
  }
  /* kurumsal sayfası son*/
}

@media only screen and (max-width: 700px) {
  .footer-element {
    width: 50%;
  }
  .footer-element.center-element-sm {
    width: 100%;
  }
  .footer-top .footer-element-wapper {
    margin: 0;
  }
  .footer-top .footer-element-wapper .footer-element {
    margin: 0;
    min-width: auto;
  }
}

@media only screen and (max-width: 576px) {
  .container-lg {
    padding: 0 14px;
  }
  .modal-nav-link {
    font-size: 20px;
  }
  nav.nav {
    border: none !important;
  }
  nav.nav .header-contact {
    display: none !important;
  }
  .head-btn.head-btn-left {
    display: none !important;
  }
  .services-content {
    margin: 0 -.5rem !important;
  }
  .services-content .services-item {
    height: 7rem !important;
    margin: 2rem .5rem .5rem .5rem !important;
    width: calc(100% / 3 - 16px) !important;
  }
  .services-content .services-item .services-block img {
    height: 4rem;
  }
  .services-content .services-item .services-name {
    padding: .5rem 3px !important;
  }
  .information-content .information-header {
    margin-top: 1.4rem;
    font-size: 15px;
  }
  .information-content .information-header h1 {
    font-size: 30px !important;
  }
  .information-content .information-text {
    font-size: 13px !important;
  }
  .information-content .info-btn {
    margin: 10px 0;
  }
  .information-content .info-btn a {
    font-size: 14px;
  }
  .total-project {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .total-project li {
    width: calc(100% / 3);
    font-size: 14px;
    margin: 5px 0;
  }
  .send-message .main-contact-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .send-message .main-contact-form div .main-contact-formbutton {
    display: none;
  }
  .send-message .main-contact-form div .form-element input {
    width: 100%;
  }
  .send-message .main-contact-form .main-contact-form-right textarea {
    width: 100%;
    float: left;
    max-width: 100%;
    min-width: 100%;
  }
  .send-message .main-contact-form .contact-button.xs {
    display: block;
  }
  .word {
    font-size: 2.2rem;
  }
  .flexbox-var {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .footer-element.center-element-sm {
    width: 100%;
    text-align: center;
  }
  .center-element ul li a {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important;
  }
  .footer-after .footer-after-bg {
    height: 9rem;
  }
  .footer-after .footer-after-bg span {
    font-size: 24px;
  }
  .footer-after .footer-after-bg p {
    font-size: 13px;
  }
  .footer-after .footer-after-bg div a {
    padding: 6px 15px;
    font-size: 14px;
  }
  .footer-bottom {
    padding: .5rem 0;
  }
  /*normal sayfa headerı başlangıç*/
  .header .header-left .nav {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .header-left .nav .header-top-content {
    height: auto;
  }
  .header .header-left .nav .header-top-content .navbar-toggler {
    margin-bottom: 0;
  }
  /*normal sayfa headerı son*/
  /* inşaat sayfası başlancıç */
  .all-build .build-list {
    margin: 5px;
  }
  .all-build .build-list .build-item {
    margin: 5px;
    width: calc(100% / 3 - 10px) !important;
  }
  .all-build .build-list .build-item .build-content p {
    font-size: 15px !important;
  }
  .all-build .build-list .build-item .build-content a {
    font-size: 14px !important;
    padding: 3px 12px;
  }
  .all-build .build-list .build-item:nth-last-child(2), .all-build .build-list .build-item:nth-last-child(1) {
    width: calc(100% / 2 - 10px) !important;
  }
  /* inşaat sayfası son */
  /* hizmetlerimiz sayfası başlangıç */
  /* hizmetlerimiz sayfası başlangıç */
  /* projeler sayfası başlagıç */
  .project-card {
    width: 100%;
  }
  .tab-wrapper .tabs label {
    font-size: 14px;
  }
  .more-item-btn {
    font-size: 13px;
    padding: 10px 10px;
  }
  /*proje ayrıntı*/
  .project-deail-text .project-title {
    font-size: 1.4rem !important;
  }
  .project-detail-page-wrapper .prj-detail-head {
    font-size: 1.2rem;
    left: 10%;
  }
  .project-detail-page-wrapper .owl-project-detailBig .project-detail__item img {
    height: 22rem;
  }
  .project-detail-page-wrapper .owl-project-detailSmall .project-detail__item img {
    height: 6rem;
  }
  /* projeler sayfası son */
  /* iletişim sayfası başlangıç */
  .contact-wrapper .contact-form form .form-group-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 1rem;
  }
  .contact-wrapper .contact-form form .form-group-sm .form-group-item {
    margin: 1rem 0 !important;
  }
  /* iletişim sayfası son */
  /* kurumsal sayfası başlangıç */
  .president-message .kaydir {
    padding: 1rem 0 !important;
    width: 100%;
  }
  .aboutus-wrapper-back {
    height: 710px;
  }
  .services-short .services-short-content li {
    font-size: small;
  }
  .drawings > svg:nth-child(1) {
    height: 150px;
  }
  /* kurumsal sayfası son */
}

@media only screen and (max-width: 400px) {
  .container-lg {
    padding: 0 10px;
  }
  .services-content .services-item {
    height: 5rem !important;
  }
  .services-content .services-item .services-name {
    font-size: 12px;
    padding: .5rem 3px !important;
  }
  .word {
    font-size: 2rem !important;
  }
  .footer-element .tel-item {
    font-size: 1.8rem !important;
  }
  /* inşaat sayfası başlangıç */
  .featured-project .featured-project-title h3 {
    font-size: 1.5rem;
  }
  .all-build .all-build-title {
    padding: 1.5rem;
    font-size: 13px;
  }
  /* inşaat sayfası son */
  /* projeler sayfası aşlangıç*/
  .project-detail-page-wrapper .prj-detail-head {
    font-size: 1.2rem;
    font-size: 1rem;
  }
  /* projeler sayfası son*/
}

@media only screen and (max-width: 375px) {
  .sidebar {
    width: 100%;
  }
}
/*# sourceMappingURL=main.css.map */