/* Constants
-----------
"DarkBlue": #175092;
"Blue": #1669c7;
"LightBlue": #dee9f6;

"White": #f7f7f7;
"LightGray": #ededed;
"Gray": #b6b6b6;
"DarkGray": #727272;
"Black": #333;

border-radius: 5px;
=============
h1, h2 = DarkBlue
p = Black
.highlight-bg = LightBlue
body bg = White
-----------*/

@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext,greek);

/*------------- Sandbox ---------------*/

/* Royal Slider */
#gallery-custom {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}
/* Royal Slider */

.breakingnews {
  display: block;
  margin: -2.1em 0 -.4em 8.5em !important;
  white-space: nowrap;
  list-style: none;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*------------- Sandbox ---------------*/

.white {color: #f7f7f7 !important;}
.white-bg {background-color: #fff !important;}
.red {color: #f00 !important;}
.red-bg {background-color: #f00 !important;}
.blue {color: #175092 !important;}
.blue-bg {background-color: #1669c7 !important;}
.blue-bg:hover {background-color: #175092 !important;}
.lightblue-bg {background-color: #dee9f6 !important;}
.lightgray-bg {background-color: #ededed !important;}
.gray-bg {background-color: #dfdfdf !important;}
.green {color: #10be45 !important;}
.green-bg {background-color: #10be45 !important;}
.green-bg:hover {background-color: #096625 !important;}
.green-bg-al {background-color: #b0d87a !important;}
.orange {color: #e37412;}
.orange-bg-al {background-color: #ffa56f !important;}
.pink-bg {background-color: #f06e99 !important;}
.violet-bg {background-color: #791fd2 !important;}
.violet-bg:hover {background-color: #5c179f !important;}
.yellow-bg {background-color: #fff000 !important;}

.blind {visibility: hidden;}
.size80 {
  font-size: 80% !important;
  line-height: 1.5em !important;
  margin-bottom: .7em;
}

.dotted {border: 1px dotted #aaa !important;}

.noborder {border-style: none !important;}
.nomargin {margin: 0 !important;}
.margin-t-m1 {margin-top: -1em !important;}
.nopadding {padding: 0 !important;}
.upcase {text-transform: uppercase;}
.normcase {text-transform: none;}
.regular {font-weight: 400;}
.bld {font-weight: 700;}
.noitalic {font-style: normal !important;}
.box-shadow-off {
          box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.txt-shadow-black {
            text-shadow: 0 1px 0 #333;
    -webkit-text-shadow: 0 1px 0 #333;
}
.txt-shadow-white {
            text-shadow: 0 1px 0 #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
}

/*------------- Google Custom Search ---------------*/
.gsc-above-wrapper-area,
.gsc-resultsHeader {display: none !important;}
.gsc-webResult,
.gsc-result {border: 0 !important;}
.gsc-table-result {font-family: "Noto Sans", sans-serif !important;}
/*------------- Google Custom Search ---------------*/

.gr-bg {background-color: #dcdcdc !important;}
.co-bg {background-color: #abd3fe !important;}
.xe-bg {background-color: #b9e9fd !important;}
.ar-bg {background-color: #c7ffec !important;}
.li-bg {background-color: #cadbed !important;}

.orange-ow-bg {background-color: #f5bc78 !important;}
.yellow-ow-bg {background-color: #f9f6b7 !important;}
.green-ow-bg {background-color: #bfe1c3 !important;}
.blue-ow-bg {background-color: #b0d1ed !important;}
.violet-ow-bg {background-color: #ccc0de !important;}

.margin-halfem {margin: .5em 0 !important;}
.padding-halfem {padding: .5em !important;}
.border-tb1 {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.border-lr1 {
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
}

.americas {background-color: #fffaca !important;}
.europeaf {background-color: #e4ece6 !important;}
.uk {background-color: #fcdddd !important;}
.asiaau {background-color: #d9daee !important;}

.americas-h,
.europeaf-h,
.uk-h,
.asiaau-h {
  margin: 0 0 -.3em .5em;
  text-transform: uppercase;
}
.americas-h {color: #ffd458;}
.europeaf-h {color: #95c8b1;}
.uk-h {color: #ec8688;}
.asiaau-h {color: #7678af;}

.asterisk {color: #f00 !important;}
.ytube {color: #d31e29;}
.soundcloud:after {
  color: #f84b0d;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  content: "\0a0\f028";
}
.youtube:after {
  color: #d31e29;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  content: "\0a0\f16a";
}
.gradient {
  background: #f7f7f7;
  background: -moz-linear-gradient(top,  #f7f7f7 10%, #b8b8b8 95%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#f7f7f7), color-stop(95%,#b8b8b8));
  background: -webkit-linear-gradient(top,  #f7f7f7 10%,#b8b8b8 95%);
  background: -o-linear-gradient(top,  #f7f7f7 10%,#b8b8b8 95%);
  background: -ms-linear-gradient(top,  #f7f7f7 10%,#b8b8b8 95%);
  background: linear-gradient(to bottom,  #f7f7f7 10%,#b8b8b8 95%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#b8b8b8',GradientType=0 );
  margin-bottom: -70px;
  height: 70px;
}
.roof { /* Using flex */
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
          align-items: center;
     -moz-align-items: center;
  -webkit-align-items: center;
}
.v-middle {
  display: inline-block;
  vertical-align: middle;
}
.heading {
          box-shadow: inset 0 1px 0 #6e6e6e, 0 2px 2px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 1px 0 #6e6e6e, 0 2px 2px rgba(0, 0, 0, .3);
  margin-bottom: 2em;
  padding: 2em 0 0;
}
.logo-ci {
  line-height: 1.3em;
  margin-top: 1em;
  text-align: center;
}
  .logo-ci i {
    color: #1669c7;
    font-size: 1.5em;
  }
.assets {font-size: .7em;}

html {overflow-x: hidden; overflow-y: scroll;} /* Avoid horizontal site jumping due to show/hide scrollbar */
* {text-rendering: optimizeLegibility;}
body {
  background: #fcfcfc;
  color: #333;
  font: 100%/1.5em "Noto Sans", sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
     -moz-font-smoothing: subpixel-antialiased;
  height: auto; /* Fix for Fancybox */
}
h1 {
  display: block;
  font: 3.3em/1em "Open Sans Condensed", sans-serif;
  margin: .5em .25em;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
h2,
h3,
h4,
h5,
h6,
blockquote {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
}
h2,
h3,
.panel.callout h3,
blockquote {color: #175092;}
h2 {
  font-size: 1.5em;
  font-style: italic;
  margin-bottom: 1em;
  text-align: center;
}
h3 {
  font-size: 1.2em;
  line-height: 1.5 !important;
}
a,
a:hover,
.panel.callout a:not(.button),
.panel.callout a:not(.button):hover {color: #1669c7;}
a:hover {text-decoration: underline;}
blockquote {
  border: none;
  margin: 0;
  padding: 0;
}
  blockquote p {
  color: #175092 !important;
  font-style: italic;
  font-weight: 700;
}
  blockquote p:before {
    content:'“'
  }
  blockquote p:after {
  content:'”'
}
  blockquote cite {
    color: #333;
    font-size: .8em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.05em;
    margin-top: .5em;
    text-align: left;
  }
  blockquote cite:before {content: "— ";}
button,
.button {
  font-family: "Noto Sans", sans-serif;
  padding: .9em;
}
input, select {
  background-color: #fffce7 !important;
  /*box-shadow: inset 0 1px 0 rgba(0, 0, 0, .5) !important;*/
  color: #333;
  margin: 0 0 0 -.3em !important;
}
.products {height: 5.2em !important;}

.top-bar {
  opacity: .98;
  z-index: 900;
}
  nav.top-bar {text-align: center;} /* Centering top menu */
  section.top-bar-section {display: inline-block;} /* Centering top menu */
  .top-bar-section ul li > a {
    font-size: 1em;
    font-weight: 400;
  }
  .top-bar-section ul li ul li > a {
    font-size: .8em;
    margin-right: 1.5em; /* Gap between menu item and submenu mark */
    text-transform: none;
  }
  .top-bar-section .has-dropdown > a {padding-right: 1.5em !important; }
  .top-bar-section .has-dropdown > a:after {border: none;}
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    content: "❯";
    top: .175em;
    right: 1px;
  }
fieldset {border-radius: 5px;}
iframe,
object,
embed {
  border-radius: 5px;
  max-width: 100%;
}
.dropdown {
          box-shadow: 0 1px 7px rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .8);
  text-align: left;
}
.f-dropdown {
          box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
  opacity: .98;
}
.slogan {
  font: 130%/1.5em "Noto Sans", sans-serif;
  font-weight: 700;
  margin: -.2em 0 .8em;
  text-transform: none;
}
.main-spot {
  margin: 0 auto 1em;
  z-index: 10;
  /* Width of main spot image */
  max-width: 754px;
}
  .main-spot img {
            box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
  }


.price-tag-wrapper {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 97%;}
  .price-tag-wrapper table {
    display: block;
  }

/* Price tag */
.price-tag {
  border-collapse: separate;
  /*border-collapse: collapse;*/
  border: 1px dotted #1669c7;
}
  .col1 {width: 68% !important;}
  .col2 {width: 20% !important;}
  .price-tag td {
    background-color: #f7f7f7;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.2;
    padding: .5em;
  }
  .price-tag .title {
    font-weight: 700;
  }
  .price-tag .price {
    background-color: #dee9f6;
  }
  .price-tag .button {;
    margin: .2em 0;
    padding: .5em 1em;
  }
  .price-tag .features {
    background-color: #ececec;
    font-size: 0.8em;
    line-height: 1.4;
  }
    .price-tag .features ul {margin-bottom: 0 !important;}
/* Price tag */


.price-spot {
  display: block;
  margin: 0 auto 1em;
  padding: 0;
  position: relative;
  width: 275px;
  max-width: 100%;
  height: auto;
}
.mid-spot img {
  border-radius: 5px;
          box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}
.avatar {
  float: left;
  margin: .2em 0 0 0;
  padding: 0 .7em 0 0;
}
  .avatar img {border-radius: 5px;}

.first-p {
  font-style: italic;
  font-weight: 700;
}

.bcrumbs {
  font-size: .9em;
  font-style: italic;
  margin: 1.5em 0 .4em 0;
  text-align: center;
}
.fullwidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}
.panel {
  background: #ededed;
  border-width: 0;
          box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
  color: #333;
}
  .panel.callout {
    border-width: 0;
    background: #dee9f6;
    color: #333;
  }
  .panel figure {
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  .panel figure img,
  .bucket figure img {
    border-radius: 5px;
    display: inline-block;
    margin-bottom: .5em;
  }
  .panel figure figcaption {text-align: center;}
  .panel p {margin-bottom: .5em;}
.sidebar figure figcaption {
  margin-bottom: 1em;
  text-align: left;
}
.year-menu{
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 1.3em;
  text-align: center;
}
.rest-news {display: none;}
.sidebar-tbl {
  background: none;
  border: 0;
  display: inline-table;
  margin: 0 0 1.5em;
  width: 100%;
}
  .sidebar-tbl thead tr th, .sidebar-tbl tbody tr td {padding: .5em;}
  .sidebar-tbl thead tr th {
    background-color: #1669c7;
    color: #f7f7f7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
            text-shadow: none;
    -webkit-text-shadow: none;
  }
  .sidebar-tbl tfoot td {
    background-color: #1669c7;
    color: #f7f7f7;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: .2em;
  }
  .sidebar-tbl td {
    padding: .2em .3em;
  }

.spot {margin: 1em 5px;}
.gal-announce {margin: 0 .5em !important;}
.spot img {
  border-radius: 5px;
          box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
  display: block;
  margin: .5em auto;
}
.ss-announce {
  margin: 0 auto 1.5em !important;
}
  .ss-announce figure {
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
  }
  .ss-announce figure img {
    border-radius: 5px;
            box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
  }
.ss-announce-padding {padding: 2px !important;}
li form {min-width: 150px;}
.ten-benefits {margin-top: 1.5em;}
  .ten-benefits b {display: block;}

.tbl {
  margin: 1.5em .5em;
  overflow-x: auto;
  text-align: center;
}
table {
  border: 1px solid #ddd;
  border-collapse: separate;
  border-radius: 3px;
  border-spacing: 1px;
  display: inline-block;
  margin: 0;
}
  table caption {color: #333;}
  table thead tr th {
    background: #ddd;
    text-align: center;
            text-shadow: 0 1px 0 #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
  }
  table tfoot {background: #fff;}
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {color: #333;}
    table tfoot tr td {border-top: 1px solid #727272;}
  table tfoot tr td {font-weight: normal;}
  table tr th,
  table tr td {color: #333;}
    table tr.even,
    table tr.alt,
    table tr:nth-of-type(even) {background: #ededed;}
    table tr:nth-of-type(odd) {background: #fafafa;}
  table tbody td ul li, table tbody td ol li {font-size: .875rem;}

/* Menu icons */
.m-co, .m-xe,
.m-ar, .m-gr,
.m-kn, .m-ow,
.m-r,  .m-sr,
.m-dg, .m-do,
.m-dp, .m-fg,
.m-ds, .m-al,
.m-td, .m-rd,
.m-sf, .m-ge,
.m-sl, .m-li, .m-sh {
  background: url(../images/sprites.png) no-repeat;
  display: inline-block;
  margin: -.1em .3em 0 0;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
.m-co {background-position: -449px 0;}
.m-xe {background-position: -473px 0;}
.m-ar {background-position: -497px 0;}
.m-gr {background-position: -521px 0;}
.m-kn {background-position: -449px -24px;}
.m-ow {background-position: -473px -24px;}
.m-r  {background-position: -497px -24px;}
.m-sr {background-position: -521px -24px;}
.m-dg {background-position: -449px -48px;}
.m-do {background-position: -473px -48px;}
.m-dp {background-position: -497px -48px;}
.m-fg {background-position: -521px -48px;}
.m-ds {background-position: -449px -72px;}
.m-al {background-position: -473px -72px;}
.m-td {background-position: -497px -72px;}
.m-rd {background-position: -521px -72px;}
.m-sf {background-position: -449px -96px;}
.m-ge {background-position: -473px -96px;}
.m-sl {background-position: -497px -96px;}
.m-li {background-position: -545px 0px;}
.m-sh {background-position: -521px -96px;}

/* Logos */
.logo-gr, .logo-gr7,
.logo-gr8, .logo-gs8,
.logo-gr9, .logo-gs9,
.logo-co7, .logo-cs7,
.logo-co8, .logo-cs8,
.logo-co9, .logo-cs9,
.logo-xe7,
.logo-xe8, .logo-xe9,
.logo-ar7,
.logo-ar8, .logo-ar9,
.logo-gr10, .logo-gs10,
.logo-sf, .logo-ge,
.logo-co, .logo-xe,
.logo-ar, .logo-sh,
.logo-sg, .logo-sc,
.logo-al, .logo-ae,
.logo-aa,
.logo-kn,
.logo-kn1, .logo-kn2,
.logo-win, .logo-mac,
.logo-os, .logo-av,
.logo-do, .logo-dd,
.logo-da, .logo-fg,
.logo-r, .logo-sr,
.logo-td, .logo-ow,
.logo-db, .logo-av-small,
.logo-ps, .logo-rfyd,
.logo-cxa, .qr-code,
.logo-articles, .logo-proven,
.logo-gr11, .logo-co10,
.logo-xe10, .logo-ar10,
.logo-gr12, .logo-gs11,
.logo-co11, .logo-xe11,
.logo-ar11, .logo-cs11,
.logo-gs12,
.logo-co12, .logo-xe12,
.logo-ar12, .logo-li12, 
.logo-cs12, .logo-gr13se {
  background: url(../images/sprites.png) no-repeat;
  display: inline-block;
  margin: 10px;
  position: relative;
  vertical-align: middle;
}
.logo-gr {
  background-position: 0 -334px;
  width: 78px;
  height: 85px;
}
.logo-gr7 {
  background-position: -674px -248px;
  width: 78px;
  height: 85px;
}
.logo-gr8 {
  background-position: -649px -333px;
  width: 78px;
  height: 85px;
}
.logo-gs8 {
  background-position: -317px -334px;
  width: 95px;
  height: 84px;
}
.logo-gr9 {
  background-position: -156px -334px;
  width: 83px;
  height: 85px;
}
.logo-gs9 {
  background-position: -342px -590px;
  width: 84px;
  height: 85px;
}
.logo-gr10 {
  background-position: -87px -675px;
  width: 85px;
  height: 85px;
}
.logo-gs10 {
  background-position: -342px -675px;
  width: 85px;
  height: 85px;
}
.logo-sf {
  background-position: -239px -334px;
  width: 78px;
  height: 84px;
}
.logo-co {
  background-position: 0 -79px;
  width: 82px;
  height: 85px;
}
.logo-co7 {
  background-position: -437px -248px;
  width: 82px;
  height: 85px;
}
.logo-co8 {
  background-position: -412px -333px;
  width: 82px;
  height: 85px;
}
.logo-cs7, 
.logo-cs8 {
  background-position: -146px -79px;
  width: 97px;
  height: 84px;
}
.logo-co9 {
  background-position: -87px -590px;
  width: 85px;
  height: 85px;
}
.logo-cs9 {
  background-position: -426px -590px;
  width: 85px;
  height: 85px;
}
.logo-xe {
  background-position: 0 -164px;
  width: 77px;
  height: 85px;
}
.logo-xe7 {
  background-position: -519px -248px;
  width: 77px;
  height: 85px;
}
.logo-xe8 {
  background-position: -494px -333px;
  width: 77px;
  height: 85px;
}
.logo-xe9 {
  background-position: -172px -590px;
  width: 85px;
  height: 85px;
}
.logo-ar {
  background-position: 0 -249px;
  width: 78px;
  height: 85px;
}
.logo-ar7 {
  background-position: -596px -248px;
  width: 78px;
  height: 85px;
}
.logo-ar8 {
  background-position: -571px -333px;
  width: 78px;
  height: 85px;
}
.logo-ar9 {
  background-position: -257px -590px;
  width: 85px;
  height: 85px;
}
.logo-sh {
  background-position: -219px -249px;
  width: 82px;
  height: 85px;
}
.logo-sg {
  background-position: -317px -334px;
  width: 95px;
  height: 84px;
}
.logo-sc {
  background-position: -146px -79px;
  width: 97px;
  height: 84px;
}
.logo-al {
  background-position: 0 -568px;
  width: 87px;
  height: 85px;
}
.logo-ae {
  background-position: -243px -79px;
  width: 87px;
  height: 85px;
}
.logo-aa {
  background-position: -331px -79px;
  width: 87px;
  height: 85px;
}
.logo-kn,
.logo-kn1,
.logo-kn2 {
  background-position: -78px -249px;
  width: 57px;
  height: 85px;
}
.logo-ge {
  background-position: -78px -334px;
  width: 78px;
  height: 85px;
}
.logo-ps {
  background-position: 0 -485px;
  width: 83px;
  height: 83px;
}
.logo-db {
  background-position: -467px -419px;
  width: 78px;
  height: 85px;
}
.logo-do {
  background-position: -67px -419px;
  width: 85px;
  height: 66px;
}
.logo-dd {
  background-position: 0 -419px;
  width: 67px;
  height: 66px;
}
.logo-da {
  background-position: -152px -419px;
  width: 80px;
  height: 66px;
}
.logo-fg {
  background-position: -232px -419px;
  width: 79px;
  height: 85px;
}
.logo-r {
  background-position: -389px -419px;
  width: 78px;
  height: 85px;
}
.logo-sr {
  background-position: -311px -419px;
  width: 78px;
  height: 85px;
}
.logo-td {
  background-position: -354px -249px;
  width: 83px;
  height: 83px;
}
.logo-ow {
  background-position: -142px -190px;
  width: 78px;
  height: 59px;
}
.logo-rfyd {
  background-position: -365px 0;
  width: 84px;
  height: 39px;
}
.logo-cxa {
  background-position: -135px -249px;
  width: 84px;
  height: 85px;
}
.logo-articles {
  background-position: -84px -485px;
  width: 83px;
  height: 83px;
}
.logo-proven {
  background-position: 0 -485px;
  width: 83px;
  height: 83px;
}
.logo-os {
  background-position: -234px 0;
  margin-top: 1.5em;
  width: 32px;
  height: 76px;
}
.logo-mac {
  background-position: -234px 0;
  margin-top: 1.5em;
  width: 32px;
  height: 43px;
}
.logo-win {
  background-position: -266px 0;
  margin-top: 1.5em;
  width: 32px;
  height: 43px;
}
.logo-gr11 {
  background-position: -596px -590px;
  width: 82px;
  height: 85px;
}
.logo-co10 {
  background-position: -511px -505px;
  width: 85px;
  height: 85px;
}
.logo-xe10 {
  background-position: -596px -505px;
  width: 85px;
  height: 85px;
}
.logo-ar10 {
  background-position: -511px -590px;
  width: 85px;
  height: 85px;
}
.logo-gs11 {
  background-position: -398px -145px;
  width: 98px;
  height: 98px;
}
.logo-gr12 {
  background-position: -678px -590px;
  width: 78px;
  height: 85px;
}
.logo-co11{
  background-position: -511px -675px;
  width: 83px;
  height: 85px;
} 
.logo-xe11{
  background-position: -593px -677px;
  width: 87px;
  height: 83px;
}
.logo-ar11{
  background-position: -680px -675px;
  width: 86px;
  height: 85px;
}
.logo-cs11{
  background-position: -426px -675px;
  width: 82px;
  height: 84px;
}
.logo-gs12{
  background-position: -496px -150px;
  width: 97px;
  height: 98px;
}
.logo-co12{
  background-position: -766px -505px;
  width: 85px;
  height: 85px;
}
.logo-xe12{
  background-position: -766px -590px;
  width: 85px;
  height: 85px;
}
.logo-ar12{
  background-position: -766px -675px;
  width: 85px;
  height: 85px;
}
.logo-li12{
  background-position: -681px -505px;
  width: 85px;
  height: 85px;
}
.logo-cs12{
  background-position: -425px -504px;
  width: 86px;
  height: 86px;
}
.logo-gr13se{
  background-position: -172px -675px;
  width: 76px;
  height: 85px;
}
/* Overlay logos */
.logo-ebay,
.maple-leaf,
.spotlight,
.v8,
.lastv8,
.lastv9,
.lastv10,
.lastv11,
.lastv12,
.rate-novice {
  background: url(../images/sprites.png) no-repeat;
  position: absolute;
}
.logo-ebay {
  background-position: 0 -43px;
  top: 7px;
  right: 20px;
  width: 66px;
  height: 29px;
}
.maple-leaf {
  background-position: -181px -164px;
  top: 7px;
  right: 20px;
  width: 22px;
  height: 26px;
}
.spotlight {
  background-position: -279px -214px;
  opacity: .9;
  bottom: 0;
  right: -5px;
  width: 35px;
  height: 35px;
}
.v8 {
  background-position: -407px -39px;
  bottom: 0;
  right: -5px;
  width: 42px;
  height: 29px;
}
.lastv8 {
  background-position: 0 0;
  opacity: .85;
  bottom: -10px;
  left: -10px;
  width: 42px;
  height: 43px;
}
.lastv9 {
  background-position: -42px 0;
  opacity: .85;
  bottom: 0;
  left: 0;
  width: 42px;
  height: 43px;
}
.lastv10 {
  background-position: -84px 0;
  opacity: .85;
  bottom: 0;
  left: 0;
  width: 42px;
  height: 43px;
}
.lastv11 {
  background-position: -126px 0;
  opacity: .85;
  bottom: 0;
  left: 0;
  width: 42px;
  height: 43px;
}
.lastv12 {
  background-position: -168px 0;
  opacity: .85;
  bottom: 0;
  left: 0;
  width: 42px;
  height: 43px;
}
/* Vector SVG-based AV logo
.logo-av {
  background-image: url(../images/logo-av.svg);
  background-size: 230px 50px;
  width: 230px;
  height: 50px;
}
*/
.logo-av {
  background-image: url(../images/sprites.png);
  background-position: -167px -504px;
  width: 230px;
  height: 50px;
}
.logo-av-small {
  background-image: url(../images/logo-av-small.svg);
  background-size: 145px 38px;
  display: block;
  margin: 3px auto -3px;
  width: 145px;
  height: 38px;
}
.qr-code {
  background-position: -337px -315px;
  margin-top: .5em;
  width: 17px;
  height: 17px;
}

/* Hide text block */
  article .rest-text,
  .child {display: none;}
    .child * {
      display: inline-block !important;
      vertical-align: middle;
      width: auto !important;
    }
    .child input,
    .child select {margin: 0 1em 0 .5em !important;}

.star,
.rate-novice,
.rate-intermediate,
.rate-advanced {background-image: url(../images/star-rating.png);}
.star {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
}
.rate-novice,
.rate-intermediate,
.rate-advanced {
  background-repeat: repeat-y;
  position: absolute;
  top: -15px;
  right: -16px;
  width: 20px;
}
.rate-novice {height: 20px;}
.rate-intermediate {height: 40px;}
.rate-advanced {height: 60px;}

/* Partner logos */
.logo-p-ac,
.logo-p-cn,
.logo-p-rc,
.logo-p-tm,
.logo-p-so,
.logo-p-ef {
  background: url(../ashlar-vellum/images/partners-logos.png) no-repeat;
  display: inline-block;
  width: 308px;
}
.logo-p-ac {
  background-position: 0 0;
  height: 57px;
}
.logo-p-cn {
  background-position: 0 -57px;
  height: 76px;
}
.logo-p-rc {
  background-position: 0 -133px;
  height: 112px;
}
.logo-p-tm {
  background-position: 0 -245px;
  height: 81px;
}
.logo-p-so {
  background-position: 0 -326px;
  height: 55px;
}
.logo-p-ef {
  background-position: 0 -381px;
  height: 100px;
}

/* CADs logos */
.logo-cad-mm,
.logo-cad-cc,
.logo-cad-lt,
.logo-cad-rn {
  background-image: url(../articles/images/sheet-metal-cads.png);
  display: inline-block;
  width: 180px;
}
.logo-cad-mm {
  background-position: 0 0;
  height: 48px;
}
.logo-cad-cc {
  background-position: 0 -48px;
  height: 37px;
}
.logo-cad-lt {
  background-position: 0 -85px;
  height: 28px;
}
.logo-cad-rn {
  background-position: 0 -113px;
  height: 45px;
}

footer {
  background-color: #333;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
          box-shadow: inset 0 1px 0 #6e6e6e, 0 2px 2px rgba(0, 0, 0, .4);
  -webkit-box-shadow: inset 0 1px 0 #6e6e6e, 0 2px 2px rgba(0, 0, 0, .4);
  color: #fff;
  padding: 1em;
  width: 100%;
}
footer p {
  font-size: .8em;
          text-shadow: 0 1px 1px #222;
  -webkit-text-shadow: 0 1px 1px #222;
}
footer a,
footer a:hover {color: #fff;}
  footer a:hover {text-decoration: underline;}

/* Debug ghost elements
* {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}
*/