/******************************

    00 - Home
    01 - Inner Page
	    01 - About Us
		02 - Our History
		03 - Service Detail
        04 - Portfolio Detail
        05 - Blog Detail
             Sidebar Right
             Blog Classic
             Blog Single
        06 - Team Single Detail
        07 - Contact Us
        08 - Comment Form
    
******************************/

/*----------------------------------------*/
/*  00 - Home
/*----------------------------------------*/

/*.moderustic-<uniquifier> {*/
/*  font-family: "Moderu",;*/
/*  font-optical-sizing: auto;*/
/*  font-weight: auto;*/
/*  font-style: normal;*/
/*}*/

/*#page{*/
/*	overflow: hidden;*/
/*}*/
/** Homepage 01 **/
.about-one-leftbox{
	position: relative;
	background-image: url(https://spacesdesigngroup.in/images/bg/home-about-us.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	/*border-radius: 30px;*/
	height: 100%;
}
.about-one-leftbox .ihbox-style-area{
	position: absolute;
	width: auto;
	max-width: 100%;
	bottom: 0;
	right: 0;
}
.pbmit-sticky-corner {
    width: 30px;
    height: 30px;
    position: absolute;
    transform: rotate(-90deg);
}
.pbmit-top-right-corner {
    top: -30px;
    right: 0;
    transform: none;
}
.pbmit-bottom-left-corner{
	bottom: 0;
    left: -30px;
    transform: none;
}
.pbmit-sticky-corner svg path {
    fill: var(--pbmit-white-color);
}
.about-one-rightbox{
    max-width:615px;
	padding: 0px 0px 0px 64px;
}
.service-one{
	position: relative;
	/*border-radius: 30px;*/
	padding: 160px 0px 100px 0px;
}
.service-one .pbmit-service-highlight h2 {
    left: 0;
    right: 0;
	font-size: 170px;
    line-height: normal;
    color: transparent;
    -webkit-text-stroke: 1px rgba(var(--pbmit-global-color-rgb), .15);
    position: absolute;
    top: -100px;
}
.pbmit-service-text{
	margin-top: 60px;
	padding: 10px 30px 10px 30px;
}
.pbmit-service-text p{
	color: #c7b8ac;
    margin: 0;
    border: 1px solid rgba(var(--pbmit-white-color-rgb), .1);
    padding: 8px 30px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 400;
}
.ihbox-one-left-col,
.ihbox-one-right-col{
	width: 28%;
	padding-top: 30px;
}
.ihbox-one-img-col .ihbox-imgbox{
	text-align: center;
	padding-right: 70px;
}
.ihbox-one-img-col .ihbox-imgbox img{
	/*transform: perspective(100px) rotateY(-3deg);*/
    border-radius: 15px;
    transition: .9s;
}
.ihbox-one-img-col .ihbox-imgbox:hover img{
	transform: rotateY(10deg) !important;
    cursor: crosshair;
}
.ihbox-one-img-col{
	width: 44%;
}
.marquee-one{
	overflow: hidden;
}
.marquee-one .pbmit-marquee-effect-style-1 .pbmit-element-title{
	width: auto;
	transition: transform 1s cubic-bezier(.22,.61,.36,1);
    margin: 0;
    padding: 0;
}
.portfolio-one{
	margin-top: -50px;
	padding: 80px 0 70px 0;
}
.portfolio-one .pbmit-sortable-list-ul li:not(:last-child)>a{
	margin-right: 20px;
}
.portfolio-one .pbmit-sortable-list-ul li a.pbmit-selected{
	background-color: transparent;
	color: var(--pbmit-global-color);
}
.portfolio-one .pbmit-sortable-list a{
	position: relative;
	display: inline;
	padding: 12px 18px;
}
.portfolio-one .pbmit-sortable-list a:before{
	position: absolute;
    counter-increment: pbmitbox3;
    content: counter(pbmitbox3, decimal-leading-zero);
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 12px;
    color: var(--pbmit-global-color);
}
.pricing-one-bg{
	background-image: url(../images/homepage-1/bg/pricing-bg-shape.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.pricing-one-rightbox{
	padding: 100px 0px 0px 70px;
}
.pricing-one-rightbox .list-group{
	padding-bottom: 50px;
}
.testimonial-one{
	padding: 100px 0px 0px 0px;
	position: relative;
	overflow: hidden;
}
.testimonial-one .pbmit-testimonialbox-left{
	/*padding: 80px 70px 0 50px;*/
	position: relative;
}
.testimonial-one .pbmit-testimonialbox-left:before{
	font-family: "pbminfotech-base-icons";
    content: '\e826';
    position: absolute;
    left: -130px;
    top: -10px;
    font-size: 300px;
    line-height: 300px;
    display: inline-block;
    background: rgba(var(--pbmit-blackish-color-rgb), .03);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.testimonial-one .swiper-slider{
	padding-bottom: 210px;
}
.testimonial-one .swiper-button-next,
.testimonial-one .swiper-button-prev{
	bottom: 15%;
	top: auto;
	right: 20%;
	border: 1px solid rgba(var(--pbmit-blackish-color-rgb),.2);
}
.testimonial-one .swiper-button-prev{
	right: 25%;
}
.testimonial-one .swiper-button-prev:hover,
.testimonial-one .swiper-button-next{
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
}
.testimonial-one .swiper-button-next:hover{
	background-color: var(--pbmit-blackish-color);
}
.testimonial-one .ihbox-style-area{
	position: absolute;
	width: auto;
	max-width: 100%;
	left: 35%;
	bottom: 11%;
}
.video-section-one{
	position: relative;
	padding: 225px 0px 225px 0px;
}
.fadeIn {
    animation-name: fadeIn;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.animated-slow {
    animation-duration: 2s;
}
.video-section-one .pbmit-bg-overlay{
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
	z-index: 1;
	background-image: url(../images/homepage-1/bg/paralax-image.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.54;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
@keyframes flipInX{
	0%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
		transform:perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
		opacity:0
	}
	40%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
		transform:perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		transition-timing-function:ease-in
	}
	60%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
		transform:perspective(400px) rotate3d(1,0,0,10deg);
		opacity:1
	}
	80%{
		-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
		transform:perspective(400px) rotate3d(1,0,0,-5deg)
	}
	100%{
		-webkit-transform:perspective(400px);
		transform:perspective(400px)
	}
}
.flipInX{
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important;
	-webkit-animation-name:flipInX;
	animation-name:flipInX;
}
.morphext > .animated {
	display: inline-block;
}
.play-button .pbmit-icon{
	position: relative;
	font-size: 20px;
	padding: 35px;
	border-radius: 50%;
	display: inline-block;
    line-height: 1;
    transition: all .3s;
	z-index: 1;
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
}
.play-button .pbmit-icon:before,
.play-button .pbmit-icon:after{
	position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 8px solid rgba(var(--pbmit-white-color-rgb), .2);
}
.play-button .pbmit-icon:before{
	animation: pulse-border-2 1.5s linear infinite;
}
.play-button .pbmit-icon:after{
	animation: pulse-border 1s linear infinite;
}
@keyframes pulse-border-2 {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(1.7);
		opacity: 0;
	}
}
@keyframes pulse-border{
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(1.5);
		opacity: 0;
	}
}
.play-button .pbmit-icon i{
	width: 1em;
	height: 1em;
    position: relative;
    display: block;
}
.blog-btn{
	text-align: right;
	padding-right: 35px;
}
.blog-one-right-col{
	padding-left: 60px;
}
/** Homepage 02 **/ 
.ihbox-section-two{
	padding: 50px 30px 0 30px;
}
.about-two-leftbox{
	position: relative;
}
.about-two-leftbox .about-two-img{
	-webkit-mask-image: url(../images/homepage-2/bg/about-masking.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}
.about-two-leftbox .ihbox-style-area{
	position: absolute;
	width: auto;
	max-width: 100%;
	bottom: 0;
	left: 0;
}
.about-two-content{
	padding: 35px 50px 0px 70px;
}
.about-two-content .list-group{
	padding-bottom: 30px;
}
.about-two-content .pbmit-text-editor{
	font-size: 18px;
	line-height: 25px;
	color: var(--pbmit-global-color);
}
.marquee-two{
	padding: 70px 0 90px 0;
	overflow: hidden;
}
.accordion-two-area{
	padding-right: 190px;
}
.accordion-two-rightbox{
	position: relative;
	padding-left: 50px;
}
.accordion-two-rightbox .chair-img,
.accordion-two-rightbox .sofa-img,
.testimonial-two .ihbox-style-area,
.about-three-rightbox .fid-style-area,
.about-three-img2{
	position: absolute;
	width: auto;
	max-width: 100%;
}
.accordion-two-rightbox .chair-img{
	left: -11%;
	bottom: 11%;
}
.accordion-two-rightbox .sofa-img{
	right: -50px;
	top: 3.251%;
}
.accordion-two-rightbox .floor-img{
	padding-top: 90px;
}
.portfolio-two{
	padding-left: 50px;
	padding-right: 50px;
}
.process-section-two{
	padding: 145px 0px 0px 0px;
	border-top: 1px solid #DDDDDD;
	overflow: hidden;
}
.process-section-two .pbmit-ih-highlight h2{
	left: 0;
    right: 0;
    text-align: center;
}
.pbmit-ih-highlight h2 {
    position: absolute;
    top: -70px;
    left: 98px;
    left: 0;
    right: auto;
    z-index: -1;
    font-size: 170px;
    line-height: 170px;
    letter-spacing: -1px;
    color: #ebebeb;
    opacity: .4;
}
.process-section-two .pbmit-text-editor{
	padding-top: 40px;
	text-align: center;
}
.pbmit-text-design {
    background-color: var(--pbmit-blackish-color);
    color: var(--pbmit-global-color);
    border-radius: 20px;
    padding: 1px 15px 3px;
    font-size: 14px;
    top: -3px;
    position: relative;
    margin-right: 10px;
    display: inline-block;
}
.testimonial-two{
	padding: 130px 0 80px 0;
}
.testimonial-two .pbmit-testimonialbox-left{
	position: relative;
	padding: 80px 70px 0 90px;
}
.testimonial-two .pbmit-testimonialbox-left:before{
	font-family: pbminfotech-base-icons;
    content: '\e826';
    position: absolute;
    left: 0;
    top: -45px;
    font-size: 300px;
    line-height: 300px;
    display: inline-block;
    color: rgba(var(--pbmit-white-color-rgb), .2);
    background: -webkit-linear-gradient(rgba(108, 79, 54, 1) 0, rgba(81, 64, 49, .3) 99%, rgba(81, 64, 49, .3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 30%;
}
.testimonial-two .swiper-slider{
	padding: 0 30px;
}
.testimonial-two .swiper-button-next, 
.testimonial-two .swiper-button-prev{
	width: 60px;
	height: 60px;
	border: none;
}
.testimonial-two .swiper-button-next{
	right: 0px;
}
.testimonial-two .swiper-button-prev{
	left: 0px;
}
.testimonial-two .swiper-button-prev:hover,
.testimonial-two .swiper-button-next{
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
}
.testimonial-two .swiper-button-next:hover,
.testimonial-two .swiper-button-prev{
	color: var(--pbmit-blackish-color);
	background-color: var(--pbmit-white-color);
}
.testimonial-two .swiper-button-prev.swiper-button-disabled{
	opacity: .35;
}
.testimonial-two .ihbox-style-area{
	left: 88px;
	top: 293px;
}
.client-two-area{
	margin-top: 100px;
}
/** Homepage 03 **/ 
.client-three{
	padding: 40px 0;
	border-bottom: 1px solid #DDDDDD;
}
.about-section-three{
	padding: 145px 0px 130px 0px;
}
.about-three-left-area{
	padding-right: 120px;
}
.about-three-rightbox{
	padding-left: 80px;
}
.about-three-rightbox .fid-style-area{
	left: -72px;
	top: 10px;
	z-index: 1;
}
.about-three-img1{
	margin-top: -40px;
}
.about-three-rightbox img{
	border-radius: 30px;
}
.about-three-img2{
	left: -25px;
	bottom: -30px;
}
.service-three{
	border-radius: 30px;
	overflow: hidden;
}
.service-three .pbmit-servicebox-left {
    padding: 50px 45px 0 0;
	position: relative;
}
.service-three .pbmit-servicebox-right {
    padding-left: 55px;
}
.service-three .swiper-button-next, 
.service-three .swiper-button-prev{
	position: static;
	border: none;
}
.pbmit-service-highlight h2 {
    position: absolute;
    font-size: 170px;
    line-height: normal;
    color: transparent;
    -webkit-text-stroke: 1px rgba(var(--pbmit-global-color-rgb), .15);
    top: auto;
    bottom: -150px;
    left: -180px;
}
.pbmit-bg-color-secondary .swiper-button-prev,
.pbmit-bg-color-secondary .swiper-button-next:hover{
	color: var(--pbmit-blackish-color);
	background-color: var(--pbmit-white-color);
}
.pbmit-bg-color-secondary .swiper-button-prev:hover,
.pbmit-bg-color-secondary .swiper-button-next{
	color: var(--pbmit-white-color);
	background-color: var(--pbmit-global-color);
}
.ihbox-section-three{
	padding-bottom: 90px;
}
.ihbox-section-three .heading-area{
	border-top: 1px solid #DDDDDD;
}
.ihbox-section-three .heading-area .pbmit-heading{
	text-align: center;
}
.ihbox-section-three .heading-area .pbmit-heading h2{
	font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 20px;
}
.ihbox-section-three .heading-area .pbmit-heading .pbmit-award{
	background-color: var(--pbmit-white-color);
    position: relative;
    top: -10px;
    padding: 0 35px;
    color: var(--pbmit-global-color);
}
.before-after-left-area{
padding: 205px 64px 205px 240px;
	/*border-radius: 30px;*/
	height: 100%;
}
.portfolio-three-slider .swiper-pagination-bullet,
.testimonial-three-main .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	opacity: .5;
	margin: 0 5px !important;
	background-color: var(--pbmit-global-color);
}
.portfolio-three-slider .swiper-pagination-bullet-active,
.testimonial-three-main .swiper-pagination-bullet-active{
	outline: none;
	opacity: 1;
}
.about-us-three-sec{
	padding-bottom: 100px;
	background-image: url(../images/homepage-3/bg/pattern.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.about-us-three-content{
	/*padding: 70px 75px 0px 0px;*/
}
.about-us-three-content .pbmit-text-editor{
	font-weight: 400;
	color: var(--pbmit-global-color);
}
.about-us-three-sec .fid-style-area{
	/*padding: 0px 0px 0px 94px;*/
}
.testimonial-three-bg{
	background-image: url(../images/homepage-3/bg/testimonial-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	border-radius: 30px;
	height: 100%;
}
.testimonial-three-main{
	border-radius: 30px;
	padding: 100px 400px 100px 130px;
	background-color: var(--pbmit-light-color);
}
.testimonial-three-main .pbmit-heading-subheading:before{
	font-family: pbminfotech-base-icons;
    content: '\e886';
    position: absolute;
    right: -265px;
    top: -23px;
    font-size: 290px;
    line-height: 290px;
    display: inline-block;
    color: rgba(var(--pbmit-blackish-color-rgb), .2);
    background: -webkit-linear-gradient(rgba(196, 196, 196, 1) 0, rgba(254, 254, 254, .3) 99%, rgba(255, 255, 255, .3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .2;
}
.testimonial-three-main .swiper-horizontal>.swiper-pagination-bullets{
	justify-content: left;
}
.blog-three-right-col{
	padding-left: 60px;
}
/*------------------- ---------------------*/
/*01 - Inner Page 
/*----------------------------------------*/
/** 01 - About Us **/
.about-us  .ihbox-section-three{
	padding-bottom: 100px;
}
.about-us .process-section-two{
	padding-top: 130px;
	border-top: none;
}
/** 02 - Our History **/
.pbmit-element-timeline-style-