@charset "utf-8";
/*
Theme Name: Istanbul
Theme URI: https://themeforest.net/item/istanbul-personal-portfolio-wordpress-theme/52683071
Description: Istanbul – Personal and Portfolio WordPress Theme
Text Domain: istanbul
Author: marketify
Author URI: http://themeforest.net/user/marketify
Version: 1.0.2
Tested up to: 6.7
Requires PHP: 7.4
License: Located in 'licensing' folder
License URI: license.txt
Tags: theme-options, translation-ready, portfolio, personal
*/
:root{
	--site-background-color: #222;
	--text-color: #eee;
	--pc: #ffb400;
	--title-font-family: 'Poppins';
	--body-font-family: 'Open Sans';
	--title-color: #fff;
}
/*------------------------------------------------------------------*/
/*	02) Base CSS
/*------------------------------------------------------------------*/
body, html{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
p:empty{
	display: none;
}
*,
*:after,
*:before{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body:after{
	clear: both;
	display: table;
	content: '';
}
html{
	height: auto;
}
body{
	font-family: var(--body-font-family);
    font-weight: 400;
    background-color: var(--site-background-color);
    color: var(--text-color);
	
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
	
	-ms-word-break: break-word;
	word-break: break-word;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
h1,h2,h3,h4,h5,h6{
	font-family: var(--title-font-family);
	color: var(--title-color);
}
.replaced__svg{
	width: 20px;
	height: 20px;
	fill: currentcolor;
}
.admin-bar .istanbul__copy{
	top: 62px;
}
.istanbul__copy{
	z-index: 99;
	position: fixed;
	top: 30px;
	right: 30px;
	background-color: #111;
	color: #fff;
	padding: 17px 30px;
	line-height: 20px;
	border-left: 2px solid var(--pc);
	transition: all .5s ease;
	transform: translateX(150%);
	opacity: 0;
	visibility: hidden;
}
.istanbul__copy.ready{
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
/* Preloader CSS */
.istanbul__pageloader{
	position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 111111111;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .3s all ease;
    pointer-events: none;
    backface-visibility: hidden;
}
.istanbul__pageloader::before,
.istanbul__pageloader::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	transition: .2s linear;
	transform: translateY(0);
	pointer-events: none;
}
.istanbul__pageloader::before {
	top: 0;
	bottom: 50%;
	background: #111;
}
.istanbul__pageloader::after {
	top: 50%;
	bottom: 0;
	background: #111;
}
.istanbul__pageloader.loaded::before,
.istanbul__pageloader.loaded::after {
	transition: .4s linear;
}
.istanbul__pageloader.loaded::before {
	transform: translateY(-101%);
}
.istanbul__pageloader.loaded::after {
	transform: translateY(101%);
}
.istanbul__pageloader.loaded .preloader-container {
	opacity: 0;
	visibility: hidden;
	transition: 0s;
}
.istanbul__pageloader .preloader-text-center {
	transition: 0s .2s;
}
.istanbul__pageloader .preloader-container {
	position: absolute;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	left: 0;
	right: 0;
	z-index: 10;
	text-align: center;
}
.istanbul__pageloader .preloader-container h1 {
	margin: 0;
	padding: 20px 0;
	color: #fff;
	font-weight: 700;
	font-size: 42px;
	text-transform: uppercase;
}
#progress-line-container {
	width: 100vw;
	height: 5px;
	overflow: hidden;
	margin: auto;
	background-color: var(--pc);
}
.istanbul__pageloader .progress-line {
	background: #fff;
	margin-top: 0;
	margin-left: -100vw;
	animation-name: progess_animation;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	width: 100vw;
	height: 5px;
	transition: .5s;
}

@keyframes progess_animation {
  0% {
    margin-left: -100vw;
  }

  100% {
    margin-left: 100vw;
  }
}


/* Overlays */
.overlay,
.overlay__color,
.overlay__image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.overlay__image{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}
.overlay__color{
	z-index: 2;
}





.istanbul__wrapper{
	overflow: hidden;
	transition: transform .5s ease;
}
.istanbul__wrapper.slide-out{
	transform: translateX(-760px);
}



/* Header */
.istanbul__header{
	position: fixed;
    z-index: 77;
    top: 30px;
	top: 62px;
    left: 30px;
    height: initial;
    line-height: initial;
    width: initial;
    background-color: initial;
    box-shadow: none;
    pointer-events: none;
}
.istanbul__header .cd-nav-trigger{
	position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    pointer-events: auto;
}
.istanbul__header .cd-nav-trigger span,
.istanbul__header .cd-nav-trigger span:after,
.istanbul__header .cd-nav-trigger span:before{
	position: absolute;
	width: 16px;
	height: 2px;
	background-color: #ffffff;
}
.istanbul__header .cd-nav-trigger span{
	left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.istanbul__header .cd-nav-trigger span::after,
.istanbul__header .cd-nav-trigger span::before {
/* top and bottom lines of the hamburger icon */
	content: '';
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}
.istanbul__header .cd-nav-trigger span::before {
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
}
.istanbul__header .cd-nav-trigger span::after {
	-webkit-transform: translateY(6px);
	-moz-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-o-transform: translateY(6px);
	transform: translateY(6px);
}
.istanbul__header.nav-is-visible .cd-nav-trigger span {
	background-color: transparent;
}
.istanbul__header.nav-is-visible .cd-nav-trigger span::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.istanbul__header.nav-is-visible .cd-nav-trigger span::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.istanbul__header .stretchy-nav-bg {
	/* this is the stretching navigation background */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background: #333;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-transition: height 0.2s, box-shadow 0.2s;
	-moz-transition: height 0.2s, box-shadow 0.2s;
	transition: height 0.2s, box-shadow 0.2s;
}
.istanbul__header.nav-is-visible {
	pointer-events: auto;
}
.istanbul__header.nav-is-visible .stretchy-nav-bg {
	height: 100%;
	box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}
.istanbul__header.nav-is-visible .nav{
	visibility: visible;
}
.istanbul__header .nav{
	list-style-type: none;
	margin: 0;
	position: relative;
	z-index: 2;
	padding: 53px 0 22px;
	visibility: hidden;
	-webkit-transition: visibility 0.3s;
	-moz-transition: visibility 0.3s;
	transition: visibility 0.3s;
	text-align: left;
}
.istanbul__header .nav li{
	margin: 0;
	padding: 0;
	float: none;
    transition: initial;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.istanbul__header .nav li ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	background-color: #000;
	border-radius: 5px;
	max-width: 250px;
	min-width: 150px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	transform: translateY(20px);
	box-shadow: 0px 3px 15px rgba(0,0,0,.5);
}
.istanbul__header .nav li ul .text{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.istanbul__header .nav li ul a{
	padding-left: 20px;
	text-transform: none;
	border-bottom: 2px solid var(--pc);
}
.istanbul__header .nav li ul li:last-child a{
	border-bottom: none;
}
.istanbul__header .nav li ul i{
	display: none;
}
.istanbul__header .nav li:hover > ul{
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.istanbul__header .nav a{
	text-decoration: none;
	background-color: transparent;
	position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px 0 80px;
    color: rgba(255,255,255,.9);
    text-transform: uppercase;
    font-size: 16px;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
}
.istanbul__header .nav a .text {
	color: rgba(255,255,255,.9);
	display: block;
    opacity: 0;
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px);
}
.istanbul__header .nav a:hover .text{
	color: var(--pc);
}
.istanbul__header .nav i {
	/* navigation item icons */
	position: absolute;
	height: 16px;
	width: 16px;
	left: 22px;
	top: 50%;
	text-align: center;
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0);
	opacity: .6;
}
.istanbul__header .nav a::before {
	/* line visible next to the active navigation item */
	content: '';
	position: absolute;
	width: 3px;
	height: 16px;
	top: 50%;
	left: 60px;
	-webkit-transform: translateX(3px) translateY(-50%) scaleY(0);
	-moz-transform: translateX(3px) translateY(-50%) scaleY(0);
	-ms-transform: translateX(3px) translateY(-50%) scaleY(0);
	-o-transform: translateX(3px) translateY(-50%) scaleY(0);
	transform: translateX(3px) translateY(-50%) scaleY(0);
	background-color: var(--pc);
}
.istanbul__header.nav-is-visible ul i {
	/* navigation item icons */
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	-webkit-animation: scaleIn 0.15s backwards;
	-moz-animation: scaleIn 0.15s backwards;
	animation: scaleIn 0.15s backwards;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.istanbul__header.nav-is-visible ul li.current-menu-item a {
	color: var(--pc);
}

.istanbul__header.nav-is-visible ul li.current-menu-item i {
	opacity: 1;
}
.istanbul__header.nav-is-visible ul li.current-menu-item a::before {
	-webkit-transform: translateX(-3px) translateY(-50%) scaleY(1);
	-moz-transform: translateX(-3px) translateY(-50%) scaleY(1);
	-ms-transform: translateX(-3px) translateY(-50%) scaleY(1);
	-o-transform: translateX(-3px) translateY(-50%) scaleY(1);
	transform: translateX(-3px) translateY(-50%) scaleY(1);
	-webkit-transition: -webkit-transform 0.15s 0.3s;
	-moz-transition: -moz-transform 0.15s 0.3s;
	transition: transform 0.15s 0.3s;
}
.istanbul__header.nav-is-visible ul .text {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-animation: slideIn 0.15s backwards;
	-moz-animation: slideIn 0.15s backwards;
	animation: slideIn 0.15s backwards;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}
.istanbul__header.nav-is-visible ul a:hover{
	color: var(--pc);
}
.istanbul__header.nav-is-visible ul a:hover i{
	opacity: 1;
}
.istanbul__header.nav-is-visible ul a:hover .text {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}
.istanbul__header.nav-is-visible.lighter .text {
	text-shadow: none;
}
.istanbul__header.nav-is-visible ul li:first-of-type i,
.istanbul__header.nav-is-visible ul li:first-of-type .text {
	-webkit-animation-delay: 0.05s;
	-moz-animation-delay: 0.05s;
	animation-delay: 0.05s;
}
.istanbul__header.nav-is-visible ul li:nth-of-type(2) i,
.istanbul__header.nav-is-visible ul li:nth-of-type(2) .text {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.istanbul__header.nav-is-visible ul li:nth-of-type(3) i,
.istanbul__header.nav-is-visible ul li:nth-of-type(3) .text {
	-webkit-animation-delay: 0.15s;
	-moz-animation-delay: 0.15s;
	animation-delay: 0.15s;
}
.istanbul__header.nav-is-visible ul li:nth-of-type(4) i,
.istanbul__header.nav-is-visible ul li:nth-of-type(4) .text {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.istanbul__header.nav-is-visible ul li:nth-of-type(5) i,
.istanbul__header.nav-is-visible ul li:nth-of-type(5) .text {
	-webkit-animation-delay: 0.25s;
	-moz-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

.istanbul__header .searchItem a:after{
	display: none;
}
.istanbul__header .searchItem,
.istanbul__header .gotohome,
.istanbul__header .gotohome a,
.istanbul__header .searchItem a{
	padding: 0;
	width: 60px;
}
/* -------------------------------- 

keyframes

-------------------------------- */
@-webkit-keyframes scaleIn {
    from {
    -webkit-transform: translateY(-50%) scale(0);
  }

  to {
    -webkit-transform: translateY(-50%) scale(1);
  }
}

@-moz-keyframes scaleIn {
  from {
    -moz-transform: translateY(-50%) scale(0);
  }

  to {
    -moz-transform: translateY(-50%) scale(1);
  }
}

@keyframes scaleIn {
  from {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
  }

  to {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
}

@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-25px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes slideIn {
  from {
    opacity: 0;
    -moz-transform: translateX(-25px);
  }

  to {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}







/* Page Title */
.istanbul__pagetitle{
	text-align: center;
	position: relative;
	padding: 60px 0 54px;
	width: 100%;
}
.istanbul__pagetitle .istanbul__meta{
	width: max-content;
	margin: 0 auto;
	max-width: 100%;
}
.istanbul__pagetitle{
	padding: 200px 0;
	border-bottom: 4px solid var(--pc);
}
.istanbul__pagetitle .overlay__color{
	background-color: rgba(0,0,0,0.8);
}
.istanbul__pagetitle .title_holder{
	position: relative;
	z-index: 3;
}
.istanbul__pagetitle .vg__title{
	font-size: 55px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
}
.istanbul__pagetitle .vg__title:not(:last-child){
	margin-bottom: 16px;
}
.istanbul__pagetitle .vg__desc{
	margin: 0;
}
.istanbul__pagetitle .vg__desc span{
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0 50px;
}
.istanbul__pagetitle .vg__desc span:before{
	position: absolute;
    content: "";
    height: 2px;
    right: 0px;
    top: 50%;
	margin-top: -1px;
    width: 30px;
	background-color: var(--pc);
}
.istanbul__pagetitle .vg__desc span:after{
	position: absolute;
    content: "";
    height: 2px;
    left: 0px;
    top: 50%;
	margin-top: -1px;
    width: 30px;
	background-color: var(--pc);
}
.istanbul__breadcrumbs{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
.istanbul__breadcrumbs ul{
	margin: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	list-style-type: none;
	color: var(--text-color);
	background: rgba(0,0,0,0.6);
    padding: 10px 30px;
    border-radius: 5px;
}
.istanbul__breadcrumbs li{
	margin: 0;
	padding: 0;
	margin-right: 15px;
}
.istanbul__breadcrumbs li:last-child{
	margin-right: 0;
}
.istanbul__breadcrumbs a{
	text-decoration: none;
	color: var(--pc);
}
.istanbul__breadcrumbs .replaced__svg{
	display: block;
	width: 12px;
	height: 12px;
}


.istanbul__index{
	width: 100%;
}
.istanbul__index:after,
.istanbul__index:before{
	clear: both;
	display: table;
	content: '';
}


/* Blog List */
.istanbul__indexpage{
	padding: 30px 0;
}
.istanbul__sidebar .istanbul__indexpage{
	padding: 0;
}
.istanbul__postlist{
	margin: 0;
	padding: 64px 0 0 0;
	list-style-type: none;
}
.sticky{
	background-color: #111;
	border-radius: 5px;
	overflow: hidden;
	padding: 30px;
}
.sticky .istanbul__meta{
	background-color: transparent;
    border-radius: 0;
    border-top: 2px solid var(--pc);
    border-bottom: 2px solid var(--pc);
    padding: 10px 0;
}
.istanbul__postlist .list_item{
	margin: 0 0 70px 0;
	padding: 0;
}
.istanbul__postlist .img_wrap{
	display: none;
	margin-bottom: 24px;
}
.istanbul__postlist .img_wrap img{
	transition: all 1s ease;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}
.istanbul__postlist .has-post-thumbnail .img_wrap{
	display: block;
	overflow: hidden;
	border-radius: 5px;
}
.istanbul__postlist .has-post-thumbnail .img_wrap:hover img{
	transform: scale(1.2);
}
.istanbul__postlist .istanbul__meta{
	margin-bottom: 22px;
	margin-top: 0;
}
.istanbul__postlist .post_title h2{
	font-weight: 600;
	margin: 0 0 22px 0;
	font-size: 28px;
	text-transform: uppercase;
}
.istanbul__postlist .excerpt_holder{
	margin-bottom: 21px;
}
.istanbul__postlist .excerpt_holder p{
	margin: 0;
	line-height: 2;
}

.istanbul__meta{
    padding: 11px 30px;
    border-radius: 5px;
    margin-top: 30px;
	background-color: rgba(0,0,0,.6);
	font-size: 14px;
	line-height: 2;
}
.istanbul__meta > *{
	margin-right: 15px;
    display: inline;
}
.istanbul__meta .author_meta{
	text-transform: capitalize;
}
.istanbul__meta a{
	cursor: pointer;
	color: var(--text-color);
	text-transform: capitalize;
}
.istanbul__meta a:hover{
	color: var(--pc);
}
.istanbul__meta i{
	margin-right: 7px;
	color: var(--pc);
}




/* Sidebar */
.istanbul__sidebar{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.istanbul__sidebar .left_sidebar{
	width: 70%;
	width: calc(100% - 420px);
	margin: 100px 0 70px;
	margin-right: 40px;
}
.istanbul__sidebar .right_sidebar{
	width: 30%;
	width: 380px;
	margin: 100px 0 70px;
}
.istanbul__project.istanbul__singlepost .post_in{
	padding: 0;
	border: none;
	background: none;
}
.istanbul__singlepost .post_in{
	padding: 40px 30px;
	background-color: rgba(0,0,0,.6);
	border-bottom: 2px solid var(--pc);
	margin-bottom: 40px;
}
.istanbul__singlepost .post_in > *:last-child{
	margin-bottom: 0;
}
.istanbul__singlepost .istanbul__comments{
	padding: 44px 30px 50px;
	background-color: rgba(0,0,0,.6);
	border-bottom: 2px solid var(--pc);
}
.istanbul__sidebar .left_sidebar .istanbul__postlist{
	padding-top: 0;
}
.comment_list + #respond{
	padding-top: 9px;
}


/* Comments */
.comment-reply-title,
.comment-title-count{
	width: 100%;
    height: auto;
    margin-bottom: 26px;
    text-align: left;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}
.comment-reply-title a{
	color: var(--pc);
	font-size: 20px;
}
.commentlist{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.commentlist .children{
	margin: 0 0 0 30px;
	padding: 0;
	list-style-type: none;
}
.commentlist .comment-body{
	border-bottom: 1px solid #555;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 30px 0 25px;
}
.commentlist > li:last-child > .comment-body{
	border-bottom: 0;
}
.commentlist .comment-avatar{
	width: 80px;
	min-width: 80px;
	margin-right: 25px;
}
.commentlist .commment-text-wrap{
	width: calc(100% - 105px);
}
.commentlist .comment-avatar img{
	border-radius: 50%;
}
.commentlist .comment-data{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 15px;
}
.commentlist .author{
	margin: 0;
	font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.commentlist .time{
	margin: 0;
	font-size: 12px;
	color: #aaa;
}
.commentlist .comment-text .comment-desc{
	margin-bottom: 15px;
}
.commentlist .comment-text .comment-desc > *:last-child{
	margin-bottom: 0;
}
.commentlist .comment-text p{
	line-height: 2;
}
.commentlist .reply{
	display: flex;
	flex-wrap: wrap;
}
.commentlist .reply a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
	margin: 5px 15px 5px 0;
	display: block;
}
.commentlist .reply a:hover{
	color: var(--pc);
}
.comment-respond .logged-in-as a{
	color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
}
.comment-respond .logged-in-as a:hover{
	color: var(--pc);
}
.comment-respond .input-holder{
	margin-bottom: 30px;
	position: relative;
}
.comment-respond .input-holder i{
	position: absolute;
    left: 21px;
    top: 16px;
    font-size: 15px;
    opacity: .5;
}
.comment-respond .input-holder input,
.comment-respond .input-holder textarea{
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	padding: 12px 20px 12px 46px;
}
.comment-respond .form-submit{
	margin-bottom: 0;
}
.comment-respond .form-group{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.comment_list #respond{
	padding: 34px 30px 40px;
	margin-top: 30px;
	background-color: #222;
}
.istanbul__label{
	width: fit-content;
	min-width: fit-content;
	display: block;
	box-shadow: none !important;
    border-radius: 26px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    padding: 0 33px;
    outline: none !important;
    overflow: hidden;
    position: relative;
    font-family: var(--title-font-family);
    letter-spacing: .5px;
    border: 0;
	background-color: var(--pc);
	cursor: pointer;
}
.istanbul__label:after{
	position: absolute;
    content: "";
    top: 0;
    height: 102%;
    left: -25%;
    width: 0%;
    background-color: #555;
    transform: skew(-22deg);
    transition-duration: .6s;
    z-index: 1;
}
.istanbul__label > span{
	position: relative;
	z-index: 2;
}
.istanbul__label .txt{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3;
	top: 0;
	bottom: 0;
	text-align: center;
}
.istanbul__label i{
	padding-right: 11px;
}
.istanbul__label:hover{
	color: #fff;
}
.istanbul__label:hover:after {
  	width: 180%;
}
.istanbul__label input{
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-transform: inherit;
	letter-spacing: inherit;
	height: inherit;
	line-height: inherit;
	color: inherit;
	font-family: inherit;
}

/* Search Lightbox */
.istanbul__search{
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #111;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	padding: 30px;
	transform: translateY(104%);
	transition: all .5s ease;
}
.istanbul__search.search-is-visible{
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
}
.istanbul__search.search-is-visible form:after{
    width: 100%;
	left: 0;
}
.istanbul__search.search-is-visible .closer2{
	transform: rotate(0) translateX(0);
}
.istanbul__search form{
	width: 100%;
	margin: 0 auto;
	max-width: 800px;
	padding: 50px;
	position: relative;
	z-index: 5;
	background-color: #222;
}
.istanbul__search form:after{
	width: 0;
	content: '';
	position: absolute;
	height: 2px;
	left: 50%;
	bottom: 0;
	background-color: var(--pc);
	transition: all .5s .5s ease;
}
.istanbul__search .form{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.istanbul__search input[type="text"]{
	width: 100%;
	padding: 12px 20px 12px 46px;
	margin-right: 20px;
}
.istanbul__search input[type="submit"]{
	width: 150px;
	padding: 0;
	border-radius: 30px;
	border: 1px solid #444;
}
.istanbul__search i{
	position: absolute;
    left: 21px;
	line-height: 50px;
    font-size: 15px;
    opacity: .5;
}
.istanbul__search .closer1{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	text-decoration: none;
}
.istanbul__search .closer2{
	transform: translateX(150px) rotate(1080deg);
	width: 60px;
	height: 60px;
	border-radius: 100%;
	box-shadow: 0 6px 30px rgb(0 0 0 / 20%);
	background-color: #333;
	position: absolute;
	top: 30px;
	top: 62px;
	right: 30px;
	z-index: 2;
	transition: all .5s 0.9s ease;
}
.istanbul__search .closer2 span{
	left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	display: block;
	position: absolute;
	width: 16px;
	height: 2px;
}
.istanbul__search .closer2 span:after{
	content: '';
	position: absolute;
	width: 16px;
	height: 2px;
	top: 0;
	left: 0;
	background-color: #fff;
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.istanbul__search .closer2 span:before{
	content: '';
	position: absolute;
	width: 16px;
	height: 2px;
	top: 0;
	left: 0;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}





.istanbul__fullpage .istanbul__full{
	padding: 100px 0;
}




/* Pagination */
.istanbul__pagination{
	margin-bottom: 95px;
}
.istanbul__pagination ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.istanbul__pagination li{
	margin: 5px 10px 5px 0;
}
.istanbul__pagination li > *{
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	min-width: 50px;
	padding: 0 20px;
	display: block;
	text-decoration: none;
	color: #fff;
	background-color: #333;
	font-size: 16px;
	text-align: center;
	font-family: var(--title-font-family);
}
.istanbul__pagination li.active > *{
	background-color: var(--pc);
}
.istanbul__pagination a:hover{
	opacity: .8;
}




.istanbul__protected{
	height: 100vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
.istanbul__protected .message_holder{
	max-width: 800px;
	margin: 0 auto;
	padding: 50px;
	background-color: rgba(0,0,0,0.6);
	border-bottom: 2px solid var(--pc);
	text-align: center;
}
.istanbul__protected .icon .replaced__svg{
	width: 120px;
	height: 120px;
	color: var(--pc);
	display: inline-block;
	margin-bottom: 30px;
}
.istanbul__protected h3{
	margin: 0;
	padding: 0;
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.istanbul__protected form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.istanbul__protected input[type="password"]{
	width: 100%;
    padding: 12px 20px 12px 46px;
    margin-right: 20px;
}
.istanbul__protected i{
	position: absolute;
    left: 21px;
    line-height: 50px;
    font-size: 15px;
    opacity: .5;
}

.nothing_found{
	max-width: 800px;
	margin: 100px auto;
	padding: 50px;
	background-color: rgba(0,0,0,0.6);
	border-bottom: 2px solid var(--pc);
	text-align: center;
}
.nothing_found i{
	position: absolute;
    left: 21px;
    line-height: 50px;
    font-size: 15px;
    opacity: .5;
}
.nothing_found h4{
	margin: 0;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 30px;
}
.nothing_found .form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.nothing_found input[type="text"]{
	width: 100%;
    padding: 12px 20px 12px 46px;
    margin-right: 20px;
}
.istanbul__404{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
.istanbul__404 .title_holder{
	max-width: 800px;
	margin: 100px auto;
	padding: 50px;
	background-color: rgba(0,0,0,0.6);
	border-bottom: 2px solid var(--pc);
	text-align: center;
}
.istanbul__404 .gotohome{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
.istanbul__404 h3{
	color: var(--pc);
    font-size: 120px;
    font-weight: 600;
    margin: 0;
}
.istanbul__404 h4{
	text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
}
.istanbul__singlepost .istanbul__full{
	padding: 100px 0;
}





.portfolio_list{
	padding: 100px 0;
}
.portfolio__item{
	width: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
}
.portfolio__item .category{
	position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
    background-color: var(--pc);
    height: 24px;
    padding: 0 15px;
    border-radius: 24px;
    color: #000;
    font-size: 13px;
    line-height: 24px;
    text-decoration: none;
    font-family: 'Poppins';
}
.portfolio__item .category a{
	text-decoration: none;
	color: #000;
}
.portfolio__item:after,
.portfolio__item:before,
.portfolio__item .for_img:after,
.portfolio__item .for_img:before{
	content: '';
	display: table;
	clear: both;
}
.portfolio__item .for_img{
	margin-top: 75%;
}
.portfolio__list{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left: -30px;
}
.portfolio__list li{
	width: 33.3333%;
	padding-left: 30px;
	margin-bottom: 30px;
}
.portfolio__item:hover .overlay{
	opacity: 1;
}
.portfolio__item .overlay{
	opacity: 0;
	z-index: 5;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background-color: var(--pc);
	transition: .2s;
}
.portfolio__item .overlay span{
	display: block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    color: #000;
    margin: 0 auto;
    font-size: 20px;
    font-family: var(--title-font-family);
}







.project--closer{
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	right: 760px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
}
.project--closer.visible{
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.project-info-container{
	background-color: #333;
	position: fixed;
	width: 760px;
	top: 0;
	right: 0;
	height: 100%;
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(760px);
    -moz-transform: translateX(760px);
    -ms-transform: translateX(760px);
    -o-transform: translateX(760px);
    transform: translateX(760px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    z-index: 888;
	padding: 30px 0;
}
.project-info-container::-webkit-scrollbar {
	display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.project-info-container {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.admin-bar .project--closer,
.admin-bar .project-info-container{
	top: 32px;
}
@media(max-width: 782px){
	.admin-bar .project--closer,
	.admin-bar .project-info-container{
		top: 0;
	}
	.project-info-container{
		width: 100%;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	.project-info-container.slide-in{
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
.project-info-container.slide-in{
	-webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.project-info{
	padding: 5px 30px 0 30px;
}
.project-info h4{
	font-size: 34px;
    line-height: 1;
    margin: 0 0 28px 0;
    font-weight: 700;
    position: relative;
	color: var(--pc);
	text-transform: uppercase;
}
.project-info .links{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.project-info .links a{
	margin: 10px 20px 10px 0;
}
.project-info ul {
	margin: 16px 0 15px;
	list-style-type: none;
}
.project-info .info__item_left{
	margin-right: 10px;
	display: inline;
}
.project-info .info__item_right{
	text-transform: uppercase;
	font-weight: 600;
	display: inline;
}
.project-info ul li {
	padding-bottom: 7px;
	font-size: 15px;
	line-height: 28px;
	color: #fff;
	font-family: var(--body-font-family);
}
.project-info .info__item{
	padding-left: 25px;
	position: relative;
}
.single-istanbul-project .istanbul__wrapper,
.single-istanbul-project{
	overflow: visible;
}
.single-istanbul-project .istanbul__sidebar .left_sidebar,
.single-istanbul-project .istanbul__sidebar .right_sidebar{
	position: sticky;
	top: 20px;
}
.project-info .icon {
	position: absolute;
	width: 25px;
    display: block;
	left: 0;
	top: 0;
    color: var(--pc);
}
.project-info-main-content{
	padding: 0 30px;
	margin-bottom: 30px;
	position: relative;
}
.project-info-main-content img{
	border-radius: 4px;
	display: block;
	width: 100%;
}
.project-info-main-content .slider{
	position: relative;
}
.project-info-main-content .item{
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}
.project-info-main-content .item img{
	opacity: 0;
	min-width: 100%;
	border-radius: 0;
	margin-top: -35%;
}
.project-info-main-content .prev,
.project-info-main-content .next{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
	display: block;
	text-decoration: none;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	font-size: 24px;
	background-color: var(--pc);
	z-index: 5;
	text-align: center;
	line-height: 50px;
	opacity: .8;
}
.project-info-main-content .prev{
	left: 30px;
}
.project-info-main-content .prev i{
	margin-left: -5px;
}
.project-info-main-content .next{
	right: 30px;
}
.project-info-main-content .next i{
	margin-right: -5px;
}
.project-info-main-content .prev:hover,
.project-info-main-content .next:hover{
	opacity: 1;
}
.project-info-main-content .play_btn{
	border-radius: 50%;
	display: block;
	text-decoration: none;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	background-color: var(--pc);
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 80px;
	opacity: .8;
}
.project-info-main-content .play_btn:hover{
	opacity: 1;
}
.project-info-main-content .play_btn i{
	margin-left: 5px;
}
.project-info-main-content video{
	width: 100%;
	max-width: 100%;
	border-radius: 4px;
}

.istanbul__button{
	width: max-content;
	max-width: 100%;
	display: block;
	text-decoration: none;
	box-shadow: none !important;
	border-radius: 26px;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	text-transform: uppercase;
	padding: 0 33px;
	outline: none !important;
	overflow: hidden;
	position: relative;
	font-family: var(--title-font-family);
	letter-spacing: .5px;
	border: 0;
}
.istanbul__button span {
	position: relative;
	z-index: 2;
}
.istanbul__button span span{
	padding-right: 11px;
}
.istanbul__button:before {
	position: absolute;
	content: "";
	top: 0;
	height: 102%;
	left: -25%;
	width: 0%;
	transform: skew(-22deg);
	transition-duration: .6s;
	z-index: 1;
}
.istanbul__button:hover:before {
	width: 180%;
}
.istanbul__button{
	color: #000;
	background-color: var(--pc);
}
.istanbul__button:hover{
	color: #fff;
}
.istanbul__button:before{
	background-color: #555;
}
.istanbul__button.bordered:before{
	background-color: var(--pc);
}
.istanbul__button.bordered{
	background-color: transparent;
	border: 1px solid var(--pc);
	color: var(--pc);
}
.istanbul__button.bordered:hover{
	color: #000;
}



.main__item{
	padding: 40px 30px;
    background-color: rgba(0,0,0,.6);
    border-bottom: 2px solid var(--pc);
    margin-bottom: 40px;
}
.main__item .exc{
	margin: 0;
	line-height: 1.7;
}
.main__item .project-info{
	padding: 0;
}
.main__item .project-info ul{
	margin: 0;
}
.main__item .project-info ul li:last-child{
	padding-bottom: 0;
}
/*
.main__item:last-child{
	margin-bottom: 0;
}
*/




.widget__title{
	width: 100%;
    height: auto;
    margin-bottom: 26px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}
.widget__title:after{
	position: absolute;
    content: "";
    width: 40px;
    height: 1px;
    background-color: var(--pc);
    left: 0px;
    bottom: -7px;
}
.tvg__social_list h4{
	margin: 0;
	padding: 0;
	font-family: var(--text-font-family);
	font-size: 15px;
	color: rgba(255,255,255,.8);
	margin-bottom: 7px;
}
.tvg__social_list ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.tvg__social_list li{
	margin: 5px 15px 5px 0;
}
.tvg__social_list li a{
	width: 35px;
    height: 35px;
    display: block;
    line-height: 31px;
    border-radius: 50%;
    text-align: center;
    background: transparent;
    transition: 0.3s;
	color: var(--pc);
	border: 2px solid var(--pc);
}
.tvg__social_list li a i {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.tvg__social_list li a:hover{
	background-color: var(--pc);
}
.tvg__social_list li a:hover i {
	-webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
	color: #000;
}

.istanbul__project .istanbul__sidebar{
	-ms-align-items: flex-start;
	align-items: flex-start;
}



.istanbul-content_archive .container.small{
	padding: 40px 0;
}
.istanbul__portfolio .istanbul__pagination{
	margin-bottom: 0;
}




.istanbul__mobile_header.active{
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
.istanbul__mobile_header{
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
	position: fixed;
    z-index: 134;
    background: #111;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 15px;
	overflow-y: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	transition: all .3s ease;
}
.cd-mob-trigger{
	display: none;
	position: fixed;
    z-index: 3;
	cursor: pointer;
    top: 30px;
    left: 30px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #333;
	text-decoration: none;
    box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
}
.cd-mob-trigger.active{
	z-index: 555;
    background: #111;
}
.cd-mob-trigger span{
	left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.cd-mob-trigger span::after,
.cd-mob-trigger span::before,
.cd-mob-trigger span{
	display: block;
	position: absolute;
	width: 16px;
	height: 2px;
	background-color: #fff;
}
.cd-mob-trigger span::after,
.cd-mob-trigger span::before{
	content: '';
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}
.cd-mob-trigger span::before{
	-webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}
.cd-mob-trigger span::after{
	-webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
}
.cd-mob-trigger.active span {
	background-color: transparent;
}
.cd-mob-trigger.active span::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cd-mob-trigger.active span::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* width */
.istanbul__mobile_header::-webkit-scrollbar {
	width: 6px;
}

/* Track */
.istanbul__mobile_header::-webkit-scrollbar-track {
	background: #111;
}

/* Handle */
.istanbul__mobile_header::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 5px;
}

/* Handle on hover */
.istanbul__mobile_header::-webkit-scrollbar-thumb:hover {
	background: #555;
}
.admin-bar .istanbul__mobile_header{
	top: 32px;
}
.admin-bar .cd-mob-trigger{
	top: 62px;
}
@media(max-width: 782px){
	.admin-bar .istanbul__mobile_header{
		top: 46px;
	}
	.admin-bar .cd-mob-trigger{
		top: 76px;
	}
}
.istanbul__mobile_header .nav{
	margin: 0;
	list-style-type: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
}
.istanbul__mobile_header .nav > li{
	width: 100%;
	padding-left: 15px;
	margin-bottom: 15px;
}
.istanbul__mobile_header .nav > li > a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	margin: 0;
	color: #fff;
	padding: 28px 20px 20px;
	text-align: center;
	background-color: #333;
	border-radius: 5px;
	text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
	min-height: 140px;
	position: relative;
	overflow: hidden;
}
.istanbul__mobile_header .nav > li.active > a:after{
	width: 100%;
	left: 0;
}
.istanbul__mobile_header .nav > li > a:before,
.istanbul__mobile_header .nav > li > a:after{
	content: '';
	position: absolute;
	left: 50%;
	width: 0;
	background-color: var(--pc);
	height: 2px;
	bottom: 0;
	transition: all .5s ease;
	z-index: 2;
}
.istanbul__mobile_header .nav > li.menu-item-has-children > a:before{
	width: 100%;
	opacity: .1;
	left: 0;
	z-index: 1;
}
.istanbul__mobile_header .nav > li > a i{
	display: block;
    margin-bottom: 6px;
    font-size: 35px;
	color: var(--pc);
}
.istanbul__mobile_header .menu{
	width: 100%;
}
.istanbul__mobile_header .nav > li > ul{
	display: none;
    padding: 30px 20px;
    border-radius: 5px;
    background: #333;
}
.istanbul__mobile_header .nav ul{
	margin: 0;
    list-style-type: none;
    color: #fff;
}
.istanbul__mobile_header .menu ul ul ul{
	margin: 15px 0 15px 22px;
	padding: 0;
}
.istanbul__mobile_header .nav ul li{
	margin-bottom: 5px;
}
.istanbul__mobile_header .nav ul li:last-child{
	margin-bottom: 0px;
}
.istanbul__mobile_header .nav ul a{
	color: #fff;
}
.istanbul__mobile_header .nav ul a i{
	margin-right: 10px;
	color: var(--pc);
}
.istanbul__mobile_header.active .nav > li{
	margin-bottom: 15px;
}
.istanbul__mobile_header.active .nav > li.active > a{
	margin-bottom: 15px;
}




/* Contact Form 7 */
.tm_contact .items{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -30px;
}
.tm_contact .item{
	width: 100%;
	padding-left: 30px;
	margin-bottom: 30px;
}
.tm_contact .half_item{
	width: 50%;
}
.tm_contact .list__item{
	width: 100%;
	position: relative;
}
.tm_contact .list__item i{
	position: absolute;
    left: 21px;
    top: 17px;
    font-size: 15px;
    opacity: .5;
	z-index: 55;
}
.tm_contact .list__item input,
.tm_contact .list__item textarea{
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	padding: 12px 20px 12px 46px;
}
.tm_contact .istanbul__label > span{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
.tm_contact .wpcf7-spinner{
	margin-right: 0;
	margin-left: 11px;
}
.tm_contact .item:last-child{
	margin-bottom: 0;
}
.tm_contact .wpcf7-not-valid-tip{
	margin-top: 10px;
}

@media(max-width: 768px){
	.tm_contact .item{width: 100%;}
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	border-color: var(--pc);
}
.cd-words-wrapper{
	color: var(--pc);
}




.search-is-closed .istanbul__content{
	animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.search-is-opened .istanbul__content{
	animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

@keyframes scaleBack {
  0% {
    transform: translateY(0) scale(1);
  }

  100% {
   	transform: translateY(-200px) scale(0.9);
  }
}

@keyframes scaleForward {
  0% {
    transform: translateY(-200px) scale(0.9);
  }

  100% {
   	transform: translateY(0) scale(1);
  }
}


/* Footer */
.istanbul__tm_footer{
	width: 100%;
	position: relative;
	border-top: 4px solid var(--pc);
}
.istanbul__tm_footer:after,
.istanbul__tm_footer:before{
	clear: both;
	display: table;
	content: '';
}

.istanbul__tm_footer .overlay__color{
	background-color: rgba(0,0,0,0.9);
}
.istanbul__tm_footer .overlay{
	z-index: 1;
}
.istanbul__tm_footer .footer__content{
	z-index: 2;
	position: relative;
}
.istanbul__tm_footer .widget_area .widget_nav_menu i,
.istanbul__tm_footer .widget_area .widget_nav_menu .searchItem{
	display: none;
}
.istanbul__tm_footer .widget_area{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left: -50px;
}
.istanbul__tm_footer .widget_area .widget_col{
	padding-left: 50px;
	margin-bottom: 50px;
	width: 25%;
}
.istanbul__tm_footer .bottom_inner{
	border-top: 1px solid rgba(255,255,255,.1);
	text-align: center;
	padding: 35px 0;
}
.istanbul__tm_footer .bottom_inner p{
	margin: 0;
	padding: 0;
}
.istanbul__tm_footer .bottom_inner a{
	color: inherit;
}
.istanbul__tm_footer .bottom_inner a:hover{
	color: var(--pc);
}

.istanbul__tm_footer .widget__title_wrap{
	margin-bottom: 21px;
}
.istanbul__tm_footer .widget_block{
	border-bottom: none;
	padding: 0px;
	background-color: transparent;
	margin-bottom: 30px;
	box-shadow: none;
}
.istanbul__tm_footer .widget_block:last-child{
	margin-bottom: 0px;
}
.istanbul__tm_footer .widget__title_wrap h3{
	color: #fff;
	margin-bottom: 0px;
	padding-bottom: 13px;
}
.istanbul__tm_footer .widget__title_wrap h3:after{
	background-color: var(--pc);
	opacity: 1;
	height: 2px;
	bottom: 0px;
}
.istanbul__tm_footer .widget_block img{
	margin: 0px;
}
.istanbul__tm_footer .widget_block p{
	margin: 0px;
}
.istanbul__tm_footer .widget_nav_menu ul li a:not(:hover){
	color: #ccc;
}
.istanbul__tm_footer .footer_top{
	padding-top: 100px;
	padding-bottom: 35px;
}
.istanbul__tm_totop{
	position: fixed;
	bottom: 30px;
	right: -60px;
	z-index: 11;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-color: var(--pc);
	transition: all .3s ease;
	color: #000;
}
.istanbul__tm_totop i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 30px;
	font-weight: 600;
}
.istanbul__tm_totop.animate{
	right: 30px;
}
.istanbul__tm_footer[data-widget-area="disable"] .footer_top{display: none;}
.istanbul__tm_footer[data-widget-area="disable"] .bottom_inner{border-top: none;}

.istanbul__sidebar_in{width: 100%;}



.istanbul__pn__box{
	border-radius: 10px;
    background-color: rgba(0,0,0,.1) !important;
    box-shadow: 0 2px 3px rgba(0,0,0,0.5);
    margin-bottom: 150px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
	position: relative;
}
.istanbul__pn__box[data-status="prev"] .next{
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.istanbul__pn__box[data-status="next"] .prev{
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.istanbul__pn__box:after{
	background-color: #333;
	left: 50%;
	margin-left: -0.5px;
	top: 0;
	bottom: 0;
	position: absolute;
	content: '';
	width: 1px;
}
.istanbul__pn__box p.desc{
	margin: 0;
	margin-bottom: 10px;
}
.istanbul__pn__box .title{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
	margin: 0;
}
.istanbul__pn__box .item{
	flex: 1;
	position: relative;
    padding: 30px;
	overflow: hidden;
}
.istanbul__pn__box .item:hover .title a{
	color: var(--pc);
}
.istanbul__pn__box .item_in{
	transition: all .5s ease;
}
.istanbul__pn__box .img{
	width: 200px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px 0 0 10px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transform: translateX(-200px);
	transition: all .5s ease;
}
.istanbul__pn__box .next .img{
	transform: translateX(200px);
	border-radius: 0 10px 10px 0;
	left: auto;
	right: 0;
}
.istanbul__pn__box .prev:hover .img{
	transform: translateX(0);
}
.istanbul__pn__box .prev:hover .item_in{
	transform: translateX(200px);
}
.istanbul__pn__box .next:hover .img{
	transform: translateX(0);
}
.istanbul__pn__box .next:hover .item_in{
	transform: translateX(-200px);
}
.istanbul__pn__box .next{
	text-align: right;
}
.istanbul__pn__box .full_link{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-decoration: none;
	z-index: 3;
}




@media(max-width: 1040px){
	.istanbul__sidebar{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.istanbul__sidebar .left_sidebar{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
	}
	.istanbul__sidebar .right_sidebar{
		width: 100%;
		margin-top: 60px;
	}
}
@media(max-width: 1025px){
	
	.cd-mob-trigger{display: block;}
	.istanbul__header{display: none;}
	.portfolio__list li{width: 50%;}
}

@media(max-width: 768px){
	.portfolio__list li{width: 100%;}
	.istanbul__pagetitle .vg__title{
		font-size: 40px;
	}
}

/* Light Skin  */
.light_skin .istanbul__header .nav a .text{
	color: #333;
}
.light_skin .istanbul__meta{
	background-color: #fff;
}
.light_skin .istanbul__pagetitle .overlay__color{
	background-color: rgba(223,223,223,0.52);
}
.light_skin .istanbul__breadcrumbs ul{
	background-color: #fff;
}
.light_skin .istanbul__header .nav a:hover .text{
	color: var(--pc);
}
.light_skin .project-info-container{
	background-color: #fff;
}
.light_skin .project-info ul li{
	color: var(--title-color);
}
.light_skin .project-info .info__item_left{
	color: var(--text-color);
}
.light_skin .tvg__info_icon_list .list__subtitle{
	color: var(--title-color);
}
.light_skin .tm_contact .list__item input, 
.light_skin .tm_contact .list__item textarea{
	border: 1px solid #ced4da;
	background-color: var(--site-background-color);
	color: var(--title-color);
}
.light_skin .tvg__info_icon_list .list__subtitle{
	font-weight: 600;
}
.light_skin .istanbul__search{
	background-color: #eee;
}
.light_skin .istanbul__search form{
	background-color: #fff;
	box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
}
.light_skin .uneditable-input,
.light_skin textarea,
.light_skin input[type=number],
.light_skin input[type=email],
.light_skin input[type=url],
.light_skin input[type=search],
.light_skin input[type=tel],
.light_skin input[type=color],
.light_skin input[type=text],
.light_skin input[type=password],
.light_skin input[type=datetime],
.light_skin input[type=datetime-local],
.light_skin input[type=date],
.light_skin input[type=month],
.light_skin input[type=time],
.light_skin input[type=week]{
	border: 1px solid #ced4da;
	background-color: var(--site-background-color);
	color: var(--title-color);
}
.light_skin .istanbul__search .closer2{
	background-color: #fff;
}
.light_skin .istanbul__search .closer2 span:after,
.light_skin .istanbul__search .closer2 span:before{
	background-color: #000;
}
.light_skin .istanbul__protected .message_holder,
.light_skin .nothing_found,
.light_skin .istanbul__postlist .istanbul__meta,
.light_skin .istanbul__singlepost .istanbul__comments,
.light_skin .widget_block,
.light_skin .main__item,
.light_skin .istanbul__404 .title_holder,
.light_skin .istanbul__singlepost .post_in{
	background-color: #eee;
}
.light_skin .commentlist .reply a,
.light_skin .comment-respond .logged-in-as a{
	color: var(--title-color);
}
.light_skin .commentlist .reply a:hover,
.light_skin .comment-respond .logged-in-as a:hover{
	color: var(--pc);
}
.light_skin .wp-block-latest-posts a,
.light_skin .widget_block a,
.light_skin .wp-block-latest-comments__comment-link,
.light_skin .wp-block-latest-comments__comment-author,
.light_skin .wp-block-archives a{
	color: var(--text-color) !important;
}
.light_skin .widget_block a:hover,
.light_skin .wp-block-latest-posts a:hover,
.light_skin .wp-block-latest-comments__comment-link:hover,
.light_skin .wp-block-latest-comments__comment-author:hover,
.light_skin .wp-block-archives a:hover{
	color: var(--title-color) !important;
}
.light_skin .istanbul__mobile_header{
	background-color: #fff;
}
.light_skin .istanbul__mobile_header .nav > li > a{
	background-color: #eee;
	color: #000;
}
.light_skin .tvg__services .icon,
.light_skin .tvg__progress_list .progress__percent span,
.light_skin .tvg__timeline .bullet{
	background-color: var(--site-background-color);
}
.light_skin .tvg__progress_list .progress__title{
	color: var(--title-color);
}
.light_skin .tvg__progress_list .progress__bar{
	background-color: #eee;
}
.light_skin .tvg__services .item{
	background-color: #eee;
}
.light_skin .tvg__partners,
.light_skin .tvg__partners ul li{
	border-color: #eee;
}
.light_skin .istanbul__pageloader::before,
.light_skin .istanbul__pageloader::after {
	background: #fff;
}
.light_skin .istanbul__pageloader .preloader-container h1 {
	color:var(--title-color);
}
.light_skin .istanbul__pageloader .progress-line{
	background: #333;
}
.light_skin .comment_list #respond{
	background-color: #fff;
}
.light_skin .commentlist .comment-body{
	border-bottom-color: #ccc;
}






/* expr */
.istanbul__pagetitle{
	border-bottom-color: #333;
}
.istanbul__tm_footer{
	border-top-color: #333;
}
.istanbul__project.istanbul__singlepost .post_in{
	background: none !important;
	box-shadow: none;
	border-radius: 0;
}
.istanbul__tm_footer .widget_block.widget_tag_cloud a,
.istanbul__tm_footer .widget_block.widget_meta a{
	background-color: #222;
	color: #ccc;
}
.istanbul__404 .title_holder,
.nothing_found,
.istanbul__protected .message_holder,
.comment_list #respond,
.tvg__services .item,
.tvg__pricing ul.tvg__column > li .item,
.widget_block,
.istanbul__singlepost .post_in,
.istanbul__singlepost .istanbul__comments,
.main__item{
	border: none;
	border-radius: 10px;
	background-color: rgba(0,0,0,.1) !important;
	box-shadow: 0 2px 3px rgba(0,0,0,0.5);
}
.istanbul__search form{
	border: none;
	border-radius: 10px;
	background-color: #1f1f1f !important;
	box-shadow: 0 2px 3px rgba(0,0,0,0.5);
}
.istanbul__search form:after{
	display: none;
}
.tvg__members .inner{
	border-radius: 10px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.5);
}
.fun_facts .icon{
	border-radius: 15px;
}
.tvg__members .details{
	background-color: #1f1f1f;
	border: none;
	margin-top: 0;
}
.fn_cs_testi_carousel .owl-theme .owl-nav.disabled+.owl-dots{
	margin-top: 25px;
}
.fn_cs_testi_carousel .owl-dots .owl-dot span{
	width: 20px;
	height: 4px;
	background-color: #333;
}
.fn_cs_testi_carousel .owl-theme .owl-dots .owl-dot.active span,
.fn_cs_testi_carousel .owl-theme .owl-dots .owl-dot:hover span{
	background-color: var(--pc);
}
.fn_cs_testi_carousel .text:after,
.fn_cs_testi_carousel .text:before{
	display: none;
}
.fn_cs_testi_carousel .text{
	border: none;
	background-color: transparent;
	padding: 0;
	margin-bottom: 20px;
}
.fn_cs_testi_carousel .owl-item{
	padding-bottom: 4px;
}
.fn_cs_testi_carousel .item{
	padding: 30px;
	border: none;
	border-radius: 10px;
	background-color: rgba(0,0,0,.1) !important;
	box-shadow: 0 2px 3px rgba(0,0,0,0.5);
}
.fn_cs_testi_carousel .testi_inner{
	width: calc(100% + 8px);
	padding: 0 4px;
}
.fn_cs_testi_carousel .details{
	border-top: 1px solid #333;
	padding-top: 20px;
}
.tvg__pricing ul li .plan_wrapper{
	border-bottom-color: #333 !important;
}
.commentlist .comment-body{
	border-bottom-color: #333;
}
.tvg__partners,
.tvg__partners ul li{
	border-color: #333;
}
.skills.dotted ul li .progress .dg span,
.skills.dotted ul li .progress .da span{
	background-color: #333;
}
.tvg__progress_list .progress__bar{
	background-color: #333;
}
.tvg__timeline .bullet:before{
	display: none;
}