html { margin:0; background:#F5F5F5; }
body { width:1440px; margin:0 auto; background-color:#FFF; font-family:pt_sansregular; font-size:20px; color:#2E2E2E; }

a { color:#2E2E2E; }

h3.title { margin:0 0 20px 100px; font-family:pt_sansbold; font-weight:normal; font-size:1.6em; }
h5 {  }

header { position:relative; height:96px; }
header div.logo { position:absolute; top:23px; left:100px; width:330px; }
header div.logo img { height:50px; }
header nav { position:absolute; right:100px; height:96px; line-height:96px; }
header nav a { display:inline-block; margin-left:20px; text-transform:uppercase; text-decoration:none; font-size:0.8em; }

div.indented { padding:60px 0; background:linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FAFAFA 100%); }
div.indented article { margin:0 100px; font-size:0.9em; }

div.introduction { margin:0 100px; }
div.introduction h1 { display:inline-block; vertical-align:top; width:620px; font-family:pt_sansbold; font-weight:normal; font-size:3em; line-height:1.1em; }
div.introduction div.aside { display:inline-block; vertical-align:top; width:600px; }
div.introduction div.aside p { margin:1.2em 0 1.2em 0; font-size:1.2em; }
div.introduction div.aside a.button { display:inline-block; width:290px; height:76px; line-height:76px; background-color:#2E2E2E; border-radius:12px; text-align:center; text-decoration:none; color:#FFF; }

div.group-navigation { margin:60px 100px; }
div.group-navigation div.group { display:inline-block; height:80px; width:380px; margin:0 10px; border-radius:40px; background:#F6F6F6; }
div.group-navigation div.icon { display:inline-block; vertical-align:top; margin:10px; width:60px; height:60px; border-radius:30px; text-align:center;}
div.group-navigation a.label { display:inline-block; vertical-align:top; height:80px; line-height:80px; text-decoration:none; }
div.group-navigation div.icon svg { margin:14px 0; }
div.group-navigation div.icon-telecom { background:#1E5899; }
div.group-navigation div.icon-trade { background:#4C7F2E; }
div.group-navigation div.icon-privacy { background:#0B2449; }

div.summary { position:relative; height:580px; background:url('/img/photo/primary.jpg'); background-position:0 -100px; background-repeat:no-repeat; background-size:1440px 680px;  }
div.summary div.feature { position:absolute; left:0; bottom:0; right:0; height:205px; padding:0 60px; background:#FFF; }
div.summary div.item { position:relative; display:inline-block; vertical-align:top; width:340px; margin:0 40px; }
div.summary div.item div.icon { position:absolute; display:block; top:-50px; left:0; width:100px; height:100px; background:#FFF; }
div.summary div.item div.icon svg { margin:18px 14px; }
div.summary div.item p { margin:50px 0 0 0; }

div#publications div.group { background:linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #FAFAFA 100%); }
div#publications div.group h2 { margin:0 0 60px 100px; font-weight:normal; font-size:1em; }

div.publication { position:relative; margin-bottom:40px; min-height:398px; }

div.publication div.photograph { position:absolute; top:0; right:0; display:inline-block; vertical-align:top; width:590px; height:398px; }
div.publication div.photograph img { width:590px; height:398px; }

div.publication div.synopsis { display:inline-block; margin-right:60px; vertical-align:top; width:calc(100% - 610px); }
div.publication h3 { margin:0 0 0 100px; font-family:pt_sansbold; font-weight:normal; font-size:1.5em; }
div.publication h3 a { text-decoration:none; }
div.publication p.snippet { margin:0 20px 0 100px; }
div.publication div.actions { margin:20px 0 0 100px; }
div.publication div.actions a { display:inline-block; padding:0 20px; margin-right:10px; height:76px; line-height:76px; border-radius:12px; font-family:pt_sansbold; text-decoration:none; }
div.publication div.actions a.action { background:#2E2E2E; color:#FFF; }
div.publication div.actions a.blank {  }

div.trust { text-align:center; }
div.trust h4 { font-size:1.8em; }
div.trust p { width:80%; max-width:1000px; margin:0 auto; font-size:1.2em; }

article h5 { margin:20px 0 0 0; display:block; font-family:pt_sansbold; font-weight:normal; font-size:1.1em; }

footer { padding-top:80px; }
footer div.logo { text-align:center; }
footer div.logo a { display:block; text-align:center; }
footer div.logo img { max-height:94px; max-width:100%; }
footer nav { height:60px; line-height:60px; text-align:center;}
footer nav a { display:inline-block; margin:0 10px;  text-transform:uppercase; text-decoration:underline; font-size:0.9em; }
footer div.copyright { margin:20px 60px 0 60px; height:60px; text-align:center; font-size:0.7em; }