/* CSS Document */

.container{
 
}
.makeitFix{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 1001
}
 
#header{
	z-index: 1002
} 
.socialSLH{padding-right:5px}
#socialS{position: absolute}
 
#FrontPageImage{
	 
 background-attachment: fixed;
  background-position:left 100%;
  background-repeat: no-repeat;
  background-size: cover;
	
}
#FrontPageImage.contain{
	background-position:center center;
}
#FPVideo {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}
#frontpage-holder{opacity:0}
#home{
	display:block
}
.linkLogo a{display:none;}
.linkLogo.showMade a{display:block} 
.linkLogo.showMade span{display:none} 
#home img{
	max-height:85px;
	width:auto !important;
}
.bannerHeading{
 
	color:#FFF;
	 height:100%
	
}
.fpImageSpace, #FPThumbSection{
   position:relative;
    overflow: hidden
}
 
#body-nav .active{
	background-color:transparent;
	color:#333
}
.nav-link{cursor: pointer}
#header, .body-nav,.SecNav{ 
-webkit-transition: padding .4s ease,border-color .4s ease;
-moz-transition: padding .4s ease,border-color .4s ease;
-o-transition: padding .4s ease,border-color .4s ease;
transition: padding .4s ease,border-color .4s ease;
}
 #AssetImageHlder{
    height:auto;
    margin-bottom:20px;
    overflow: hidden
}
 
#AssetImageHlder.AssetIBG{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 1
    
}

.asetTxt{
  position: relative;
/*    z-index: 1001; TTE*/
}
.storyThumb .thLayerInfo{
	opacity:1
}
.storyThumb .infoPr{
	display:none
}
#AssetImageHlder.AssetIBG.Afillyes img{
    height:100%;
    width:auto
}

#AssetImageHlder.AssetIBG.Afillno img{
   width:100%;
    height:auto
}

#AssetImageHlder.AssetIbanner img{
    max-width:100%;
    height:auto;
  
}
.fpslide{
	width:100%;
	height:100%;
	background-size: cover;
	position: absolute;
	left:0;
	top:0
	
}
#header.noPad, #body-nav.noPad{
	padding-top:0!important;
	padding-bottom:0!important;
	
	
}
#SecNav.noPad{
	padding-top:0!important;
	padding-bottom:2px!important;
}
.lightbg{
	
	background-color: #f6f6f6;
	border: solid 1px #F1F1F1;
	cursor: pointer
}
.modal-xl{
	max-width:98%;
	margin:0.8rem auto;
	height:100%
}
 
.portfolio-txt-holder{
	background-color: #DDDDDD;
}
 
.insideTxt{
	 max-width:1000px;
	padding:5px 50px;
	 
}
.grid-view{
	padding:0px;
	 /*max-width:1000px;*/
	width:100%;
}
.grid-view #GrpNameHead h3{
	margin-bottom:0.3rem;
}

.thLayerInfo{
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height:100%;
	 flex-flow: column;
	color:#FFF;
	font-size:18px;
	opacity:0;
	cursor: pointer
	
}
.photo-grid-item{cursor: pointer}
.thLayerInfo:hover{
background-color: rgba(0,0,0,0.8);
	opacity:1
	 
}
 
#fscreenH.d-inline{display:none}
#exitFull{display:none} 
/*Imagepage*/
#INavHold{width:100%}
#IpImageHolder{position:relative}
#IpImage{
	height:100%
}
#previousImage, #nextImage, #stackImage{
	opacity:0
}
#previousImage, #currentImage, #nextImage, #stackImage{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-size: contain;
		background-repeat:no-repeat;
		background-position:center center;
		
	}
#stackImage{
    background-color:#CCC;
    z-index: 10000001;
    display: none;
   
}
#stackImage .stackim, .loadbg{
    position: absolute;
   left:0;
		top:0;
		width:100%;
		height:100%;
    background-position: center center;
    background-repeat:no-repeat;
    
}
#thimgStack{
    margin-bottom: 5px;
    width:200px;
}
#stackImage .stackim{
  background-size: contain;
}


#prevNav, #nextNav, #prevNavS, #nextNavS{
     height:auto;
    color:#FFF;
    cursor: pointer;
 
    float:left;
    display: inline-block
   
}
 #GoThumb, #nextNavH,#prevNavH{
		position:absolute;
		top:0;
		height:70%;
        width:33%;
    z-index: 101
  
 
	} 
	#prevNavH{
		 left:0;
        cursor: pointer;
        
	}
	#nextNavH{
	 	right:0;
         cursor: pointer;
	 
	}
.opacity0{opacity:0!important}
.embedVideoClass{
	width:100%;
	height:100%;
	display:block !important;
	position: absolute;
	left:0;
	top:0
}
.embedVideoClass iframe{
	position: absolute;
	left:0;
	top:0;
	width:100% !important;
	background-color:#333;
	height:calc(100% - 40px); !important;
	
}
.VideoInfo{height:40px;position: absolute;width:100%; /*text-align: center;*/bottom: 0}
.videoEmb{
	opacity:1 !important;
	background-color:#333;
	color:#FFF
}

#Portfolio-holder{
	position: relative
}
 .thisLoader,.thisLoader1{
	height:100%;
position: absolute;
width:100%;
left:0;
top:0}
.thisLoader .d-flex,.thisLoader1 .d-flex{
	height:100%
}
#Portfolio-holder .thisLoader{
	height:200px;
	/*position: relative*/
}
.loaderTxt, .LoaderTxt{
	padding-left:5px
}
 #prevNavH{
		 
         cursor: url("../../common/img/left_arrow_c.png"), default 
	}
	#nextNavH{
 	
	  cursor: url("../../common/img/right_arrow_c.png"), default 
	}
	#GoThumb{
		left:31%;
		 cursor:url("../../common/img/thumb_c.png"), default
	} 


.cartHolder div{
    border: 1px solid #333;
    float: left;
    margin-right: 20px;
    padding: 5px 10px;
    margin-bottom:5px
     
}
.cartHolder{min-height:55px}
#enlargeThumb{
   display:none 
}
.thim img{
   max-width:180px;
    max-height:180px
}
#stackHolder li{
     display: inline-block;
    background-color:#CCC;
    margin:5px
}
#stackHolder li.stackMimg{
 padding:30px;
     color:#333;
     
}
.smlDPico{
	display: inline-block;
	padding:5px 10px;
	font-size:16px;
	color:#333;
	cursor:pointer;
}
 
#prevNav i, #nextNav i, .totalNum{
	color:#333;
	padding:5px 10px;
	margin:0;
	
		
}
#TotalNumHold .bigDPico{display: none}
.modal-footer a{cursor: pointer}

#Room{overflow-x: hidden!important}
/*#roomHold,#floorHold{height:600px; position:absolute; width:800px;left:50%; top:50%; margin-left:-400px;margin-top:-300px}*/
#roomHold,#floorHold{height:600px; position:absolute; width:800px;left:0; top:0;}

#CloseRoomView,#InavMinfo{position: relative}
#CloseRoomView i.vSmall, #ClInfoX{
	position: absolute;
	top:0;
	right:0;
	font-size:12px;
	background-color: transparent;
	padding:0
}

.mobileTemp .thumbinfo{
	position: relative;
	z-index: 1000000001
}

#myModal{
	padding:0!important
}
#PriceInfoBox.noBg{
	background-color:transparent!important
}
 
.modal-content,.modal-footer{
	border-radius: 0
}
#TotalNumHold #zoomBtn, #TotalNumHold #zoomCBtn{
 
	display:none
}
#TotalNumHold #zoomBtn.inB, #TotalNumHold #zoomCBtn.inB{
 
	display:inline-block
}
 
#forstackembed{
 
 background-color: #CCC;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000001
 }
#forstackembed .LoadPopContHere {
     height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
#stackHolder{
   position:relative; 
   
}
#stackHolder ul{
 
 list-style: none;
    padding-left:0
  
}
 
#stackHolder ul li{
 
    cursor: pointer;
    display:inline-block;
    
    text-align: center;
}
#stackHolder ul li img{
  margin:0 auto;  
}
 
.imgpageRelated.showthis, #ImagePlace.showthis, #ThumbPlace.showthis{
			display:inline-block
			
		}
		.imgpageRelated.hidethis, #ImagePlace.hidethis, #ThumbPlace.hidethis,.hide{
			display:none
		}
 .hide{
			display:none
		}

#InavSec{
    position:absolute;
    bottom:80px;
    width:100%;
    height:auto;
    left:0;
    text-align: center;
    z-index: 10000001
   
}
#TotalNumHold span, #TotalNumHold div, #TotalNumHoldS span, #TotalNumHoldS div{
    display:inline-block; 
  
}
 
#RoomView,#CloseRoomView,#InavMinfo,#inquireL{
 
    
}
#TotalNumHold #RoomView, #TotalNumHold #CloseRoomView{
  display:none;
    cursor: pointer
}
 
#Room, #Floor, #FloorIm,#lamp{
   position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
 
 
 #Room, #Floor{
     opacity:0;
     background-repeat: no-repeat;
    background-size: auto;
    
    z-index: 100
 }
 
#Floor{}
    
 #RoomIm{
    position: absolute;
    width:100%;
    height:100%;
      background-repeat: no-repeat;
     background-position: bottom left;
   
} 
#FloorIm{
    background-position: bottom left;
    background-repeat: no-repeat
}
#RoomIm{
     max-width: 800px;
 }
 #floorHold,#roomHold{
     position: absolute;
     left:0;
     top:0;
     height:100%;
     width:100%;
 }
 
#lamp{
    background-image: url("../../comon/img/lamp.png");
    background-repeat: no-repeat;
    background-position:left bottom;
    background-size:auto;
 }
#compR, #compF{
   position: absolute;
    width:auto;
    height:auto;
    padding:5px;
     color:#FFF;
    font-weight: bold;
    font-size:18px;
	display:none
}
#compR{
 left:390px;
    bottom:0;
}
#compF{
  bottom:49%;
    left:20px
}
#RoomSize,#FloorSize{
   position:absolute;
    color:#FFF;
    
  }
#RoomSize{
    bottom:0;
width:100%;
 
}
#FloorSize{
    bottom:5px;
    width:100%;
    text-align: left
}
#forstackembed .LoadPopContHere iframe, #forstackembed .LoadPopContHere video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#TotalNumHold #RoomView.inlineB, #TotalNumHold #CloseRoomView.inlineB{
    display: inline-block;
}

#closeRoomonR{
	cursor: pointer
}
/*Image page*/

.posRow{position: relative}
.posFix{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	padding:5px;
	background-color:#CCC
	
}
#mainpfInfo{
	z-index: 100001;
	padding-left:5px;
	
}
.modal-dialog-scrollable .modal-body{
	overflow-x: hidden
}
#CloseInfo{
	cursor:pointer;
	text-align: right;
	padding:5px;
	font-weight: bold
}
.signUpTxt{
	margin-right:20px
}
.input-group-btn button{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}
#PriceInfoBox .PriceBox{padding:8px}
.imName,.Imginfo{padding:8px}
 
 .fadeLayer{
	opacity: 0;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
		width:100%;
	height:100%;
	left:0;
		top:0
}
 
 
#FPThumbSection .bannerHeading{
	position: absolute;
	top:0;
	left:0;
	width:100%
}
 

#photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 8;
  -webkit-column-gap:   0px;
  -moz-column-count:    8;
  -moz-column-gap:      0px;
  column-count:         8;
  column-gap:           0px;  
}
#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
	opacity:0.1
}

.hidden{
	display:none !important
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	 
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	#fscreenH.d-inline{
		display: inline;
		
		position: fixed;
		bottom: 90px;
		right: 30px;
		background: #ffffff;

padding: 5px 15px 5px 15px;
border-radius: 5px;
 		
	}
}
 
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
 
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}
@media (max-width: 992px) {
	#IpImageHolder{
		height:350px !important}
	
}

@media (max-width: 768px) {
	#mainpfInfo{
		display: block !important
	}
	.flexInfHolder{min-height: 0 !important}
	#InavMinfo{
		display: none !important
	}
	.fpImageSpace, #FPThumbSection, #smoothslides, .flexslider{
		max-height: 250px !important
	}
	#IpImageHolder{width:100%!important; height:350px !important}
	/*#home, .modal-title, .fpnameTxt, #GrpNameHead h3, #ImageInfoBox h4.imName, .mobileTemp h4.imName{font-size:16px !important}*/
	#Portfolio-holder {padding-left:0 !important; padding-right:0 !important}
	/*#header{position:relative!important}*/
	#frontpage-holder{position: relative!important; margin-top:0 !important}
	#sidebar{padding-top:0px !important; top:45px}
	 
	
	
}

/*
#ZoomImage{
	padding:0 !important;
	margin:0;
	height:100%;
	width:100%;
	top:0;
	left:0;
	border:none 0
}
#ZoomImage .modal-xl{
	width:100%;
	max-width:100%;
	margin:0 auto;
}
 #modalBody {
   height: calc(100vh - 75px);
	opacity: 0 
}*/
#ZoomImage{
	display:none;
	z-index: 100000000000;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#FFF;
	overflow-y:hidden
	
}
#ZoomImage button{
	position:absolute;
	right:10px;
	top:10px;
	z-index: 100;
	background-color:transparent;
	border:none 0
	
}
.imgContainerZ{
	
	width:100%;
	height:100%;
}
.imgContainerZ{opacity: 0}
#enlargeThumb{
	padding-bottom: 10px;
	cursor: pointer;
	overflow: hidden
}
.zoom {
    margin: 0 auto;
 
}

.magnify{
	
	 display: flex !important;
 
  align-items: center;
}

#roomHold, #floorHold {
    height: 600px;
    position: absolute;
    width: 800px;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -300px;
}

.a_SLshare, .a_SLfollow{
	
	margin-right:5px
}
#AssetInfoBlog  .img-responsive{
max-width:100%;
height:auto;
}


/***************/
#footer{
	position:fixed;
	width:100%;
	bottom:0;
}

#Portfolio-holder{
	margin-bottom:60px;
}

#Portfolio-holder .thisLoader{
	display:none;
}
#Portfolio-holder.css_loading #thumbsOnly{
	//position:relative;
	//top:-2000px;
}
#Portfolio-holder.css_loading .thisLoader{
	display:block;
}

.css_pp_btn{
	cursor:pointer;
}




/*GB related*/
.gbhide {
    display: none;
}
#addxmlText {
    padding: 20px;
}
#gbheading{
	padding-left:20px;padding-right:20px;
	padding-bottom:20px;
}
.short_data input{
    width: 50% !important
}

#gbheading {
    color: #000000;
    font-family: inherit;
    font-size: 18px;
    font-weight: bold;
}
.c_gblabel, .c_gblabelN, .c_gblabelL, .c_gbdatalN label, .addxmlText {
    color: #000000;
    font-family: "Helvetica Neue","Arial","sans-serif";
    font-size: 14px;
}
.css_gb_box input[type="text"], .css_gb_box textarea {
    border: 1px solid #333;
    color: #333;
    margin-bottom: 15px;
    width: 50%;
}
@media (min-device-width: 375px) and (max-device-width: 812px) {
	.css_gb_box input[type="text"], .css_gb_box textarea {
		width: 100%;
	}
}
.gb_btn {
    background-color: #015d7d;
    border: 1px solid #015d7d;
    margin-bottom: 10px;
    margin-top: 10px;
    width: auto;
}
.gb_btn, .gb_btn:hover, .gb_btn:focus {
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
}
#thanksMsg{
     display:none;
     font-size: 18px;
     font-family: inherit;
     text-align: center;
     width:100%;
     height:300px;
     padding-top:100px
}

#SecNav{
	padding-bottom:1rem;
}


/*image details */
#INavHold{
	position:relative;
}
#imgNav{
	position:absolute;
	top:0;
	right:0;
}
#IBtnWrap{
	margin:0 auto;
}


.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
  
  margin-left: auto;
margin-right: auto;
}


#ContactModal .modal-dialog{
	width:700px;
	min-height:700px;
	
}
#ContactModal .modal-dialog .modal-body{
padding-top: 50px;
padding-bottom: 130px;
}

			#AssetInfo{
				margin:0 auto;
			}
			
			
			
.css_gb_box #artistphoto img{
	max-width:400px;
	height:auto;
	width:100%;
}
.css_gb_box #artistphoto{
	text-align:right;
	padding-right:1.2rem;
}


#AssetBlogInfo.container{
	margin-top:30px;
}

.css_long_dash{
	padding-right:5px;
	padding-left:5px;
}

#myModal .modal-footer{
padding-left:1rem;padding-right:1rem;
padding-top:0;
padding-bottom:1rem;
}
#myModal .modal-footer > *{
	margin:0;
}

#fullScreen{
-webkit-transition: font-size 1s,color 1s;
-moz-transition: font-size 1s,color 1s;
-o-transition: font-size 1s,color 1s;
transition: font-size 1s,color 1s;

cursor:pointer;
}
#fullScreen:hover{
	font-size:28px;
	/*color:red;*/
}


.cc-window.cc-floating{
	max-width:none !important;
	width:100%;
}
.cc-right{
	right:0 !important;
}
.cc-revoke{
display:none !important;
}

/*debug */
.infoPr{
/*	display:none;*/
}
/*
#content{
	border:1px solid black;
}
#Portfolio-holder_box{
	border:1px solid orange;
}
#Portfolio-holder{
	border:1px solid darkgreen;
}
#thumbsOnly{
	boder:1px solid darkblue;
}
#addMasori{
	border:1px solid pink;
}
*/