/*-----------------------------------------------------------------------------------

    Custom CSS

-----------------------------------------------------------------------------------*/

.header-location {
  color: var(--tp-common-white);
}

.header-location i {
  color: var(--tp-theme-secondary);
}

.tp-header-2-logo img {
  width: 143px;
}

.tp-header-2-phone .whatsapp {
  padding: 10px;
  text-align: center;
}

.tp-header-2-phone .whatsapp img {
  width: 135px;
}

.tp-header-2-phone .whatsapp::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 160px;
  height: 99px;
  width: 1px;
  background: #EFEBEB;
}

.ara {
  height: 109px;
  width: 160px;
  text-align: center;
  line-height: 109px;
}

.tp-hero-2-side-text .tp-hero-2-mail a {
  text-transform: none;
}

.tp-feature-wrapper p::after {
  left: 160px;
}

.tp-footer-main-phone {
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
}

.tp-footer-main-phone a {
  font-weight: 400;
  font-size: 16px;
  line-height: 34px;
  color: #B4B4B4;
}

.tp-footer-main-phone a i {
  color: var(--tp-theme-secondary);
  font-size: 20px;
  position: absolute;
  top: 10px;
  left: 0px;
}

.tp-footer-2-logo img {
	width: 120px;
}

.tp-hero-2-wrapper {
  background-color: rgba(0,0,0,.25);
  background-repeat: repeat;
  min-height: 920px;
}

.tp-hero-2-content .tp-hero-2-title {
  color: var(--tp-common-white);
}

.tp-hero-2-shape .shape-2 {
  position: absolute;
  top: 225px;
  right: 188px;
  animation: movingleft 7s linear infinite;
}

.tp-hero-2-shape .shape-3 {
  position: absolute;
  top: 35px;
  left: 70px;
  animation: movingright 6s linear infinite;
}

.tp-about-breadcrumb-img img {
  border-radius: 50%;
  border: 10px solid #F4F6F8;
}

.tp-portfolio-item-wrapper img {
  width: 290px;
}

/*** Referanslar Tablosu CSS ***/

.referans {
	background-color: #FFFFFF;
	border: none;
	border-collapse: separate;
	color: #495E49;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 800px;
	margin: 0 auto;
}

.referans a:link, table a:visited, table a:active {
	background-color: transparent;
	color: #0096BD;
	text-decoration: none;
}

.referans a:hover {
	background: transparent;
	color: #000000;
	text-decoration: underline;
}

.referans caption, tfoot {
	background-color: #e0e0e0;
	color: #67BD2A;
	font-family: Georgia, serif;
	font-size: 24px;
	padding: 10px;
	text-align: center !important;
}

.referans thead tr th {
	text-align: center;
	}

.referans td, th {
	margin: 0;
	padding: 0;
	border: 1px solid #FFFFFF !important;
}

.referans tbody td {
	background-color: #D6F2C3 !important;
	border-bottom: 2px solid #B3DE94 !important;
	border-top: 3px solid #FFFFFF !important;
	padding: 9px !important;
}

.referans tbody th {
	background-color: #D6F2C3 !important;
	border-bottom: 2px solid #B3DE94 !important;
	border-top: 3px solid #FFFFFF !important;
	padding: 9px !important;
}

.referans tbody tr.odd th {
	background-color: #C8EDAE;
	border-bottom: 2px solid #67BD2A !important;
}

.referans tbody tr.odd td {
	background-color: #C8EDAE;
	border-bottom: 2px solid #67BD2A !important;
}

.referans tbody tr:hover td {
	background-color: #BAE899 !important;
}

.referans tbody tr:hover th {
	background-color: #BAE899 !important;
}

.referans td, th {
	vertical-align: middle;
}

.referans tfoot td, tfoot th {
	padding: 4px 8px 6px 9px;
}

.referans thead th {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	padding: 0 8px 2px 8px;
	white-space: nowrap;
}

.markalar {
  list-style: none;
  background-color: #000000;
  border-radius: 20px;
}

.markalar li {
  display: inline-block;
  padding: 5px;
}

.markalar img {
	width: 150px;
}

.offcanvas__social .icon.instagram {
  background-color: #0072b1;
}

.offcanvas__social .icon.whatsapp {
  background-color: #25d366;
}