/* ------------------------------------------------------------------------------------ */ #docBody {background:#222; } #docHeader #logoBar2 {display:none;} /* ------------------------------------------------------------------------------------ */ #docMain {} #docMain>li {position:relative; padding:0 50px 50px 50px;} #docMain>li u {text-decoration:none; display:inline-block; padding:0 10px; background:#fede00; color:#000;} #docMain>li.banner {background-position: center top;background-repeat: no-repeat; min-height:600px;} #docMain>li.parallax {background-attachment: fixed;} #docMain>li.sep {padding:0px 8% !important; background:#fff;} #docMain>li.sep>span {height:1px; display:block; background:#ddd;} #docMain>li .header {display:block; font-size:3.5em; font-size:3.5rem;} #docMain>li .title {display:block; font-size:3.7em; font-size:3.7rem; margin:20px 0 0 0; overflow:hidden; text-align:center;} #docMain>li .hdr {display:block; font-size:2em; font-size:2rem;} #docMain>li .text {display:block; font-size:1.3em; font-size:1.3rem;} #docMain>li .medium {display:block; font-size:1.2em; font-size:1.2rem;} #docMain>li .small {display:block; font-size:1.1em; font-size:1.1rem;} /* ----------------- */ #rowBanner {height:670px; overflow:hidden; padding:0 !important; position:relative;} #rowBanner>div {position:absolute; left:5%; bottom:50px; width:80%; color:#fff; text-shadow: 0 0 4px #000000; letter-spacing:0px; } #rowBanner>div>h2.title {line-height:60px; text-align:left !important; padding:0 0 50px 0;} /* ----------------- */ #rowTeaser {height:70px; line-height:70px; overflow:hidden; padding:0 !important; background:#222; color:#fff; text-align:center} #rowTeaser>span {} /* ----------------- */ #rowGroup {overflow:hidden; padding:30px 0 40px 0 !important; text-align:center; background:#fff; color:#000;} #rowGroup>div {max-width:900px; overflow:hidden; margin:40px auto 15px auto; } #rowGroup ul {overflow:hidden;} #rowGroup ul>li {position:relative; float:left; text-align:left; padding-bottom:20px;} #rowGroup ul>li>img {position:absolute; left:0px; top:0px;} #rowGroup ul>li>div {position:relative; overflow:hidden; padding:20px 0 0 50%;} #rowGroup ul>li>div>span {text-align:left !important} #rowGroup div>h3.hdr {color:#b90000; font-weight:bold; margin-bottom:20px;} #rowGroup>div>div>#carr_navg {border-top:1px solid #ccc; padding-top:8px; max-width:350px; margin:15px auto 0 auto;} #rowGroup>div>div>#carr_navg>span.carr_pnl {border-radius:0 !important; width:30px; height:21px; background-color:transparent; background-position: center top; background-repeat: no-repeat;} #rowGroup>div>div>#carr_navg>span.carr_pnl.sel {background-color:transparent;} #rowGroup>div>div>#carr_navg>span.carr_pnl:nth-child(1) {background-image:url('/images/icon-carr-01.png'); width:40px;} #rowGroup>div>div>#carr_navg>span.carr_pnl:nth-child(2) {background-image:url('/images/icon-carr-02.png'); width:34px;} #rowGroup>div>div>#carr_navg>span.carr_pnl:nth-child(3) {background-image:url('/images/icon-carr-03.png');} #rowGroup>div>div>#carr_navg>span.carr_pnl:nth-child(4) {background-image:url('/images/icon-carr-04.png');} #rowGroup>div>div>#carr_navg>span.carr_pnl:nth-child(5) {background-image:url('/images/icon-carr-05.png');} #rowGroup>div>div>#carr_navg>span.carr_pnl:nth-child(6) {background-image:url('/images/icon-carr-06.png');} #rowGroup>div>div>#carr_navg>span.carr_pnl:nth-child(7) {background-image:url('/images/icon-carr-07.png');} #rowGroup>div>div>#carr_navg>span.carr_pnl.sel:nth-child(1) {background-image:url('/images/icon-carr-01-sel.png');} #rowGroup>div>div>#carr_navg>span.carr_pnl.sel:nth-child(2) {background-image:url('/images/icon-carr-02-sel.png');} #rowGroup>div>div>#carr_navg>span.carr_pnl.sel:nth-child(3) {background-image:url('/images/icon-carr-03-sel.png');} #rowGroup>div>div>#carr_navg>span.carr_pnl.sel:nth-child(4) {background-image:url('/images/icon-carr-04-sel.png');} #rowGroup>div>div>#carr_navg>span.carr_pnl.sel:nth-child(5) {background-image:url('/images/icon-carr-05-sel.png');} #rowGroup>div>div>#carr_navg>span.carr_pnl.sel:nth-child(6) {background-image:url('/images/icon-carr-06-sel.png');} #rowGroup>div>div>#carr_navg>span.carr_pnl.sel:nth-child(7) {background-image:url('/images/icon-carr-07-sel.png');} /* ----------------- */ #rowBanner2 {height:600px; overflow:hidden; position:relative;} #rowBanner2>div {position:absolute; left:5%; top:50px; width:90%; color:#fff; text-shadow: 0 0 4px #000000; letter-spacing:0px; text-align:right !important; } #rowBanner2>div>h2.header {line-height:60px; padding:30px 0 !important;} #rowBanner2>div>img {display:inline-block; margin:25px -30px 0 0;} /* ----------------- */ #rowInfo {background:#fff; color:#000; padding:20px 0; text-align:center; overflow:hidden;} #rowInfo>span {display:block; text-align:center; overflow:hidden;} #rowInfo>ul {margin:0 auto; padding:70px 0 0 0; max-width:880px; background:url('/images/home-sep.png') no-repeat center 10px;} #rowInfo>ul>li {float:left;width:180px; min-height:310px; margin:30px 20px; text-align:center; overflow:visible;} #rowInfo>ul>li>img {display:block; margin:0 auto 10px auto} #rowInfo>ul>li>span {display:block;} #rowInfo>ul>li:hover {background:#b90000; color:#fff;} #rowInfo>ul>li:hover>img {background:#b90000; color:#fff;} /* ----------------- */ #rowBanner3 {height:600px; overflow:hidden; position:relative;} #rowBanner3>div.hdr {position:absolute; left:5%; top:50px; width:90%; color:#fff; text-shadow: 0 0 4px #000000; letter-spacing:0px; text-align:right !important; } #rowBanner3>div.hdr>h2.header {line-height:60px; padding:30px 0 !important;} #rowBanner3>div.hdr>span>img {display:inline-block; margin:25px -50px 0 0;} /* ----------------- */ #rowVision {background:#fff; color:#000; padding:20px 0; text-align:center; overflow:hidden;} #rowVision>h2 {display:block; text-align:center; overflow:hidden; margin:-10px 0 20px 0 !important;} #rowVision>span.hdr {display:block; text-align:center; overflow:hidden; margin-top:30px;} #rowVision>div.quote {padding-right:300px; font-style:italic; color:#222; text-align:left; background:url('/images/home-ceo.png') no-repeat right top;} #rowVision>div>span.quote:after {content:url('/images/quote-end.png');} #rowVision>div>span.quote:before {content:url('/images/quote-start.png');} #rowVision>div.author {margin-top:10px; text-align:left;} #rowVision>div.author>span {display:inline;} #rowVision>div.author>a {width:20px; height:20px; overflow:hidden; margin:0 0 -3px 10px; display:inline-block; background:url('/images/icon-social-mini.png') no-repeat;} #rowVision>div.author>a.lnkin {background-position: 0px 0px;} #rowVision>div.author>a.lnkin:hover {background-position: 0px -20px;} #rowVision>div.author>a.fcbk {background-position:-20px 0px;} #rowVision>div.author>a.fcbk:hover {background-position:-20px -20px;} /* -----------*/ #rowEco {background:#008200; color:#fff; font-size:1.2rem; padding:20px 0 60px 0 !important; text-align:center;} #rowEco>ul {margin:0 auto; padding:10px 0 0 0; max-width:760px;} #rowEco>ul>li {float:left; padding:10px 3% 20px 3%; width:26%} #rowEco>ul>li>span {text-align:left !important} #rowEco>div {margin:20px auto 0 auto;} #rowEco>div>table {border-top:1px dotted #fff; border-collapse:collapse} #rowEco>div>table tr {border-bottom:1px dotted #fff; width:100%; overflow:hidden;} #rowEco>div>table span.p {width:70px; padding:0 10px;text-align:right !important} #rowEco>div>table span.t {width:330px; padding:0 10px;text-align:left !important} div.ribbon {position:absolute; left:0px; width:100%; height:12px;} div.ribbon.top-green {top: 0px; background:url('/images/home-ribbon-green2.png') repeat-x left top;} div.ribbon.bottom-green {bottom:0px; background:url('/images/home-ribbon-green.png') repeat-x left top;} /* -----------*/ #rowPartners {background:#e8e8e8; color:#000; font-size:1.2rem; padding:20px 0 60px 0 !important; text-align:center;} #rowPartners>ul {margin:0 auto; padding:70px 0 0 0; max-width:760px;} #rowPartners>ul>li {float:left; padding:10px 3% 0 3%;} /* ----------------- */ #rowWhere {position:relative;background:#888 url('/images/home-bkg-05.jpg') no-repeat left top; height:610px; color:#fff; text-align:center; overflow:hidden; padding:0px !important} #rowWhere>img {position:absolute; top:255px; left:630px;} /* ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ */ @media all and (max-width: 480px){ #docMain>li {min-height:50px;padding:0 10px 30px 10px;} #rowBanner {} #rowBanner {height:180px; background:#222 url('/images/home-bkg-01s.jpg') no-repeat center center; } #rowBanner2 {height:180px; background:#222 url('/images/home-bkg-02s.jpg') no-repeat center center; } #rowBanner3 {height:180px; background:#222 url('/images/home-bkg-03s.jpg') no-repeat center center; } #rowBanner2>div>img {display:none;} #rowGroup ul>li>div {padding:350px 20px 0 20px;} } @media all and (min-width:481px) and (max-width: 799px){ #docMain>li {min-height:50px;padding:0 30px 50px 30px;} #rowBanner {background:#222 url('/images/home-bkg-01m.jpg') no-repeat center center; } #rowBanner2 {background:#222 url('/images/home-bkg-02m.jpg') no-repeat center center; } #rowBanner3 {background:#222 url('/images/home-bkg-03m.jpg') no-repeat center center; } #rowBanner2>div>img {display:none;} #rowGroup ul>li>div {padding:350px 40px 0 40px;} } @media all and (min-width:800px) and (max-width: 1024px){ #rowBanner {background:#222 url('/images/home-bkg-01l.jpg') no-repeat center center; } #rowBanner2 {background:#222 url('/images/home-bkg-02l.jpg') no-repeat center center; } #rowBanner3 {background:#222 url('/images/home-bkg-03l.jpg') no-repeat center center; } #rowBanner2>div>img {display:none;} } @media all and (min-width:1024px) and (max-width: 1400px){ #rowBanner {background:#222 url('/images/home-bkg-01.jpg') no-repeat center center; } #rowBanner2 {background:#222 url('/images/home-bkg-02.jpg') no-repeat center center; } #rowBanner3 {background:#222 url('/images/home-bkg-03.jpg') no-repeat center center; } } @media all and (min-width:1401px){ #rowBanner {background:#222 url('/images/home-bkg-01xl.jpg') no-repeat center center; } #rowBanner2 {background:#222 url('/images/home-bkg-02xl.jpg') no-repeat center center; } #rowBanner3 {background:#222 url('/images/home-bkg-03xl.jpg') no-repeat center center; } } @media all and (min-width:1204px) and (max-height:720px){ #rowBanner {height:460px; } } /* --------------------------------------------------------------------------------- */ @media all and (min-width:680px) and (max-width:880px){ #rowInfo {max-width:100%;} #rowInfo>ul {max-width:660px;} } @media all and (max-width: 679px){ #rowInfo {max-width:100%;} #rowInfo>ul {max-width:440px !important;} } @media all and (max-width: 900px){ #rowVision>div.quote {padding:0 0 200px 0px; background:url('/images/home-ceo.png') no-repeat left bottom;} } /* --------------------------------------------------------------------------------- */ @media all and (max-height: 500px){ #rowGroup>div {height:500px;} }