/*-- Use For Custom Styling --*/



.cube-portfolio1 > .container {
	max-width: 1340px;
}



#yorum_message {
	display: none;
	margin: 10px 0;
	line-height: 1.4;
}




.cbp-l-caption-body span {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	transform-origin: left bottom;
	transform: rotate(-90deg) translateY(80px);
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
	width: 80px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}
.cbp-l-caption-body span:hover {
	background-color: #333333;
}
@media (max-width:768px) {
	.cbp-l-caption-alignCenter {
		opacity: 1;
	}
	.cbp-l-caption-body .plus {
		opacity: 0;
	}
	.cbp-l-caption-body h5 {
		opacity: 0;
	}
}





/* ===================================
        Blog sec css
====================================== */
.blog-sec .left-overlay{position:absolute;left:0;right:60%;top:0;bottom:0;}
.blog-sec .heading{color:#FFFFFF;font-family:Montserrat, sans-serif;font-size:36px;font-weight:700;margin-bottom:50px;}
.blog-sec .text{color:#FFFFFF;font-family:Roboto, sans-serif;font-size:16px;font-weight:300;}
.blog-sec .text-beyaz{color:#FFFFFF;}
.blog-sec .heading span{display:block;}
.blog-sec{position:relative;overflow:hidden;         padding: 0;} /* bkz */
.blog-sec .left-overlay{background-color:#26313c;top:0px;}
.blog-sec .blog-area{padding-top:50px;padding-bottom:50px;}
.blog-sec .blog-inner-overlay{position:absolute;left:0;bottom:0;top:0;right:34%;background-color:#26313c;}
.blog-sec .blog-area .blog-detail .heading{margin-bottom:0px;}
@media (min-width:768px) and (max-width:991px){
.blog-sec .left-overlay{right:0;}
.blog-sec .blog-area .blog-detail{margin-bottom:80px;}
}
@media screen and (max-width:767px){
.blog-sec .heading{font-size:44px;}
.blog-sec .left-overlay{right:0;}
.blog-sec .blog-area .blog-detail{margin-bottom:80px;}
}
@media (min-width: 1600px){
.blog-sec .container{max-width:1340px;}
}



/* Sub Nav */

.navbar-top-default {
	overflow: visible;
}
.side-navbar {
	width: 100%;
}
.side-navbar .nav-item {
	width: 100%;
}



.sub-box {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.sub-nav {
	display: none;
	position: absolute;
	min-width: 100%;
	left: 2rem;
	top: calc(100% + 5px);
	background-color: #1c252e;
	z-index: 8899;
}
.sub-nav ul {
	margin: 0;
}
.sub-nav a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	white-space: nowrap;
	padding: 8px;
}
.sub-nav a:hover {
	background-color: #f05523;
}
.sub-box:hover .sub-nav {
	display: block;
}



.sub-navm {
	width: 100%;
	background-color: #1c252e;
}
.sub-navm ul {
	margin: 0;
}
.sub-navm a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	white-space: nowrap;
	padding: 8px;
}
.sub-navm a:hover {
	background-color: #f05523;
}

@media (max-width: 1200px) and (min-width: 992px) {
	.sub-nav {
		left: 1.4rem;
		top: calc(100% - 3px);
	}
}