@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic&subset=latin,latin-ext);
@import url(/uploads/css/scrollbar.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, input, textarea, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
 margin: 0;
 padding: 0;
 border: none;
 vertical-align: baseline;
 outline: none;
}
*
{
 -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a
{
 color: #3d86c6;
 text-decoration: none;
 -webkit-transition: 0.2s;
 -o-transition: 0.2s;
 -ms-transition: 0.2s;
 -moz-transition: 0.2s;
 transition: 0.2s;
}
h1, strong
{
 font-weight: 600;
}
body
{
 background: #3d86c6;
 font: 400 12px 'Open Sans';
 color: #505050;
}
#bground
{
 width: 100%;
 height: 100%;
 position: fixed;
 z-index: -1;
 left: 0;
 top: 0;
}
#noie{
 display: none;
 width: 100%;
 height: 100%;
 position: fixed;
 z-index: 999;
 left: 0;
 top: 0;
 background: white;
}
.ie-lt9 #noie{
 display: block;
}
#noie > div{
 width: 600px;
 margin: 20% auto 0;
 font-size: 16px;
 text-align: center;
}
.shadow
{
 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
 -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
 -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
}
.box
{
 width: 960px;
 margin: 0 auto;
}
.pad
{
 padding: 20px;
 margin: 20px;
}
/**/
body > header
{
 width: 100%;
 position: fixed;
 z-index: 1;
 left: 0;
 top: 0;
}
body > header #logo
{
 display: block;
 width: 100px;
 padding: 5px 20px;
 position: absolute;
 background: white;
}
body > header #logo img
{
 width: 100%;
}
body > header #social
{
 position: absolute;
 left: 150px;
 top: 5px;
}
body > header #social a
{
 display: block;
 width: 16px;
 height: 16px;
 float: left;
 margin: 0 5px 0 0;
 background: #3d86c6;
}
body > header h1
{
 padding: 10px;
 font-size: 30px;
 font-weight: 300;
 color: white;
 text-align: right;
}
body > header nav
{
 position: relative;
 background: white;
}
body > header nav .box
{
 position: relative;
}
body > header ul
{
 list-style: none;
 padding: 10px 0 10px 220px;
 margin: 0;
 text-align: center;
}
html.ie body > header ul {
 padding: 10px 0 10px 240px;
}
body > header li
{
 display: inline-block;
}
body > header li a
{
 display: block;
 padding: 5px 10px;
 font-size: 11px;
 font-weight: 600;
 letter-spacing: 1px;
 color: inherit;
 text-transform: uppercase;
}
body > header li a.menuactive, body > header li a:hover
{
 color: #3d86c6;
}
body > header nav #fx
{
 width: 16px;
 height: 10px;
 position: absolute;
 background: url(/uploads/ui/menufx.png) no-repeat;
}
body > header nav .fx
{
 overflow: hidden;
 width: 100%;
 height: 1px;
}
body > header nav .fx > div
{
 height: 1px;
 margin: 0 auto;
 background: #3d86c6;
}
/**/
body > section
{
 overflow: hidden;
}
body > section > .box
{
 overflow: hidden;
 position: relative;
}
body > section .pad
{
 background: white;
}
body > section .body
{
 overflow: hidden;
}
body > section h1
{
 padding: 0 0 5px;
 margin: 0 0 10px;
 border-bottom: 1px solid #3d86c6;
 font-size: 14px;
 color: #3d86c6;
 text-transform: uppercase;
}
/**/
.box#home
{
 width: 840px;
}
.box#home article
{
 width: 280px;
 float: left;
}
.box#home .pad
{
 position: relative;
}
.box#home .cover
{
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
}
.box#home .cover img
{
 width: 100%;
 height: 100%;
}
.box#home .body
{
 height: 100px;
 position: relative;
 line-height: 20px;
}
.box#home footer
{
 width: 100%;
 position: absolute;
 left: 0;
 bottom: -10px;
}
.box#home .more
{
 display: block;
 width: 50%;
 padding: 5px 0;
 margin: 0 auto;
 background: #3d86c6;
 font-size: 10px;
 font-weight: 600;
 color: white;
 text-transform: uppercase;
 text-align: center;
}
/**/
.box#page article
{
 overflow: hidden;
 width: 60%;
 float: left;
}
.box#page article .body
{
 height: 520px;
 line-height: 22px;
}
.box#page article .intext
{
 width: 150px;
 height: 120px;
 float: left;
 margin: 0 10px 0 0;
 border: 1px solid rgba(0,0,0,0.1);
}
/**/
.box#page aside
{
 overflow: hidden;
 width: 40%;
 float: right;
}
.box#page #newsbox
{
 height: 155px;
}
.box#page #partners a img
{
 width: 200px;
 height: 80px;
 margin: 0 20px 0 0;
}
/**/
#contactform, #contactform .box
{
 width: 100%;
}
#contactform .row
{
 overflow: hidden;
}
#contactform .input
{
 border: 1px solid #3d86c6;
 padding: 2px;
 margin: 0 0 10px;
 background: white;
}
#contactform input, #contactform textarea
{
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
 border: none;
 background: none;
 font: 11px 'Open Sans', sans-serif;
 color: black;
}
#contactform textarea
{
 resize: none;
 height: 70px;
}
#contactform .label
{
 font-size: 10px;
 font-weight: 600;
}
#contactform .label label
{
 width: 50%;
 float: left;
 white-space: nowrap;
 text-transform: uppercase;
}
#contactform .label span
{
 width: 50%;
 float: right;
 color: #3d86c6;
 white-space: nowrap;
 text-align: right;
}
#contactform #response
{
 float: left;
 font-size: 11px;
 color: #3d86c6;
}
#contactform #submit
{
 width: 50px;
 padding: 5px 0;
 margin: 0 0 0 10px;
 float: right;
 border: none;
 background: #3d86c6;
 font-size: 10px;
 font-weight: 600;
 color: white;
}
/**/
body > footer
{
 background: white;
 font-size: 10px;
}
body > footer > .box
{
 overflow: hidden;
 padding: 5px 0;
}
.par{
  width: 31.9%;
}
#roll{
  overflow: hidden;
  width: 100%!important;
  height: 80px;
  position: relative;
  left: 0px;
  top: 0px;
}
/* Stylesheet: Haven Invest Modified On 2015-07-13 07:35:23 */