@charset "UTF-8";
/* ------------------------------------------------------------
   Third Party
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Global Project Styles
   ------------------------------------------------------------ */
/* -------------------------------------------------------------
    Font Color Variables
    ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Font Variables
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Font Size Variables
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Font Style Variables
   ------------------------------------------------------------ */
/* ----------------------------------------
   Unicode
   ----------------------------------------*/
/* ------------------------------------------------------------
   Animations & Transitions
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Spacing Variables
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Expertise Breakpoints
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Functions for Breakpoints/Typography, based on Matt Hinchliffe's work
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Mixins for Breakpoints/Typography, based on Matt Hinchliffe's work
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Global Site Settings
   ------------------------------------------------------------ */
a {
  color: #c60000;
  cursor: pointer;
  text-decoration: none;
}
a img {
  border: 0 none;
}

.clearfix {
  display: block;
}
.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

form {
  margin: 0;
  display: inline;
}

div {
  outline: 0 none;
}

input {
  outline: medium none;
}

select {
  outline: medium none;
}

button {
  outline: medium none;
}

textarea {
  outline: medium none;
}

.clear {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0;
}

.page-wrapper {
  background-color: transparent;
  margin: 0 auto;
  width: 982px;
}

/* ------------------------------------------------------------
   Grid System thanks to lovely Susy susy.oddbird.net
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Responsive Typography, based on Matt Hinchliffe's work
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Accordion Global Classes, mainly used for JS
   ------------------------------------------------------------ */
.manage-btn-inbox {
  background: #d4d2cc;
  position: relative;
  height: 16px;
  color: #030000;
  font-size: 11px;
  font-family: frutigerneue;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

.manage-btn-inbox::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #d4d2cc;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: 100%;
  margin-top: -10px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 0;
}

.manage-btn-inbox:hover {
  background: #E2001A;
  color: #ffffff;
}

.manage-btn-inbox:hover::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #E2001A;
}

#header {
  background-color: #f1f0ef;
  font-family: FrutigerNeue, Helvetica, Arial, sans-serif;
  font-size: 10px;
  margin-bottom: 12px;
  z-index: 7;
}
#header .shadow-box-content {
  border-top: 5px solid #da0019;
  -webkit-box-shadow: inset 0 2px 3px -1px #b0b0b0;
  -moz-box-shadow: inset 0 2px 3px -1px #b0b0b0;
  box-shadow: inset 0 2px 3px -1px #b0b0b0;
  background-color: #ffffff;
  display: block;
  font-size: 14px;
  position: relative;
  z-index: 1;
}
#header .shadow-box-content .topHeader {
  height: 90px;
  margin: 0 auto;
  position: relative;
  width: 980px;
}
#header .shadow-box-content .topHeader #logo {
  height: 45px;
  left: 0;
  position: absolute;
  top: 34px;
  width: 120px;
}
#header .shadow-box-content .topHeader .topHeaderMenu {
  float: right;
  width: 80%;
  line-height: normal;
}
#header .shadow-box-content .topHeader .topHeaderMenu #font-sampler .fontname-sample {
  color: #d4d2cc;
  font-size: 36px;
  margin-top: 2px;
}
#header .shadow-box-content .topHeader .topHeaderMenu #account-menu {
  position: relative;
  float: right;
  font-family: FrutigerNeue, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  height: 30px;
  margin: 5px 0 0 10px;
}
#header .shadow-box-content .topHeader .topHeaderMenu #account-menu #account-select {
  display: inline;
}
#header .shadow-box-content .topHeader .topHeaderMenu #account-menu a.icon-ico-account {
  background: transparent none repeat scroll 0 0;
  color: #000000;
  font-size: 25px;
  height: auto;
  margin-right: 16px;
  padding-bottom: 8px;
  padding-left: 0;
  text-decoration: none;
}
#header .shadow-box-content .topHeader .topHeaderMenu #account-menu a.icon-favorites {
  background: transparent none repeat scroll 0 0;
  color: #000000;
  font-size: 25px;
  height: auto;
  margin-right: 16px;
  padding-bottom: 8px;
  padding-left: 0;
  text-decoration: none;
}
#header .shadow-box-content .topHeader .topHeaderMenu #account-menu #account-options .icon-shoppingcart span.txt {
  line-height: 36px;
  margin-left: 24px;
  width: 52%;
}
#header .shadow-box-content .topHeader .topHeaderMenu #account-menu #account-options .icon-ico-account {
  color: #000000;
  font-size: 19px;
}
#header .shadow-box-content .topHeader .topHeaderMenu #account-menu #account-options .desktopicon {
  margin-left: 4px;
  margin-right: 3px;
  vertical-align: bottom;
}
#header .shadow-box-content .topHeader .topHeaderMenu #account-menu #account-options .logoutmenu {
  margin-left: 7px;
  margin-right: 2px;
  vertical-align: bottom;
}
#header .shadow-box-content .topHeader .topHeaderMenu #account-menu #account-options .logouttext {
  color: #e2001a;
}
#header .shadow-box-content .topHeader .topHeaderMenu #language-select {
  color: #888582;
  cursor: pointer;
  float: right;
  font-family: FrutigerNeue, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin: 14px 1px 0 0;
  padding-right: 10px;
  position: absolute;
  right: 0;
  z-index: 1;
}
#header .shadow-box-content .topHeader .topHeaderMenu #language-select .lang-box {
  background: #b6b2af none repeat scroll 0 0;
  color: #ffffff;
  float: right;
  font-size: 10px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  right: 25px;
  text-align: center;
  top: 4px;
  width: 24px;
}
#header .shadow-box-content .topHeader .topHeaderMenu #language-select #language-options {
  background: #ffffff none repeat scroll 0 0;
  -webkit-box-shadow: 0px 0px 5px 0px #000000;
  -moz-box-shadow: 0px 0px 5px 0px #000000;
  box-shadow: 0px 0px 5px 0px #000000;
  display: none;
  height: 78px;
  padding: 3px 10px 0 0;
  position: absolute;
  right: 15px;
  top: 22px;
  width: 100px;
  z-index: 999;
}
#header .shadow-box-content .topHeader .topHeaderMenu #language-select #language-options .lang-opt {
  color: #888582;
  display: block;
  height: 15px;
  line-height: 17px;
  padding: 5px 0;
  white-space: nowrap;
}
#header .shadow-box-content .topHeader .topHeaderMenu #language-select #language-options .lang-opt .label {
  float: right;
  font-family: FrutigerNeue, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin-right: 30px;
}
#header .shadow-box-content .topHeader .topHeaderMenu #language-select #language-options .lang-box {
  right: 0;
  text-transform: uppercase;
}
#header .shadow-box-content .topHeader .topHeaderMenu #language-select a.lang-opt {
  position: relative;
}
#header .shadow-box-content .topHeader .topHeaderMenu #language-select.icon-arrow-combo {
  color: #b6b2af;
  line-height: 24px;
  position: absolute;
  right: 136px;
  top: -5px;
}
#header .shadow-box-content .topHeader #font-sampler {
  float: left;
  margin-left: 5%;
  margin-top: 12px;
  width: 57%;
  color: #afaaa7;
  font-size: 10px;
  text-align: center;
}
#header .shadow-box-content .topHeader #font-sampler a {
  color: #afaaa6;
  display: block;
  font-size: 10px;
  margin-bottom: 4px;
  text-decoration: none;
  white-space: nowrap;
}
#header .shadow-box-content .nav-bar {
  background: #000000 none repeat scroll 0 0;
}
#header .shadow-box-content .nav-bar .navigation-bar {
  background: #000000 none repeat scroll 0 0;
  height: 70px;
  margin: 19px auto 0;
}
#header .shadow-box-content .nav-bar .navigation-bar:lang(en) {
  width: 980px;
}
#header .shadow-box-content .nav-bar .navigation-bar:lang(de) {
  width: 1008px;
}
#header .shadow-box-content .nav-bar .navigation-bar:lang(fr) {
  width: 1105px;
}
#header .shadow-box-content .nav-bar .navigation-bar:lang(es) {
  width: 1128px;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu {
  float: left;
  height: 50px;
  line-height: 50px;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu li.main a.main {
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: normal;
  padding: 0 40px 0 0;
  text-transform: uppercase;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu li.main .arrow {
  bottom: 23px;
  color: #000000;
  display: none;
  font-size: 16px;
  height: 8px;
  left: 45px;
  position: relative;
  z-index: 1;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu li.main ul.submenu {
  background: #ffffff none repeat scroll 0 0;
  display: none;
  left: -1px;
  position: absolute;
  top: 50px;
  z-index: 0;
  border: 5px solid #000000;
  border-top: none;
  padding: 0 16px 5px;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu li.main ul.submenu li {
  display: block;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu li.main ul.submenu li .top {
  display: block;
  height: 15px;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu li.main ul.submenu li a {
  color: #888582;
  display: block;
  height: 26px;
  line-height: 27px;
  white-space: nowrap;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu li.main ul.submenu li a:hover {
  color: #000000;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu li.main ul.submenu li a span.subnav-bullet::before {
  content: "›";
  font-size: 13px;
  padding-right: 8px;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu li.main ul.submenu li .bottom {
  display: block;
  height: 10px;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu li.active a.main {
  color: #a19d9d;
}
#header .shadow-box-content .nav-bar .navigation-bar #main-menu li.active .icon-arrowdownnavigationselected {
  display: block;
}
#header .shadow-box-content .nav-bar .navigation-bar ul.menu {
  font-family: FrutigerNeue, Helvetica, Arial, sans-serif;
  font-size: 13px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#header .shadow-box-content .nav-bar .navigation-bar ul.menu li.main {
  float: left;
  position: relative;
  z-index: 0;
}
#header .shadow-box-content .nav-bar .navigation-bar ul li a {
  text-decoration: none;
}
#header .header-wrapper-for-shadow {
  -webkit-box-shadow: 0 2px 3px -1px #b0b0b0;
  -moz-box-shadow: 0 2px 3px -1px #b0b0b0;
  box-shadow: 0 2px 3px -1px #b0b0b0;
}

.shadow-box {
  position: relative;
}

#account-menu div {
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 45px;
  width: 10px;
}
#account-menu a {
  /*background: transparent url("../images/header/account-menu-icons.png") no-repeat scroll 0 0;*/
  color: #888582;
  float: left;
  font-size: 10px;
  height: 18px;
  line-height: 20px;
  margin-right: 10%;
  margin-top: 5px;
  overflow: hidden;
  padding-left: 25px;
  text-transform: uppercase;
}
#account-menu a.icon-shoppingcart {
  background: transparent none repeat scroll 0 0;
  color: #000000;
  font-size: 25px;
  height: auto;
  margin-right: 16px;
  padding-bottom: 8px;
  padding-left: 0;
  text-decoration: none;
  margin-right: 0;
  width: 31px;
}
#account-menu .icon-favorites {
  position: relative;
}
#account-menu .icon-favorites span {
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  left: 5px;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 25px;
}
#account-menu .icon-shoppingcart {
  position: relative;
}
#account-menu .icon-shoppingcart span {
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  left: 5px;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 25px;
}
#account-menu #account-options {
  background: #ffffff none repeat scroll 0 0;
  border: 4px solid #000000;
  display: none;
  height: auto;
  margin-left: 3px;
  padding-left: 0;
  position: absolute;
  right: 0;
  top: 48px;
  width: 216px;
  z-index: 10;
}
#account-menu #account-options span.icon-arrowdownnavigationhover {
  right: 96px;
}
#account-menu #account-options a {
  background-position: 16px 8px;
  border-bottom: 1px solid #e7e6e4;
  display: block;
  height: 34px;
  margin-right: 0;
  margin-top: 0;
  padding: 2px 16px;
  text-transform: none;
  width: 84%;
}
#account-menu .shopping-minicart {
  background: #ffffff none repeat scroll 0 0;
  border: 4px solid #000000;
  height: auto;
  position: absolute;
  right: 0;
  top: 48px;
  width: 212px;
  z-index: 9;
}
#account-menu .shopping-minicart span.icon-arrowdownnavigationhover {
  color: #000000;
  font-size: 22px;
  position: absolute;
  top: -20px;
  transform: rotate(180deg);
}
#account-menu #account-select div.account-login-popup {
  background: #ffffff none repeat scroll 0 0;
  border: 4px solid #000000;
  height: 192px;
  position: absolute;
  right: 0;
  top: 48px;
  width: 216px;
  z-index: 9;
  display: none;
}
#account-menu #account-select div.account-login-popup span.icon-arrowdownnavigationhover {
  right: 96px;
}
#account-menu #account-select div.account-login-popup p {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
  font-family: GenerisSerifCom;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  height: 24px;
  line-height: 24px;
  margin: 0 0 12px;
  padding: 6px 16px;
}
#account-menu li.minicart-item div {
  height: auto;
  width: auto;
}
#account-menu li.minicart-item div.cart-item-head {
  height: auto;
  width: auto;
}
#account-menu li.minicart-item div.cart-item-head p {
  background: transparent none repeat scroll 0 0;
  float: right;
  padding-left: 0;
  text-align: left;
  text-decoration: none;
  width: 74%;
}
#account-menu li.minicart-item div.cart-item-head a {
  background: transparent none repeat scroll 0 0;
  color: #888582;
  font-family: frutigerneue;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  height: auto;
  line-height: 14px;
  overflow: visible;
  padding-left: 0;
  text-transform: none;
}
#account-menu .minicart-item .cart-item-image {
  float: left;
  width: 14%;
}
#account-menu .minicart-item .cart-item-desc {
  float: right;
  height: auto;
  padding-top: 0;
  width: 80%;
}
#account-menu .minicart-item .cart-item-desc .license-type {
  color: #000000;
  display: inline-block;
  font-family: frutigerneue;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  margin-top: 2px;
  text-transform: uppercase;
  width: auto;
}
#account-menu .minicart-item .cart-item-desc .cart-item-price {
  color: #000000;
  float: right;
  font-family: frutigerneue;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  margin-top: 2px;
}
#account-menu ul.minicart-items .minicart-item .clearfix {
  height: auto;
}
#account-menu .mini-cart-total-label {
  color: #888582;
  font-family: frutigerneue;
  font-size: 11px;
  font-weight: bold;
  height: auto;
  margin-left: 10%;
  padding: 12px 11px 20px 28px;
  width: 80%;
}
#account-menu .mini-cart-total-label .mini-cart-total-price {
  color: #000000;
  float: right;
  margin-right: 21px;
}
#account-menu .view-checkout-btn {
  padding-left: 11px;
  padding-right: 11px;
  position: relative;
  width: 89%;
}
#account-menu .view-checkout-btn a.checkout {
  background: #cc0000 none repeat scroll 0 0;
  color: #ffffff;
  float: right;
  font-family: frutigerneue;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 9% 0 0;
  padding: 4px 6px;
  text-decoration: none;
}
#account-menu .view-checkout-btn a.checkout::after {
  border-color: rgba(175, 170, 167, 0) rgba(175, 170, 167, 0) rgba(175, 170, 167, 0) #cc0000;
  border-image: none;
  border-style: solid;
  border-width: 13px;
  content: " ";
  height: 0;
  left: 86.8%;
  margin-top: -13px;
  pointer-events: none;
  position: absolute;
  top: 40%;
  width: 0;
}
#account-menu .view-checkout-btn a.viewcart {
  background: #aeaeae none repeat scroll 0 0;
  color: #ffffff;
  float: right;
  font-family: frutigerneue;
  font-size: 12px;
  font-weight: bold;
  margin-right: 1px;
  padding: 4px 15px;
  text-decoration: none;
}
#account-menu .favourite-items {
  background: #ffffff none repeat scroll 0 0;
  border: 4px solid #000000;
  height: auto;
  min-width: 255px;
  position: absolute;
  right: 0;
  top: 48px;
  z-index: 9;
}
#account-menu .favourite-items:lang(en) {
  width: 250px;
}
#account-menu .favourite-items:lang(es) {
  width: 280px;
}
#account-menu .favourite-items:lang(fr) {
  width: 290px;
}
#account-menu .favourite-items:lang(de) {
  min-width: 305px;
}
#account-menu .noelement {
  border: medium none;
}
#account-menu .favourite-item-details {
  float: left;
  margin-top: 0;
  margin-left: 12px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#page-search {
  float: right;
}
#page-search #page-search-form {
  height: 25px;
  padding: 8px 0 0 7px;
  width: 166px;
}
#page-search #page-search-form #page-search-input {
  float: right;
  position: relative;
}
#page-search #page-search-form #page-search-input #page-search-input-in {
  background-color: #f1f0ef;
  border: 0 none;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 2px 3px -1px #b0b0b0;
  -moz-box-shadow: inset 0 2px 3px -1px #b0b0b0;
  box-shadow: inset 0 2px 3px -1px #b0b0b0;
  color: #888582;
  float: left;
  font-family: frutigerneue;
  font-size: 16px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 2px 0 2px 32px;
  width: 166px;
}
#page-search #page-search-form #page-search-input span.icon-search {
  left: 6px;
  margin-top: 6px;
  position: absolute;
}
#page-search #page-search-form #page-search-input #page-search-input-go {
  background: transparent url("../images/header/page-search-go-no-border.png") repeat-x scroll 0 0;
  border: 0 none;
  bottom: 6px;
  cursor: pointer;
  display: none;
  height: 18px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 8px;
  width: 18px;
}

.topHeaderMenu #account-menu a.icon-favorites {
  margin-top: 6px;
}
.topHeaderMenu #account-menu a.icon-favorites:hover + .favourite-items {
  display: block;
}
.topHeaderMenu #account-menu #account-select a.icon-ico-account:hover + .account-login-popup {
  display: block;
}
.topHeaderMenu #account-menu #account-select .account-login-popup:hover {
  display: block;
}
.topHeaderMenu #account-menu .favourite-items:hover {
  display: block;
}
.topHeaderMenu #account-menu a.icon-shoppingcart:hover + .shopping-minicart {
  display: block;
}
.topHeaderMenu #account-menu .shopping-minicart:hover {
  display: block;
}
.topHeaderMenu #language-select:hover #language-options {
  display: block;
}

.topHeader #account-menu #account-select .account-login-popup span.icon-arrowdownnavigationhover {
  color: #000000;
  font-size: 22px;
  position: absolute;
  top: -20px;
  transform: rotate(180deg);
}
.topHeader #account-menu #account-options p {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
  font-family: GenerisSerifCom;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  margin: 0;
  padding: 6px 16px;
}

#account-options span.icon-arrowdownnavigationhover {
  color: #000000;
  font-size: 22px;
  position: absolute;
  top: -20px;
  transform: rotate(180deg);
}

#breadcrumb {
  min-height: 42px;
  background-color: #f1f0ef;
  height: 42px;
}
#breadcrumb .shadow-box-content {
  height: 32px;
  padding-left: 20px;
  line-height: normal;
}
#breadcrumb .shadow-box-content .breadcrumb {
  color: #888582;
  float: left;
  font-family: FrutigerNeue, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  height: 32px;
  line-height: 32px;
  padding-right: 10px;
  text-decoration: none;
}
#breadcrumb .shadow-box-content .breadcrumb::after {
  content: "›";
  padding-left: 6px;
}
#breadcrumb .shadow-box-content .breadcrumb span.arrow {
  bottom: 18px;
  color: #ffffff;
  display: none;
  font-size: 15px;
  height: 7px;
  position: absolute;
}

.input-field {
  -webkit-border-radius: content-box;
  border-radius: content-box;
  -moz-border-radius: content-box;
  padding: 0 9px 0 3px;
  width: 100%;
  height: 18px;
  border: 1px solid #b1aaa7;
  border-radius: 3px;
  background-color: #ffffff;
  color: #3d3938;
  font-size: 12px;
  line-height: 18px;
}

.account-login-popup input[type="text"] {
  border: 1px solid #d5d3cd;
  border-radius: 3px;
  color: #888582;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 10px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 4px 8px;
  width: 78%;
}
.account-login-popup input[type="password"] {
  border: 1px solid #d5d3cd;
  border-radius: 3px;
  color: #888582;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 10px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 4px 8px;
  width: 78%;
}
.account-login-popup input[type="submit"] {
  background: #afaaa7 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  font-family: helvetica;
  font-size: 12px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  margin-left: 16px;
  text-align: center;
  text-transform: uppercase;
  width: 80%;
}
.account-login-popup span.icon-searcharrow {
  color: #afaaa7;
  font-size: 24px;
  margin-top: -3px;
  position: absolute;
  right: 6px;
}

#account-select .new-user {
  margin-top: 7px;
  width: 100%;
}
#account-select .new-user a {
  color: #da0019;
  margin: 3px 0 0 0;
  padding-left: 15px;
  text-decoration: none;
  text-transform: none;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
}
#account-select .account-login-popup a {
  background-image: none;
}

.shopping-minicart span.icon-arrowdownnavigationhover {
  right: -3px;
  top: -18px;
}
.shopping-minicart p {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
  font-family: GenerisSerifCom;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  height: auto;
  line-height: 26px;
  margin: 0;
  padding: 6px 12px 4px;
}

.minicart-items {
  margin-left: 0;
}
.minicart-items li {
  border-bottom: 1px solid #e7e6e4;
  padding: 0 11px 11px;
  position: relative;
}

.minicart-item {
  list-style: outside none none;
}

.remove-cart-item {
  bottom: 13px;
  color: #b0aba8;
  cursor: pointer;
  display: none;
  float: right;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  right: 7px;
}

#shopping-minicart-load {
  display: none;
}
#shopping-minicart-load div.clear {
  display: none;
}

ul.submenu li a span.subnav-bullet::before {
  content: "›";
  font-size: 13px;
  padding-right: 8px;
}

#main-menu li.main .arrow.hover {
  background-position: 50px -7px;
  display: inline;
  margin-top: 0;
}
#main-menu li.main.active .arrow {
  display: block;
}

#favourite-items-load {
  display: none;
}

#footer {
  display: block;
  background-color: #f1f0ef;
  font-family: FrutigerNeue, Helvetica, Arial, sans-serif;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}
#footer #footer-top-row {
  height: 58px;
  margin: 50px auto 0;
  width: 980px;
}
#footer #footer-top-row #corporate-menu-spacer-right {
  float: right;
  width: 10px;
}
#footer #footer-top-row #corporate-menu {
  float: left;
  height: 16px;
  margin-left: 3%;
  margin-top: 20px;
  padding-top: 10px;
}
#footer #footer-top-row #corporate-menu a {
  border-right: 1px solid #bab8b6;
  color: #3d3938;
  float: left;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  padding: 0 10px;
  text-transform: uppercase;
}
#footer #footer-top-row #community-menu {
  float: left;
  height: 24px;
  margin-left: 10px;
  margin-top: 10px;
  padding-top: 15px;
}
#footer #footer-top-row #community-menu a {
  color: #3d3938;
  float: right;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  margin-top: 5px;
  padding: 0 10px;
  text-transform: uppercase;
}
#footer #footer-top-row #community-menu #image-message {
  border-left: 1px solid #d4d2cc;
}
#footer #footer-top-row #community-menu #image-message span.icon-email {
  font-size: 15px;
  margin-right: 2px;
}
#footer #footer-top-row #community-menu .image-only-link {
  border: 0 none;
  height: 17px;
  padding: 0;
  width: 18px;
}
#footer #font-sampler {
  background: #3d3938 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 10px;
  margin-top: 3px;
  text-align: center;
}
#footer #font-sampler .fullwidthfooter {
  margin: 0 auto;
  width: 824px;
}
#footer #font-sampler .fullwidthfooter #footer-bottom-row {
  margin-bottom: 20px;
  margin-left: 21%;
  padding: 0 2px;
  width: 100%;
}
#footer #font-sampler .fullwidthfooter #footer-bottom-row #imprint-menu {
  float: left;
  margin-top: 12px;
  padding-top: 2px;
}
#footer #font-sampler .fullwidthfooter #footer-bottom-row #imprint-menu a {
  color: #f1f0ef;
  text-decoration: none;
  border-right: 1px solid #888582;
  float: left;
  font-size: 10px;
  line-height: 10px;
  margin-top: 6px;
  padding: 0 7px;
  text-transform: uppercase;
}
#footer #font-sampler .fullwidthfooter #footer-bottom-row #imprint-menu a#image-logo {
  background: transparent url("/css/images/footer/footer-logo.png") no-repeat scroll 0 center;
  height: 12px;
  border-right: medium none;
}
#footer #font-sampler .fullwidthfooter #footer-bottom-row #copyright {
  color: #888582;
  float: left;
  font-size: 10px;
  padding-left: 6px;
  padding-top: 5px;
  margin-top: 12px;
}
#footer #font-sampler .fullwidthfooter #footer-bottom-row #copyright div {
  color: #a19d9d;
}
#footer #font-sampler .fullwidthfooter .footer-txt-img {
  padding-bottom: 30px;
}
#footer #font-sampler .fullwidthfooter .footer-txt-img .fontname-sample {
  color: #534f4e;
  font-size: 36px;
  text-decoration: none;
}

/* ------------------------------------------------------------
   Pages
   ------------------------------------------------------------ */
.page-sidebar {
  background-color: #fff;
  float: left;
  margin-left: -242px;
  margin-right: 10px;
  padding: 20px;
  position: relative;
  width: 202px;
  z-index: 1;
}

#account-page {
  float: right;
}
#account-page .twocol-content {
  padding: 22px 22px 58px;
}

.page-content {
  float: right;
  width: 730px;
}

.user-section {
  margin-bottom: 26px;
}
.user-section .user-info {
  float: left;
}
.user-section .user-info p {
  font-family: GenerisSerifCom;
  color: black;
  font-size: 21px;
  font-weight: normal;
  font-style: italic;
}
.user-section .user-info p.welcome-msg {
  color: #686362;
  margin-top: -2px;
  margin-left: -2px;
}
.user-section .user-signout {
  float: right;
}
.user-section .user-signout p {
  margin-top: -6px;
}
.user-section .user-signout p a {
  color: #e2001a;
  text-transform: uppercase;
  font-family: frutigerneue;
  font-size: 12px;
  font-weight: bold;
}
.user-section .user-signout p a:hover {
  text-decoration: none;
}

.manage-dw-fonts {
  background: -webkit-linear-gradient(top, white 0%, #e2ce66 0%, #e9da8d 100%, white 100%);
  background: -o-linear-gradient(top, white 0%, #e2ce66 0%, #e9da8d 100%, white 100%);
  background: -ms-linear-gradient(top, white 0%, #e2ce66 0%, #e9da8d 100%, white 100%);
  background: -moz-linear-gradient(top, white 0%, #e2ce66 0%, #e9da8d 100%, white 100%);
  background: linear-gradient(to bottom, white 0%, #e2ce66 0%, #e9da8d 100%, white 100%);
  height: 130px;
  width: 688px;
  position: relative;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.manage-dw-fonts img {
  float: right;
}
.manage-dw-fonts .manage-dw-fonts-desc {
  color: #000000;
  float: left;
  font-family: frutigerneue;
  padding: 12px 15px 18px 22px;
  width: 51%;
}
.manage-dw-fonts .manage-dw-fonts-desc .manage-btn-inbox {
  color: #ffffff;
  padding: 2px 9px;
  width: 58px;
  margin-top: 11px;
  background: #E2001A;
  display: block;
  position: absolute;
  bottom: 17px;
  text-decoration: none;
  font-weight: bold;
}
.manage-dw-fonts .manage-dw-fonts-desc .manage-btn-inbox::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #E2001A;
}
.manage-dw-fonts .manage-dw-fonts-desc .manage-btn-inbox:hover {
  background: #000000;
}
.manage-dw-fonts .manage-dw-fonts-desc .manage-btn-inbox:hover::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #000000;
}
.manage-dw-fonts .manage-dw-fonts-desc .desc-heading {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 19px;
  margin-left: -2px;
}
.manage-dw-fonts .manage-dw-fonts-desc .desc-text {
  font-size: 13px;
}
.manage-dw-fonts .rbar-2col-box-size {
  width: 49.5%;
  float: left;
  height: 100%;
}

#account-page .dw-font-withoutmls {
  background: #e7e6e4 none repeat scroll 0 0;
  margin-bottom: 6px;
}
#account-page .dw-font-withoutmls .manage-btn-inbox {
  background: #ffffff;
  color: #000000;
  bottom: 29px;
  font-weight: bold;
}
#account-page .dw-font-withoutmls .manage-btn-inbox::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #ffffff;
}
#account-page .dw-font-withoutmls .manage-btn-inbox:hover {
  background: #000;
  color: #fff;
}
#account-page .dw-font-withoutmls .manage-btn-inbox:hover::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #000;
}

.box-with-no-back {
  background: none;
  margin-top: 30px;
}
.box-with-no-back .manage-webfonts {
  /*background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.76) 0%, rgba(222, 219, 215, 0.8) 0%, rgba(223, 221, 216, 0.95) 0%, rgba(211, 209, 203, 0.77) 100%, rgba(211, 209, 203, 0.38) 100%, rgba(0, 0, 0, 0.29) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.76) 0%, rgba(222, 219, 215, 0.8) 0%, rgba(223, 221, 216, 0.95) 0%, rgba(211, 209, 203, 0.77) 100%, rgba(211, 209, 203, 0.38) 100%, rgba(0, 0, 0, 0.29) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.76) 0%, rgba(222, 219, 215, 0.8) 0%, rgba(223, 221, 216, 0.95) 0%, rgba(211, 209, 203, 0.77) 100%, rgba(211, 209, 203, 0.38) 100%, rgba(0, 0, 0, 0.29) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.76) 0%, rgba(222, 219, 215, 0.8) 0%, rgba(223, 221, 216, 0.95) 0%, rgba(211, 209, 203, 0.77) 100%, rgba(211, 209, 203, 0.38) 100%, rgba(0, 0, 0, 0.29) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.76) 0%, rgba(222, 219, 215, 0.8) 0%, rgba(223, 221, 216, 0.95) 0%, rgba(211, 209, 203, 0.77) 100%, rgba(211, 209, 203, 0.38) 100%, rgba(0, 0, 0, 0.29) 100%);*/
  background: url("/css/images/manage-test-web.png");
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.box-with-no-back .manage-webfonts .desc-heading {
  line-height: 20px;
}
.box-with-no-back .manage-webfonts .manage-dw-fonts-desc {
  width: 100%;
}
.box-with-no-back .subscribe-fonts {
  background: -webkit-linear-gradient(top, white 0%, #e2ce66 0%, #e9da8d 100%, white 100%);
  background: -o-linear-gradient(top, white 0%, #e2ce66 0%, #e9da8d 100%, white 100%);
  background: -ms-linear-gradient(top, white 0%, #e2ce66 0%, #e9da8d 100%, white 100%);
  background: -moz-linear-gradient(top, white 0%, #e2ce66 0%, #e9da8d 100%, white 100%);
  background: linear-gradient(to bottom, white 0%, #e2ce66 0%, #e9da8d 100%, white 100%);
  float: right;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.four-col-box {
  width: 100%;
  margin-bottom: 30px;
  /*margin-top: 26px;*/
}
.four-col-box .one-col-size {
  width: 20.8%;
  margin-left: 21px;
  padding-left: 16px;
  border-left: 1px solid #e6e6e6;
  float: left;
  padding-top: 8px;
  padding-bottom: 6px;
}
.four-col-box .one-col-size .box-heading {
  font-family: frutigerneue;
  color: #000000;
  font-size: 70px;
  position: relative;
  margin-bottom: 12px;
  line-height: 50px;
}
.four-col-box .one-col-size .box-heading a {
  display: block;
  height: 42px;
  margin-top: 8px;
  overflow: hidden;
}
.four-col-box .one-col-size .box-heading span {
  font-size: 20px;
  position: absolute;
  top: -19px;
  font-weight: bold;
  right: 24px;
}
.four-col-box .one-col-size .pageviews {
  margin-bottom: 0;
  margin-left: -11px;
  margin-top: -8px;
}
.four-col-box .manage-btn-inbox:hover {
  background: #000;
  color: #fff;
}
.four-col-box .manage-btn-inbox:hover::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #000;
}
.four-col-box .pageviews img {
  margin-left: 5px;
}
.four-col-box .box-desc {
  color: #3c3737;
  font-family: frutigerneue;
  font-size: 13px;
}
.four-col-box .box-desc .icons-cal-sec {
  color: #000000;
  float: left;
  font-size: 31px;
}
.four-col-box .box-desc .icon-web_catalog {
  font-size: 33px;
}
.four-col-box .box-desc .desc-text {
  float: left;
  width: 65%;
  line-height: 14px;
  margin-top: 9px;
}
.four-col-box .box-desc .last-purchase {
  width: 50%;
}
.four-col-box .box-desc .last-favorites {
  width: 50%;
}
.four-col-box .box-desc .icon-web_catalog {
  margin-left: -3px;
}
.four-col-box .manage-btn-inbox {
  padding: 2px 5px;
  width: 58px;
  margin-left: 5px;
  display: block;
  text-decoration: none;
  font-weight: bold;
}
.four-col-box .webbox .viewdisabled {
  margin-bottom: -1px;
  margin-top: -8px;
}

.one-col-size:first-child {
  margin-left: -5px;
  border: none;
  padding-left: 0;
}
.one-col-size:first-child .box-heading {
  color: #d4d3ce;
  margin-left: 2px;
}

.fonts-box .manage-btn-inbox {
  margin-top: 3px;
}

.poncelisencebox .icons-cal-sec {
  margin-left: -2px;
  margin-bottom: 3px;
}

.three-col-box {
  display: inline-block;
  width: 100%;
}
.three-col-box .one-col-box-of3col {
  color: #000000;
  font-family: frutigerneue;
  height: 103px;
  width: 32%;
  float: left;
  margin-left: 8px;
  background: #e7e6e4;
  padding: 11px 16px 16px 16px;
  position: relative;
  text-decoration: none;
}
.three-col-box .one-col-box-of3col .box-icon {
  background: #ffffff none repeat scroll 0 0;
  -webkit-box-shadow: -2px 4px 2px -1px #c5c5c3;
  -moz-box-shadow: -2px 4px 2px -1px #c5c5c3;
  box-shadow: -2px 4px 2px -1px #c5c5c3;
  height: 42px;
  position: absolute;
  right: -4px;
  top: -4px;
  width: 52px;
}
.three-col-box .one-col-box-of3col .box-icon span {
  display: block;
  font-size: 30px;
  margin-left: 5px;
  margin-top: -4px;
}
.three-col-box .one-col-box-of3col .box-icon .icon-ico-newsletter {
  margin-top: -8px;
}
.three-col-box .one-col-box-of3col .box-icon .icon-ico-faq-1 {
  margin-top: -8px;
}
.three-col-box .one-col-box-of3col span.box-heading {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
}
.three-col-box .one-col-box-of3col span.box-desc-txt {
  float: left;
  font-size: 13px;
  line-height: 18px;
  left: 16px;
  position: absolute;
  right: 16px;
  bottom: 20px;
  width: 78%;
}
.three-col-box .profile-box {
  width: 188px;
}
.three-col-box .cart-sec {
  width: 198px;
}
.three-col-box .fav-sec {
  width: 188px;
}
.three-col-box .mail-sec {
  width: 188px;
}
.three-col-box .contact-sec {
  width: 198px;
}
.three-col-box .help-sec {
  width: 188px;
}
.three-col-box .one-col-box-of3col:first-child {
  margin-left: 0px;
}
.three-col-box .box-overlay {
  /*bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;*/
}
.three-col-box .one-col-box-of3col:hover .box-overlay {
  /*background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.75) 0%, rgba(50, 50, 50, 0.69) 0%, rgba(51, 51, 51, 0.75) 4%, rgba(6, 6, 6, 0.92) 84%, rgba(0, 0, 0, 0.95) 97%, rgba(0, 0, 0, 0.95) 99%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.75) 0%, rgba(50, 50, 50, 0.69) 0%, rgba(51, 51, 51, 0.75) 4%, rgba(6, 6, 6, 0.92) 84%, rgba(0, 0, 0, 0.95) 97%, rgba(0, 0, 0, 0.95) 99%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.75) 0%, rgba(50, 50, 50, 0.69) 0%, rgba(51, 51, 51, 0.75) 4%, rgba(6, 6, 6, 0.92) 84%, rgba(0, 0, 0, 0.95) 97%, rgba(0, 0, 0, 0.95) 99%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.75) 0%, rgba(50, 50, 50, 0.69) 0%, rgba(51, 51, 51, 0.75) 4%, rgba(6, 6, 6, 0.92) 84%, rgba(0, 0, 0, 0.95) 97%, rgba(0, 0, 0, 0.95) 99%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.75) 0%, rgba(50, 50, 50, 0.69) 0%, rgba(51, 51, 51, 0.75) 4%, rgba(6, 6, 6, 0.92) 84%, rgba(0, 0, 0, 0.95) 97%, rgba(0, 0, 0, 0.95) 99%);
  opacity: 0.8;
  @include border-radius(6px);*/
}
.three-col-box .one-col-box-of3col:hover .box-heading {
  /*color: $white;
  opacity: 0.9;*/
}
.three-col-box .one-col-box-of3col:hover .box-desc-txt {
  /*color: $white;*/
}

.acc-section .sec-heading {
  color: #868684;
  display: inline-block;
  width: 100%;
  font-family: GenerisSerifCom;
  font-size: 17px;
  margin-bottom: 3px;
  margin-top: 17px;
  /*text-transform: uppercase;*/
  font-style: italic;
}

.service-section .sec-heading {
  margin-top: 12px;
  margin-bottom: 2px;
}

.no-subscription {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.76) 0%, rgba(222, 219, 215, 0.8) 0%, rgba(223, 221, 216, 0.95) 0%, rgba(211, 209, 203, 0.77) 100%, rgba(211, 209, 203, 0.38) 100%, rgba(0, 0, 0, 0.29) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.76) 0%, rgba(222, 219, 215, 0.8) 0%, rgba(223, 221, 216, 0.95) 0%, rgba(211, 209, 203, 0.77) 100%, rgba(211, 209, 203, 0.38) 100%, rgba(0, 0, 0, 0.29) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.76) 0%, rgba(222, 219, 215, 0.8) 0%, rgba(223, 221, 216, 0.95) 0%, rgba(211, 209, 203, 0.77) 100%, rgba(211, 209, 203, 0.38) 100%, rgba(0, 0, 0, 0.29) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.76) 0%, rgba(222, 219, 215, 0.8) 0%, rgba(223, 221, 216, 0.95) 0%, rgba(211, 209, 203, 0.77) 100%, rgba(211, 209, 203, 0.38) 100%, rgba(0, 0, 0, 0.29) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.76) 0%, rgba(222, 219, 215, 0.8) 0%, rgba(223, 221, 216, 0.95) 0%, rgba(211, 209, 203, 0.77) 100%, rgba(211, 209, 203, 0.38) 100%, rgba(0, 0, 0, 0.29) 100%);
}

section#desktop-fonts .skyfonts-box
.testfonts-box #mlsfont-box {
  padding-top: 18px;
  background: #f1f0ef none repeat scroll 0 0;
}
section#desktop-fonts #testfont {
  padding-left: 10px;
  padding-bottom: 3px;
}

section#managing .user-section .page-info, section#desktop-fonts .user-section .page-info, #managing-web-fonts .user-section .page-info {
  float: left;
}
section#managing .user-section .page-info p, section#desktop-fonts .user-section .page-info p, #managing-web-fonts .user-section .page-info p {
  color: #353535;
  font-family: frutigerneue;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
section#managing .installed-skyfonts .skyfonts-info, section#desktop-fonts .installed-skyfonts .skyfonts-info, #managing-web-fonts .installed-skyfonts .skyfonts-info {
  width: 68% !important;
}
section#managing .installed-skyfonts .skyfonts-info a, section#desktop-fonts .installed-skyfonts .skyfonts-info a, #managing-web-fonts .installed-skyfonts .skyfonts-info a {
  color: #0d4b8d;
  font-size: 14px;
  margin-left: 8px;
  font-family: frutigerneue;
}
section#managing .installed-skyfonts .skyfonts-info a:hover, section#desktop-fonts .installed-skyfonts .skyfonts-info a:hover, #managing-web-fonts .installed-skyfonts .skyfonts-info a:hover {
  text-decoration: underline;
}
section#managing .skyfonts-box, section#desktop-fonts .skyfonts-box, #managing-web-fonts .skyfonts-box {
  background: transparent url("/css/images/skyfonts-back.png") no-repeat scroll 0 0;
  margin-top: 26px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-border-radius: 0px;
}
section#managing .skyfonts-box .manage-dw-fonts-desc, section#desktop-fonts .skyfonts-box .manage-dw-fonts-desc, #managing-web-fonts .skyfonts-box .manage-dw-fonts-desc {
  padding: 28px 26px 30px 26px;
  width: 100%;
  color: #ffffff;
  font-family: frutigerneue;
}
section#managing .skyfonts-box .manage-dw-fonts-desc .skyfonts-icon, section#desktop-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-icon, #managing-web-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-icon {
  float: left;
}
section#managing .skyfonts-box .manage-dw-fonts-desc .skyfonts-info, section#desktop-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-info, #managing-web-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-info {
  float: left;
  margin-left: 20px;
  width: 46%;
}
section#managing .skyfonts-box .manage-dw-fonts-desc .skyfonts-info h6, section#desktop-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-info h6, #managing-web-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-info h6 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  font-family: frutigerneue;
  font-style: normal;
  margin-top: 0px;
}
section#managing .skyfonts-box .manage-dw-fonts-desc .skyfonts-info p, section#desktop-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-info p, #managing-web-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-info p {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}
section#managing .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn, section#desktop-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn, #managing-web-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn {
  float: left;
  position: relative;
}
section#managing .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .more-info, section#desktop-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .more-info, #managing-web-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .more-info {
  background: #ffffff;
  color: #004287;
  width: 62px;
  left: 45px;
  position: absolute;
  top: 37px;
  font-weight: bold;
}
section#managing .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .more-info::after, section#desktop-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .more-info::after, #managing-web-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .more-info::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #ffffff;
}
section#managing .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .install-skyfonts, section#desktop-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .install-skyfonts, #managing-web-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .install-skyfonts {
  background: #ffffff;
  color: #004287;
  width: 112px;
  left: 45px;
  position: absolute;
  top: -2px;
  font-weight: bold;
}
section#managing .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .install-skyfonts::after, section#desktop-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .install-skyfonts::after, #managing-web-fonts .skyfonts-box .manage-dw-fonts-desc .skyfonts-btn .install-skyfonts::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #ffffff;
}
section#managing .skyfonts-box .manage-dw-fonts-desc, section#desktop-fonts .skyfonts-box .manage-dw-fonts-desc, #managing-web-fonts .skyfonts-box .manage-dw-fonts-desc {
  width: 91.5%;
}
section#managing .box-with-no-back, section#desktop-fonts .box-with-no-back, #managing-web-fonts .box-with-no-back {
  margin-top: 23px;
}
section#managing .box-with-no-back .manage-desktopfonts, section#desktop-fonts .box-with-no-back .manage-desktopfonts, #managing-web-fonts .box-with-no-back .manage-desktopfonts {
  background: #e7e6e4 none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  width: 49%;
  position: relative;
}
section#managing .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc, section#desktop-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc, #managing-web-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc {
  width: 70%;
}
section#managing .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .desc-heading, section#desktop-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .desc-heading, #managing-web-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .desc-heading {
  margin-top: 2px;
  font-size: 16px;
  margin-left: 0;
  margin-bottom: 4px;
}
section#managing .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .desc-text span, section#desktop-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .desc-text span, #managing-web-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .desc-text span {
  font-style: italic;
}
section#managing .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox, section#desktop-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox, #managing-web-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox {
  background: #ffffff;
  color: #000000;
}
section#managing .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox::after, section#desktop-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox::after, #managing-web-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #ffffff;
}
section#managing .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox:hover, section#desktop-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox:hover, #managing-web-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox:hover {
  background: #000000;
  color: #ffffff;
}
section#managing .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox:hover::after, section#desktop-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox:hover::after, #managing-web-fonts .box-with-no-back .manage-desktopfonts .manage-dw-fonts-desc .manage-btn-inbox:hover::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #000000;
}
section#managing .box-with-no-back .manage-desktopfonts .accdesktopicon, section#desktop-fonts .box-with-no-back .manage-desktopfonts .accdesktopicon, #managing-web-fonts .box-with-no-back .manage-desktopfonts .accdesktopicon {
  top: 27px;
  position: absolute;
  right: 0;
}
section#managing .box-with-no-back .manage-webfonts, section#desktop-fonts .box-with-no-back .manage-webfonts, #managing-web-fonts .box-with-no-back .manage-webfonts {
  background: #e7e6e4 none repeat scroll 0 0;
  float: right;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  position: relative;
  width: 49%;
}
section#managing .box-with-no-back .manage-webfonts .manage-dw-fonts-desc, section#desktop-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc, #managing-web-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc {
  width: 70%;
}
section#managing .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .desc-heading, section#desktop-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .desc-heading, #managing-web-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .desc-heading {
  margin-top: 2px;
  font-size: 16px;
  margin-left: 0;
  margin-bottom: 4px;
}
section#managing .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .desc-text span, section#desktop-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .desc-text span, #managing-web-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .desc-text span {
  font-style: italic;
}
section#managing .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox, section#desktop-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox, #managing-web-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox {
  background: #ffffff;
  color: #000000;
}
section#managing .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox::after, section#desktop-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox::after, #managing-web-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #ffffff;
}
section#managing .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox:hover, section#desktop-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox:hover, #managing-web-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox:hover {
  background: #000000;
  color: #ffffff;
}
section#managing .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox:hover::after, section#desktop-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox:hover::after, #managing-web-fonts .box-with-no-back .manage-webfonts .manage-dw-fonts-desc .manage-btn-inbox:hover::after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #000000;
}
section#managing .box-with-no-back .manage-webfonts .accwebicon, section#desktop-fonts .box-with-no-back .manage-webfonts .accwebicon, #managing-web-fonts .box-with-no-back .manage-webfonts .accwebicon {
  top: 27px;
  position: absolute;
  right: 0;
}
section#managing .page-subtitle, section#desktop-fonts .page-subtitle, #managing-web-fonts .page-subtitle {
  float: left;
  font-family: frutigerneue;
  font-size: 13px;
  margin-top: 10px;
}
section#managing #skyfonts-active-fonts, section#managing #skyfonts-expired-fonts, section#desktop-fonts #skyfonts-active-fonts, section#desktop-fonts #skyfonts-expired-fonts, #managing-web-fonts #skyfonts-active-fonts, #managing-web-fonts #skyfonts-expired-fonts {
  background-color: #f1f0ef;
  border-top: 2px solid #f8f6f1;
}
section#managing #skyfonts-active-fonts .header, section#managing #skyfonts-expired-fonts .header, section#desktop-fonts #skyfonts-active-fonts .header, section#desktop-fonts #skyfonts-expired-fonts .header, #managing-web-fonts #skyfonts-active-fonts .header, #managing-web-fonts #skyfonts-expired-fonts .header {
  color: #ffffff;
  font-size: 12px;
  height: 24px;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-top: 10px;
  text-transform: uppercase;
  /*border-bottom: 1px solid #dcdad4;*/
}
section#managing #skyfonts-active-fonts .header .header-button, section#managing #skyfonts-expired-fonts .header .header-button, section#desktop-fonts #skyfonts-active-fonts .header .header-button, section#desktop-fonts #skyfonts-expired-fonts .header .header-button, #managing-web-fonts #skyfonts-active-fonts .header .header-button, #managing-web-fonts #skyfonts-expired-fonts .header .header-button {
  font-family: frutigerneue;
  font-size: 15px;
  font-weight: bold;
  color: #3c3737;
  text-transform: capitalize;
  cursor: pointer;
}
section#managing #skyfonts-active-fonts .header .openElement .icon-searcharrow, section#managing #skyfonts-expired-fonts .header .openElement .icon-searcharrow, section#desktop-fonts #skyfonts-active-fonts .header .openElement .icon-searcharrow, section#desktop-fonts #skyfonts-expired-fonts .header .openElement .icon-searcharrow, #managing-web-fonts #skyfonts-active-fonts .header .openElement .icon-searcharrow, #managing-web-fonts #skyfonts-expired-fonts .header .openElement .icon-searcharrow {
  transform: rotate(90deg);
}
section#managing #skyfonts-active-fonts .skyfonts-table, section#managing #skyfonts-expired-fonts .skyfonts-table, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table {
  display: none;
  position: relative;
  width: 95.4%;
  margin-left: 16px;
  margin-right: 16px;
  border-top: 1px solid #dcdad4;
}
section#managing #skyfonts-active-fonts .skyfonts-table .no-act-fonts, section#managing #skyfonts-expired-fonts .skyfonts-table .no-act-fonts, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .no-act-fonts, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .no-act-fonts, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .no-act-fonts, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .no-act-fonts {
  color: #a09b9a;
  font-size: 15px;
  font-family: frutigerneue;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
}
section#managing #skyfonts-active-fonts .skyfonts-table .showmore-testfonts, section#managing #skyfonts-expired-fonts .skyfonts-table .showmore-testfonts, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .showmore-testfonts, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .showmore-testfonts, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .showmore-testfonts, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .showmore-testfonts {
  text-align: center;
}
section#managing #skyfonts-active-fonts .skyfonts-table .showmore-testfonts a, section#managing #skyfonts-expired-fonts .skyfonts-table .showmore-testfonts a, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .showmore-testfonts a, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .showmore-testfonts a, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .showmore-testfonts a, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .showmore-testfonts a {
  font-family: frutigerneue;
  font-size: 11px;
  font-weight: bold;
  color: #3c3737;
  padding: 10px 0;
  display: inline-block;
  text-decoration: none;
}
section#managing #skyfonts-active-fonts .skyfonts-table .line-header, section#managing #skyfonts-expired-fonts .skyfonts-table .line-header, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .line-header, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .line-header, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .line-header, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .line-header {
  height: 16px;
  padding-right: 10px;
  position: absolute;
  right: 5px;
  z-index: 9;
}
section#managing #skyfonts-active-fonts .skyfonts-table .line-header .time-left, section#managing #skyfonts-expired-fonts .skyfonts-table .line-header .time-left, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .line-header .time-left, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .time-left, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .line-header .time-left, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .time-left {
  color: #50acf5;
  float: left;
  font-size: 13px;
  line-height: 13px;
  margin-right: 10px;
}
section#managing #skyfonts-active-fonts .skyfonts-table .line-header .add-small, section#managing #skyfonts-expired-fonts .skyfonts-table .line-header .add-small, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small {
  border-left: 1px solid #dfddd9;
  float: left;
  padding-left: 10px;
  margin-top: 1px;
}
section#managing #skyfonts-active-fonts .skyfonts-table .line-header .add-small .price, section#managing #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .price, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .price, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .price, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .price, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .price {
  float: left;
  margin-right: 10px;
  margin-top: -5px;
  padding-top: 0;
}
section#managing #skyfonts-active-fonts .skyfonts-table .line-header .add-small .price span.price-container, section#managing #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .price span.price-container, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .price span.price-container, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .price span.price-container, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .price span.price-container, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .price span.price-container {
  font-size: 12px;
  font-weight: bold;
}
section#managing #skyfonts-active-fonts .skyfonts-table .line-header .add-small .price span, section#managing #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .price span, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .price span, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .price span, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .price span, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .price span {
  font-size: 10px;
}
section#managing #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap, section#managing #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap {
  float: left;
  position: relative;
}
section#managing #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox, section#managing #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox {
  padding: 3px 5px;
  background: #E2001A;
  color: #fffeff;
  font-family: frutigerneue;
  font-size: 12px;
}
section#managing #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox::after, section#managing #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox::after, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox::after, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox::after, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox::after, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap span.manage-btn-inbox::after {
  border-width: 10.2px;
  margin-top: -10.2px;
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #E2001A;
}
section#managing #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap .dropdown-addtocart, section#managing #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap .dropdown-addtocart, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap .dropdown-addtocart, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap .dropdown-addtocart, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .cart-addwrap .dropdown-addtocart, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .cart-addwrap .dropdown-addtocart {
  background-color: #f5f5f5;
  -webkit-box-shadow: 0px 2px 4px -1px #999;
  -moz-box-shadow: 0px 2px 4px -1px #999;
  box-shadow: 0px 2px 4px -1px #999;
  display: none;
  left: 0;
  position: absolute;
  top: 45px;
  width: 183px;
  z-index: 9999;
}
section#managing #skyfonts-active-fonts .skyfonts-table .line-header .add-small .arrow-anchor-box-shadow, section#managing #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .arrow-anchor-box-shadow, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .arrow-anchor-box-shadow, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .arrow-anchor-box-shadow, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .line-header .add-small .arrow-anchor-box-shadow, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .line-header .add-small .arrow-anchor-box-shadow {
  display: block;
  float: left;
  height: 16px;
  padding: 0;
  position: relative;
  /*margin-top: -5px;*/
}
section#managing #skyfonts-active-fonts .skyfonts-table .catalog-font-sample, section#managing #skyfonts-expired-fonts .skyfonts-table .catalog-font-sample, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .catalog-font-sample, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .catalog-font-sample, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .catalog-font-sample, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .catalog-font-sample {
  background-color: #f1f0ef;
}
section#managing #skyfonts-active-fonts .skyfonts-table .catalog-font-sample a, section#managing #skyfonts-expired-fonts .skyfonts-table .catalog-font-sample a, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .catalog-font-sample a, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .catalog-font-sample a, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .catalog-font-sample a, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .catalog-font-sample a {
  background-color: #f1f0ef;
}
section#managing #skyfonts-active-fonts .skyfonts-table .sf-itemline, section#managing #skyfonts-expired-fonts .skyfonts-table .sf-itemline, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .sf-itemline, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .sf-itemline, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .sf-itemline, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .sf-itemline {
  position: relative;
  border-bottom: 1px solid #dcdad4;
}
section#managing #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info, section#managing #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info {
  float: none;
  margin-top: 14px;
}
section#managing #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info h4 a, section#managing #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info h4 a, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info h4 a, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info h4 a, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info h4 a, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler-meta-info h4 a {
  font-family: frutigerneue;
  font-family: 11px;
  color: #777570;
  display: inline-block;
  margin-bottom: 20px;
}
section#managing #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler, section#managing #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sampler {
  margin-bottom: 10px;
}
section#managing #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sample, section#managing #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sample, section#desktop-fonts #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sample, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sample, #managing-web-fonts #skyfonts-active-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sample, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table .sf-itemline .itemline-row .catalog-font-sample {
  width: auto;
  padding: 0;
}
section#managing #skyfonts-expired-fonts .skyfonts-table, section#desktop-fonts #skyfonts-expired-fonts .skyfonts-table, #managing-web-fonts #skyfonts-expired-fonts .skyfonts-table {
  border: none;
}
section#managing #skyfonts-expired-fonts .showbordertop, section#desktop-fonts #skyfonts-expired-fonts .showbordertop, #managing-web-fonts #skyfonts-expired-fonts .showbordertop {
  border-top: 1px solid #dcdad4;
}
section#managing .skyfont-table-wrap.active .icon-searcharrow, section#desktop-fonts .skyfont-table-wrap.active .icon-searcharrow, #managing-web-fonts .skyfont-table-wrap.active .icon-searcharrow {
  display: inline-block;
  /*transform: rotate(90deg);*/
}
section#managing .skyfont-table-wrap.active .skyfonts-table, section#desktop-fonts .skyfont-table-wrap.active .skyfonts-table, #managing-web-fonts .skyfont-table-wrap.active .skyfonts-table {
  display: block;
}
section#managing .testfonts-box, section#desktop-fonts .testfonts-box, #managing-web-fonts .testfonts-box {
  margin-top: 14px;
}
section#managing .testfonts-box .mls-sub-banner, section#desktop-fonts .testfonts-box .mls-sub-banner, #managing-web-fonts .testfonts-box .mls-sub-banner {
  background: #e2ce66;
  height: 98px;
}
section#managing .testfonts-box .mls-sub-banner .mls-with-fonts, section#desktop-fonts .testfonts-box .mls-sub-banner .mls-with-fonts, #managing-web-fonts .testfonts-box .mls-sub-banner .mls-with-fonts {
  float: right;
}
section#managing .testfonts-box .mls-sub-banner .mls-data-info, section#desktop-fonts .testfonts-box .mls-sub-banner .mls-data-info, #managing-web-fonts .testfonts-box .mls-sub-banner .mls-data-info {
  float: left;
  margin-top: 26px;
  margin-left: 16px;
}
section#managing .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info, section#desktop-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info, #managing-web-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info {
  font-family: frutigerneue;
  font-family: 13px;
  color: #3c3737;
}
section#managing .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info span.label, section#desktop-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info span.label, #managing-web-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info span.label {
  font-weight: bold;
}
section#managing .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info a, section#desktop-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info a, #managing-web-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info a {
  color: #807e79;
}
section#managing .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info a:hover, section#desktop-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info a:hover, #managing-web-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-billing-info a:hover {
  text-decoration: underline;
}
section#managing .testfonts-box .mls-sub-banner .mls-data-info .mls-invoice, section#desktop-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-invoice, #managing-web-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-invoice {
  margin-top: 5px;
}
section#managing .testfonts-box .mls-sub-banner .mls-data-info .mls-invoice .mls-download-text, section#desktop-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-invoice .mls-download-text, #managing-web-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-invoice .mls-download-text {
  color: #7c7a75;
}
section#managing .testfonts-box .mls-sub-banner .mls-data-info .mls-invoice .mls-download-text:hover, section#desktop-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-invoice .mls-download-text:hover, #managing-web-fonts .testfonts-box .mls-sub-banner .mls-data-info .mls-invoice .mls-download-text:hover {
  text-decoration: underline;
}
section#managing .testfonts-box .box-tabs #testfont .tab-text, section#desktop-fonts .testfonts-box .box-tabs #testfont .tab-text, #managing-web-fonts .testfonts-box .box-tabs #testfont .tab-text {
  margin-top: 7px;
}
section#managing .testfonts-box .box-tabs #mlsfont.active, section#desktop-fonts .testfonts-box .box-tabs #mlsfont.active, #managing-web-fonts .testfonts-box .box-tabs #mlsfont.active {
  background: #e2ce66;
}
section#managing .testfonts-box .box-tabs .box-tab, section#desktop-fonts .testfonts-box .box-tabs .box-tab, #managing-web-fonts .testfonts-box .box-tabs .box-tab {
  background: #f1f0ef;
  float: left;
  cursor: pointer;
  padding: 10px 16px;
  margin-right: 3px;
}
section#managing .testfonts-box .box-tabs .box-tab .tab-icon, section#desktop-fonts .testfonts-box .box-tabs .box-tab .tab-icon, #managing-web-fonts .testfonts-box .box-tabs .box-tab .tab-icon {
  float: left;
}
section#managing .testfonts-box .box-tabs .box-tab .tab-icon span, section#desktop-fonts .testfonts-box .box-tabs .box-tab .tab-icon span, #managing-web-fonts .testfonts-box .box-tabs .box-tab .tab-icon span {
  font-size: 22px;
}
section#managing .testfonts-box .box-tabs .box-tab .tab-icon .clockicon, section#desktop-fonts .testfonts-box .box-tabs .box-tab .tab-icon .clockicon, #managing-web-fonts .testfonts-box .box-tabs .box-tab .tab-icon .clockicon {
  color: #e30822;
  display: block;
  margin-top: -2px;
}
section#managing .testfonts-box .box-tabs .box-tab .tab-text, section#desktop-fonts .testfonts-box .box-tabs .box-tab .tab-text, #managing-web-fonts .testfonts-box .box-tabs .box-tab .tab-text {
  float: left;
  width: 128px;
  line-height: 14px;
  font-size: 13px;
  font-family: frutigerneue;
  text-transform: uppercase;
}
section#managing .testfonts-box .box-tabs .box-tab.active, section#desktop-fonts .testfonts-box .box-tabs .box-tab.active, #managing-web-fonts .testfonts-box .box-tabs .box-tab.active {
  background: #f9f9f9;
}
section#managing .testfonts-box .tab-detail-box, section#desktop-fonts .testfonts-box .tab-detail-box, #managing-web-fonts .testfonts-box .tab-detail-box {
  /*display:none;*/
  background: #f1f0ef;
  padding-top: 18px;
}
section#managing .testfonts-box #mlsfont-box .add-small, section#desktop-fonts .testfonts-box #mlsfont-box .add-small, #managing-web-fonts .testfonts-box #mlsfont-box .add-small {
  border: none;
}

section#managing .shadow-box-content .skyfonts-box {
  margin-top: 12px;
  display: none;
}

section#desktop-fonts .installed-skyfonts {
  margin-top: 11px;
  display: none;
}
section#desktop-fonts .install-skyfonts {
  margin-top: 13px;
  display: none;
}

#webfonts .user-section .page-info {
  float: left;
}
#webfonts .user-section .page-info p {
  color: #353535;
  font-family: frutigerneue;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
#webfonts .user-section .page-info .page-subtitle {
  float: left;
  font-family: frutigerneue;
  font-size: 13px;
  margin-top: 12px;
  width: 100%;
  margin-bottom: 19px;
  line-height: 18px;
}
#webfonts .user-section .page-info .page-subtitle span.bold {
  font-weight: bold;
}
#webfonts .user-section .user-signout {
  float: right;
}
#webfonts .webfontstab {
  float: left;
}
#webfonts .webfontstab .tabs li {
  float: left;
  margin-right: 2px;
  background: #f9f9f9;
  cursor: pointer;
}
#webfonts .webfontstab .tabs li a {
  text-transform: uppercase;
  text-decoration: none;
  font-family: frutigerneue;
  font-size: 13px;
  color: #000000;
  width: 142px;
  padding: 17px 11px 17px 17px;
  display: block;
}
#webfonts .webfontstab .tabs li.last {
  margin-right: 0px;
}
#webfonts .webfontstab .tabs li.active {
  background: #f1f0ef;
}
#webfonts .webfontstab .tabs li.active a {
  font-weight: bold;
}
#webfonts .stats-options {
  border-bottom: none;
  height: 44px;
  padding-bottom: 0;
}
#webfonts .stats-options .wrapper-sorting {
  float: left;
  margin-top: 14px;
  position: relative;
}
#webfonts .stats-options .wrapper-sorting .icon-arrow-combo {
  cursor: pointer;
  font-size: 9px;
  position: absolute;
  right: 3px;
  top: 5px;
}
#webfonts .font-stats {
  background: #f1f0ef;
  padding: 22px 16px 0;
}
#webfonts .usage-component {
  background: #f1f0ef;
  margin: 0;
  padding-top: 17px;
}
#webfonts .usage-component P {
  left: 16px;
  top: 26px;
}
#webfonts .usage-component .inner-scale > span {
  left: 38px;
}
#webfonts .usage-component .inner-scale > span + span {
  left: 30%;
}
#webfonts .usage-component .inner-scale > span + span + span {
  left: 52%;
}
#webfonts .usage-component .inner-scale > span + span + span + span {
  left: 75%;
}
#webfonts .usage-component .inner-scale > span + span + span + span + span {
  left: 98%;
}
#webfonts .web-fonts-stat-second-header {
  background: #f1f0ef;
  height: 45px;
  padding: 0 16px;
}
#webfonts .web-fonts-stat-second-header p {
  padding-top: 10px;
}
#webfonts #kit-builder-download {
  background: #f1f0ef;
  padding-left: 19px;
  padding-right: 16px;
  padding-top: 22px;
}
#webfonts #kit-builder-download h2 {
  margin-top: 0;
}
#webfonts #kit-builder-download .submit-holder {
  border: none;
}
#webfonts #kit-builder-download .introduction p {
  font-size: 13px;
  font-family: frutigerneue;
  margin-bottom: 20px;
}
#webfonts .form-notification {
  background: #f1f0ef;
  padding-left: 19px;
  padding-right: 16px;
  padding-top: 24px;
}
#webfonts .form-notification .submit-holder {
  border: none;
  margin-left: 6px;
  padding-top: 10px;
}
#webfonts .form-notification .submit-holder .btn-greenbig {
  background: none;
}
#webfonts .form-notification .submit-holder .btn-greenbig .btn-greenbig-main {
  background: none;
}
#webfonts .form-notification .submit-holder .btn-greenbig .btn-greenbig-main .save {
  min-width: 52px;
  width: auto;
  height: 21px;
  line-height: 21px;
  color: #ffffff;
  display: block;
  background: #e2001a;
}
#webfonts .form-notification .submit-holder .btn-greenbig .btn-greenbig-main .save:after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #e2001a;
}
#webfonts .form-notification .submit-holder .btn-greenbig .btn-greenbig-main .download {
  width: 82px;
  height: 21px;
  line-height: 21px;
  color: #ffffff;
  display: block;
  background: #e2001a;
}
#webfonts .form-notification .submit-holder .btn-greenbig .btn-greenbig-main .download:after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #e2001a;
}
#webfonts .form-notification .notifications-wrapper .checkbox-wrapper input {
  top: 10px;
}
#webfonts .payonce-lisence {
  background: #f1f0ef;
  padding: 2px 15px 18px;
  padding-top: 5px;
}
#webfonts .payonce-lisence .sorting-option {
  margin-bottom: 30px;
}
#webfonts .payonce-lisence .sorting-option .wrapper-sorting {
  float: left;
  width: 100%;
  position: relative;
}
#webfonts .payonce-lisence .sorting-option .wrapper-sorting select {
  float: left;
  width: 158px;
}
#webfonts .payonce-lisence .sorting-option .wrapper-sorting .icon-arrow-combo {
  cursor: pointer;
  font-size: 9px;
  position: absolute;
  right: 3px;
  top: 5px;
}
#webfonts .payonce-lisence .payonce-datalist ul li {
  padding-left: 14px;
}
#webfonts .payonce-lisence .payonce-datalist ul li div {
  float: left;
  margin-right: 27px;
}
#webfonts .payonce-lisence .payonce-datalist ul li div.stylename {
  width: 255px;
  overflow-y: hidden;
  height: 24px;
}
#webfonts .payonce-lisence .payonce-datalist ul li div.pageview {
  width: 114px;
}
#webfonts .payonce-lisence .payonce-datalist ul li div.price {
  width: 110px;
}
#webfonts .payonce-lisence .payonce-datalist ul li div.addpageview {
  width: 70px;
  margin-right: 0px;
}
#webfonts .payonce-lisence .payonce-datalist ul li div.first {
  font-weight: normal;
}
#webfonts .payonce-lisence .payonce-datalist ul li div.last {
  padding-right: 0;
}
#webfonts .payonce-lisence .payonce-datalist ul li.title {
  font-family: frutigerneue;
  font-size: 11px;
  color: #343434;
  text-transform: uppercase;
  margin-bottom: 2px;
}
#webfonts .payonce-lisence .payonce-datalist ul li.title div.clear {
  float: none;
}
#webfonts .payonce-lisence .payonce-datalist ul li.list-item {
  margin-bottom: 4px;
  font-family: frutigerneue;
  color: #343434;
  background: #f8f8f7;
  margin-right: 0;
  height: 24px;
  line-height: 24px;
  font-size: 15px;
  font-weight: bold;
  padding: 11px 0 13px 14px;
}
#webfonts .payonce-lisence .payonce-datalist ul li.list-item .add {
  width: 52px;
  height: 21px;
  line-height: 21px;
  color: #ffffff;
  display: block;
  background: #e2001a;
  text-decoration: none;
}
#webfonts .payonce-lisence .payonce-datalist ul li.list-item .add:after {
  border-color: rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) rgba(212, 210, 204, 0) #e2001a;
}

.font-stats-da {
  background: #f1f0ef;
  padding: 22px 16px 0;
}

#webfonts .user-section .page-info .digitalads-subtitle {
  width: 100%;
}

#webfonts .stats-options .wrapper-sorting .select-secondary.payonce-selector
{
  /*background-image: none;*/
  background-color: #ffffff;
}

/*@import 'page/payment'; // Payment page */
#main-stage {
  height: 509px;
}
#main-stage .shadow-box-content {
  height: 499px;
  background: #000000;
  -webkit-box-shadow: 0px 2px 3px -1px #b0b0b0;
  -moz-box-shadow: 0px 2px 3px -1px #b0b0b0;
  box-shadow: 0px 2px 3px -1px #b0b0b0;
}
#main-stage .shadow-box-shadow {
  display: block;
  height: 10px;
  position: relative;
  z-index: 0;
}

#main-stage-pic {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 891px;
  height: 499px;
}
#main-stage-pic a {
  display: none;
}

#main-stage-menu {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 98px;
  height: 499px;
}

#stage-menu-head {
  position: relative;
  z-index: 0;
  height: 50px;
  margin-left: 7px;
  background: url(../images/content/home/stage-top-shadow.png) 0 0 no-repeat;
  color: #3d3938;
  text-transform: uppercase;
  font-size: 8px;
  text-align: center;
  line-height: 44px;
}

#css3-slider {
  position: relative;
  z-index: 1;
  height: 416px;
}
#css3-slider a.thumb {
  display: block;
  width: 98px;
  height: 89px;
}
#css3-slider a.thumb span.arrow {
  display: none;
  float: left;
  font-size: 1.5rem;
  height: 81px;
  left: -13px;
  position: absolute;
  top: 25px;
}
#css3-slider a.thumb span.img {
  float: right;
  position: relative;
  height: 89px;
  width: 91px;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #888582;
}
#css3-slider a.thumb span {
  text-align: center;
}
#css3-slider a.thumb span.thumbnail_heading {
  color: #ffffff;
  display: inline-block;
  font-size: 44px;
  line-height: 44px;
  margin-bottom: 5px;
  margin-top: 10px;
  text-align: center;
}
#css3-slider a.thumb span.icon-web_catalog {
  color: #ffffff;
  display: inline-block;
  font-size: 44px;
  line-height: 44px;
  margin-bottom: 5px;
  margin-top: 10px;
  text-align: center;
}
#css3-slider a.thumb span.thumbnail_fonttype {
  color: #ffffff;
  display: block;
  font-family: frutigerneue;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
}
#css3-slider a.thumb.active {
  position: relative;
}
#css3-slider a.thumb.active span.arrow {
  display: block;
}

#stage-menu-bullets {
  position: absolute;
  bottom: 0;
  right: 0px;
  z-index: 999;
  background: #ffffff;
  width: 98px;
  height: 56px;
}
#stage-menu-bullets a {
  display: block;
  margin: 20px 0 0 10px;
  text-align: center;
  text-transform: uppercase;
  font-family: frutigerneue;
  font-size: 12px;
  color: #3d3938;
}

.overlay_bg {
  height: 383px;
  left: 30px;
  position: absolute;
  top: 60px;
  width: 490px;
  padding-right: 32px;
  opacity: 0.7;
}

.overlay_text {
  height: 343px;
  left: 30px;
  padding: 24px 32px 28px 32px;
  position: absolute;
  top: 60px;
  width: 316px;
}
.overlay_text p {
  font-size: 24px;
  margin: 10px 0;
  color: #ffffff;
  font-family: GenerisSerifComMedium;
  font-style: italic;
}
.overlay_text .offer_text {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  height: 28px;
  margin-right: 14px;
  margin-top: 8px;
}
.overlay_text .font_price {
  display: inline-block;
  font-size: 36px;
  font-weight: bold;
  line-height: 26px;
}
.overlay_text .currency {
  display: inline-block;
  font-size: 14px;
  line-height: 10px;
  margin-left: 8px;
  vertical-align: top;
  font-weight: normal;
}

span.overlay_text h1 {
  border: medium none;
  font-size: 54px;
  margin: 0;
  color: #ffffff;
  padding-bottom: 0;
  text-transform: none;
  line-height: 1.2em;
}

.nivo-imageLink .no_price:after {
  border-width: 14px;
  right: -28px;
}

span.no_price {
  height: 24px;
  line-height: 24px;
  padding-bottom: 4px;
  padding-left: 18px;
}
span.no_price .offer_text {
  font-size: 14px;
  padding-left: 0;
  margin-right: 0;
  height: 16px;
  line-height: 12px;
  font-weight: bold;
}

.overlay-wrapper .no_price .font_price {
  line-height: 14px;
}

.intro_offer {
  background: #ffffff none repeat scroll 0 0;
  display: block;
  padding: 0px 6px 0px 16px;
  position: relative;
  float: left;
  margin: 12px 0px 0px 0px;
  line-height: 60px;
  height: 48px;
  font-family: frutigerneue;
  text-transform: uppercase;
}
.intro_offer::after {
  border-color: transparent transparent transparent #ffffff;
  border-width: 24px;
  right: -48px;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
  padding: 0;
}

.detail-search .shadow-box-content .searchcontainer-right .search-result .noresult {
  text-align: center;
  padding-top: 43px;
  padding-bottom: 50px;
  font-size: 18px;
}
.detail-search .shadow-box-content .searchcontainer-right .search-result .noresult .glupsk-strong {
  font-weight: bold;
  font-style: italic;
}
.detail-search .shadow-box-content .searchcontainer-right .search-result .myfontsLinkBox {
  background: #e5f6fe;
  padding-top: 28px;
  padding-bottom: 25px;
  text-align: center;
}
.detail-search .shadow-box-content .searchcontainer-right .search-result .myfontsLinkBox .searchonOther span {
  color: #000;
  font-size: 18px;
}
.detail-search .shadow-box-content .searchcontainer-right .search-result .myfontsLinkBox .searchonOther span.boldUnderline {
  font-weight: bold;
  text-decoration: underline;
}
.detail-search .shadow-box-content .searchcontainer-right .search-result .myfontsLinkBox .searchonOther span.boldUnderline a {
  color: #000000;
}
.detail-search .shadow-box-content .searchcontainer-right .search-result .myfontsLinkBox a {
  text-decoration: none;
}
.detail-search .shadow-box-content .searchcontainer-right .search-result .otherResults h6 {
  font-size: 14px;
  font-family: frutigerneue;
  font-style: normal;
  font-weight: bold;
  margin-top: 28px;
}
.detail-search .shadow-box-content .searchcontainer-right .search-result .otherResults .resultList .itemline-row .catalog-font-sampler-meta-info {
  margin-top: 9px;
}

/* ------------------------------------------------------------
   Blocks
   ------------------------------------------------------------ */
.accpagesidebar ul.left-menu li {
  border-bottom: 1px solid #d4d2cc;
  background: none;
  /*height:$leftnavheight;*/
  /*line-height:$leftnavlheight;*/
}
.accpagesidebar ul.left-menu li a {
  font-family: frutigerneue;
  font-size: 15px;
  color: #76746f;
  font-weight: normal;
  display: inline-block;
  padding-bottom: 7px;
  padding-top: 7px;
}

.accpagesidebar ul.left-menu li:first-child {
  margin-top: -12px;
}

.accpagesidebar ul.left-menu li.active span a {
  color: #000000;
  font-weight: bold;
}

.accpagesidebar ul.left-menu .wrapper-submenu li:first-child {
  margin-top: 0px;
  border-top: 1px solid #d4d2cc;
}

.accpagesidebar ul.left-menu li a {
  padding-left: 5px;
}

.accpagesidebar ul.left-menu .wrapper-submenu a {
  padding-left: 18px;
}

.accpagesidebar ul.left-menu .wrapper-submenu li {
  /*height:32px;*/
  line-height: 18px;
}

.accpagesidebar ul.left-menu .wrapper-submenu a.current-item {
  color: #000000;
  font-weight: bold;
}

.accpagesidebar ul.left-menu .wrapper-submenu li:last-child {
  border: none;
}

.accpagesidebar ul.left-menu li a:hover {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

#collector-stripes .newfeaturedbox .fbox .featured_box_desc .update-status {
  display: none;
  margin: 3px 38px 0 14px;
}

.newfeaturedbox {
  margin: -5px;
}
.newfeaturedbox .bx-wrapper .bx-viewport {
  background: none;
  border: 0;
  box-shadow: none;
  left: 14px;
  z-index: 9;
}
.newfeaturedbox .bx-wrapper .bx-next {
  background: transparent url("/css/images/prevslide.png") no-repeat scroll 0 0;
  background-size: 30px;
  height: 44px;
  right: -24px;
  top: 54%;
  transform: rotate(180deg);
  z-index: 9;
}
.newfeaturedbox .bx-wrapper .bx-next:hover {
  background-position: 0px 0px;
}
.newfeaturedbox .bx-wrapper .bx-next.disabled {
  background: transparent url("/css/images/disablednext.png") no-repeat scroll 0 0/26px auto;
  display: block;
  right: -30px;
  top: 69%;
  transform: rotate(0deg);
}
.newfeaturedbox .bx-wrapper .bx-prev {
  background: transparent url("/css/images/prevslide.png") no-repeat scroll 0 0/30px auto;
  height: 44px;
  left: -25px;
  top: 65%;
  z-index: 9;
}
.newfeaturedbox .bx-wrapper .bx-prev.disabled {
  background: transparent url("/css/images/disablednext.png") no-repeat scroll 0 0/26px auto;
  display: block;
  left: -31px;
  top: 50%;
  transform: rotate(180deg);
}
.newfeaturedbox .bx-wrapper .bx-prev:hover {
  background-position: 0px 0px;
}
.newfeaturedbox .fbox {
  float: left;
  background: #ffffff;
  height: 230px;
  width: 238px;
  margin: 5px;
  border-top: 5px solid #000000;
  -webkit-box-shadow: 0px 2px 3px -1px #b0b0b0;
  -moz-box-shadow: 0px 2px 3px -1px #b0b0b0;
  box-shadow: 0px 2px 3px -1px #b0b0b0;
}
@media screen and (max-width: 768px) {
  .newfeaturedbox .fbox {
    float: none;
    width: auto;
    height: auto;
  }
}
.newfeaturedbox .fbox .featured_box_desc {
  padding: 13px 22px 10px;
}
@media screen and (max-width: 768px) {
  .newfeaturedbox .fbox .featured_box_desc {
    display: inline-block;
    padding: 10px 20px 39px;
    width: 50%;
  }
  .newfeaturedbox .fbox .featured_box_desc.best-seller {
    width: 100%;
    padding: 10px 20px 0px;
  }
}
.newfeaturedbox .fbox .featured_box_desc .blog-entry-area {
  margin-top: 0px;
}
.newfeaturedbox .fbox .featured_box_desc h6 {
  margin-top: 0;
  font-family: GenerisSerifComMedium;
  font-size: 23px;
  font-style: italic;
  color: #000000;
  line-height: 30px;
}
.newfeaturedbox .fbox .featured_box_desc p {
  margin-bottom: 22px;
  margin-top: 0;
  font-family: frutigerneue;
  font-size: 14px;
  color: #3d3938;
}
.newfeaturedbox .fbox .featured_box_title {
  padding: 20px 22px 10px 22px;
}
.newfeaturedbox .fbox .featured_box_title h6 {
  margin-top: 0;
  font-family: GenerisSerifComMedium;
  font-size: 23px;
  font-style: italic;
  color: #000000;
  line-height: 30px;
}
.newfeaturedbox .two-column {
  width: 486px;
}
.newfeaturedbox .two-column .image {
  float: left;
  margin-right: 22px;
  line-height: 225px;
}
.newfeaturedbox .two-column .image img {
  float: left;
  max-height: 225px;
}
@media screen and (max-width: 768px) {
  .newfeaturedbox .two-column .image img {
    float: none;
    max-height: none;
  }
}
.newfeaturedbox .two-row {
  height: 470px;
}
.newfeaturedbox .three-column {
  width: 734px;
}
.newfeaturedbox .three-column .image {
  float: left;
  margin-right: 22px;
  line-height: 225px;
}
.newfeaturedbox .three-row {
  height: 705px;
}
.newfeaturedbox .right {
  float: right;
}
@media screen and (max-width: 768px) {
  .newfeaturedbox .right {
    float: none;
  }
}
.newfeaturedbox .clearleft {
  clear: left;
}
.newfeaturedbox .featured_box_desc .blog-entry-area .catalog-font-sampler-meta-info {
  margin-top: 18px;
  width: 104px;
  padding-left: 18px;
}
.newfeaturedbox .featured_box_desc .blog-entry-area .catalog-font-sampler-meta-info span.product-name {
  color: #838383;
  font-family: frutigerneue;
  margin-top: 0;
  line-height: 16px;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  vertical-align: top;
}
.newfeaturedbox .featured_box_desc .blog-entry-area .catalog-font-sample {
  height: 60px;
}
.newfeaturedbox .rightbox p {
  margin-top: 0;
  font-family: frutigerneue;
  font-size: 14px;
  color: #3d3938;
}
.newfeaturedbox .best_font_desc p {
  margin-top: 0;
  font-family: frutigerneue;
  font-size: 14px;
  color: #3d3938;
}
.newfeaturedbox .arrow-box {
  /*span.peak {
    background: transparent url("/images/promotion/getoffer_peak.png") no-repeat scroll 1px 0 / 18px auto;
    display: block;
    float: left;
    height: 26px;
    margin-left: -1px;
    margin-top: 0.5px;
    width: 18px;
  }*/
}
.newfeaturedbox .arrow-box span.txt {
  background: #f1f0ef none repeat scroll 0 0;
  box-sizing: content-box;
  color: #3d3938;
  /*float: left;*/
  font-family: FrutigerNeue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  /*height: 23px;*/
  letter-spacing: 0.3px;
  line-height: 23px;
  margin-top: 1px;
  padding: 1px 6px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
.newfeaturedbox .arrow-box span.txt:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0px;
  right: -15px;
  border: 8px solid transparent;
  border-width: 6px 8px 7px 7px;
  border-bottom: 7px solid #f1f0ef;
  border-left: 7px solid #f1f0ef;
}
.newfeaturedbox .arrow-box span.txt::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0px;
  right: -15px;
  border: 8px solid transparent;
  border-width: 6px 8px 6px 7px;
  border-top: 7px solid #f1f0ef;
  border-left: 7px solid #f1f0ef;
}

.innerrightbox p {
  margin-top: 0;
  font-family: GenerisSerifComMedium;
  font-size: 23px;
  font-style: italic;
  color: #000000;
  line-height: 30px;
}

.rightbox p.top {
  margin-top: 0;
  font-family: GenerisSerifComMedium;
  font-size: 23px;
  font-style: italic;
  color: #000000;
  line-height: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .newfeaturedbox {
    margin: 0;
  }
  .newfeaturedbox .fbox {
    margin: 0;
  }
  .newfeaturedbox .fbox .font-chart-item {
    /*margin-right: 1% !important;
    width: 32% !important;*/
  }
  .newfeaturedbox .fbox .font-chart-item .catalog-font-sampler-meta-info {
    width: 100%;
    padding-left: 0px;
    margin-right: 0px;
  }
  .newfeaturedbox .fbox .featured_box_desc .update-status {
    display: none;
  }
  .newfeaturedbox .two-column, .newfeaturedbox .two-row {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) and (max-width: 768px) {
  .newfeaturedbox .two-column, .newfeaturedbox .two-row {
    float: none;
    width: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .newfeaturedbox .two-column .featured_box_title, .newfeaturedbox .two-row .featured_box_title {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) and (max-width: 768px) {
  .newfeaturedbox .two-column .featured_box_title, .newfeaturedbox .two-row .featured_box_title {
    float: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .newfeaturedbox .two-column .image, .newfeaturedbox .two-row .image {
    float: left;
    margin-right: 20px;
    width: 50%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) and (max-width: 768px) {
  .newfeaturedbox .two-column .image, .newfeaturedbox .two-row .image {
    display: inline-block;
    margin: 0;
    width: 49%;
    float: none;
    margin: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .newfeaturedbox .two-column .image img, .newfeaturedbox .two-row .image img {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) and (max-width: 768px) {
  .newfeaturedbox .two-column .image img, .newfeaturedbox .two-row .image img {
    object-fit: fill;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .newfeaturedbox .fbox .image {
    float: left;
    margin-right: 20px;
    width: 50%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) and (max-width: 768px) {
  .newfeaturedbox .fbox .image {
    display: inline-block;
    margin: 0;
    width: 49%;
    float: none;
    margin: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .newfeaturedbox .fbox .image img {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) and (max-width: 768px) {
  .newfeaturedbox .fbox .image img {
    object-fit: fill;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .newfeaturedbox .three-column div {
    float: left;
    width: 28%;
  }
  .newfeaturedbox .three-column div img {
    max-width: 100%;
    width: 100%;
  }
  .newfeaturedbox .three-row {
    width: 100%;
    height: auto;
  }
  .newfeaturedbox .three-row div {
    float: left;
    width: 28%;
  }
  .newfeaturedbox .three-row div img {
    max-width: 100%;
    width: 100%;
  }
  .newfeaturedbox .one-column {
    width: 100%;
    height: auto;
  }
  .newfeaturedbox .one-column .image {
    width: 100%;
  }
  .newfeaturedbox .one-column .image img {
    max-width: 100%;
    width: 100%;
  }
  .newfeaturedbox .one-column .featured_box_desc {
    width: 100%;
  }
  .newfeaturedbox .one-column {
    width: 100%;
    height: auto;
  }
  .newfeaturedbox .one-column .image {
    width: 100%;
  }
  .newfeaturedbox .one-column .image img {
    max-width: 100%;
    width: 100%;
  }
  .newfeaturedbox .one-column .featured_box_desc {
    width: 100%;
  }
}
/*@media only screen and (min-device-width: 480px) and (max-device-width: 768px) {
  .newfeaturedbox .one-colum div {
    width: 47.8%;
   }
}*/
.newfeaturedbox .featured_box_desc .font-chart-item {
  float: left;
  height: 133px;
  line-height: 65px;
  margin-right: 26px;
  padding-top: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .newfeaturedbox .featured_box_desc .font-chart-item {
    width: 143px;
  }
}
@media screen and (max-width: 666px) {
  .newfeaturedbox .featured_box_desc .font-chart-item {
    width: 133px;
  }
}

@media only screen and (min-width: 220px) and (max-width: 480px) {
  .newfeaturedbox .fbox .font-chart-item {
    margin-right: 5px;
    /*width: 31% !important;*/
  }
  .newfeaturedbox .fbox .bx-wrapper .bx-next {
    right: 0;
    top: 54%;
  }
  .newfeaturedbox .fbox .bx-wrapper .bx-next.disabled {
    right: -5px;
    top: 67%;
  }
  .newfeaturedbox .fbox .bx-wrapper .bx-prev {
    left: -10px;
    top: 65%;
  }
  .newfeaturedbox .fbox .bx-wrapper .bx-prev.disabled {
    left: -17px;
    top: 52%;
  }
  .newfeaturedbox .fbox .image {
    float: none;
    width: 100%;
  }

  .newfeaturedbox .fbox {
    height: auto;
    width: auto;
  }
  .newfeaturedbox .fbox .image {
    float: none;
    margin: 0;
  }
  .newfeaturedbox .fbox .image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .newfeaturedbox .fbox .featured_box_desc {
    width: auto;
  }
  .newfeaturedbox .fbox .featured_box_desc.best-seller {
    width: 100%;
  }

  .newfeaturedbox .two-column .image img {
    float: none;
    max-height: none;
  }
}
@media screen and (max-width: 768px) {
  .newfeaturedbox .fbox.two-column:nth-of-type(1) .featured_box_desc {
    display: inline-block;
    width: 100%;
    padding: 10px 0px 0px;
  }
}
@media screen and (max-width: 480px) {
  .newfeaturedbox .fbox.two-column:nth-of-type(1) .featured_box_desc {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .newfeaturedbox .fbox.two-column:nth-of-type(1) h6 {
    width: 96%;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 981px) {
  .newfeaturedbox .fbox.two-column {
    width: 46%;
  }

  .newfeaturedbox .fbox {
    width: 25%;
  }

  .newfeaturedbox .fbox.two-column .image {
    width: 50%;
  }

  .newfeaturedbox .fbox.two-column .image img {
    max-width: 100%;
  }

  .newfeaturedbox .fbox .image {
    width: 100%;
  }

  .newfeaturedbox .fbox .image img {
    max-width: 100%;
  }

  .newfeaturedbox .fbox .featured_box_desc h6 {
    font-size: 22px;
  }

  .newfeaturedbox .fbox .featured_box_desc p {
    font-size: 13px;
  }
}
#webfonts .webfont-stats-page .fonts-section {
  /*min-height: 119px;*/
}
#webfonts .webfont-stats-page .fonts-section .regular-web-fonts {
  margin-bottom: 27px;
}
#webfonts .webfont-stats-page .fonts-section .digitalad-web-fonts {
  margin-bottom: 27px;
}
#webfonts .webfont-stats-page .no-license-section {
  /* padding-top: 22px;
   height: 90px;
   min-height: 90px;*/
}
#webfonts .webfont-stats-page .no-license-section .regular-web-fonts {
  margin: 0 2px 0 0;
}
#webfonts .webfont-stats-page .no-license-section .digitalad-web-fonts {
  margin: 0;
}
#webfonts .webfont-kit-page .kitbuilder-tab-sec {
  /*margin-left: 5px;*/
  padding: 0;
}
#webfonts .webfont-kit-page .regular-web-fonts {
  margin-top: 0;
}
#webfonts .webfont-kit-page .digitalad-web-fonts {
  margin-top: 0;
}
#webfonts .webfont-kit-page .no-license-section {
  /*padding-top: 22px;
  height: 90px;*/
}

.fonts-section {
  min-height: 45px;
}
.fonts-section .regular-web-fonts {
  background: #dad8d6 none repeat scroll 0 0;
  float: left;
  height: 29px;
  /*margin-left: -5px;*/
  margin-right: 2px;
  margin-top: 26px;
  padding: 0 8px 0 0;
  width: auto;
}
.fonts-section .regular-web-fonts a {
  color: #000;
  font-size: 13px;
  font-family: frutigerneue;
  text-decoration: none;
  height: 29px;
  line-height: 29px;
}
.fonts-section .regular-web-fonts span.icon-arrowdownnavigationhover {
  display: none;
}
.fonts-section .regular-web-fonts span.icon-web_catalog {
  font-size: 18px;
  float: left;
  line-height: 29px;
  padding-left: 3px;
  padding-right: 1px;
  color: #595554;
}
.fonts-section .digitalad-web-fonts {
  background: #dad8d6 none repeat scroll 0 0;
  float: left;
  height: 29px;
  margin-right: 2px;
  margin-top: 26px;
  padding: 0 8px 0 0;
  width: auto;
}
.fonts-section .digitalad-web-fonts a {
  color: #000;
  font-size: 13px;
  font-family: frutigerneue;
  text-decoration: none;
  height: 29px;
  line-height: 29px;
}
.fonts-section .digitalad-web-fonts span.icon-arrowdownnavigationhover {
  display: none;
}
.fonts-section .digitalad-web-fonts span.icon-digitalads {
  font-size: 18px;
  float: left;
  line-height: 29px;
  padding-left: 3px;
  padding-right: 1px;
  color: #595554;
}
.fonts-section .active-tab {
  position: relative;
  background: #a6a19d;
}
.fonts-section .active-tab span.icon-arrowdownnavigationhover {
  bottom: -12px;
  color: #a6a19d;
  display: block;
  font-size: 13px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
.fonts-section .active-tab a {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
}
.fonts-section .active-tab span.icon-web_catalog {
  color: #ffffff;
}
.fonts-section .active-tab span.icon-digitalads {
  color: #ffffff;
}

ul.shop-myfonts{
  width: 266px;
}
ul.shop-myfonts .shop-myfonts-header{
  padding-top: 5px;
  color: grey;
  font-size: 15px;
}
ul.shop-myfonts .shop-myfonts-desc{
  color:grey;
  line-height: 19px;
  text-align: justify;
  font-size: 11px;
  padding-bottom: 15px
}
ul.shop-myfonts .shop-myfonts-desc al{
  color:black;
  font-size: 12px;
}
/* ------------------------------------------------------------
   Custom CSS
   ------------------------------------------------------------ */
.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.mt-c-brand-family {
  grid-column: 1 / -1;
  margin: 9px auto 0 auto;
  max-width: 1000px;
}

@media (min-width: 768px) {
  .mt-c-brand-family--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mt-c-brand-family--inline .mt-c-brand-family__list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  @supports (display: grid) {
    .mt-c-brand-family--inline {
      display: grid;
      grid-gap: 9px;
      grid-template-columns: -webkit-max-content;
      grid-template-columns: max-content;
      grid-auto-flow: column;
    }
    .mt-c-brand-family--inline .mt-c-brand-family__list {
      grid-column: unset;
    }
    .mt-c-brand-family--inline .mt-c-brand-family__title {
      margin-bottom: 6px;
    }
  }
  .mt-c-brand-family--inline .mt-c-brand-family__title {
    -ms-flex-item-align: center;
    align-self: center;
  }
}

.mt-c-brand-family__title {
  color: #1e1e1e;
  font-size: 1em;
  font-family: "Kootenay Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
}

.mt-c-brand-family__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 1.5rem 0 3rem 0;
}

@supports (display: grid) {
  .mt-c-brand-family__list {
    display: grid;
    grid-column: 1 / -1;
    grid-gap: 12px;
  }
  @media (min-width: 300px) {
    .mt-c-brand-family__list {
      grid-template-columns: 50% 50%;
    }
  }
  @media (min-width: 768px) {
    .mt-c-brand-family__list {
      grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
    }
  }
}

.mt-c-brand-family__item .mt-c-brand-family__title {
  text-align: center;
}

@media (min-width: 1100px) {
  .mt-c-brand-family__item .mt-c-brand-family__title {
    white-space: nowrap;
  }
}

@media (min-width: 781px) {
  .mt-c-brand-family__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
  }
}

.mt-c-brand-family__item .mt-c-brand-family__title {
  margin-bottom: 12px;
}

@supports (display: grid) {
  .mt-c-brand-family__item .mt-c-brand-family__title {
    margin-bottom: 3px;
  }
}

@media (max-width: 1023px) {
  .mt-c-brand-family__item:first-of-type {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
  }
}

.mt-c-brand-family__link {
  -ms-flex-item-align: center;
  align-self: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 12px;
  position: relative;
}

@supports (display: grid) {
  .mt-c-brand-family__link {
    margin-bottom: 0;
  }
}

.mt-c-brand-family__link svg {
  fill: #a19d9d;
  -webkit-transition: fill linear 220ms;
  transition: fill linear 220ms;
}

.mt-c-brand-family__link svg:hover {
  fill: #fb748b;
}

.mt-c-brand-family__link--monotype svg {
  height: 22px;
}

.mt-c-brand-family__link--olapic svg {
  height: 25px;
}

.mt-c-brand-family__link--olapic:hover svg {
  fill: #f30d49;
}

.mt-c-brand-family__link--mosaic svg {
  height: 20px;
}

.mt-c-brand-family__link--mosaic:hover svg {
  fill: #fb748b;
}

.mt-c-brand-family__link--myfonts {
  top: 6px;
}

.mt-c-brand-family__link--myfonts svg {
  height: 40px;
}

.mt-c-brand-family__link--myfonts:hover svg {
  fill: #0099ff;
}

.mt-c-brand-family__title {
  font-family: FrutigerNeue,Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: normal;
  font-style: normal;
  color: #888582;
  text-transform: capitalize;
}