#product_details {
    position: absolute;
    width: 100%;
    max-width: 1220px;
    margin: auto;
    z-index: +1;
    text-align: right;
    margin-top: 0px;
    box-sizing: border-box;
    top: calc(100% - 128px);
    left: 0;
    right: 0;
    /* min-height: 2em; */
 }	
#product_details .hover_text {
    width: 100%;
/*    bottom: 0;
*/    position: relative;
    right: 15px;
    color: #000;
    float: right;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgb(255 255 255 / 50%);
}
#product_details .hdt {
    top: -35px;
}



.project_nav {
	position: absolute;
	z-index: +9;
	width: 100%;
}
.proj {
	height:100vh;
	max-width: 1280px;
    margin: auto;
	overflow:hidden;
	    max-height:715px;
}
.proj .owl-stage-outer{
height: 100vh;
    max-height:715px;
	}
.proj .details {	
	position: relative;
	width: 100%;
	max-width: 1260px;
	/* background-color: #990000; */
    margin: auto;
	z-index: +99999;
	/* bottom: -490px !important; */
    text-align: right;
	margin-top: 0px;
	min-height: calc(100vh - 322px);
	box-sizing: border-box;
	bottom: -50%;
	transform: translateY(50%);
	-webkit-transform: translateY(50%);
}

.projects-bg {
	background-position: top center;
	background-size: 100%;
	height:100vh;
	background-repeat:no-repeat;
}

.pro_one {
	background-image: url(../images/projects/projects-1.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}
.pro_two {
	background-image: url(../images/projects/project_2-1.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}
.st_one {
	background-image: url(../images/projects/elements/staircase/staircase1.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}
.st_two {
	background-image: url(../images/projects/elements/staircase/staircase2.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}
.st_three {
	background-image: url(../images/projects/elements/staircase/staircase3.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}
.st_four {
	background-image: url(../images/projects/elements/staircase/staircase4.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}
.st_five {
	background-image: url(../images/projects/elements/staircase/staircase5.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}
.st_six {
	background-image: url(../images/projects/elements/staircase/staircase6.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}
.st_seven {
	background-image: url(../images/projects/elements/staircase/staircase7.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}
.st_eight {
	background-image: url(../images/projects/elements/staircase/staircase8.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}
.st_nine {
	background-image: url(../images/projects/elements/staircase/staircase9.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}
.st_ten {
	background-image: url(../images/projects/elements/staircase/staircase10.jpg);
	background-position: center center;
	background-size: cover;
	height:100vh;
}



#project_0 {
    height: 100vh;
    overflow-y: hidden !important;
    max-height: 715px;
}#project_0 .owl-next {
	/* background-size: contain !important; */
    float: right;
	color: transparent !important;
	outline: none;
	font-size: 0;
	/* text-align: right; */
    margin: 0 !important;
	padding: 0 !important;
	background-position: center;
	background-image: url(../images/r-in1.png);
	background-repeat: no-repeat;
	/* margin-right: 10px !important; */
    opacity: 0.8;
	width: 20px;
	height: 20px;
	background-color: rgb(255, 255, 255, 0.8);
	border-radius: 50px;
	background-size: 6px !important;
	background-position: 51% 50%;
	right: 50px;
	clear: right;
	margin-top: -25px !important;
	position: relative;
}
#project_0 .owl-prev {
	background-size: contain !important;
	float: right;
	color: transparent !important;
	outline: none;
	/* margin-right: 0.7%!important; */
    font-size: 0;
	text-align: right;
	margin: 0 !important;
	padding: 0 !important;
	background-position: center;
	background-image: url(../images/l-in1.png);
	background-repeat: no-repeat;
	margin-left: 10px !important;
	opacity: 0.8;
	width: 20px;
	background-color: rgb(255, 255, 255, 0.8);
	border-radius: 50px;
	background-size: 6px !important;
	background-position: 41% 50%;
	position: relative;
	right: 50px;
	top: 30px;
	height: 20px;/* clear: both; */
}
#project_0 .owl-next:hover {
	background-image: url(../images/r-in1_0.png) !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color:rgb(0, 0, 0, 0.8) !important;
}
#project_0 .owl-prev:hover {
	background-image: url(../images/l-in1_0.png) !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color:rgb(0, 0, 0, 0.8) !important;
}
#project_0 .owl-dots {
	display:none;
}
#project_0 .owl-nav {
    position: relative;
    width: 100%;
    /* top: auto; */
    display: block !important;
    margin-top: 0;
     margin: auto;
    /* height: 200px; */
    max-width: 1250px;
    margin: auto !important;
    padding: 25px 35px 10px;
    clear: both;
    bottom: 290px;
 }
.three_line {
	bottom:182px !important;
}
.hdt {
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: right;
    overflow: hidden;
    border-radius: 26px;
    background: rgb(230,230,230);
    transition: all 0.3s ease-out;
    white-space: nowrap;
    right: 15px;
    position: relative;
    /*opacity: 0.8;*/
    position: absolute;
    bottom: calc(100% - 45px);}
.hdt:hover {
	width:70px;
	background: rgb(45,45,45);
}
#project_0 .owl-dots {
	display: block;
	position: relative;
	bottom: 90px;
	width: 100%;
	max-width: 1190px;
	margin: auto;
	text-align: right;
}
#project_0 .owl-dot span {
	background:rgba(219, 218, 218, 0.7);
	/* border: 1px solid #000; */
	   margin: 0px 0px;
	margin-left: 8px;
}
#project_0 .owl-dot.active span {
	background: rgb(0, 0, 0, 0.7 ) !important;
	margin: 0px 0px;
	margin-left: 8px;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	outline: none;
}