/*
-webkit-user-select: none; /* Safari 
-moz-user-select: none; /* Firefox 
-ms-user-select: none; /* IE10+/Edge 
user-select: none; /* Standard */

/* Quick Enquiry CSS */
.qef{
	top:14%;
	left: 100%;
	width: 300px;
	position: fixed;
	transition: all 250ms;
	z-index: 9999;
}

.qef.active {
    left: calc( 100% - 300px);
}

.quickEnqContainer{
	position: relative;
}

.quickEnq{
    border: 2px solid #fff;
    background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(233,67,43,0.5) 50%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(233,67,43,0.5) 50%, rgba(0,0,0,0.5) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(233,67,43,0.5) 50%, rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.quickEnq h3{
	color: #fff;
}

.enqBtn{
	transform: rotate(-90deg);
    height: 29px;
    width: 140px;
    position: absolute;
    white-space: nowrap;
    left: -84px;
    top: 40%;
    background-color: #e9432b;
    color: #fff;
    border: 2px solid #fff;
    border-bottom-width: 0;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

/* Quick Enquiry CSS */

/* new portfolio section */
.nazwa_cont{
	position: relative;
	text-align: center;
	color: white;
	overflow: hidden;
	cursor:pointer;
}

.nazwa_cont_TopLeft{
	position: absolute;
	top: 8px;
	left: 16px;
	right: 16px;
	opacity: 0;
    transition: all 0.3s;
	transform: translateX(-1.5rem);
}

.nazwa_cont_BottomRight{
	position: absolute;
	bottom: 8px;
	left:16px;
	right: 16px;
	opacity: 0;
	transition: all 0.3s;
	transform: translateX(-1.5rem);
}

.nazwa_Hover:hover .nazwa_cont_TopLeft {
  opacity: 1;
  transform: none;
}

.nazwa_Hover:hover .nazwa_cont_BottomRight {
  opacity: 1;
  transform: none;
}

.nazwa_Hover img{
	filter: brightness(100%);
	transition: 0.5s ease;
}

.nazwa_Hover img:hover{
	filter: brightness(50%);
}

.nazwa_ServConBG {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	filter: brightness(100%);
	
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.nazwa_ServCon:hover .nazwa_ServConBG, .nazwa_ServCon:focus .nazwa_ServConBG{
	filter: brightness(40%);
	transform: scale(1.1);
}
/* new portfolio section */

.hr_white {
    border-top: 2px solid #ffffff;
	display: none;
}

.rel-cont{
	position: relative !important;
	width: 100%;
	height: 100%;
}

.abs-cont{
	position: absolute !important;
	top: 0px;
    z-index: 999;
}

.forMobile{
	display: none;
	opacity: 0;
}

@media (max-width: 360px) and (min-width: 240px) {
	.forMobile{
		display: block;
		opacity: 1;
	}
	.forPC{
		display: none;
		opacity: 0;
	}
}

@media (max-width: 480px) and (min-width: 361px) {
	.forMobile{
		display: block;
		opacity: 1;
	}
	.forPC{
		display: none;
		opacity: 0;
	}
}

@media (max-width: 576px) and (min-width: 481px) {
	.forMobile{
		display: block;
		opacity: 1;
	}
	.forPC{
		display: none;
		opacity: 0;
	}
}

@media (max-width: 640px) and (min-width: 577px) {
	.forMobile{
		display: block;
		opacity: 1;
	}
	.forPC{
		display: none;
		opacity: 0;
	}
}

@media (max-width: 768px) and (min-width: 641px) {
	.forMobile{
		display: block;
		opacity: 1;
	}
	.forPC{
		display: none;
		opacity: 0;
	}
}

@media (max-width: 991px) and (min-width: 769px) {
	.forMobile{
		display: block;
		opacity: 1;
	}
	.forPC{
		display: none;
		opacity: 0;
	}
}

@media (max-width: 1024px) and (min-width: 992px) {
	.forMobile{
		display: none;
		opacity: 0;
	}
	.forPC{
		display: block;
		opacity: 1;
	}
	.hiddenMidpoint{
		display: none;
	}
}

@media (max-width: 1200px) and (min-width: 1025px) {
	.forMobile{
		display: none;
		opacity: 0;
	}
	.forPC{
		display: block;
		opacity: 1;
	}
	.hiddenMidpoint{
		display: none;
	}
}

@media (max-width: 1366px) and (min-width: 1201px) {
	.forMobile{
		display: none;
		opacity: 0;
	}
	.forPC{
		display: block;
		opacity: 1;
	}
	.hr_white {
		display: block;
	}
}

@media (max-width: 1920px) and (min-width: 1367px) {
	.forMobile{
		display: none;
		opacity: 0;
	}
	.forPC{
		display: block;
		opacity: 1;
	}
	.hr_white {
		display: block;
	}
}

@media (max-width: 2560px) and (min-width: 1921px) {
	.forMobile{
		display: none;
		opacity: 0;
	}
	.forPC{
		display: block;
		opacity: 1;
	}
	.hr_white {
		display: block;
	}
}