.Banner { background-color: grey; overflow: hidden; position: relative;  width: 100% !important; }
.ComponentInstance.Banner{ overflow: visible !important; }

.Banner .Overlay 	{ height: 50%;  top: 25%; position: absolute; padding: 1.78%;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;
}
.Banner .Overlay span { display: block; color: white; width: 100%;}


.BannerContainer.ComponentGroup .ComponentInstance.BannerLayout{
    height: 100%;
}
.BannerLayout video{
    object-fit: cover;
}


.Banner {
    background: url('');
    width:100%;
    background-position: center bottom;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position:relative; top:0px; left:0px;
    overflow: hidden;
}
.Banner.Gallery{ padding-bottom:148px; height: 648px !important; }
.Banner li.tab-pane > * {
    display: flex;
    -js-display: flex;
    height: 100%;
    align-items: center;
    background-position: 50% 50%;
}
.Banner .ImageRow,
.Banner .ImageRow div,
.Banner .ImageRow div a{ height: 100%; width: 100%; background-color: #e6e6e6;}
.Banner .ImageRow img {
    object-fit: contain;
    font-family: 'object-fit: contain;';
}
.Banner .tab-pane{ display: none ; }
.Banner .tab-pane.active{ display: block; background-position: 50% 50%; }

.Banner .slider_nav {
    position: absolute;
    z-index: 1005;
    bottom: 0px;
    left: 6%;
    right: 6%;
    text-align: center;
    width: 88%;
    height: 144px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.Banner .slider_nav > a { display: inline-block; }
.Banner .slider_nav > div{ height: 72px; max-width: 10000%; }
.Banner .slider_nav > div > a {
    height: 72px;
    width: 72px;
    background-color: black;
    opacity: 0.5;
}
.Banner .slider_nav > div > a.active { opacity: 1.0; }
.Banner .BackBtn,
.Banner .NextBtn {
    color: #555;
    font-size: 30pt;
    top: 50%;
    margin-top: -92px;
    position: absolute;
    z-index: 1005;
    cursor: pointer;
}
.Banner.Gallery .BackBtn,
.Banner.Gallery .NextBtn {
    top: 250px;
    margin-top: -51px;
}
.Banner .NextBtn {right: 0;}
.Banner .BackBtn {left: 0;}
.Banner .BackBtn i,
.Banner .NextBtn i {
    color: #555;
    opacity: 0.7;
}
.Banner .embedded_text{  padding: 2em 72pt; }

.Banner  .Overlay{ z-index: 2; position: absolute; display: inline-block; }

.Banner1 .Overlay { width: 80%; left: 10%; text-align: center; color: white; }
.Banner1 .Overlay hr,
.Banner1 .Overlay .line2,
.Banner1 .Overlay .line3,
.Banner1 .Overlay .line4,
.Banner1 .Overlay .line5,
.Banner1 .Overlay .agentProfile { display: none; }
.Banner1 .Overlay button { font-size: 20px !important; background-color: #26B1CE; color: white; font-weight: bold; margin-top: 35px; }
.Banner1 .Overlay .line0,
.Banner1 .Overlay .line1 {  font-size: 44px; line-height: 52px; font-weight: bold; }
.Banner1 .Overlay .line2,
.Banner1 .Overlay .line3 {  font-size: 20px; }

.model-content{
    overflow: auto !important;
}

.Banner0 .Overlay { width: 80%; left: 10%; text-align: center; color: white; }
.Banner0 .Overlay hr,
.Banner0 .Overlay .line2,
.Banner0 .Overlay .line3,
.Banner0 .Overlay .line4,
.Banner0 .Overlay .line5,
.Banner0 .Overlay .agentProfile { display: none; }
.Banner0 .Overlay button { font-size: 20px !important; background-color: #26B1CE; color: white; font-weight: bold; margin-top: 35px; }
.Banner0 .Overlay .line0,
.Banner0 .Overlay .line1 {  font-size: 44px;  line-height: 52px;  font-weight: bold; }
.Banner0 .Overlay .line2,
.Banner0 .Overlay .line3 {  font-size: 20px; }

.Banner2 .Overlay { width: 25%; position: absolute; left: 6.25%; background-color: rgba(32, 32, 32, 0.851); background: rgba(32, 32, 32, 0.851); }
.Banner2 .Overlay button , .Banner2 .agentProfile { display: none; }




.Banner3 .Overlay 	{ height: 315px !important; width: 315px !important; top: 93px !important; position: absolute; left: 6.25%; background-color: white;  text-align: center;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}
.Banner3 .Overlay .line0 { font-size: 20px; color: black; font-weight: bolder; }
.Banner3 .Overlay .line1 { font-size: 20px; color: black;}
.Banner3 .Overlay .line2 , .Banner3 .Overlay .line3 { font-size: 15px; color: rgba(177, 177, 177, 1) }
.Banner3 .Overlay .line5 , .Banner3 .Overlay .line4  { display: none; }
.Banner3 .Overlay button { background-color: #26B1CE; color: white; font-weight: bold; width: 100%;}



.NavlessBanner .slider_nav{ display: none !important;}


.Banner4 .Overlay { letter-spacing: 1px; height: 100px !important; text-align: left; top: auto !important; bottom: 2.5em; left: 6.5%; }
.Banner4 .Overlay .line0 { font-weight: bold; font-size: 25px;  }
.Banner4 .Overlay .line1 { font-size: 17px; margin-top: -0.4em; padding-bottom: .4em;}
.Banner4 .Overlay .line2,
.Banner4 .Overlay .line3,
.Banner4 .Overlay .line4 {  font-weight:bold; margin-top: 9px; display: inline-block ; width: auto !important; }
.Banner4 .Overlay .line5 { display: none; }
.Banner4 .Overlay hr,
.Banner4 .Overlay .agentProfile { display: none; }
.Banner4 .Overlay button { float: left !important; background-color: #26B1CE; color: white; font-weight: bold; }
.Banner4 .Overlay span  { }
.Banner4 .Overlay span span 	{    background-color: white ; color: black; padding: 4px 15px; margin-right: 7px; margin-left: 3em; display: inline;
    -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px;
}

.Banner .tab-pane > .TextEmbed{ background: none; border: none; }
.Banner .tab-pane > .TextEmbed .layoutTextBlob{ background-color: white; width: 100%; }

.Banner, .site_banner {
    width: 100% !important;
    position: relative; top: 0px;
    left: 0px;
    text-align: left;
}

.Banner.ComponentLayout{ height: 500px; margin-top: 0px;}
.Banner > ul.tallFit.sheer > li.tab-pane > *{ margin-top: 0px ; }
.Banner .tab-pane > .Listing{
    display: inline-block;
    position: relative;
    top: 30%;
}
.Banner.ComponentLayout.Gallery{
    height: 648px;
}


.ThumbnailBanner{ padding-bottom:148px; height: 648px !important; }
.Banner.ComponentLayout.ThumbnailBanner{
    height: 648px;
}
.Banner.NavlessBanner{ margin-bottom: 0px; }
.Banner1 li.BackBtn, .Banner1 li.NextBtn {
    top: 250px;
    margin-top: -51px;
}












.Banner .tab-pane > .InfoRibbon .TopCenter{
    position:absolute;	top:20px;	left:20px;	right: 20px;
    text-align: center;
}
.Banner .tab-pane > .InfoRibbon .TopLeft{
    position:absolute;	top:20px;	left:20px;	right: 20px;
    text-align: left;
}
.Banner .tab-pane > .InfoRibbon .TopRight{
    position:absolute;	top:20px;	left:20px;	right: 20px;
    text-align: right;
}
.Banner .tab-pane > .InfoRibbon .BottomCenter{
    position:absolute;	bottom:20px;	left:20px;	right: 20px;
    text-align: center;
}
.Banner .tab-pane > .InfoRibbon .BottomLeft{
    position:absolute;	bottom:20px;	left:20px;	right: 20px;
    text-align: left;
}
.Banner .tab-pane > .InfoRibbon .BottomRight{
    position:absolute;	bottom:20px;	left:20px;	right: 20px;
    text-align: right;
}
.Banner .tab-pane > .InfoRibbon .CenterCenter{	text-align: center;}
.Banner .tab-pane > .InfoRibbon .CenterLeft{
    text-align: left;
    /*margin-left: -25%;*/
}
.Banner .tab-pane > .InfoRibbon .CenterRight{
    text-align: right;
    /*margin-right: -25%;*/
}

.Banner .tab-pane > .InfoRibbon .Ribbon{
    background-color:rgba(0,0,0,.5);
    color:white;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:10px;
    padding-top:10px;
    margin-right:20px;
}
.Banner .tab-pane > .InfoRibbon .Ribbon a{
    color:#fff
}

/*	HIDE ARROWS ON NO SLIDES OR ONE SLIDE BY COUNTING LAST CHILD AS 2 or 3	*/
.Banner.ComponentLayout > ul > li.BackBtn:first-child:nth-last-child(2),
.Banner.ComponentLayout > ul > li.NextBtn:last-child:nth-child(2),
.Banner.ComponentLayout > ul > li.BackBtn:first-child:nth-last-child(3),
.Banner.ComponentLayout > ul > li.NextBtn:last-child:nth-child(3){
    display: none;
}






/****************************
	PLACE CUSTOM STUFF BELOW
*****************************/

.InfoRibbon
.Banner .tab-pane > .CleanTextEmbed .BottomLeft{
    position:absolute;
    bottom:20px;
    left:20px;
}
.Banner .tab-pane > .CleanTextEmbed .InfoRibbon{
    background-color:rgba(0,0,0,.5);
    color:white;
    padding-left:20px;
    padding-right:20px;
}

#layoutCanvas .Banner{ overflow: visible !important; }

/****************************
	PLACE CUSTOM STUFF ABOVE
*****************************/


/*  Used rule?  */
.Interface.layouttComponent .site_banner{ height: 100%; width: 100%; overflow: hidden;}