/* rem font size with pixel fallback */
/* Breakpoints */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
a {
  color: #b40d30; }


body {
  line-height: 1; }

pre {
  font-family: "Andale Mono", AndaleMono, monospace; }

.code {
  padding: 20px;
  background-color: #e4e4e4; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* TILES */
.one {
  transition: background-color 0.5s ease;
  background-color: #dfdf9f; }
  .one .hat {
    background-color: #606020;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .one .hat h2 {
      position: absolute;
      bottom: 0; }
  .one:hover {
    background-color: #ececc6;
    outline: 2px solid #606020; }
  .one .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #737326;
    border-bottom: 0; }
    .one .more:hover {
      background-color: #737326; }
  .one h2.hat {
    margin-top: 0;
    background-color: #999933;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.two {
  transition: background-color 0.5s ease;
  background-color: #a3e0cb; }
  .two .hat {
    background-color: #21634c;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .two .hat h2 {
      position: absolute;
      bottom: 0; }
  .two:hover {
    background-color: #c9ede1;
    outline: 2px solid #21634c; }
  .two .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #28765b;
    border-bottom: 0; }
    .two .more:hover {
      background-color: #28765b; }
  .two h2.hat {
    margin-top: 0;
    background-color: #349d78;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.three {
  transition: background-color 0.5s ease;
  background-color: #cdd7ee; }
  .three .hat {
    background-color: #2f4a8d;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .three .hat h2 {
      position: absolute;
      bottom: 0; }
  .three:hover {
    background-color: #f3f6fb;
    outline: 2px solid #2f4a8d; }
  .three .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #3554a1;
    border-bottom: 0; }
    .three .more:hover {
      background-color: #3554a1; }
  .three h2.hat {
    margin-top: 0;
    background-color: #476ac2;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.four {
  transition: background-color 0.5s ease;
  background-color: #e6b6d2; }
  .four .hat {
    background-color: #762855;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .four .hat h2 {
      position: absolute;
      bottom: 0; }
  .four:hover {
    background-color: #f3dce9;
    outline: 2px solid #762855; }
  .four .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #892e62;
    border-bottom: 0; }
    .four .more:hover {
      background-color: #892e62; }
  .four h2.hat {
    margin-top: 0;
    background-color: #af3b7e;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.five {
  transition: background-color 0.5s ease;
  background-color: #df9fba; }
  .five .hat {
    background-color: #60203a;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .five .hat h2 {
      position: absolute;
      bottom: 0; }
  .five:hover {
    background-color: #ecc6d6;
    outline: 2px solid #60203a; }
  .five .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #732646;
    border-bottom: 0; }
    .five .more:hover {
      background-color: #732646; }
  .five h2.hat {
    margin-top: 0;
    background-color: #99335d;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.six {
  transition: background-color 0.5s ease;
  background-color: #d79888; }
  .six .hat {
    background-color: #482218;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .six .hat h2 {
      position: absolute;
      bottom: 0; }
  .six:hover {
    background-color: #e4b9ae;
    outline: 2px solid #482218; }
  .six .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #5b2b1e;
    border-bottom: 0; }
    .six .more:hover {
      background-color: #5b2b1e; }
  .six h2.hat {
    margin-top: 0;
    background-color: #823d2b;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.seven {
  transition: background-color 0.5s ease;
  background-color: #90c2da; }
  .seven .hat {
    background-color: #1b3f51;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .seven .hat h2 {
      position: absolute;
      bottom: 0; }
  .seven:hover {
    background-color: #b6d7e7;
    outline: 2px solid #1b3f51; }
  .seven .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #214e64;
    border-bottom: 0; }
    .seven .more:hover {
      background-color: #214e64; }
  .seven h2.hat {
    margin-top: 0;
    background-color: #2e6b8a;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.eight {
  transition: background-color 0.5s ease;
  background-color: #a194db; }
  .eight .hat {
    background-color: #261c54;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .eight .hat h2 {
      position: absolute;
      bottom: 0; }
  .eight:hover {
    background-color: #c3bae8;
    outline: 2px solid #261c54; }
  .eight .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #2f2268;
    border-bottom: 0; }
    .eight .more:hover {
      background-color: #2f2268; }
  .eight h2.hat {
    margin-top: 0;
    background-color: #402f8e;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.nine {
  transition: background-color 0.5s ease;
  background-color: #dfdf9f; }
  .nine .hat {
    background-color: #606020;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .nine .hat h2 {
      position: absolute;
      bottom: 0; }
  .nine:hover {
    background-color: #ececc6;
    outline: 2px solid #606020; }
  .nine .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #737326;
    border-bottom: 0; }
    .nine .more:hover {
      background-color: #737326; }
  .nine h2.hat {
    margin-top: 0;
    background-color: #999933;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.ten {
  transition: background-color 0.5s ease;
  background-color: #71cf9b; }
  .ten .hat {
    background-color: #10311f;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .ten .hat h2 {
      position: absolute;
      bottom: 0; }
  .ten:hover {
    background-color: #97dcb6;
    outline: 2px solid #10311f; }
  .ten .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #17442b;
    border-bottom: 0; }
    .ten .more:hover {
      background-color: #17442b; }
  .ten h2.hat {
    margin-top: 0;
    background-color: #246a43;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.eleven {
  transition: background-color 0.5s ease;
  background-color: #cbc443; }
  .eleven .hat {
    background-color: #0c0c03;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .eleven .hat h2 {
      position: absolute;
      bottom: 0; }
  .eleven:hover {
    background-color: #d6d16b;
    outline: 2px solid #0c0c03; }
  .eleven .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #201f09;
    border-bottom: 0; }
    .eleven .more:hover {
      background-color: #28270b; }
  .eleven h2.hat {
    margin-top: 0;
    background-color: #484514;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.twelve {
  transition: background-color 0.5s ease;
  background-color: #3ab0b0; }
  .twelve .hat {
    background-color: black;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .twelve .hat h2 {
      position: absolute;
      bottom: 0; }
  .twelve:hover {
    background-color: #56c7c7;
    outline: 2px solid black; }
  .twelve .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #010404;
    border-bottom: 0; }
    .twelve .more:hover {
      background-color: #0d2626; }
  .twelve h2.hat {
    margin-top: 0;
    background-color: #0e2a2a;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.thirteen {
  transition: background-color 0.5s ease;
  background-color: #cde1ee; }
  .thirteen .hat {
    background-color: #2f688d;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .thirteen .hat h2 {
      position: absolute;
      bottom: 0; }
  .thirteen:hover {
    background-color: #f3f8fb;
    outline: 2px solid #2f688d; }
  .thirteen .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #3577a1;
    border-bottom: 0; }
    .thirteen .more:hover {
      background-color: #3577a1; }
  .thirteen h2.hat {
    margin-top: 0;
    background-color: #4792c2;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

/* FILLS */
.translucent-black {
  background-color: rgba(0, 0, 0, 0.65); }
  @media only screen and (max-width: 750px) {
    .translucent-black {
      background-color: #fff; } }

.gray {
  transition: background-color 0.5s ease;
  background-color: #f9f7f7; }
  .gray .hat {
    background-color: #886969;
    height: 125px;
    color: #fff;
    margin: 0 0 10px  !important;
    position: relative; }
    .gray .hat h2 {
      position: absolute;
      bottom: 0; }
  .gray:hover {
    background-color: white;
    outline: 2px solid #886969; }
  .gray .more {
    color: #fff;
    transition: background-color 0.5s ease;
    background-color: #957676;
    border-bottom: 0; }
    .gray .more:hover {
      background-color: #957676; }
  .gray h2.hat {
    margin-top: 0;
    background-color: #ab9393;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; }

.light-gray {
  background-color: #ececec;
  transition: background-color 0.5s ease; }
  .light-gray:hover {
    background-color: #a0a0a0; }

.peach {
  background-color: #F3B7A2; }

.buy-orange, .buy {
  border: none !important;
  transition: background-color 0.5s ease;
  background-color: #f79648; }
  .buy-orange:hover, .buy:hover {
    background-color: #f9b279; }

.brand-red {
  background-color: #0099ff; }

.try-green, .try {
  border: none !important;
  transition: background-color 0.5s ease;
  background-color: #18cca7; }
  .try-green:hover, .try:hover {
    background-color: #30e7c1; }

.tile a {
  text-decoration: none;
  color: #450112;
  border-bottom: 2px dotted #000; }

/* TYPE */
.text-white, .ko {
  color: #ffffff; }

.text-black,
.text-black a {
  color: #000000; }

.text-gray, .searchform input, .breadcrumbs .active, .text-gray a, .searchform input a, .breadcrumbs .active a {
  color: #5c5c5c; }

.text-orange, blockquote cite a {
  color: #ed6a3c; }

/* NAVIGATION */
.active-nav {
  color: #ffc12e; }

@media only screen {
  body {
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-size: 1rem;
    line-height: 115%; } }
/* header */
.brand {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -1px;
  display: inline-block;
  float: left; }

.brand-description {
  display: inline-block;
  float: left;
  font-size: .8rem; }

/* navigation */
nav a {
  color: #FFFFFF;
  text-decoration: none; }

nav a.active {
  color: #ffc12e; }

/* TYPE STANDARDS */
h1 {
  font-size: 35px;
  font-size: 2.1875rem;
  letter-spacing: -0.1rem;
  line-height: 1.01em;
  margin-bottom: .5em; }
  @media only screen and (max-width: 750px) {
    h1 {
      font-size: 29px;
      font-size: 1.8125rem;
      letter-spacing: -0.05rem; } }

h2 {
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: -0.02rem; }

h3 {
  font-size: 20px;
  font-size: 1.25rem;
  letter-spacing: -0.01rem;
  line-height: 2em;
  margin-bottom: .125em; }

h4 {
  font-size: 17px;
  font-size: 1.0625rem;
  letter-spacing: -0.01rem;
  line-height: 2em;
  margin-bottom: .0625em; }

h3, h4 {
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: 600;
  letter-spacing: -0.01rem; }

.narrow {
  margin-right: 50%; }
  .narrow hr {
    margin: 1em 0;
    color: #fff;
    border: none;
    border-bottom: 1px solid #e4e4e4; }

p, ul, ol, dl {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  letter-spacing: -0.002rem; }
ul, ol {
  list-style-position: outside; }
    ul ul li, ul ol li, ol ul li, ol ol li {
      padding-bottom: 0; }
  ul ul, ol ul {
    list-style-type: circle; }
  ul ol, ol ol {
    list-style-type: lower-roman;
    list-style-type: decimal-leading-zero; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }
  
p {
  margin-bottom: .8em; }

ul {
  list-style-type: square; }

ol {
  list-style-type: roman !important; }

.small {
  font-size: 9px;
  font-size: 0.5625rem; }

.actionitem {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold; }

.thirdlevel article {
  margin: 5px  30px 20px; }
  .thirdlevel article h2 {
    font-size: 1.3em;
    font-weight: bold;
    margin: 1.5em 0 1em; }
  .thirdlevel article ul, .thirdlevel article ol {
    margin: 10px 50px; }
  .thirdlevel article .column-list {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .thirdlevel article li.column-list ul {
    list-style-type: square;
    list-style-position: outside;
    float: left;
    width: 49%;
    padding: 0 10% 0 50px;
    margin: 0; }

blockquote p {
  font-size: 36px;
  font-size: 2.25rem; }
  @media only screen and (max-width: 750px) {
    blockquote p {
      font-size: 24px;
      font-size: 1.5rem; } }
blockquote cite {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
  font-style: italic; }
  @media only screen and (max-width: 750px) {
    blockquote cite {
      font-size: 16px;
      font-size: 1rem; } }
  blockquote cite a {
    text-decoration: none; }

/* BASIC */
small {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1em; }

b, strong, .bold {
  font-weight: 800; }

.italic, em, i {
  font-style: italic; }

@media only screen {
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  body {
    background-color: #fff;
    margin: 0;
    padding: 0; }
  .internalwrapper, .widthwrapper, section, article, .breadcrumbs, .featured .widthwrapper {
    float: none !important;
    max-width: 1020px;
    margin: 0 auto !important;
    position: relative;
    padding: 0 10px; } }
  @media only screen and (max-width: 750px) {
    .internalwrapper, .widthwrapper, section, article, .breadcrumbs, .featured .widthwrapper {
      margin: 0 2% !important; } }

@media only screen {
  .row,
  .three-wide {
    clear: both; } }
  @media only screen and (max-width: 1068px) {
    .row,
    .three-wide {
      clear: none; } }

@media only screen {
  .three-wide > .row {
    margin-top: 20px; } }
  @media only screen and (max-width: 1068px) {
    .three-wide > .row .tile:last-of-type {
      margin-right: 16px; } }

@media only screen {
  .two-wide {
    width: 66%;
    float: left; } }
  @media only screen and (max-width: 1068px) {
    .two-wide {
      width: 100%;
      max-width: 100%; } }
@media only screen {
    .two-wide .row {
      clear: none; }
    .two-wide .row:last-of-type {
      clear: none; }

  .one-wide {
    float: left;
    width: 32%;
    margin-right: 20px; } }
  @media only screen and (max-width: 1068px) {
    .one-wide {
      width: 97.6%; } }
  @media only screen and (max-width: 750px) {
    .one-wide {
      width: 100%; } }
@media only screen {
    .one-wide .tile {
      width: 100%;
      max-width: 100%; }
    .one-wide .row {
      float: right;
      clear: none; }
    .one-wide .row-left {
      float: left;
      clear: none; } }
    @media only screen and (max-width: 1068px) {
      .one-wide .row-left {
        width: 100%; } }

@media only screen {
  /* TILES */
  .tiles {
    margin: 0 auto !important; }

  article + .tiles {
    margin-top: -13px !important; }

  .tile {
    float: left;
    min-width: 320px;
    max-width: 32%;
    margin: 0 20px 20px 0;
    position: relative;
    padding-bottom: 60px;
    /*equal the height of a button */ } }
  @media only screen and (max-width: 1068px) {
    .tile {
      width: 47%;
      max-width: 47%;
      margin: 0 10px 20px 10px !important; } }
  @media only screen and (max-width: 750px) {
    .tile {
      width: 97%;
      min-width: 300px;
      max-width: 97%;
      margin-left: 0;
      margin-right: 0; } }
@media only screen {
    .tile:last-of-type {
      margin-right: 0; } }
/* MISC */
.hover:hover {
  color: #c40024; }

/*TABLES*/
table {
  margin: 2em 0 1em;
  border: 1px solid #000;
  width: 100%;
  height: auto; }
  table td {
    padding: 10px 10px;
    border: 1px solid #000; }
    table td:nth-child(2n+2) {
      background: #97e794;
      text-align: right; }
    table td:nth-child(2n+3) {
      background: #8bd288;
      text-align: right; }
  table th {
    padding: 5px 10px;
    border: 1px solid #000;
    text-align: center;
    color: #fff;
    background-color: #000;
    font-weight: 600; }

table.reseller td, table.slimtable {
  background-color: #fff;
  text-align: left; }

table.pricing {
  padding: 0 !important; }

table.pricing td {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  padding: 5px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  vertical-align: middle; }

table.pricing td:first-of-type {
  background-color: #fff; }

table.reseller th, table.pricing th {
  vertical-align: bottom;
  text-align: left; }

table.reseller tr:nth-of-type(odd) td,
table.pricing tr:nth-of-type(odd) td {
  background-color: #ccc;
  background-color: rgba(0, 0, 0, 0.1); }

/* TYPE */
.caps {
  text-transform: uppercase; }

.clickable {
  cursor: pointer; }

.nodecoration {
  list-style-type: none;
  text-decoration: none; }

.ir, .fb, .tw, .yt {
  text-align: left;
  text-indent: -9999px; }

/* BUTTONS */
.pill {
  cursor: pointer; }
  .pill:hover {
    border: none !important; }

.pill, .rounded {
  padding: 8px 16px;
  border-radius: 500px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  letter-spacing: 0.02rem; }

.noborder {
  border: none !important; }

.kostroked {
  border: 2px solid white; }
  @media only screen and (max-width: 750px) {
    .kostroked {
      border-color: #000; } }

.nowrap {
  white-space: nowrap; }
  @media only screen and (max-width: 750px) {
    .nowrap {
      white-space: normal; } }

/* Forms */
label {
  clear: both;
  display: block;
  line-height: 1.45;
  margin-bottom: .5em; }

label em {
  font-weight: 400; }

.req {
  color: #e5210b; }

.userinput, textarea, .bigselect {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 2em; }

.bigselect {
  font-size: 1.1em;
  padding: 20px 10px;
  font-weight: 400; }

fieldset {
  margin: 2em;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 1em; }

fieldset:last-of-type {
  border-bottom: 0; }

input + input {
  margin-left: 50px; }

/* LISTS */
.horiz li {
  display: inline; }

::-moz-selection {
  color: gold;
  background: red; }

::selection {
  color: gold;
  background: red; }

input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #000; }

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000; }

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000; }

input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000; }

hr {
  margin: 1em 0;
  color: #fff;
  border: none;
  border-bottom: 1px solid #e4e4e4; }

/* POSITION */
.ib, .fb, .tw, .yt {
  display: inline-block; }

.block {
  display: block; }

.left, p img.left {
  float: left; }

.right {
  float: right; }

@media only screen and (max-width: 750px) {
  .left, p img.left, .right {
    float: none; } }

.center {
  display: block;
  margin: 0 auto; }

.no-float {
  float: none; }

p img.left {
  margin: 0 15px 0 0; }

/* PANELS */
.panel-left, .panel-right {
  width: 60%;
  height: 100%;
  padding: 15px;
  margin: 15px 0 15px 5px;
  float: left; }
  @media only screen and (max-width: 750px) {
    .panel-left, .panel-right {
      float: none;
      width: 100% !important;
      margin: 0; } }

.panel-right {
  width: 60%;
  height: 100%;
  padding: 15px;
  margin: 15px 5px 15px 0;
  float: right; }

.featurette .panel-left {
  margin: 0 2% 0 0;
  width: 50%;
  padding: 0; }

.featurette .panel-right {
  margin: 0 0 0 2%;
  width: 50%;
  padding: 0; }

/* IMG */
figure {
  display: inline-block; }
  figure img {
    width: 100%;
    height: auto; }

figcaption {
  width: 100%;
  line-height: .8em;
  text-align: center; }

.hide-on-mobile {
  display: block !important; }
  @media only screen and (max-width: 750px) {
    .hide-on-mobile {
      display: none !important; } }

.show-on-mobile {
  display: none !important; }
  @media only screen and (max-width: 750px) {
    .show-on-mobile {
      display: block !important; } }

.clear:before,
.clear:after,
.thirdlevel article ul.column-list:after {
  content: " ";
  display: table; }

.clear:after, .thirdlevel article ul.column-list:after {
  clear: both; }

.brand, .brand a {
  display: block; }
  @media only screen and (max-width: 750px) {
    .brand, .brand a {
      width: 100%;
      height: auto;
      margin: 10px; } }

.brand a {
  background: transparent url(../image/svg/branding_boris.svg) no-repeat 0 30px;
  margin: 0;
  width: 550px;
  height: 115px; }
  @media only screen and (max-width: 750px) {
    .brand a {
      background: transparent url(../image/svg/branding_small_boris.svg) no-repeat 50% 50%;
      max-height: 65px;
      width: 100%;
      display: block;
      margin: 0;
      padding: 0; } }

/* SOCIAL */
.utility {
  margin: 15px 15px 0 0;
  z-index: 9999 !important;
  position: relative; }
  @media only screen and (max-width: 1068px) {
    .utility {
      font-weight: 600;
      margin: 10px 15px 0 0; } }
  .utility li {
    margin-right: 15px; }
    .utility li a:hover {
      color: #ccc; }
  .utility .social {
    margin-right: 0; }

.fb {
  margin-left: 10px; }

.fb, .tw, .yt {
  width: 19px;
  height: 20px;
  margin-right: 5px;
  background: transparent url(../image/svg/social_icons_rows.svg) no-repeat 0 0; }
  .fb:hover, .tw:hover, .yt:hover {
    background-position: 0 -23px; }

.tw {
  background-position: -24px 0; }
  .tw:hover {
    background-position: -24px -23px; }

.yt {
  background-position: -48px 0; }
  .yt:hover {
    background-position: -48px -23px; }

.searchform {
  position: absolute;
  top: 45px;
  right: 18px; }
  .searchform input {
    font-size: 17px;
    font-size: 1.0625rem;
    border-radius: 20px;
    border: 1px solid #ccc;
    width: 200px;
    padding: 3px 3px 3px 30px;
    background: #fff url(../image/svg/magnifysearch.svg) no-repeat 8px; }
    .searchform input:focus {
      outline: none; }
  @media only screen and (max-width: 750px) {
    .searchform {
      background-color: #000;
      top: -50px;
      left: -15px;
      right: -15px;
      display: block;
      text-align: center;
      height: 50px; }
      .searchform input {
        width: 80%;
        margin-top: 10px; } }

nav.main {
  margin-left: -10px; }
  nav.main a {
    padding: 10px 10px 10px 10px;
    display: inline-block;
    font-weight: 600; }
    nav.main a:hover {
      background-color: #3572b8; }
    @media only screen and (max-width: 750px) {
      nav.main a {
        padding: 10px 8px;
        width: 49.0%;
        display: inline-block;
        margin: 0;
        text-align: center; } }
  @media only screen and (max-width: 750px) {
    nav.main li.show-on-mobile {
      display: inline !important; } }
  @media only screen and (max-width: 750px) {
    nav.main {
      padding-bottom: 0px; } }

@media only screen and (max-width: 750px) {
  body nav .widthwrapper {
    margin: 0 !important;
    padding: 0  !important; } }

.featured {
  clear: both;
  width: 100%;
  min-height: 360px;
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto; }
  .featured img {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto; }
  .featured h1 {
    font-size: 29px;
    font-size: 1.8125rem;
    line-height: .85em;
    margin-bottom: .45em;
    margin-left: -.125em; }
  .featured .pill {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: -0.01rem; }
    .featured .pill:hover {
      border: none !important; }
  @media only screen and (max-width: 1068px) {
    .featured .widthwrapper {
      position: absolute;
      margin: 0;
      bottom: 0;
      padding: 0; }
    .featured .panel-left, .featured .panel-right {
      float: none;
      margin: 0;
      width: 100%;
      bottom: 0; } }
  @media only screen and (max-width: 750px) {
    .featured {
      background-color: #fff; }
      .featured .widthwrapper {
        position: relative; }
      .featured article * {
        color: #000; }
      .featured img {
        position: relative; } }

.tile h2, .tile h3, .tile p {
  padding: 0 15px;
  min-width: 100%;
  display: block; }
.tile ul {
  padding: 0 35px; }
.tile ul.nodecoration {
  padding: 0 15px; }
.tile h2 {
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: -0.02rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 10px 0  15px;
  line-height: 1.15; }
  .tile h2 strong {
    font-weight: 600; }
.tile .tile-hat {
  margin: -2px; }
.tile .more {
  position: absolute;
  bottom: 20px;
  display: inline-block;
  margin: 20px 0 0 -5px;
  letter-spacing: 5%; }
.tile .icon.center {
  margin-top: 10px; }

.icon.right, .icon.left {
  margin: 15px; }

/* USERQUOTES */
blockquote.userquote {
  position: relative;
  margin: 25px 0 50px;
  padding-bottom: 20px; }
  @media only screen and (max-width: 750px) {
    blockquote.userquote {
      margin: 6px 0 25px;
      padding-bottom: 40px; } }
  blockquote.userquote p {
    font-weight: 600;
    letter-spacing: -0.08rem;
    text-align: center;
    padding: 20px 130px;
    line-height: 1.25em; }
    @media only screen and (max-width: 750px) {
      blockquote.userquote p {
        padding: 10px 15px;
        letter-spacing: -0.04rem; } }
  blockquote.userquote:before, blockquote.userquote:after {
    content: "";
    display: block;
    width: 63px;
    height: 52px;
    background: transparent url(../image/svg/open_quote_boris.svg);
    position: absolute; }
  blockquote.userquote:before {
    left: 30px; }
    @media only screen and (max-width: 750px) {
      blockquote.userquote:before {
        left: 0;
        width: 45px;
        background-size: 40px;
        background-repeat: no-repeat; } }
  blockquote.userquote:after {
    background: transparent url(../image/svg/close_quote_boris.svg);
    margin-top: -52px;
    right: 30px; }
    @media only screen and (max-width: 750px) {
      blockquote.userquote:after {
        right: 5px;
        margin-top: -72px;
        width: 40px;
        background-size: 40px;
        background-repeat: no-repeat; } }

/* LATEST BLOCK */
.latest {
  padding: 1% 3%;
  background-color: #f6f4f4;
  border-bottom: 1px solid #ccc;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); }
  .latest h4, .latest p, .latest ul {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1; }
  .latest h4 {
    margin: 5px  0  .5em 0 !important; }
  @media only screen and (max-width: 1068px) {
    .latest .module {
      margin: 10px auto;
      width: 525px;
      padding-left: 10px;
      float: none; } }
  @media only screen and (max-width: 750px) {
    .latest {
      margin: 10px 0;
      padding: 0; }
      .latest .module {
        margin: 0;
        width: auto; }
      .latest h4, .latest ul, .latest p {
        text-align: center !important;
        width: 100%;
        padding: 0; } }

.latest + .featurette {
  margin-top: 20px; }

img#platformicons {
  display: inline;
  margin-left: 245px;
  width: auto;
  height: 15px; }
  @media only screen and (max-width: 750px) {
    img#platformicons {
      display: none; } }

.platforms ul, .breadcrumbs ul {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-left: 50px; }
  @media only screen and (max-width: 750px) {
    .platforms ul, .breadcrumbs ul {
      margin: 0; } }
  .platforms ul a, .breadcrumbs ul a {
    color: #000000; }
    .platforms ul a:hover, .breadcrumbs ul a:hover {
      color: #ed6a3c; }

.platforms li:after, .breadcrumbs li:after {
  content: "/";
  display: inline-block;
  padding: 0 8px; }

.platforms li:last-of-type:after, .breadcrumbs li:last-of-type:after {
  content: ""; }

/* BUTTONS BLOCK */
.actionitems {
  margin: 13px 20px 0 0; }
  .actionitems a {
    margin-left: 15px; }
  @media only screen and (max-width: 1068px) {
    .actionitems {
      margin: 10px 0;
      text-align: center;
      width: 100%; } }
  @media only screen and (max-width: 750px) {
    .actionitems {
      margin: 10px 0;
      text-align: center;
      width: 100%; } }
  @media only screen and (max-width: 750px) {
    .actionitems a {
      display: block !important;
      width: 100% !important;
      margin: 0 0 5px 0; } }

/* BREADCRUMBS */
.breadcrumbs {
  padding: 15px  0  20px 10px; }
  .breadcrumbs a {
    font-size: 18px;
    font-size: 1.125rem;
    text-decoration: none;
    color: #000; }

.breadcrumbs + article {
  margin-top: 20px; }

article.press {
  margin: 0 3em; }

.creditposter {
  opacity: 0;
  width: 20%;
  margin-bottom: 0; }

.posterwrapper:after {
  content: "Images copyright respective owners";
  clear: left;
  display: block;
  margin: 5px 0 25px;
  font-size: 11px;
  font-size: 0.6875rem;
  text-align: right; }