/*
Theme Name: dg
Theme URI: http://degrisogono.com
Description: Bespoke WordPress theme created for de Grisogono.
Author: Lee Rickler
Author URI: http://leerickler.com
Version: 1.2
*/

/* LIVE */

/* -- RESET -- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle
}

.story-content h2
{
	margin: 40px;
}


article, aside, figure, footer, header, hgroup, nav, section { display: block }
img, object, embed { max-width: 100% }
html { overflow-y: scroll }
ul { list-style: none }
blockquote, q { quotes: none }

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

a {
    background: transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

del { text-decoration: line-through }

abbr[title], dfn[title] {
    border-bottom: 1px dotted #333;
    cursor: help
}

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

th {
    font-weight: bold;
    vertical-align: bottom
}

td {
    font-weight: normal;
    vertical-align: top
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0
}

input, select { vertical-align: middle }
*:focus { outline: 0 }

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type="radio"] { vertical-align: text-bottom }

input[type="checkbox"] {
    *vertical-align: baseline;
    vertical-align: bottom
}

select, input, textarea { font: 99% sans-serif }

table {
  font-size: inherit
}

a:hover, a:active { outline: none; text-decoration: none; }
small { font-size: 85% }
strong, th { font-weight: bold }
td, td img { vertical-align: top }

label,
input[type=button],
input[type=submit],
button { cursor: pointer }

button, input, select, textarea { margin: 0 }

button {
    overflow: visible;
    width: auto
}

/* -- FIXISH -- */
@-ms-viewport { width: device-width }
@viewport { width: device-width }

.dg_row { *zoom: 1 }

.dg_row:before, .dg_row:after {
  content: "";
  display: table
}

.dg_row:after { clear: both }

.container-fluid.no-padding,
.container.no-padding{
  padding-left: 0;
  padding-right: 0;
}

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after { clear: both }
.clearfix { zoom: 1 }

::-moz-selection{
    background: #fcd700;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #e8e8e8;
    text-shadow: none
}

div#mobile-nav, .mobile, header .menu li .sub-menu li.mobile {
  display: none;
  visibility: hidden
}

div#botframe {
    display: block;
    height: 80vh;
    margin: 0 auto;
    margin-top: 6%;
    max-height: 850px;
    max-width: 1280px;
    position: relative;
    width: 100vw
  }

/* GLOBAL */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0
}

html { font-size: 62.5% }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #000;
  color: #fff;
 font-family: 'Libre Baskerville', serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 100%;
  line-height: 1
}

.ChronicleDeck {
  font-family: 'Libre Baskerville', serif;
  font-style: normal;
  font-weight: 400
}

.Brown {
  font-family: 'Libre Baskerville', serif;
  font-weight: normal;
  font-style: normal;
}

.BrownLight {
font-family: 'Libre Baskerville', serif;
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3 {
  display: block;
  text-rendering: optimizeLegibility
}

h1.general-title.ChronicleDeck {
  display: block;
  font-size: 168.75%;
  letter-spacing: 5px;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

h1.general-title.story.ChronicleDeck { padding-top: 20% }

h1.general-title.collection.ChronicleDeck {
  display: block;
  font-size: 360%;
  font-weight: lighter;
  letter-spacing: 10px;
  line-height: 1.36em;
  margin-bottom: 20px;
  text-align: center;
  text-transform: none;
  width: 100%
}

h2.general-title.ChronicleDeck {
  display: block;
  font-size: 1.9rem;
  line-height: 1.6em;
  letter-spacing: 0.25em;
  padding-top: 28px;
  margin-bottom: 0.8em;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

h2.general-title.ChronicleDeck.news {
  display: block;
  font-size: 2.3rem;
  line-height: 1.6em;
  letter-spacing: 0.25em;
  padding-top: 50px;
  margin-bottom: 0.8em;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

span.strapline.news {
  display: block;
  font-size: 1.7rem;
  font-style: italic;
  letter-spacing: 0.025em;
  margin-top: 1rem;
  text-align: center;
  width: 100%
}

h2.general-title.ChronicleDeck.hp-panel {
  padding-top: 10px;
  margin-bottom: 10px
}

h2.general-title.ChronicleDeck.mobile {
  display: none;
  visibility: hidden
}

h2.general-title.ChronicleDeck a { text-decoration: none }

h3.general-title.ChronicleDeck {
  display: block;
  font-size: 260%;
  font-weight: lighter;
  letter-spacing: 10px;
  line-height: 1.36em;
  margin: 20px auto;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

h3 {
  font-size: 110%;
  font-weight: normal
}

p.subheader.Brown {
  font-size: 81.25%;
  margin-bottom: 70px
}

p.excerpt.ChronicleDeck {
  font-size: 87.5%;
  line-height: 1.75em;
  letter-spacing: 3px;
  text-align: left
}

div.twelve.columns.single p {
  margin-bottom: 20px;
  text-transform: none
}

.story-words p:last-child { margin-bottom: 0!important }

body#plain-section {
  background: #fff;
  color: inherit
}

.left, .alignleft { float: left }
.right, .alignright { float: right }

.center {
  display: block;
  margin-left: auto;
  margin-right: auto
}

img.left, img.alignleft {
  margin: 12px 24px 12px 0;
  margin: 0.857142857rem 1.714285714rem 0.857142857rem 0
}

img.right, img.alightright {
  margin: 12px 0 12px 24px;
  margin: 0.857142857rem 0 0.857142857rem 1.714285714rem
}

img.center, img.aligncenter {
  margin-bottom: 12px;
  margin-bottom: 0.857142857rem;
  margin-top: 12px;
  margin-top: 0.857142857rem
}

.story-words img.aligncenter {
  display: block;
  margin: 0 auto 20px auto
}

div.dg_container {
  min-height: 100%;
  display: block;
  position: relative;
  z-index: 1
}

div.dg_container:after {
  content: "";
  display: block;
}

.dg_row {
  margin: 0 auto;
  min-width: 768px;
  max-width: 100%;
  width: 100%
}

div.twelve.columns {
  display: block;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%
}

div.twelve.columns.home {
  background: #000;
  display: block;
  max-width: 100%;
  position: relative;
  z-index: 599
}

div.twelve.columns.home > div {
  overflow: hidden;
}

div.twelve.columns.single {
  max-width: 100%;
}

.column, .columns {
  min-height: 1px;
  padding: 0
}

div.with-image {
  display: block;
  position: relative;
  width: 100%;
  z-index: 333
}

img.main-pic {
  display: block;
  width: auto;
}

div.text-overlay {
  display: block;
  padding: 0 30px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50%;
  z-index: 444;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

div.text-overlay.right { right: 10px }

.button {
  -webkit-appearance: none;
  background: inherit;
  border: solid 1px #fff;
  color: #fff;
  cursor: pointer;
  display: inline;
  font-family: 'Libre Baskerville', serif;
  font-size: 57.5%;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 1;
  margin: 0;
  margin-top: 3em;
  outline: none;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: auto
}

.button:hover {
  background: #fff;
  color: #000
}

a.button.live {
  background: none;
  border: solid 1px #000;
  display: block;
  padding: 16px;
  text-decoration: none;
  text-transform: uppercase
}

a.button.live:hover {
  background: #000;
  color: #fff
}

.loading_message,
span.loads-more, div.nothing {
  display: block;
  font-family: 'Chronicle Display', 'Times New Roman', serif;
  font-size: 83.6%;
  text-align: center;
  width: 100%
}

/* -- NAVIGATION -- */
.posts-nav.left { margin-left: 70px }
.posts-nav.right { margin-right: 70px }

/* -- FONTS -- */
.chronicle, .chronicle-display {
  color: #fff;
  font-family: 'Chronicle Display', 'Times New Roman', serif;
  font-style: normal;
  font-weight: 400
}

.full-height {
  height: 100vh;
  overflow-y: hidden;
}

/* -- LINKS -- */
a, a:active {
  color: #fff;
  line-height: inherit;
  text-decoration: none
}

a:hover { color: #fff }
a:link { -webkit-tap-highlight-color: #fff }
p a, p a:visited { line-height: inherit }

/* -- HEADER -- */
div.head-margin { margin-top: 29px }

div.dg_row.header {
  display: block;
  padding: 0;
  width: 100%
}

header#header {
  display: block;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 664
}

div.hp-head-block {
  display: block;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  z-index: 600
}

div.hp-head-block.full-height img {
  height: 100%;
  max-height: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  object-fit: cover;
}

div.hp-head-block div.main-logo {
  border: solid 1px red;
  display: block;
  position: absolute;
  text-align: center;
  top: 25%;
  bottom: 25%;
  width: 100%;
  z-index: 610
}

div.header-logo-select {
  background: #000;
  display: block;
  padding: 0;
  text-align: center;
  width: 100%
}

div.header-logo-select img {
  height: 35%;
  width: 35%
}

div.hp-head-block div.main-title {
  color: #fff;
  padding: 0 2%;
  position: absolute;
  text-align: center;
  bottom: 40%;
  width: 50%;
  z-index: 610
}

.header-title {
  display: block;
  font-size: 200%;
  letter-spacing: 0.25em;
  line-height: 1.6em;
  margin-bottom: 0.3em;
  text-transform: uppercase
}

.header-strap {
  display: block;
  font-size: 116%;
  font-style: italic;
  letter-spacing: 0.035em;
  line-height: 1.5em;
  margin: 0 auto 1.9em auto;
  max-width: 80%
}

ul.ps-container li.tp-sub a {
  font-style: italic;
  font-weight: bold
}

ul.ps-container li.tp-sub.w {
  display: block!important;
  margin-top: 20px!important
}


li span.sub {
  display: inline-block;
  height: 30px;
  margin: 0 auto;
  text-align: center;
  vertical-align: text-top
}

.stories-panel, .collections-panel, .connect-panel, .contact-panel {
  background: #000;
  display: block;
  padding: 40px;
  padding-bottom: 0;
  text-align: center
}

.stories-panel, .collections-panel, .connect-panel {
  display: none;
  opacity: 1;
  margin-top: 15px;
  width: 100%;
  z-index: 665
}

.contact-panel {
  display: none;
  opacity: 0.8;
  position: absolute;
  top: 200px;
  width: 100%;
  z-index: 665
}

div.main-logo img { height: 50vh }

/* -- GENERAL -- */
div#default-block ul {
  list-style: disc;
  margin-left: 30px
}

.vcenter {
  height: auto;
  right: 0;
}

body.page div.twelve.columns.single {
  overflow-y: hidden;
  padding-bottom: 30px;
}

/* -- PRODUCT PAGE -- */
div.twelve.columns.single {
  display: block;
  width: 100%;
  margin-top: 70px;
}

div.products_list_panel {
  background-color: #0f0f0f;
  position: relative;
}



div.twelve.columns.single.page {
  line-height: 1.3em;
  max-width: 800px;
  padding-top: 30px
}
@media (max-width: 1025px) {
    div.twelve.columns.single.page {
      padding-top: 60px
}
}
div.twelve.columns.single.page p a { color: #2674ec }

div.product-shot {
  display: block;
  margin-top: 44px;
  height: 900px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1
}

div.product-shot.single-collection {
  height: 85vh;
}

div.product-shot.story { padding-top: 26% }

div.product-shot h1.general-title.ChronicleDeck {
  font-size: 200%;
  letter-spacing: 0.25em;
  line-height: 1.6em;
  text-transform: uppercase
}

div.navigation.posts {
  display: block;
  width: 100%
}

article.product-screen {
  color: #fff;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 568px;
  padding-bottom: 20px;
  position: relative;
  top: 5px;
  text-align: center;
  z-index: 100
}

article.product-screen h1 {
  color: #fff;
  font-size: 162%;
  margin-bottom: 10px
}

div.product-ref {
  font-style: italic;
  letter-spacing: 0.055em;
  line-height: 1.5em;
  margin: 0 auto 0.15em auto;
  max-width: 400px
}

div.product-content {
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  line-height: 1.6em;
  margin: 2% auto 0 auto;
  max-width: 500px;
  text-align: center
}

div.product-content.hp a, div.header-link a, span.read-more.slide a {
  border: solid 1px #fff;
  font-family: 'Libre Baskerville', serif;
  font-size: 57.5%;
  letter-spacing: 0.2em;
  margin-top: 3em;
  padding: 10px 20px;
  text-transform: uppercase
}

div.product-content.hp a:hover, div.header-link a:hover, span.read-more.slide a:hover {
  background: #fff;
  color: #000!important
}

div.product-details .collection-link {
  display: block;
  font-size: 81.25%;
  margin-bottom: 10px
}

div.product-content.discover {
  margin-top: 14px;
  text-transform: uppercase
}

.toggler h3 {
  margin: 20px auto;
  letter-spacing: 2.6px;
  cursor: pointer;
  margin-bottom: 16px;
  font-size: 1.1rem;
}

table.toggle {
  margin: 0 auto;
  max-width: 500px;
  width: 100%
}

table.toggle th,
table.toggle td {
  border-bottom: 1px dotted #808080;
  font-size: 90%;
  padding: 10px;
  text-align: left
}

table.toggle th {
  text-transform: uppercase;
  white-space: nowrap
}

table.toggle th:first-child { width: 100% }
table.toggle td { text-align: center }
table.toggle td:first-child { text-align: left }

table#product_details_togglers {
  margin: 0 auto;
}
table#product_details_togglers td{
  padding: 10px;
}

dl.watch_specs {
  font-size: 96%;
  overflow:hidden;
  width:100%
}

dl.watch_specs dt {
 float:left;
 width:30%; /* adjust the width; make sure the total of both is 100% */
 padding: 10px;
 margin: 0;
 text-align: right;
 font-weight: bold;
}
dl.watch_specs dd {
 float:left;
 width:70%; /* adjust the width; make sure the total of both is 100% */
 padding: 10px;
 margin: 0;
 text-align: left;
}

/* -- COLLECTION -- */
div.collection-shot {
  display: block;
  min-height: 730px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1
}

div.collection-block, div.collection-block.linked {
  display: block;
  width: 100%
}

div.collection-block {
  background: #fff;
  color: #000
}

div.collection-block.linked, div.story-block {
  background: #000;
  color: #fff
}

div.collection-block.linked a { color: #fff }

span.coll-head {
  border: solid 1px red;
  display: block;
  padding: 82px 0 45px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

ul.collection-panel {
  margin: 0 auto;
  max-width: 710px;
}

div.collection-block ul {
  display: block;
  margin-bottom: 46px;
  width: 100%
}

div.collection-block li {
  display: inline-block;
  max-height: 156px;
  margin: 14px 15.5px;
  max-width: 110px;
  width: 110px
}

div.collection-block li img {
  height: 156px;
  margin: 0 auto;
  width: 110px
}

span.coll-thumb {
  display: block;
  max-height: 156px;
  max-width: 110px;
  text-align: center;
  vertical-align: top;
}

span.coll-title {
  border-top: solid 2px #7f7f7f;
  display: block;
  font-size: 62.5%;
  margin-top: 11px;
  padding-top: 8px;
  text-align: center;
  width: 100%
}

span.coll-nav a {
  border: solid 1px red;
  color: #000;
  margin: 0 70px
}

span.mini-image.coll {
  display: inline-block;
  width: 100%
}

div.products_list_panel a,
div.products_list_panel h2.general-title{ color: inherit }

div.products_list_panel {
  padding-top: 48px;
}

div.products_list_panel div[class*=' col-']{
  min-height: 0;
}

div.products_list_panel h2.general-title{
  padding-top: 40px;
}

@media (max-width: 767px) {
  div.products_list_panel .controller {
    display: none;
  }
}

.products_list_panel h3 {
  display: block;
  text-transform: uppercase;
  text-align: center;
  padding: 20px 0 10px 0;
  margin: 0 auto;
  max-width: 50%;
  text-align: center;
}

ul.products_list > li { position: relative }
.collection_list ul.products_list > li .controller { color: #000 }

ul.products_list > li .row a {
  display: block;
  font-size: 81.25%
}

ul.products_list > li > div.counter {
  display: block;
  font-size: 1.4rem;
  float: none;
  text-align: center;
  margin-bottom: 36px;
}

.perfect_square {
  background-color: black;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 106.6%;
  position: relative;
  margin-top: 12px;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .perfect_square.rectangular {
    padding-bottom: 51.1%;
  }
}

.perfect_square picture {
  position: absolute;
  top: 30px;
  left: 30px;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  display: block;
}
.perfect_square picture img {
  width: 100%;
  height: 100%;
}
img[data-object-fit="cover"] {
  object-fit: cover;
  object-position: center center;
  width: 100%;
}
img[data-object-fit="contain"] {
  object-fit: contain;
}

div.counter {
  font-size: 1.4rem;
  letter-spacing: 0.2rem
}

div.coll-more {
  font-size: 86%;
  font-weight: lighter
}

/* -- COLLECTION ARCHIVE -- */
div.collection-item {
  display: block;
  text-align: center;
  width: 100%
}

div.collection-item span {
  display: inline-block;
  text-align: center;
  width: 47%
}

/* -- STORY -- */
div.main-story-image {
  display: block;
  margin: 0 auto;
  width: 100%
}

div.main-story-image img {
  display: block;
  width: 100%
}

div.story-intro {
  display: block;
  font-size: 1.5vw;
  font-style: italic;
  letter-spacing: 0.025em;
  line-height: 1.5em;
  max-width: 500px;
  margin: 10px auto;
  text-align: center;
}

div.story-link {
  background: #fff;
  display: block;
}

div.story-link div {
  color: #000;
}

div.story-link div.share-block {
  margin-top: 0;
  padding: 0;
}

div.story-content {
  color: #000;
  display: block;
  margin: 0 auto;
  width: 100%
}

div.story-content .story-image{
  background-color: white;
}

div.next-story-text {
  color: #fff;
  margin-bottom: 30px
}

div.linked-story {
  display: block;
  margin: 0 auto;
  max-width: 1280px;
}

ul.story-panel {
  display: block;
  list-style: none;
  margin: 0 auto;
  position: relative;
  max-width: 1280px;
}

ul.story-panel > li {
  display: inline-block;
  text-align: center;
  margin: 6% auto;
  width: 49%
}

div.story-header {
  display: block;
  max-height: 630px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 100
}

div.story-main-title {
  bottom: 70%;
  display: block;
  font-size: 325.2%;
  letter-spacing: 10px;
  line-height: 1.750em;
  position: relative;
  text-transform: uppercase;
  z-index: 200
}

span.story-main-htag {
  display: block;
  font-size: 1.7vw;
  font-style: italic;
  font-weight: lighter;
  letter-spacing: 0.02em;
  line-height: 1.6em;
  margin-bottom: 8px
}

div.story-text-panel {
  background: #fff;
  color: inherit;
  display: block;
  width: 100%
}

div.story-text-panel a {
  color: #9a9a9a;
  text-decoration: none
}

div.story-text div.story-title {
  font-size: 175%;
  letter-spacing: 0.2em;
  line-height: 1.36em;
  margin: 0 auto 80px auto;
  max-width: 75%;
  text-align: center;
  text-transform: uppercase
}

article.product-screen div.story-text, article.job-jobs p {
  display: block;
  font-size: 97.5%;
  line-height: 1.750em;
  margin: 0 auto;
  width: 570px;
  text-align: justify
}

div.story-text p:last-child { padding-bottom: 0 }

div.story-full-image, div.story-full-image img {
  display: block;
  margin: 0;
  position: relative;
  width: 100%;
 }

div.story-full-image-caption {
  background-color: rgba(0,0,0,.7);
  bottom: 0;
  color: white;
  left: 0;
  right: 0;
  padding: 20px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;

  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

div.story-full-image:hover div.story-full-image-caption {
  opacity: 1;
}

div.product-link {
  display: block;
  font-size: 81.3%;
  font-weight: lighter;
  letter-spacing: 0.2em;
  line-height: 1.46em;
  margin-top: 35px;
  margin-bottom: 38px;
  text-align: center;
  width: 100%
}

div.product-link a { color: inherit }

div.story-panel-image {
  background: #fff;
  display: block;
  text-align: center;
  width: 100%;
}

div.story-panel-image img {
  max-width: 776px;
  width: 100%
}

div.story-panel-images ul, div.product-panel {
  color: inherit;
  display: block;
  padding: 15% 2% 30% 2%;
  width: 100%
}

div.story-panel-images li, span.product-image {
  display: inline-block;
  margin: 0;
  max-height: 500px;
  min-height: 300px;
  padding: 0;
  text-align: center;
  width: 50%
}

div.story-panel-images li img { max-height: inherit }

div.product-panel span.product-name {
  display: inline-block;
  max-height: 500px;
  position: relative;
  text-align: center;
  width: 49%
}

span.strapline, div.read-more, p.read-more {
  display: block;
  font-size: 81.3%;
  letter-spacing: 0.6px;
  text-align: center;
  width: 100%
}

div.product-panel span.strapline {
  color: #fff;
  line-height: 1.36em;
  margin-bottom: 70px
}

div.story-link h2.general-title {
  margin-bottom: 0;
}

div.story-link span.strapline {
  font-style: italic;
  margin-top: 1rem;
}

div.read-more, p.read-more { padding-bottom: 40px }
div.product-panel div.read-more, p.read-more { margin-bottom: 0 }

div.read-more a { text-decoration: none }

p.read-more.base a {
  display: block;
  font-size: 81.25%;
  padding-top: 20px
}

/* Overrides for flexSlider CSS that is usually printed inline */
/* The printed root selector is something like .metaslider-86368. We override it with two classes .metaslider.metaslider-flex */
  .metaslider.metaslider-flex .flexslider .flex-control-paging li a,
  .metaslider.metaslider-flex .flexslider .flex-control-paging li a:hover {
    padding: 0;
    box-shadow: none;
    text-indent: -9999px;
    border-style: solid;
    display: inline-block;
    border-color: rgba(0,0,0,1);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-width: 0px;
    border: 0px solid rgba(0,0,0,1);
    line-height: 4px;
    width: 4px;
    height: 4px;
    margin: 0 8px;
    background: rgb(0, 0, 0);
    background: rgb(0, 0, 0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 0, 0)), to(rgb(0, 0, 0)));
    background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgb(0, 0, 0));
    background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(0, 0, 0));
    background: -ms-linear-gradient(top, rgb(0, 0, 0), rgb(0, 0, 0));
    background: -o-linear-gradient(top, rgb(0, 0, 0), rgb(0, 0, 0));
    background: linear-gradient(top, rgb(0, 0, 0), rgb(0, 0, 0));
  }

  .metaslider.metaslider-flex .flexslider .flex-control-paging li {
    margin: 0;
    text-indent: 0;
    width: auto;
  }

  .metaslider.metaslider-flex .flexslider .flex-control-paging li a.flex-active {
    border: 0px solid rgb(255, 255, 255);
    background: rgb(255, 255, 255);
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(255, 255, 255)));
    background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(255, 255, 255));
    background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(255, 255, 255));
    background: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(255, 255, 255));
    background: -o-linear-gradient(top, rgb(255, 255, 255), rgb(255, 255, 255));
    background: linear-gradient(top, rgb(255, 255, 255), rgb(255, 255, 255));
  }

  .metaslider.metaslider-flex .flexslider .flex-control-paging {
    line-height: 4px;
    z-index: 99;
    padding: 0;
    text-align: left;
    margin: 20px 0px;
    width: 100%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
  }

  .metaslider.metaslider-flex .flexslider .flex-direction-nav .flex-prev {
    background: none;
    margin-top: 0;
    width: 32px;
    height: 63px;
    opacity: 1;
    left: auto;
    padding: 0;
    position: relative;
    -moz-transition-property: none;
    transition-property: none;
    text-indent: -8px;
    font-size: 30px;
  }

  .metaslider.metaslider-flex .flexslider .flex-direction-nav .flex-next {
    background: none;
    margin-top: 0;
    width: auto;
    height: auto;
    opacity: 1;
    right: auto;
    position: relative;
    -moz-transition-property: none;
    transition-property: none;
    text-indent: -2px;
    font-size: 30px;
  }

  .metaslider.metaslider-flex .flexslider:hover .flex-direction-nav .flex-prev {
    left: auto;
    opacity: 1;
  }

  .metaslider.metaslider-flex .flexslider:hover .flex-direction-nav .flex-next {
    right: auto;
    opacity: 1;
  }
/* FlexSlider that is usually printed inline */

div.bxslider-multi div.bx-controls-direction {
  display: none;
  visibility: hidden
}

div.bx-controls.bx-has-pager { max-height: 0 }

.metaslider.metaslider-flex .flexslider .flex-control-nav.flex-control-paging,
div.story-content .bx-wrapper .bx-pager {
  background: transparent;
  bottom: 40px;
  display: block;
  max-height: 14px;
  position: relative;
  text-align: center;
  visibility: visible;
  z-index: 666
}

.metaslider.metaslider-flex .flexslider .flex-control-nav.flex-control-paging{
  max-height: 0;
  margin: 0;
}

.metaslider.metaslider-flex .flexslider .flex-control-nav.flex-control-paging li,
div.story-content .bx-wrapper .bx-pager.bx-default-pager div {
  display: inline-block ;
  padding: 0 8px;
  width: 25px;
}

.metaslider.metaslider-flex .flexslider .flex-control-nav.flex-control-paging li a,
div.story-content .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link {
  display: inline-block;
  text-indent: -9999px;
  width: 7px;
  height: 7px;
  border: 1px solid rgba(255,255,255,.8);
  background: rgba(255,255,255,.8);
  margin: 8px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.metaslider.metaslider-flex .flexslider .flex-control-nav.flex-control-paging li a.flex-active,
div.story-content .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active {
  border: 1px solid rgba(255,255,255,.8);
  background: transparent;
}

div.pager-slideshow.full-slideshow {
  color: #fff;
  left: 10%;
  margin: 23% auto 0 auto;
  max-width: 1280px;
  position: absolute;
  width: 80%;
  z-index: 9999
}

.metaslider.metaslider-flex .flexslider .flex-direction-nav,
div.story-content div.bx-controls-direction {
  color: #fff;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 9999
}

.meta-show .flex-direction-nav,
div.story-content div.bx-controls-direction {
  display: none;
}

.meta-show:hover .flex-direction-nav,
div.story-content .slider-container:hover div.bx-controls-direction {
  display: block;
}

.meta-show {
  position: relative;
}

.meta-show .metaslider {
  position: static;
  margin: 0 auto;
}

.product-nav,
div.products_list_panel > .controller {
  position: absolute;
  top: 55.5%;
  width: 100%;
}

.metaslider.metaslider-flex .flexslider .flex-direction-nav .flex-next,
.product-nav.controller .slider-next,
div.products_list_panel > .controller .slider-next,
.bxslider .controller .slider-next,
div.story-content div.bx-controls-direction a.bx-next {
  background-color: rgba(0,0,0,.5);
  display: inline-block;
  float: right;
  position: relative;
  top: 0;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
}

.metaslider.metaslider-flex .flexslider .flex-direction-nav .flex-prev,
.product-nav.controller .slider-prev,
div.products_list_panel > .controller .slider-prev,
.bxslider .controller .slider-prev,
div.story-content div.bx-controls-direction a.bx-prev {
  background-color: rgba(0,0,0,.5);
  display: inline-block;
  float: left;
  position: relative;
  top: 0;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
}

.metaslider.metaslider-flex .flexslider .flex-direction-nav .flex-next:after,
.metaslider.metaslider-flex .flexslider .flex-direction-nav .flex-prev:before {
  content: '';
  left: 0;
}

.metaslider.metaslider-flex .flexslider .flex-direction-nav .flex-next:after,
.metaslider.metaslider-flex .flexslider .flex-direction-nav .flex-prev:before,
.product-nav span span,
.products_list_panel .controller > span a > span,
div.story-content div.bx-controls-direction a > span {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 10px;
}

.metaslider.metaslider-flex .flexslider .flex-direction-nav .flex-next:after,
.product-nav span.slider-next span,
.products_list_panel .controller > span.slider-next a span,
div.story-content div.bx-controls-direction a.bx-next > span {
  border-left: 0;
  border-bottom: 0;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  margin-left: -10px;
}

#wrap {
    position:relative;
    width: 200px;
    background: silver;
    border: 1px solid grey
}

#text {
    position: absolute;
    width: 40px;
    right: 0;
    top: 0;
    bottom: 0;
    background: black;
    color:white
}

div.next-story {
  display: block;
  font-family: inherit;
  font-size: 83.6%;
  line-height: 1.36em;
  margin: 0 auto;
  width: 50%
}

div.next-story-excerpt {
  display: inline-block;
  width: 86%
}

span.next-story-title {
  display: block;
  font-size: 110%
}

span.next-story-text {
  display: block;
  margin-top: 10px;
  padding-top: 10px
}

div.next-story-thumb {
  display: inline-block;
  width: 10%
}

/* -- SLIDER -- */
div.bx-viewport { width: 100%!important }

.bx-wrapper {
  margin: 0 auto;
  padding: 0;
  position: relative;
  *zoom: 1;
}

/* parent should have the positioning so that arrows are aligned to the sides of the screen */
.slider-container .container-fluid.no-padding .bx-wrapper {
  position: static;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: transparent url('images/dg_loader.gif') center center no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

div.controller {
  color: #fff;
  margin-bottom: 6%;
  position: absolute;
  width: 100%;
  z-index: 9999
}

div.controller span {
  display: inline-block;
  vertical-align: middle;
  width: 28%
}

div.controller span.slider-mid {
  max-height: 180px
}

.bx-wrapper .bx-controls-direction a.disabled { display: none }

div.bx-wrapper.imager a.bx-prev,
div.bx-wrapper.imagel a.bx-prev,
div.bx-wrapper.imager a.bx-next,
div.bx-wrapper.imagel a.bx-next,
div.controller span.slider-prev,
div.controller span.slider-next,
div.controller span.slider-prev a,
div.controller span.slider-next a,
div.controller span.posts-nav a {
  color: inherit;
  font-size: 81.25%;
  left: 0;
  letter-spacing: 7px;
  text-align: center
}

div.product-nav.controller span.slider-prev,
div.product-nav.controller span.slider-next,
.products_list_panel div.controller span.slider-prev,
.products_list_panel div.controller span.slider-next {
  position: absolute;
}
div.product-nav.controller span.slider-prev,
.products_list_panel div.controller span.slider-prev {
  left: 0;
}
div.product-nav.controller span.slider-next,
.products_list_panel div.controller span.slider-next {
  left: auto;
  right: 0;
}

div.bx-wrapper.imager a.bx-next, div.bx-wrapper.imagel a.bx-next {
  position: relative;
  text-align: right;
  width: 50%
}

.slider-thumb {
  display: inline-block;
  margin-right: 10px;
  height: 500px;
  position: relative;
  text-align: center;
  width: 48%;
}

ul.bxslider > li {
  padding: 0
}

span.slider-content {
  display: inline-block;
  height: 500px;
  padding: 8% 0;
  position: relative;
  text-align: center;
  width: 48%
}

span.slider-content.collection.left { text-align: right }
span.slider-content.collection h3, span.slider-content.collection .product-ref, span.slider-content.collection .product-link.collection {
  margin: 16px auto;
  max-width: 300px;
  text-transform: uppercase
}

.slider-thumb img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
}

h3.chronicle {
  font-size: 240%;
  font-weight: normal;
  letter-spacing: 0.8px;
  line-height: 3.125em;
  margin-bottom: 10px
}

h3.chronicle a {
  text-decoration: none
}

h3.chronicle.collection {
  line-height: 1em;
  margin-top: 25%;
  padding-top: 12.6%
}

span.slide-text {
  display: block;
font-family: 'Libre Baskerville', serif;
  font-size: 81.25%;
  letter-spacing: 0.8px;
  line-height: 1.26em;
  margin: 0 auto;
  max-width: 400px
}

span.slide-text.hp-panel { margin-bottom: 10px }

span.of-of-results {
  display: block;
  font-family: 'Libre Baskerville', serif;
  font-size: 81.25%;
  letter-spacing: 0.8px;
  margin: 20px 0
}

span.read-more.slide {
  display: block;
  font-family: 'Libre Baskerville', serif;
  font-size: 81.25%;
  letter-spacing: 0.8px
}

span.slider-content div.controller { bottom: 20px }

/* PAGER */
.bx-wrapper .bx-pager {
  display: none;
  visibility: hidden
}

/* -- LOCATIONS MAP -- */
.prettyMapList .prettyFileBar .prettyMapListSearch input:focus {
  border: solid 1px #464646!important;
  outline: none!important;
  box-shadow: none!important
}

h1.mapllist-title {
  display: block;
  font-size: 162.5%;
  letter-spacing: 5px;
  line-height: 1.5em;
  margin: 0 auto 20px auto;
  text-transform: uppercase;
  text-align: center;
}

div.location-search {
  display: block;
  margin: 0 auto;
  margin-bottom: 34px;
  max-width: 60%
}

div.location-search input[type="text"] {
  background: transparent;
  border: solid 1px #8c8c8c;
  color: #fff;
  display: inline-block;
  float: left;
font-family: 'Libre Baskerville', serif;
  font-size: 106.3%;
  height: 40px;
  text-transform: uppercase;
  width: 93%;
  text-align: center
}

div.location-search input[type="submit"] {
  background: transparent;
  border: none;
  color: #fff;
  display: inline-block;
  float: right;
 font-family: 'Libre Baskerville', serif;
  font-size: 131.3%
}

div.map-content {
  display: block;
  margin-bottom: 70px;
  text-align: center;
  width: 100%
}

div.map-list {
  cursor: pointer;
  display: block;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  width: 100%
}

div.store-list {
  background: #000;
  display: none;
  font-family: 'Libre Baskerville', serif;
  font-size: 81.25%;
  letter-spacing: 1px;
  opacity: 0.8;
  padding: 20px;
  position: absolute;
  top: 36px;
  width: 100%;
  z-index: 330333
}

div.store-list ul {
  display: block;
  margin: 0 auto;
  width: 76%
}

div.store-list ul li {
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 2.7%;
  text-align: left;
  width: 17%
}

.prettyMapList .mapHolder .infoWindow { color: #000 }
.infoWindow a { color: #000 }

.prettyPagination .pagingInfo {
  font-size: 76%;
  margin-top: 0!important
}

/* -- SHARE -- */
div.share-block {
  display: block;
  font-size: 62.5%;
  min-height: 20px;
  letter-spacing: 1px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 200px;
  z-index: 9
}

div.share-block-drk {
  color: white;
}

div.share-block span {
  display: inline-block;
  height: 20px;
  width: auto;
  cursor: pointer;
}

div.share-block span.share-panel {
  padding-left: 20px;
  margin-right: 8px;
  margin-top: 10px;
}
div.share-block span.share-panel:before {
  content: "\e800 ";
  font-family: 'dg_icons';
  font-size: 1.5rem;
  vertical-align: -.3rem;
  padding-right: .3rem;
}

div.share-block span.love-panel { background: url('images/dg-icon-love.png') 0px 3px no-repeat }
div.share-block span.love-panel:hover { background: url('images/dg-icon-love-o.png') 0px 3px no-repeat }
div.share-block span.love-panel-drk { background: url('images/dg-icon-love-o.png') 0px 3px no-repeat }
.share-block-drk span { color: #fff }

div.share-pop {
  color: #fff;
  display: block;
  padding: 10px;
  width: auto
}

li.right.vcenter div.share-block {
  margin: 0;
  margin-bottom: 90px
}

li.right.vcenter div.share-block { width: auto }

/* -- GFORM -- */
div.gform_wrapper {
  display: block;
  margin: 20px auto;
  width: 50%
}

div.artof_wrapper { width: 90% }

div.artof_wrapper .gform_footer input.button { color: #464646 }
div.artof_wrapper .gform_footer input.button:hover { color: #fff }

a.artof-intro { font-style: normal }
div.artof_wrapper li.field_12_7 { font-style: italic }

.gform_wrapper h3.gform_title {
font-family: 'Libre Baskerville', serif;
  text-align: center;
}

.gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea { width: 81%!important }

.gform_wrapper textarea.textarea {
  padding: 6px }

.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { padding: 1em 0 0.625em 50%!important }

.gform_wrapper .left_label .gfield_label, label#label_3_6_1 {
  display: inline-block;
font-family: 'Libre Baskerville', serif;
  font-size: 75%;
  font-style: normal;
  font-weight: lighter!important;
  letter-spacing: 0.2em;
  width: 17%!important;
  text-transform: uppercase;
  white-space: nowrap
}

div#gform_wrapper_2, div#gform_fields_3 { margin-top: 40px }

span#extensions_message.screen-reader-text {
  display: block;
  font-size: 12px;
  margin-left: 120px;
  margin-top: 10px;
  width: 100%
}

ul#gform_fields_1 input,
ul#gform_fields_1 textarea,
ul#gform_fields_2 input,
ul#gform_fields_2 textarea,
ul#gform_fields_3 input,
ul#gform_fields_3 textarea,
ul#gform_fields_4 input,
ul#gform_fields_4 textarea,
ul#gform_fields_5 input,
ul#gform_fields_5 textarea,
ul#gform_fields_6 input,
ul#gform_fields_6 textarea,
ul#gform_fields_7 input,
ul#gform_fields_7 textarea,
ul#gform_fields_8 input,
ul#gform_fields_8 textarea,
ul#gform_fields_9 input,
ul#gform_fields_9 textarea,
input#input_10_2,
input#input_10_3 {
background: transparent;
color: #fff;
display: inline-block;
font-size: 81.25%;
letter-spacing: 2px;
text-align: center
}

input#input_11_1,
input#input_11_2,
input#input_11_3 {
background: transparent;
color: #000;
display: inline-block;
font-size: 81.25%;
letter-spacing: 2px;
text-align: center
}

select#input_3_12, select#input_3_13, select#input_2_12, select#input_1_4, select#input_3_4, select#input_5_4, select#input_6_12, select#input_4_4, select#input_7_4, select#input_8_4, select#input_9_12, select#input_10_1 {
  background: transparent;
  border: solid 1px #464646;
  color: #fff;
  display: block;
font-family: 'Libre Baskerville', serif;
  font-size: 75%;
  height: 29px;
  padding: 0.250em 0.125em 0.250em 0.125em;
  text-transform: uppercase
}

li#field_10_1 select { padding-top: 30px }

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gfield input,
.gfield textarea {
  background: transparent;
  border: solid 1px #464646;
 font-family: 'Libre Baskerville', serif;
  font-size: 86%!important;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase
}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover { background: #464646 }
.gform_wrapper .gfield_required { color: #fff!important }

.gform_wrapper .left_label .gfield_description {
  color: #999;
 font-family: 'Libre Baskerville', serif;
  font-size: 80%;
  font-style: italic;
  margin-left: 19%!important
}

.gform_wrapper div.validation_error {
  border: none!important;
  color: #fff!important;
font-family: 'Libre Baskerville', serif;
  font-size: 86%!important;
  font-style: italic!important;
  font-weight: normal!important
}

.gform_wrapper .gfield_error .gfield_label { color: #000!important }
.gform_wrapper li.gfield_error textarea, .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=email] {
  border: 1px solid #000!important;
  color: #000!important
}

.gform_wrapper li.gfield.gfield_error {
  background: #fff!important;
  border: none!important;
  margin-top: 0!important;
  padding-right: 16px!important
}

div.gform_confirmation_wrapper {
  display: block;
  font-size: 110%!important;
  margin: 50px auto;
  max-width: 640px;
  text-align: center
}

div.gform_confirmation_wrapper a { text-decoration: underline }

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { font-weight: normal!important }

ul.gfield_radio#input_3_5, ul.gfield_checkbox#input_3_6, ul.gfield_radio#input_1_6, ul.gfield_radio#input_5_6 { margin-left: 0!important }

li#field_3_6 span.gfield_required {
  display: none;
  visibility: hidden
}

li.hunt-radio ul.gfield_radio, ul.gfield_radio#input_1_6, ul.gfield_radio#input_5_6, ul.gfield_radio#input_4_6, ul.gfield_radio#input_7_6, ul.gfield_radio#input_8_6 {
  display: block;
  font-size: 75%;
  padding-left: 20%;
  padding-top: 20px
}

ul.gfield_radio#input_5_6, ul.gfield_radio#input_1_6, ul.gfield_radio#input_4_4, ul.gfield_radio#input_4_6, ul.gfield_radio#input_7_6, ul.gfield_radio#input_8_6 { margin-left: 0!important }

li#field_4_7, li#field_5_7, li#field_7_7 {
  text-transform: uppercase;
  width: 100%
}

label#label_3_6_1 a { text-decoration: underline }

div.eggcenter {
  display: block;
  text-align: center;
  width: 100%
}

li#field_1_7, li#field_5_7, li#field_4_7, li#field_7_7, li#field_8_7 {
font-family: 'Libre Baskerville', serif;
  font-size: 75%;
  font-style: normal;
  font-weight: lighter!important;
  letter-spacing: 0.2em;
  margin: 0!important;
  max-width: 100%!important
}

li#field_5_6.gfield_html, li#field_1_7.gfield_html, li#field_8_7.gfield_html  { width: 100%!important }

/* -- VIDEO -- */
.fve-video-wrapper { margin: 0!important }

/* -- SITEMAP -- */
.sitemap {
  font-size: 86%;
  background: black;
  padding-bottom: 60px;
}


.sitemap li {
  margin: 6px 0;
}

/* -- JOBS -- */
div.twelve.columns.job {
  display: block;
  line-height: 1.750em;
  margin-top: 100px;
  max-width: 640px;
  width: 100%
}

div.twelve.columns.careers {
  display: block;
  max-width: 640px;
  width: 100%
}

div.jobs-quote {
  display: block;
  font-style: italic;
  margin: 20px auto;
  max-width: 960px;
  text-align: center;
  width: 100%;
}

ul.job-list {
  display: block;
  margin: 20px auto;
  max-width: 570px;
  text-align: left;
  width: 100%;
}

article.job-jobs {
  background: #fff;
  color: #000;
  display: block;
}

article.job-jobs a { color: #000 }

#job-section h1.general-title {
  display: block;
  margin: 30px auto
}

div.job-job h2.job {
  padding-top: 20px;
  margin-bottom: 10px
}

div.job-list {
  display: block;
  font-size: 87.5%;
  line-height: 1.36em;
  margin: 20px auto;
  text-align: center
}

div.job-list li { line-height: 2.6em }

div.job-job {
  display: block;
  margin-top: 30px
}

div.job-main {
  display: block;
  line-height: 1.36em;
  margin: 20px auto;
  max-width: 570px
}

div.job-main ul {
  display: block;
  list-style: circle!important;
  margin-left: 20px;
  width: 100%
}

div.job-main li { padding-bottom: 16px }

div.job-application_wrapper { width: 100%!important }
#job-section ul#gform_fields_9 input { color: #000 }
#job-section input#input_9_4 { border: none }

#job-section input#input_9_4::-webkit-file-upload-button {
  background: transparent;
  border: solid 1px #464646;
  color: #464646;
  display: block;
  font-family: 'Libre Baskerville', serif;
  font-size: 75%;
  height: 29px;
  outline: none;
  padding: 0.250em;
  text-transform: uppercase
}

#job-section input#input_9_4::-webkit-file-upload-button:hover {
  background: #464646;
  color: #fff
}

#job-section input#gform_submit_button_9 {
  background: transparent;
  border: solid 1px #464646;
  color: #464646
}

#job-section input#gform_submit_button_9:hover {
  background: #464646;
  color: #fff
}

#job-section input#gform_submit_button_11:hover {
  background: #464646;
  color: #fff
}

form#gform_11.job-application div.gform_footer.left_label {
  margin-left: 0;
  width: 100%;
}

form#gform_9.job-application div.validation_error {
  color: #000!important
}


div.twelve.columns.job div.gform_wrapper { width: 100%!important }
div.twelve.columns.job p, div.twelve.columns.job li { padding-bottom: 10px }
div.twelve.columns.job ul { margin: 20px }
div.twelve.columns.job li { list-style: circle }

div.issuuWrapper {
  height: 0;
  max-width: 100%;
  min-width: 100%!important;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative
}

div.issuuWrapper iframe, div.issuuWrapper canvas, div.issuuWrapper object {
  height: 100%!important;
  margin: 0 auto;
  max-width: 100%!important;
  min-width: 100%!important;
  position: absolute;
  top: 0
}

/* -- FOOTER -- */
footer.dg_row {
  background: #000;
  display: block;
 font-family: 'Libre Baskerville', serif;
  font-size: 75%;
  letter-spacing: 0.5px;
  margin: 0px auto;
  margin-top: 0;
  padding: 60px;
  padding-bottom: 40px;
  text-align: center;
  width: 100%
}


/* ul#menu-footer-menu.menu li a { color: #fff!important } */
ul#menu-footer-menu.menu li ul a { color: #808080!important }


/* - COOKIE */
.cookie-message {
  background: #000;
  color: #444;
  font-size: 76%;
  padding:10px;
  text-align: center
}

.cookie-message a {
  color: #808080;
  cursor:pointer
}

a.cookiebar-close {
  background: #333;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  padding: 4px
}

ul#menu-footer-menu.menu {
  display: block;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}

ul#menu-footer-menu.menu > li {
  background: inherit!important;
  display: block;
  width: auto;
  cursor: pointer;
  vertical-align: top;
  text-align: center;

  text-transform: uppercase;
  font-weight: bold;
}

/* four columns on desktop, one elsewhere */
@media (min-width: 768px) {
  ul#menu-footer-menu.menu > li {
    display: block;
    float: left;
   
    text-align: left;
    padding-right: 30px;
  }
  ul#menu-footer-menu.menu > li:last-child {
   
    padding-right: 0;
  }
}

/* hide footer menu sections except first and .socials */
@media (max-width: 767px) {
  ul#menu-footer-menu.menu li .sub-menu {
    display: none;
  }
  ul#menu-footer-menu.menu li:first-child .sub-menu,
  ul#menu-footer-menu.menu li.follow-us .sub-menu {
    display: block;
    margin-bottom: 20px
  }
  ul#menu-footer-menu.menu li.follow-us > a {
    display: none;
  }
}

ul#menu-footer-menu.menu .sub-menu li {
  text-transform: none;
  font-weight: normal;
}

ul#menu-footer-menu.menu li a {
  
  letter-spacing: 0.25em;
  line-height: 2.4em;
  font-family: 'Libre Baskerville', serif;
 
  font-weight: normal;
  margin-bottom: 10px;
  display: block;
}
ul#menu-footer-menu.menu .sub-menu a {
  letter-spacing: 0.11em;
  margin-bottom: 0;
}

ul#menu-footer-menu.menu li.dg-icon {
  display: inline-block;
  border-radius: 50px;
  background-color: white;
  color: black;
  margin: 0 1.5rem 0 0;
  text-align: center;
  line-height: 26px;
  width: 26px;
  position: relative;
  margin-top: 8px;
}

ul#menu-footer-menu.menu li.dg-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 26px;
  font-size: 14px;
  text-align: center;
  margin: 0;
  z-index: 1;
}

ul#menu-footer-menu.menu li.dg-icon.icon-twitter:before{
  left: 1px;
}

ul#menu-footer-menu.menu li.dg-icon.icon-linkedin:before{
  top: -1px;
  left: 1px;
}

ul#menu-footer-menu.menu li.dg-icon a {
  display: inline-block;
  text-indent: -9999px;
  width: 26px;
  line-height: 26px;
  float: right;
  z-index: 2;
  position: relative;
}

ul#menu-footer-menu.menu li.dg-icon:last-child { margin-right: 0 }

time.entry-date {
  display: none;
  visibility: hidden
}

div#lang_sel_click {
  display: inline-block;
  font-family: 'Libre Baskerville', serif;
  height: auto!important;
  margin: 0!important;
  padding: 0!important;
  visibility: visible
}

div#lang_sel_click a {
  background: #000!important;
  border: none!important;
  color: #808080!important;
  margin: 0!important;
  padding: 0 6px!important;
  line-height: 9px !important;
  font-size: 100% !important;
}

#lang_sel_click ul ul {
  padding-top: 0px !important;
  padding-bottom: 20px !important;
  top: auto !important;
  bottom: 25px !important;
  border: 0 !important
}

.social-text {
    display: block;
    font-size: 14px;
    letter-spacing: 0.25em;
    line-height: 1em;
    margin: 0 auto;
    padding: 0px 0 30px;
    text-transform: uppercase;
}

div.socials {
  background: #000;
  display: block;
  height: auto!important;
  padding: 50px 0;
  margin: 0 auto;
  text-align: center;
  width: 100%
}

.social-icons li {
  display: inline-block;
    padding: 0px 14px;
}

.social-icons img {
    display: block;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}

.social-icons li img:hover {
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  opacity: 0.6
}

span#show { cursor: pointer }

span#hide {
  color: #fff;
  cursor: pointer;
  display: block;
  margin: 20px 0
}


em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

ul.mobile-menu { display: none }

/* -- 404 -- */
div.smap-header {
  display: block;
font-family: 'Libre Baskerville', serif;
  line-height: 2em;
  margin: 50px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

@media (min-width: 768px) {
  div.smap-header h1.general-title.ChronicleDeck { font-size: 270% }
}

/* -- WINTER STORIES -- */
div.story-content.winter { background: #000!important }

div.meta-show p { margin-bottom: 0!important }

  div.meta-title {
    background: #000;
    color: #fff;
    display: block;
    font-size: 150%;
    line-height: 2em;
    padding: 18px 0;
    text-transform: uppercase;
    width: 100%
  }

  div.meta-title img { vertical-align: text-bottom }

  div.meta-title p {
    background: #000 url('images/dg-logo-header.png') no-repeat;
    background-position: 70px 5px;
    display: block;
    margin: 0 auto!important;
    max-width: 900px;
    padding-left: 110px;
  }

  div.story-content.winter div.story-text-panel {
    background: #000;
    color: #fff
  }

  div.story-content.winter h2.general-title {
    display: none;
    visibility: hidden
  }

  div.story-content.winter span.product-name h2.general-title {
    display: block;
    visibility: visible
  }

  div.story-content.winter div.story-text {
    background: #000;
    display: block;
    font-size: 97.5%;
    line-height: 1.750em;
    margin: 0 auto 36px auto;
    padding: 44px 80px;
    width: 900px!important
  }

  div.story-content.winter div.story-text p { padding-bottom: 0 }
  div.story-content.winter div.story-full-image,
  div.story-content.winter div.story-full-image img { max-height: 100% }
  div.story-content.winter div.story-full-image { margin-bottom: 36px }
  div.story-content.winter div.story-text-panel a { color: #fff!important }

  div.meta-content {
    background: #000;
    color: #fff;
    display: block;
    font-size: inherit;
    line-height: inherit;
    margin: 0 auto 36px auto;
    padding: 32px 80px;
    width: 900px
  }

  span.meta-title {
    display: block;
    margin-bottom: 14px;
    text-transform: uppercase
  }

span.meta-excerpt.left { width: 230px }
span.meta-excerpt.right { width: 66% }

span.meta-excerpt.left img {
  display: block;
  height: 150px;
  width: 230px;
}

span.meta-link {
  display: block;
  margin-top: 14px
}

div.story-content.winter div.product-panel { background: #000 }
div.story-content.winter div.story-panel-images { margin-bottom: 36px }

/* -- AW FRAME -- */
div.twelve.columns.single.aw { min-height: 2600px!important }

div.product-shot.prod.full-height {
  background-repeat: no-repeat;
  background-position: center top!important; 
  background-size: cover;
}

@media (min-width: 1200px) {
  body.single-stories div.product-shot.prod.full-height {
   /* --  background-position: left 70px !important; -- */
    background-attachment: fixed;
	   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
}

/* -- PHONES -- */
@media only screen and (max-width : 1023px), only screen and (width: 1024px) and (orientation: portrait) {
  body.home div.dg_row.header + div {
    margin-top: 0;
  }

  div.main-logo,
  header#header,
  span.slide-text,
  .next-story-text,
  span.mini-image.coll,
  div.coll-more,
  span.product-name,
  div.product-content.hp,
  h2.general-title.ChronicleDeck.hp-panel,
  h3.general-title.ChronicleDeck,
  div.bx-controls-direction,
  div.bx-pager,
  div.text-overlay,
  .not-mobile {
    display: none!important;
    visibility: hidden
  }


  li.flags_language_selector {
    display: inline-block;
    font-size: 86%;
    padding-top: 3.6%;
    vertical-align: bottom
  }

  li.flags_language_selector span {
    display: inline-block;
    margin: 0 6px;
    text-transform: uppercase
  }

  li.flags_language_selector a span { color: #999 }

  #nav-close {
    float: right;
    margin: 16px 16px 0 0
  }

  div.twelve.columns.home > div.with-image {
    min-height: 100%;
  }

  div.hp-head-block {
    margin-top: 0;
  }

  .full-height {
    height: 100%;
  }

  div.hp-head-block.full-height img {
    height: calc(100% - 70px);
    left: 50%;
    max-width: none;
    position: absolute;
    top: 70px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    object-fit: cover;
  }

  /* transparent menu on mobile front page */
  body.home   div.hp-head-block.full-height img {
    height: 100%;
    top: 0;
  }


  div.twelve.columns.home > div.with-image img {
    height: calc(100% - 70px);
    left: 50%;
    max-width: none;
    position: absolute;
    top: 70px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    object-fit: cover;
  }


  div.hp-head-block div.main-title.mobile {
    background-color: transparent;
    /* background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%); */
    bottom: 0;
    display: block;
    padding: 16px 6px 0 6px;
    position: absolute;
    width: 100%;
    z-index: 0
  }

  .header-title {
    font-size: 110%;
    font-weight: 400;
    letter-spacing: 0.28em;
    line-height: 1.6em;
    margin-bottom: 0.4em
  }

  .header-strap {
    font-size: 85%;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.035em;
    line-height: 1.6em;
    margin-bottom: 2.5em;
    max-width: 95%!important
  }

  div.header-link {
    display: block;
    font-size: inherit;
    line-height: 1.36em;
    max-width: 500px;
    margin: 20px auto 40px auto;
    text-align: center;
    text-transform: uppercase
  }

  div.product-shot, div.product-shot.story { margin-top: 0 }
  div.product-shot.prod { max-height: 220px; }

  @media (max-width: 767px) {
    body.single-collection div.product-shot.prod.full-height {
      height: auto;
      background-position: center !important;
    }
    body.single-collection div.product-shot.prod.full-height div[class^="alignment_"]{
      background-color: transparent;
      background: -moz-linear-gradient(top, rgba(0,0,0,0) 50vh, rgba(0,0,0,.85) 65vh,rgba(0,0,0,1) 100vh);
      background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50vh,rgba(0,0,0,.85) 65vh,rgba(0,0,0,1) 100vh);
      background: linear-gradient(to bottom, rgba(0,0,0,0) 50vh,rgba(0,0,0,.85) 65vh,rgba(0,0,0,1) 100vh);
      padding: 60vh 20px 50px;
      position: relative;
      bottom: auto;
      left: 0;
      right: 0;
      top: 0;
    }
  }

  div.product-shot.story h1 { padding-top: 50% }
  div.story-content { width: 100% }

  .stories-panel, .collections-panel, .connect-panel {
    display: none;
    margin: 20px 0;
    padding: 0
  }

  div.story-text-panel {color: #000 }

  /* div.main-story-image, div.main-story-image img { max-height: 200px } */

  ul[id^=menu-connect-menu] li, ul[id^=menu-stories-menu] li, #collections_nav li, #menu-stories-menu li {
    padding: 6px 0;
    width: 100%;
  }

  ul[id^=menu-connect-menu] li, ul[id^=menu-stories-menu] li, #collections_nav li, #menu-stories-menu li, div.dg_container {
    margin: 0 auto;
    width: 100%
  }

  #collections_nav li ul.sub-menu, #menu-stories-menu li ul.sub-menu {
    display: none;
    visibility: hidden
  }

  div.twelve.columns { width: 100% }

  div.twelve.columns.home {
    height: 100%;
    overflow-y: visible;
  }

  div.twelve.columns.single {
    margin-bottom: 0;
    margin-top: 70px
  }

    div#store_locations.twelve.columns.single { background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh }

  div.dg_row {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%!important;
    min-width: 100%!important;
    width: 100%!important;
  }

  ul.bxslider > li { height: auto }

  span.slider-content {
    height: auto;
    padding: 0
  }

  ul.products_list > li > ul > li { max-width: 47% }

  span.slider-thumb,
  span.slider-content,
  div.collection-item span,
  ul.products_list > li > ul > li,
  ul.story-panel > li,
  div.story-panel-images li {
    float: none;
    margin: 0 auto!important;
    position: relative!important;
    width: 100%!important
  }

  span.slider-content.collection.left { text-align: center!important }

  div.product-panel {
    float: none;
    margin: 0 auto!important;
    min-height: 200px;
    position: relative!important;
    width: 100%!important
  }

 span.general-title.chronicle.mobile {
    background: transparent!important;
    bottom: 0;
    display: block;
    font-size: 96%;
    padding: 30px;
    position: absolute;
    text-align: center;
    visibility: visible;
    width: 100%;
    z-index: 999
  }

  div.twelve.columns.home span.slider-content {
    display: none;
    visibility: hidden
  }

  div.product-panel span.product-name, span.product-image { width: 100% }

  span.slider-thumb {
    display: block;
    max-height: 248px;
    visibility: visible;
  }

  span.slider-thumb img {
    display: block;
    max-height: 248px;
    position: relative;
    z-index: 998
  }

  a.general-title.ChronicleDeck.mobile {
    background: #000;
    bottom: 14px;
    display: block;
    max-height: 45px;
    opacity: 0.8;
    padding: 16px 0;
    position: relative;
    visibility: visible;
    z-index: 999
  }

  h1.general-title.collection.ChronicleDeck {
    font-size: 260%;
    margin-bottom: 10px;
    width: 100%
  }

  div.collection-shot {
    height: auto;
    min-height: 230px
  }

  div.product-panel {
    display: block;
    position: relative;
    width: 100%;
    z-index: 98
  }

  div.product-shot h1.general-title.ChronicleDeck {
    font-size: 126%;
    padding-top: 50px
  }

  h1.general-title.story.ChronicleDeck { padding-top: 1% }

  h2.general-title.ChronicleDeck {
    font-size: 108%;
    line-height: 1.6em!important;
    padding: 0 25px
  }

  .story-link h2.general-title.ChronicleDeck {
    padding-top: 28px;
  }

  article.product-screen {
    margin-bottom: 0;
    padding-bottom: 0
  }

  div.product-panel {
    display: block;
    max-height: auto;
    position: relative;
    width: 100%
  }

  span.slider-content.right {
    float: right;
    width: 50%
  }

  div.product-panel span.strapline { height: auto!important }
  p.excerpt.ChronicleDeck { padding: 0 10px }
  div.story-link { max-width: 100% }

  div.social-pops li div.social-block {
    max-width: 96%;
    width: 96%
  }

  div.social-pops h2, div.social-pops h4 { width: 100%!important }
  ul.products_list.shows_8 > li > ul > li { width: 100% }

  ul.products_list > li img {
    min-height: auto;
    margin: 0 auto;
    max-width: 100%
  }

  div.story-header {
    height: 220px;
    max-height: 220px
  }

  div.story-header img {
    height: 220px;
    max-height: 220px
  }

  div.story-main-title {
    font-size: 125.2%;
    letter-spacing: 10px;
    line-height: 1.750em;
    position: relative;
    text-transform: uppercase;
    z-index: 200
  }

  div.story-text div.story-title { margin-bottom: 16px }
  article.product-screen div.story-text { margin-bottom: 0 }
  div.story-words { padding: 0 25px }
  div#store_container div.story-words { padding: 0 14px }
  div.story-panel-images { max-height: 640px }
  div.story-words img { width: 100% }

  div.next-story-text {
    display: block;
    margin: 10px auto;
    text-align: center;
    width: 100%
  }

  dl.toggle.watch_specs { margin-bottom: 20px }
  dl.watch_specs dt { font-size: 86% }

  div.gform_wrapper {
    clear: both;
    display: block;
    padding-left: 10px;
    width: 100%
  }

  .gform_wrapper .gform_footer.left_label { padding: 0!important}
  div.gform_footer.left_label {
    float: none;
    margin-left: 0!important
  }

  .gform_wrapper .gform_footer input[type=submit] { float: right }

  .gform_wrapper .left_label input.large,
  select#input_1_4,
  select#input_2_12,
  .gform_wrapper textarea.large,
  div.gform_wrapper .left_label input.large,
  .gform_wrapper .gform_footer.left_label { width: 96%!important }

  body .prettyMapList .mapHolder {
    display: block;
    max-height: 300px
  }

  h1.mapllist-title {
    display: block;
    width: 100%
  }

  ul#input_1_6.gfield_radio { padding: 0!important }

  footer.dg_row {
    display: block;
    font-size: 76%;
    margin: 0px auto;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%!important;
    min-width: 0;
    width: 100%!important
  }

  footer.dg_row span {
    display: block;
    width: 100%
  }

  ul#menu-footer-menu.menu li div#lang_sel_click ul ul {
    width: auto;
    bottom: 25px !important;
  }

  ul#menu-footer-menu.menu li div#lang_sel_click ul ul li {
    display: block;
    float: none;
    text-align: left;
    line-height: 1;
    margin-bottom: 10px;
    white-space: nowrap;
  }

  div.socials div.header-title { padding-top: 44px!important }

  div.socials li {
    margin-bottom: 30px;
    max-width: 150px
  }

  div.socials li img { margin: 10px auto }

  .header-title { margin-bottom: 10px }
  div.main-title.mobile div.header-strap { padding-bottom: 11px }
}

/* -- EXTRA BREAKPOINTS -- */
/* - COLLECTIONS - */
@media only screen and (min-width : 1020px) and (max-width: 1280px) {
  .alignment_right { right: 6%!important }

  div.product-shot.single-collection { background-position: 0% 10px!important }

  div.product-shot.single-collection .alignment_right,
  div.product-shot.singlecollection .alignment_center { top: calc(38vh – -10px)!important }

  div.product-shot h1.general-title.ChronicleDeck { padding-top: 0px!important }

}

@media only screen and (min-width : 1081px) and (max-width: 1300px) {

  div.product-shot.single-collection { background-position: 6% 10px!important }

}

@media only screen and (min-width : 1301px) and (max-width: 1600px) {
  .alignment_right { right: 8%!important }

  div.product-shot.single-collection { background-position: 12% 10px!important }

}


@media only screen and (min-width : 1601px) {
  .alignment_right { right: 10%!important }

  div.product-shot.single-collection { background-position: 18% 15px!important }


}

/* - PRODUCTS - */
@media only screen and (min-width : 1020px) and (max-width: 1280px) {

  div.product-shot.single-collection.product { background-position: 8% 10px!important }

}

@media only screen and (min-width : 1281px) and (max-width: 1600px) {
  .alignment_right.product { right: 7%!important }

  div.product-shot.single-collection.product { background-position: 18% 15px!important }

}


@media only screen and (min-width : 1601px) {
  .alignment_right.product { right: 8%!important }

  div.product-shot.single-collection.product { background-position: 20% 15px!important }

}

@media only screen and (width : 768px)  and (orientation : portrait) {
  span.right + span.general-title.chronicle.mobile {
    bottom: 25%;
    right: 0;
    width: 49%
  }

  span.left + span.general-title.chronicle.mobile {
    bottom: 25%;
    left: 0;
    width: 49%
  }


div.alignment_right {
    top: calc(90vh - 70px);
    left: 0;
    right: 0;
    transform: translateY(-90%);
    width: 90%;
}

div.alignment_right div.product-content {
  margin: 0 auto;
  max-width: 100%
}

}


@media only screen and (width : 1024px)  and (orientation : portrait) {
  span.right + span.general-title.chronicle.mobile {
    bottom: 25%;
    right: 0;
    width: 49%
  }

  span.left + span.general-title.chronicle.mobile {
    bottom: 25%;
    left: 0;
    width: 49%
  }


}

/* Print styles */
.print-only { display: none !important; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  img { page-break-inside: avoid; max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
.one, .dg_row .one { width: 8.33333%; }
.two, .dg_row .two { width: 16.66667%; }
.three, .dg_row .three { width: 25%; }
.four, .dg_row .four { width: 33.33333%; }
.five, .dg_row .five { width: 41.66667%; }
.six, .dg_row .six { width: 50% }
.seven, .dg_row .seven { width: 58.33333%; }
.eight, .dg_row .eight { width: 66.66667%; }
.nine, .dg_row .nine { width: 75%; }
.ten, .dg_row .ten { width: 83.33333%; }
.eleven, .dg_row .eleven { width: 91.66667%; }
.twelve, .dg_row .twelve { width: 100%; }


img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }
input[type=submit].button, button.button { -webkit-appearance: none; }

/* Correct FF button padding */
@-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
  input[type="submit"].button { padding: 8px 20px 9px; }
 }

.left, .right { float: none; }
  body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  /* The Grid --- */
  /*              */
  .dg_row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  /* Buttons --- */
  /*             */
  /* Basic overrides */
  .button { display: block; }
  button.button, input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; }
  
  test
  
  test1