#homepage-top {
height: 936px;
float: left;
width: 100%;
}
#homepage-top:before {
background: url('/design/backgrounds/homepage/header-manager.png') no-repeat;
width: 1000px;
height: 517px;
margin: 2px auto 0;
display: block;
content: '';
}
#homepage-top strong {
width: 500px;
margin: auto;
padding-left: 400px;
padding-right: 100px;
position: relative;
top: -300px;
font-family: 'GFSBodoniRegular';
text-transform: uppercase;
font-size: 36px;
font-size: 3.6rem;
text-align: right;
height: 50px;
display: block;
font-weight: normal;
}
#homepage-top strong+h1 {
width: 500px;
margin: auto;
padding-left: 400px;
padding-right: 100px;
position: relative;
top: -300px;
font-family: 'GFSBodoniBold';
font-size: 21px;
font-size: 2.1rem;
text-align: right;
line-height: 1.2;
height: 300px;
margin-bottom: -350px;
}
#homepage-three-blocks {
width: 938px;
height: 285px;
margin: 90px auto 0;
background: url('/design/backgrounds/homepage/block-gradient.png') repeat-y 50%;
}
#homepage-three-blocks:before {
background: url('/design/backgrounds/homepage/block-top.png') no-repeat;
width: 938px;
height: 185px;
margin-top: -185px;
float: left;
}
#homepage-three-blocks:after {
background: url('/design/backgrounds/homepage/block-bottom.png') no-repeat 50%;
width: 938px;
height: 168px;
clear: both;
}
#homepage-three-blocks:before,
#homepage-three-blocks:after {
display: block;
content: '';
}
#homepage-three-blocks .block {
height: 430px;
width: 276px;
float: left;
margin-left: 52.5px;
margin-top: -100px;
margin-bottom: -80px;
position: relative;
background: #d0d6d9 url('/design/backgrounds/homepage/block1.png') no-repeat;
}
#homepage-three-blocks .block+.block {
background: #c5cbcf url('/design/backgrounds/homepage/block2.png') no-repeat;
margin-left: 0;
}
#homepage-three-blocks .block+.block+.block {
background: #bbc3c9 url('/design/backgrounds/homepage/block3.png') no-repeat;
}
#homepage-three-blocks .block h2 {
height: 45px;
padding-top: 172px;
font-family: 'texgyre';
color: white;
font-size: 24px;
font-size: 2.4rem;
white-space: nowrap;
line-height: 40px;
padding-left: 10px;
-webkit-transform: scaleX(.85);
-moz-transform: scaleX(.85);
-ms-transform: scaleX(.85);
-o-transform: scaleX(.85);
transform: scaleX(.85);
width: 324.706px;
margin-left: -24.353px;
}
.no-csstransforms #homepage-three-blocks .block h2 {
font-size: 20px;
font-size: 2rem;
width: 276px;
margin-left: 0;
}
#homepage-three-blocks .block a:first-child {
text-decoration: none;
}
#homepage-three-blocks .block p {
padding: 10px 10px;
line-height: 1.5;
font-size: 12px;
font-size: 1.2rem;
color: #232323;
}
#homepage-three-blocks .block p+a {
color: #015668;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
position: absolute;
bottom: 10px;
right: 10px;
}
#homepage-middle {
background-color: #494f53;
clear: both;
}
#homepage-middle>div {
width: 1000px;
height: 380px;
margin: 0 auto;
position: relative;
}
#homepage-exchange-list {
position: absolute;
top: 75px;
left: 75px;
background: url('/design/backgrounds/homepage/exchange-list-gradient.png') repeat-x;
width: 245px;
height: 283px;
-webkit-border-radius: 8px 8px;
-khtml-border-radius: 8px/8px;
-moz-border-radius: 8px/8px;
border-radius: 8px/8px;
-webkit-box-shadow: 0 0 4px black;
-moz-box-shadow: 0 0 4px black;
box-shadow: 0 0 4px black;
}
#homepage-exchange-list:before {
content: '';
display: block;
background: url('/design/backgrounds/homepage/exchange-list-decoration.png') no-repeat;
width: 135px;
height: 230px;
position: absolute;
left: -88px;
top: -10px;
}
#homepage-exchange-list h3 {
color: #577719;
font-size: 22px;
font-size: 2.2rem;
font-family: 'texgyre';
padding: 15px 15px 10px;
}
#homepage-do-you-know {
position: absolute;
left: 350px;
top: 47px;
width: 590px;
font-family: 'texgyre';
background: url('/design/backgrounds/homepage/do-you-know-decoration.png') no-repeat 100%;
height: 180px;
}
#homepage-do-you-know h3 {
position: absolute;
top: 33px;
font-size: 25px;
font-size: 2.5rem;
color: #dee1e4;
z-index: 3;
}
#homepage-do-you-know span {
position: absolute;
top: 41px;
left: 18px;
font-size: 70px;
font-size: 7rem;
color: #585e62;
z-index: 1;
}
#homepage-do-you-know p {
position: absolute;
top: 73px;
left: 32px;
font-size: 17px;
font-size: 1.7rem;
font-family: 'texgyrei';
color: #21cff4;
line-height: 1.4;
width: 420px;
z-index: 2;
display: none;
}
#homepage-do-you-know p.active {
display: block;
}
#homepage-forex {
position: absolute;
top: 228px;
left: 345px;
background: url('/design/backgrounds/homepage/exchange-list-gradient.png') repeat-x;
width: 580px;
height: 130px;
-webkit-border-radius: 8px 8px;
-khtml-border-radius: 8px/8px;
-moz-border-radius: 8px/8px;
border-radius: 8px/8px;
-webkit-box-shadow: 0 0 4px black;
-moz-box-shadow: 0 0 4px black;
box-shadow: 0 0 4px black;
}
#homepage-forex h3 {
color: #577719;
font-size: 22px;
font-size: 2.2rem;
font-family: 'texgyre';
padding: 15px 15px 0;
}
#homepage-forex ul {
margin: 5px 10px;
text-align: center;
line-height: 1;
}
#homepage-forex ul li {
background: url('/design/backgrounds/calendar.png') no-repeat;
width: 49px;
height: 36px;
padding: 19px 3px 5px;
float: none;
display: inline-block;
margin: 0 7px;
}
#homepage-forex ul li span {
display: block;
text-align: center;
color: #6b7680;
font-weight: bold;
font-size: 26px;
font-size: 2.6rem;
}
#homepage-forex ul li span+span {
font-size: 10px;
font-size: 1rem;
margin-top: -2px;
}
#homepage-forex a {
color: #015668;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
position: absolute;
bottom: 10px;
right: 10px;
}