.our-opp-sld-heading:after,.inv-story-view-video:after,#portfoliosld-pager li span:after,.our-opp-custom-pager a:after,.plantabs-list.current p:before,.plantabs-list p:after,.bx-controls-direction a:after,.investor-story-slider.our-opportunity-head .bx-controls-direction a:after,.investor-story-slider.after-company-snapshot-sld .bx-controls-direction a:after,.invstory-next-section-link:after,.investor-story-slider.company-snapshot-head .bx-controls-direction a:after { background-image:url("/~/media/Images/J/Johnson-Controls-IR-V2/css/investor-story/sprite-investor-story.png"); background-repeat: repeat; content: " "; display: inline-block; position: absolute;}

.our-opp-sld3 h2,.our-opp-sld3,.after-company-snapshot-main p strong,.after-company-snapshot-main h2,.company-snapshot-content p,.ctsldright p,.portfoliosld p { font-family: Segoe UI Light;}
.our-opp-sld-heading,.our-opp-custom-pager a{font-family: "Segoe UI","Open Sans",Tahoma,Geneva,Verdana,sans-serif;}
/* Company Snapshot */
/*.footer{display:block !important;}*/
a{ -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
#bannerwrapper { margin: 0 auto;}
.topsecondmenuwrapper {background: none;float: left;height: 71px;width: 100%;transition: all 1s ease-in-out 0s;-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-o-transition: all 1s ease-in-out 0s;}
#topnavigation{ display:none;}
.investor-story-main{ clear:both;}
.investor-story-main h2{ color:var(--white);}
.inv-story-view-video{ display: block; position:relative; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; background:#faa519;}
.inv-story-video.showvideo{ display: block; opacity: 1; z-index: 10001;}
.inv-story-video{ display: none; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; width: 100%; z-index: -1000;}

.inv-story-video p:before { border: 2px solid var(--white); content: "X"; font-size: 30px; height: 50px; left: auto; line-height: 1.5; margin: 0 auto; position: absolute; right: 0; text-align: center; border-radius: 40px; width: 50px;}
.inv-story-video p{ color: var(--white); cursor: pointer; float: right; height: 41px; padding: 0; position: relative; right: 2%; text-align: right; top: 9%; width: 42px; z-index: 5500;}
.inv-story-video iframe{ background: #777; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000;}
.inv-story-view-video:after{ background-position: -1px -1249px; height: 91px; left: 0; margin: 0 auto; right: 0; top: 35px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 91px;}
.inv-story-view-video:hover:after { /*border: 5px solid var(--white);*/}
.investor-story-main a:focus{ text-decoration:none;}
.company-snapshot-main { position: relative; margin-bottom: 90px;}
.company-snapshot-outer-box{ background:var(--primary-blue); clear: both; margin-top: -3px;}
.investor-story-slider.company-snapshot-head { position: relative;}
.first-sld-h2{ background: var(--cyan);}
.investor-story-slider.company-snapshot-head h2{ font-size:3.2rem; margin: 15px 0;}
.inv-story-slider-inner{padding-left:1px; padding-right:1px;}
.company-snapshot-content h2{ font-size:3.2rem; line-height:24px; margin-bottom: 25px;}
.company-snapshot-content p{ font-size:2.1rem; line-height:31px; padding: 0 0 6px;}
.company-snapshot-content p img { margin-top: 15px;}
.investor-story-main h2.inv-story-section-header{ text-align:center; text-transform:uppercase;}
.company-snapshot-outer-box { color: var(--white);}
.investor-story-slider.company-snapshot-content { padding-bottom: 40px; padding-top: 30px;}
.company-snapshot-sld2-box{max-width:313px; float:left;}
.company-snapshot-head h2{text-align:center; color:var(--white);}
.company-snapshot-sld2-box-img { position: relative; margin-bottom:10px;}
.company-snapshot-sld2-box-img h3 { font-size: 2.8rem; left: 0; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 50px;}
.company-snapshot-sld2-box-img h3:before { background: var(--white) none repeat scroll 0 0; border: 2px solid var(--white); border-radius: 5px; content: ""; display: block; height: 5px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -30px; width: 62%;}
.company-snapshot-sld2-box-content > ul { margin: 0 30px 20px 0;}
.company-snapshot-sld2-box-content li{font-size: 1.6rem; line-height: 29px; list-style: outside none none; padding-bottom: 7px; padding-left: 22px; position: relative;}
.company-snapshot-sld2-box-content li:before { content: "."; font-size: 3.8rem; left: 9px; line-height: 0; position: absolute; top: 2px;}
.company-snapshot-sld2-box:nth-child(1), .company-snapshot-sld2-box:nth-child(2) { margin-right: 15px;}
.inv-story-slider-inner > img { margin: 0 auto; text-align: center;}
.inv-story-slider-inner p img { margin: 15px auto 0; text-align: center;}
.investor-story-slider.company-snapshot-head .bx-pager { left: 0; position: absolute; right: 0; text-align: center; top: -20px;}
.bind-pager-outer > ul#bind-pager { margin: 0 auto; text-align: center;}
.investor-story-slider.company-snapshot-head .bx-pager > div,.bind-pager-outer ul#bind-pager li{ display: inline-block;}
.investor-story-slider.company-snapshot-head .bx-pager .bx-pager-link.active,.bind-pager-outer ul#bind-pager li a.active { background: var(--white) none repeat scroll 0 0;}
.investor-story-slider.company-snapshot-head .bx-pager .bx-pager-link,.bind-pager-outer ul#bind-pager li a { background: var(--cyan-2) none repeat scroll 0 0; border: 1px solid var(--cyan-2); display: inline-block; height: 12px; margin: 0 3px; text-indent: -99999px; width: 30px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.investor-story-slider.company-snapshot-head .bx-controls-direction { left: 0; position: relative; top: 42px;}
.investor-story-slider.company-snapshot-head .bx-controls{ display:none;}
.investor-story-slider.company-snapshot-content .bx-controls-direction a.bx-prev { display: block; height: 94px; left: -82px; margin-top: -89px; position: absolute; text-indent: -99999px; top: 50%; width: 70px;}
.investor-story-slider.company-snapshot-content .bx-controls-direction a.bx-prev:after { background-position: 0 0; height: 54px; left: 18px; top: 20px; width: 28px;}
.investor-story-slider.company-snapshot-content .bx-controls-direction a.bx-next:after{background-position:0 -58px;height:54px;right: 18px; top: 20px; width: 28px;}
.investor-story-slider.company-snapshot-content .bx-controls-direction a.bx-next { display: block; height: 94px; margin-top: -89px; position: absolute; right: -84px; text-indent: -99999px; top: 50%; width: 70px;}
.investor-story-slider.company-snapshot-content .bx-controls-direction a:hover { background: var(--cyan);}
/*
.investor-story-slider.company-snapshot-head .bx-controls-direction a{ font-size: 70px;}
.investor-story-slider.company-snapshot-head .bx-controls-direction a:before { content: "h"; color:var(--white);}
.investor-story-slider.company-snapshot-head .bx-controls-direction a:before{ font-family: "jci" !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; line-height: 1; text-transform: none !important;}*/
.invstory-next-section-link{ height: 60px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 60px; bottom:-30px;}
/*.invstory-next-section-link:after { background-position: 0 -116px; height: 60px; left: 0; right:0; text-align:center; top: 0; width: 60px;}*/
.invstory-next-section-link:hover:after { background: #2d72b9 none repeat scroll 0 0; border: 1px solid var(--white); color: var(--white); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.invstory-next-section-link:after { background: var(--white) none repeat scroll 0 0; border: 1px solid #2d72b9; border-radius: 50%; color: #2d72b9; content: "l"; font-family: "jci"; font-size: 30px; font-weight:normal; height: 60px; left: 0; line-height: 65px; right: 0; text-align: center; top: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 60px;}
.invstory-next-section-link-box { bottom: 0; left: 0; margin: 0 auto; position: absolute; right: 0;}


/* After Company Snapshot */
.after-company-snapshot-main{ border-top: 1px solid #d5d5d5; background-image:url("investor-story/our-opportunity-banner.jpg"); background-size:cover; min-height:690px; position: relative; margin-bottom: 90px;}
.after-company-snapshot-main h2{ color: #061b31; font-size: 5rem; line-height: 58px; margin: 100px 0 60px; padding-left: 15px; text-indent: -16px;}
.after-company-snapshot-main p { color: var(--white); font-size: 2.1rem; line-height: 28px; padding: 0;}
.after-company-snapshot-main p strong { font-size: 2.8rem; font-weight: normal; line-height: 38px;}
.investor-story-slider.after-company-snapshot-sld .bx-pager { left: 0; position: absolute; right: 0; text-align: center; top: -20px;}
.investor-story-slider.after-company-snapshot-sld .bx-pager > div { display: inline-block;}
.investor-story-slider.after-company-snapshot-sld .bx-pager .bx-pager-link.active { background: var(--white) none repeat scroll 0 0;}
.investor-story-slider.after-company-snapshot-sld .bx-pager .bx-pager-link { background: var(--cyan-2) none repeat scroll 0 0; border: 1px solid var(--cyan-2); display: inline-block; height: 10px; margin: 0 5px; text-indent: -99999px; width: 28px;}
.investor-story-slider.after-company-snapshot-sld .bx-controls-direction { left: 0; top: 0;}
.investor-story-slider.after-company-snapshot-sld .bx-controls-direction a.bx-prev { display: block; height: 94px; left: -84px; position: absolute; top: 271px; width: 70px;}
.investor-story-slider.after-company-snapshot-sld .bx-controls-direction a.bx-prev:after { background-position: 0 0; height: 54px; left: 18px; top: 20px; width: 28px;}
.investor-story-slider.after-company-snapshot-sld .bx-controls-direction a.bx-next:after { background-position: 0 -58px; height: 54px; right: 18px; top: 20px; width: 28px;}
.investor-story-slider.after-company-snapshot-sld .bx-controls-direction a.bx-next { display: block; height: 94px; position: absolute; right: -84px; top: 271px; width: 70px;}
.investor-story-slider.after-company-snapshot-sld .bx-controls-direction a:hover { background: rgba(0,0,0,0.4);}


/* Our Opportunity */
.our-opportunity-main { position: relative; margin-bottom: 90px;}
.our-opportunity-outer-box{ background:var(--primary-blue); clear: both; margin-top: 40px;}
.investor-story-slider.our-opportunity-head { position: relative;}
.first-sld-h2{ background: var(--cyan);}
.investor-story-main h2.inv-story-section-header{ color: var(--primary-blue); font-size: 3.7rem; text-align: center; text-transform: uppercase; margin-bottom: 16px;}
.our-opportunity-outer-box { color: var(--white);}
.investor-story-slider.our-opportunity-content { padding-bottom: 50px; padding-top: 50px;}
.our-opportunity-sld2-box{max-width:313px; float:left;}
.our-opportunity-head h2{text-align:center; color:var(--white);}
.our-opportunity-sld2-box-img { position: relative; margin-bottom:10px;}
.our-opportunity-sld2-box-img h3 { left: 0; position: absolute; right: 0; text-align: center; top: 0;}
.our-opportunity-sld2-box-content > ul { margin: 0 0 20px 25px;}
.our-opportunity-sld2-box-content li { list-style-position: outside; list-style-type: disc;}
.our-opportunity-sld2-box:nth-child(1), .our-opportunity-sld2-box:nth-child(2) { margin-right: 15px;}
.inv-story-slider-inner > img { margin: 0 auto; text-align: center;}
.investor-story-slider.our-opportunity-content .bx-controls{ display:none;}
.investor-story-slider.our-opportunity-head .bx-pager { left: 0; position: absolute; right: 0; text-align: center; top: -20px;}
.investor-story-slider.our-opportunity-head .bx-pager > div { display: inline-block;}
.investor-story-slider.our-opportunity-head .bx-pager .bx-pager-link.active { background: var(--white) none repeat scroll 0 0;}
.investor-story-slider.our-opportunity-head .bx-pager .bx-pager-link { background: var(--cyan-2) none repeat scroll 0 0; border: 1px solid var(--cyan-2); display: inline-block; height: 10px; margin: 0 5px; text-indent: -99999px; width: 28px;}
.investor-story-slider.our-opportunity-head .bx-controls-direction { left: 0; position: relative; top: 0;}
.investor-story-slider.our-opportunity-head .bx-controls-direction a.bx-prev { display: block; height: 94px; left: -100px; position: absolute; top: 150px; width: 70px;}
.investor-story-slider.our-opportunity-head .bx-controls-direction a.bx-prev:after { background-position: 0 0; height: 54px; left: 18px; top: 20px; width: 28px;}
.investor-story-slider.our-opportunity-head .bx-controls-direction a.bx-next:after { background-position: 0 -58px; height: 54px; right: 18px; top: 20px; width: 28px;}
.investor-story-slider.our-opportunity-head .bx-controls-direction a.bx-next { display: block; height: 94px; position: absolute; right: -100px; top: 150px; width: 70px;}
.investor-story-slider.our-opportunity-head .bx-controls-direction a:hover { background: var(--cyan);}

/* Our Opportunity */
/*.our-opportunity-sld-inner{height:588px;background-position: center center; background-size: cover;}
.our-opp-global-megatrends-sld{height:690px;background-position: center center; background-size: cover;}*/
.our-opp-global-megatrends-sld-mobi-img{display:none;}
.our-opp-sld1-mobi{display:none;}
.our-opportunity-sld-header{	 font-size:2.4rem; color:var(--white); background:var(--cyan);}
.our-opportunity-sld-header p{ line-height: 1.2; margin: 0 auto; max-width: 930px; padding: 23px 0 21px; text-align: center;}
.opp-first-sld-circles { color: var(--white); font-size: 2rem; height: 75%; left: 0; line-height: 1; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 19%; width: 30%; z-index: 5000;}
.opp-first-sld-circles strong{ font-size:6rem;}
.opp-first-sld-first-circle { left: 14%; position: absolute; top: 20%;}
.opp-first-sld-second-circle { position: absolute; right: 10%; top: 20%;}
.opp-first-sld-third-circle { bottom: 15%; left: 0; position: absolute; right: 0;}
.our-opportunity-sld-outer{clear: both; margin-top: 38px; background: #f7f7f7;}

.our-opportunity-sld-outer .bx-pager { left: 0; position: absolute; right: 0; text-align: center; top: 55px;}
.our-opportunity-sld-outer .bx-pager > div { display: inline-block;}
.our-opportunity-sld-outer .bx-pager .bx-pager-link.active { background: var(--white) none repeat scroll 0 0;}
.our-opportunity-sld-outer .bx-pager .bx-pager-link { background: var(--cyan-2) none repeat scroll 0 0; border: 1px solid var(--cyan-2); display: inline-block; height: 10px; margin: 0 5px; text-indent: -99999px; width: 28px;}
.our-opportunity-sld-outer .bx-controls-direction { left: 0; margin: 0 auto; max-width: 1170px; position: absolute; right: 0; text-align: center; top: 39px; width: 100%;}
.our-opportunity-sld-outer .bx-controls-direction a.bx-prev { display: block; height: 94px; left: 0; position: absolute; top: 300px; width: 70px;}
.our-opportunity-sld-outer .bx-controls-direction a:hover { background: rgba(0, 0, 0, 0.4);}
.our-opportunity-sld-outer .bx-controls-direction a.bx-prev:after { background-position: 0 0; height: 54px; left: 18px; top: 20px; width: 28px;}
.our-opportunity-sld-outer .bx-controls-direction a.bx-next:after { background-position: 0 -58px; height: 54px; right: 18px; top: 20px; width: 28px;}
.our-opportunity-sld-outer .bx-controls-direction a.bx-next { display: block; height: 94px; position: absolute; right: 0; top: 300px; width: 70px;}

.our-opp-sld2 .bx-controls-direction a.bx-prev{ top:200px;}
.our-opp-sld2 .bx-controls-direction a.bx-next{ top:200px;}
.our-opp-custom-pager{ left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 0; width: 100%; z-index: 499; max-width: 1170px;}
.our-opp-custom-pager a{ color: rgba(255, 255, 255, 0.5); display: inline-block; font-size: 3.2rem; padding: 2px 10px 8px; position: relative; width: 33.33%; float:left;}
.our-opp-custom-pager a.active{color:rgba(255, 255, 255, 1);}
.our-opp-custom-pager a.active:after{ height: 18px; left: 0; margin: 0 auto; right: 0; text-align: center; bottom: -18px; width: 22px;}
.our-opp-custom-pager a.pager-gm{ background:#faa51a;}
.our-opp-custom-pager a.active.pager-gm:after{	 background-position: -1px -711px;}
.our-opp-custom-pager a.pager-smp{ background:#27c2e8;}
.our-opp-custom-pager a.active.pager-smp:after{	 background-position: -1px -731px;}
.our-opp-custom-pager a.pager-opw{ background:#d6d439;}
.our-opp-custom-pager a.active.pager-opw:after{	 background-position: -1px -751px;}
.our-opp-stp-outer{ max-width:1170px; width:100%; margin:0 auto; margin-bottom:120px; background:rgba(0, 0, 0, 0) url("/~/media/Images/J/Johnson-Controls-IR-V2/css/investor-story/tri-color-circles-smp.png") no-repeat scroll 100% 98%;}
.our-opp-sld3{ background:#f7f7f7;}
.our-opportunity-sld-outer .our-opp-sld3 .our-opp-stp-outer .bx-controls-direction{ top: -37px;}
.our-opp-sld3 .our-opp-inner{ padding-top: 80px;}
.our-opp-sld3 h2 { color: var(--primary-blue); font-size: 5rem; margin: 0 0 26px;}
.our-opp-sld3 ul{ font-size:2.6rem; color:#2cbcb1;}
.our-opp-sld3 ul li { font-size: 2.6rem; line-height: 33px; padding: 0 0 10px 16px; position: relative;}
.our-opp-sld3 ul li:before { content: "."; font-size: 7rem; left: -4px; line-height: 0; position: absolute; top: -6px;}
.our-opp-inner { margin: 0 auto; max-width: 932px; padding-bottom: 100px; padding-top: 50px;}
.our-opportunity-sld-outer .our-opp-stp-outer .bx-controls-direction { left: 0; margin: 0 auto; max-width: 1170px; right: 0; text-align: center; top: -170px;}

.our-opportunity-sld-outer .our-opp-stp-outer .bx-controls-direction a.bx-prev:after { background-position: -2px -1019px; height: 54px; left: 18px; top: 20px; width: 28px;}
.our-opportunity-sld-outer .our-opp-stp-outer .bx-controls-direction a.bx-next:after { background-position: -2px -1074px; height: 54px; right: 18px; top: 20px; width: 28px;}
.our-opportunity-sld-outer .bx-controls-direction a.bx-prev:hover:after { background-position: 0 0;}
.our-opportunity-sld-outer .our-opp-stp-outer .bx-controls-direction a.bx-next:hover:after { background-position: 0 -58px;}
.our-opportunity-sld-outer .our-opp-stp-outer .bx-controls-direction a:hover { background: #c5ddf7;}
.our-opp-stp-outer .bx-pager { top: 80px;}
.our-opp-strong-market-position { margin-top: 43px;}
.our-opp-strong-market-position > div{
}
.our-opportunity-sld-outer .our-opp-sld2 .bx-controls { left: 0; margin: 0 auto; width: 1170px; position: absolute; right: 0; text-align: center; top: 0;}
.our-opportunity-sld-outer .our-opp-sld2 .bx-pager { left: 81px; position: absolute; right: auto; top: 81px;}
.our-opportunity-sld-outer .our-opp-sld2 .bx-pager .bx-pager-link{ margin: 0 5px;}
/* Our Plan to Win */
.plantabs-content{display:none; color:#2cbcb1;}
.plantabs-content h2{ color:var(--primary-blue); font-size:3.2rem; margin: 0 0 3px;}
.plantabs-content h2 br { display: none;}
.plantabs-content p { font-size: 2.1rem; line-height: 26px;}
.our-strength-box > h3 { color: var(--primary-blue); font-size: 2.1rem; margin: 0 0 7px;}
.our-strength-box ul { }
.our-strength-box ul li:before{ content: "."; font-size: 4rem; left: 1px; line-height: 0; position: absolute; top: -4px;}
.our-strength-box ul li{ font-size: 1.7rem; line-height: 20px; padding: 0 0 6px 13px; position: relative;}
.plantabs-content.current{display:block;}
.oppplan-outer {margin-top: 80px;}
.plantabs-list{}
.plantabs-list p small { bottom: 10px; font-size: 21px; left: 0; line-height: 24px; position: absolute; right: 0;}
.plantabs-list.current p{background:var(--white); color:#000; border-bottom: 5px solid #8cc349; border-top: 5px solid #8cc349; position:relative;}
.plantabs-list.current p:before{ background-position: -1px -695px; height: 14px; left: 0; margin: 0 auto; right: 0; text-align: center; bottom: -19px; width: 24px;}
.plantabs-list p { cursor:pointer; background: var(--primary-blue) none repeat scroll 0 0; color: var(--white); display: block; font-size: 2.1rem; line-height: 21px; text-align: center; text-transform: uppercase; position:relative; height:190px; min-height:190px; border-bottom: 5px solid var(--primary-blue);  border-top: 5px solid var(--primary-blue); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; padding: 0;}
.plantabs-list:nth-child(1) p:after{ background-position: -1px -879px; height: 80px; left: 0; margin: 0 auto; right: 0; text-align: center; top: 27px; width: 128px;}
.plantabs-list.current:nth-child(1) p:after{ background-position: 0px -188px;}
.plantabs-list:nth-child(2) p:after{ background-position: 0 -274px; height: 88px; left: 0; margin: 0 auto; right: 0; text-align: center; top: 23px; width: 89px;}
.plantabs-list:nth-child(3) p:after{ background-position: 0 -364px; height: 72px; left: 0; margin: 0 auto; right: 0; text-align: center; top: 29px; width: 81px;}
.plantabs-list:nth-child(4) p:after{ background-position: 0 -445px; height: 84px; left: 0; margin: 0 auto; right: 0; text-align: center; top: 23px; width: 76px;}
.plantabs-list:nth-child(5) p:after{ background-position: 0 -533px; height: 83px; left: 0; margin: 0 auto; right: 0; text-align: center; top: 26px; width: 83px;}
.plantabs-list:nth-child(6) p:after{ background-position: 0 -619px; height: 65px; left: 0; margin: 0 auto; right: 0; text-align: center; top: 40px; width: 78px;}
.plantabs-wrap { margin-top: 20px; background:rgba(0, 0, 0, 0) url("/~/media/Images/J/Johnson-Controls-IR-V2/css/investor-story/tri-color-circles.png") no-repeat scroll 100% 98%;}
.our-strength-box:first-child { margin-left: 0;}
.our-strength-box { border-top: 2px solid var(--primary-blue); display: inline-block; margin-left: 30px; margin-top: 10px; padding-top: 10px; vertical-align: top; width: 22%;}
.plantabs-content img { margin: 0 auto; text-align: center; width: auto;}
.our-opp-sld4 { padding-bottom:100px;}
/* Corporate Transformation Start */
.corporate-transformation-main { margin-bottom: 90px; position: relative;}
.corporate-transformation-outer{ height:690px; background:var(--primary-blue); margin-top: 38px; position:relative;}
.corporate-transformation-inner{ background:url("/~/media/Images/J/Johnson-Controls-IR-V2/css/investor-story/corporate-transformation-background.png") no-repeat center top; height:340px;}
.corporate-transformation-outer h3{ color: var(--white); font-size: 3.2rem; line-height: 38px; margin-bottom: 55px; padding-top: 65px; text-align: center;}
.ctsliderouter{ max-width:1030px; margin:0 auto; padding-top: 100px; height: 340px;}
.ctsldleft{ color: #27c2e8; display: table; float: left; font-size: 2.8rem; margin-left: 75px; margin-top: 24px; text-align: right; width: 455px;}
.ctsldleft-inner { display: table-cell; height: 180px; vertical-align: middle;}
.ctsldleft-inner > p { padding: 0;}
.ctsldright{ color: var(--white); display: table; float: right; font-size: 2.5rem; height: 227px; margin-right: 75px; text-align: left; width: 460px;}
.ctsldright p{ line-height:30px;}
.ctsldright h2{ color: var(--white); font-size: 3.5rem; line-height: 42px; margin: 0;}
.ctsldright-inner { display: table-cell; vertical-align: middle;}
.ctsliderouter .bx-pager { left: 0; position: absolute; right: 0; text-align: center; top: -23px;}
.ctsliderouter .bx-pager > div { display: inline-block;}
.ctsliderouter .bx-pager .bx-pager-link.active { background: var(--white) none repeat scroll 0 0;}
.ctsliderouter .bx-pager .bx-pager-link { background: var(--cyan-2) none repeat scroll 0 0; border: 1px solid var(--cyan-2); display: inline-block; height: 10px; margin: 0 5px; text-indent: -99999px; width: 28px;}
.ctsliderouter .bx-controls-direction { left: 0; margin: 0 auto; max-width: 1170px; position: absolute; right: 0; top: 180px; width: 100%;}
.ctsliderouter .bx-controls-direction a.bx-prev { display: block; height: 94px; left: 0; position: absolute; top: 150px; width: 70px;}
.ctsliderouter .bx-controls-direction a.bx-prev:hover:after { background-position: 0 -1185px;}
.ctsliderouter .bx-controls-direction a.bx-prev:after { background-position: 0 -962px; height: 54px; left: 20px; top: 20px; width: 28px;}
.ctsliderouter .bx-controls-direction a.bx-next:after { background-position: 0 -58px; height: 54px; right: 20px; top: 20px; width: 28px;}
.ctsliderouter .bx-controls-direction a.bx-next { display: block; height: 94px; position: absolute; right: 0; top: 150px; width: 70px;}
.ctsliderouter .bx-controls-direction a:hover { background: var(--primary-blue);}

/* Portfolio Timeline Start */
.mobi-portfolio-end{display:none;}
.portfolio-timeline-main { margin-bottom: 90px; position: relative;}
.portfolio-timeline-outer{ background:var(--primary-blue); padding-top: 80px; position:relative; margin-top: 38px;}
.portfolio-timeline-inner{ margin:0 auto; max-width:1170px; width:100%; padding-bottom: 23px;}
.ctsliderouter{ max-width:1170px; margin:0 auto; padding-top: 100px; height: 340px;}
.portfoliosld-pager-background{ height:340px; position:relative; margin-bottom: 30px;}
#portfoliosld-pager li{ position:absolute; font-size: 2rem; text-align: center; line-height: 20px;}
#portfoliosld-pager li a{ color:var(--white);}
#portfoliosld-pager li a.active{ color:#faa51a;}
#portfoliosld-pager li span{ position:relative;}
#portfoliosld-pager li span:after{ background-position: 0 -772px; height: 50px; left: 0; margin: 0 auto; right: 0; top: 55px; width: 15px;}
#portfoliosld-pager li:nth-child(1){ left: 220px; top: 50px;}
#portfoliosld-pager li:nth-child(2){ left: 460px; top: 50px;}
#portfoliosld-pager li:nth-child(3){ left: 680px; top: 50px;}
#portfoliosld-pager li:nth-child(1) span:after,#portfoliosld-pager li:nth-child(3) span:after,#portfoliosld-pager li:nth-child(5) span:after,#portfoliosld-pager li:nth-child(7) span:after{ background-position: 0 -826px; bottom: 28px; height: 50px; left: 0; margin: 0 auto; right: 0; top: auto; width: 15px;}

#portfoliosld-pager li:nth-child(8) span:after{ background-position: -169px -826px; bottom: 28px; height: 98px; left: 0; margin: 0 auto; right: 0; top: auto; width: 15px;}

#portfoliosld-pager li:nth-child(4){ left: 219px; top: 240px;}
#portfoliosld-pager li:nth-child(5){ left: 390px; top: 240px;}
#portfoliosld-pager li:nth-child(6){ left: 570px; top: 240px;}
#portfoliosld-pager li:nth-child(7){ left: 710px; top: 240px;}
.portfoliosld-pager-background > img { margin: 0 auto; max-width: 977px; text-align: center; width: 100%;}

#portfoliosld-pager li:nth-child(1) { left: 17%; top: 71%;}
#portfoliosld-pager li:nth-child(2) { left: 22%; top: 14%;}
#portfoliosld-pager li:nth-child(3) { left: 30%; top: 71%;}
#portfoliosld-pager li:nth-child(4) { left: 38%; top: 14%;}
#portfoliosld-pager li:nth-child(5) { left: 46%; top: 71%;}
#portfoliosld-pager li:nth-child(6) { left: 49%; top: 14%;}
#portfoliosld-pager li:nth-child(7) { left: 56%; top: 71%;}
#portfoliosld-pager li:nth-child(8) { left: 62%; top: 85%; margin-left: 7px;}

.portfolio-start { color: var(--white); font-size: 2rem; left: 2%; line-height: 22px; position: absolute; text-align: center; top: 36%;}
.portfolio-end { color: var(--white); font-size: 2rem; right: 2%; line-height: 22px; position: absolute; text-align: center; top: 36%;}
.portfoliosld{ font-size:2.1rem; color:var(--white);}
.portfoliosld > div {padding: 0 1px;}
.portfoliosld h2{ font-size:3.2rem; color:#faa51a;}
.portfoliosld p { line-height: 33px; padding: 0 0 13px;}
.portfoliosld ul { margin: 0 30px 20px 0;}
.portfoliosld ul li { font-size: 2.1rem; line-height: 23px; list-style: outside none none; padding-bottom: 13px; padding-left: 15px; position: relative;}
.portfoliosld ul li a{color:var(--white);}
.portfoliosld ul li:before { content: "."; font-size: 5rem; left: 0; line-height: 0; position: absolute; top: -7px;}
/* OutlookStart */
.outlook-main { margin-bottom: 0; position: relative;}
.outlook-outer{ background:var(--primary-blue); padding-top: 102px; position:relative; margin-top:38px;}
.outlook-inner{ margin:0 auto; max-width:1170px; width:100%; padding-bottom: 88px;}
.outlook-outer .bx-pager { left: 0; position: absolute; right: 0; text-align: center; top: -21px;}
.outlook-outer .bx-pager > div { display: inline-block;}
.outlook-outer .bx-pager .bx-pager-link.active { background: var(--white) none repeat scroll 0 0;}
.outlook-outer .bx-pager .bx-pager-link { background: var(--cyan-2) none repeat scroll 0 0; border: 1px solid var(--cyan-2); display: inline-block; height: 10px; margin: 0 5px; text-indent: -99999px; width: 28px;}
.outlook-outer .bx-controls-direction { left: 0; margin: 0 auto; max-width: 1170px; position: absolute; right: 0; top: 163px; width: 100%;}
.outlook-outer .bx-controls-direction a.bx-prev { display: block; height: 94px; left: 0; position: absolute; top: 150px; width: 70px;}
.outlook-outer .bx-controls-direction a.bx-prev:after { background-position: 0 0; height: 54px; left: 21px; top: 20px; width: 28px;}
.outlook-outer .bx-controls-direction a.bx-next:after { background-position: 0 -58px; height: 54px; right: 21px; top: 20px; width: 28px;}
.outlook-outer .bx-controls-direction a.bx-next {
   display: block; height: 94px; position: absolute; right: 0; top: 150px; width: 70px;}
.outlook-outer .bx-controls-direction a:hover { background: var(--cyan);}
.outlooksld-box h2 { color: var(--white); font-size: 5.2rem; line-height: 50px; margin-bottom: 20px;}
.outlooksld-box p { font-size: 3.2rem;}
.outlooksld-box{ text-align:center; color:var(--white); margin:0 auto;}
.outlooksld-box img{ margin:0 auto; padding-top: 35px; padding-left: 2px; padding-right: 2px;}

/* Our Opportunity */
.our-opportunity-sld-inner > img { height: auto; width: 100%;}
.our-opp-global-megatrends-sld > img { height: auto; width: 100%;}
.our-opp-global-megatrends-sld-txt-outer { color: var(--white); font-size: 3rem; height: auto; left: 0; line-height: 1; margin: 0 auto; position: absolute; right: 0; text-transform: uppercase; top: 20%; width: 60%; z-index: 5000;}
.our-opp-global-megatrends-sld1-txtbox1{ font-size: 9rem; left: 0; position: absolute; text-align: center; top: 35px; width: 30%;}
.our-opp-global-megatrends-sld1-txtbox2{ font-size: 4rem; left: 30%; position: absolute;}
.our-opp-global-megatrends-sld1-txtbox3{ font-size: 5.5rem; left: 30%; position: absolute; top: 45px;}
.our-opp-global-megatrends-sld1-txtbox4{ font-size: 9rem; left: 30%; position: absolute; top: 90px;}
.our-opp-global-megatrends-sld2-txtbox1{ font-size: 9rem; left: 0; position: absolute; text-align: center; top: 35px; width: 30%;}
.our-opp-global-megatrends-sld2-txtbox2{ font-size: 4rem; left: 30%; position: absolute;}
.our-opp-global-megatrends-sld2-txtbox3{ font-size: 5.5rem; left: 30%; position: absolute; top: 45px;}
.our-opp-global-megatrends-sld2-txtbox4{ font-size: 9rem; left: 30%; position: absolute; top: 90px;}
.our-opp-global-megatrends-sld6-txtbox1 { font-size: 2.8rem; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center;}
.our-opp-global-megatrends-sld6-txtbox2 { background: var(--cyan) none repeat scroll 0 0; font-size: 3.8rem; left: 0; padding: 10px 0 15px; position: absolute; right: 0; text-align: center; text-transform: none; top: 210px;}
.our-opp-global-megatrends-sld6-txtbox3 { font-size: 1.5rem; left: 20px; position: absolute; text-transform: none; top: 300px;}

/* Browser Specific */
.chrome #portfoliosld-pager li:nth-child(2) span:after,.chrome #portfoliosld-pager li:nth-child(6) span:after, .chrome #portfoliosld-pager li:nth-child(7) span:after{ bottom: 48px; left:-25px;}
.chrome #portfoliosld-pager li:nth-child(8) span:after{ bottom: 67px;}

.chrome .ctsliderouter .bx-controls-direction a.bx-prev{left:-1px;}
.internetexplorer11 .ctsliderouter .bx-controls-direction a.bx-prev{left:-1px;}

.msie #portfoliosld-pager li:nth-child(4) span:after,.msie #portfoliosld-pager li:nth-child(5) span:after,.msie #portfoliosld-pager li:nth-child(6) span:after, .msie #portfoliosld-pager li:nth-child(7) span:after{ bottom: 48px;}
.msie #portfoliosld-pager li:nth-child(8) span:after{ bottom: 67px;}

.internetexplorer11 #portfoliosld-pager li:nth-child(4) span:after,.internetexplorer11 #portfoliosld-pager li:nth-child(5) span:after,.internetexplorer11 #portfoliosld-pager li:nth-child(6) span:after, .internetexplorer11 #portfoliosld-pager li:nth-child(7) span:after{ bottom: 48px;}

.Netscape #portfoliosld-pager li:nth-child(4) span:after,.Netscape #portfoliosld-pager li:nth-child(5) span:after,.Netscape #portfoliosld-pager li:nth-child(6) span:after, .Netscape #portfoliosld-pager li:nth-child(7) span:after{ bottom: 48px;}
.Netscape #portfoliosld-pager li:nth-child(8) span:after{ bottom: 67px;}

.safari #portfoliosld-pager li:nth-child(2) span:after,.safari #portfoliosld-pager li:nth-child(4) span:after,.safari #portfoliosld-pager li:nth-child(6) span:after{ bottom: 48px; left: -25px;}

.chrome #portfoliosld-pager li:nth-child(1) span:after,.chrome #portfoliosld-pager li:nth-child(3) span:after,.chrome #portfoliosld-pager li:nth-child(5) span:after{ left: 0px; bottom:48px;}

.msie #portfoliosld-pager li:nth-child(1) span:after,.msie #portfoliosld-pager li:nth-child(3) span:after,.msie #portfoliosld-pager li:nth-child(5) span:after{ left: 0px; bottom:48px}

.msie #portfoliosld-pager li:nth-child(2) span:after,.msie #portfoliosld-pager li:nth-child(3) span:after,.msie #portfoliosld-pager li:nth-child(6) span:after{left:-25px;}

.msie #portfoliosld-pager li:nth-child(3) span:after{left:15px;}
.msie #portfoliosld-pager li:nth-child(7) span:after{left:-10px;}

.internetexplorer11 #portfoliosld-pager li:nth-child(1) span:after,.internetexplorer11 #portfoliosld-pager li:nth-child(3) span:after,.internetexplorer11 #portfoliosld-pager li:nth-child(5) span:after{ left: 0px; bottom:48px}
.internetexplorer11 #portfoliosld-pager li:nth-child(8) span:after{ bottom: 67px;}


.internetexplorer11 #portfoliosld-pager li:nth-child(2) span:after,.internetexplorer11 #portfoliosld-pager li:nth-child(3) span:after,.internetexplorer11 #portfoliosld-pager li:nth-child(6) span:after{left:-25px;}

.internetexplorer11 #portfoliosld-pager li:nth-child(3) span:after{left:15px;}
.internetexplorer11 #portfoliosld-pager li:nth-child(7) span:after{left:-10px;}

.safari #portfoliosld-pager li:nth-child(1) span:after,.safari #portfoliosld-pager li:nth-child(3) span:after,.safari #portfoliosld-pager li:nth-child(5) span:after{bottom: 48px; left: 0;}

.safari #portfoliosld-pager li:nth-child(7) span:after{bottom: 48px; left: -25px;}
.safari #portfoliosld-pager li:nth-child(8) span:after{ bottom: 67px;}

.safari .bind-pager-outer > ul#bind-pager {height: 28px;}
.safari .investor-story-slider.after-company-snapshot-sld .bx-pager{top: -28px;}
.safari .our-opp-stp-outer > div > div > .bx-pager{top: 75px;}
.safari .our-opportunity-sld-outer > div > div > .bx-pager{top: 50px;}
.our-opportunity-sld-outer .bx-pager
.safari .ctsliderouter .bx-pager{top: -28px;}
.safari .outlook-outer .bx-pager{top: -28px;}

.nojs .plantabs-content{display:block;}
.nojs .our-opp-custom-pager{position:relative;}

#investor-story .fixed-page .topsecondmenuwrapper {background: none; height: 71px; padding-bottom: 0;}
#investor-story .fixed-page .portfolio-start { left: 20px; top: 5%;}


.sld1 { height: 100%; min-height: 100%;}
.our-opportunity-sld-inner { position: relative; width: 100%;}
.our-opportunity-sld-inner > img { display: inline-block; max-width: 100%;}
a.our-opp-main-gm {cursor: pointer;display: block;height: 7%;left:42%;position: absolute;top: 35%;width: 3%;}
a.our-opp-main-smp {cursor: pointer;display: block;height: 7%;left: 55%;position: absolute;top: 35%;width: 3%;}
a.our-opp-main-opw {cursor: pointer;display: block;height: 7%;left: 48%;position: absolute;top: 72%;width: 4%;}
.our-opportunity-sld-inner > img.our-opp-sld1-mobi {display: none;}