/* our-strategy start */
.lightbox-bg, .lightbox-pop, .lightbox-close {display:none;} 
.lightbox-bg {width:100%; height:100%; background:#333333; opacity:0.5; filter: alpha(opacity=50); position:absolute; top:0; left:0; z-index:8;}
.lightbox-close { width:30px; height:30px; float:right; z-index:99; cursor:pointer; background: center #00afdb; color:#fff;}
.lightbox-close:before {font-family:"FontAwesome"; font-size:2.3em; position:absolute; right:0px; top:14px; }
.lightbox-pop { width:500px; min-height:200px/*360px*/; margin:auto; top:25%; position:absolute; background:#fff; z-index:9;}
#popup-content-text { padding:20px 20px 10px 20px;}

.sbox-text, .sfirst {display:none;}
.strategy-snap-2, .strategy-snap-3, .strategy-snap-4, .strategy-snap-5 {display:none;}
.model-snap-2, .model-snap-3, .model-snap-4, .model-snap-5, .model-snap-6, .model-snap-7 {display:none;}

.graphic-container {clear:both;}

/*our-strategy-page-infographic*/
.strategy-graphic {background:url(~/media/Images/R/Regional-Reit-V2/bod/infographics/bg-strategy-graphic.jpg) top center #fff no-repeat; background-size:contain; width:100%; height:490px;}
.model-graphic {background:url(~/media/Images/R/Regional-Reit-V2/bod/infographics/bg-model-graphic-a.jpg) top center #fff no-repeat; background-size:contain; width:100%; height:500px; margin-bottom:20px;}

.sNote p {font-style:italic; clear:both; width:100%;}

.mbox {border:0px solid green;}
a.textPopup {/* background:blue;*/ border:0px solid blue; border-radius:50%; display:block; float:left;}
a.textPopup img {display:none;}

#sbox2 { position:relative; left:27%; top:32%; width:42%; z-index:1;}
a.textPopup#pop-2 {height:215px; width:100%;  /*background:blue;*/}

#sbox3 { position:relative; left:48%; top:47%; width:42%; z-index:0;}
a.textPopup#pop-3 { position:absolute;height:230px; width:100%;  /*background:gold;*/ }

#sbox4 { position:relative; left:9%; top:48%; width:41%; z-index:0;}
a.textPopup#pop-4 { position:absolute; height:230px; width:100%;  /*background:pink;*/}

#sbox5 { position:relative; left:29%; top:7%; width:41%; z-index:0;}
a.textPopup#pop-5 { position:absolute; height:230px; width:100%; /* background:orange;*/}

.mbox-img a {/*border:7px solid blue;*/ height:160px; width:160px;}
#mbox2 { position:relative; left:36%;}
a.textPopup#mpop-2 {}

#mbox3 { position:relative; left:35%; top:17%;}
a.textPopup#mpop-3 {}

#mbox4 { position:relative; left:6%; top:51%;}
a.textPopup#mpop-4 {}

#mbox5 { position:relative; left:36%; top:37%;}
a.textPopup#mpop-5 {}

#mbox6 { position:relative; left:-21%; top:20%;}
a.textPopup#mpop-6 {}

#mbox7 { position:relative; left:-50%; top:-16%;}
a.textPopup#mpop-7 {}


@media all and (max-width: 1024px) {
#sbox2 { top:20%;}
a.textPopup#pop-2 { height:191px;}

#sbox3 { top:44%;}
a.textPopup#pop-3 { height:187px;}

#sbox4 { top:3.5%;}
a.textPopup#pop-4 { height:192px;}

#sbox5 { top:22%;}
a.textPopup#pop-5 { height:187px;}


#mbox2 { position:relative; left:34%; width:300px;}
a.textPopup#mpop-2 {}

#mbox3 { position:relative; left:32%; top:17%; width:334px;}
a.textPopup#mpop-3 {}

#mbox4 { position:relative; left:66%; top:19%; width:15px;}
a.textPopup#mpop-4 {}

#mbox5 { position:relative; left:0%; top:37%;}
a.textPopup#mpop-5 {}

#mbox6 { position:relative; left:0%; top:-13%;}
a.textPopup#mpop-6 {}

#mbox7 { position:relative; left:-34%; top:-47%;}
a.textPopup#mpop-7 {}


}

@media all and (max-width: 767px) {
.graphic-container {display:none;}
.strategy-snap-2, .strategy-snap-3, .strategy-snap-4, .strategy-snap-5 {display:block;}
.model-snap-2, .model-snap-3, .model-snap-4, .model-snap-5, .model-snap-6, .model-snap-7 {display:block;}

}
/* our-strategy end */

