html{
overflow-x: hidden
}
a:hover, a:active, a:focus {
outline:0 !important;
cursor:pointer
}
/*bootstrap override*/
.navbar{
border-radius: 0;
border:0;
margin:0;
z-index: 105;
}
.navbar-header.center{
text-align: center;
float:none
}
.navbar-brand > img{
max-width:100%;
}
.center .navbar-brand > img{
display:inline-block
}
.navbar-header.center #home{
width:100%;
}
.navbar-right .dropdown-menu{
left:0;
right:auto;
}
.navbar-header.pullright,.navbar-header.pullleft {
float:none
}
.navbar-brand{
height:auto
}
.navbar-header.pullright #home{
float:right;
}
.navbar-header.pullright .navbar-toggle{
float:left;
}
.nav.navbar-nav{
margin-right:0;
margin-left:0
}
.navbar-nav.navbar-center{
float:none;
display:inline-block;
}
nav .navbar-toggle{
display: none
}
.dropdown-menu > li > a{
white-space: normal
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
background-color: transparent
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
background-color: transparent
}
#Mainnavigation.Pnavbar-center{
text-align: center;
margin:0 auto
}
#MainHolder{
position:relative
}
#SideNav{
position:fixed;
padding:10px 50px 10px 10px;
display: block;
display: none;
z-index: 100001;
}
.shareLbl{
border-bottom: solid 1px #333
}
#sideNavBtn{
width:auto;
height:auto;
position: fixed;
border-bottom:none 0px !important;
cursor: pointer;
z-index: 100002
}
#sideNavBtn .btn-nav{
width:auto;
height:auto;
border-bottom:solid 1px #000
}
#sideNavBtn .btn-nav i{
padding:10px
}
#sideNavBtn .btn-nav.lastBtn{
border-bottom:none
}
.Sleft #shareBtmNav{
padding-left:50px
}
#shareIcos{
display: block
}
#shareBtmNav .a_SLshare{
display: block;
padding-bottom:5px
}
#fullScreen,#exitFull{
display:none
}
#fullScreen, #exitFull {
cursor: pointer;
z-index: 1001;
}
/*Footer NAv*/
#FooterLinksWrap ul{
list-style: none;
margin-left: 0;
padding-left:0;
}
.signUpTxt{
font-size:28px;
color:#333;
}
.inpGpEmail input{
background-color: #dedede;
border: medium none;
height: 42px;
}
.inpGpEmail button{
background-color: #c1c1c1;
height:42px
}
#topBtnH{
bottom:0;
position: fixed;
text-align: center;
width:auto;
right:5px;
bottom:0;
}
#topBtn{
padding:0 10px;
display:none;
/* -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; */
}
.btn-top{
border-radius: 0
}
#social div{
display:inline-block
}
a.a_SLfollow{
padding-right:5px
}
/*End Footer Nav*/
/*Front page*/
#thumbndImage, #AssetPlace, #forstackembed,#InfoOpenBtn,#specialfp{
display:none;
}
.hidethis{
display:none
}
/*#BigScreen #fpimgHolderM{
display:block
}
#BigScreen #fpimgHolder{
display:none
}
#specialfp #fpimgHolderM{
display:none
}
#specialfp #fpimgHolder{
display:block
}*/
.fpslide,.stslide,{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-size: contain;
background-repeat:no-repeat;
background-position:center top;
}
#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;
}
.fpslide{
cursor:pointer;
}
.FrontPageImagedp{
display:block;
position:relative;
padding:20px 0;
}
.blogInfoNimg{
padding-bottom:40px
}
#FrontPage{
position:relative
}
#BlogWrapper .BlogImg iframe{
max-width:100%;
}
/*End Frontpage*/
/*Loader*/
.loadLayer, #LoadLayer{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index: 100001;
}
#LoadLayer{
position:absolute;
display:none
}
#LoadLayer div{
position:fixed
}
.op0,.op00{
opacity:0;
}
.opN{
opacity:0;
}
/*End Loader*/
/*Special FP*/
#specialfp{
position:absolute;
z-index: 1;
top:0;
left:0;
width:100%;
height:100%;
z-index: 100002;
display: none;
overflow: hidden;
cursor: pointer
}
#SpImageH{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index: 1
}
#SpImageH #FrontPage{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
}
/*#LogoH{
position:absolute;
left:50%;
top:50%;
height:30%;
width:500px;
margin-top:-15%;
margin-left:-250px;
text-align: center;
z-index: 11
}*/
#LogoH{
position:absolute;
left:0;
top:100px;
height:auto;
width:100%;
margin-top:0;
margin-left:0;
text-align: center;
z-index: 11
}
#LogoH .row{
margin:0
}
#LogoH #ContactInfoRow{
margin:0 auto;
max-width:500px
}
.secLogo{
font-family: cursive;
color:#FFF;
font-size:36px
}
.secLogo a, .secLogo a:hover{
text-decoration: none
}
.secLogo img{
max-width: 100%;
}
.fp_btn {
background-color:transparent;
border: 1px dotted #FFFFFF;
width: auto;
font-size:22px;
color:#FFFFFF;
margin:20px 10px;
}
#contactinm2{
margin:20px 10px;
color:#FFFFFF;
text-align: left
}
#contactinm2 a{
color:#FFFFFF
}
#loadingImgId{
width:100%;
height:100%;
left:0;
top:0;
position: absolute;
z-index: 11
}
#fpLayer{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000000;
opacity:0.5;
z-index: 10
}
a.fplayera{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
display: block
}
#specialFpFooter{
position:absolute;
z-index: 11;
bottom:0;
width:100%;
left:0;
text-align: center;
margin:0;
}
.secCopyR{
padding:20px;
}
.contactinCyes{
display:none
}
.EnterLnk{
text-align: right
}
.enterinEno{
display:none
}
.enterinCno.contactinCno{
width:100%;
}
.enterinCno.contactinCno #contactinm2{
text-align: center
}
.enterinEyes.contactinEyes{
width:100%;
text-align: center
}
#social2 a{
margin-right:5px
}
#Mainnavigation{
padding:0
}
.navbar-rihgt #GuestBook{
padding-right:0
}
#home{
padding-left: 0;
padding-right:0;
}
.imgpageRelated.showthis, #ImagePlace.showthis, #ThumbPlace.showthis{
display:inline-block
}
.imgpageRelated.hidethis, #ImagePlace.hidethis, #ThumbPlace.hidethis{
display:none
}
/*Portfolio Page */
#ImagePlace, #ThumbPlace{
width:100%
}
.pfName{
padding:10px;
background-color:#CCC;
color:#333;
font-size:18px;
margin-bottom:20px;
margin-top:30px
}
.maingal{
padding-top:20px
}
h4.pfhead{
padding-top:0;
margin: 0;
padding-bottom:20px
}
.Pdesc{
padding-bottom:20px
}
.PfMainImg{
overflow: hidden;
}
.PfMainImg, .pfhead,.ttlnum{
cursor: pointer
}
.galThs{
display:none;
margin-top:20px;
overflow: hidden
}
.GridView{
padding-left:15px
}
.ThumbRoll{
background-color:#CCC;
height:auto;
z-index: 10000001;
position: relative
}
.ThInfo,.thLayerInfo{
display:none;
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
text-align: center;
color:#FFFFFF;
background: rgba(0,0,0,0.5);
}
.infoPr{
font-size:32px
}
.infoPr i{
padding:15px;
}
.autoWidth{
display:none
}
.autoWidth li, .GridView li{
position: relative;
-webkit-transition: 0.5s ease-in-out;
-moz-transition:0.5s ease-in-out;
-o-transition:0.5s ease-in-out;
transition:0.5s ease-in-out;
-moz-transform: scale(.85);
-o-transform: scale(.85);
-ms-transform: scale(.85);
transform: scale(.85);
}
.autoWidth li:hover, .GridView li:hover{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.autoWidth li:hover .ThInfo, .GridView li:hover .ThInfo, .photo-grid-item:hover .thLayerInfo{
display:block;
}
.smThHold{
display:block
}
.smThHold .sthumb{
float: left;
height: 125px;
margin:5px;
position: relative;
width: 125px;
line-height:125px;
text-align:center;
}
.sthumb img {
vertical-align: middle;
}
.pfName i{
float: right;
font-size: 34px;
margin-right: 15px;
margin-top: 5px;
}
i.False{
display:none
}
.FolTrue{
display:none
}
#ThumbPlace .fa-chevron-right{
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Safari */
transform: rotate(90deg);
}
#ThumbPlace .collapsed .fa-chevron-right{
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Safari */
transform: rotate(0deg);
}
/*End Portfolio Page*/
/*Screen Width minimum 768px
****************************
****************************
*/
.fpslide,.stslide{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-size: contain;
background-repeat:no-repeat;
background-position:center top;
}
#previousImage, #currentImage, #nextImage, .fpslide,.stslide,#stackImage{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-size: contain;
background-repeat:no-repeat;
background-position:center center;
}
/* #prevNav, #nextNav,*/
#pnHold{
right:0;
position:absolute;
width:auto;
z-index: 10000001;
top:47%;
}
#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:14px;
cursor: pointer;
}
#GoThumb{
left:31%;
cursor:url("../../templates/vienna/thumb_c.png"), default
}
/*#GoThumb, #nextNavH,#prevNavH{
position:absolute;
top:50%;
width:50px;
height:50px;
color:#000;
z-index: 101;
opacity:0;
font-size:36px
}
#prevNavH{
left:0;
cursor: pointer;
}
#nextNavH{
right:0;
cursor: pointer;
}
#GoThumb{
left:50%;
margin-left:-25px;
text-align: center;
}
#IpImageHolder:hover #GoThumb, #IpImageHolder:hover #nextNavH, #IpImageHolder:hover #prevNavH{
opacity:1
}*/
#previousImage,#nextImage,#stackImage{
opacity:0
}
#IpImageHolder{
position: relative;
height:100%;
background-color: #CCC;
overflow: hidden
}
#mainpfInfo{
position: relative;
}
#IpImageHolder, #mainpfInfo{
float:left
}
#INavHold #TotalNumHold,.totalNum, #TotalNumHoldS{
float:left
}
#INavHold #TotalNumHold{
}
#INavHold .ttln, #INavHoldS .ttln{
float:right
}
#prevNav, #nextNav, #GOtoB, #GOtoBS, #prevNavS, #nextNavS{display: inline-flex}
#ImagePlace{
padding-bottom:50px
}
.hvr-underline-from-left:before{
background: #000 none repeat scroll 0 0;
}
#IpImageHolder .bounceInLeft, #IpImageHolder .bounceInRight, #IpImageHolder .bounceInDown,
#IpImageHolder .bounceInUp, #IpImageHolder .bounceIn, #IpImageHolder .flipInX, #IpImageHolder .flipInY,
#IpImageHolder .lightSpeedIn{
opacity:1;
}
#mainpfInfo{
padding-top:30px;
position: relative
}
#CloseInfo{
position: absolute;
right:10px;
top:10px;
font-size: 12px;
cursor: pointer;
padding:5px
}
#ImageInfoBox{
padding:10px;
}
#INavHold,#INavHoldS{
position:absolute;
width:100%;
bottom:0;
height:auto;
padding:5px;
right:0;
z-index: 100001
}
#IpImage{
/* position: absolute;*/
position: relative;
width:100%;
height:100%;
top:0;
left:0;
}
#InavGoThumb,#InavMinfo,#inquireL, #inquireLS, #InavGoThumbS{
cursor:pointer;
margin-right:0;
}
#PriceInfoBox{
padding-top:50px
}
.priceUnderline{
border-bottom: solid 1px #333
}
#INavHold div.ttln{
width:auto;
}
#ImagePlace #inquireL,#ImagePlace #InavMinfo, #inquireLS{
display:inline-block
}
#TotalNumHold a i.fa, #TotalNumHoldS a i.fa{
font-size:28px;
margin-right: 5px;
color:#333
}
#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;
}
#ImagePlace{
position: relative
}
#stackHolder ul{
list-style: none;
padding-left:0
}
#stackHolder ul li{
cursor: pointer;
display:inline-block;
float:left;
text-align: center;
}
#stackHolder ul li img{
margin:0 auto;
}
#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("../../templates/annapolis/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%;
}
.thim{
padding:10px 0;
}
.thim img, .thim .enlargeLink{
display: block;
cursor: pointer
}
.stacktemp li img{
opacity:0.5
}
.stacktemp li img:hover{
opacity: 1;
}
.enlargeLink{
padding:10px 0;
}
.ClosePop {
color: #fff;
cursor: pointer;
font-size: 26px;
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
}
#ThumbPlace, #AssetPlace{
min-height:300px;
padding-bottom:80px
}
#AssetPlace #MainFpBlog.hidden{
display:block !important;
visibility: visible
}
.sthumb.rowview{
display:block;
}
.ImgLyerH{
position:relative;
}
.ImgLayerLgt{
position: absolute;
width:100%;
height:100%;
color:#FFF;
font-size:16px;
left:0;
top:0;
text-align: center;
}
.LayerB{
position: absolute;
width:100%;
height:100%;
display:none;
top:0;
left:0;
opacity:0.3
}
.ImgLayerLgt:hover .LayerB{
display:block
}
#GOtoB, #GOtoBS{
position:absolute;
bottom:0;
left:50%;
margin-left:-10px;
width:auto;
cursor: pointer
}
.cartHolder div{
border: 1px solid #333;
float: left;
margin-right: 20px;
padding: 5px 10px;
margin-bottom:5px
}
#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;
font-size:16px;
background-color: #333;
color:#FFF
}
#TotalNumHold .bigDPico{display: none}
.GridView .storyThumb img{
width:125px;
height:125px;
}
@media (min-width: 768px) {
.smlDPico{
display: none;
}
#TotalNumHold .bigDPico{display:inline-block}
#prevNavH{
cursor: url("../../templates/vienna/left_arrow_c.png"), default
}
#nextNavH{
cursor: url("../../templates/vienna/right_arrow_c.png"), default
}
.sthumb.rowview{
display:none;
}
#home{
padding-left: 0;
padding-right:0;
position: relative;
z-index: 1000001;
}
.navbar-header.pullright{
width:auto;
float:right
}
.navbar-header.pullleft{
width:auto;
float:left
}
.navbar-left .firstLink, .navbar-center .firstLink {
padding-left:0
}
#sideNavBtn .btn-nav.menuBtn{
display:none
}
.FrontPageImagedp{
display:none
}
/* #BigScreen #fpimgHolderM{
display:none
}*/
#BigScreen #fpimgHolder{
display:block;
position: relative
}
#fullScreen{
display: inline-block
}
/* #specialfp #fpimgHolderM{
display:none
}*/
#specialfp #fpimgHolder{
display:block
}
.autoWidth{
display:block
}
.smThHold.forSrow{
display: none
}
#enlargeThumb {
overflow: hidden
}
.dispLarge{
display:inline-block !important;
}
}
@media (max-width: 767px) { /* 760px wide or less -- cahnged from 767*/
html,body{
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
height: 100%;
}
#Group1{z-index: 100000001}
.thLayerInfo{display:none!important}
}
@media only screen and (max-width: 600px) {
.dropdown-menu > li > a{
text-align: left!important
}
#Mainnavigation.Pnavbar-center {text-align: left !important}
.navbar-center #allassts li{text-align: left }
.navbar-nav > li > a{text-align: left}
.mobileTop20{padding-top:10px}
.dropdown-menu > li > a{
padding-left:40px
}
#Mainnavigation .socLink_follow_box{padding-left:15px}
.padXsBtm20{
padding-bottom:20px
}
#mainIm{
display:none
}
.nav.navbar-nav{
display:block !important;
border-radius: 0
}
.navbar-nav > li > .dropdown-menu{
background-color: transparent;
border: 0 none;
box-shadow: none;
float: none;
margin-top: 0;
position: static;
width: auto;
display:block;
border-radius: 0
}
.navbar-center #allassts li{
text-align: center
}
#IpImageHolder{
width:100%!important;
}
#mainpfInfo{
width:100%!important;
z-index: 10000000;
padding-bottom:60px;
}
#InavMinfo{
display:inline-block!important;
}
#BigScreen #fpimgHolder{
max-height:500px;
position: relative
}
.smThHold .isName{
display:none
}
#topBtnH{
display: none
}
#sideNavBtn, #SideNav{
top:0;
bottom: auto !important;
}
/* added 4/17/2018*/
#addMasori{
height:auto!important;
}
.photo-grid-item{
position: relative !important;
top:auto !important;
left:0 !important;
width:100% !important;
}
.imgWrapper{
position:relative;
width:100%;
text-align: center
}
.photo-grid-item img{
position: relative !important;
width:auto !important;
height:auto !important;
max-width:100%
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {
}
@media all and (-ms-high-contrast:none){ /*IE*/
}
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-accelerator:true){
}
/*pad css*/
.pad20{
padding:20px
}
.padBtm20{
padding-bottom: 20px;
}
.padTop20{
padding-top:20px
}
.padTopBtm5{
padding-top:5px;
padding-bottom:5px
}
/*end pad css*/
#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;
}
#AssetImageHlder.AssetIBG.Afillyes img{
height:100%;
width:auto
}
#AssetImageHlder.AssetIBG.Afillno img{
width:100%;
height:auto
}
#AssetImageHlder.AssetIbanner img{
max-width:100%;
height:auto;
}
.nav .footerPf, .nav .maingal{
display:none
}
.forSgrid h4, .forSgrid .infoPr{
display:none
}
.GridView li{
display:inline-block;
list-style: none;
position: relative
}
#TotalNumHold #RoomView.inlineB, #TotalNumHold #CloseRoomView.inlineB{
display: inline-block;
}
.clear{
clear:both
}
#thumbsOnly .item-a{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:none
}
.thLayerInfo{
position: absolute;
left:0;
top:0
}
.photo-grid-item{
cursor: pointer;
}
.finalT{
opacity: 0;
/*margin-bottom:15px;*/
}
.txtThumb{
position:absolute;
top:45%;
width:100%;
text-align: center;
vertical-align:middle;
display:table-cell
}
.txtNxtPf{
position:relative;
vertical-align:middle
}
#GrpNameHead.center{
text-align: center
}
#GrpNameHead.left{
text-align: left;
}
#GrpNameHead.right{
text-align: right;
}
#FpinfoFP .insideTxt{
max-width: 1100px
}
.cartHolder div{
cursor: pointer
}
.stackMimg:after{
content:"Main Image"
}
.PfMainImg.threeGrp{
display:table-cell;
vertical-align: middle;
}
.BTname{
z-index:10001;
position: relative;
width: 100%;
text-align: center;
padding:10px
}
/*storyboard related*/
#TotalNumHold #IBtnWrap, #TotalNumHoldS #IBtnWrapS{
margin:0;
}
.storyThumb{
background-color:#C01D20;
color:#FFF;
font-size:24px;
}
/*.storyThumb:after{
content: "\f518";
position: absolute;
left:50%;
width:50px;
text-align: center;
display: table-cell;
height:50px;
top:50%;
font-family: 'Font Awesome\ 5 Free';
font-size: 54px;
margin-top:-25px;
margin-left:-25px;
pointer-events: none
}*/
.storyThumb .thLayerInfo, .storyThumb .ThInfo{
display:block;
background-color: transparent
}
#StoryBoard{
position: absolute;
width:100%;
color:#FFF;
top:0;
left:0;
height:100%;
overflow-y: auto;
padding:5%;;
/*z-index: 10000000001*/
z-index:100;
}
/*end Storyboard*/
.totalNum{
padding-right:10px
}
/*icons
#fscreenH i::after,#shareB i::after, #musicH i::after{
pointer-events: none;
font-family: FontAwesome;
}
#fullScreen::after{
content:"\f065"
}
#exitFull::after{
content:"\f066"
}
#shareB i::after{
content: "\f004";
}
#sideNavBtn .btn-nav i{
font-style: normal
}*/
/*.fa-heart::before, .fa-expand::before, .fa-volume-up::before, .fa-volume-off::before, #GrpNameHead .fa-chevron-down, .fa-map, .fa-envelope-open, .fa-th{
font-family: 'Font Awesome\ 5 Free';
}*/
#BigScreen #fpimgHolder.autoH{
height:auto !important;
text-align: center
}
#fpimgHolder.autoH img{
margin:0 auto
}
#fpimgHolder.autoH .fpslide{
position:relative;
width:100%
}
.maingal{overflow: hidden}
#MainNavMenu::after{
position: absolute;
left:0;
top:0;
display: block;
z-index: -1;
width:100%;
height:100%
}
.lightSlider.lsGrab > *{
cursor: pointer
}
.smThHold img{
cursor: pointer
}
#fpImgMode{
position: absolute;
top:0;
left:0;
width:100%;
height:100%
}
#BlogWrapper .blogInfoNimg, #ThumbPlace .maingal, #AssetInfo, #AssetBlogInfo,#AssetInfoBlog, .storyBMaxHolder{
margin:0 auto;
}
.mobileTemp .isInfo.hidden{display: block!important}
.mobileTemp .isName{
padding:0
}
.mobileTemp .imgattach{
position: absolute;
left:0;
top:0;
width:100%;
height:100%
}
.GridView .thimC{
cursor: pointer
}
/*.GalLoad{display:none}*/
#Mainnavigation .socLink_follow_box{
display: inline-block;
float:left
}
.mobileTemp .finalT{
padding-top:20px
}
#closeRoomonR{
cursor:pointer
}
.dispnone{
display:none!important
}
#FpinfoFP .insideTxt{
max-width:100%
}
.socLink_follow_box{
padding-top:10px
}
@media (max-width: 768px) {
#BigScreen #fpimgHolder{
height:250px!important;
position:relative;
}
}
.padBtm20{
padding-bottom:20px
}
.padBtm40{
padding-bottom:40px
}
.gridVCl{
float:left;
padding-right:15px
}
.Pdesc{
position: relative
}
.Pdesc.collapse[aria-expanded="false"] , .GrpMainTxt.collapse[aria-expanded="false"]{
display: block;
overflow: hidden;
}
.Pdesc.collapsing[aria-expanded="false"] {
}
#GrpMainTxt{
position: relative;
margin-bottom: 20px
}
.pfTxtBtn{
width:100%;
display: block;
padding-top:10px;
padding-bottom:15px;
display: none
}
#thumbsOnly .pfTxtBtn{padding-bottom:30px}
.pdescTxt{position: relative}
.fadeoutTxt{position: absolute;
width:100%;
left:0;
bottom: 0;
height: 4em;
}
.Pdesc.collapse.in .fadeoutTxt{display:none}
/*
.nicescroll-rails{z-index: 1000000000000001!important;}
.nicescroll-rails-vr .nicescroll-cursors {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
animation: pace-stripe-animation 500ms linear infinite;
background-size: 20px 20px;
}
@keyframes pace-stripe-animation {
from { background-position-y: 0; }
to { background-position-y: 100%; }
} */
#AssetPlace{
position: relative
}
#AssetImageHlder.AssetIBG{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index: 1
}
#AssetImageHlder.AssetIBG.Afillyes img{
height:100%;
width:auto
}
#AssetImageHlder.AssetIBG.Afillno img{
width:100%;
height:auto
}
#AssetImageHlder.AssetIbanner img{
max-width:100%;
height:auto;
}
.mhhead{
position: absolute;
width:100%;
text-align: center;
top:120px
}
.hh1 h4.imName{
display:none
}
/*#roomHold{height:600px; position:relative; width:100%;}*/
#Room{overflow-x: hidden!important}
#roomHold,#floorHold{height:600px; position:absolute; width:800px;left:50%; top:50%; margin-left:-400px;margin-top:-300px}
#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
}
#TotalNumHold #zoomBtn, #TotalNumHold #zoomCBtn{
display:none
}
#TotalNumHold #zoomBtn.inB, #TotalNumHold #zoomCBtn.inB{
display:inline-block
}
#ZoomImage{
width:90%;
height:90%;
left:5%;
top:5%;
overflow: hidden;
}
#modalBody{
opacity: 0;
overflow: hidden
-webkit-transition: 2s opacity;
-moz-transition:2s opacity;
-o-transition:2s opacity;
transition:2s opacity;
}
.zoom{
margin:0 auto;
}
.modal-header{
border: none 0
}
#modalBody{
width: 100%;
height: calc(100vh - 100px);
}
@media (min-width: 680px) {
#addMasori.photo-grid-container.containerThumbs{
display:flex;
justify-content: center;
flex-wrap: wrap;
}
#addMasori.photo-grid-container.containerThumbs .photo-grid-item{
display: flex;
align-items: center;
justify-content: center;
position: relative
}
#addMasori.photo-grid-container.containerThumbs .photo-grid-item img{
width:auto;
height:auto;
max-height: 100%;
max-width:100%;
}
}
.mobileTemp .isName h4{
padding:15px 0 10px 0 !important
}
.mobileTemp .mhhead{
display:none!important
}
@keyframes fadeOutFast {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeInN {
from {
opacity: 0;
}
to {
opacity: 1;
z-index: 101
}
}
.fadeOutFast{
animation-duration: 0.3s;
animation-fill-mode:both;
animation-name: fadeOutFast;
}
.fadeInN{
animation-duration: 0.3s;
animation-fill-mode:both;
animation-name: fadeInN;
}
/*.flexInfHolder{
display: flex;
flex-direction: column;
align-items: center;
height:100%
}*/
.flexInfHolder div{
}
.flexInfHolder{
display: flex;
align-items: center;
}
.FlxBox{
height:auto;
width:100%
}
.isembed0,.isvideo0, .isstack0{
display:none;
font-size: 22px;
position: absolute;
text-align: center
}
#imgattach, .isembed1, .isvideo1{display:block; position:absolute; left:0;top:0;width:100%; height:100%;z-index:1000000000001}
.isembed1 i, .isvideo1 i{
font-size:28px;
position: absolute;
top:50px;
width:100%;
text-align: center;
left:0
}
#forstackembedMobileM{
z-index: 100000000000001
}
.photo-grid-item.mobileTemp{
padding-top:50px
}
.imgContainerZ {
width: 100%;
height: 100%;
position:relative;
}
/*
#ZoomImage1 {
display: none;
z-index: 100000000000;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #FFF;
overflow-y: hidden;
}
*/