@charset "UTF-8";
/* CSS Document */
html, body, #index { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #FFF; font-weight: 100; width:100%; height:100%; }
.pages { position: relative; overflow: hidden; z-index:1; }
.container { position: relative; z-index: 2; }
.pages .bgimg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: auto; }
.pages .bg-fixed { position: fixed; }
.pages .bg-fixed-bot { bottom: 0px; position: absolute; }
* { padding: 0; margin: 0; outline: none; }
.fl { float: left }
.fr { float: right }
.tc { text-align: center; }
.tl  text-align: left; 
.tr { text-align: right; }
.pr { position: relative; }
.pa { position: absolute; }
.clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden }
.page-fix { z-index: 2; }
.clear:after { clear: both }
.txtcenter { text-align: center; }
.txtleft { text-align: left; }
.txtright { text-align: right; }
.col30 { width: 30%; }
.col40 { width: 40%; }
.col60 { width: 60%; }
.col70 { width: 70%; }
.col50 { width: 50%; }
.col25 { width: 25%; }
.col75 { width: 75%; }
.fpage { padding-left:5%; padding-top: 5%; }
h1 { font-size: 3.5em; line-height: 1.2em; margin-top:2%;  font-weight:300; color:#FFF;}
h1 span, .fpage h2 { font-size: 7em; line-height: 1em; text-align: center; font-weight: bold; display: block; }
.fpage h2 { margin-top: 2%; font-size: 6em; }
.page1 .fpage p { font-size: 2em;  font-weight:300; color:#002d4c;margin-top: 2%;}
h2 { font-size: 2em; line-height: 2em; text-align: left; font-weight: bold;}
h2 span { display: inline-block; border-bottom:1px solid #10bc83; font-size: 3.2em; line-height:1.2em; padding-bottom:15px; }
.page2 h2 span, .page9 h2 span, .page6 h2 span, .page7 h2 span{ padding-bottom:10px;}
h2+p{ padding-top:20px;}
.pages ol { list-style: none; font-size: 2em; margin-top:100%; }
.pages ol li { padding-bottom: 60%;}
.pages ol li .fa { font-size: 4em; opacity: .4; }
.pages ol li h3 { font-size: 1.5em; font-weight: 400; }
.pages ol li h3 span { font-size: 2em; font-weight: bold; }
.pages ol li p { font-size: .8em; }
.pages ol li p span { font-weight: bold; }
.pages ol li p a, .pages ol li h3 a, .pages ol li a { color: #FFF; text-decoration: none; }
.pages ol li a:hover { text-decoration: underline; }
.mhead { min-height: 768px; }
.pages .pos-fixed { position: fixed; top: 0; display: block; }
.pages .lefts .head-blk{ position:absolute; left:5%; top: 2%;}
.pages .lefts .head-blk.top-fixed{ position:fixed; top: 5%;}
.pages .rights .head-blk{position:absolute;top: 2%;}
.pages .rights .head-blk.top-fixed{ position:fixed; top: 5%;  }
.pages p { font-size: 1.4em; margin-top:1%; letter-spacing:1px; line-height:1.6em;}
.pages p.comp-logo { padding-top: 1%; font-size: 1.5em; }
.pages .lefts { padding-top: 7%; padding-left: 5%; }
.pages p span.num{ font-size:2.5em; line-height:1.2em;}
.pages .rights { padding-top: 2%; padding-right: 5%; }
.page1{ background:#006faf;}
.page2{ background:#79abc8;}
.page3{ background:#37383a;}
.page4{ background:#124a68;}
.page5{ background:#203b4e;}
.page6{ background:#222224;}
.page7{ background:#b7cfd9;}
.page8{ background:#58afc0;}
.page9{ background:#010101;}
.page10{background:#41951b;}
.page1 p { padding: 3% 0 0 0; }
.page1 h2 span { font-size: 2.2em; }
.page2 h2 span{  color:#000;}
.page2 p{ color:#000; font-size:1.2em;}
.page2 ol li h3,.page2 ol li h3 a { color:#b92c2c; font-weight: bold;}
.page2 ol li p a{color:#000;  font-weight:400;}
.page2 ol li p { font-size: .8em; margin-bottom: 4%; }
.page2 ol li p span { font-size: 1.5em; font-weight: bold; }
.page3 h2{font-size: 1.7em;}
.page3 p span{color:#ffd22e;}
.page4 ol li h3{ color:#000;}
.page5 p span.num{color:#2dc1ff}
.page5 p strong{ font-size:.7em;}
.page7 h2+p{ color:#FFF;}
.page7 p, .page7 span{ color:#000;}
.page6 p span{color:#daa930}
.page8 h2 span{color:#FFF}
.page8 p span.num{color:#ffc434}
.page7 p span.num{color:#cf2e61}
.page7 p.e-small, .page7 p.e-small a{color:#000;}
.page7 h2 span{  color:#FFF;}
.page9 p span.num{ color:#f8b04a;}
.page10 h3{ font-size:2em; font-weight:300;}
.page10 .fa { color: #FFF; font-size: 2em; text-decoration: none; margin: 3% 1% 0 0; opacity: .5; }
.page10 .fa-facebook-square:hover { color: #3A5797; }
.page10 .fa-twitter-square:hover { color: #55acee; }
.page10 .fa-linkedin-square:hover { color: #0077b5; }
.last-bot{ position:absolute; bottom:2%;; left:0; width:100%;}
p.hny{ font-size:3em; color:#FFF; text-align:center; font-weight:400;}
p.copy{ font-size:.8em;}
.pages ol li.disabled{ opacity:0;}
.share-list { position: fixed; top: 20px; right: 30px; z-index: 5;}
.share-list i { opacity: .7; }
.share-list p { position: absolute; right: 20px; top: 0px; width: 0px; overflow: hidden; height: 24px; -moz-transition: width ease-in-out .5s; -webkit-transition: width ease-in-out .5s; -o-transition: width ease-in-out .5s; transition: width ease-in-out .5s; }
.share-list a { margin-right: 10px; display: inline-block; opacity: .5; }
.share-list  img{ width:24px; height:24px;}
.share-list a:hover { opacity: 1; }
.share-list:hover p { width: 120px; }
ul.menu { position: fixed; right: 30px; top: 35%; width: 20px; z-index: 999999999; list-style: none }
ul.menu li { padding: 5px; margin: 0 }
ul.menu li span { width: 10px; height: 10px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border:1px solid #FFF;  text-indent: -9999em; display: block; padding: 0; margin: 0; cursor:pointer; opacity:.4; }
ul.menu li span:hover{opacity:.7; background:#FFF; }
ul.menu li span.active { opacity:1; border-color:#10bc83;background:#FFF;  }
@media (max-width: 1024px) {
	html, body, #index { font-size: 11px; }
}
 @media (max-width: 800px) {
html, body, #index { font-size: 9px; }
.fixme-logo img { width: 100px; height: auto; }
.pages .pos-fixed { padding-top: 15%; }
.share-list img{ width:20px; height:20px;}
.share-list:hover p { width: 80px; }
.share-list a{ margin-right:5px;}

.bgimg{width:auto !important;  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);}
  .page10 .bgimg{webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px); position:absolute;}
  p.hny{ font-size:5em;}
  .page10 h3{ font-size:3em;}
  .page10 h3 span{ font-size:7em; display:block;}
}
 @media (max-width: 600px) {
html, body, #index { font-size: 6px; }
.mhead { min-height: 500px; }
.fr{ float: left;}
.pages .rights{ padding-left:5%;}
.rights{ left:7%;}
.col50{ width:90%; margin:0 auto;}
.fixme-logo img { width: 50%; height: auto; }
.page4 .rights li img, .comp-logo img{ width:50%; height:auto;}
}
 @media (max-width: 480px) {
html, body, #index { font-size: 5px; }
.mhead { min-height: 200px; }
.pages .container { padding-top: 50px; }
.share-list:hover p { width: 80px; }
ul.menu{ display:none;} 
}